Skip to content

Commit 873e5a0

Browse files
committed
feat: add pages for available apps
1 parent a4546e4 commit 873e5a0

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

42 files changed

+912
-74
lines changed
Lines changed: 3 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -78,11 +78,9 @@ <h1 id="hero-heading">Games and Things</h1>
7878

7979
<content>
8080
<section>
81-
<h2 class="text-h2 no-underline">Screenshots</h2>
82-
<h3 class="text-h3">Integrations</h3>
83-
<p>
84-
This app uses the API from <a href="https://www.themoviedb.org" alt="Link to the movie db website" class="link" target="_blank">The Movie DB</a> and is an opt-in service. Users must create a developer account and create their own API Key.
85-
</p>
81+
<h2 id="screenshots" tabindex="-1">Screenshots <a class="anchor-link" href="#screenshots">#</a></h2>
82+
<h2 id="integrations" tabindex="-1">Integrations <a class="anchor-link" href="#integrations">#</a></h2>
83+
<p>This app uses the API from <a href="https://www.themoviedb.org">The Movie DB</a> as an opt-in service. Users must create a developer account and enter their own API key. <em>Any keys entered are kept on-device and not visible to the app creator.</em></p>
8684
</section>
8785

8886
</content>

docs/apps/index.html

Lines changed: 175 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,175 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8" />
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0"><meta name="keywords" content="@Adam, Adam Jolicoeur, Adam J. Jolicoeur, AdamJ, Jolicoeur, adamjolicoeur.com, www.adamjolicoeur.com, mindreeper2420, Portfolio, Design, Product Designer, UXD, UX Designer, UX Developer, UX Engineer, Design Technologist, Product Mangement, CSS" />
6+
<title>Apps | Adam Jolicoeur</title>
7+
<meta
8+
name="description"
9+
content="Apps designed and developed by Adam Jolicoeur"
10+
/>
11+
<meta name="generator" content="Eleventy">
12+
<meta property="og:title" content="Adam J. Jolicoeur" />
13+
<meta property="og:url" content="" />
14+
<meta property="og:description" content="Apps designed and developed by Adam Jolicoeur">
15+
<meta property="og:site_name" content="Adam J. Jolicoeur">
16+
<meta property="og:type" content="website">
17+
<link rel="apple-touch-icon" sizes="180x180" href="/icon-180.png">
18+
<link rel="icon" type="image/png" size="16x16" href="/icon-16.png">
19+
<link rel="icon" type="image/png" size="32x32" href="/icon-32.png">
20+
<link rel="icon" type="image/png" size="192x192" href="/icon-192.png">
21+
<link rel="icon" type="image/png" size="512x512" href="/icon-512.png">
22+
<link rel="manifest" href="/manifest.json">
23+
<link rel="preconnect" href="https://fonts.googleapis.com">
24+
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
25+
<link href="https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Pirata+One&family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap" rel="stylesheet">
26+
<link type="text/css" href="/css/prism.css" rel="stylesheet" />
27+
<link type="text/css" href="/css/style.css" rel="stylesheet" />
28+
<meta
29+
name="og:title"
30+
content="Apps | Adam Jolicoeur"
31+
/>
32+
<meta
33+
name="og:description"
34+
content="Apps designed and developed by Adam Jolicoeur"
35+
/>
36+
<meta property="og:image" content="https://www.adamjolicoeur.com/assets/img/social_template.jpg" />
37+
38+
<link
39+
rel="alternate"
40+
type="application/rss+xml"
41+
title="RSS Feed for Adam Jolicoeur"
42+
href="/feed/"
43+
/>
44+
<script src="https://kit.fontawesome.com/0ea2a7621c.js" crossorigin="anonymous"></script>
45+
</head>
46+
<a rel="me" href="https://mastodon.world/@adamjol" aria-hidden="true" class="display-none">Mastodon</a>
47+
<body>
48+
<a href="#main-content" class="skip-link">Skip to main content</a>
49+
<nav role="navigation" aria-label="Main navigation" class="main-nav" style="bottom: 0 !important;">
50+
<ul>
51+
<li>
52+
<a href="/" alt="Navigate to home page">
53+
Home
54+
</a>
55+
</li>
56+
<li>
57+
<a href="/about/adam" alt="Navigate to about page">
58+
About
59+
</a>
60+
</li>
61+
<li>
62+
<a href="/portfolio" alt="Navigate to portfolio page">
63+
Portfolio
64+
</a>
65+
</li>
66+
<li>
67+
<a href="/about/resume" alt="Navigate to the resume page">
68+
Resume
69+
</a>
70+
</li>
71+
</ul>
72+
</nav>
73+
<main id="main-content">
74+
75+
<section class="hero" aria-labelledby="hero-heading">
76+
<h1 id="hero-heading">Apps</h1>
77+
<p>Apps designed and developed by Adam Jolicoeur</p></section>
78+
79+
<content>
80+
<section>
81+
<h2 id="support-%26-privacy" tabindex="-1">Support &amp; Privacy <a class="anchor-link" href="#support-%26-privacy">#</a></h2>
82+
<ul>
83+
<li><a href="support">Support</a></li>
84+
<li><a href="privacy">Privacy</a></li>
85+
</ul>
86+
<h2 id="webapps" tabindex="-1">Webapps <a class="anchor-link" href="#webapps">#</a></h2>
87+
<ul>
88+
<li><a href="moonsilver">Moonsilver Waypoints</a></li>
89+
<li><a href="timetracker">TimeTracker Pro</a></li>
90+
</ul>
91+
<h2 id="ios-appstore" tabindex="-1">iOS AppStore <a class="anchor-link" href="#ios-appstore">#</a></h2>
92+
<ul>
93+
<li><a href="gamesandthings">Games And Things</a></li>
94+
<li><a href="magiccollection">The Magic Collection</a></li>
95+
</ul>
96+
</section>
97+
98+
</content>
99+
100+
</main>
101+
<footer id="contact">
102+
<div class="footer-content">
103+
<div class="footer-section">
104+
<h3>ABOUT ME</h3>
105+
<p>
106+
I'm a Product Designer with 15+ years at AWS, Red Hat, and high-growth B2B companies. I specialize in design systems, enterprise applications, and complex data-intensive interfaces.
107+
</p>
108+
<p>
109+
Currently open to senior Product Designer and Design Systems roles at mission-driven companies building impactful products.
110+
</p>
111+
<p>
112+
This portfolio showcases my approach to solving complex design challenges through user research, systematic thinking, and collaboration with engineering teams.
113+
</p>
114+
</div>
115+
<div class="footer-section">
116+
<h3>EXPLORE MORE</h3>
117+
<h4>Experiments &amp; Side Projects</h4>
118+
<p>-> <a href="https://productdesigns.net" target="_blank" alt="Link to productdesigns.net">productdesigns.net</a></p>
119+
<h4>Technical Blog</h4>
120+
<p>-> <a href="https://blog.adamjolicoeur.com" target="_blank" alt="Link to my blog">blog.adamjolicoeur.com</a></p>
121+
<h4>Connect</h4>
122+
<p>
123+
<a href="https://www.linkedin.com/in/ajjolicoeur" class="link-brackets mr-4" target="_blank" alt="Linked to my LinkedIn profile">LinkedIn</a>
124+
<a href="https://www.github.com/AdamJ" class="link-brackets" target="_blank" alt="Link to my GitHub profile">GitHub</a>
125+
</p>
126+
</div>
127+
</div>
128+
<div class="footer-bottom">
129+
<p>Copyright &copy; 2008-2025 <a href="/about" alt="Link to an about page">Adam J. Jolicoeur</a>. All rights reserved. Designed & developed with <i class="fa-solid fa-brain"></i> <i class="fa-solid fa-robot"></i></p>
130+
<a href="/sitemap.xml" alt="Link to the sitemap">
131+
Sitemap
132+
</a>
133+
<span class="small text-secondary px-2"><i class="fa-solid fa-diamond text-accent"></i></span>
134+
<a href="/credits" alt="Link to credits page">
135+
Credits
136+
</a>
137+
</div>
138+
</footer>
139+
140+
<script>
141+
if ('serviceWorker' in navigator) {
142+
window.onload = () => {
143+
navigator.serviceWorker.register(
144+
'/sw.js'
145+
);
146+
}
147+
}
148+
</script>
149+
<!-- Go to Top Button -->
150+
<button id="goTopBtn" class="btn btn-outline circle hide hide-on-print" aria-label="Scroll to top" style="position: fixed; bottom: 1rem; right: 1rem;">
151+
<span aria-hidden="true">
152+
<i class="fa-solid fa-arrow-up" style="font-size: 1.5rem;"></i>
153+
</span>
154+
</button>
155+
<script>
156+
// Go to Top Button logic
157+
(function() {
158+
var btn = document.getElementById('goTopBtn');
159+
window.addEventListener('scroll', function() {
160+
if (window.scrollY > 200) {
161+
btn.classList.remove('hide');
162+
btn.classList.add('show');
163+
} else {
164+
btn.classList.remove('show');
165+
btn.classList.add('hide');
166+
}
167+
});
168+
btn.addEventListener('click', function() {
169+
window.scrollTo({ top: 0, behavior: 'smooth' });
170+
});
171+
})();
172+
</script>
173+
<script src="/js/prism.js"></script>
174+
</body>
175+
</html>

