No description
Jonathan Hvid
1325422056
The treasure-map metaphor is a desktop affordance — on phones it becomes a vertical timeline instead. Markup was rendered alongside the desktop track in commit RM.5; this commit adds the styles to actually show it and hides the desktop bits. Per-row layout — 32px / 1fr grid: - Left column holds the 12px round status-coloured dot and a 1px rgba(0,0,0,0.18) vertical line continuing down to the next dot. The last row has no line (rendered conditionally in the markup), so the trail ends cleanly at the final milestone. - Right column holds the same eyebrow / serif title / description / trailing line — but always visible. No hover, no reveal. Reading is the only interaction. Arrow buttons and progress dots both hidden at this breakpoint. The mobile timeline needs no JS — pure markup + CSS. Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com> |
||
|---|---|---|
| .claude | ||
| content | ||
| design | ||
| migrations | ||
| public | ||
| scripts | ||
| src | ||
| tests | ||
| .env.example | ||
| .gitignore | ||
| astro.config.mjs | ||
| CLAUDE.md | ||
| DECISIONS.md | ||
| HANDOVER.md | ||
| KNOWN_ISSUES.md | ||
| package.json | ||
| pnpm-lock.yaml | ||
| SPEC.md | ||
| todo.md | ||
| tsconfig.json | ||
| vitest.config.ts | ||