404 pages

code/404.html

@@ -0,0 +1,12 @@
+---
+title: "Page Not Found"
+section: "code"
+description: "The page you are looking for does not exist."
+layout: base.njk
+permalink: /404.html
+---
+<div class="error-page">
+  <h1>404</h1>
+  <p>The page you are looking for does not exist or has been moved.</p>
+  <a class="back-link" href="/">← Back to code</a>
+</div>

code/_data/repos.json

@@ -243,5 +243,21 @@
     "repo": "moonweb-site",
     "repo_url": "https://github.com/skoelle/moonweb-site",
     "summary": "Monorepo for moonweb.org - my personal homelab hub. Six static sites (Eleventy) covering infrastructure, smart home, code, and retro hardware. Deployed to Cloudflare Pages or IONOS."
+  },
+  {
+    "title": "www.moonweb.org",
+    "emoji": "🌙",
+    "category": "code",
+    "subcategory": "Web Projects",
+    "status": "active",
+    "stack": [
+      "Node.js",
+      "Eleventy",
+      "Nunjucks",
+      "Markdown"
+    ],
+    "repo": "moonweb-www",
+    "repo_url": "https://github.com/skoelle/moonweb-www",
+    "summary": "Archived early 2000s internet projects, networking & engineering - a personal web presence from the dawn of the millennium, finally on GitHub"
   }
 ]

hub/404.html

@@ -0,0 +1,12 @@
+---
+title: "Page Not Found"
+section: "hub"
+description: "The page you are looking for does not exist."
+layout: base.njk
+permalink: /404.html
+---
+<div class="error-page">
+  <h1>404</h1>
+  <p>The page you are looking for does not exist or has been moved.</p>
+  <a class="back-link" href="/">← Back to hub</a>
+</div>

infra/404.html

@@ -0,0 +1,12 @@
+---
+title: "Page Not Found"
+section: "infra"
+description: "The page you are looking for does not exist."
+layout: base.njk
+permalink: /404.html
+---
+<div class="error-page">
+  <h1>404</h1>
+  <p>The page you are looking for does not exist or has been moved.</p>
+  <a class="back-link" href="/">← Back to infra</a>
+</div>

retro/404.html

@@ -0,0 +1,12 @@
+---
+title: "Page Not Found"
+section: "retro"
+description: "The page you are looking for does not exist."
+layout: base.njk
+permalink: /404.html
+---
+<div class="error-page">
+  <h1>404</h1>
+  <p>The page you are looking for does not exist or has been moved.</p>
+  <a class="back-link" href="/">← Back to retro</a>
+</div>

shared/base.css

@@ -197,3 +197,20 @@ main { max-width: 1100px; margin: 0 auto; padding: 2rem; }
   color: #fff;
   border-color: var(--accent);
 }
+
+.error-page {
+  text-align: center;
+  padding: 4rem 2rem;
+}
+.error-page h1 {
+  font-size: 6rem;
+  font-weight: 700;
+  color: var(--accent);
+  margin: 0 0 1rem;
+  line-height: 1;
+}
+.error-page p {
+  font-size: 1.1rem;
+  color: #666;
+  margin: 0 0 2rem;
+}

smarthome/404.html

@@ -0,0 +1,12 @@
+---
+title: "Page Not Found"
+section: "smarthome"
+description: "The page you are looking for does not exist."
+layout: base.njk
+permalink: /404.html
+---
+<div class="error-page">
+  <h1>404</h1>
+  <p>The page you are looking for does not exist or has been moved.</p>
+  <a class="back-link" href="/">← Back to smarthome</a>
+</div>