v2.9.31 — Hybrid quick-nav (Popover category menus)
Hybrid quick-nav — direct pills + Popover category menus
Collapsed the 25-destination quick-nav from 3 wrapped rows to a single slim row that stays one row no matter how many destinations are added.
Structure
- 7 direct one-click pills: 🗺️ Topic Map · 📊 Digest · ☸️ Kubernetes · 🐳 Docker · 🔄 GitOps · 🏗️ Terraform · 🤖 AI & MCP
- 5 category menus (native HTML Popover API + CSS Anchor Positioning, Baseline 2026, zero JS):
- ☁️ Cloud → AWS · Azure · GCP
- 🌐 Network → Networking · Istio · K8s Net
- 🔐 Security → K8s Security · DevSecOps
- ⚙️ Ops → CI/CD · Observability · SRE · DevOps
- ⋯ More → Videos · Ansible · Messaging · MLOps · Methodology · V1 Archive
Why
Keeps the hot paths at one click while the rarely-used clusters fold away, so the bar never grows past one row. The Popover API provides built-in Esc / click-outside dismissal and focus management (identical on touch and desktop); menus drop below their button via position-area with flip fallbacks, animate in via @starting-style, and rotate their caret with :has(). prefers-reduced-motion honored.
Notes
- All 25 destinations preserved.
docs/overrides/main.html+docs/static/v2_elite.css; cache-bust?v=2.9.31. V2-only.
🤖 Generated with Claude Code