From 053513b4e6dbe2317e3ec2837a4aa8bc85c6ef35 Mon Sep 17 00:00:00 2001
From: Ayo Ayco <ayo@ayco.io>
Date: Mon, 8 Apr 2024 18:18:55 +0200
Subject: [PATCH] feat: serve static files in dist directory

---
 static/ayo-sm.png       | Bin 13020 -> 0 bytes
 static/favicon.ico      | Bin 1150 -> 0 bytes
 templates/404.html      | 455 --------------------------------
 templates/index.html    | 562 ----------------------------------------
 templates/now.html      | 484 ----------------------------------
 templates/showcase.html | 438 -------------------------------
 templates/stuff.html    | 417 -----------------------------
 web.py                  |  20 +-
 8 files changed, 5 insertions(+), 2371 deletions(-)
 delete mode 100644 static/ayo-sm.png
 delete mode 100644 static/favicon.ico
 delete mode 100644 templates/404.html
 delete mode 100644 templates/index.html
 delete mode 100644 templates/now.html
 delete mode 100644 templates/showcase.html
 delete mode 100644 templates/stuff.html

diff --git a/static/ayo-sm.png b/static/ayo-sm.png
deleted file mode 100644
index 833f805227ab79a5c6dae8b91315f079746c6529..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 13020
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

