navbar.html
html
sha256:9590cee1e0ccd6c76528f005b95d634d80f5019f0dcb7c371e149adc31d1fb65
refactor: enforce gRPC framing on all MWP wire traffic
Sonnet 4.6
minor
⚠ breaking
155 days ago
| 1 | {# |
| 2 | Global navigation bar. |
| 3 | |
| 4 | - MuseHub logo / home link (SVG logomark + wordmark) |
| 5 | - Search bar |
| 6 | - Explore link |
| 7 | - Hamburger collapse on mobile (CSS :target / checkbox trick, no JS required) |
| 8 | #} |
| 9 | <header class="musehub-navbar" role="banner" aria-label="MuseHub global navigation"> |
| 10 | <div class="navbar-inner"> |
| 11 | |
| 12 | {# ── Logo ── #} |
| 13 | <a href="/explore" class="navbar-logo" aria-label="MuseHub home"> |
| 14 | <svg class="navbar-logo-icon" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" aria-hidden="true"> |
| 15 | <defs> |
| 16 | <linearGradient id="mh-logo-g" x1="0" y1="0" x2="20" y2="20" gradientUnits="userSpaceOnUse"> |
| 17 | <stop offset="0%" stop-color="#58a6ff"/> |
| 18 | <stop offset="100%" stop-color="#bc8cff"/> |
| 19 | </linearGradient> |
| 20 | </defs> |
| 21 | <!-- edges: thin, clearly subordinate --> |
| 22 | <line x1="10" y1="4.5" x2="4" y2="15.5" stroke="url(#mh-logo-g)" stroke-width="1.2" stroke-linecap="round"/> |
| 23 | <line x1="10" y1="4.5" x2="16" y2="15.5" stroke="url(#mh-logo-g)" stroke-width="1.2" stroke-linecap="round"/> |
| 24 | <!-- nodes: large, clearly dominant --> |
| 25 | <circle cx="10" cy="4.5" r="4" fill="url(#mh-logo-g)"/> |
| 26 | <circle cx="4" cy="15.5" r="3.5" fill="url(#mh-logo-g)"/> |
| 27 | <circle cx="16" cy="15.5" r="3.5" fill="url(#mh-logo-g)"/> |
| 28 | </svg> |
| 29 | <span class="navbar-logo-text gradient-text">MuseHub</span> |
| 30 | </a> |
| 31 | |
| 32 | {# ── Search ── #} |
| 33 | <form class="navbar-search-form" |
| 34 | action="/search" |
| 35 | method="get" |
| 36 | role="search" |
| 37 | aria-label="Search MuseHub"> |
| 38 | <svg class="navbar-search-icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> |
| 39 | <circle cx="11" cy="11" r="8"/><path d="m21 21-4.3-4.3"/> |
| 40 | </svg> |
| 41 | <input type="search" |
| 42 | name="q" |
| 43 | class="navbar-search-input" |
| 44 | placeholder="Search repositories, commits, sessions…" |
| 45 | aria-label="Search query" |
| 46 | autocomplete="off" |
| 47 | spellcheck="false"> |
| 48 | </form> |
| 49 | |
| 50 | {# ── Hamburger toggle (CSS-only, no JS required for collapse) ── #} |
| 51 | <label class="navbar-hamburger" for="navbar-toggle" aria-label="Toggle navigation menu"> |
| 52 | <span></span><span></span><span></span> |
| 53 | </label> |
| 54 | <input type="checkbox" id="navbar-toggle" class="navbar-toggle-input" aria-hidden="true"> |
| 55 | |
| 56 | {# ── Action links ── #} |
| 57 | <nav class="navbar-actions" aria-label="Site navigation"> |
| 58 | <a href="/explore" class="navbar-link">Explore</a> |
| 59 | <a href="/domains" class="navbar-link">Domains</a> |
| 60 | <a href="/mcp/docs" class="navbar-link navbar-link--mcp" title="MCP agent interface">MCP</a> |
| 61 | |
| 62 | </nav> |
| 63 | |
| 64 | </div> |
| 65 | </header> |
File History
1 commit
sha256:9590cee1e0ccd6c76528f005b95d634d80f5019f0dcb7c371e149adc31d1fb65
refactor: enforce gRPC framing on all MWP wire traffic
Sonnet 4.6
minor
⚠
155 days ago