mirror of
https://github.com/nubenetes/awesome-kubernetes.git
synced 2026-08-18 03:46:27 +00:00
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 [3g 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:
co-authored by
Claude Opus 4.8
parent
294b10dca5
commit
85e47f12af
@@ -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 & 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.
|
||||
|
||||
Vendored
+44
@@ -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
@@ -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
|
||||
|
||||
Reference in New Issue
Block a user