feat(v2/nav): slim quick-nav bar with persistent key destinations

Adds a thin horizontal bar below the header (on every page) with 6 curated
one-click destinations: Topic Map, Intelligence Digest, Video Hub, AI & MCP,
Methodology, V1 Archive. Implemented by overriding Material's 
H        H        H        H        H        H        H        H        H        H       
 block
(empty since navigation.tabs is disabled) + .nb-quicknav CSS — so it gives the
persistent cross-page shortcuts that previously only existed as badge cards on
the home, WITHOUT the 18-tab overflow and WITHOUT collapsing the full left
navigation tree. Template/CSS only (no page regeneration); V2-only (V1 uses the
stock theme). Cache-bust v2_elite.css?v=2.9.27.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
Nubenetes Bot
2026-06-20 14:47:12 +02:00
co-authored by Claude Opus 4.8
parent 294b10dca5
commit 85e47f12af
3 changed files with 64 additions and 1 deletions
+19
View File
@@ -4,6 +4,25 @@
<strong>New:</strong> <a href="./tech-digest/">Intelligence Digest</a> — AI-curated trending resources across 26 categories
{% endblock %}
{#-
Slim quick-nav bar rendered below the header on every page (via the `tabs`
block, which is empty here since navigation.tabs is disabled). Gives the key
cross-cutting destinations a persistent, one-click home — without the
18-tab overflow and without collapsing the full left navigation tree.
-#}
{% block tabs %}
<nav class="nb-quicknav" aria-label="Quick navigation">
<div class="nb-quicknav__inner">
<a class="nb-quicknav__link" href="/topic-map/">🗺️ Topic Map</a>
<a class="nb-quicknav__link" href="/tech-digest/">📊 Intelligence Digest</a>
<a class="nb-quicknav__link" href="/videos/">🎥 Video Hub</a>
<a class="nb-quicknav__link" href="/ai-agents-mcp/">🤖 AI &amp; MCP</a>
<a class="nb-quicknav__link" href="/methodology/">📐 Methodology</a>
<a class="nb-quicknav__link nb-quicknav__link--muted" href="/v1/">📚 V1 Archive</a>
</div>
</nav>
{% endblock %}
{#-
JSON-LD structured data (schema.org) for richer search results: declares the
WebSite (with a sitelinks SearchAction) and the publishing Organization.
+44
View File
@@ -1230,6 +1230,50 @@ input[type="text"] {
margin-top: 0;
font-size: 1.05rem;
}
/* ===================================================================
Slim quick-nav bar (rendered in the theme `tabs` block, below header)
Persistent one-click access to key destinations on every page.
=================================================================== */
.nb-quicknav {
background: var(--md-header-bg-color);
border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}
.nb-quicknav__inner {
max-width: 1600px;
margin: 0 auto;
display: flex;
align-items: center;
gap: 1.4rem;
flex-wrap: wrap;
padding: 0.4rem 1.2rem;
}
.nb-quicknav__link {
color: rgba(255, 255, 255, 0.78) !important;
text-decoration: none;
font-size: 0.7rem;
font-weight: 600;
letter-spacing: 0.01em;
white-space: nowrap;
transition: color 0.2s ease, text-shadow 0.2s ease;
}
.nb-quicknav__link:hover {
color: var(--md-accent-fg-color) !important;
text-shadow: 0 0 8px rgba(34, 211, 238, 0.35);
}
.nb-quicknav__link--muted {
opacity: 0.65;
margin-left: auto; /* push V1 Archive to the right edge */
}
/* On phones the left drawer already exposes navigation; let the bar scroll. */
@media screen and (max-width: 44.9375em) {
.nb-quicknav__inner {
flex-wrap: nowrap;
overflow-x: auto;
gap: 1rem;
}
.nb-quicknav__link--muted { margin-left: 1rem; }
}
.topic-map-dim ul {
margin-top: 0.3rem;
}
+1 -1
View File
@@ -114,7 +114,7 @@ extra:
extra_css:
- https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700&display=swap
- static/extra.css
- static/v2_elite.css?v=2.9.17
- static/v2_elite.css?v=2.9.27
extra_javascript:
- static/v2_filter.js?v=2.9.19