feat: 404 page + svg favicon — clean up loose ends

2026-06-02 13:11:46 +02:00
parent ebcc4ad8de
commit 1224d376c5
3 changed files with 38 additions and 1 deletions
@@ -0,0 +1,33 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <title>bonzi // 404</title>
+  <link rel="icon" href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ctext y='.9em' font-size='90'%3E☤%3C/text%3E%3C/svg%3E" />
+  <link href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;700&display=swap" rel="stylesheet" />
+  <link rel="stylesheet" href="style.css" />
+  <style>
+    body { display: flex; align-items: center; justify-content: center; min-height: 100vh; }
+    main { max-width: 560px; padding: 4vh 24px; text-align: left; }
+    h1 { font-size: 4em; line-height: 1; margin-bottom: 0.4em; color: var(--accent); }
+    a { color: var(--fg); border-bottom: 1px dashed var(--dim); text-decoration: none; }
+    a:hover { color: var(--accent); border-bottom-color: var(--accent); }
+  </style>
+</head>
+<body>
+  <main>
+    <h1>404</h1>
+    <p class="prompt-line">
+      <span class="user">bonzi@molberg</span>:<span class="path">~</span>$
+      <span class="cmd">ls &lt;requested-path&gt;</span>
+    </p>
+    <p style="margin-top: 1em; color: var(--dim);">
+      no such file. the path you asked for doesn't exist on this host.
+    </p>
+    <p style="margin-top: 1.5em;">
+      <a href="/">← back to home</a>
+    </p>
+  </main>
+</body>
+</html>