looptech-ai
diff --git a/‎site/about.html‎
Lines changed: 29 additions & 13 deletions b/‎site/about.html‎
Lines changed: 29 additions & 13 deletions
@@ -5,27 +5,43 @@
   <title>understand-quickly · about</title>
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <meta name="description" content="About understand-quickly — README and design overview.">
-  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/github-markdown-css@5.5.1/github-markdown.min.css">
+  <meta name="theme-color" content="#0a0a0a">
+
+  <link rel="preconnect" href="https://fonts.googleapis.com">
+  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+  <link rel="stylesheet"
+        href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&family=DM+Serif+Display&family=JetBrains+Mono:wght@400;500&display=swap">
+
   <link rel="stylesheet" href="./styles.css">
-  <style>
-    /* The README uses github-markdown-css; constrain its width and let it
-       respond to system color scheme via the bundled stylesheet's auto rules. */
-    .markdown-body {
-      box-sizing: border-box;
-      max-width: 900px;
-      margin: 0 auto;
-      padding: 0;
-    }
-  </style>
 </head>
 <body>
-  <div class="about-page">
-    <a class="about-back" href="./">&larr; Back to registry browser</a>
+  <header class="topbar" role="banner">
+    <a class="brand" href="./" aria-label="understand-quickly home">
+      <span class="brand-mark"><span class="brand-emoji" aria-hidden="true">&#129504;</span>understand-quickly</span>
+    </a>
+    <span></span>
+    <nav class="topbar-actions" aria-label="Site">
+      <a href="./">Registry</a>
+      <a href="https://github.com/looptech-ai/understand-quickly" rel="noopener">GitHub</a>
+      <a class="cta-add-repo" href="./add.html">+ Add your repo</a>
+    </nav>
+  </header>
+
+  <div class="about-shell">
+    <a class="about-back" href="./">&larr; Back to registry</a>
     <article class="markdown-body">
       <!-- BEGIN README -->
       <p>README will be rendered here at build time.</p>
       <!-- END README -->
     </article>
   </div>
+
+  <footer class="site-footer" role="contentinfo">
+    <span>MIT</span>
+    <span>·</span>
+    <a href="https://github.com/looptech-ai/understand-quickly" rel="noopener">source</a>
+    <span>·</span>
+    <a href="./schemas/">spec</a>
+  </footer>
 </body>
 </html>