Skip to content
dethlex

/ Colophon

The machine

This site is fully static: Astro with strict TypeScript, Tailwind for the token system, MDX for the garden notes. No client framework — the only JavaScript shipped is the generative hero, the theme toggle, the tag filter and the small note utilities. It is built into a container and served by nginx from a k3s cluster; content edits go through a self-hosted Sveltia CMS and a ~150-line Go OAuth relay, and every push rebuilds and redeploys the site automatically.

The signature

The hero — Dusk Telemetry — is a hand-rolled Canvas 2D flow field: value-noise traces drift as amber phosphor above a horizon at dusk and flatten into teal swell below it. Amber is the color of P3 phosphor, the CRT monochrome terminals of early control rooms; the palette below the horizon is the Mediterranean after sunset. Every load gets its own seed — the run 0x···· stamp in the corner is a control: click it and the panel reboots on a new one. The social-card images are rendered by the same algorithm in a dependency-free Node script, seeded by each note's slug.

The letters

Headings are set in Bricolage Grotesque — a warm grotesque with technical bones. Body text is Atkinson Hyperlegible, designed by the Braille Institute for maximum legibility. Everything that reads as an instrument label — dates, tags, channel names, this page's title — is JetBrains Mono, the same face the code was written in. All three are self-hosted; no fonts, styles or scripts load from third parties, and there is no analytics of any kind.

The paper trail

Notes are MDX files in a git repository. The garden metaphor is taken literally: notes are planted as seedlings, tended over time and occasionally become evergreen — the trace glyphs next to each title show the signal getting steadier. Everything is subscribablevia RSS, and every note is also served asraw markdown for humans and machines alike.