juanatsap
59b95c4448
Implemented a complete navigation system with the following features: **Navigation Menu:** - Hamburger button in top-left of action bar - Slide-out navigation menu with all CV sections - Smooth close on click outside or after selection - Mobile-responsive design (280px desktop, 240px mobile) **Section Anchors:** - Added ID anchors to all CV sections: - #education (Training/Formación) - #skills (Skills/Competencias) - #experience (Experience/Experiencia) - #awards (Awards/Premios y Reconocimientos) - #courses (Courses/Cursos Realizados) - #languages (Languages/Idiomas) - #references (References/Referencias) - #other (Other/Otros) **Section Icons:** - Added descriptive icons to all section titles - Icons match their purpose (school for education/courses, trophy for awards, etc.) - Consistent 24x24 size for section titles, 20x20 for menu items **Smooth Scrolling:** - Implemented smooth scroll behavior with proper offset calculation - Accounts for fixed header height - Added scroll-padding-top for better anchor positioning **Accessibility:** - Proper ARIA labels and roles - aria-expanded attribute for hamburger button - Keyboard navigation support - Screen reader friendly **Styling:** - Clean white menu background with shadow - Blue hover states matching CV accent color - Left border indicator on hover - Smooth transitions (0.3s ease-in-out) - Print-friendly (menu hidden in print mode) **Bilingual Support:** - Menu items automatically translate based on language - Works seamlessly with English/Spanish switching
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)
- ✅ Server-Side PDF Export - Professional PDF generation using chromedp (headless Chrome)
- ✅ Browser Print - Alternative print-friendly layout for manual PDF creation
- ✅ 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 with chromedp for PDF generation
📋 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
Server-Side PDF Generation (Recommended)
- Click "Download as PDF" button in the action bar
- PDF is generated server-side using headless Chrome
- File downloads automatically:
CV-Juan-Andres-Moreno-Rubio-{lang}.pdf
Advantages:
- Consistent rendering across all platforms
- Perfect font rendering
- No browser compatibility issues
- Professional quality output
Browser Print (Alternative)
- Click "Print Friendly" button
- Use browser print dialog (Cmd/Ctrl + P)
- Select "Save as PDF"
Endpoints:
- English PDF:
http://localhost:1999/export/pdf?lang=en - Spanish PDF:
http://localhost:1999/export/pdf?lang=es
🎯 Key Technologies
- Backend: Go (stdlib net/http)
- PDF Generation: chromedp (headless Chrome automation)
- Frontend: HTMX 1.9.10
- Styling: Custom CSS with Quicksand font
- Data: JSON files
Built with ❤️ using Go, HTMX, and AI assistance