Colophon · how this site is made

Made by hand, on purpose.

Every choice behind andrewyong.dev, credited the old-internet way.

Stack

Markup: Hand-authored HTML. The secondary pages are generated from one shared template by a short Python script.
Styling: One stylesheet. The whole system is a token block: eight type sizes, nine spacing steps, six colors.
JavaScript: A hamburger menu and a form-success banner. That's all of it.
Hosting: A Cloudflare Worker serving static assets from the edge. Form submissions land in D1.
Source: github.com/AndrewCTF — public.

Type

Everything: Bricolage Grotesque — one variable file, subset to Latin, self-hosted.
The italic: Fraunces italic 600, used like punctuation: once per section, never more.
Code: Your system's monospace. Zero kilobytes.

Color

cream #F5F1E6

ink #131313

cobalt #2733D8

butter #F2C744

Riso rules: cobalt means "you can act here", butter is a background and never a text color, and two loud panels never touch.

Performance

A build script weighs the home page on every deploy and fails the build if it's over budget. There's no scoreboard on this site anymore — if you're reading this, the page already loaded.

Thanks

Bricolage Grotesque by Mathieu Triay. Fraunces by Undercase Type. Stage portrait from a 2024 speaking gig. Everything else: one person, one editor, no template.