feat: add branded 404 page

2026-08-30 13:49:35 -03:00
parent 48f05bcf8a
commit a3859f1efc
7 changed files with 256 additions and 2 deletions
@@ -0,0 +1,70 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <title>__SEO_TITLE__</title>
+    <meta name="description" content="__SEO_DESCRIPTION__">
+    <meta name="robots" content="noindex,nofollow,noarchive">
+    <meta name="application-name" content="The Meme Protocol">
+    <meta name="theme-color" content="#00ff41">
+    <link rel="manifest" href="/site.webmanifest?v=20260814">
+    <link rel="service-desc" type="application/openapi+json" href="/openapi.json">
+    <link rel="help" type="text/markdown" href="/meme-api.skill.md">
+    <meta property="og:type" content="website">
+    <meta property="og:site_name" content="The Meme Protocol">
+    <meta property="og:title" content="__SEO_TITLE__">
+    <meta property="og:description" content="__SEO_DESCRIPTION__">
+    <meta property="og:url" content="__SEO_URL__">
+    <meta property="og:image" content="__SEO_IMAGE__">
+    <meta property="og:image:type" content="image/png">
+    <meta property="og:image:width" content="1266">
+    <meta property="og:image:height" content="1242">
+    <meta property="og:image:alt" content="__SEO_IMAGE_ALT__">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:title" content="__SEO_TITLE__">
+    <meta name="twitter:description" content="__SEO_DESCRIPTION__">
+    <meta name="twitter:image" content="__SEO_IMAGE__">
+    <meta name="twitter:image:alt" content="__SEO_IMAGE_ALT__">
+    <link rel="icon" type="image/svg+xml" href="/assets/favicon/favicon.svg?v=20260814">
+    <link rel="icon" type="image/png" sizes="96x96" href="/assets/favicon/favicon-96x96.png?v=20260814">
+    <link rel="shortcut icon" href="/favicon.ico?v=20260814">
+    <link rel="apple-touch-icon" sizes="180x180" href="/assets/favicon/apple-touch-icon.png?v=20260814">
+    <meta name="apple-mobile-web-app-title" content="Meme Protocol">
+    <link rel="stylesheet" href="/assets/styles.css">
+  </head>
+  <body class="not-found-page">
+    <header class="topbar">
+      <a class="brand brand-link" href="/" aria-label="The Meme Protocol home">THE_MEME_PROTOCOL</a>
+      <a class="primary-action not-found-action" href="/">RETURN_TO_LIVE_FEED</a>
+    </header>
+
+    <main class="shell not-found-shell">
+      <div class="status-line">
+        <nav class="protocol-menu" aria-label="Protocol menu">
+          <a href="/?open=pet">DOWNLOAD PET</a>
+          <a href="/lore">READ LORE</a>
+        </nav>
+        <span class="live"><span class="pulse" aria-hidden="true"></span>ERROR_404 // NODE_UNREACHABLE</span>
+      </div>
+
+      <section class="not-found-content" aria-label="Page not found">
+        <div class="not-found-visual">
+          <img
+            src="/assets/homo-reseticus-404.png"
+            width="1266"
+            height="1242"
+            alt="Homo Reseticus surrounded by an unreachable node pattern"
+          >
+        </div>
+      </section>
+    </main>
+
+    <footer class="repo-footer">
+      <a href="https://git.yoonect.com/Nautilus/bitsforfree" rel="noopener noreferrer" target="_blank">
+        <img src="/assets/yoonect-logo.png" alt="" aria-hidden="true">
+        <span>SOURCE</span>
+      </a>
+    </footer>
+  </body>
+</html>