Arcade Portfolio: my developer site built as a retro game

Most developer portfolios look the same. Mine plays like an arcade cabinet, but every screen carries real information. The quest log is my actual project history, and each quest opens a full case study.

A title screen with a CRT boot, scanlines, and a twinkling starfield.

A player card with a pixel portrait, and a quest log of real projects labelled by type: main quest, dungeon, co-op campaign, side quest.

A codex page for every quest: the brief, the stack, the hardest problem, and the outcome.

Arcade controls: arrow keys, Enter, and an Esc pause menu. Coins, credits, a saved 1UP score, achievements, and a Konami code easter egg.

Every animation is stepped at 15 frames per second, like real arcade hardware, while scrolling and the cursor stay smooth.

Behind the site is a small design system: five neon accents that each have one job, two pixel fonts with a strict split between them, a 4px grid, and a card for every component. It's synced to Claude Design, so every new page and graphic stays on-brand, including the banner on this profile.

The site itself is plain HTML, CSS, and vanilla JavaScript, with no framework.