AdamJ · AdamJ · Dec 1, 2025 · Dec 1, 2025
diff --git a/docs/about/adam/index.html b/docs/about/adam/index.html
@@ -113,7 +113,7 @@ <h3>ABOUT ME</h3>
     <div class="footer-section">
       <h3>EXPLORE MORE</h3>
       <h4>Experiments &amp; Side Projects</h4>
-      <p>-> <a href="https://www.productdesigns.net" target="_blank" alt="Link to productdesigns.net">productdesigns.net</a></p>
+      <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>

diff --git a/docs/about/resume/index.html b/docs/about/resume/index.html
@@ -148,7 +148,7 @@ <h3>ABOUT ME</h3>
     <div class="footer-section">
       <h3>EXPLORE MORE</h3>
       <h4>Experiments &amp; Side Projects</h4>
-      <p>-> <a href="https://www.productdesigns.net" target="_blank" alt="Link to productdesigns.net">productdesigns.net</a></p>
+      <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>

diff --git a/docs/apps/TimeTrackerPro/index.html b/docs/apps/TimeTrackerPro/index.html
@@ -0,0 +1,164 @@
+<!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>Time Tracker Pro | Adam Jolicoeur</title>
+    <meta
+      name="description"
+      content="Perfect for freelancers, consultants, and professionals who need to track time, manage projects, and generate invoices."
+    />
+    <meta name="generator" content="Eleventy">
+    <meta property="og:title" content="Adam J. Jolicoeur" />
+    <meta property="og:url" content="" />
+    <meta property="og:description" content="Perfect for freelancers, consultants, and professionals who need to track time, manage projects, and generate invoices.">
+    <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="Time Tracker Pro | Adam Jolicoeur"
+    />
+    <meta
+      name="og:description"
+      content="Perfect for freelancers, consultants, and professionals who need to track time, manage projects, and generate invoices."
+    />
+    <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">Time Tracker Pro</h1>
+  <p>Perfect for freelancers, consultants, and professionals who need to track time, manage projects, and generate invoices.</p></section>
+
+<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/TimeTrackerPro" class="link-brackets" alt="Link to the TimeTrackerPro GitHub repository" target="_blank">AdamJ/TimeTrackerPro</a></p>
+  <p><strong>WebApp:</strong><a href="https://timetrackerpro.adamjolicoeur.me" class="link-brackets" alt="Link to the TimeTrackerPro webapp" target="_blank">timetrackerpro.adamjolicoeur.me</a></p>
+</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>
diff --git a/docs/apps/gamesandthings/index.html b/docs/apps/gamesandthings/index.html
@@ -0,0 +1,165 @@
+<!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>Games and Things | Adam Jolicoeur</title>
+    <meta
+      name="description"
+      content="A single place for tracking your game and movie collections."
+    />
+    <meta name="generator" content="Eleventy">
+    <meta property="og:title" content="Adam J. Jolicoeur" />
+    <meta property="og:url" content="" />
+    <meta property="og:description" content="A single place for tracking your game and movie collections.">
+    <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="Games and Things | Adam Jolicoeur"
+    />
+    <meta
+      name="og:description"
+      content="A single place for tracking your game and movie collections."
+    />
+    <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">Games and Things</h1>
+  <p>A single place for tracking your game and movie collections.</p></section>
+
+<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>
+</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>