Skip to content

feat: add pages for available apps #379

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
AdamJ merged 1 commit into from
Dec 5, 2025
Merged

feat: add pages for available apps #379

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
8 changes: 3 additions & 5 deletions docs/apps/gamesandthings/index.html → docs/apps/gamesandthings.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -78,11 +78,9 @@ <h1 id="hero-heading">Games and Things</h1>

<content>
<section>
<h2 class="text-h2 no-underline">Screenshots</h2>
<h3 class="text-h3">Integrations</h3>
<p>
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.
</p>
<h2 id="screenshots" tabindex="-1">Screenshots <a class="anchor-link" href="#screenshots">#</a></h2>
<h2 id="integrations" tabindex="-1">Integrations <a class="anchor-link" href="#integrations">#</a></h2>
<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>
</section>

</content>
Expand Down
175 changes: 175 additions & 0 deletions docs/apps/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,175 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<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" />
<title>Apps | Adam Jolicoeur</title>
<meta
name="description"
content="Apps designed and developed by Adam Jolicoeur"
/>
<meta name="generator" content="Eleventy">
<meta property="og:title" content="Adam J. Jolicoeur" />
<meta property="og:url" content="" />
<meta property="og:description" content="Apps designed and developed by Adam Jolicoeur">
<meta property="og:site_name" content="Adam J. Jolicoeur">
<meta property="og:type" content="website">
<link rel="apple-touch-icon" sizes="180x180" href="/icon-180.png">
<link rel="icon" type="image/png" size="16x16" href="/icon-16.png">
<link rel="icon" type="image/png" size="32x32" href="/icon-32.png">
<link rel="icon" type="image/png" size="192x192" href="/icon-192.png">
<link rel="icon" type="image/png" size="512x512" href="/icon-512.png">
<link rel="manifest" href="/manifest.json">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<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">
<link type="text/css" href="/css/prism.css" rel="stylesheet" />
<link type="text/css" href="/css/style.css" rel="stylesheet" />
<meta
name="og:title"
content="Apps | Adam Jolicoeur"
/>
<meta
name="og:description"
content="Apps designed and developed by Adam Jolicoeur"
/>
<meta property="og:image" content="https://www.adamjolicoeur.com/assets/img/social_template.jpg" />

<link
rel="alternate"
type="application/rss+xml"
title="RSS Feed for Adam Jolicoeur"
href="/feed/"
/>
<script src="https://kit.fontawesome.com/0ea2a7621c.js" crossorigin="anonymous"></script>
</head>
<a rel="me" href="https://mastodon.world/@adamjol" aria-hidden="true" class="display-none">Mastodon</a>
<body>
<a href="#main-content" class="skip-link">Skip to main content</a>
<nav role="navigation" aria-label="Main navigation" class="main-nav" style="bottom: 0 !important;">
<ul>
<li>
<a href="/" alt="Navigate to home page">
Home
</a>
</li>
<li>
<a href="/about/adam" alt="Navigate to about page">
About
</a>
</li>
<li>
<a href="/portfolio" alt="Navigate to portfolio page">
Portfolio
</a>
</li>
<li>
<a href="/about/resume" alt="Navigate to the resume page">
Resume
</a>
</li>
</ul>
</nav>
<main id="main-content">

<section class="hero" aria-labelledby="hero-heading">
<h1 id="hero-heading">Apps</h1>
<p>Apps designed and developed by Adam Jolicoeur</p></section>

<content>
<section>
<h2 id="support-%26-privacy" tabindex="-1">Support &amp; Privacy <a class="anchor-link" href="#support-%26-privacy">#</a></h2>
<ul>
<li><a href="support">Support</a></li>
<li><a href="privacy">Privacy</a></li>
</ul>
<h2 id="webapps" tabindex="-1">Webapps <a class="anchor-link" href="#webapps">#</a></h2>
<ul>
<li><a href="moonsilver">Moonsilver Waypoints</a></li>
<li><a href="timetracker">TimeTracker Pro</a></li>
</ul>
<h2 id="ios-appstore" tabindex="-1">iOS AppStore <a class="anchor-link" href="#ios-appstore">#</a></h2>
<ul>
<li><a href="gamesandthings">Games And Things</a></li>
<li><a href="magiccollection">The Magic Collection</a></li>
</ul>
</section>

</content>

