Files

T

juanatsap 2c372eee49 feat: add social links to footer and optional company logo toggle

**Social Links in Footer (Page 2):**
- Replace address/phone with LinkedIn, GitHub, and Behance links
- Maintain email@ link
- All links are clickable and open in new tabs
- Footer displays social media profiles prominently

**Company Logo Toggle Feature:**
- Add "Show logos" toggle switch in top action bar
- Toggle displays company logos (48x48px) to the left of each experience item
- LinkedIn-style layout when logos are shown
- Logos hidden by default, optional display via toggle
- Graceful fallback: missing logos don't break layout (onerror handler)
- Logos directory created at static/images/logos/ with README

**Technical Implementation:**
- New CSS file: logo-toggle.css for toggle switch and logo layout
- JavaScript: toggleLogos() function for show/hide functionality
- Template updates: experience items now support flex layout with logos
- Action bar grid updated to accommodate 4 columns
- Logo display uses CSS class `.show-logos` on `.cv-paper`
- Print CSS: logos hidden in PDF exports by default

**User Experience:**
- Clean toggle switch UI with smooth animations
- Mobile responsive design
- Accessibility: proper ARIA labels for toggle
- Optional feature that doesn't clutter default view
- Professional LinkedIn-style appearance when enabled

Logos can be added to static/images/logos/ directory using filenames
from the companyLogo field in CV JSON data.

2025-11-05 12:15:43 +00:00

2.2 KiB

Raw Blame History

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 ```

Open http://localhost:1999

🇬🇧 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

2.2 KiB Raw Blame History