diff --git a/88x31/index.html b/88x31/index.html
index 4748127..37baaf6 100644
--- a/88x31/index.html
+++ b/88x31/index.html
@@ -38,17 +38,26 @@
     <meta name="twitter:card" content="summary">
     <meta name="twitter:title" content="88x31 Buttons | Clove Twilight">
     <meta name="twitter:description" content="The 88x31 buttons featured across c.stupid.cat">
+
+    <!-- Prefetch other pages for faster navigation -->
+    <link rel="prefetch" href="/">
+    <link rel="prefetch" href="/cool-people">
+    <link rel="prefetch" href="/dev-info">
+    <link rel="prefetch" href="/discord">
+    <link rel="prefetch" href="/projects">
+    <link rel="prefetch" href="/music">
+    <link rel="prefetch" href="/guestbook">
 </head>
 
 <body>
 
     <header class="nav">
         <nav class="nav-links">
-            <a class="nav-link" data-href="/">Link Center</a>
+            <a class="nav-link" data-href="/">Home</a>
             <a class="nav-link" data-href="/cool-people">Cool People</a>
             <a class="nav-link" data-href="/dev-info">Dev Info</a>
             <a class="nav-link" data-href="/discord">Discord</a>
-            <a class="nav-link" data-href="/discord-bots">Discord Bots</a>
+            <a class="nav-link" data-href="/projects">Projects</a>
             <a class="nav-link" data-href="/music">Music</a>
             <a class="nav-link selected" data-href="/88x31">88x31</a>
             <a class="nav-link" data-href="/guestbook">Guestbook</a>
@@ -64,7 +73,6 @@
         <div class="button-page">
             <aside class="button-wall" aria-label="88x31 buttons">
                 <!-- coding / web -->
-                <img src="https://raw.githubusercontent.com/NPSummers/NPSummers/refs/heads/main/button.png" alt="NPSummers" loading="eager">
                 <a href="https://doughmination.co.uk" target="_blank" rel="noopener noreferrer"><img src="/assets/88x31/doughmination.gif" alt="Doughmination" loading="eager"></a>
                 <a href="https://git.gay/doughmination" target="_blank" rel="noopener noreferrer"><img src="/assets/88x31/gitgay.png" alt="Git Gay" loading="lazy"></a>
                 <a href="https://code.visualstudio.com" target="_blank" rel="noopener noreferrer"><img src="/assets/88x31/vscbutton.gif" alt="Made with Visual Studio Code" loading="lazy"></a>
@@ -75,7 +83,7 @@
                 <img src="/assets/88x31/nft.gif" alt="No NFTs, no thanks" loading="lazy">
                 <img src="/assets/88x31/nowebp.gif" alt="No WEBp" loading="lazy">
                 <!-- software / os -->
-                <img src="/assets/88x31/linux.gif" alt="Made on GNU/Linux" loading="lazy">
+                <a href="https://www.linux.org/" target="_blank" rel="noopener noreferrer"><img src="/assets/88x31/linux.gif" alt="Made on GNU/Linux" loading="lazy"></a>
                 <a href="https://www.mozilla.org/firefox/" target="_blank" rel="noopener noreferrer"><img src="/assets/88x31/firefox.gif" alt="Firefox" loading="lazy"></a>
                 <img src="/assets/88x31/no-chrome.gif" alt="Anything but Chrome" loading="lazy">
                 <a href="https://support.apple.com/en-gb/121552" target="_blank" rel="noopener noreferrer"><img src="/assets/88x31/macbutton.gif" alt="Made on a Mac" loading="lazy"></a>
@@ -99,12 +107,10 @@
                 <img src="/assets/88x31/killmenow.gif" alt="Kill me now" loading="lazy">
                 <a href="https://www.youtube.com/watch?v=dQw4w9WgXcQ" target="_blank" rel="noopener noreferrer"><img src="/assets/88x31/no.gif" alt="Don't click here, no!" loading="lazy"></a>
                 <a href="https://www.minecraft.net" target="_blank" rel="noopener noreferrer"><img src="/assets/88x31/minecraft.gif" alt="Minecraft" loading="lazy"></a>
-                <!-- anime / nsfw -->
+                <!-- anime -->
                 <img src="/assets/88x31/pokemon.gif" alt="Pokémon" loading="lazy">
                 <a href="https://www.youtube.com/watch?v=VEj0cuqVJ-I" target="_blank" rel="noopener noreferrer"><img src="/assets/88x31/caramelldansen.gif" alt="Caramelldansen" loading="lazy"></a>
                 <img src="/assets/88x31/blink.gif" alt="Anime blink" loading="lazy">
-                <img src="/assets/88x31/bluepantsu.gif" alt="Blue pantsu" loading="lazy">
-                <img src="/assets/88x31/underwearisforloser.gif" alt="Underwear is for losers" loading="lazy">
             </aside>
         </div>
     </div>
