Files
cv-site/tests/screenshots/typography-comparison.json
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

37 lines
967 B
JSON

{
"old": {},
"new": {
"name": {
"fontFamily": "Quicksand, sans-serif",
"fontSize": "35.2px",
"fontWeight": "400",
"lineHeight": "38.72px",
"color": "rgb(0, 0, 0)",
"letterSpacing": "normal"
},
"sidebarTitle": {
"fontFamily": "Quicksand, sans-serif",
"fontSize": "18.72px",
"fontWeight": "500",
"lineHeight": "22.464px",
"color": "rgb(51, 51, 51)",
"letterSpacing": "normal"
},
"sectionTitle": {
"fontFamily": "Quicksand, sans-serif",
"fontSize": "20.8px",
"fontWeight": "500",
"lineHeight": "24.96px",
"color": "rgb(51, 51, 51)",
"letterSpacing": "normal"
},
"badge": {
"fontFamily": "Quicksand, \"Source Sans Pro\", -apple-system, system-ui, sans-serif",
"fontSize": "14.4px",
"fontWeight": "400",
"lineHeight": "21.6px",
"color": "rgb(204, 204, 204)",
"letterSpacing": "normal"
}
}
}