Colophon

Colophon

This site is a single static page and a folder of note files. No framework, no build step, no tracking — just HTML, one stylesheet, and a small script.

How it’s built

• Each note is a plain HTML file in notes/. A note is just a heading and some prose; links to other notes use data-note="slug".
• assets/app.js loads notes on demand and arranges them into the sliding columns. The whole open stack lives in the address bar, so any trail is shareable.
• assets/app.css holds the type and the colour tokens, with a light and dark theme.
• Because it’s all static files, it can be hosted anywhere — GitHub Pages, Cloudflare Pages, Netlify — for free.

Adding a note

Create notes/your-slug.html with an <h1> and your writing, then add a matching row to notes/index.json. Link to it from anywhere with <a data-note="your-slug">. That’s the whole workflow. The full instructions live in the project’s README.md.

Credit

The stacked-notes idea is Andy Matuschak’s (notes.andymatuschak.org). This is an independent, much smaller reimplementation of the interaction, built to be easy to own and edit.