docs/apps/magiccollection.html

Lines changed: 175 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,175 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8" />
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0"><meta name="keywords" content="@Adam, Adam Jolicoeur, Adam J. Jolicoeur, AdamJ, Jolicoeur, adamjolicoeur.com, www.adamjolicoeur.com, mindreeper2420, Portfolio, Design, Product Designer, UXD, UX Designer, UX Developer, UX Engineer, Design Technologist, Product Mangement, CSS" />
6+
<title>The Magic Collection | Adam Jolicoeur</title>
7+
<meta
8+
name="description"
9+
content="For your Magic: The Gathering collection and deck list tracking."
10+
/>
11+
<meta name="generator" content="Eleventy">
12+
<meta property="og:title" content="Adam J. Jolicoeur" />
13+
<meta property="og:url" content="" />
14+
<meta property="og:description" content="For your Magic: The Gathering collection and deck list tracking.">
15+
<meta property="og:site_name" content="Adam J. Jolicoeur">
16+
<meta property="og:type" content="website">
17+
<link rel="apple-touch-icon" sizes="180x180" href="/icon-180.png">
18+
<link rel="icon" type="image/png" size="16x16" href="/icon-16.png">
19+
<link rel="icon" type="image/png" size="32x32" href="/icon-32.png">
20+
<link rel="icon" type="image/png" size="192x192" href="/icon-192.png">
21+
<link rel="icon" type="image/png" size="512x512" href="/icon-512.png">
22+
<link rel="manifest" href="/manifest.json">
23+
<link rel="preconnect" href="https://fonts.googleapis.com">
24+
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
25+
<link href="https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Pirata+One&family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap" rel="stylesheet">
26+
<link type="text/css" href="/css/prism.css" rel="stylesheet" />
27+
<link type="text/css" href="/css/style.css" rel="stylesheet" />
28+
<meta
29+
name="og:title"
30+
content="The Magic Collection | Adam Jolicoeur"
31+
/>
32+
<meta
33+
name="og:description"
34+
content="For your Magic: The Gathering collection and deck list tracking."
35+
/>
36+
<meta property="og:image" content="https://www.adamjolicoeur.com/assets/img/social_template.jpg" />
37+
38+
<link
39+
rel="alternate"
40+
type="application/rss+xml"
41+
title="RSS Feed for Adam Jolicoeur"
42+
href="/feed/"
43+
/>
44+
<script src="https://kit.fontawesome.com/0ea2a7621c.js" crossorigin="anonymous"></script>
45+
</head>
46+
<a rel="me" href="https://mastodon.world/@adamjol" aria-hidden="true" class="display-none">Mastodon</a>
47+
<body>
48+
<a href="#main-content" class="skip-link">Skip to main content</a>
49+
<nav role="navigation" aria-label="Main navigation" class="main-nav" style="bottom: 0 !important;">
50+
<ul>
51+
<li>
52+
<a href="/" alt="Navigate to home page">
53+
Home
54+
</a>
55+
</li>
56+
<li>
57+
<a href="/about/adam" alt="Navigate to about page">
58+
About
59+
</a>
60+
</li>
61+
<li>
62+
<a href="/portfolio" alt="Navigate to portfolio page">
63+
Portfolio
64+
</a>
65+
</li>
66+
<li>
67+
<a href="/about/resume" alt="Navigate to the resume page">
68+
Resume
69+
</a>
70+
</li>
71+
</ul>
72+
</nav>
73+
<main id="main-content">
74+
75+
<section class="hero" aria-labelledby="hero-heading">
76+
<h1 id="hero-heading">The Magic Collection</h1>
77+
<p>For your Magic: The Gathering collection and deck list tracking.</p></section>
78+
79+
<content>
80+
<section>
81+
<h2 id="app-icon" tabindex="-1">App Icon <a class="anchor-link" href="#app-icon">#</a></h2>
82+
<table>
83+
<thead>
84+
<tr>
85+
<th>Light</th>
86+
<th>Dark</th>
87+
</tr>
88+
</thead>
89+
<tbody>
90+
<tr>
91+
<td><img src="/assets/img/TheMagicCollection-icon-light.webp" width="144" height="144" alt="Magic Collection light icon" /></td>
92+
<td><img src="/assets/img/TheMagicCollection-icon-dark.webp" width="144" height="144" alt="Magic Collection dark icon" /></td>
93+
</tr>
94+
</tbody>
95+
</table>
96+
</section>
97+
98+
</content>
99+
100+
</main>
101+
<footer id="contact">
102+
<div class="footer-content">
103+
<div class="footer-section">
104+
<h3>ABOUT ME</h3>
105+
<p>
106+
I'm a Product Designer with 15+ years at AWS, Red Hat, and high-growth B2B companies. I specialize in design systems, enterprise applications, and complex data-intensive interfaces.
107+
</p>
108+
<p>
109+
Currently open to senior Product Designer and Design Systems roles at mission-driven companies building impactful products.
110+
</p>
111+
<p>
112+
This portfolio showcases my approach to solving complex design challenges through user research, systematic thinking, and collaboration with engineering teams.
113+
</p>
114+
</div>
115+
<div class="footer-section">
116+
<h3>EXPLORE MORE</h3>
117+
<h4>Experiments &amp; Side Projects</h4>
118+
<p>-> <a href="https://productdesigns.net" target="_blank" alt="Link to productdesigns.net">productdesigns.net</a></p>
119+
<h4>Technical Blog</h4>
120+
<p>-> <a href="https://blog.adamjolicoeur.com" target="_blank" alt="Link to my blog">blog.adamjolicoeur.com</a></p>
121+
<h4>Connect</h4>
122+
<p>
123+
<a href="https://www.linkedin.com/in/ajjolicoeur" class="link-brackets mr-4" target="_blank" alt="Linked to my LinkedIn profile">LinkedIn</a>
124+
<a href="https://www.github.com/AdamJ" class="link-brackets" target="_blank" alt="Link to my GitHub profile">GitHub</a>
125+
</p>
126+
</div>
127+
</div>
128+
<div class="footer-bottom">
129+
<p>Copyright &copy; 2008-2025 <a href="/about" alt="Link to an about page">Adam J. Jolicoeur</a>. All rights reserved. Designed & developed with <i class="fa-solid fa-brain"></i> <i class="fa-solid fa-robot"></i></p>
130+
<a href="/sitemap.xml" alt="Link to the sitemap">
131+
Sitemap
132+
</a>
133+
<span class="small text-secondary px-2"><i class="fa-solid fa-diamond text-accent"></i></span>
134+
<a href="/credits" alt="Link to credits page">
135+
Credits
136+
</a>
137+
</div>
138+
</footer>
139+
140+
<script>
141+
if ('serviceWorker' in navigator) {
142+
window.onload = () => {
143+
navigator.serviceWorker.register(
144+
'/sw.js'
145+
);
146+
}
147+
}
148+
</script>
149+
<!-- Go to Top Button -->
150+
<button id="goTopBtn" class="btn btn-outline circle hide hide-on-print" aria-label="Scroll to top" style="position: fixed; bottom: 1rem; right: 1rem;">
151+
<span aria-hidden="true">
152+
<i class="fa-solid fa-arrow-up" style="font-size: 1.5rem;"></i>
153+
</span>
154+
</button>
155+
<script>
156+
// Go to Top Button logic
157+
(function() {
158+
var btn = document.getElementById('goTopBtn');
159+
window.addEventListener('scroll', function() {
160+
if (window.scrollY > 200) {
161+
btn.classList.remove('hide');
162+
btn.classList.add('show');
163+
} else {
164+
btn.classList.remove('show');
165+
btn.classList.add('hide');
166+
}
167+
});
168+
btn.addEventListener('click', function() {
169+
window.scrollTo({ top: 0, behavior: 'smooth' });
170+
});
171+
})();
172+
</script>
173+
<script src="/js/prism.js"></script>
174+
</body>
175+
</html>
Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -78,10 +78,10 @@ <h1 id="hero-heading">Moonsilver Waypoints</h1>
7878

7979
<content>
8080
<section>
81-
<h2 class="text-h2 no-underline">Screenshots</h2>
82-
<h2 class="text-h2 no-underline">Links</h2>
83-
<p><strong>GitHub:</strong><a href="https://github.com/AdamJ/game-tracker" class="link-brackets" alt="Link to the game-tracker GitHub repository" target="_blank">AdamJ/game-tracker</a></p>
84-
<p><strong>WebApp:</strong><a href="https://gametracker.productdesigns.net" class="link-brackets" alt="Link to the TimeTrackerPro webapp" target="_blank">gametracker.productdesigns.net</a></p>
81+
<h2 id="screenshots" tabindex="-1">Screenshots <a class="anchor-link" href="#screenshots">#</a></h2>
82+
<h2 id="links" tabindex="-1">Links <a class="anchor-link" href="#links">#</a></h2>
83+
<p><strong>GitHub:</strong> <a href="https://github.com/AdamJ/game-tracker">AdamJ/game-tracker</a></p>
84+
<p><strong>WebApp:</strong> <a href="https://gametracker.productdesigns.net">gametracker.productdesigns.net</a></p>
8585
</section>
8686

8787
</content>

0 commit comments

Comments
 (0)