Hello, World
This site borrows its reading experience from gwern.net: monochrome serif typography, sidenotes, hover previews, and collapsible sections — without the thousand-hour maintenance budget. This page exists to demonstrate (and test) each feature.
Sidenotes
Footnotes like this one1 appear in the right margin when your window is wide enough, and as ordinary footnotes at the bottom on narrow screens. Hover over the footnote marker to get a popup preview2 instead of jumping.
Link previews
Hovering an internal link, like this one to the notes page, fetches the target and shows the first few paragraphs in a popup. External links are left alone.
Collapsible sections
Details you can hide
Anything can go in here — long asides, raw data, digressions. It’s a native
<details> element, so it works with JavaScript disabled.
Media
Audio files live in public/media/ and embed with a plain HTML tag:
<audio controls src="/media/example.mp3"></audio>Code
def pomodoro(minutes: int = 25) -> None:
"""The site also hosts small apps — see /apps."""
...