diff --git a/assets/88x31/bluepantsu.gif b/assets/88x31/bluepantsu.gif
deleted file mode 100644
index 141103b..0000000
Binary files a/assets/88x31/bluepantsu.gif and /dev/null differ
diff --git a/assets/bots/cuddle-blahaj-medication.png b/assets/bots/cuddle-blahaj-medication.png
deleted file mode 100644
index f5f1796..0000000
Binary files a/assets/bots/cuddle-blahaj-medication.png and /dev/null differ
diff --git a/assets/bots/onlymeows.png b/assets/bots/onlymeows.png
deleted file mode 100644
index 114b11b..0000000
Binary files a/assets/bots/onlymeows.png and /dev/null differ
diff --git a/assets/bots/robot.png b/assets/bots/robot.png
deleted file mode 100644
index bc043f0..0000000
Binary files a/assets/bots/robot.png and /dev/null differ
diff --git a/assets/bots/zahra.png b/assets/bots/zahra.png
deleted file mode 100644
index 320abb2..0000000
Binary files a/assets/bots/zahra.png and /dev/null differ
diff --git a/assets/friends/ari.png b/assets/friends/ari.png
deleted file mode 100644
index 61cbc3a..0000000
Binary files a/assets/friends/ari.png and /dev/null differ
diff --git a/assets/friends/aureal.gif b/assets/friends/aureal.gif
deleted file mode 100644
index 4b63dab..0000000
Binary files a/assets/friends/aureal.gif and /dev/null differ
diff --git a/assets/friends/camilla.png b/assets/friends/camilla.png
deleted file mode 100644
index d55b799..0000000
Binary files a/assets/friends/camilla.png and /dev/null differ
diff --git a/assets/friends/fin.png b/assets/friends/fin.png
deleted file mode 100644
index b00dccf..0000000
Binary files a/assets/friends/fin.png and /dev/null differ
diff --git a/assets/friends/lylla.png b/assets/friends/lylla.png
deleted file mode 100644
index afebd93..0000000
Binary files a/assets/friends/lylla.png and /dev/null differ
diff --git a/assets/friends/meme.png b/assets/friends/meme.png
deleted file mode 100644
index 754f753..0000000
Binary files a/assets/friends/meme.png and /dev/null differ
diff --git a/assets/friends/meowhem.png b/assets/friends/meowhem.png
deleted file mode 100644
index caa8e36..0000000
Binary files a/assets/friends/meowhem.png and /dev/null differ
diff --git a/assets/friends/n.png b/assets/friends/n.png
deleted file mode 100644
index f6bde78..0000000
Binary files a/assets/friends/n.png and /dev/null differ
diff --git a/assets/friends/ria.png b/assets/friends/ria.png
deleted file mode 100644
index ea06ae8..0000000
Binary files a/assets/friends/ria.png and /dev/null differ
diff --git a/assets/friends/saphie.png b/assets/friends/saphie.png
deleted file mode 100644
index 96f734d..0000000
Binary files a/assets/friends/saphie.png and /dev/null differ
diff --git a/assets/friends/simon.png b/assets/friends/simon.png
deleted file mode 100644
index 12e58b9..0000000
Binary files a/assets/friends/simon.png and /dev/null differ
diff --git a/assets/known-people/furi.png b/assets/known-people/furi.png
deleted file mode 100644
index e3cf6f9..0000000
Binary files a/assets/known-people/furi.png and /dev/null differ
diff --git a/assets/known-people/pokemon.png b/assets/known-people/pokemon.png
deleted file mode 100644
index c97bbef..0000000
Binary files a/assets/known-people/pokemon.png and /dev/null differ
diff --git a/assets/known-people/sy.png b/assets/known-people/sy.png
deleted file mode 100644
index f61e3bf..0000000
Binary files a/assets/known-people/sy.png and /dev/null differ
diff --git a/assets/bots/bansync.png b/assets/projects/bansync.png
similarity index 100%
rename from assets/bots/bansync.png
rename to assets/projects/bansync.png
diff --git a/assets/bots/gaybot.png b/assets/projects/gaybot.png
similarity index 100%
rename from assets/bots/gaybot.png
rename to assets/projects/gaybot.png
diff --git a/assets/bots/ghostwire.png b/assets/projects/ghostwire.png
similarity index 100%
rename from assets/bots/ghostwire.png
rename to assets/projects/ghostwire.png
diff --git a/assets/bots/modupdatechecker.png b/assets/projects/modupdatechecker.png
similarity index 100%
rename from assets/bots/modupdatechecker.png
rename to assets/projects/modupdatechecker.png
diff --git a/assets/bots/uzi-doorman.png b/assets/projects/uzi-doorman.png
similarity index 100%
rename from assets/bots/uzi-doorman.png
rename to assets/projects/uzi-doorman.png
diff --git a/cool-people/index.html b/cool-people/index.html
index bc1c5a4..6fb7a5d 100644
--- a/cool-people/index.html
+++ b/cool-people/index.html
@@ -4,13 +4,22 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
+
+    <!-- Warm up the origins this page's JS fetches on load (presence data + avatar images) -->
+    <link rel="preconnect" href="https://restful.doughmination.uk" crossorigin>
+    <link rel="dns-prefetch" href="https://restful.doughmination.uk">
+    <link rel="preconnect" href="https://wsrv.nl">
+    <link rel="dns-prefetch" href="https://wsrv.nl">
+    <link rel="preconnect" href="https://cdn.discordapp.com">
+    <link rel="dns-prefetch" href="https://cdn.discordapp.com">
+
     <title>Cool People</title>
     <link rel="stylesheet" href="/css/main.css">
     <script>try { var f = localStorage.getItem('ctpFlavor'); document.documentElement.setAttribute('data-flavor', ['mocha', 'macchiato', 'frappe', 'latte'].indexOf(f) >= 0 ? f : 'mocha'); } catch (e) { document.documentElement.setAttribute('data-flavor', 'mocha'); }</script>
     <link rel="icon" type="image/svg+xml" href="/assets/favicon/favicon.svg">
 
     <!-- SEO Meta Tags -->
-    <meta name="description" content="Link Center for Clove Twilight">
+    <meta name="description" content="Home for Clove Twilight">
     <meta name="keywords" content="Portfolio, Personal, Developer">
     <meta name="author" content="doughmination">
     <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
@@ -49,17 +58,26 @@
         }
         .friends-disclaimer a { color: inherit; text-decoration: underline; }
     </style>
+
+    <!-- Prefetch other pages for faster navigation -->
+    <link rel="prefetch" href="/">
+    <link rel="prefetch" href="/dev-info">
+    <link rel="prefetch" href="/discord">
+    <link rel="prefetch" href="/projects">
+    <link rel="prefetch" href="/music">
+    <link rel="prefetch" href="/88x31">
+    <link rel="prefetch" href="/guestbook">
 </head>
 
 <body>
 
     <header class="nav">
         <nav class="nav-links">
-            <a class="nav-link" data-href="/">Link Center</a>
+            <a class="nav-link" data-href="/">Home</a>
             <a class="nav-link selected" data-href="/cool-people">Cool People</a>
             <a class="nav-link" data-href="/dev-info">Dev Info</a>
             <a class="nav-link" data-href="/discord">Discord</a>
-            <a class="nav-link" data-href="/discord-bots">Discord Bots</a>
+            <a class="nav-link" data-href="/projects">Projects</a>
             <a class="nav-link" data-href="/music">Music</a>
             <a class="nav-link" data-href="/88x31">88x31</a>
             <a class="nav-link" data-href="/guestbook">Guestbook</a>
diff --git a/css/main.css b/css/main.css
index cb65d18..1ad83ce 100644
--- a/css/main.css
+++ b/css/main.css
@@ -13,7 +13,7 @@
      8. dev-info page
      9. Changelog page
     10. Secret cat modes        (toast + picker modal)
-    11. Discord bots page
+    11. Projects page
     12. Responsive overrides
     13. Friends Page
    ============================================================ */
