git / moonbite-network / templates/partials/site_header.html · raw

{# The one MoonBite header, shared by the homepage and every inner page.   Self-contained (links its own CSS/JS) so it works on base.html pages and on   the standalone pages alike. Built to docs/moonbite-guidelines.html:   barless mark below 32 px (d01), wordmark in the display face (d04), one   ghost action here so each page keeps its own single gold action (d14). #}{%- set _p = request.path -%}{%- set _nav = [  ('/mine', 'Mine', 'Start mining', ()),  ('/get-wallet', 'Wallet', 'Hold your coins', ('/wallet',)),  ('/explorer', 'Explorer', 'Every block', ()),  ('/learn', 'Learn', 'How it works', ()),  ('/governance', 'Governance', 'Decisions on record', ()),  ('/developers', 'Developers', 'Run a node', ()),  ('/about', 'About', 'Why MoonBite', ()),] -%}<link rel="stylesheet" href="{{ url_for('static', filename='shell.css') }}?v=20261021a"><link rel="stylesheet" href="{{ url_for('static', filename='shell-v2.css') }}?v=20261021a"><link rel="stylesheet" href="{{ url_for('static', filename='moonbite-ds.css') }}?v=20261021a"><a class="mbs-skip" href="#main">Skip to content</a><header class="mbs-h" data-mbs-header>  <div class="mbs-h-in">    <a class="mbs-brand" href="/" aria-label="MoonBite home">      <svg viewBox="-110 -110 220 220" aria-hidden="true"><path d="M 13.99 -99.02 A 100 100 0 1 0 99.02 -13.99 A 62 62 0 0 1 13.99 -99.02 Z" fill="#F5F2EA"/></svg>      <span>MoonBite</span>    </a>    <nav class="mbs-nav" aria-label="Main">      {%- for href, label, _, also in _nav %}      <a href="{{ href }}"{% if _p == href or _p.startswith(href ~ '/') or _p in also %} aria-current="page"{% endif %}>{{ label }}</a>      {%- endfor %}    </nav>    <div class="mbs-h-right">      <a class="mbs-status" href="/explorer" data-mbs-status><span class="mbs-dot"></span><span data-mbs-status-text>Network</span></a>      <a class="mbs-cta" href="/get-wallet">Get the wallet</a>      <button class="mbs-menu" type="button" data-mbs-menu aria-expanded="false" aria-controls="mbs-sheet">Menu</button>    </div>  </div></header><div class="mbs-sheet" id="mbs-sheet" hidden>  <nav aria-label="Main">    <a href="/"{% if _p == '/' %} aria-current="page"{% endif %}>Home <small>Start here</small></a>    {%- for href, label, hint, also in _nav %}    <a href="{{ href }}"{% if _p == href or _p.startswith(href ~ '/') or _p in also %} aria-current="page"{% endif %}>{{ label }} <small>{{ hint }}</small></a>    {%- endfor %}  </nav>  <div class="mbs-sheet-foot">    <a class="mbs-status" href="/explorer" data-mbs-status><span class="mbs-dot"></span><span data-mbs-status-text>Network</span></a>    <a class="mbs-cta" href="/get-wallet">Get the wallet</a>  </div></div><script defer src="{{ url_for('static', filename='shell.js') }}?v=20261021a"></script><script defer src="{{ url_for('static', filename='moonbite-ds.js') }}?v=20261021a"></script>