01 · The expedition brief
Your coach wrote a 19-week Hyrox training plan — four phases, seven days a week, eight stations, real loads, real taper math — and handed it over as a single structured data file.
The brief for this site: take that plan and turn it into something you would actually want to open every day for nineteen weeks. Not a spreadsheet. Not an app with seventeen tabs. A place.
02 · One prompt, one build
The entire site was designed and written by Claude Code — Anthropic's AI coding agent — from a single prompt. The prompt contained the training plan data and the constraints; the concept of the climb, the mountain, the switchback route, the sky that turns from night to sunrise as you log your weeks — all of it came out of that one build session, including this page.
No mockups, no design files, no revisions committee. One conversation, then a mountain.
03 · What it's made of
- PagesTwo static HTML files — the dossier and this guide
- StackVanilla HTML, CSS and JavaScript. No frameworks, no build step, nothing to compile
- The mountainGenerative SVG, drawn fresh by JavaScript on every visit from a fixed seed — midpoint-displacement ridgelines, a measured switchback path, one waypoint per week
- TypeFraunces (a variable serif) and IBM Plex Mono, via Google Fonts
- Your dataFlags and log entries live in your browser's localStorage. Nothing is sent anywhere; there is no server, no account, no tracking
- HostingDeployed as static files on Cloudflare Pages
- MotionRespects your system's reduced-motion setting — the mountain stands still, the progress remains
04 · Why it works offline-ish
Because everything — the full training plan, the scene, the log — is embedded in the page itself, the site loads in one request and your progress never leaves your phone. Clear your browser data and the flags reset, so don't. The mountain remembers as long as you let it.
Built once, climbed for nineteen weeks. See you at 4,219 m.