Colophon
Built with
- Astro, with static output and no client-side framework
- VT323 for headings and window titles, IBM Plex Mono for reading and code
- Pagefind for full-text search. The index is built with the site, so search needs no server.
- Satori and Sharp generate the Open Graph image for every post at build time
- RSS, Atom, and JSON Feed, all rendered from the same post data
- Hosted on Cloudflare Workers
Design
A small desktop environment: overlapping windows, striped title bars, square corners and hard offset shadows. The icons are drawn by hand on a 16 by 16 pixel grid, one colour plus the window paper. The Oat & Petrol palette pairs a warm oat desktop with pale window surfaces, charcoal ink and a single petrol accent. When your system prefers dark, it switches to a charcoal desktop with oat ink and a lighter petrol.
The menu bar’s Skip the OS link switches to a conventional reading view. That preference is stored locally in your browser, not sent to a server. On phones, windows stack in a simple vertical flow. Without JavaScript, the site defaults to the conventional view.
Performance and privacy
No tracking scripts beyond Cloudflare Web Analytics, which is cookieless and doesn’t fingerprint. Fonts and search assets are served from this site.
Source
The whole site is open source: github.com/mooship/fieldnotes, MIT licensed. If something looks broken, that repo is where to say so.
Before this
An earlier experiment takes the nostalgia a little further. Go back to 1999.
Back