diff --git a/static/favicon.ico b/static/favicon.ico
deleted file mode 100644
index edb0e4b60d048c92e395d1b447d148ab40376ee0..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 1150
zcmZQzU<5(|0R|wcz>vYhz#zuJz@P!dKp~(AL>x#lH~{6afd4=-s^f%&g#V^)0a(oi
z$;AROK70Q|0lFGipj$ye+dc@d{;~)QusU@8pI+R+DvquW#K#4mzW;{TZkSo0U*Ey7
z3nak6z)6&Tm>YmG2v-04?r9A3V0Pi6K^jioe*@MJVsAQemuR~|W(J81fwaN(<FW^z
xI7t7O&#yofNp{1`{P^NJSg*QyG+FvV=8$VQ%ng_C-Xq&?m>GkV20Dv;001`bWIg}@

diff --git a/templates/404.html b/templates/404.html
deleted file mode 100644
index d9bf024..0000000
--- a/templates/404.html
+++ /dev/null
@@ -1,455 +0,0 @@
-<!DOCTYPE html>
-<html lang="en" data-astro-cid-sckkx6r4>
-  <head>
-    <title>Not Found</title>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width" />
-    <meta name="theme-color" content="#3054bf" />
-    <meta
-      name="description"
-      content="Have you tried turning it off and on again?"
-    />
-    <meta name="author" content="Ayo Ayco" />
-    <meta name="origin" content="https://ayo.ayco.io/404/" />
-    <!-- Open Graph data -->
-    <meta property="og:site_name" content="Ayo Ayco" />
-    <meta property="og:type" content="website" />
-    <meta property="og:url" content="https://ayo.ayco.io/404/" />
-    <meta property="og:title" content="Not Found" />
-    <meta
-      property="og:description"
-      content="Have you tried turning it off and on again?"
-    />
-    <meta property="og:image" content="/ayo.png" />
-    <link rel="me" href="https://ayos.blog" />
-    <link rel="me" href="https://social.ayco.io/@ayo" />
-    <link rel="me" href="https://metapixl.com/@ayo" />
-    <link rel="me" href="https://theres.life/@ayo" />
-    <link rel="shortcut icon" type="image/png" href="static/favicon.ico" />
-    <script>
-      const title = document.title;
-      const defaultTitle =
-        "Ayo Ayco | Software Engineer, Web Developer, Consultant";
-      if (title) {
-        document.title = `${title} | ${defaultTitle}`;
-      }
-    </script>
-    <style>
-      *,
-      *:before,
-      *:after {
-        box-sizing: border-box;
-      }
-      * {
-        margin: 0;
-      }
-      html,
-      body {
-        height: 100%;
-        background: #fff;
-      }
-      body {
-        line-height: 1.5;
-        letter-spacing: 0.25px;
-        -webkit-font-smoothing: antialiased;
-      }
-      img,
-      picture,
-      video,
-      canvas,
-      svg,
-      iframe {
-        display: block;
-        max-width: 100%;
-        margin: 0 auto;
-      }
-      input,
-      button,
-      textarea,
-      select {
-        font: inherit;
-      }
-      p,
-      h1,
-      h2,
-      h3,
-      h4,
-      h5,
-      h6 {
-        overflow-wrap: break-word;
-      }
-      #root,
-      #__next {
-        isolation: isolate;
-      }
-      nav[data-astro-cid-dmqpwcec] {
-        background: var(--ayo-gradient);
-        display: flex;
-        margin: 0 auto;
-      }
-      nav[data-astro-cid-dmqpwcec] a[data-astro-cid-dmqpwcec] {
-        display: inline-block;
-        text-decoration: underline;
-        color: var(--text-color-light);
-        padding: 0.5em 1em;
-        font-size: var(--font-size-sm);
-      }
-      nav[data-astro-cid-dmqpwcec] a[data-astro-cid-dmqpwcec]:hover {
-        color: var(--color-brand-complement);
-      }
-      nav[data-astro-cid-dmqpwcec]
-        a[data-astro-cid-dmqpwcec]
-        svg[data-astro-cid-dmqpwcec] {
-        width: 1.5rem;
-      }
-      #wrapper[data-astro-cid-dmqpwcec] {
-        flex: 1;
-        max-width: var(--content-width);
-        margin: 0 auto;
-        text-align: right;
-      }
-      @media only screen and (max-device-width: 360px) {
-        #wrapper[data-astro-cid-dmqpwcec] {
-          text-align: center;
-        }
-        nav[data-astro-cid-dmqpwcec] a[data-astro-cid-dmqpwcec] {
-          padding: 0.5em;
-        }
-      }
-      main {
-        margin: auto;
-        max-width: var(--content-width);
-        padding: 1em;
-      }
-      h1 {
-        font-size: var(--font-size-xl);
-      }
-      h2 {
-        font-size: var(--font-size-lg);
-      }
-      code {
-        font-family: Menlo, Monaco, Lucida Console, Liberation Mono,
-          DejaVu Sans Mono, Bitstream Vera Sans Mono, Courier New, monospace;
-      }
-      p,
-      img,
-      table,
-      ul {
-        margin: 1em 0;
-        font-size: var(--font-size-base);
-      }
-      .text-gradient {
-        font-weight: 900;
-        background-image: var(--ayo-gradient);
-        animation: pulse 4s ease-in-out infinite;
-        background-size: 500% 500%;
-        -webkit-background-clip: text;
-        -webkit-text-fill-color: transparent;
-        background-size: 100% 200%;
-        background-position-y: 100%;
-        border-radius: 0.4rem;
-      }
-      a {
-        font-weight: 700;
-      }
-      @media (prefers-color-scheme: dark) {
-        a {
-          color: var(--color-brand-complement);
-        }
-      }
-      :root {
-        --content-width: 700px;
-        --font-size-sm: clamp(0.75rem, 0.2vw + 0.66rem, 0.8rem);
-        --font-size-base: clamp(1rem, 0.34vw + 0.91rem, 1.19rem);
-        --font-size-lg: clamp(1.2rem, 0.7vw + 1.2rem, 1.5rem);
-        --font-size-xl: clamp(2.44rem, 2.38vw + 1.85rem, 3.75rem);
-        --color-border: hsl(17, 24%, 90%);
-        --color-link: var(--color-brand-blue-3);
-        --color-brand-blue-1: #3054bf;
-        --color-brand-blue-2: #203880;
-        --color-brand-blue-3: #416fff;
-        --color-brand-blue-4: #101c40;
-        --color-brand-blue-5: #3964e6;
-        --color-brand-complement: orange;
-        --ayo-gradient: linear-gradient(45deg, #3054bf, #416fff);
-        --text-color-dark: black;
-        --text-color-light: #f8f9fa;
-        --bg-dark: #343a40;
-        --bg-darker: #212529;
-        --bg-darkest: #000;
-      }
-      html,
-      body,
-      [data-astro-cid-sckkx6r4] {
-        font-family: system-ui, sans-serif;
-        font-size: var(--font-size-base);
-        color: var(--text-color-dark);
-        background-color: var(--text-color-light);
-      }
-      @media (prefers-color-scheme: dark) {
-        html,
-        body,
-        [data-astro-cid-sckkx6r4] {
-          background: var(--bg-darker);
-          color: var(--text-color-light);
-        }
-      }
-      @keyframes pulse {
-        0%,
-        to {
-          background-position-y: 0%;
-        }
-        50% {
-          background-position-y: 80%;
-        }
-      }
-      footer[data-astro-cid-sz7xmlte] {
-        margin-top: 1em;
-        text-align: right;
-      }
-      footer[data-astro-cid-sz7xmlte] ul[data-astro-cid-sz7xmlte] {
-        font-size: var(--font-size-sm);
-      }
-      h1[data-astro-cid-zetdm5md] {
-        margin: 0;
-        color: #ffffffbf;
-      }
-      h1[data-astro-cid-zetdm5md] span[data-astro-cid-zetdm5md].heavy-text {
-        font-weight: 900;
-        color: #fff;
-      }
-      main[data-astro-cid-zetdm5md] {
-        max-width: 100% !important;
-      }
-      .highlighted-section__content[data-astro-cid-zetdm5md] {
-        margin: auto;
-        padding: 1em;
-        max-width: var(--content-width);
-        font-weight: 400;
-        font-size: (--font-size-lg);
-        color: var(--text-color-light);
-      }
-      .now-wrapper[data-astro-cid-zetdm5md] {
-        border: 1px solid rgba(255, 255, 255, 0.2);
-        border-radius: 40px;
-        padding: 8px 4px;
-        font-weight: 400;
-        color: #fff;
-        font-size: var(--font-size-sm);
-        text-decoration: none;
-      }
-      .now-label[data-astro-cid-zetdm5md] {
-        border-radius: 40px;
-        background-color: #0009;
-        color: #fff;
-        padding: 4px 8px;
-        text-transform: uppercase;
-        font-weight: 700;
-      }
-      .status[data-astro-cid-zetdm5md] {
-        padding-right: 4px;
-      }
-      .highlighted-section[data-astro-cid-zetdm5md] {
-        background: var(--ayo-gradient);
-        background-size: 500% 500%;
-        animation: pulse 15s ease-in-out infinite;
-      }
-      .highlighted-section__content[data-astro-cid-zetdm5md]
-        ul[data-astro-cid-zetdm5md]
-        a[data-astro-cid-zetdm5md] {
-        color: #fff;
-        font-weight: 400;
-      }
-      .highlighted-section__content[data-astro-cid-zetdm5md]
-        ul[data-astro-cid-zetdm5md] {
-        list-style-type: none;
-        padding: 0;
-      }
-      .cards-section[data-astro-cid-zetdm5md] {
-        margin: auto;
-        max-width: var(--content-width);
-      }
-      .cards-section__grid[data-astro-cid-zetdm5md] {
-        display: grid;
-        grid-template-columns: repeat(auto-fit, minmax(24ch, 1fr));
-        gap: 1rem;
-        padding: 0;
-      }
-      @media only screen and (max-device-width: 360px) {
-        .now-wrapper[data-astro-cid-zetdm5md] {
-          border: 0px;
-          font-size: var(--font-size-sm);
-          width: 100%;
-          display: -webkit-box;
-          -webkit-line-clamp: 1;
-          -webkit-box-orient: vertical;
-          overflow: hidden;
-          padding: 0;
-          margin: 0;
-        }
-        .now-label[data-astro-cid-zetdm5md] {
-          background-color: transparent;
-          color: #fff;
-          text-decoration: underline;
-          padding: 0;
-          margin: 0;
-        }
-        .now-label[data-astro-cid-zetdm5md]:before {
-          content: "* ";
-        }
-        .now-label[data-astro-cid-zetdm5md]:after {
-          content: ":";
-        }
-      }
-      @media only screen and (min-device-width: 280px) and (max-device-width: 653px) {
-        .highlighted-section__content[data-astro-cid-zetdm5md]
-          ul[data-astro-cid-zetdm5md]
-          li[data-astro-cid-zetdm5md] {
-          font-size: var(--font-size-sm);
-        }
-      }
-      @media only screen and (min-device-width: 360px) and (max-device-width: 812px) {
-        .highlighted-section__content[data-astro-cid-zetdm5md]
-          ul[data-astro-cid-zetdm5md]
-          li[data-astro-cid-zetdm5md] {
-          font-size: var(--font-size-base);
-        }
-      }
-    </style>
-  </head>
-  <body data-astro-cid-sckkx6r4>
-    <nav data-astro-cid-dmqpwcec>
-      <div id="wrapper" data-astro-cid-dmqpwcec>
-        <a href="/" data-astro-cid-dmqpwcec>
-          <svg
-            viewBox="0 0 24 24"
-            data-astro-cid-dmqpwcec
-            astro-icon="mdi:home"
-          >
-            <path fill="currentColor" d="M10 20v-6h4v6h5v-8h3L12 3 2 12h3v8z" />
-          </svg>
-          home </a
-        ><a href="https://ayos.blog" data-astro-cid-dmqpwcec>
-          <svg
-            viewBox="0 0 24 24"
-            data-astro-cid-dmqpwcec
-            astro-icon="mdi:blog"
-          >
-            <path
-              fill="currentColor"
-              d="M3 3v18h18V3zm15 15H6v-1h12zm0-2H6v-1h12zm0-4H6V6h12z"
-            />
-          </svg>
-          blog </a
-        ><a href="https://ayco.io/@ayo" data-astro-cid-dmqpwcec>
-          <svg
-            viewBox="0 0 24 24"
-            data-astro-cid-dmqpwcec
-            astro-icon="mdi:mastodon"
-          >
-            <path
-              fill="currentColor"
-              d="M20.94 14c-.28 1.41-2.44 2.96-4.97 3.26-1.31.15-2.6.3-3.97.24-2.25-.11-4-.54-4-.54v.62c.32 2.22 2.22 2.35 4.03 2.42 1.82.05 3.44-.46 3.44-.46l.08 1.65s-1.28.68-3.55.81c-1.25.07-2.81-.03-4.62-.5-3.92-1.05-4.6-5.24-4.7-9.5l-.01-3.43c0-4.34 2.83-5.61 2.83-5.61C6.95 2.3 9.41 2 11.97 2h.06c2.56 0 5.02.3 6.47.96 0 0 2.83 1.27 2.83 5.61 0 0 .04 3.21-.39 5.43M18 8.91c0-1.08-.3-1.91-.85-2.56-.56-.63-1.3-.96-2.23-.96-1.06 0-1.87.41-2.42 1.23l-.5.88-.5-.88c-.56-.82-1.36-1.23-2.43-1.23-.92 0-1.66.33-2.23.96C6.29 7 6 7.83 6 8.91v5.26h2.1V9.06c0-1.06.45-1.62 1.36-1.62 1 0 1.5.65 1.5 1.93v2.79h2.07V9.37c0-1.28.5-1.93 1.51-1.93.9 0 1.35.56 1.35 1.62v5.11H18z"
-            />
-          </svg>
-          social </a
-        ><a href="https://metapixl.com/i/portfolio/ayo" data-astro-cid-dmqpwcec>
-          <svg
-            viewBox="0 0 24 24"
-            data-astro-cid-dmqpwcec
-            astro-icon="mdi:image"
-          >
-            <path
-              fill="currentColor"
-              d="m8.5 13.5 2.5 3 3.5-4.5 4.5 6H5m16 1V5a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2"
-            />
-          </svg>
-          photos </a
-        ><a href="https://www.npmjs.com/~aayco" data-astro-cid-dmqpwcec>
-          <svg viewBox="0 0 24 24" data-astro-cid-dmqpwcec astro-icon="gg:npm">
-            <path
-              fill="currentColor"
-              fill-rule="evenodd"
-              d="M5 21a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2zm1-3V6h12v12h-3V9h-3v9z"
-              clip-rule="evenodd"
-            />
-          </svg>
-          npm
-        </a>
-      </div>
-    </nav>
-    <section class="highlighted-section" data-astro-cid-zetdm5md>
-      <div class="highlighted-section__content" data-astro-cid-zetdm5md>
-        <h1
-          title="Ayo Ayco | Software Engineer + Web Developer"
-          data-astro-cid-zetdm5md
-        >
-          <span class="heavy-text" data-astro-cid-zetdm5md>Not</span>Found
-        </h1>
-        <p data-astro-cid-zetdm5md>
-          I tried my best, but the resource you are looking for is not in the
-          website.
-        </p>
-      </div>
-    </section>
-    <main data-astro-cid-zetdm5md>
-      <section class="cards-section" data-astro-cid-zetdm5md>
-        <h2 data-astro-cid-zetdm5md>Don't worry 🤗</h2>
-        <p data-astro-cid-zetdm5md>
-          For your convenience, here are some possibly interesting links:
-        </p>
-        <ol data-astro-cid-zetdm5md>
-          <li data-astro-cid-zetdm5md>
-            <a href="https://ayo.ayco.io" data-astro-cid-zetdm5md
-              >Let's get you back home</a
-            >
-          </li>
-          <li data-astro-cid-zetdm5md>
-            <a href="https://ayo.ayco.io/now" data-astro-cid-zetdm5md
-              >Now: What am I currently up to?</a
-            >
-          </li>
-          <li data-astro-cid-zetdm5md>
-            <a href="https://social.ayco.io" data-astro-cid-zetdm5md
-              >Social / Microblog</a
-            >
-          </li>
-          <li data-astro-cid-zetdm5md>
-            <a href="https://ayo.ayco.io/showcase" data-astro-cid-zetdm5md
-              >Fun Side Projects</a
-            >
-          </li>
-        </ol>
-        <p data-astro-cid-zetdm5md>
-          If you still feel this is a mistake that I can fix on my end, please
-          feel free to email me: ayo[at]ayco.io
-        </p>
-        <footer data-astro-cid-sz7xmlte>
-          <ul style="list-style: none" data-astro-cid-sz7xmlte>
-            <li data-astro-cid-sz7xmlte>
-              &#169; 2022-2024
-              <strong data-astro-cid-sz7xmlte>Ayo Ayco</strong>. All Rights
-              Reserved
-            </li>
-            <li data-astro-cid-sz7xmlte>
-              This website
-              <a
-                href="https://ayos.blog/stopped-tracking-on-my-sites"
-                data-astro-cid-sz7xmlte
-                >does not track users</a
-              >
-            </li>
-            <li data-astro-cid-sz7xmlte>
-              See the
-              <a
-                href="https://ayco.io/sh/ayco.io-flask/tree"
-                data-astro-cid-sz7xmlte
-                >source code</a
-              >
-            </li>
-          </ul>
-        </footer>
-      </section>
-    </main>
-  </body>
-</html>
diff --git a/templates/index.html b/templates/index.html
deleted file mode 100644
index 00d9577..0000000
--- a/templates/index.html
+++ /dev/null
@@ -1,562 +0,0 @@
-<!DOCTYPE html>
-<html lang="en" data-astro-cid-sckkx6r4>
-  <head>
-    <title>Ayo Ayco | Software Engineer, Web Developer, Consultant</title>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width" />
-    <meta name="theme-color" content="#3054bf" />
-    <meta
-      name="description"
-      content="Professional software engineer specializing in web development with a decade of experience building web applications for both private businesses and government-funded high-impact projects utilizing web technologies, IoT, data viz/insights, remote sensing, and GIS"
-    />
-    <meta name="author" content="Ayo Ayco" />
-    <meta name="origin" content="https://ayo.ayco.io/" />
-    <!-- Open Graph data -->
-    <meta property="og:site_name" content="Ayo Ayco" />
-    <meta property="og:type" content="website" />
-    <meta property="og:url" content="https://ayo.ayco.io/" />
-    <meta
-      property="og:title"
-      content="Ayo Ayco | Software Engineer, Web Developer, Consultant"
-    />
-    <meta
-      property="og:description"
-      content="Professional software engineer specializing in web development with a decade of experience building web applications for both private businesses and government-funded high-impact projects utilizing web technologies, IoT, data viz/insights, remote sensing, and GIS"
-    />
-    <meta property="og:image" content="/ayo.png" />
-    <link rel="me" href="https://ayos.blog" />
-    <link rel="me" href="https://social.ayco.io/@ayo" />
-    <link rel="me" href="https://metapixl.com/@ayo" />
-    <link rel="me" href="https://theres.life/@ayo" />
-    <link rel="shortcut icon" type="image/png" href="static/favicon.ico" />
-    <style>
-      *,
-      *:before,
-      *:after {
-        box-sizing: border-box;
-      }
-      * {
-        margin: 0;
-      }
-      html,
-      body {
-        height: 100%;
-        background: #fff;
-      }
-      body {
-        line-height: 1.5;
-        letter-spacing: 0.25px;
-        -webkit-font-smoothing: antialiased;
-      }
-      img,
-      picture,
-      video,
-      canvas,
-      svg,
-      iframe {
-        display: block;
-        max-width: 100%;
-        margin: 0 auto;
-      }
-      input,
-      button,
-      textarea,
-      select {
-        font: inherit;
-      }
-      p,
-      h1,
-      h2,
-      h3,
-      h4,
-      h5,
-      h6 {
-        overflow-wrap: break-word;
-      }
-      #root,
-      #__next {
-        isolation: isolate;
-      }
-      nav[data-astro-cid-dmqpwcec] {
-        background: var(--ayo-gradient);
-        display: flex;
-        margin: 0 auto;
-      }
-      nav[data-astro-cid-dmqpwcec] a[data-astro-cid-dmqpwcec] {
-        display: inline-block;
-        text-decoration: underline;
-        color: var(--text-color-light);
-        padding: 0.5em 1em;
-        font-size: var(--font-size-sm);
-      }
-      nav[data-astro-cid-dmqpwcec] a[data-astro-cid-dmqpwcec]:hover {
-        color: var(--color-brand-complement);
-      }
-      nav[data-astro-cid-dmqpwcec]
-        a[data-astro-cid-dmqpwcec]
-        svg[data-astro-cid-dmqpwcec] {
-        width: 1.5rem;
-      }
-      #wrapper[data-astro-cid-dmqpwcec] {
-        flex: 1;
-        max-width: var(--content-width);
-        margin: 0 auto;
-        text-align: right;
-      }
-      @media only screen and (max-device-width: 360px) {
-        #wrapper[data-astro-cid-dmqpwcec] {
-          text-align: center;
-        }
-        nav[data-astro-cid-dmqpwcec] a[data-astro-cid-dmqpwcec] {
-          padding: 0.5em;
-        }
-      }
-      main {
-        margin: auto;
-        max-width: var(--content-width);
-        padding: 1em;
-      }
-      h1 {
-        font-size: var(--font-size-xl);
-      }
-      h2 {
-        font-size: var(--font-size-lg);
-      }
-      code {
-        font-family: Menlo, Monaco, Lucida Console, Liberation Mono,
-          DejaVu Sans Mono, Bitstream Vera Sans Mono, Courier New, monospace;
-      }
-      p,
-      img,
-      table,
-      ul {
-        margin: 1em 0;
-        font-size: var(--font-size-base);
-      }
-      .text-gradient {
-        font-weight: 900;
-        background-image: var(--ayo-gradient);
-        animation: pulse 4s ease-in-out infinite;
-        background-size: 500% 500%;
-        -webkit-background-clip: text;
-        -webkit-text-fill-color: transparent;
-        background-size: 100% 200%;
-        background-position-y: 100%;
-        border-radius: 0.4rem;
-      }
-      a {
-        font-weight: 700;
-      }
-      @media (prefers-color-scheme: dark) {
-        a {
-          color: var(--color-brand-complement);
-        }
-      }
-      :root {
-        --content-width: 700px;
-        --font-size-sm: clamp(0.75rem, 0.2vw + 0.66rem, 0.8rem);
-        --font-size-base: clamp(1rem, 0.34vw + 0.91rem, 1.19rem);
-        --font-size-lg: clamp(1.2rem, 0.7vw + 1.2rem, 1.5rem);
-        --font-size-xl: clamp(2.44rem, 2.38vw + 1.85rem, 3.75rem);
-        --color-border: hsl(17, 24%, 90%);
-        --color-link: var(--color-brand-blue-3);
-        --color-brand-blue-1: #3054bf;
-        --color-brand-blue-2: #203880;
-        --color-brand-blue-3: #416fff;
-        --color-brand-blue-4: #101c40;
-        --color-brand-blue-5: #3964e6;
-        --color-brand-complement: orange;
-        --ayo-gradient: linear-gradient(45deg, #3054bf, #416fff);
-        --text-color-dark: black;
-        --text-color-light: #f8f9fa;
-        --bg-dark: #343a40;
-        --bg-darker: #212529;
-        --bg-darkest: #000;
-      }
-      html,
-      body,
-      [data-astro-cid-sckkx6r4] {
-        font-family: system-ui, sans-serif;
-        font-size: var(--font-size-base);
-        color: var(--text-color-dark);
-        background-color: var(--text-color-light);
-      }
-      @media (prefers-color-scheme: dark) {
-        html,
-        body,
-        [data-astro-cid-sckkx6r4] {
-          background: var(--bg-darker);
-          color: var(--text-color-light);
-        }
-      }
-      @keyframes pulse {
-        0%,
-        to {
-          background-position-y: 0%;
-        }
-        50% {
-          background-position-y: 80%;
-        }
-      }
-      footer[data-astro-cid-sz7xmlte] {
-        margin-top: 1em;
-        text-align: right;
-      }
-      footer[data-astro-cid-sz7xmlte] ul[data-astro-cid-sz7xmlte] {
-        font-size: var(--font-size-sm);
-      }
-      :root {
-        --link-gradient: linear-gradient(
-          45deg,
-          var(--color-brand-blue-1),
-          var(--color-brand-blue-3) 30%,
-          var(--color-border) 60%
-        );
-      }
-      .link-card[data-astro-cid-dohjnao5] {
-        list-style: none;
-        display: flex;
-        padding: 0.15rem;
-        background-size: 400%;
-        border-radius: 0.5rem;
-        background-position: 100%;
-        background-image: var(--link-gradient);
-        transition: background-position 0.6s cubic-bezier(0.22, 1, 0.36, 1);
-      }
-      .link-card[data-astro-cid-dohjnao5] > a[data-astro-cid-dohjnao5] {
-        width: 100%;
-        text-decoration: none;
-        padding: 1em 1.3em;
-        border-radius: 0.35rem;
-        background-color: #fff;
-        color: var(--text-color-dark);
-      }
-      h2[data-astro-cid-dohjnao5] {
-        margin: 0;
-        transition: color 0.6s cubic-bezier(0.22, 1, 0.36, 1);
-      }
-      p[data-astro-cid-dohjnao5] {
-        font-weight: 400;
-        margin-top: 0.75rem;
-        margin-bottom: 0;
-      }
-      h2[data-astro-cid-dohjnao5] span[data-astro-cid-dohjnao5] {
-        display: inline-block;
-        transition: transform 0.3s cubic-bezier(0.22, 1, 0.36, 1);
-      }
-      .link-card[data-astro-cid-dohjnao5]:is(:hover, :focus-within) {
-        background-position: 0;
-      }
-      .link-card[data-astro-cid-dohjnao5]:is(:hover, :focus-within)
-        h2[data-astro-cid-dohjnao5]
-        span[data-astro-cid-dohjnao5] {
-        will-change: transform;
-        transform: translate(2px);
-      }
-      @media (prefers-color-scheme: dark) {
-        .link-card[data-astro-cid-dohjnao5] > a[data-astro-cid-dohjnao5] {
-          background-color: var(--bg-dark);
-          color: var(--text-color-light);
-        }
-      }
-      h1[data-astro-cid-j7pv25f6] {
-        margin: 0;
-        color: #ffffffbf;
-      }
-      h1[data-astro-cid-j7pv25f6] span[data-astro-cid-j7pv25f6].heavy-text {
-        font-weight: 900;
-        color: #fff;
-      }
-      main[data-astro-cid-j7pv25f6] {
-        max-width: 100% !important;
-      }
-      .now-wrapper[data-astro-cid-j7pv25f6] {
-        border: 1px solid rgba(255, 255, 255, 0.2);
-        border-radius: 40px;
-        padding: 8px 4px;
-        font-weight: 400;
-        color: #fff;
-        font-size: var(--font-size-sm);
-        text-decoration: none;
-      }
-      .now-label[data-astro-cid-j7pv25f6] {
-        border-radius: 40px;
-        background-color: #0009;
-        color: #fff;
-        padding: 4px 8px;
-        margin-right: 0.25em;
-        text-transform: uppercase;
-        font-weight: 700;
-      }
-      .status[data-astro-cid-j7pv25f6] {
-        padding-right: 4px;
-      }
-      .highlighted-section[data-astro-cid-j7pv25f6] {
-        background: var(--ayo-gradient);
-        background-size: 500% 500%;
-        animation: pulse 15s ease-in-out infinite;
-        border-bottom: 1px solid var(--color-brand-blue-1);
-      }
-      .highlighted-section__content[data-astro-cid-j7pv25f6] {
-        margin: auto;
-        padding: 1em 0;
-        max-width: var(--content-width);
-        font-weight: 400;
-        font-size: var(--font-size-lg);
-        color: var(--text-color-light);
-      }
-      .highlighted-section__content__profile-picture[data-astro-cid-j7pv25f6] {
-        float: right;
-        margin: 1em 1em 0 0;
-        border: 5px solid var(--color-brand-blue-1);
-        background-color: var(--color-brand-blue-1);
-        display: block;
-        border-radius: 50%;
-        width: 140px;
-        height: 140px;
-      }
-      .highlighted-section__content[data-astro-cid-j7pv25f6]
-        ul[data-astro-cid-j7pv25f6]
-        a[data-astro-cid-j7pv25f6] {
-        color: #fff;
-        font-weight: 400;
-      }
-      .highlighted-section__content[data-astro-cid-j7pv25f6]
-        ul[data-astro-cid-j7pv25f6] {
-        list-style-type: none;
-        padding: 0;
-      }
-      .highlighted-section__content[data-astro-cid-j7pv25f6]
-        ul[data-astro-cid-j7pv25f6]
-        li[data-astro-cid-j7pv25f6] {
-        padding: 5px 0;
-      }
-      .cards-section[data-astro-cid-j7pv25f6] {
-        margin: auto;
-        max-width: var(--content-width);
-      }
-      .cards-section__grid[data-astro-cid-j7pv25f6] {
-        display: grid;
-        grid-template-columns: repeat(auto-fit, minmax(24ch, 1fr));
-        gap: 1rem;
-        padding: 0;
-      }
-      @media only screen and (max-device-width: 360px) {
-        .now-wrapper[data-astro-cid-j7pv25f6] {
-          border: 0px;
-          border-radius: 0;
-          font-size: var(--font-size-sm);
-          width: 100%;
-          display: -webkit-box;
-          -webkit-line-clamp: 1;
-          -webkit-box-orient: vertical;
-          overflow: hidden;
-          padding: 0;
-          margin: 0;
-        }
-        .now-label[data-astro-cid-j7pv25f6] {
-          display: none;
-        }
-        .status[data-astro-cid-j7pv25f6]:before {
-          content: "Now: ";
-        }
-        .status[data-astro-cid-j7pv25f6] {
-          text-decoration: underline;
-          cursor: pointer;
-        }
-        .highlighted-section__content__profile-picture[data-astro-cid-j7pv25f6] {
-          float: none;
-          width: 100px;
-          height: 100px;
-        }
-      }
-      @media only screen and (min-device-width: 280px) and (max-device-width: 653px) {
-        .highlighted-section__content[data-astro-cid-j7pv25f6] {
-          padding: 1em;
-        }
-        .highlighted-section__content__profile-picture[data-astro-cid-j7pv25f6] {
-          float: none;
-          margin: 0;
-          width: 100px;
-          height: 100px;
-        }
-        .highlighted-section__content[data-astro-cid-j7pv25f6]
-          ul[data-astro-cid-j7pv25f6]
-          li[data-astro-cid-j7pv25f6] {
-          font-size: var(--font-size-sm);
-        }
-      }
-      @media only screen and (min-device-width: 360px) and (max-device-width: 812px) {
-        .highlighted-section__content[data-astro-cid-j7pv25f6] {
-          padding: 1em;
-        }
-        .highlighted-section__content[data-astro-cid-j7pv25f6]
-          ul[data-astro-cid-j7pv25f6]
-          li[data-astro-cid-j7pv25f6] {
-          font-size: var(--font-size-base);
-        }
-      }
-    </style>
-  </head>
-  <body data-astro-cid-sckkx6r4>
-    <nav data-astro-cid-dmqpwcec>
-      <div id="wrapper" data-astro-cid-dmqpwcec>
-        <a href="https://ayos.blog" data-astro-cid-dmqpwcec>
-          <svg
-            viewBox="0 0 24 24"
-            data-astro-cid-dmqpwcec
-            astro-icon="mdi:blog"
-          >
-            <path
-              fill="currentColor"
-              d="M3 3v18h18V3zm15 15H6v-1h12zm0-2H6v-1h12zm0-4H6V6h12z"
-            />
-          </svg>
-          blog </a
-        ><a href="https://ayco.io/@ayo" data-astro-cid-dmqpwcec>
-          <svg
-            viewBox="0 0 24 24"
-            data-astro-cid-dmqpwcec
-            astro-icon="mdi:mastodon"
-          >
-            <path
-              fill="currentColor"
-              d="M20.94 14c-.28 1.41-2.44 2.96-4.97 3.26-1.31.15-2.6.3-3.97.24-2.25-.11-4-.54-4-.54v.62c.32 2.22 2.22 2.35 4.03 2.42 1.82.05 3.44-.46 3.44-.46l.08 1.65s-1.28.68-3.55.81c-1.25.07-2.81-.03-4.62-.5-3.92-1.05-4.6-5.24-4.7-9.5l-.01-3.43c0-4.34 2.83-5.61 2.83-5.61C6.95 2.3 9.41 2 11.97 2h.06c2.56 0 5.02.3 6.47.96 0 0 2.83 1.27 2.83 5.61 0 0 .04 3.21-.39 5.43M18 8.91c0-1.08-.3-1.91-.85-2.56-.56-.63-1.3-.96-2.23-.96-1.06 0-1.87.41-2.42 1.23l-.5.88-.5-.88c-.56-.82-1.36-1.23-2.43-1.23-.92 0-1.66.33-2.23.96C6.29 7 6 7.83 6 8.91v5.26h2.1V9.06c0-1.06.45-1.62 1.36-1.62 1 0 1.5.65 1.5 1.93v2.79h2.07V9.37c0-1.28.5-1.93 1.51-1.93.9 0 1.35.56 1.35 1.62v5.11H18z"
-            />
-          </svg>
-          social </a
-        ><a href="https://metapixl.com/i/portfolio/ayo" data-astro-cid-dmqpwcec>
-          <svg
-            viewBox="0 0 24 24"
-            data-astro-cid-dmqpwcec
-            astro-icon="mdi:image"
-          >
-            <path
-              fill="currentColor"
-              d="m8.5 13.5 2.5 3 3.5-4.5 4.5 6H5m16 1V5a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2"
-            />
-          </svg>
-          photos </a
-        ><a href="https://www.npmjs.com/~aayco" data-astro-cid-dmqpwcec>
-          <svg viewBox="0 0 24 24" data-astro-cid-dmqpwcec astro-icon="gg:npm">
-            <path
-              fill="currentColor"
-              fill-rule="evenodd"
-              d="M5 21a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2zm1-3V6h12v12h-3V9h-3v9z"
-              clip-rule="evenodd"
-            />
-          </svg>
-          npm
-        </a>
-      </div>
-    </nav>
-    <section class="highlighted-section" data-astro-cid-j7pv25f6>
-      <div class="highlighted-section__content" data-astro-cid-j7pv25f6>
-        <img
-          class="highlighted-section__content__profile-picture"
-          alt="Ayo Ayco's picture"
-          src="https://media.ayco.io/accounts/avatars/109/547/735/999/980/313/original/12bfe46c4e978562.jpeg"
-          width="140"
-          height="140"
-          data-astro-cid-j7pv25f6
-        />
-        <div class="highlighted-section__content__text" data-astro-cid-j7pv25f6>
-          <h1
-            title="Ayo Ayco | Software Engineer + Web Developer"
-            data-astro-cid-j7pv25f6
-          >
-            <span class="heavy-text" data-astro-cid-j7pv25f6>Ayo</span>Ayco
-          </h1>
-          <ul data-astro-cid-j7pv25f6>
-            <li style="display: flex; gap: 0.25em" data-astro-cid-j7pv25f6>
-              <span class="icon" data-astro-cid-j7pv25f6>😱</span>
-              <span class="text" data-astro-cid-j7pv25f6>Building</span>
-              <a href="https://mcfly.js.org" data-astro-cid-j7pv25f6>McFly</a>
-            </li>
-            <li style="display: flex; gap: 0.25em" data-astro-cid-j7pv25f6>
-              <span class="icon" data-astro-cid-j7pv25f6>🧸</span>
-              <span class="text" data-astro-cid-j7pv25f6>Creator of</span>
-              <a href="https://ayco.io/gh/cozy#readme" data-astro-cid-j7pv25f6
-                >Cozy</a
-              >
-            </li>
-            <li style="display: flex; gap: 0.25em" data-astro-cid-j7pv25f6>
-              <span class="icon" data-astro-cid-j7pv25f6>🧱</span>
-              <span class="text" data-astro-cid-j7pv25f6>Creator of</span>
-              <a href="https://webcomponent.io" data-astro-cid-j7pv25f6
-                >WebComponent.io</a
-              >
-            </li>
-            <li style="display: flex; gap: 0.25em" data-astro-cid-j7pv25f6>
-              <span class="icon" data-astro-cid-j7pv25f6>🦌</span>
-              <span class="text" data-astro-cid-j7pv25f6>Contributor to</span>
-              <a href="https://elk.zone/@ayo@ayco.io" data-astro-cid-j7pv25f6
-                >Elk.zone</a
-              >
-            </li>
-          </ul>
-          <a href="/now" class="now-wrapper" data-astro-cid-j7pv25f6>
-            <span class="now-label" data-astro-cid-j7pv25f6>Now</span>
-            <span class="status" data-astro-cid-j7pv25f6
-              >Certified Software Architecture Professional</span
-            >
-          </a>
-        </div>
-      </div>
-    </section>
-    <main data-astro-cid-j7pv25f6>
-      <section class="cards-section" data-astro-cid-j7pv25f6>
-        <ul class="cards-section__grid" data-astro-cid-j7pv25f6>
-          <li class="link-card" data-astro-cid-dohjnao5>
-            <a href="/showcase" data-astro-cid-dohjnao5>
-              <h2 data-astro-cid-dohjnao5>
-                Fun Side Projects
-                <span data-astro-cid-dohjnao5>&nbsp;&rarr;</span>
-              </h2>
-              <p data-astro-cid-dohjnao5>See demos of my side projects</p>
-            </a>
-          </li>
-          <li class="link-card" data-astro-cid-dohjnao5>
-            <a
-              href="https://ayco.io/cv"
-              target="_blank"
-              data-astro-cid-dohjnao5
-            >
-              <h2 data-astro-cid-dohjnao5>
-                CV / Resume <span data-astro-cid-dohjnao5>&nbsp;&nearr;</span>
-              </h2>
-              <p data-astro-cid-dohjnao5>
-                Download and peruse my skills and experience
-              </p>
-            </a>
-          </li>
-        </ul>
-        <footer data-astro-cid-sz7xmlte>
-          <ul style="list-style: none" data-astro-cid-sz7xmlte>
-            <li data-astro-cid-sz7xmlte>
-              &#169; 2022-2024
-              <strong data-astro-cid-sz7xmlte>Ayo Ayco</strong>. All Rights
-              Reserved
-            </li>
-            <li data-astro-cid-sz7xmlte>
-              This website
-              <a
-                href="https://ayos.blog/stopped-tracking-on-my-sites"
-                data-astro-cid-sz7xmlte
-                >does not track users</a
-              >
-            </li>
-            <li data-astro-cid-sz7xmlte>
-              See the
-              <a
-                href="https://ayco.io/sh/ayco.io-flask/tree"
-                data-astro-cid-sz7xmlte
-                >source code</a
-              >
-            </li>
-          </ul>
-        </footer>
-      </section>
-    </main>
-  </body>
-</html>
diff --git a/templates/now.html b/templates/now.html
deleted file mode 100644
index 55d2637..0000000
--- a/templates/now.html
+++ /dev/null
@@ -1,484 +0,0 @@
-<!DOCTYPE html>
-<html lang="en" data-astro-cid-sckkx6r4>
-  <head>
-    <title>Now</title>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width" />
-    <meta name="theme-color" content="#3054bf" />
-    <meta name="description" content="What is Ayo Ayco currently up to?" />
-    <meta name="author" content="Ayo Ayco" />
-    <meta name="origin" content="https://ayo.ayco.io/now/" />
-    <!-- Open Graph data -->
-    <meta property="og:site_name" content="Ayo Ayco" />
-    <meta property="og:type" content="website" />
-    <meta property="og:url" content="https://ayo.ayco.io/now/" />
-    <meta property="og:title" content="Now" />
-    <meta
-      property="og:description"
-      content="What is Ayo Ayco currently up to?"
-    />
-    <meta property="og:image" content="/ayo.png" />
-    <link rel="me" href="https://ayos.blog" />
-    <link rel="me" href="https://social.ayco.io/@ayo" />
-    <link rel="me" href="https://metapixl.com/@ayo" />
-    <link rel="me" href="https://theres.life/@ayo" />
-    <link rel="shortcut icon" type="image/png" href="/static/favicon.ico" />
-    <script>
-      const title = document.title;
-      const defaultTitle =
-        "Ayo Ayco | Software Engineer, Web Developer, Consultant";
-      if (title) {
-        document.title = `${title} | ${defaultTitle}`;
-      }
-    </script>
-    <style>
-      *,
-      *:before,
-      *:after {
-        box-sizing: border-box;
-      }
-      * {
-        margin: 0;
-      }
-      html,
-      body {
-        height: 100%;
-        background: #fff;
-      }
-      body {
-        line-height: 1.5;
-        letter-spacing: 0.25px;
-        -webkit-font-smoothing: antialiased;
-      }
-      img,
-      picture,
-      video,
-      canvas,
-      svg,
-      iframe {
-        display: block;
-        max-width: 100%;
-        margin: 0 auto;
-      }
-      input,
-      button,
-      textarea,
-      select {
-        font: inherit;
-      }
-      p,
-      h1,
-      h2,
-      h3,
-      h4,
-      h5,
-      h6 {
-        overflow-wrap: break-word;
-      }
-      #root,
-      #__next {
-        isolation: isolate;
-      }
-      nav[data-astro-cid-dmqpwcec] {
-        background: var(--ayo-gradient);
-        display: flex;
-        margin: 0 auto;
-      }
-      nav[data-astro-cid-dmqpwcec] a[data-astro-cid-dmqpwcec] {
-        display: inline-block;
-        text-decoration: underline;
-        color: var(--text-color-light);
-        padding: 0.5em 1em;
-        font-size: var(--font-size-sm);
-      }
-      nav[data-astro-cid-dmqpwcec] a[data-astro-cid-dmqpwcec]:hover {
-        color: var(--color-brand-complement);
-      }
-      nav[data-astro-cid-dmqpwcec]
-        a[data-astro-cid-dmqpwcec]
-        svg[data-astro-cid-dmqpwcec] {
-        width: 1.5rem;
-      }
-      #wrapper[data-astro-cid-dmqpwcec] {
-        flex: 1;
-        max-width: var(--content-width);
-        margin: 0 auto;
-        text-align: right;
-      }
-      @media only screen and (max-device-width: 360px) {
-        #wrapper[data-astro-cid-dmqpwcec] {
-          text-align: center;
-        }
-        nav[data-astro-cid-dmqpwcec] a[data-astro-cid-dmqpwcec] {
-          padding: 0.5em;
-        }
-      }
-      main {
-        margin: auto;
-        max-width: var(--content-width);
-        padding: 1em;
-      }
-      h1 {
-        font-size: var(--font-size-xl);
-      }
-      h2 {
-        font-size: var(--font-size-lg);
-      }
-      code {
-        font-family: Menlo, Monaco, Lucida Console, Liberation Mono,
-          DejaVu Sans Mono, Bitstream Vera Sans Mono, Courier New, monospace;
-      }
-      p,
-      img,
-      table,
-      ul {
-        margin: 1em 0;
-        font-size: var(--font-size-base);
-      }
-      .text-gradient {
-        font-weight: 900;
-        background-image: var(--ayo-gradient);
-        animation: pulse 4s ease-in-out infinite;
-        background-size: 500% 500%;
-        -webkit-background-clip: text;
-        -webkit-text-fill-color: transparent;
-        background-size: 100% 200%;
-        background-position-y: 100%;
-        border-radius: 0.4rem;
-      }
-      a {
-        font-weight: 700;
-      }
-      @media (prefers-color-scheme: dark) {
-        a {
-          color: var(--color-brand-complement);
-        }
-      }
-      :root {
-        --content-width: 700px;
-        --font-size-sm: clamp(0.75rem, 0.2vw + 0.66rem, 0.8rem);
-        --font-size-base: clamp(1rem, 0.34vw + 0.91rem, 1.19rem);
-        --font-size-lg: clamp(1.2rem, 0.7vw + 1.2rem, 1.5rem);
-        --font-size-xl: clamp(2.44rem, 2.38vw + 1.85rem, 3.75rem);
-        --color-border: hsl(17, 24%, 90%);
-        --color-link: var(--color-brand-blue-3);
-        --color-brand-blue-1: #3054bf;
-        --color-brand-blue-2: #203880;
-        --color-brand-blue-3: #416fff;
-        --color-brand-blue-4: #101c40;
-        --color-brand-blue-5: #3964e6;
-        --color-brand-complement: orange;
-        --ayo-gradient: linear-gradient(45deg, #3054bf, #416fff);
-        --text-color-dark: black;
-        --text-color-light: #f8f9fa;
-        --bg-dark: #343a40;
-        --bg-darker: #212529;
-        --bg-darkest: #000;
-      }
-      html,
-      body,
-      [data-astro-cid-sckkx6r4] {
-        font-family: system-ui, sans-serif;
-        font-size: var(--font-size-base);
-        color: var(--text-color-dark);
-        background-color: var(--text-color-light);
-      }
-      @media (prefers-color-scheme: dark) {
-        html,
-        body,
-        [data-astro-cid-sckkx6r4] {
-          background: var(--bg-darker);
-          color: var(--text-color-light);
-        }
-      }
-      @keyframes pulse {
-        0%,
-        to {
-          background-position-y: 0%;
-        }
-        50% {
-          background-position-y: 80%;
-        }
-      }
-      footer[data-astro-cid-sz7xmlte] {
-        margin-top: 1em;
-        text-align: right;
-      }
-      footer[data-astro-cid-sz7xmlte] ul[data-astro-cid-sz7xmlte] {
-        font-size: var(--font-size-sm);
-      }
-      main[data-astro-cid-lfnvi74r] {
-        margin: auto;
-        padding: 1em;
-        max-width: var(--content-width);
-      }
-      .text-gradient[data-astro-cid-lfnvi74r] {
-        font-weight: 900;
-        background-image: var(--ayo-gradient);
-        animation: pulse 4s ease-in-out infinite;
-        background-size: 500% 500%;
-        -webkit-background-clip: text;
-        -webkit-text-fill-color: transparent;
-        background-size: 100% 200%;
-        background-position-y: 100%;
-        border-radius: 0.4rem;
-      }
-      .highlighted-content[data-astro-cid-lfnvi74r] {
-        margin: 1rem 0;
-        background: #4f39fa;
-        padding: 1rem;
-        border-radius: 0.4rem;
-        color: var(--color-bg);
-      }
-      .highlighted-content[data-astro-cid-lfnvi74r]
-        code[data-astro-cid-lfnvi74r] {
-        font-size: var(--font-size-base);
-        border: 0.1em solid var(--color-border);
-        border-radius: 4px;
-        padding: 0.15em 0.25em;
-      }
-      .link-card-grid[data-astro-cid-lfnvi74r] {
-        display: grid;
-        gap: 1rem;
-        padding: 0;
-      }
-      main[data-astro-cid-hc67wfev] {
-        margin: auto;
-        padding: 1em;
-        max-width: var(--content-width);
-      }
-      .text-gradient[data-astro-cid-hc67wfev] {
-        font-weight: 900;
-        background-image: var(--ayo-gradient);
-        animation: pulse 4s ease-in-out infinite;
-        background-size: 500% 500%;
-        -webkit-background-clip: text;
-        -webkit-text-fill-color: transparent;
-        background-size: 100% 200%;
-        background-position-y: 100%;
-        border-radius: 0.4rem;
-      }
-      .highlighted-content[data-astro-cid-hc67wfev] {
-        margin: 1rem 0;
-        background: #4f39fa;
-        padding: 1rem;
-        border-radius: 0.4rem;
-        color: var(--text-color-light);
-      }
-      .highlighted-content[data-astro-cid-hc67wfev]
-        code[data-astro-cid-hc67wfev] {
-        font-size: var(--font-size-base);
-        border: 0.1em solid var(--color-border);
-        border-radius: 4px;
-        padding: 0.15em 0.25em;
-      }
-      .link-card-grid[data-astro-cid-hc67wfev] {
-        display: grid;
-        gap: 1rem;
-        padding: 0;
-      }
-      main[data-astro-cid-g2ggi6j6] {
-        margin: auto;
-        padding: 1em;
-        max-width: var(--content-width);
-      }
-      .text-gradient[data-astro-cid-g2ggi6j6] {
-        font-weight: 900;
-        background-image: var(--ayo-gradient);
-        animation: pulse 4s ease-in-out infinite;
-        background-size: 500% 500%;
-        -webkit-background-clip: text;
-        -webkit-text-fill-color: transparent;
-        background-size: 100% 200%;
-        background-position-y: 100%;
-        border-radius: 0.4rem;
-      }
-      .highlighted-content[data-astro-cid-g2ggi6j6] {
-        margin: 1rem 0;
-        background: #4f39fa;
-        padding: 1rem;
-        border-radius: 0.4rem;
-        color: var(--text-color-light);
-      }
-      .highlighted-content[data-astro-cid-g2ggi6j6]
-        code[data-astro-cid-g2ggi6j6] {
-        font-size: var(--font-size-base);
-        border: 0.1em solid var(--color-border);
-        border-radius: 4px;
-        padding: 0.15em 0.25em;
-      }
-      .link-card-grid[data-astro-cid-g2ggi6j6] {
-        display: grid;
-        gap: 1rem;
-        padding: 0;
-      }
-      main[data-astro-cid-vbmtzxad] {
-        margin: auto;
-        padding: 1em;
-        max-width: var(--content-width);
-      }
-      .text-gradient[data-astro-cid-vbmtzxad] {
-        font-weight: 900;
-        background-image: var(--ayo-gradient);
-        animation: pulse 4s ease-in-out infinite;
-        background-size: 500% 500%;
-        -webkit-background-clip: text;
-        -webkit-text-fill-color: transparent;
-        background-size: 100% 200%;
-        background-position-y: 100%;
-        border-radius: 0.4rem;
-      }
-      .highlighted-content[data-astro-cid-vbmtzxad] {
-        margin: 1rem 0;
-        background: #4f39fa;
-        padding: 1rem;
-        border-radius: 0.4rem;
-        color: var(--text-color-light);
-      }
-      .highlighted-content[data-astro-cid-vbmtzxad]
-        code[data-astro-cid-vbmtzxad] {
-        font-size: var(--font-size-base);
-        border: 0.1em solid var(--color-border);
-        border-radius: 4px;
-        padding: 0.15em 0.25em;
-      }
-      .link-card-grid[data-astro-cid-vbmtzxad] {
-        display: grid;
-        gap: 1rem;
-        padding: 0;
-      }
-    </style>
-  </head>
-  <body data-astro-cid-sckkx6r4>
-    <nav data-astro-cid-dmqpwcec>
-      <div id="wrapper" data-astro-cid-dmqpwcec>
-        <a href="/" data-astro-cid-dmqpwcec>
-          <svg
-            viewBox="0 0 24 24"
-            data-astro-cid-dmqpwcec
-            astro-icon="mdi:home"
-          >
-            <path fill="currentColor" d="M10 20v-6h4v6h5v-8h3L12 3 2 12h3v8z" />
-          </svg>
-          home </a
-        ><a href="https://ayos.blog" data-astro-cid-dmqpwcec>
-          <svg
-            viewBox="0 0 24 24"
-            data-astro-cid-dmqpwcec
-            astro-icon="mdi:blog"
-          >
-            <path
-              fill="currentColor"
-              d="M3 3v18h18V3zm15 15H6v-1h12zm0-2H6v-1h12zm0-4H6V6h12z"
-            />
-          </svg>
-          blog </a
-        ><a href="https://ayco.io/@ayo" data-astro-cid-dmqpwcec>
-          <svg
-            viewBox="0 0 24 24"
-            data-astro-cid-dmqpwcec
-            astro-icon="mdi:mastodon"
-          >
-            <path
-              fill="currentColor"
-              d="M20.94 14c-.28 1.41-2.44 2.96-4.97 3.26-1.31.15-2.6.3-3.97.24-2.25-.11-4-.54-4-.54v.62c.32 2.22 2.22 2.35 4.03 2.42 1.82.05 3.44-.46 3.44-.46l.08 1.65s-1.28.68-3.55.81c-1.25.07-2.81-.03-4.62-.5-3.92-1.05-4.6-5.24-4.7-9.5l-.01-3.43c0-4.34 2.83-5.61 2.83-5.61C6.95 2.3 9.41 2 11.97 2h.06c2.56 0 5.02.3 6.47.96 0 0 2.83 1.27 2.83 5.61 0 0 .04 3.21-.39 5.43M18 8.91c0-1.08-.3-1.91-.85-2.56-.56-.63-1.3-.96-2.23-.96-1.06 0-1.87.41-2.42 1.23l-.5.88-.5-.88c-.56-.82-1.36-1.23-2.43-1.23-.92 0-1.66.33-2.23.96C6.29 7 6 7.83 6 8.91v5.26h2.1V9.06c0-1.06.45-1.62 1.36-1.62 1 0 1.5.65 1.5 1.93v2.79h2.07V9.37c0-1.28.5-1.93 1.51-1.93.9 0 1.35.56 1.35 1.62v5.11H18z"
-            />
-          </svg>
-          social </a
-        ><a href="https://metapixl.com/i/portfolio/ayo" data-astro-cid-dmqpwcec>
-          <svg
-            viewBox="0 0 24 24"
-            data-astro-cid-dmqpwcec
-            astro-icon="mdi:image"
-          >
-            <path
-              fill="currentColor"
-              d="m8.5 13.5 2.5 3 3.5-4.5 4.5 6H5m16 1V5a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2"
-            />
-          </svg>
-          photos </a
-        ><a href="https://www.npmjs.com/~aayco" data-astro-cid-dmqpwcec>
-          <svg viewBox="0 0 24 24" data-astro-cid-dmqpwcec astro-icon="gg:npm">
-            <path
-              fill="currentColor"
-              fill-rule="evenodd"
-              d="M5 21a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2zm1-3V6h12v12h-3V9h-3v9z"
-              clip-rule="evenodd"
-            />
-          </svg>
-          npm
-        </a>
-      </div>
-    </nav>
-    <main data-astro-cid-lfnvi74r>
-      <h1 data-astro-cid-lfnvi74r>
-        <span class="text-gradient" data-astro-cid-lfnvi74r>Now</span>
-      </h1>
-      <em data-astro-cid-lfnvi74r>What am I currently up to?</em>
-      <p data-astro-cid-lfnvi74r>
-        🎉 Thrilled to share I am now a Certified Professional for Software
-        Architecture (CPSA-F®) after having completed and passed the
-        <a href="https://www.isaqb.org/" target="_blank" data-astro-cid-lfnvi74r
-          >iSAQB® – International Software Architecture Qualification Board</a
-        >'s intensive training and examination.
-      </p>
-      <p data-astro-cid-lfnvi74r>
-        This means I have the necessary basis for facilitating / participating
-        in architectural design activities for software development.
-      </p>
-      <p data-astro-cid-lfnvi74r>
-        Having a consistent language in Software Architecture is beneficial when
-        communicating with stakeholders and clarifying consistent patterns and
-        principles that guide the development of software products.
-      </p>
-      <!-- <h2>Previously...</h2>
-      <ul>
-        <li>
-          <a href="/now/and-then/posts/01-19-2023" title="01-19-2023">
-            01-19-2023
-          </a>
-        </li>
-        <li>
-          <a href="/now/and-then/posts/06-23-2023" title="06-23-2023">
-            06-23-2023
-          </a>
-        </li>
-        <li>
-          <a href="/now/and-then/posts/09-20-2022" title="09-20-2022">
-            09-20-2022
-          </a>
-        </li>
-      </ul> -->
-      <hr data-astro-cid-lfnvi74r />
-      <em data-astro-cid-lfnvi74r
-        ><a href="https://nownownow.com/about" data-astro-cid-lfnvi74r
-          >About now pages</a
-        ></em
-      >
-      <footer data-astro-cid-sz7xmlte>
-        <ul style="list-style: none" data-astro-cid-sz7xmlte>
-          <li data-astro-cid-sz7xmlte>
-            &#169; 2022-2024 <strong data-astro-cid-sz7xmlte>Ayo Ayco</strong>.
-            All Rights Reserved
-          </li>
-          <li data-astro-cid-sz7xmlte>
-            This website
-            <a
-              href="https://ayos.blog/stopped-tracking-on-my-sites"
-              data-astro-cid-sz7xmlte
-              >does not track users</a
-            >
-          </li>
-          <li data-astro-cid-sz7xmlte>
-            See the
-            <a
-              href="https://ayco.io/sh/ayco.io-flask/tree"
-              data-astro-cid-sz7xmlte
-              >source code</a
-            >
-          </li>
-        </ul>
-      </footer>
-    </main>
-  </body>
-</html>
diff --git a/templates/showcase.html b/templates/showcase.html
deleted file mode 100644
index 82e6efb..0000000
--- a/templates/showcase.html
+++ /dev/null
@@ -1,438 +0,0 @@
-<!DOCTYPE html>
-<html lang="en" data-astro-cid-sckkx6r4>
-  <head>
-    <title>Fun Side Projects</title>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width" />
-    <meta name="theme-color" content="#3054bf" />
-    <meta
-      name="description"
-      content="See demos of side projects Ayo Ayco created"
-    />
-    <meta name="author" content="Ayo Ayco" />
-    <meta name="origin" content="https://ayo.ayco.io/showcase/" />
-    <!-- Open Graph data -->
-    <meta property="og:site_name" content="Ayo Ayco" />
-    <meta property="og:type" content="website" />
-    <meta property="og:url" content="https://ayo.ayco.io/showcase/" />
-    <meta property="og:title" content="Fun Side Projects" />
-    <meta
-      property="og:description"
-      content="See demos of side projects Ayo Ayco created"
-    />
-    <meta property="og:image" content="/ayo.png" />
-    <link rel="me" href="https://ayos.blog" />
-    <link rel="me" href="https://social.ayco.io/@ayo" />
-    <link rel="me" href="https://metapixl.com/@ayo" />
-    <link rel="me" href="https://theres.life/@ayo" />
-    <link rel="shortcut icon" type="image/png" href="/static/favicon.ico" />
-    <script>
-      const title = document.title;
-      const defaultTitle =
-        "Ayo Ayco | Software Engineer, Web Developer, Consultant";
-      if (title) {
-        document.title = `${title} | ${defaultTitle}`;
-      }
-    </script>
-    <style>
-      *,
-      *:before,
-      *:after {
-        box-sizing: border-box;
-      }
-      * {
-        margin: 0;
-      }
-      html,
-      body {
-        height: 100%;
-        background: #fff;
-      }
-      body {
-        line-height: 1.5;
-        letter-spacing: 0.25px;
-        -webkit-font-smoothing: antialiased;
-      }
-      img,
-      picture,
-      video,
-      canvas,
-      svg,
-      iframe {
-        display: block;
-        max-width: 100%;
-        margin: 0 auto;
-      }
-      input,
-      button,
-      textarea,
-      select {
-        font: inherit;
-      }
-      p,
-      h1,
-      h2,
-      h3,
-      h4,
-      h5,
-      h6 {
-        overflow-wrap: break-word;
-      }
-      #root,
-      #__next {
-        isolation: isolate;
-      }
-      nav[data-astro-cid-dmqpwcec] {
-        background: var(--ayo-gradient);
-        display: flex;
-        margin: 0 auto;
-      }
-      nav[data-astro-cid-dmqpwcec] a[data-astro-cid-dmqpwcec] {
-        display: inline-block;
-        text-decoration: underline;
-        color: var(--text-color-light);
-        padding: 0.5em 1em;
-        font-size: var(--font-size-sm);
-      }
-      nav[data-astro-cid-dmqpwcec] a[data-astro-cid-dmqpwcec]:hover {
-        color: var(--color-brand-complement);
-      }
-      nav[data-astro-cid-dmqpwcec]
-        a[data-astro-cid-dmqpwcec]
-        svg[data-astro-cid-dmqpwcec] {
-        width: 1.5rem;
-      }
-      #wrapper[data-astro-cid-dmqpwcec] {
-        flex: 1;
-        max-width: var(--content-width);
-        margin: 0 auto;
-        text-align: right;
-      }
-      @media only screen and (max-device-width: 360px) {
-        #wrapper[data-astro-cid-dmqpwcec] {
-          text-align: center;
-        }
-        nav[data-astro-cid-dmqpwcec] a[data-astro-cid-dmqpwcec] {
-          padding: 0.5em;
-        }
-      }
-      main {
-        margin: auto;
-        max-width: var(--content-width);
-        padding: 1em;
-      }
-      h1 {
-        font-size: var(--font-size-xl);
-      }
-      h2 {
-        font-size: var(--font-size-lg);
-      }
-      code {
-        font-family: Menlo, Monaco, Lucida Console, Liberation Mono,
-          DejaVu Sans Mono, Bitstream Vera Sans Mono, Courier New, monospace;
-      }
-      p,
-      img,
-      table,
-      ul {
-        margin: 1em 0;
-        font-size: var(--font-size-base);
-      }
-      .text-gradient {
-        font-weight: 900;
-        background-image: var(--ayo-gradient);
-        animation: pulse 4s ease-in-out infinite;
-        background-size: 500% 500%;
-        -webkit-background-clip: text;
-        -webkit-text-fill-color: transparent;
-        background-size: 100% 200%;
-        background-position-y: 100%;
-        border-radius: 0.4rem;
-      }
-      a {
-        font-weight: 700;
-      }
-      @media (prefers-color-scheme: dark) {
-        a {
-          color: var(--color-brand-complement);
-        }
-      }
-      :root {
-        --content-width: 700px;
-        --font-size-sm: clamp(0.75rem, 0.2vw + 0.66rem, 0.8rem);
-        --font-size-base: clamp(1rem, 0.34vw + 0.91rem, 1.19rem);
-        --font-size-lg: clamp(1.2rem, 0.7vw + 1.2rem, 1.5rem);
-        --font-size-xl: clamp(2.44rem, 2.38vw + 1.85rem, 3.75rem);
-        --color-border: hsl(17, 24%, 90%);
-        --color-link: var(--color-brand-blue-3);
-        --color-brand-blue-1: #3054bf;
-        --color-brand-blue-2: #203880;
-        --color-brand-blue-3: #416fff;
-        --color-brand-blue-4: #101c40;
-        --color-brand-blue-5: #3964e6;
-        --color-brand-complement: orange;
-        --ayo-gradient: linear-gradient(45deg, #3054bf, #416fff);
-        --text-color-dark: black;
-        --text-color-light: #f8f9fa;
-        --bg-dark: #343a40;
-        --bg-darker: #212529;
-        --bg-darkest: #000;
-      }
-      html,
-      body,
-      [data-astro-cid-sckkx6r4] {
-        font-family: system-ui, sans-serif;
-        font-size: var(--font-size-base);
-        color: var(--text-color-dark);
-        background-color: var(--text-color-light);
-      }
-      @media (prefers-color-scheme: dark) {
-        html,
-        body,
-        [data-astro-cid-sckkx6r4] {
-          background: var(--bg-darker);
-          color: var(--text-color-light);
-        }
-      }
-      @keyframes pulse {
-        0%,
-        to {
-          background-position-y: 0%;
-        }
-        50% {
-          background-position-y: 80%;
-        }
-      }
-      footer[data-astro-cid-sz7xmlte] {
-        margin-top: 1em;
-        text-align: right;
-      }
-      footer[data-astro-cid-sz7xmlte] ul[data-astro-cid-sz7xmlte] {
-        font-size: var(--font-size-sm);
-      }
-      :root {
-        --link-gradient: linear-gradient(
-          45deg,
-          var(--color-brand-blue-1),
-          var(--color-brand-blue-3) 30%,
-          var(--color-border) 60%
-        );
-      }
-      .link-card[data-astro-cid-dohjnao5] {
-        list-style: none;
-        display: flex;
-        padding: 0.15rem;
-        background-size: 400%;
-        border-radius: 0.5rem;
-        background-position: 100%;
-        background-image: var(--link-gradient);
-        transition: background-position 0.6s cubic-bezier(0.22, 1, 0.36, 1);
-      }
-      .link-card[data-astro-cid-dohjnao5] > a[data-astro-cid-dohjnao5] {
-        width: 100%;
-        text-decoration: none;
-        padding: 1em 1.3em;
-        border-radius: 0.35rem;
-        background-color: #fff;
-        color: var(--text-color-dark);
-      }
-      h2[data-astro-cid-dohjnao5] {
-        margin: 0;
-        transition: color 0.6s cubic-bezier(0.22, 1, 0.36, 1);
-      }
-      p[data-astro-cid-dohjnao5] {
-        font-weight: 400;
-        margin-top: 0.75rem;
-        margin-bottom: 0;
-      }
-      h2[data-astro-cid-dohjnao5] span[data-astro-cid-dohjnao5] {
-        display: inline-block;
-        transition: transform 0.3s cubic-bezier(0.22, 1, 0.36, 1);
-      }
-      .link-card[data-astro-cid-dohjnao5]:is(:hover, :focus-within) {
-        background-position: 0;
-      }
-      .link-card[data-astro-cid-dohjnao5]:is(:hover, :focus-within)
-        h2[data-astro-cid-dohjnao5]
-        span[data-astro-cid-dohjnao5] {
-        will-change: transform;
-        transform: translate(2px);
-      }
-      @media (prefers-color-scheme: dark) {
-        .link-card[data-astro-cid-dohjnao5] > a[data-astro-cid-dohjnao5] {
-          background-color: var(--bg-dark);
-          color: var(--text-color-light);
-        }
-      }
-      ul[data-astro-cid-w3h7vj4w] {
-        list-style: none;
-        display: grid;
-        gap: 1rem;
-        padding: 0;
-      }
-    </style>
-  </head>
-  <body data-astro-cid-sckkx6r4>
-    <nav data-astro-cid-dmqpwcec>
-      <div id="wrapper" data-astro-cid-dmqpwcec>
-        <a href="/" data-astro-cid-dmqpwcec>
-          <svg
-            viewBox="0 0 24 24"
-            data-astro-cid-dmqpwcec
-            astro-icon="mdi:home"
-          >
-            <path fill="currentColor" d="M10 20v-6h4v6h5v-8h3L12 3 2 12h3v8z" />
-          </svg>
-          home </a
-        ><a href="https://ayos.blog" data-astro-cid-dmqpwcec>
-          <svg
-            viewBox="0 0 24 24"
-            data-astro-cid-dmqpwcec
-            astro-icon="mdi:blog"
-          >
-            <path
-              fill="currentColor"
-              d="M3 3v18h18V3zm15 15H6v-1h12zm0-2H6v-1h12zm0-4H6V6h12z"
-            />
-          </svg>
-          blog </a
-        ><a href="https://ayco.io/@ayo" data-astro-cid-dmqpwcec>
-          <svg
-            viewBox="0 0 24 24"
-            data-astro-cid-dmqpwcec
-            astro-icon="mdi:mastodon"
-          >
-            <path
-              fill="currentColor"
-              d="M20.94 14c-.28 1.41-2.44 2.96-4.97 3.26-1.31.15-2.6.3-3.97.24-2.25-.11-4-.54-4-.54v.62c.32 2.22 2.22 2.35 4.03 2.42 1.82.05 3.44-.46 3.44-.46l.08 1.65s-1.28.68-3.55.81c-1.25.07-2.81-.03-4.62-.5-3.92-1.05-4.6-5.24-4.7-9.5l-.01-3.43c0-4.34 2.83-5.61 2.83-5.61C6.95 2.3 9.41 2 11.97 2h.06c2.56 0 5.02.3 6.47.96 0 0 2.83 1.27 2.83 5.61 0 0 .04 3.21-.39 5.43M18 8.91c0-1.08-.3-1.91-.85-2.56-.56-.63-1.3-.96-2.23-.96-1.06 0-1.87.41-2.42 1.23l-.5.88-.5-.88c-.56-.82-1.36-1.23-2.43-1.23-.92 0-1.66.33-2.23.96C6.29 7 6 7.83 6 8.91v5.26h2.1V9.06c0-1.06.45-1.62 1.36-1.62 1 0 1.5.65 1.5 1.93v2.79h2.07V9.37c0-1.28.5-1.93 1.51-1.93.9 0 1.35.56 1.35 1.62v5.11H18z"
-            />
-          </svg>
-          social </a
-        ><a href="https://metapixl.com/i/portfolio/ayo" data-astro-cid-dmqpwcec>
-          <svg
-            viewBox="0 0 24 24"
-            data-astro-cid-dmqpwcec
-            astro-icon="mdi:image"
-          >
-            <path
-              fill="currentColor"
-              d="m8.5 13.5 2.5 3 3.5-4.5 4.5 6H5m16 1V5a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2"
-            />
-          </svg>
-          photos </a
-        ><a href="https://www.npmjs.com/~aayco" data-astro-cid-dmqpwcec>
-          <svg viewBox="0 0 24 24" data-astro-cid-dmqpwcec astro-icon="gg:npm">
-            <path
-              fill="currentColor"
-              fill-rule="evenodd"
-              d="M5 21a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2zm1-3V6h12v12h-3V9h-3v9z"
-              clip-rule="evenodd"
-            />
-          </svg>
-          npm
-        </a>
-      </div>
-    </nav>
-    <main data-astro-cid-w3h7vj4w>
-      <h1 data-astro-cid-w3h7vj4w>
-        Fun
-        <span class="text-gradient" data-astro-cid-w3h7vj4w>Side Projects</span>
-      </h1>
-      <p data-astro-cid-w3h7vj4w>
-        See more of my previous projects at
-        <a href="https://ayos.blog/projects" data-astro-cid-w3h7vj4w>my blog</a
-        >.
-      </p>
-      <ul data-astro-cid-w3h7vj4w>
-        <li class="link-card" data-astro-cid-dohjnao5>
-          <a href="/stuff" data-astro-cid-dohjnao5>
-            <h2 data-astro-cid-dohjnao5>
-              Small Stuff 🧱 <span data-astro-cid-dohjnao5>&nbsp;&rarr;</span>
-            </h2>
-            <p data-astro-cid-dohjnao5>Building blocks for projects</p>
-          </a>
-        </li>
-        <li class="link-card" data-astro-cid-dohjnao5>
-          <a
-            href="https://ayco.io/gh/cozy#readme"
-            target="_blank"
-            data-astro-cid-dohjnao5
-          >
-            <h2 data-astro-cid-dohjnao5>
-              Cozy 🧸 <span data-astro-cid-dohjnao5>&nbsp;&nearr;</span>
-            </h2>
-            <p data-astro-cid-dohjnao5>Your modern-day reading assistant</p>
-          </a>
-        </li>
-        <li class="link-card" data-astro-cid-dohjnao5>
-          <a
-            href="https://kaboom.ayco.io"
-            target="_blank"
-            data-astro-cid-dohjnao5
-          >
-            <h2 data-astro-cid-dohjnao5>
-              Kaboom! <span data-astro-cid-dohjnao5>&nbsp;&nearr;</span>
-            </h2>
-            <p data-astro-cid-dohjnao5>
-              Simple physics simulation with Matter.js 👨🏻‍🔬
-            </p>
-          </a>
-        </li>
-        <li class="link-card" data-astro-cid-dohjnao5>
-          <a href="https://mnswpr.com" target="_blank" data-astro-cid-dohjnao5>
-            <h2 data-astro-cid-dohjnao5>
-              Minesweeper <span data-astro-cid-dohjnao5>&nbsp;&nearr;</span>
-            </h2>
-            <p data-astro-cid-dohjnao5>
-              Recreated the classic game for the web 💣
-            </p>
-          </a>
-        </li>
-        <li class="link-card" data-astro-cid-dohjnao5>
-          <a href="https://github.com/astro-reactive/astro-reactive" target="_blank" data-astro-cid-dohjnao5>
-            <h2 data-astro-cid-dohjnao5>
-              Reactive Form <span data-astro-cid-dohjnao5>&nbsp;&nearr;</span>
-            </h2>
-            <p data-astro-cid-dohjnao5>
-              The reactive form component for Astro 🔥
-            </p>
-          </a>
-        </li>
-        <li class="link-card" data-astro-cid-dohjnao5>
-          <a href="https://ayco.io/gh/astro-github-stats" target="_blank" data-astro-cid-dohjnao5>
-            <h2 data-astro-cid-dohjnao5>
-              GitHub Stats <span data-astro-cid-dohjnao5>&nbsp;&nearr;</span>
-            </h2>
-            <p data-astro-cid-dohjnao5>
-              Embed GitHub stats on your Astro page ✨
-            </p>
-          </a>
-        </li>
-      </ul>
-      <footer data-astro-cid-sz7xmlte>
-        <ul style="list-style: none" data-astro-cid-sz7xmlte>
-          <li data-astro-cid-sz7xmlte>
-            &#169; 2022-2024 <strong data-astro-cid-sz7xmlte>Ayo Ayco</strong>.
-            All Rights Reserved
-          </li>
-          <li data-astro-cid-sz7xmlte>
-            This website
-            <a
-              href="https://ayos.blog/stopped-tracking-on-my-sites"
-              data-astro-cid-sz7xmlte
-              >does not track users</a
-            >
-          </li>
-          <li data-astro-cid-sz7xmlte>
-            See the
-            <a
-              href="https://ayco.io/sh/ayco.io-flask/tree"
-              data-astro-cid-sz7xmlte
-              >source code</a
-            >
-          </li>
-        </ul>
-      </footer>
-    </main>
-  </body>
-</html>
diff --git a/templates/stuff.html b/templates/stuff.html
deleted file mode 100644
index fbfab8b..0000000
--- a/templates/stuff.html
+++ /dev/null
@@ -1,417 +0,0 @@
-<!DOCTYPE html>
-<html lang="en" data-astro-cid-sckkx6r4>
-  <head>
-    <title>Stuff: Smaller Building Blocks</title>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width" />
-    <meta name="theme-color" content="#3054bf" />
-    <meta
-      name="description"
-      content="See demos of side projects Ayo Ayco created"
-    />
-    <meta name="author" content="Ayo Ayco" />
-    <meta name="origin" content="https://ayo.ayco.io/stuff/" />
-    <!-- Open Graph data -->
-    <meta property="og:site_name" content="Ayo Ayco" />
-    <meta property="og:type" content="website" />
-    <meta property="og:url" content="https://ayo.ayco.io/stuff/" />
-    <meta property="og:title" content="Stuff: Smaller Building Blocks" />
-    <meta
-      property="og:description"
-      content="See demos of side projects Ayo Ayco created"
-    />
-    <meta property="og:image" content="/ayo.png" />
-    <link rel="me" href="https://ayos.blog" />
-    <link rel="me" href="https://social.ayco.io/@ayo" />
-    <link rel="me" href="https://metapixl.com/@ayo" />
-    <link rel="me" href="https://theres.life/@ayo" />
-    <link rel="shortcut icon" type="image/png" href="/static/favicon.ico" />
-    <script>
-      const title = document.title;
-      const defaultTitle =
-        "Ayo Ayco | Software Engineer, Web Developer, Consultant";
-      if (title) {
-        document.title = `${title} | ${defaultTitle}`;
-      }
-    </script>
-    <style>
-      *,
-      *:before,
-      *:after {
-        box-sizing: border-box;
-      }
-      * {
-        margin: 0;
-      }
-      html,
-      body {
-        height: 100%;
-        background: #fff;
-      }
-      body {
-        line-height: 1.5;
-        letter-spacing: 0.25px;
-        -webkit-font-smoothing: antialiased;
-      }
-      img,
-      picture,
-      video,
-      canvas,
-      svg,
-      iframe {
-        display: block;
-        max-width: 100%;
-        margin: 0 auto;
-      }
-      input,
-      button,
-      textarea,
-      select {
-        font: inherit;
-      }
-      p,
-      h1,
-      h2,
-      h3,
-      h4,
-      h5,
-      h6 {
-        overflow-wrap: break-word;
-      }
-      #root,
-      #__next {
-        isolation: isolate;
-      }
-      nav[data-astro-cid-dmqpwcec] {
-        background: var(--ayo-gradient);
-        display: flex;
-        margin: 0 auto;
-      }
-      nav[data-astro-cid-dmqpwcec] a[data-astro-cid-dmqpwcec] {
-        display: inline-block;
-        text-decoration: underline;
-        color: var(--text-color-light);
-        padding: 0.5em 1em;
-        font-size: var(--font-size-sm);
-      }
-      nav[data-astro-cid-dmqpwcec] a[data-astro-cid-dmqpwcec]:hover {
-        color: var(--color-brand-complement);
-      }
-      nav[data-astro-cid-dmqpwcec]
-        a[data-astro-cid-dmqpwcec]
-        svg[data-astro-cid-dmqpwcec] {
-        width: 1.5rem;
-      }
-      #wrapper[data-astro-cid-dmqpwcec] {
-        flex: 1;
-        max-width: var(--content-width);
-        margin: 0 auto;
-        text-align: right;
-      }
-      @media only screen and (max-device-width: 360px) {
-        #wrapper[data-astro-cid-dmqpwcec] {
-          text-align: center;
-        }
-        nav[data-astro-cid-dmqpwcec] a[data-astro-cid-dmqpwcec] {
-          padding: 0.5em;
-        }
-      }
-      main {
-        margin: auto;
-        max-width: var(--content-width);
-        padding: 1em;
-      }
-      h1 {
-        font-size: var(--font-size-xl);
-      }
-      h2 {
-        font-size: var(--font-size-lg);
-      }
-      code {
-        font-family: Menlo, Monaco, Lucida Console, Liberation Mono,
-          DejaVu Sans Mono, Bitstream Vera Sans Mono, Courier New, monospace;
-      }
-      p,
-      img,
-      table,
-      ul {
-        margin: 1em 0;
-        font-size: var(--font-size-base);
-      }
-      .text-gradient {
-        font-weight: 900;
-        background-image: var(--ayo-gradient);
-        animation: pulse 4s ease-in-out infinite;
-        background-size: 500% 500%;
-        -webkit-background-clip: text;
-        -webkit-text-fill-color: transparent;
-        background-size: 100% 200%;
-        background-position-y: 100%;
-        border-radius: 0.4rem;
-      }
-      a {
-        font-weight: 700;
-      }
-      @media (prefers-color-scheme: dark) {
-        a {
-          color: var(--color-brand-complement);
-        }
-      }
-      :root {
-        --content-width: 700px;
-        --font-size-sm: clamp(0.75rem, 0.2vw + 0.66rem, 0.8rem);
-        --font-size-base: clamp(1rem, 0.34vw + 0.91rem, 1.19rem);
-        --font-size-lg: clamp(1.2rem, 0.7vw + 1.2rem, 1.5rem);
-        --font-size-xl: clamp(2.44rem, 2.38vw + 1.85rem, 3.75rem);
-        --color-border: hsl(17, 24%, 90%);
-        --color-link: var(--color-brand-blue-3);
-        --color-brand-blue-1: #3054bf;
-        --color-brand-blue-2: #203880;
-        --color-brand-blue-3: #416fff;
-        --color-brand-blue-4: #101c40;
-        --color-brand-blue-5: #3964e6;
-        --color-brand-complement: orange;
-        --ayo-gradient: linear-gradient(45deg, #3054bf, #416fff);
-        --text-color-dark: black;
-        --text-color-light: #f8f9fa;
-        --bg-dark: #343a40;
-        --bg-darker: #212529;
-        --bg-darkest: #000;
-      }
-      html,
-      body,
-      [data-astro-cid-sckkx6r4] {
-        font-family: system-ui, sans-serif;
-        font-size: var(--font-size-base);
-        color: var(--text-color-dark);
-        background-color: var(--text-color-light);
-      }
-      @media (prefers-color-scheme: dark) {
-        html,
-        body,
-        [data-astro-cid-sckkx6r4] {
-          background: var(--bg-darker);
-          color: var(--text-color-light);
-        }
-      }
-      @keyframes pulse {
-        0%,
-        to {
-          background-position-y: 0%;
-        }
-        50% {
-          background-position-y: 80%;
-        }
-      }
-      footer[data-astro-cid-sz7xmlte] {
-        margin-top: 1em;
-        text-align: right;
-      }
-      footer[data-astro-cid-sz7xmlte] ul[data-astro-cid-sz7xmlte] {
-        font-size: var(--font-size-sm);
-      }
-      :root {
-        --link-gradient: linear-gradient(
-          45deg,
-          var(--color-brand-blue-1),
-          var(--color-brand-blue-3) 30%,
-          var(--color-border) 60%
-        );
-      }
-      .link-card[data-astro-cid-dohjnao5] {
-        list-style: none;
-        display: flex;
-        padding: 0.15rem;
-        background-size: 400%;
-        border-radius: 0.5rem;
-        background-position: 100%;
-        background-image: var(--link-gradient);
-        transition: background-position 0.6s cubic-bezier(0.22, 1, 0.36, 1);
-      }
-      .link-card[data-astro-cid-dohjnao5] > a[data-astro-cid-dohjnao5] {
-        width: 100%;
-        text-decoration: none;
-        padding: 1em 1.3em;
-        border-radius: 0.35rem;
-        background-color: #fff;
-        color: var(--text-color-dark);
-      }
-      h2[data-astro-cid-dohjnao5] {
-        margin: 0;
-        transition: color 0.6s cubic-bezier(0.22, 1, 0.36, 1);
-      }
-      p[data-astro-cid-dohjnao5] {
-        font-weight: 400;
-        margin-top: 0.75rem;
-        margin-bottom: 0;
-      }
-      h2[data-astro-cid-dohjnao5] span[data-astro-cid-dohjnao5] {
-        display: inline-block;
-        transition: transform 0.3s cubic-bezier(0.22, 1, 0.36, 1);
-      }
-      .link-card[data-astro-cid-dohjnao5]:is(:hover, :focus-within) {
-        background-position: 0;
-      }
-      .link-card[data-astro-cid-dohjnao5]:is(:hover, :focus-within)
-        h2[data-astro-cid-dohjnao5]
-        span[data-astro-cid-dohjnao5] {
-        will-change: transform;
-        transform: translate(2px);
-      }
-      @media (prefers-color-scheme: dark) {
-        .link-card[data-astro-cid-dohjnao5] > a[data-astro-cid-dohjnao5] {
-          background-color: var(--bg-dark);
-          color: var(--text-color-light);
-        }
-      }
-      ul[data-astro-cid-2zbi74ef] {
-        list-style: none;
-        display: grid;
-        gap: 1rem;
-        padding: 0;
-      }
-    </style>
-  </head>
-  <body data-astro-cid-sckkx6r4>
-    <nav data-astro-cid-dmqpwcec>
-      <div id="wrapper" data-astro-cid-dmqpwcec>
-        <a href="/" data-astro-cid-dmqpwcec>
-          <svg
-            viewBox="0 0 24 24"
-            data-astro-cid-dmqpwcec
-            astro-icon="mdi:home"
-          >
-            <path fill="currentColor" d="M10 20v-6h4v6h5v-8h3L12 3 2 12h3v8z" />
-          </svg>
-          home </a
-        ><a href="https://ayos.blog" data-astro-cid-dmqpwcec>
-          <svg
-            viewBox="0 0 24 24"
-            data-astro-cid-dmqpwcec
-            astro-icon="mdi:blog"
-          >
-            <path
-              fill="currentColor"
-              d="M3 3v18h18V3zm15 15H6v-1h12zm0-2H6v-1h12zm0-4H6V6h12z"
-            />
-          </svg>
-          blog </a
-        ><a href="https://ayco.io/@ayo" data-astro-cid-dmqpwcec>
-          <svg
-            viewBox="0 0 24 24"
-            data-astro-cid-dmqpwcec
-            astro-icon="mdi:mastodon"
-          >
-            <path
-              fill="currentColor"
-              d="M20.94 14c-.28 1.41-2.44 2.96-4.97 3.26-1.31.15-2.6.3-3.97.24-2.25-.11-4-.54-4-.54v.62c.32 2.22 2.22 2.35 4.03 2.42 1.82.05 3.44-.46 3.44-.46l.08 1.65s-1.28.68-3.55.81c-1.25.07-2.81-.03-4.62-.5-3.92-1.05-4.6-5.24-4.7-9.5l-.01-3.43c0-4.34 2.83-5.61 2.83-5.61C6.95 2.3 9.41 2 11.97 2h.06c2.56 0 5.02.3 6.47.96 0 0 2.83 1.27 2.83 5.61 0 0 .04 3.21-.39 5.43M18 8.91c0-1.08-.3-1.91-.85-2.56-.56-.63-1.3-.96-2.23-.96-1.06 0-1.87.41-2.42 1.23l-.5.88-.5-.88c-.56-.82-1.36-1.23-2.43-1.23-.92 0-1.66.33-2.23.96C6.29 7 6 7.83 6 8.91v5.26h2.1V9.06c0-1.06.45-1.62 1.36-1.62 1 0 1.5.65 1.5 1.93v2.79h2.07V9.37c0-1.28.5-1.93 1.51-1.93.9 0 1.35.56 1.35 1.62v5.11H18z"
-            />
-          </svg>
-          social </a
-        ><a href="https://metapixl.com/i/portfolio/ayo" data-astro-cid-dmqpwcec>
-          <svg
-            viewBox="0 0 24 24"
-            data-astro-cid-dmqpwcec
-            astro-icon="mdi:image"
-          >
-            <path
-              fill="currentColor"
-              d="m8.5 13.5 2.5 3 3.5-4.5 4.5 6H5m16 1V5a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2"
-            />
-          </svg>
-          photos </a
-        ><a href="https://www.npmjs.com/~aayco" data-astro-cid-dmqpwcec>
-          <svg viewBox="0 0 24 24" data-astro-cid-dmqpwcec astro-icon="gg:npm">
-            <path
-              fill="currentColor"
-              fill-rule="evenodd"
-              d="M5 21a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2zm1-3V6h12v12h-3V9h-3v9z"
-              clip-rule="evenodd"
-            />
-          </svg>
-          npm
-        </a>
-      </div>
-    </nav>
-    <main data-astro-cid-2zbi74ef>
-      <h1 class="text-gradient" data-astro-cid-2zbi74ef>Stuff</h1>
-      <p data-astro-cid-2zbi74ef>
-        Because software is not just a huge pile of code, but a combination of
-        small, reusable stuff...
-      </p>
-      <ul data-astro-cid-2zbi74ef>
-        <li class="link-card" data-astro-cid-dohjnao5>
-          <a
-            href="https://ayco.io/n/web-component-base"
-            target="_blank"
-            data-astro-cid-dohjnao5
-          >
-            <h2 data-astro-cid-dohjnao5>
-              Web Component Base
-              <span data-astro-cid-dohjnao5>&nbsp;&nearr;</span>
-            </h2>
-            <p data-astro-cid-dohjnao5>
-              This provides a minimal vanilla JS base class that aims to reduce
-              the complexity of creating reactive custom elements.
-            </p>
-          </a>
-        </li>
-        <li class="link-card" data-astro-cid-dohjnao5>
-          <a
-            href="https://ayco.io/n/@ayco/astro-resume"
-            target="_blank"
-            data-astro-cid-dohjnao5
-          >
-            <h2 data-astro-cid-dohjnao5>
-              Astro Resume <span data-astro-cid-dohjnao5>&nbsp;&nearr;</span>
-            </h2>
-            <p data-astro-cid-dohjnao5>
-              Utilities for serializing data from server for use in the client
-              with types preserved across components.
-            </p>
-          </a>
-        </li>
-        <li class="link-card" data-astro-cid-dohjnao5>
-          <a
-            href="https://ayco.io/n/generate-timezone-json"
-            target="_blank"
-            data-astro-cid-dohjnao5
-          >
-            <h2 data-astro-cid-dohjnao5>
-              Time Zone JSON Generator
-              <span data-astro-cid-dohjnao5>&nbsp;&nearr;</span>
-            </h2>
-            <p data-astro-cid-dohjnao5>
-              Generate a JSON file containing time zones from the official IANA
-              Database or your own zone.tab file
-            </p>
-          </a>
-        </li>
-      </ul>
-      <footer data-astro-cid-sz7xmlte>
-        <ul style="list-style: none" data-astro-cid-sz7xmlte>
-          <li data-astro-cid-sz7xmlte>
-            &#169; 2022-2024 <strong data-astro-cid-sz7xmlte>Ayo Ayco</strong>.
-            All Rights Reserved
-          </li>
-          <li data-astro-cid-sz7xmlte>
-            This website
-            <a
-              href="https://ayos.blog/stopped-tracking-on-my-sites"
-              data-astro-cid-sz7xmlte
-              >does not track users</a
-            >
-          </li>
-          <li data-astro-cid-sz7xmlte>
-            See the
-            <a
-              href="https://ayco.io/sh/ayco.io-flask/tree"
-              data-astro-cid-sz7xmlte
-              >source code</a
-            >
-          </li>
-        </ul>
-      </footer>
-    </main>
-  </body>
-</html>
diff --git a/web.py b/web.py
index 5178c7b..66cb3ae 100755
--- a/web.py
+++ b/web.py
@@ -1,23 +1,13 @@
-from flask import Flask, render_template
+from flask import Flask, send_from_directory
 app = Flask(__name__)
 
 @app.route('/')
 def home():
-    return render_template('index.html')
-
-@app.route('/showcase')
-def showcase():
-    return render_template('showcase.html')
-
-@app.route('/stuff')
-def stuff():
-    return render_template('stuff.html')
-
-@app.route('/now')
-def now():
-    return render_template('now.html')
-
+    return send_from_directory('dist', 'index.html')
 
+@app.route('/<path:path>')
+def dist(path):
+    return send_from_directory('dist', path)
 
 if __name__ == '__main__':
     app.run(host='0.0.0.0')