</main>
<footer id="contact">
<div class="footer-content">
<div class="footer-section">
<h3>ABOUT ME</h3>
<p>
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.
</p>
<p>
Currently open to senior Product Designer and Design Systems roles at mission-driven companies building impactful products.
</p>
<p>
This portfolio showcases my approach to solving complex design challenges through user research, systematic thinking, and collaboration with engineering teams.
</p>
</div>
<div class="footer-section">
<h3>EXPLORE MORE</h3>
<h4>Experiments &amp; Side Projects</h4>
<p>-> <a href="https://productdesigns.net" target="_blank" alt="Link to productdesigns.net">productdesigns.net</a></p>
<h4>Technical Blog</h4>
<p>-> <a href="https://blog.adamjolicoeur.com" target="_blank" alt="Link to my blog">blog.adamjolicoeur.com</a></p>
<h4>Connect</h4>
<p>
<a href="https://www.linkedin.com/in/ajjolicoeur" class="link-brackets mr-4" target="_blank" alt="Linked to my LinkedIn profile">LinkedIn</a>
<a href="https://www.github.com/AdamJ" class="link-brackets" target="_blank" alt="Link to my GitHub profile">GitHub</a>
</p>
</div>
</div>
<div class="footer-bottom">
<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>
<a href="/sitemap.xml" alt="Link to the sitemap">
Sitemap
</a>
<span class="small text-secondary px-2"><i class="fa-solid fa-diamond text-accent"></i></span>
<a href="/credits" alt="Link to credits page">
Credits
</a>
</div>
</footer>

<script>
if ('serviceWorker' in navigator) {
window.onload = () => {
navigator.serviceWorker.register(
'/sw.js'
);
}
}
</script>
<!-- Go to Top Button -->
<button id="goTopBtn" class="btn btn-outline circle hide hide-on-print" aria-label="Scroll to top" style="position: fixed; bottom: 1rem; right: 1rem;">
<span aria-hidden="true">
<i class="fa-solid fa-arrow-up" style="font-size: 1.5rem;"></i>
</span>
</button>
<script>
// Go to Top Button logic
(function() {
var btn = document.getElementById('goTopBtn');
window.addEventListener('scroll', function() {
if (window.scrollY > 200) {
btn.classList.remove('hide');
btn.classList.add('show');
} else {
btn.classList.remove('show');
btn.classList.add('hide');
}
});
btn.addEventListener('click', function() {
window.scrollTo({ top: 0, behavior: 'smooth' });
});
})();
</script>
<script src="/js/prism.js"></script>
</body>
</html>
175 changes: 175 additions & 0 deletions docs/apps/magiccollection.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,175 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<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" />
<title>The Magic Collection | Adam Jolicoeur</title>
<meta
name="description"
content="For your Magic: The Gathering collection and deck list tracking."
/>
<meta name="generator" content="Eleventy">
<meta property="og:title" content="Adam J. Jolicoeur" />
<meta property="og:url" content="" />
<meta property="og:description" content="For your Magic: The Gathering collection and deck list tracking.">
<meta property="og:site_name" content="Adam J. Jolicoeur">
<meta property="og:type" content="website">
<link rel="apple-touch-icon" sizes="180x180" href="/icon-180.png">
<link rel="icon" type="image/png" size="16x16" href="/icon-16.png">
<link rel="icon" type="image/png" size="32x32" href="/icon-32.png">
<link rel="icon" type="image/png" size="192x192" href="/icon-192.png">
<link rel="icon" type="image/png" size="512x512" href="/icon-512.png">
<link rel="manifest" href="/manifest.json">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<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">
<link type="text/css" href="/css/prism.css" rel="stylesheet" />
<link type="text/css" href="/css/style.css" rel="stylesheet" />
<meta
name="og:title"
content="The Magic Collection | Adam Jolicoeur"
/>
<meta
name="og:description"
content="For your Magic: The Gathering collection and deck list tracking."
/>
<meta property="og:image" content="https://www.adamjolicoeur.com/assets/img/social_template.jpg" />

<link
rel="alternate"
type="application/rss+xml"
title="RSS Feed for Adam Jolicoeur"
href="/feed/"
/>
<script src="https://kit.fontawesome.com/0ea2a7621c.js" crossorigin="anonymous"></script>
</head>
<a rel="me" href="https://mastodon.world/@adamjol" aria-hidden="true" class="display-none">Mastodon</a>
<body>
<a href="#main-content" class="skip-link">Skip to main content</a>
<nav role="navigation" aria-label="Main navigation" class="main-nav" style="bottom: 0 !important;">
<ul>
<li>
<a href="/" alt="Navigate to home page">
Home
</a>
</li>
<li>
<a href="/about/adam" alt="Navigate to about page">
About
</a>
</li>
<li>
<a href="/portfolio" alt="Navigate to portfolio page">
Portfolio
</a>
</li>
<li>
<a href="/about/resume" alt="Navigate to the resume page">
Resume
</a>
</li>
</ul>
</nav>
<main id="main-content">

