juanatsap
2c372eee49
**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.
91 lines
2.2 KiB
JSON
91 lines
2.2 KiB
JSON
{
|
|
"timestamp": "2025-10-31T15:52:05.485Z",
|
|
"oldSite": {
|
|
"url": "http://localhost:3000",
|
|
"hasContent": true,
|
|
"classesFound": 0,
|
|
"dimensions": {
|
|
"width": 1920,
|
|
"height": 1080
|
|
},
|
|
"badges": null
|
|
},
|
|
"newSite": {
|
|
"url": "http://localhost:1999",
|
|
"dimensions": {
|
|
"width": 1920,
|
|
"height": 2195
|
|
},
|
|
"badges": [
|
|
{
|
|
"tag": "SPAN",
|
|
"class": "title-badge",
|
|
"text": "ANALYST PROGRAMMER",
|
|
"styles": {
|
|
"fontSize": "14.4px",
|
|
"fontWeight": "400",
|
|
"color": "rgb(204, 204, 204)",
|
|
"backgroundColor": "rgba(0, 0, 0, 0)",
|
|
"padding": "0px",
|
|
"height": "21.6094px"
|
|
}
|
|
},
|
|
{
|
|
"tag": "SPAN",
|
|
"class": "title-badge",
|
|
"text": "NODEJS + REACTJS DEVELOPER",
|
|
"styles": {
|
|
"fontSize": "14.4px",
|
|
"fontWeight": "400",
|
|
"color": "rgb(204, 204, 204)",
|
|
"backgroundColor": "rgba(0, 0, 0, 0)",
|
|
"padding": "0px",
|
|
"height": "21.6094px"
|
|
}
|
|
},
|
|
{
|
|
"tag": "SPAN",
|
|
"class": "title-badge",
|
|
"text": "WEB DEVELOPER",
|
|
"styles": {
|
|
"fontSize": "14.4px",
|
|
"fontWeight": "400",
|
|
"color": "rgb(204, 204, 204)",
|
|
"backgroundColor": "rgba(0, 0, 0, 0)",
|
|
"padding": "0px",
|
|
"height": "21.6094px"
|
|
}
|
|
},
|
|
{
|
|
"tag": "SPAN",
|
|
"class": "title-badge",
|
|
"text": "JAVA DEVELOPER",
|
|
"styles": {
|
|
"fontSize": "14.4px",
|
|
"fontWeight": "400",
|
|
"color": "rgb(204, 204, 204)",
|
|
"backgroundColor": "rgba(0, 0, 0, 0)",
|
|
"padding": "0px",
|
|
"height": "21.6094px"
|
|
}
|
|
},
|
|
{
|
|
"tag": "SPAN",
|
|
"class": "title-badge",
|
|
"text": "PHP DEVELOPER",
|
|
"styles": {
|
|
"fontSize": "14.4px",
|
|
"fontWeight": "400",
|
|
"color": "rgb(204, 204, 204)",
|
|
"backgroundColor": "rgba(0, 0, 0, 0)",
|
|
"padding": "0px",
|
|
"height": "21.6094px"
|
|
}
|
|
}
|
|
]
|
|
},
|
|
"comparison": {
|
|
"dimensionsMatch": false,
|
|
"pixelPerfect": null
|
|
}
|
|
} |