juanatsap
06df4ca240
Based on comprehensive visual audit comparing old React CV with new Go+HTMX implementation. ## Critical Fixes (Priority 1) - Header badges: font-size 0.75rem → 0.9em, weight 600 → normal, color white → #ccc - Badge separator: color rgba(255,255,255,0.6) → #ccc, padding 0.25rem → 15px - Header container: padding 0.75rem 2rem → 10px 20px, gap 0.5rem → 0 - Sidebar: background #d9d9d9 → #d1d4d2 (grayish-green tint) ## Typography Consistency (Priority 2) - Converted all px values to em units for better scaling - Sidebar title: 20.8px → 1.3em - Sidebar content: 14.4px → 0.9em - Section title: 20.8px → 1.3em - CV name: 35.2px → 2.2em - Summary text: 14.4px → 0.9em ## Spacing Refinements (Priority 3) - Section title: margin-bottom 8px → margin 10px 0, removed padding - Badge separator: added position relative, top -1px for alignment ## Verification - All changes verified with Playwright automated tests - Full visual regression testing completed - 6/6 tests passed in 13.2s - Screenshots and measurements documented See PIXEL-PERFECT-STYLING-FIXES.md for complete change log. See VISUAL-VERIFICATION-REPORT.md for test results.
CV Site - Go + HTMX
Modern, minimal curriculum vitae website for Juan Andrés Moreno Rubio built with Go and HTMX.
🚀 Features
- ✅ Bilingual Support - Spanish and English with instant switching (no page reload)
- ✅ PDF Export - Print-optimized design for PDF generation via browser
- ✅ HTMX Dynamic Updates - Smooth UX without heavy JavaScript
- ✅ Paper Design - Professional CV on elegant white paper with gray background
- ✅ Responsive - Mobile, tablet, and desktop friendly
- ✅ JSON-Based Content - Easy to update without touching code
- ✅ AI Development Section - Showcases modern AI-assisted development skills
- ✅ Fast & Lightweight - Go backend, minimal dependencies
📋 Quick Start
Prerequisites
- Go 1.21+ installed
Run
```bash
Build and run
go build -o cv-server && ./cv-server ```
- 🇬🇧 English: http://localhost:1999/?lang=en
- 🇪🇸 Spanish: http://localhost:1999/?lang=es
📄 Updating Your CV
Edit JSON files in data/:
- English:
data/cv-en.json - Spanish:
data/cv-es.json
No code changes needed - just refresh browser!
🖨️ Export to PDF
- Click "Download PDF" button
- Use browser print (Cmd/Ctrl + P)
- Save as PDF
🎯 Key Technologies
- Backend: Go (stdlib net/http)
- Frontend: HTMX 1.9.10
- Styling: Custom CSS
- Data: JSON files
Built with ❤️ using Go, HTMX, and AI assistance