11 / 16

Layout ComponentsURL copied

  • Navbar: Sticky header with blog title, theme toggle, and mobile menu buttons (posts/TOC toggles)
  • Three-panel layout:
    • Left sidebar (72 width): Posts file tree with lazy HTMX loading
    • Main content (flex-1): Swappable content area with section-specific CSS classes
    • Right sidebar (72 width): Auto-generated TOC from headings
  • Mobile panels: Fullscreen overlays for posts and TOC with smooth slide transitions
  • Footer: "Powered by Vyasa" right-aligned in max-width container