Template

Filterable list

A long list with facets: the Bookshelf.

01

Specimen

Bookshelf: the top of the live pageOpen the whole “Bookshelf” page

Phone 390 · follows your system’s light or dark setting

Desktop 1440 · follows your system’s light or dark setting

Live: niklausgerber.com/bookshelf/

02

Recipe

1
Header band and intro
2
Filters in a sticky column (desktop) or a folded box (smaller)
3
Groups of rows with counts
4
The full home after 200px (160 tablet, 120 phone), written by sync-index.sh, with this page’s tile marked aria-current="page"
03

Rules

Hidden page
No tile; noindex; still in the sitemap and llms.txt.
Counts
Hard-coded counts in the buttons and groups change with every book; see the website’s AGENTS.md.
Links
Each book links to its Open Library work page.
04

Starting a new one

There is one Bookshelf. Reuse its pattern for any long list with a few facets.