These are Stitch-exported HTML templates. Use them as visual and code reference when building the Astro components.
| File | Use as reference for |
|---|---|
homepage-v3-original.html |
Hero, Speaking (staggered), Community (offset cards), Connect (LET'S BUILD), Footer (ghost links) |
homepage-v2-with-sections.html |
Projects section (2 rectangular cards), Blog/Writing section (grid with date/title/arrow) |
project-detail.html |
Project detail page layout (title + tags, screenshot area, 2-col description + metadata) |
blog-listing.html |
Blog listing page (huge BLOG heading, post rows with hover invert, category filters) |
blog-post-detail.html |
Blog post body (Outfit 300, 18px, 680px max, blockquotes, code blocks) |
projects-listing.html |
Projects listing page (cards with tags, status, hover invert, counter) |
- Do NOT use these files directly. Convert to Astro components.
- Replace all placeholder content with real data from content collections.
- All real content changes are documented in CLAUDE.md.