Wide mode

A demo of mode wide — the left nav stays, the right TOC is dropped, and the content column widens to fit big tables.

This page uses mode: wide. The left nav is still here, but the right-hand TOC is gone and the content column is wider than the default — so the table below has room for all its columns without wrapping or scrolling.

wide keeps the navigation handy while giving content more horizontal space. Reach for it on pages built around something wide: comparison matrices, data tables, wide diagrams, or side-by-side code.

Static site generators, compared

Tool	Language	Templating	Interactive UI	Data files	i18n	Search	API reference	Output
Aardvark	Python	Real Python in tags	Mantine React islands	JSON / YAML / CSV	Built-in	Built-in	Built-in (OpenAPI)	Static HTML (+ whole-site PDF)
Docusaurus	JavaScript	MDX	Full React app	Import in MDX	Built-in	Algolia / local plugin	Plugin	Static HTML + SPA
MkDocs Material	Python	Jinja2	Limited	Plugin	Plugin	Built-in (lunr)	Plugin	Static HTML
Hugo	Go	Go templates	BYO	TOML / YAML / JSON / CSV	Built-in	BYO	BYO	Static HTML
Sphinx	Python	reST / Jinja2	Limited	None	Built-in	Built-in	autodoc	Static HTML + PDF
Eleventy	JavaScript	Nunjucks / Liquid / …	BYO	JSON / JS	Plugin	BYO	BYO	Static HTML
Astro	JavaScript	Astro / JSX	Islands (any framework)	Content collections	i18n routing	Integration	Integration	Static HTML + SSR

That table has nine columns. In the default reading column it would wrap awkwardly or force a horizontal scrollbar; in wide mode it lays out comfortably.

How it composes

wide only changes the desktop layout. Narrow your browser to 1100px or less and the TOC is already hidden site-wide, so the page looks like any other — and at 760px and below the nav collapses into the hamburger drawer as usual. The column widths (820px by default, 1100px here) are the default theme’s --aardvark-content-max / --aardvark-content-max-wide variables in themes/vark/theme.scss.