63 lines
3.3 KiB
HTML
63 lines
3.3 KiB
HTML
<header data-pagefind-ignore="all">
|
||
<nav class="site-nav">
|
||
<!-- Row 1: primary links -->
|
||
<div class="nav-row-primary">
|
||
<div class="nav-primary">
|
||
<a href="/">Home</a>
|
||
<a href="/library.html">Library</a>
|
||
<a href="/me.html">Me</a>
|
||
<a href="/current.html">Current</a>
|
||
<a href="/new.html">New</a>
|
||
<a href="/links.html">Links</a>
|
||
<a href="/search.html">Search</a>
|
||
</div>
|
||
<div class="nav-controls">
|
||
<button class="nav-portal-toggle" aria-label="Toggle portals" aria-expanded="false">
|
||
<span class="nav-portal-arrow">▼</span>Portals
|
||
</button>
|
||
<div class="settings-wrap">
|
||
<button class="settings-toggle" aria-label="Open settings" aria-expanded="false">⚙</button>
|
||
<div class="settings-panel" aria-hidden="true">
|
||
<div class="settings-section">
|
||
<div class="settings-label">Theme</div>
|
||
<div class="settings-row">
|
||
<button class="settings-btn" data-action="theme-light">Light</button>
|
||
<button class="settings-btn" data-action="theme-dark">Dark</button>
|
||
</div>
|
||
</div>
|
||
<div class="settings-section">
|
||
<div class="settings-label">Text size</div>
|
||
<div class="settings-row">
|
||
<button class="settings-btn" data-action="text-smaller" aria-label="Decrease text size">A−</button>
|
||
<button class="settings-btn" data-action="text-larger" aria-label="Increase text size">A+</button>
|
||
</div>
|
||
</div>
|
||
<div class="settings-section">
|
||
<div class="settings-label">Display</div>
|
||
<div class="settings-col">
|
||
<button class="settings-btn settings-btn--full" data-action="focus-mode">Focus Mode</button>
|
||
<button class="settings-btn settings-btn--full" data-action="reduce-motion">Reduce Motion</button>
|
||
</div>
|
||
</div>
|
||
<div class="settings-section">
|
||
<button class="settings-btn settings-btn--full" data-action="print">Print</button>
|
||
<button class="settings-btn settings-btn--full settings-btn--danger" data-action="clear-annotations">Clear Annotations</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- Row 2: portal links (collapsed by default, nav.js manages) -->
|
||
<div class="nav-portals">
|
||
<a href="/ai/">AI</a>
|
||
<a href="/fiction/">Fiction</a>
|
||
<a href="/miscellany/">Miscellany</a>
|
||
<a href="/music/">Music</a>
|
||
<a href="/nonfiction/">Nonfiction</a>
|
||
<a href="/poetry/">Poetry</a>
|
||
<a href="/research/">Research</a>
|
||
<a href="/tech/">Tech</a>
|
||
</div>
|
||
</nav>
|
||
</header>
|