How this site was made
The medium is part of the proof.
This site is an exhibit too. I claim AI-native building as a real skill, so I built the portfolio the same way I built everything else on it: with Claude Code, and with my hands on the wheel.
The build
- Hand-built Hugo site, no theme. Every layout and line of CSS was written for this site. Dark mode is a cyanotype blueprint, white linework on drafting blue, the way real blueprints were printed. Light mode is the drafting paper it was drawn on. It’s a nod to where I started.
- The sun and moon toggle in the header is drawn in the same linework as everything else. Dark is the default, and your choice is remembered in your browser. No cookies.
- The motion is plain CSS plus about 15 lines of JavaScript, and all of it respects your reduced-motion setting.
- No trackers, no analytics, no external requests. System fonts, self-hosted assets. This page loads from exactly one server.
- Deploys are simple. Build, then SFTP to a family-run server. My dad hosts it. Not everything needs a cloud bill.
The workflow
It’s the same pattern from the AI workflow case study. I set direction, make the calls, and review everything. Claude Code executes, checks its own work in a live preview, and keeps the git history clean. The commit log reads like a decision log because it is one.
The rule this site follows
Every claim links to a real artifact: a live product, a shipped page, a running system. If a claim can’t meet that bar, it doesn’t go up.