From 9797831f468b8f410cbc5b64714a4c4e8ec74239 Mon Sep 17 00:00:00 2001
From: Greg Soucy <GREG@COMMANDLAYER.ORG>
Date: Thu, 21 May 2026 18:38:44 -0400
Subject: [PATCH] Fix docs home nav branding and footer layout

---
 public/docs.html | 20 ++++++++++----------
 1 file changed, 10 insertions(+), 10 deletions(-)

diff --git a/public/docs.html b/public/docs.html
index a53c174..f612cd3 100644
--- a/public/docs.html
+++ b/public/docs.html
@@ -9,22 +9,23 @@
   <link rel="preconnect" href="https://fonts.googleapis.com" />
   <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
   <link href="https://fonts.googleapis.com/css2?family=Inter:opsz,wght@14..32,300;14..32,400;14..32,500;14..32,600;14..32,700;14..32,800&display=swap" rel="stylesheet" />
+  <link rel="stylesheet" href="/css/site.css" />
   <style>
     :root { --bg:#fff; --surface:#f7f8ff; --surface-2:#eef1fb; --border:rgba(15,23,42,.1); --text:#0f172a; --text-2:#334155; --muted:#64748b; --blue:#5298ff; --purple:#635bff; --gradient:linear-gradient(135deg,#5298ff 0%,#635bff 100%); }
     *{box-sizing:border-box;margin:0;padding:0} body{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);color:var(--text);line-height:1.6}
     .container{width:min(1120px,92vw);margin:0 auto}
     nav{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.92);border-bottom:1px solid var(--border);backdrop-filter:blur(16px)}
     .nav-inner{min-height:82px;padding:10px 0;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
-    .brand img{height:62px}.brand{display:flex;align-items:center;text-decoration:none;color:var(--text);font-weight:700}
+    .brand{gap:0}.brand img{height:68px;width:auto;object-fit:contain}.brand span{display:none}
     .nav-links{display:flex;align-items:center;gap:2px;list-style:none;flex-wrap:wrap}
     .nav-links a{color:var(--muted);text-decoration:none;font-size:14px;font-weight:500;padding:7px 12px;border-radius:8px;background:none;border:none;font-family:inherit}
-    .nav-links a:hover,.nav-drop:hover > a,.nav-drop:focus-within > a{color:var(--text);background:var(--surface)}
+    .nav-links a:hover,.nav-drop:hover>a,.nav-drop:focus-within>a,.nav-drop>a.active{color:var(--text);background:var(--surface)}
     .nav-drop{position:relative}
     .nav-drop > a{display:inline-flex;align-items:center;gap:4px}
-    .nav-drop-menu{display:none;position:absolute;left:0;top:calc(100% - 1px);background:#fff;border:1px solid var(--border);border-radius:10px;min-width:260px;padding:8px;box-shadow:0 16px 40px rgba(15,23,42,.12);z-index:200}
+    .nav-drop-menu{position:absolute;top:calc(100% - 1px);left:0;background:#fff;border:1px solid var(--border);border-radius:12px;box-shadow:0 10px 34px rgba(15,23,42,.12);padding:8px;display:none;min-width:260px;z-index:200}
     .nav-drop-menu::before{content:"";position:absolute;left:0;right:0;top:-8px;height:8px}
-    .nav-drop:hover .nav-drop-menu,.nav-drop:focus-within .nav-drop-menu{display:grid;gap:3px}
-    .nav-drop-menu a{display:block;padding:8px 10px}
+    .nav-drop:hover .nav-drop-menu,.nav-drop:focus-within .nav-drop-menu{display:grid}
+    .nav-drop-menu a{display:block;white-space:nowrap}
     .hero{padding:80px 0 36px}.eyebrow{color:var(--purple);font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;margin-bottom:14px}
     h1{font-size:clamp(2rem,5vw,3.4rem);line-height:1.05;letter-spacing:-.03em;margin-bottom:18px}
     .lead{font-size:18px;color:var(--text-2);max-width:840px}
@@ -39,9 +40,8 @@
     pre{background:#0f172a;color:#dbeafe;padding:16px;border-radius:12px;overflow:auto;font-size:13px}
     .paths{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:14px}
     .path{background:var(--surface-2);border:1px solid var(--border);border-radius:14px;padding:16px}
-    footer{margin-top:46px;border-top:1px solid var(--border);padding:30px 0 40px;background:#fcfcff}
-    .foot-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:20px}.foot-grid h4{font-size:14px;margin-bottom:8px}.foot-grid a{display:block;color:var(--text-2);text-decoration:none;padding:3px 0}
-    @media (max-width:760px){.nav-drop{width:100%}.nav-drop-menu{position:static;display:grid;margin-top:2px;min-width:0;box-shadow:none}.nav-inner{align-items:flex-start}}
+    footer{border-top:1px solid var(--border);background:#fff;margin-top:46px}.footer-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;padding:36px 0}.footer-grid h4{font-size:14px;margin-bottom:10px}.footer-grid a{display:block;color:var(--text-2);margin:8px 0;font-size:14px;text-decoration:none}
+    @media (max-width:900px){.footer-grid{grid-template-columns:1fr}.nav-drop{width:100%}.nav-drop-menu{position:static;display:grid;margin-top:2px;min-width:0;box-shadow:none}.nav-inner{align-items:flex-start}}
   </style>
 </head>
 <body>
@@ -55,7 +55,7 @@
       <li><a href="/verify.html">Verifier</a></li>
       <li><a href="/sdk-records.html">SDK</a></li>
       <li class="nav-drop">
-        <a href="/docs.html" class="active">Docs ▾</a>
+        <a href="/docs.html" class="active" aria-haspopup="true">Docs ▾</a>
         <div class="nav-drop-menu">
           <a href="/docs.html">Docs Home</a><a href="/docs/wrap-your-agent.html">Wrap Your Agent</a><a href="/stack-proof-demo.html">Production Proof</a><a href="/runtime.html">Runtime</a><a href="/mcp.html">MCP Bridge</a><a href="/schemas.html">Schemas</a><a href="/api.html">API Reference</a><a href="/trust-verification.html">Trust Verification</a><a href="/claim.html">Claim / Namespace Activation</a>
         </div>
@@ -135,6 +135,6 @@ <h2>Reference links</h2>
     </section>
   </main>
 
-  <footer><div class="container footer-grid"><div><h4>Product</h4><a href="/protocol.html">Protocol</a><a href="/capabilities.html">Capabilities</a><a href="/verify.html">Verifier</a><a href="/runtime.html">Runtime</a><a href="/mcp.html">MCP</a><a href="/claim.html">Claim</a></div><div><h4>Developers</h4><a href="/docs.html">Docs</a><a href="/sdk-records.html">SDK</a><a href="/schemas.html">Schemas</a><a href="/api.html">API</a><a href="/webhook-auto-verify.html">Webhook Auto-Verify</a><a href="https://github.com/commandlayer" target="_blank" rel="noopener">GitHub</a></div><div><h4>Proof</h4><a href="/stack-proof-demo.html">Production Proof</a><a href="/verifyagent.html">VerifyAgent</a><a href="/trust-verification.html">Trust Verification</a><a href="/canonical-receipts.html">Canonical Receipts</a><a href="/webhook-auto-verify.html">Webhook Auto-Verify</a></div></div></footer>
+  <footer><div class="container footer-grid"><div><h4>Product</h4><a href="/protocol.html">Protocol</a><a href="/capabilities.html">Capabilities</a><a href="/verify.html">Verifier</a><a href="/runtime.html">Runtime</a><a href="/mcp.html">MCP</a><a href="/claim.html">Claim</a></div><div><h4>Developers</h4><a href="/docs.html">Docs</a><a href="/sdk-records.html">SDK</a><a href="/schemas.html">Schemas</a><a href="/api.html">API</a><a href="https://github.com/commandlayer" target="_blank" rel="noopener">GitHub</a></div><div><h4>Proof</h4><a href="/stack-proof-demo.html">Production Proof</a><a href="/verifyagent.html">VerifyAgent</a><a href="/trust-verification.html">Trust Verification</a><a href="/canonical-receipts.html">Canonical Receipts</a></div></div></footer>
 </body>
 </html>