<section class="hero" aria-labelledby="hero-heading">
<h1 id="hero-heading">The Magic Collection</h1>
<p>For your Magic: The Gathering collection and deck list tracking.</p></section>

<content>
<section>
<h2 id="app-icon" tabindex="-1">App Icon <a class="anchor-link" href="#app-icon">#</a></h2>
<table>
<thead>
<tr>
<th>Light</th>
<th>Dark</th>
</tr>
</thead>
<tbody>
<tr>
<td><img src="/assets/img/TheMagicCollection-icon-light.webp" width="144" height="144" alt="Magic Collection light icon" /></td>
<td><img src="/assets/img/TheMagicCollection-icon-dark.webp" width="144" height="144" alt="Magic Collection dark icon" /></td>
</tr>
</tbody>
</table>
</section>

</content>

</main>
<footer id="contact">
<div class="footer-content">
<div class="footer-section">
<h3>ABOUT ME</h3>
<p>
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.
</p>
<p>
Currently open to senior Product Designer and Design Systems roles at mission-driven companies building impactful products.
</p>
<p>
This portfolio showcases my approach to solving complex design challenges through user research, systematic thinking, and collaboration with engineering teams.
</p>
</div>
<div class="footer-section">
<h3>EXPLORE MORE</h3>
<h4>Experiments &amp; Side Projects</h4>
<p>-> <a href="https://productdesigns.net" target="_blank" alt="Link to productdesigns.net">productdesigns.net</a></p>
<h4>Technical Blog</h4>
<p>-> <a href="https://blog.adamjolicoeur.com" target="_blank" alt="Link to my blog">blog.adamjolicoeur.com</a></p>
<h4>Connect</h4>
<p>
<a href="https://www.linkedin.com/in/ajjolicoeur" class="link-brackets mr-4" target="_blank" alt="Linked to my LinkedIn profile">LinkedIn</a>
<a href="https://www.github.com/AdamJ" class="link-brackets" target="_blank" alt="Link to my GitHub profile">GitHub</a>
</p>
</div>
</div>
<div class="footer-bottom">
<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>
<a href="/sitemap.xml" alt="Link to the sitemap">
Sitemap
</a>
<span class="small text-secondary px-2"><i class="fa-solid fa-diamond text-accent"></i></span>
<a href="/credits" alt="Link to credits page">
Credits
</a>
</div>
</footer>

<script>
if ('serviceWorker' in navigator) {
window.onload = () => {
navigator.serviceWorker.register(
'/sw.js'
);
}
}
</script>
<!-- Go to Top Button -->
<button id="goTopBtn" class="btn btn-outline circle hide hide-on-print" aria-label="Scroll to top" style="position: fixed; bottom: 1rem; right: 1rem;">
<span aria-hidden="true">
<i class="fa-solid fa-arrow-up" style="font-size: 1.5rem;"></i>
</span>
</button>
<script>
// Go to Top Button logic
(function() {
var btn = document.getElementById('goTopBtn');
window.addEventListener('scroll', function() {
if (window.scrollY > 200) {
btn.classList.remove('hide');
btn.classList.add('show');
} else {
btn.classList.remove('show');
btn.classList.add('hide');
}
});
btn.addEventListener('click', function() {
window.scrollTo({ top: 0, behavior: 'smooth' });
});
})();
</script>
<script src="/js/prism.js"></script>
</body>
</html>
8 changes: 4 additions & 4 deletions docs/apps/moonsilverwaypoints/index.html → docs/apps/moonsilver.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -78,10 +78,10 @@ <h1 id="hero-heading">Moonsilver Waypoints</h1>

<content>
<section>
<h2 class="text-h2 no-underline">Screenshots</h2>
<h2 class="text-h2 no-underline">Links</h2>
<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>
<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>
<h2 id="screenshots" tabindex="-1">Screenshots <a class="anchor-link" href="#screenshots">#</a></h2>
<h2 id="links" tabindex="-1">Links <a class="anchor-link" href="#links">#</a></h2>
<p><strong>GitHub:</strong> <a href="https://github.com/AdamJ/game-tracker">AdamJ/game-tracker</a></p>
<p><strong>WebApp:</strong> <a href="https://gametracker.productdesigns.net">gametracker.productdesigns.net</a></p>
</section>

</content>
Expand Down
Loading
Loading