🗺️ Topic Map
-
📊 Intelligence Digest
-
🎥 Video Hub
+
📊 Digest
+
🎥 Videos
☸️ Kubernetes
🐳 Docker
🔄 GitOps
+
🚀 CI/CD
🏗️ Terraform
-
🔐 K8s Security
+
📋 Ansible
+
☁️ AWS
+
☁️ Azure
+
☁️ GCP
+
🔐 Security
📈 Observability
🛠️ SRE
♾️ DevOps
-
📨 Message Queue
+
📨 Messaging
🤖 AI & MCP
🧠 MLOps
📐 Methodology
diff --git a/docs/static/v2_elite.css b/docs/static/v2_elite.css
index 5f1fd468..c6ae8bfd 100644
--- a/docs/static/v2_elite.css
+++ b/docs/static/v2_elite.css
@@ -1237,42 +1237,69 @@ input[type="text"] {
=================================================================== */
.nb-quicknav {
background: var(--md-header-bg-color);
- border-bottom: 1px solid rgba(255, 255, 255, 0.08);
+ border-bottom: 1px solid color-mix(in srgb, var(--md-accent-fg-color) 22%, transparent);
}
.nb-quicknav__inner {
max-width: 1600px;
- margin: 0 auto;
+ margin-inline: auto;
display: flex;
- align-items: center;
- gap: 1.4rem;
flex-wrap: wrap;
- padding: 0.4rem 1.2rem;
+ align-items: center;
+ justify-content: center; /* centered rows read as a balanced command bar */
+ gap: 0.4rem 0.5rem;
+ padding-block: 0.5rem;
+ padding-inline: 1.2rem;
}
.nb-quicknav__link {
- color: rgba(255, 255, 255, 0.78) !important;
+ /* chip colors derived from the theme accent via color-mix (Chrome 111+) */
+ --nb-chip-bg: color-mix(in srgb, var(--md-accent-fg-color) 8%, transparent);
+ --nb-chip-bd: color-mix(in srgb, var(--md-accent-fg-color) 18%, transparent);
+ display: inline-flex;
+ align-items: center;
+ gap: 0.3em;
+ color: rgba(255, 255, 255, 0.82) !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;
+ padding: 0.22rem 0.62rem;
+ border-radius: 999px;
+ background: var(--nb-chip-bg);
+ border: 1px solid var(--nb-chip-bd);
+ transition: background 0.18s ease, border-color 0.18s ease,
+ color 0.18s ease, transform 0.18s ease, box-shadow 0.18s ease;
}
.nb-quicknav__link:hover {
- color: var(--md-accent-fg-color) !important;
- text-shadow: 0 0 8px rgba(34, 211, 238, 0.35);
+ color: #fff !important;
+ background: color-mix(in srgb, var(--md-accent-fg-color) 32%, transparent);
+ border-color: var(--md-accent-fg-color);
+ transform: translateY(-1px);
+ box-shadow: 0 2px 10px color-mix(in srgb, var(--md-accent-fg-color) 40%, transparent);
+}
+.nb-quicknav__link:focus-visible {
+ outline: 2px solid var(--md-accent-fg-color);
+ outline-offset: 2px;
}
.nb-quicknav__link--muted {
- opacity: 0.65;
- margin-left: auto; /* push V1 Archive to the right edge */
+ opacity: 0.6;
}
-/* On phones the left drawer already exposes navigation; let the bar scroll. */
+.nb-quicknav__link--muted:hover {
+ opacity: 1;
+}
+@media (prefers-reduced-motion: reduce) {
+ .nb-quicknav__link { transition: none; }
+ .nb-quicknav__link:hover { transform: none; }
+}
+/* On phones the left drawer already exposes navigation; one scrollable row. */
@media screen and (max-width: 44.9375em) {
.nb-quicknav__inner {
flex-wrap: nowrap;
+ justify-content: flex-start;
overflow-x: auto;
- gap: 1rem;
+ scrollbar-width: none; /* Firefox */
}
- .nb-quicknav__link--muted { margin-left: 1rem; }
+ .nb-quicknav__inner::-webkit-scrollbar { display: none; } /* WebKit/Blink */
}
.topic-map-dim ul {
margin-top: 0.3rem;
diff --git a/v2-mkdocs.yml b/v2-mkdocs.yml
index 9f823824..2cda73de 100644
--- a/v2-mkdocs.yml
+++ b/v2-mkdocs.yml
@@ -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.27
+ - static/v2_elite.css?v=2.9.29
extra_javascript:
- static/v2_filter.js?v=2.9.19