How this site is made

Colophon

This site is hand-coded — no site builder, no CSS framework, no component library. Every line of HTML, CSS, and JavaScript is written by hand, the same way I build the software behind it. It's small on purpose.

The moving copper haze behind everything is a WebGL fragment shader I wrote from scratch: domain-warped noise rendered as liquid smoke that flows toward your cursor and pulses when you click. No 3D library — just raw WebGL and a page of GLSL.

(01)Type

Synedisplay · the big uppercase titles

Inter Tightbody text

JetBrains Monolabels · numbers · code

(02)Built with

Vanilla JavaScriptno framework · no build step

Hand-written WebGLthe copper-smoke background

Node + Express + PostgreSQLtiny backend + a homemade CMS

GitHub → Renderpush to deploy

(03)Made by hand

Interactions favour restraint over decoration — the layout stays sparse, the motion carries the life.

Every animation respects prefers-reduced-motion and fails open, so content is never stuck behind an effect.

Press ⌘K anywhere to jump around — the whole site is keyboard-navigable.

The tools I reach for daily live on the uses page →