Colophon

This page is a colophonColophon is a publishing term typically used to describe the publishing process but has been expanded to websites.—a record of how the site is built and what tools it runs on.

Lineage

This site has existed in one form or another since the mid-ninetiesMy first website was published in 1997. You can see it via the Wayback Machine., when a personal site felt like a small act of publishing rather than a marketing exercise. It has been rewritten several times over the years, on several different generators. The current shape is the latest of those. Existing post URLs and the RSS feed have been preserved across each rebuild.

Hosting and build

This website is deployed to Cloudflare Pages. Posts are saved as markdown or nunjucks files, created manually using Zed. The build is processed using Build AwesomeEleventy became Build Awesome in 2026., a static site generator for node.js.

Styling

This site is styled with hand-rolled, site-owned CSS—no framework import. It uses a custom color palette built on Radix Colors, a comprehensive color system with matching light and dark modes.

Typography

Headings and body text are set in Source Serif 4. The user interface is set in Source Sans 3. Monospace content is set in Source Code Pro. These are all Google Fonts, delivered through Cloudflare Fonts, which caches fonts and serves them from this domain instead of Google’s, rather than being self-hosted outright.

Images

Images in posts are processed at build time: resized to several widths, saved in modern and legacy formats, given content-hashed filenames so browsers can cache them forever, and served with width, height, and lazy-loading attributes so page layout doesn’t shift as they load. Every post and page also gets its own social share image, composed at build and linked from og:image metadata, so a link posted to Mastodon or elsewhere carries a purpose-built preview rather than a generic site image.

Icons

Icons are from Font Awesome. The code for the site builds a custom sprite sheet for each page that includes only the icons in use on that page.

Feeds

The site offers several feed formats for readers who prefer to keep up with new posts through a feed reader. The Subscribe page lists what’s available and how to point a reader at each one.

IndieWeb

This site plays a small part in the IndieWeb: the footer’s social links carry rel="me" back to this domain, the About page is marked up as an h-card, and every post is an h-entry with a proper published date, author, and—when a piece has been cross-posted—an “Also on:” line pointing to the copies elsewhere. A WebFinger endpoint at /.well-known/webfinger links this domain to the author’s Mastodon account.

Pre-commit checks

Commits are checked before they land with husky and lint-staged—Prettier and ESLint run against whatever’s actually staged, not the whole repo, so a bad commit gets caught before it ships.

What isn’t here

By design, the site runs no analytics, no tracking scripts, and no third-party JavaScript embeds. There is no comments system. The whole site is static — HTML, CSS, images, and a small amount of JavaScript, generated at build time and served from the edge. If you find yourself wondering what’s happening in the background: nothing is.