HTML Resume
JSON defined resume rendered as semantic HTML/CSS with print/PDF fidelity and zero runtime dependencies.
About This Project
- Hand-authored semantic HTML structure
- Tokenized spacing & typography scale for consistent sizing across breakpoints
- Print stylesheet tuned for 1–2 page PDF export
- Shared data model aligned with broader portfolio project for DRY content maintenance
- Lightweight build (no client JS needed for core content)
Technologies Used
HTMLCSSJSONReactTypeScriptViteSCSSCloudflare WorkersGitHub Actions
Key Features
- Instant printable / PDF-friendly layout (no JS requirement)
- Consistent spacing & typographic hierarchy across devices
- Single content source shared with main portfolio
- Accessible semantic landmarks and heading structure
- Automated deploy via CI/CD to edge (Cloudflare Workers)
Challenges & Solutions
Challenges
- Maintain consistent vertical rhythm across varied screen densities and print
- Avoid duplicating resume data across portfolio and standalone resume
- Balance print precision with responsive fluid layout
- Ensure fast load with minimal critical CSS
Solutions
- Implemented percentage spacing scale
- Centralized experience & project entries in typed data modules consumed by both sites
- Separate print media queries controlling page breaks and non-print decorative elements
- Inlined critical CSS and deferred any non-essential styles