Building this portfolio like a pit wall

I wanted this site to feel like an F1 timing screen without being a costume. A few decisions that made it click:

1. The navbar is the track. A straight timing line, sector nodes that light up as you scroll, and a lap clock you can pause and restart.
2. Purple means personal best. The tier system borrows F1’s timing colors: purple for signature work, green for solid, amber for side quests.
3. Content is data. Projects and games are markdown files; the page is a render engine over them. This post is more of the same idea.

// tiers drive the color everywhere
type Tier = 'best' | 'good' | 'side';

That last principle is why adding a blog was easy: it’s just another folder of markdown the engine knows how to render.