1 files changed, 57 insertions, 0 deletions
diff --git a/404.html b/404.html
new file mode 100644
index 0000000..159a095
--- /dev/null
+++ b/404.html
@@ -0,0 +1,57 @@
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1" />
+  <meta name="robots" content="noindex,nofollow" />
+  <title>404 — Not Found</title>
+  <meta property="og:title" content="404 — Not Found" />
+  <meta property="og:image" content="https://www.sillylaird.ca/lain.png" />
+  <meta property="og:type" content="website" />
+  <meta property="og:url" content="https://www.sillylaird.ca/404.html" />
+  <meta property="og:locale" content="en_US" />
+  <meta name="twitter:card" content="summary_large_image" />
+  <meta name="twitter:title" content="404 — Not Found" />
+  <meta name="twitter:image" content="https://www.sillylaird.ca/lain.png" />
+  <link rel="canonical" href="https://www.sillylaird.ca/404.html" />
+  <link rel="alternate" hreflang="x-default" href="https://www.sillylaird.ca/404.html" />
+  <link rel="alternate" hreflang="en" href="https://www.sillylaird.ca/404.html" />
+  <link rel="icon" href="/favicon.ico" />
+  <link rel="stylesheet" href="/assets/css/site.css" />
+
+  
+  <link rel="stylesheet" href="/assets/css/pages/404.css" />
+  
+</head>
+
+<body>
+  <main class="wrap">
+    <div class="card">
+      <div class="top">
+        <a href="/" aria-label="Home">
+          <img src="/lain.png" alt="SillyLaird" />
+        </a>
+        <div>
+          <h1 class="s1da9facb4d">404 — Not Found</h1>
+          <div class="muted">That page does not exist (or the URL is wrong).</div>
+        </div>
+      </div>
+
+      <p class="muted">Try one of these:</p>
+      <div class="links">
+        <a href="/">Home</a>
+        <a href="/map/">Site Map</a>
+        <a href="/startpage/">StartPage</a>
+        <a href="/gaming/">Gaming</a>
+        <a href="/journal/">Journal</a>
+      </div>
+
+      <hr class="s6e250fe32e" />
+      <div class="muted">&copy; <span id="y">2026</span> SillyLaird</div>
+    </div>
+  </main>
+
+  
+  <script defer src="/assets/js/pages/404.js"></script>
+</body>
+</html>