Skip to content

fix: unify Docs dropdown nav and normalize docs index styling #236

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
GsCommand merged 1 commit into from
May 21, 2026
Merged

fix: unify Docs dropdown nav and normalize docs index styling #236

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
23 changes: 21 additions & 2 deletions public/capabilities.html
View file
Open in desktop

Large diffs are not rendered by default.

34 changes: 20 additions & 14 deletions public/claim.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -60,23 +60,29 @@
.nav-inner { height: auto; padding: 12px 0; flex-wrap: wrap; gap: 10px; }
.nav-links { flex-wrap: wrap; justify-content: center; }
}
</style>
.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{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-menu a{display:block;white-space:nowrap}.nav-drop:hover .nav-drop-menu,.nav-drop:focus-within .nav-drop-menu{display:grid}@media(max-width:900px){.nav-drop{width:100%}.nav-drop-menu{position:static;display:grid;margin-top:2px;min-width:0;box-shadow:none}}</style>
</head>
<body>
<nav>
<div class="container nav-inner">
<a href="/" class="brand"><img src="/commandlayer-logo.png" alt="CommandLayer" /><span>CommandLayer</span></a>
<div class="nav-links">
<a href="/">Home</a>
<a href="/capabilities.html">Capabilities</a>
<a href="/verify.html">Verifier</a>
<a href="/sdk-records.html">SDK</a>
<a href="/docs/wrap-your-agent.html">Docs</a>
<a href="/claim.html" class="active">Claim</a>
<a href="https://github.com/commandlayer" target="_blank" rel="noopener">GitHub</a>
</div>
</div>
</nav>
<div class="container nav-inner">
<a href="/" class="brand"><img src="/commandlayer-logo.png" alt="CommandLayer" /><span>CommandLayer</span></a>
<ul class="nav-links">
<li><a href="/">Home</a></li>
<li><a href="/protocol.html">Protocol</a></li>
<li><a href="/capabilities.html">Capabilities</a></li>
<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">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" class="active">Claim / Namespace Activation</a>
</div>
</li>
<li><a href="/claim.html">Claim</a></li>
<li><a href="https://github.com/commandlayer" target="_blank" rel="noopener">GitHub</a></li>
</ul>
</div>
</nav>

<main>
<section class="claim-hero">
Expand Down
38 changes: 19 additions & 19 deletions public/docs.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -46,25 +46,25 @@
</head>
<body>
<nav>
<div class="container nav-inner">
<a href="/index.html" class="brand"><img src="/logo-banner-new.png" alt="CommandLayer" /></a>
<ul class="nav-links">
<li><a href="/index.html">Home</a></li>
<li><a href="/protocol.html">Protocol</a></li>
<li><a href="/capabilities.html">Capabilities</a></li>
<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" 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>
</li>
<li><a href="/claim.html">Claim</a></li>
<li><a href="https://github.com/commandlayer" target="_blank" rel="noreferrer">GitHub</a></li>
</ul>
</div>
</nav>
<div class="container nav-inner">
<a href="/" class="brand"><img src="/commandlayer-logo.png" alt="CommandLayer" /><span>CommandLayer</span></a>
<ul class="nav-links">
<li><a href="/">Home</a></li>
<li><a href="/protocol.html">Protocol</a></li>
<li><a href="/capabilities.html">Capabilities</a></li>
<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>
<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>
</li>
<li><a href="/claim.html">Claim</a></li>
<li><a href="https://github.com/commandlayer" target="_blank" rel="noopener">GitHub</a></li>
</ul>
</div>
</nav>

<main class="container">
<section class="hero">
Expand Down
51 changes: 20 additions & 31 deletions public/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -1051,42 +1051,31 @@
.footer-bottom { flex-direction: column; gap: 8px; text-align: center; }
.api-top { flex-direction: column; }
}
</style>
.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{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-menu a{display:block;white-space:nowrap}.nav-drop:hover .nav-drop-menu,.nav-drop:focus-within .nav-drop-menu{display:grid}@media(max-width:900px){.nav-drop{width:100%}.nav-drop-menu{position:static;display:grid;margin-top:2px;min-width:0;box-shadow:none}}</style>
</head>
<body>

<!-- ── NAV ─────────────────────────────────────── -->
<nav>
<div class="container nav-inner">
<a class="brand" href="/"><img src="/commandlayer-logo.png" alt="CommandLayer logo" /></a>
<ul class="nav-links">
<li><a href="/">Home</a></li>
<li><a href="/protocol.html">Protocol</a></li>
<li><a href="/capabilities.html">Capabilities</a></li>
<li><a href="/verify.html">Verifier</a></li>
<li><a href="/sdk-records.html">SDK</a></li>
<li class="nav-item-dropdown"><a class="docs-toggle" href="/docs.html">Docs ▾</a>
<ul class="docs-menu">
<li><a href="/docs.html">Docs Home</a></li>
<li><a href="/docs/wrap-your-agent.html">Wrap Your Agent</a></li>
<li><a href="/stack-proof-demo.html">Production Proof</a></li>
<li><a href="/runtime.html">Runtime</a></li>
<li><a href="/mcp.html">MCP Bridge</a></li>
<li><a href="/schemas.html">Schemas</a></li>
<li><a href="/api.html">API Reference</a></li>
<li><a href="/trust-verification.html">Trust Verification</a></li>
<li><a href="/claim.html">Claim / Namespace Activation</a></li>
</ul>
</li>
<li><a href="/claim.html">Claim</a></li>
<li><a href="https://github.com/commandlayer" target="_blank" rel="noopener">GitHub</a></li>
</ul>
<div class="nav-actions">
<a class="btn btn-secondary" href="https://github.com/commandlayer/agent-sdk" target="_blank" rel="noopener">View SDK</a>
<a class="btn btn-primary" href="/verify.html">Verify a Receipt</a>
</div>
</div>
</nav>
<div class="container nav-inner">
<a href="/" class="brand"><img src="/commandlayer-logo.png" alt="CommandLayer" /><span>CommandLayer</span></a>
<ul class="nav-links">
<li><a href="/" class="active">Home</a></li>
<li><a href="/protocol.html">Protocol</a></li>
<li><a href="/capabilities.html">Capabilities</a></li>
<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">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>
</li>
<li><a href="/claim.html">Claim</a></li>
<li><a href="https://github.com/commandlayer" target="_blank" rel="noopener">GitHub</a></li>
</ul>
</div>
</nav>

<!-- ── HERO ─────────────────────────────────────── -->
<section class="hero">
Expand Down
27 changes: 16 additions & 11 deletions public/protocol.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -36,22 +36,27 @@
.foot-links{display:flex;align-items:center;justify-content:center;gap:28px;font-size:13px;flex-wrap:wrap}
.foot-links a{color:var(--muted);text-decoration:none}.foot-links a:hover{color:var(--purple)}
@media(max-width:900px){.stack-grid,.boundaries-grid,.family-grid,.proof-grid{grid-template-columns:1fr}.flow{align-items:flex-start}.hero{padding:62px 0 42px}}
</style>
.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{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-menu a{display:block;white-space:nowrap}.nav-drop:hover .nav-drop-menu,.nav-drop:focus-within .nav-drop-menu{display:grid}@media(max-width:900px){.nav-drop{width:100%}.nav-drop-menu{position:static;display:grid;margin-top:2px;min-width:0;box-shadow:none}}</style>
</head>
<body>
<nav>
<div class="container nav-inner">
<a href="/" class="brand"><img src="/commandlayer-logo.png" alt="CommandLayer" /><span>CommandLayer</span></a>
<div class="nav-links">
<a href="/">Home</a>
<a href="/protocol.html" class="active">Protocol</a>
<a href="/capabilities.html">Capabilities</a>
<a href="/verify.html">Verifier</a>
<a href="/sdk-records.html">SDK</a>
<a href="/docs/wrap-your-agent.html">Docs</a>
<a href="/claim.html">Claim</a>
<a href="https://github.com/commandlayer" target="_blank" rel="noopener">GitHub</a>
</div>
<ul class="nav-links">
<li><a href="/">Home</a></li>
<li><a href="/protocol.html" class="active">Protocol</a></li>
<li><a href="/capabilities.html">Capabilities</a></li>
<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">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>
</li>
<li><a href="/claim.html">Claim</a></li>
<li><a href="https://github.com/commandlayer" target="_blank" rel="noopener">GitHub</a></li>
</ul>
</div>
</nav>

Expand Down
40 changes: 17 additions & 23 deletions public/runtime.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -118,7 +118,7 @@
::-webkit-scrollbar { width: 4px; height: 4px; }
::-webkit-scrollbar-track { background: var(--bg); }
::-webkit-scrollbar-thumb { background: var(--border); border-radius: 2px; }
</style>
.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{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-menu a{display:block;white-space:nowrap}.nav-drop:hover .nav-drop-menu,.nav-drop:focus-within .nav-drop-menu{display:grid}@media(max-width:900px){.nav-drop{width:100%}.nav-drop-menu{position:static;display:grid;margin-top:2px;min-width:0;box-shadow:none}}</style>
<meta property="og:title" content="CommandLayer — Runtime produces the proof boundary." />
<meta property="og:description" content="CommandLayer: verifiable agent execution with signed receipts, ENS identity, and ERC-8004 proof on Base." />
<meta property="og:image" content="https://www.commandlayer.org/icon2.png" />
Expand All @@ -129,29 +129,23 @@
<body>

<nav>
<a href="https://www.commandlayer.org/" class="nav-brand">
<img src="https://www.commandlayer.org/icon2.png" alt="CommandLayer" />
CommandLayer
</a>
<ul class="nav-center">
<li><a href="/index.html">Home</a></li>
<li><a href="/composer.html">Commons Demo</a></li>
<li><a href="/demo-inner.html">Commerce Demo</a></li>
<li><a href="/verify.html">Verifier</a></li>
<li><a href="/quickstart.html">Quickstart</a></li>
<li class="nav-dropdown">
<button class="nav-dropdown-toggle">Docs ▾</button>
<div class="nav-dropdown-menu">
<a href="/commons.html">Commons</a>
<a href="/commercial.html">Commercial</a>
<a href="/agent-cards.html">Agent Cards</a>
<a href="/runtime.html" class="active">Runtime</a>
</div>
</li>
<div class="container nav-inner">
<a href="/" class="brand"><img src="/commandlayer-logo.png" alt="CommandLayer" /><span>CommandLayer</span></a>
<ul class="nav-links">
<li><a href="/">Home</a></li>
<li><a href="/protocol.html">Protocol</a></li>
<li><a href="/capabilities.html">Capabilities</a></li>
<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>
<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>
</li>
<li><a href="/claim.html">Claim</a></li>
</ul>
<div class="nav-right">
<a href="https://github.com/commandlayer" class="nav-github">GitHub ↗</a>
<li><a href="https://github.com/commandlayer" target="_blank" rel="noopener">GitHub</a></li>
</ul>
</div>
</nav>

Expand Down
23 changes: 21 additions & 2 deletions public/sdk-records.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -28,10 +28,29 @@
.cta:hover{border-color:rgba(99,91,255,.35);background:#faf9ff}
footer{padding:30px 0 36px;border-top:1px solid var(--border);background:#fff}.footer-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.footer-col h4{margin:0 0 10px}.footer-col a{display:block;color:var(--muted);text-decoration:none;margin-bottom:6px}
@media(max-width:960px){.footer-grid{grid-template-columns:1fr}}
</style>
.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{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-menu a{display:block;white-space:nowrap}.nav-drop:hover .nav-drop-menu,.nav-drop:focus-within .nav-drop-menu{display:grid}@media(max-width:900px){.nav-drop{width:100%}.nav-drop-menu{position:static;display:grid;margin-top:2px;min-width:0;box-shadow:none}}</style>
</head>
<body>
<nav><div class="container nav-inner"><a href="/" class="brand"><img src="/commandlayer-logo.png" alt="CommandLayer" /><span>CommandLayer</span></a><div class="nav-links"><a href="/">Home</a><a href="/protocol.html">Protocol</a><a href="/capabilities.html">Capabilities</a><a href="/verify.html">Verifier</a><a href="/sdk-records.html" class="active">SDK</a><a href="/docs/wrap-your-agent.html">Docs</a><a href="/claim.html">Claim</a><a href="https://github.com/commandlayer" target="_blank" rel="noopener">GitHub</a></div></div></nav>
<nav>
<div class="container nav-inner">
<a href="/" class="brand"><img src="/commandlayer-logo.png" alt="CommandLayer" /><span>CommandLayer</span></a>
<ul class="nav-links">
<li><a href="/">Home</a></li>
<li><a href="/protocol.html">Protocol</a></li>
<li><a href="/capabilities.html">Capabilities</a></li>
<li><a href="/verify.html">Verifier</a></li>
<li><a href="/sdk-records.html" class="active">SDK</a></li>
<li class="nav-drop">
<a href="/docs.html">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>
</li>
<li><a href="/claim.html">Claim</a></li>
<li><a href="https://github.com/commandlayer" target="_blank" rel="noopener">GitHub</a></li>
</ul>
</div>
</nav>
<main>
<section class="sdk-hero"><div class="container"><div class="sdk-kicker">SDK</div><h1 class="sdk-h1">Add verifiable receipts to agent actions.</h1><p class="sdk-sub">@commandlayer/agent-sdk wraps agent actions and emits canonical metadata.proof receipts that can be checked by CommandLayer verifiers.</p><div class="hero-actions"><a class="hero-btn primary" href="https://github.com/commandlayer/agent-sdk" target="_blank" rel="noopener">View SDK on GitHub</a><a class="hero-btn" href="/verify.html">Verify a receipt</a></div><div class="status"><strong>Wrap an agent action, emit a canonical receipt, and verify the proof.</strong><br/>Runtime production is live. Runtime signs canonical Trust Verification receipts. MCP E2E against production runtime passes: STEP 1 SIGNED, STEP 2 VERIFIED, STEP 3 TAMPERED INVALID. Runtime signer: <code>signer_id = runtime.commandlayer.eth</code>, <code>kid = vC4WbcNoq2znSCiQ</code>. Canonical proof: <code>metadata.proof.canonicalization = json.sorted_keys.v1</code>, <code>metadata.proof.hash.alg = SHA-256</code>, <code>metadata.proof.signature.alg = Ed25519</code>.</div></div></section>

Expand Down
Loading
Loading