juanatsap
a8d6805e27
This commit includes graphical keyboard icons integration, modal styling improvements, and comprehensive "Logos" to "Icons" terminology update. Changes: - Add graphical keyboard icons using Iconify MDI (Tab, Ctrl, Cmd, Esc, etc.) - Implement color scheme: black title, green subtitle/headers, blue kbd elements - Add visual boxes with borders and shadows for section grouping - Change modal from 3-column to 2-column grid layout (900px width) - Fix critical bug: all 5 sections now render (was only showing 2) Rename "Logos" to "Icons" across entire codebase: - Go models: ToggleLogos → ToggleIcons, ShowLogos → ShowIcons - Routes: /toggle/logos → /toggle/icons - Templates: desktop-logo-toggle → desktop-icon-toggle, #logoToggle → #iconToggle - JavaScript: logoToggles → iconToggles, sync logic updated - CSS: .show-logos → .show-icons - UI JSON: toggleLogos → toggleIcons - Comments and labels updated Technical details: - Rebuilt Go binary to fix template rendering error - Fixed JSON struct tag: json:"toggleLogos" → json:"toggleIcons" - Updated kbd element styling for icon alignment (inline-flex) - Added margin-bottom to subtitle (0.5rem) - Grid now 2 columns for better 5-section layout All 5 sections now render correctly: 1. Zoom Control 2. View Controls 3. Navigation 4. Actions 5. Browser Defaults
92 lines
2.5 KiB
JSON
92 lines
2.5 KiB
JSON
{
|
|
"infoModal": {
|
|
"title": "About this CV",
|
|
"description": "This interactive CV was built by myself with <strong>Go + HTMX</strong>, showcasing modern hypermedia architecture without heavy JavaScript frameworks.",
|
|
"techStack": {
|
|
"goHono": "Go + Hono",
|
|
"htmx": "HTMX",
|
|
"html5": "Semantic HTML5",
|
|
"css3": "Pure CSS3"
|
|
},
|
|
"viewSource": "View Project in Github",
|
|
"viewSourceSubtext": "Want to know how it's built?"
|
|
},
|
|
"shortcutsModal": {
|
|
"title": "Keyboard Shortcuts",
|
|
"description": "Use these keyboard shortcuts to navigate and control the CV more efficiently.",
|
|
"sections": {
|
|
"zoom": {
|
|
"title": "Zoom Control",
|
|
"zoomIn": {
|
|
"key": "Ctrl / Cmd + Plus",
|
|
"description": "Zoom in (+10%)"
|
|
},
|
|
"zoomOut": {
|
|
"key": "Ctrl / Cmd + Minus",
|
|
"description": "Zoom out (-10%)"
|
|
},
|
|
"zoomReset": {
|
|
"key": "Ctrl / Cmd + 0",
|
|
"description": "Reset zoom to 100%"
|
|
}
|
|
},
|
|
"viewControls": {
|
|
"title": "View Controls",
|
|
"toggleLength": {
|
|
"key": "Tab to Length",
|
|
"description": "Toggle CV length (Short/Long)"
|
|
},
|
|
"toggleIcons": {
|
|
"key": "Tab to Icons",
|
|
"description": "Show/hide company icons"
|
|
},
|
|
"toggleTheme": {
|
|
"key": "Tab to View",
|
|
"description": "Switch theme (Default/Clean)"
|
|
}
|
|
},
|
|
"navigation": {
|
|
"title": "Navigation",
|
|
"expandAll": {
|
|
"key": "Menu → Expand All",
|
|
"description": "Expand all CV sections"
|
|
},
|
|
"collapseAll": {
|
|
"key": "Menu → Collapse All",
|
|
"description": "Collapse all CV sections"
|
|
},
|
|
"scrollToTop": {
|
|
"key": "Click ↑ Button",
|
|
"description": "Scroll back to top"
|
|
}
|
|
},
|
|
"actions": {
|
|
"title": "Actions",
|
|
"print": {
|
|
"key": "Ctrl / Cmd + P",
|
|
"description": "Print or save as PDF"
|
|
},
|
|
"closeModal": {
|
|
"key": "ESC",
|
|
"description": "Close any open modal"
|
|
},
|
|
"showHelp": {
|
|
"key": "?",
|
|
"description": "Show this shortcuts help"
|
|
}
|
|
},
|
|
"browser": {
|
|
"title": "Browser Defaults",
|
|
"tab": {
|
|
"key": "Tab",
|
|
"description": "Navigate between controls"
|
|
},
|
|
"enter": {
|
|
"key": "Enter / Space",
|
|
"description": "Activate focused control"
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|