About

Snippet Shelf is a deliberately small website: a handful of HTML pages and one stylesheet. There's no JavaScript, no framework, no build step and no server — open index.html in a browser and it works.

How it's built

• Semantic HTML — each cheat sheet is a set of <dl> definition lists: the command in <dt>, the explanation in <dd>.
• One stylesheet — css/style.css uses CSS custom properties for colour, so the palette lives in one place.
• Automatic dark mode — a single prefers-color-scheme media query swaps the tokens.
• Responsive grid — grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)) handles phones through widescreens with no breakpoints to babysit.
• System fonts — nothing to download, so first paint is instant.

Adding a sheet

1. Copy git.html to docker.html (or whatever you like).
2. Change the title, the page-head and the rows inside each .block.
3. Add a link in the <nav> of every page and a card on the home page.

Hosting

Drop the folder on GitHub Pages, Netlify, Cloudflare Pages, an S3 bucket or any plain web server. Locally, python3 -m http.server from the project root is all you need — or just double-click index.html.

Keyboard-friendly

Every link is reachable with Tab, the current page is marked with aria-current="page", and colour contrast meets WCAG AA in both themes.