Colophon

How this site is made

I build things with AI for a living, so here's how I built this one.

The process

Every idea starts on a design canvas, where it's drawn and argued over until it looks right. Then it's built and goes to a private copy of the site, where I click through the real thing on my laptop and my phone. Only then does it go live.

Claude does a lot of the building. I make the calls, and I check everything before it ships.

The stack

  • Astro, built into plain pages.
  • Hosted on Cloudflare Workers, with a small Worker for the forms and the cord counter.
  • Fonts: Bricolage Grotesque, JetBrains Mono and Permanent Marker, served from this site.
  • No ad trackers. Visits are counted by Cloudflare Web Analytics, without cookies.

The versions

  • 1.0 The "Hello, my name is" look, with after hours behind a light cord.
  • 1.1 The cord really pulls.
  • 2.0 Offer pages, findings by email, the Now page, drawn covers, and a timeline that works on phones.
  • 2.1 Real samples to download, a toy that times your minute, finding 004 (since retired), and links that share properly.
  • 2.2 A full check-up: safer forms, fewer logs, and fixes for keyboards and screen readers.
  • 2.3 Findings by email: you confirm your address first, and every email has an unsubscribe link.
  • 2.4 The footer links only to places anyone can open.
  • 2.5 Finding 005: a chart of Stack Overflow's questions that draws itself as you scroll, and two live counters.
  • 2.6 Every finding as Markdown for AI assistants, finding 005's numbers to download, and sources you can click.
  • 2.7 Finding 006: the Binance heist in five steps, with a clock that draws itself minute by minute. Taps feel right on phones.
  • 2.8 Rabbit hole 003, a live tracker for the money stolen from Binance. Finding 003 is Bode's story now, every moving chart holds still while it draws, and the light cord ends in a bulb.
  • 2.9 The rabbit holes on the home page get pictures, like the findings, and addresses that say what they are. The heist tracker reads every wallet.
  • 2.10 Finding 005 gets a picture for each suspect, the twist and the ending. The heist tracker's title says Binance, so search can find it.
  • 2.11 Rabbit holes point to the finding they go with, and their share cards print the right address.
  • 2.12 A design review, built: findings lead with the newest, a footer that says when you'd hear back, a Copy button, the heist tracker's own clock and Check now, and Sunday's heist news.
  • 2.13 The heist tracker's "on the move" notes stop piling up when several bags move at once.
  • 2.14 Monday's heist news: the stolen XRP and Solana start moving, and the tracker and finding 006 follow them.

The fine print

Every commit is mine, with Claude as co-author. The findings say when Claude helped write them.

Pull the cord, by the way.