@@ -738,17 +738,17 @@ body:has(.dev-info) .hub {
 
 
 /* ============================================================
-   11. DISCORD BOTS PAGE
+   11. Projects PAGE
    ============================================================ */
-/* On the bots page the header sits closer to the sections */
-body:has(.bot-grid) .hub-header {
+/* On the projects page the header sits closer to the sections */
+body:has(.project-grid) .hub-header {
   position: relative;
   z-index: 1;
   margin-bottom: 0.25rem;
 }
 
-/* FIX: bot-grid and friend-grid pages need scrolling — was missing */
-html:has(.bot-grid),
+/* FIX: project-grid and friend-grid pages need scrolling — was missing */
+html:has(.project-grid),
 html:has(.friend-grid) {
   height: auto;
   min-height: 100dvh;
@@ -756,7 +756,7 @@ html:has(.friend-grid) {
   overflow-x: hidden;
 }
 
-body:has(.bot-grid),
+body:has(.project-grid),
 body:has(.friend-grid) {
   height: auto;
   min-height: 100dvh;
@@ -793,97 +793,97 @@ body:has(.friend-grid) {
   color: var(--surface-2);
 }
 
-.bot-grid {
+/* ---- Project cards (horizontal: avatar left, title + status + bio) ---- */
+.project-grid {
   margin-bottom: 1.5rem;
-  display: flex;
-  flex-wrap: wrap;
-  justify-content: center;
-  gap: 2rem 1.5rem;
-  max-width: 560px;
+  display: grid;
+  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
+  gap: 1rem;
+  width: 100%;
+  max-width: 640px;
 }
 
-.bot {
-  position: relative;
+.project-card {
   display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 96px;
-  height: 96px;
+  align-items: flex-start;
+  gap: 0.9rem;
+  padding: 1rem;
+  border-radius: 16px;
+  background: var(--surface-0);
+  border: 1px solid var(--surface-1);
   color: var(--text);
   text-decoration: none;
   transition: transform 0.15s ease, border-color 0.15s ease,
     background 0.15s ease, box-shadow 0.15s ease;
 }
 
-.bot-pfp {
-  width: 96px;
-  height: 96px;
-  border-radius: 50%;
-  object-fit: cover;
-  border: 3px solid var(--yellow);
-  box-shadow: 0 4px 18px rgba(var(--accent-rgb), 0.25);
-}
-
-.bot:hover {
+.project-card:hover,
+.project-card:focus-visible {
   transform: translateY(-3px);
+  background: var(--surface-1);
+  border-color: rgb(var(--accent-rgb));
+  box-shadow: 0 6px 20px rgba(var(--accent-rgb), 0.22);
 }
 
-.bot:hover .bot-pfp {
-  filter: none;
+.project-card-img {
+  width: 56px;
+  height: 56px;
+  flex-shrink: 0;
+  border-radius: 14px;
+  object-fit: cover;
+  border: 2px solid var(--yellow);
+  box-shadow: 0 4px 14px rgba(var(--accent-rgb), 0.22);
 }
 
-/* Bot tooltip revealed on hover */
-.bot-link-text {
-  position: absolute;
-  bottom: calc(100% + 10px);
-  left: 50%;
-  transform: translateX(-50%) translateY(4px);
+.project-card-body {
   display: flex;
   flex-direction: column;
+  gap: 0.35rem;
+  min-width: 0;
+}
+
+.project-card-head {
+  display: flex;
   align-items: center;
-  gap: 0.1rem;
-  padding: 0.5rem 0.75rem;
-  border-radius: 10px;
-  background: var(--crust);
-  border: 1px solid rgb(var(--accent-rgb));
-  box-shadow: 0 6px 18px rgba(17, 17, 27, 0.55);
-  white-space: nowrap;
-  line-height: 1.3;
-  opacity: 0;
-  pointer-events: none;
-  transition: opacity 0.15s ease, transform 0.15s ease;
-  z-index: 10;
+  gap: 0.5rem;
+  flex-wrap: wrap;
 }
 
-.bot-link-text::after {
-  content: "";
-  position: absolute;
-  top: 100%;
-  left: 50%;
-  transform: translateX(-50%);
-  border: 6px solid transparent;
-  border-top-color: rgb(var(--accent-rgb));
-}
-
-.bot:hover .bot-link-text,
-.bot:focus-visible .bot-link-text {
-  opacity: 1;
-  transform: translateX(-50%) translateY(0);
-}
-
-.bot-link-title {
-  font-weight: 500;
-  font-size: 0.95rem;
+.project-card-title {
+  font-weight: 600;
+  font-size: 1rem;
   color: var(--text);
 }
 
-.bot-link-sub {
-  font-size: 0.78rem;
+.project-card-status {
+  font-size: 0.66rem;
+  font-weight: 600;
+  letter-spacing: 0.04em;
+  text-transform: uppercase;
+  padding: 0.15rem 0.55rem;
+  border-radius: 999px;
+  background: var(--crust);
+  border: 1px solid var(--green);
+  color: var(--green);
+  white-space: nowrap;
+}
+
+.project-card-status.closed {
+  border-color: var(--red);
+  color: var(--red);
+}
+
+.project-card-bio {
+  margin: 0;
+  font-size: 0.85rem;
+  line-height: 1.45;
   color: var(--subtext-0);
 }
 
-.bot-link-sub.closed {
-  color: var(--red);
+/* Italic + dimmed until you replace it with a real description */
+.project-card-bio.is-placeholder {
+  font-style: italic;
+  opacity: 0.65;
 }
 
 
@@ -945,7 +945,7 @@ body:has(.friend-grid) {
 
   body,
   body:has(.dev-info),
-  body:has(.bot-grid),
+  body:has(.project-grid),
   body:has(.friend-grid) {
     flex-direction: column;
     justify-content: flex-start;
@@ -988,7 +988,7 @@ body:has(.friend-grid) {
   /* 2 — Main content */
   .hub,
   body:has(.dev-info) .hub,
-  body:has(.bot-grid) .hub,
+  body:has(.project-grid) .hub,
   body:has(.friend-grid) .hub {
     order: 2;
     width: 100%;
@@ -1035,8 +1035,7 @@ body:has(.friend-grid) {
   }
 
   /* FIX: hide tooltips on touch (they'd stick on tap) */
-  .link-card:hover .link-text,
-  .bot:hover .bot-link-text {
+  .link-card:hover .link-text {
     opacity: 0;
     pointer-events: none;
   }
@@ -1045,10 +1044,10 @@ body:has(.friend-grid) {
     margin-bottom: 1.5rem;
   }
 
-  /* Keep the dev-info / bots / friends content from butting up
+  /* Keep the dev-info / projects / friends content from butting up
      against the nav below it */
   .dev-info,
-  .bot-grid,
+  .project-grid,
   .friend-grid {
     padding-bottom: 1rem;
   }
@@ -1081,19 +1080,14 @@ body:has(.friend-grid) {
     font-size: 0.66rem;
   }
 
-  .bot-grid {
-    gap: 1.5rem 1rem;
+  /* Single column + slightly smaller avatars on very small screens */
+  .project-grid {
+    grid-template-columns: 1fr;
   }
 
-  /* Shrink the bot avatar grid slightly on very small screens */
-  .bot-pfp {
-    width: 80px;
-    height: 80px;
-  }
-
-  .bot {
-    width: 80px;
-    height: 80px;
+  .project-card-img {
+    width: 48px;
+    height: 48px;
   }
 }
 
diff --git a/dev-info/index.html b/dev-info/index.html
index 7d2770d..27b4369 100644
--- a/dev-info/index.html
+++ b/dev-info/index.html
@@ -4,6 +4,13 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
+
+    <!-- Warm up the origins this page's JS fetches on load (heatmap + WakaTime stats) -->
+    <link rel="preconnect" href="https://contrib.doughmination.uk" crossorigin>
+    <link rel="dns-prefetch" href="https://contrib.doughmination.uk">
+    <link rel="preconnect" href="https://wakatime.com">
+    <link rel="dns-prefetch" href="https://wakatime.com">
+
     <title>Clove Twilight - Dev Info</title>
     <link rel="stylesheet" href="/css/main.css">
     <script>try { var f = localStorage.getItem('ctpFlavor'); document.documentElement.setAttribute('data-flavor', ['mocha', 'macchiato', 'frappe', 'latte'].indexOf(f) >= 0 ? f : 'mocha'); } catch (e) { document.documentElement.setAttribute('data-flavor', 'mocha'); }</script>
@@ -38,17 +45,26 @@
     <meta name="twitter:card" content="summary">
     <meta name="twitter:title" content="Clove Twilight | Dev Info">
     <meta name="twitter:description" content="What Clove has been coding lately, tracked by dev-info">
+
+    <!-- Prefetch other pages for faster navigation -->
+    <link rel="prefetch" href="/">
+    <link rel="prefetch" href="/cool-people">
+    <link rel="prefetch" href="/discord">
+    <link rel="prefetch" href="/projects">
+    <link rel="prefetch" href="/music">
+    <link rel="prefetch" href="/88x31">
+    <link rel="prefetch" href="/guestbook">
 </head>
 
 <body>
 
     <header class="nav">
         <nav class="nav-links">
-            <a class="nav-link" data-href="/">Link Center</a>
+            <a class="nav-link" data-href="/">Home</a>
             <a class="nav-link" data-href="/cool-people">Cool People</a>
             <a class="nav-link selected" data-href="/dev-info">Dev Info</a>
             <a class="nav-link" data-href="/discord">Discord</a>
-            <a class="nav-link" data-href="/discord-bots">Discord Bots</a>
+            <a class="nav-link" data-href="/projects">Projects</a>
             <a class="nav-link" data-href="/music">Music</a>
             <a class="nav-link" data-href="/88x31">88x31</a>
             <a class="nav-link" data-href="/guestbook">Guestbook</a>
diff --git a/discord-bots/index.html b/discord-bots/index.html
deleted file mode 100644
index 80f8db4..0000000
--- a/discord-bots/index.html
+++ /dev/null
@@ -1,183 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Clove Twilight - Discord Bots</title>
-    <link rel="stylesheet" href="/css/main.css">
-    <script>try { var f = localStorage.getItem('ctpFlavor'); document.documentElement.setAttribute('data-flavor', ['mocha', 'macchiato', 'frappe', 'latte'].indexOf(f) >= 0 ? f : 'mocha'); } catch (e) { document.documentElement.setAttribute('data-flavor', 'mocha'); }</script>
-    <link rel="icon" type="image/svg+xml" href="/assets/favicon/favicon.svg">
-
-    <!-- SEO Meta Tags -->
-    <meta name="description" content="Find all the Discord Bots Clove contributes on actively">
-    <meta name="keywords" content="Portfolio, Personal, Developer">
-    <meta name="author" content="doughmination">
-    <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
-
-    <!-- Canonical URL -->
-    <link rel="canonical" href="https://c.stupid.cat">
-
-    <!-- Alternate for mobile -->
-    <link rel="alternate" media="only screen and (max-width: 640px)" href="https://c.stupid.cat">
-
-    <!-- Theme Color -->
-    <meta name="theme-color" content="#f5c2e7">
-
-    <!-- Open Graph / Discord / Facebook -->
-    <meta property="og:image" content="https://c.stupid.cat/assets/favicon/favicon.png">
-    <meta property="og:site_name" content="c.stupid.cat">
-    <meta property="og:title" content="Clove Twilight | Discord Bots">
-    <meta property="og:description" content="Find all the Discord Bots Clove contributes on actively">
-    <meta property="og:type" content="website">
-    <meta property="og:url" content="https://c.stupid.cat">
-    <meta property="og:locale" content="en_GB">
-
-    <!-- Twitter Card -->
-    <meta name="twitter:image" content="https://c.stupid.cat/assets/favicon/favicon.png">
-    <meta name="twitter:card" content="summary">
-    <meta name="twitter:title" content="Clove Twilight | Discord Bot">
-    <meta name="twitter:description" content="Find all the Discord Bots Clove contributes on actively">
-</head>
-
-<body>
-
-    <header class="nav">
-        <nav class="nav-links">
-            <a class="nav-link" data-href="/">Link Center</a>
-            <a class="nav-link" data-href="/cool-people">Cool People</a>
-            <a class="nav-link" data-href="/dev-info">Dev Info</a>
-            <a class="nav-link" data-href="/discord">Discord</a>
-            <a class="nav-link selected" data-href="/discord-bots">Discord Bots</a>
-            <a class="nav-link" data-href="/music">Music</a>
-            <a class="nav-link" data-href="/88x31">88x31</a>
-            <a class="nav-link" data-href="/guestbook">Guestbook</a>
-        </nav>
-    </header>
-
-    <main>
-
-        <header class="hub-header">
-            <img class="pfp" src="/assets/favicon/avatar.png" alt="Clove Twilight avatar">
-            <h1>Clove Twilight</h1>
-            <h2 class="pronouns">(fae/faer)</h2>
-            <p class="tagline">Bot Contribution Center</p>
-        </header>
-
-        <!-- ============ GIRLS-NETWORK ============ -->
-        <section class="section" id="girls-network">
-            <h2 class="section-title">Girls-Network</h2>
-            <div class="bot-grid">
-
-                <a class="bot" href="https://security.girlsnetwork.dev">
-                    <img class="bot-pfp" src="/assets/bots/ghostwire.png" alt="">
-                    <span class="bot-link-text">
-                        <span class="bot-link-title">Ghostwire</span>
-                        <span class="bot-link-sub closed">Closed Source</span>
-                    </span>
-                </a>
-
-                <a class="bot" href="https://github.com/Girls-Network/GayBot-v2">
-                    <img class="bot-pfp" src="/assets/bots/gaybot.png" alt="">
-                    <span class="bot-link-text">
-                        <span class="bot-link-title">GayBot</span>
-                        <span class="bot-link-sub">Open Source</span>
-                    </span>
-                </a>
-
-                <a class="bot" href="https://github.com/Girls-Network/bansync">
-                    <img class="bot-pfp" src="/assets/bots/bansync.png" alt="">
-                    <span class="bot-link-text">
-                        <span class="bot-link-title">BanSync</span>
-                        <span class="bot-link-sub">Open Source</span>
-                    </span>
-                </a>
-
-            </div>
-        </section>
-
-        <!-- ============ MY BOTS (doughmination) ============ -->
-        <section class="section" id="my-bots">
-            <h2 class="section-title">My Bots</h2>
-            <div class="bot-grid">
-
-                <a class="bot" href="https://git.gay/doughmination/shortcuts-bot">
-                    <img class="bot-pfp" src="/assets/favicon/favicon.png" alt="">
-                    <span class="bot-link-text">
-                        <span class="bot-link-title">Shortcuts Bot</span>
-                        <span class="bot-link-sub">Open Source</span>
-                    </span>
-                </a>
-
-                <a class="bot" href="https://git.gay/doughmination/zahra">
-                    <img class="bot-pfp" src="/assets/bots/zahra.png" alt="">
-                    <span class="bot-link-text">
-                        <span class="bot-link-title">Zahra</span>
-                        <span class="bot-link-sub">Open Source</span>
-                    </span>
-                </a>
-
-                <a class="bot" href="https://git.gay/doughmination/OnlyMeows">
-                    <img class="bot-pfp" src="/assets/bots/onlymeows.png" alt="">
-                    <span class="bot-link-text">
-                        <span class="bot-link-title">OnlyMeows</span>
-                        <span class="bot-link-sub">Open Source</span>
-                    </span>
-                </a>
-
-                <a class="bot" href="https://git.gay/doughmination/ModUpdateChecker">
-                    <img class="bot-pfp" src="/assets/bots/modupdatechecker.png" alt="">
-                    <span class="bot-link-text">
-                        <span class="bot-link-title">Mod Update Checker</span>
-                        <span class="bot-link-sub">Open Source</span>
-                    </span>
-                </a>
-
-                <a class="bot" href="https://git.gay/doughmination/Uzi-DOORman">
-                    <img class="bot-pfp" src="/assets/bots/uzi-doorman.png" alt="">
-                    <span class="bot-link-text">
-                        <span class="bot-link-title">Uzi Doorman</span>
-                        <span class="bot-link-sub">Open Source</span>
-                    </span>
-                </a>
-
-                <a class="bot" href="https://git.gay/doughmination/robot">
-                    <img class="bot-pfp" src="/assets/bots/robot.png" alt="">
-                    <span class="bot-link-text">
-                        <span class="bot-link-title">Doughmination Robot</span>
-                        <span class="link-sub">Open Source</span>
-                    </span>
-                </a>
-
-                <a class="bot" href="https://git.gay/doughmination/Cuddle-Blahaj-Medication">
-                    <img class="bot-pfp" src="/assets/bots/cuddle-blahaj-medication.png" alt="">
-                    <span class="bot-link-text">
-                        <span class="bot-link-title">Cuddle Blahaj Medication</span>
-                        <span class="bot-link-sub">Open Source</span>
-                    </span>
-                </a>
-
-            </div>
-        </section>
-
-        <!-- ============ TOOLS ============ -->
-        <section class="section" id="tools">
-            <h2 class="section-title">Tools</h2>
-            <div class="bot-grid">
-
-                <a class="bot" href="https://git.gay/doughmination/widget-script">
-                    <img class="bot-pfp" src="/assets/favicon/avatar.png" alt="">
-                    <span class="bot-link-text">
-                        <span class="bot-link-title">Widget-v2 Script</span>
-                        <span class="bot-link-sub">Open Source</span>
-                    </span>
-                </a>
-
-            </div>
-        </section>
-    </main>
-
-    <script src="/js/core.js" data-cat="/assets/oneko/classics/classic.png"></script>
-</body>
-
-</html>
\ No newline at end of file
diff --git a/discord/index.html b/discord/index.html
index caa2db0..4b55143 100644
--- a/discord/index.html
+++ b/discord/index.html
@@ -4,6 +4,15 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
+
+    <!-- Warm up the origins this page's JS fetches on load (presence data + avatar images) -->
+    <link rel="preconnect" href="https://restful.doughmination.uk" crossorigin>
+    <link rel="dns-prefetch" href="https://restful.doughmination.uk">
+    <link rel="preconnect" href="https://wsrv.nl">
+    <link rel="dns-prefetch" href="https://wsrv.nl">
+    <link rel="preconnect" href="https://cdn.discordapp.com">
+    <link rel="dns-prefetch" href="https://cdn.discordapp.com">
+
     <title>Clove Twilight - Discord</title>
     <link rel="stylesheet" href="/css/main.css">
     <script>try { var f = localStorage.getItem('ctpFlavor'); document.documentElement.setAttribute('data-flavor', ['mocha', 'macchiato', 'frappe', 'latte'].indexOf(f) >= 0 ? f : 'mocha'); } catch (e) { document.documentElement.setAttribute('data-flavor', 'mocha'); }</script>
@@ -38,17 +47,26 @@
     <meta name="twitter:card" content="summary">
     <meta name="twitter:title" content="Clove Twilight | Discord">
     <meta name="twitter:description" content="Clove Twilight's live Discord presence — status, activity, and what fae is up to right now.">
+
+    <!-- Prefetch other pages for faster navigation -->
+    <link rel="prefetch" href="/">
+    <link rel="prefetch" href="/cool-people">
+    <link rel="prefetch" href="/dev-info">
+    <link rel="prefetch" href="/projects">
+    <link rel="prefetch" href="/music">
+    <link rel="prefetch" href="/88x31">
+    <link rel="prefetch" href="/guestbook">
 </head>
 
 <body>
 
     <header class="nav">
         <nav class="nav-links">
-            <a class="nav-link" data-href="/">Link Center</a>
+            <a class="nav-link" data-href="/">Home</a>
             <a class="nav-link" data-href="/cool-people">Cool People</a>
             <a class="nav-link" data-href="/dev-info">Dev Info</a>
             <a class="nav-link selected" data-href="/discord">Discord</a>
-            <a class="nav-link" data-href="/discord-bots">Discord Bots</a>
+            <a class="nav-link" data-href="/projects">Projects</a>
             <a class="nav-link" data-href="/music">Music</a>
             <a class="nav-link" data-href="/88x31">88x31</a>
             <a class="nav-link" data-href="/guestbook">Guestbook</a>
diff --git a/guestbook/index.html b/guestbook/index.html
index c17c90c..dda6baa 100644
--- a/guestbook/index.html
+++ b/guestbook/index.html
@@ -4,6 +4,13 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
+
+    <!-- Warm up the origins this page's JS fetches on load (guestbook API + Turnstile) -->
+    <link rel="preconnect" href="https://guestbook.doughmination.uk" crossorigin>
+    <link rel="dns-prefetch" href="https://guestbook.doughmination.uk">
+    <link rel="preconnect" href="https://challenges.cloudflare.com">
+    <link rel="dns-prefetch" href="https://challenges.cloudflare.com">
+
     <title>Guestbook</title>
     <link rel="stylesheet" href="/css/main.css">
     <script>try { var f = localStorage.getItem('ctpFlavor'); document.documentElement.setAttribute('data-flavor', ['mocha', 'macchiato', 'frappe', 'latte'].indexOf(f) >= 0 ? f : 'mocha'); } catch (e) { document.documentElement.setAttribute('data-flavor', 'mocha'); }</script>
@@ -38,17 +45,26 @@
     <meta name="twitter:card" content="summary">
     <meta name="twitter:title" content="Guestbook | Clove Twilight">
     <meta name="twitter:description" content="Leave a message in Clove's guestbook!">
+
+    <!-- Prefetch other pages for faster navigation -->
+    <link rel="prefetch" href="/">
+    <link rel="prefetch" href="/cool-people">
+    <link rel="prefetch" href="/dev-info">
+    <link rel="prefetch" href="/discord">
+    <link rel="prefetch" href="/projects">
+    <link rel="prefetch" href="/music">
+    <link rel="prefetch" href="/88x31">
 </head>
 
 <body>
 
     <header class="nav">
         <nav class="nav-links">
-            <a class="nav-link" data-href="/">Link Center</a>
+            <a class="nav-link" data-href="/">Home</a>
             <a class="nav-link" data-href="/cool-people">Cool People</a>
             <a class="nav-link" data-href="/dev-info">Dev Info</a>
             <a class="nav-link" data-href="/discord">Discord</a>
-            <a class="nav-link" data-href="/discord-bots">Discord Bots</a>
+            <a class="nav-link" data-href="/projects">Projects</a>
             <a class="nav-link" data-href="/music">Music</a>
             <a class="nav-link" data-href="/88x31">88x31</a>
             <a class="nav-link selected" data-href="/guestbook">Guestbook</a>
diff --git a/index.html b/index.html
index f45ea80..c79d5ca 100644
--- a/index.html
+++ b/index.html
@@ -4,13 +4,20 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Clove Twilight - Link Center</title>
+
+    <!-- Warm up the API origins this page's JS fetches on load -->
+    <link rel="preconnect" href="https://doughmination.co.uk" crossorigin>
+    <link rel="dns-prefetch" href="https://doughmination.co.uk">
+    <link rel="preconnect" href="https://abacus.jasoncameron.dev" crossorigin>
+    <link rel="dns-prefetch" href="https://abacus.jasoncameron.dev">
+
+    <title>Clove Twilight - Home</title>
     <link rel="stylesheet" href="/css/main.css">
     <script>try { var f = localStorage.getItem('ctpFlavor'); document.documentElement.setAttribute('data-flavor', ['mocha', 'macchiato', 'frappe', 'latte'].indexOf(f) >= 0 ? f : 'mocha'); } catch (e) { document.documentElement.setAttribute('data-flavor', 'mocha'); }</script>
     <link rel="icon" type="image/svg+xml" href="/assets/favicon/favicon.svg">
 
     <!-- SEO Meta Tags -->
-    <meta name="description" content="Link Center for Clove Twilight">
+    <meta name="description" content="Home for Clove Twilight">
     <meta name="keywords" content="Portfolio, Personal, Developer">
     <meta name="author" content="doughmination">
     <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
@@ -27,8 +34,8 @@
     <!-- Open Graph / Discord / Facebook -->
     <meta property="og:image" content="https://c.stupid.cat/assets/favicon/favicon.png">
     <meta property="og:site_name" content="c.stupid.cat">
-    <meta property="og:title" content="Clove Twilight | Links">
-    <meta property="og:description" content="Link Center for Clove Twilight">
+    <meta property="og:title" content="Clove Twilight | Home">
+    <meta property="og:description" content="Home for Clove Twilight">
     <meta property="og:type" content="website">
     <meta property="og:url" content="https://c.stupid.cat">
     <meta property="og:locale" content="en_GB">
@@ -36,18 +43,27 @@
     <!-- Twitter Card -->
     <meta name="twitter:image" content="https://c.stupid.cat/assets/favicon/favicon.png">
     <meta name="twitter:card" content="summary">
-    <meta name="twitter:title" content="Clove Twilight | Links">
-    <meta name="twitter:description" content="Link Center for Clove Twilight">
+    <meta name="twitter:title" content="Clove Twilight | Home">
+    <meta name="twitter:description" content="Home for Clove Twilight">
+
+    <!-- Prefetch other pages for faster navigation -->
+    <link rel="prefetch" href="/cool-people">
+    <link rel="prefetch" href="/dev-info">
+    <link rel="prefetch" href="/discord">
+    <link rel="prefetch" href="/projects">
+    <link rel="prefetch" href="/music">
+    <link rel="prefetch" href="/88x31">
+    <link rel="prefetch" href="/guestbook">
 </head>
 
 <body>
 <header class="nav">
         <nav class="nav-links">
-            <a class="nav-link selected" data-href="/">Link Center</a>
+            <a class="nav-link selected" data-href="/">Home</a>
             <a class="nav-link" data-href="/cool-people">Cool People</a>
             <a class="nav-link" data-href="/dev-info">Dev Info</a>
             <a class="nav-link" data-href="/discord">Discord</a>
-            <a class="nav-link" data-href="/discord-bots">Discord Bots</a>
+            <a class="nav-link" data-href="/projects">Projects</a>
             <a class="nav-link" data-href="/music">Music</a>
             <a class="nav-link" data-href="/88x31">88x31</a>
             <a class="nav-link" data-href="/guestbook">Guestbook</a>
diff --git a/js/friends.js b/js/friends.js
index 8236482..c6e7684 100644
--- a/js/friends.js
+++ b/js/friends.js
@@ -5,35 +5,35 @@
     {
       title: "Fiancée",
       members: [
-        { name: "Aria", img: "/assets/friends/ari.png", tier: "wife", discordId: "1305215902685597797", link: null }
+        { name: "Aria", tier: "wife", discordId: "1305215902685597797", link: null }
       ]
     },
     {
       title: "Close Friends",
       members: [
-        { name: "Lilly", img: "/assets/friends/lilly.png", tier: "close", discordId: "908055723659898902", link: null },
-        { name: "Ria", img: "/assets/friends/ria.png", tier: "close", discordId: "1513506390088618145", link: null },
-        { name: "Camilla", img: "/assets/friends/camilla.png", tier: "close", discordId: "1110542429838397471", link: "https://cammy-the-cat.com" },
-        { name: "Saphie", img: "/assets/friends/saphie.png", tier: "close", discordId: "527709099186716673", link: null },
-        { name: "Ari", img: "/assets/friends/meowhem.png", tier: "close", discordId: "1474568910736199825", link: "https://a.stupid.cat" }
+        { name: "Lilly", tier: "close", discordId: "908055723659898902", link: null },
+        { name: "Ria", tier: "close", discordId: "1513506390088618145", link: null },
+        { name: "Camilla", tier: "close", discordId: "1110542429838397471", link: "https://cammy-the-cat.com" },
+        { name: "Saphie", tier: "close", discordId: "527709099186716673", link: null },
+        { name: "Ari", tier: "close", discordId: "1474568910736199825", link: "https://a.stupid.cat" }
       ]
     },
     {
       title: "Friends",
       members: [
-        { name: "Fin", img: "/assets/friends/fin.png", tier: "friend", discordId: "867818211574808607", link: null },
-        { name: "Meme", img: "/assets/friends/meme.png", tier: "friend", discordId: "812998699667161098", link: null },
-        { name: "N", img: "/assets/friends/n.png", tier: "friend", discordId: "639399972407869450", link: null },
-        { name: "Lylla", img: "/assets/friends/lylla.png", tier: "friend", discordId: "1009889543878611016", link: null },
-        { name: "Simon", img: "/assets/friends/simon.png", tier: "friend", discordId: "758466783354814514", link: null }
+        { name: "Fin", tier: "friend", discordId: "867818211574808607", link: null },
+        { name: "Meme", tier: "friend", discordId: "812998699667161098", link: null },
+        { name: "N", tier: "friend", discordId: "639399972407869450", link: null },
+        { name: "Lylla", tier: "friend", discordId: "1009889543878611016", link: null },
+        { name: "Simon", tier: "friend", discordId: "758466783354814514", link: null }
       ]
     },
     {
       title: "Other Peeps",
       subtitle: "You can request to be added here!",
       members: [
-        { name: "furi", img: "/assets/known-people/furi.png", tier: "known", discordId: "781445370177126401", link: "https://furina.is-a.dev"},
-        { name: "pokemon", img: "/assets/known-people/pokemon.png", tier: "known", discordId: "784443338627612673", link: "https://devmatei.com/" }
+        { name: "furi", tier: "known", discordId: "781445370177126401", link: "https://furina.is-a.dev"},
+        { name: "pokemon", tier: "known", discordId: "784443338627612673", link: "https://devmatei.com/" }
       ]
     },
     {
@@ -246,7 +246,7 @@
       '<div class="fc-banner"></div>' +
       '<div class="fc-main">' +
         '<span class="fc-avatar">' +
-          '<img class="fc-pfp" src="' + esc(m.img) + '" alt="' + esc(m.name) + '" loading="eager">' +
+          '<img class="fc-pfp"' + (m.img ? ' src="' + esc(m.img) + '"' : '') + ' alt="' + esc(m.name) + '" loading="eager">' +
           '<img class="fc-deco" alt="" aria-hidden="true" hidden>' +
           '<span class="fc-status" title="not connected to Lanyard"></span>' +
         '</span>' +
diff --git a/js/terminal.js b/js/terminal.js
index 5adf6e3..a8fee55 100644
--- a/js/terminal.js
+++ b/js/terminal.js
@@ -163,7 +163,7 @@
       return {
         text:
           "Clove Twilight — fae/faer\n" +
-          "Transfem developer from Southampton, UK. I make Discord bots,\n" +
+          "Transfem developer from Southampton, UK. I make Projects,\n" +
           "personal-site nonsense, and run a small corner of the internet\n" +
           "under the trade mark 'doughmination system'. Big on Linux, Catppuccin, and cats."
       };
diff --git a/music/index.html b/music/index.html
index 17d418b..7ae24d6 100644
--- a/music/index.html
+++ b/music/index.html
@@ -4,6 +4,13 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
+
+    <!-- Warm up the origins this page's JS fetches on load (Last.fm now-playing + lyrics) -->
+    <link rel="preconnect" href="https://ws.audioscrobbler.com" crossorigin>
+    <link rel="dns-prefetch" href="https://ws.audioscrobbler.com">
+    <link rel="preconnect" href="https://lyrics.lanyard.cafe" crossorigin>
+    <link rel="dns-prefetch" href="https://lyrics.lanyard.cafe">
+
     <title>Music · Clove Twilight</title>
     <link rel="stylesheet" href="/css/main.css">
     <script>try { var f = localStorage.getItem('ctpFlavor'); document.documentElement.setAttribute('data-flavor', ['mocha', 'macchiato', 'frappe', 'latte'].indexOf(f) >= 0 ? f : 'mocha'); } catch (e) { document.documentElement.setAttribute('data-flavor', 'mocha'); }</script>
@@ -24,16 +31,25 @@
     <meta property="og:type" content="website">
     <meta property="og:url" content="https://c.stupid.cat/music">
     <meta property="og:locale" content="en_GB">
+
+    <!-- Prefetch other pages for faster navigation -->
+    <link rel="prefetch" href="/">
+    <link rel="prefetch" href="/cool-people">
+    <link rel="prefetch" href="/dev-info">
+    <link rel="prefetch" href="/discord">
+    <link rel="prefetch" href="/projects">
+    <link rel="prefetch" href="/88x31">
+    <link rel="prefetch" href="/guestbook">
 </head>
 
 <body>
     <header class="nav">
         <nav class="nav-links">
-            <a class="nav-link" data-href="/">Link Center</a>
+            <a class="nav-link" data-href="/">Home</a>
             <a class="nav-link" data-href="/cool-people">Cool People</a>
             <a class="nav-link" data-href="/dev-info">Dev Info</a>
             <a class="nav-link" data-href="/discord">Discord</a>
-            <a class="nav-link" data-href="/discord-bots">Discord Bots</a>
+            <a class="nav-link" data-href="/projects">Projects</a>
             <a class="nav-link selected" data-href="/music">Music</a>
             <a class="nav-link" data-href="/88x31">88x31</a>
             <a class="nav-link" data-href="/guestbook">Guestbook</a>
diff --git a/projects/index.html b/projects/index.html
new file mode 100644
index 0000000..3fe5d62
--- /dev/null
+++ b/projects/index.html
@@ -0,0 +1,176 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Clove Twilight - Projects</title>
+    <link rel="stylesheet" href="/css/main.css">
+    <script>try { var f = localStorage.getItem('ctpFlavor'); document.documentElement.setAttribute('data-flavor', ['mocha', 'macchiato', 'frappe', 'latte'].indexOf(f) >= 0 ? f : 'mocha'); } catch (e) { document.documentElement.setAttribute('data-flavor', 'mocha'); }</script>
+    <link rel="icon" type="image/svg+xml" href="/assets/favicon/favicon.svg">
+
+    <!-- SEO Meta Tags -->
+    <meta name="description" content="Find all the Projects Clove contributes on actively">
+    <meta name="keywords" content="Portfolio, Personal, Developer">
+    <meta name="author" content="doughmination">
+    <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
+
+    <!-- Canonical URL -->
+    <link rel="canonical" href="https://c.stupid.cat">
+
+    <!-- Alternate for mobile -->
+    <link rel="alternate" media="only screen and (max-width: 640px)" href="https://c.stupid.cat">
+
+    <!-- Theme Color -->
+    <meta name="theme-color" content="#f5c2e7">
+
+    <!-- Open Graph / Discord / Facebook -->
+    <meta property="og:image" content="https://c.stupid.cat/assets/favicon/favicon.png">
+    <meta property="og:site_name" content="c.stupid.cat">
+    <meta property="og:title" content="Clove Twilight | Projects">
+    <meta property="og:description" content="Find all the Projects Clove contributes on actively">
+    <meta property="og:type" content="website">
+    <meta property="og:url" content="https://c.stupid.cat">
+    <meta property="og:locale" content="en_GB">
+
+    <!-- Twitter Card -->
+    <meta name="twitter:image" content="https://c.stupid.cat/assets/favicon/favicon.png">
+    <meta name="twitter:card" content="summary">
+    <meta name="twitter:title" content="Clove Twilight | Discord Bot">
+    <meta name="twitter:description" content="Find all the Projects Clove contributes on actively">
+
+    <!-- Prefetch other pages for faster navigation -->
+    <link rel="prefetch" href="/">
+    <link rel="prefetch" href="/cool-people">
+    <link rel="prefetch" href="/dev-info">
+    <link rel="prefetch" href="/discord">
+    <link rel="prefetch" href="/music">
+    <link rel="prefetch" href="/88x31">
+    <link rel="prefetch" href="/guestbook">
+</head>
+
+<body>
+
+    <header class="nav">
+        <nav class="nav-links">
+            <a class="nav-link" data-href="/">Home</a>
+            <a class="nav-link" data-href="/cool-people">Cool People</a>
+            <a class="nav-link" data-href="/dev-info">Dev Info</a>
+            <a class="nav-link" data-href="/discord">Discord</a>
+            <a class="nav-link selected" data-href="/projects">Projects</a>
+            <a class="nav-link" data-href="/music">Music</a>
+            <a class="nav-link" data-href="/88x31">88x31</a>
+            <a class="nav-link" data-href="/guestbook">Guestbook</a>
+        </nav>
+    </header>
+
+    <main>
+
+        <header class="hub-header">
+            <img class="pfp" src="/assets/favicon/avatar.png" alt="Clove Twilight avatar">
+            <h1>Clove Twilight</h1>
+            <h2 class="pronouns">(fae/faer)</h2>
+        </header>
+
+        <br><br><br>
+
+        <!-- ============ GIRLS NETWORK ============ -->
+        <!-- To edit a project's description, change the text inside its
+             <p class="project-card-bio"> tag. Remove the "is-placeholder"
+             class once you've written a real description. -->
+        <section class="section" id="girls-network">
+            <h2 class="section-title">Girls Network</h2>
+            <div class="project-grid">
+
+                <a class="project-card" href="https://security.girlsnetwork.dev">
+                    <img class="project-card-img" src="/assets/projects/ghostwire.png" alt="Ghostwire">
+                    <div class="project-card-body">
+                        <div class="project-card-head">
+                            <span class="project-card-title">Ghostwire</span>
+                            <span class="project-card-status closed">Closed Source</span>
+                        </div>
+                        <p class="project-card-bio">The private security bot and brains behind everything major in Girls.</p>
+                    </div>
+                </a>
+
+                <a class="project-card" href="https://github.com/Girls-Network/GayBot-v2">
+                    <img class="project-card-img" src="/assets/projects/gaybot.png" alt="GayBot">
+                    <div class="project-card-body">
+                        <div class="project-card-head">
+                            <span class="project-card-title">GayBot</span>
+                            <span class="project-card-status">Open Source</span>
+                        </div>
+                        <p class="project-card-bio">A Discord bot for LGBTQIA+ servers &mdash; keyword emoji reactions, identity profiles, lookups, and a few fun extras.</p>
+                    </div>
+                </a>
+
+                <a class="project-card" href="https://github.com/Girls-Network/bansync">
+                    <img class="project-card-img" src="/assets/projects/bansync.png" alt="BanSync">
+                    <div class="project-card-body">
+                        <div class="project-card-head">
+                            <span class="project-card-title">BanSync</span>
+                            <span class="project-card-status">Open Source</span>
+                        </div>
+                        <p class="project-card-bio">Syncs bans from Girls to our partner servers.</p>
+                    </div>
+                </a>
+
+            </div>
+        </section>
+
+        <section class="section" id="personal-projects">
+            <h2 class="section-title">Personal Projects</h2>
+            <div class="project-grid">
+
+                <a class="project-card" href="https://git.gay/doughmination/shortcuts-bot">
+                    <img class="project-card-img" src="/assets/favicon/favicon.png" alt="Shortcuts Bot">
+                    <div class="project-card-body">
+                        <div class="project-card-head">
+                            <span class="project-card-title">Shortcuts Bot</span>
+                            <span class="project-card-status">Open Source</span>
+                        </div>
+                        <p class="project-card-bio is-placeholder">Add a short description for Shortcuts Bot here.</p>
+                    </div>
+                </a>
+
+                <a class="project-card" href="https://git.gay/doughmination/ModUpdateChecker">
+                    <img class="project-card-img" src="/assets/projects/modupdatechecker.png" alt="Mod Update Checker">
+                    <div class="project-card-body">
+                        <div class="project-card-head">
+                            <span class="project-card-title">Mod Update Checker</span>
+                            <span class="project-card-status">Open Source</span>
+                        </div>
+                        <p class="project-card-bio is-placeholder">Add a short description for Mod Update Checker here.</p>
+                    </div>
+                </a>
+
+                <a class="project-card" href="https://git.gay/doughmination/Uzi-DOORman">
+                    <img class="project-card-img" src="/assets/projects/uzi-doorman.png" alt="Uzi Doorman">
+                    <div class="project-card-body">
+                        <div class="project-card-head">
+                            <span class="project-card-title">Uzi Doorman</span>
+                            <span class="project-card-status">Open Source</span>
+                        </div>
+                        <p class="project-card-bio is-placeholder">Add a short description for Uzi Doorman here.</p>
+                    </div>
+                </a>
+
+                <a class="project-card" href="https://git.gay/doughmination/widget-script">
+                    <img class="project-card-img" src="/assets/favicon/avatar.png" alt="Widget-v2 Script">
+                    <div class="project-card-body">
+                        <div class="project-card-head">
+                            <span class="project-card-title">Widget-v2 Script</span>
+                            <span class="project-card-status">Open Source</span>
+                        </div>
+                        <p class="project-card-bio is-placeholder">Add a short description for Widget-v2 Script here.</p>
+                    </div>
+                </a>
+
+            </div>
+        </section>
+    </main>
+
+    <script src="/js/core.js" data-cat="/assets/oneko/classics/classic.png"></script>
+</body>
+
+</html>
\ No newline at end of file
