juanatsap
9636b3659f
- Move all bilingual text from templates to UI JSON (labels, buttons, modals) - Move skills summary paragraph to CV JSON with HTML support - Add new UI sections: navigation, viewControls, sections, footer, portfolio, pdfModal, shortcutsModal, infoModal, widgets - Update Go structs to match expanded JSON structure - Add template.HTML type for CV.SkillsSummary field - Add JSON content validation test (70-json-content-validation.test.mjs) Templates now contain only structural logic (CSS classes, HTML attributes) while all user-visible text loads from JSON files for proper i18n support.
54 lines
2.4 KiB
HTML
54 lines
2.4 KiB
HTML
{{define "info-modal"}}
|
|
<!-- Info Modal - Native Dialog -->
|
|
<dialog id="info-modal" class="info-modal no-print"
|
|
_="on click call closeOnBackdrop(me, event)">
|
|
<div class="info-modal-content">
|
|
<button class="info-modal-close" onclick="document.getElementById('info-modal').close()" aria-label="{{.UI.PdfModal.Close}}">
|
|
<iconify-icon icon="mdi:close" width="24" height="24"></iconify-icon>
|
|
</button>
|
|
|
|
<div class="info-modal-header">
|
|
<h2>{{.UI.InfoModal.Title}}</h2>
|
|
<div class="info-modal-cv-title">
|
|
CV {{.CurrentYear}} JAMR -
|
|
<span class="photo-bracket-wrapper">
|
|
<img src="/static/images/profile/dni.jpeg" alt="JAMR" class="info-modal-photo">
|
|
</span>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="info-modal-body">
|
|
<p class="info-modal-description">
|
|
{{.UI.InfoModal.Description}}
|
|
</p>
|
|
|
|
<div class="info-modal-tech">
|
|
<div class="info-tech-item">
|
|
<iconify-icon icon="mdi:language-go" width="32" height="32"></iconify-icon>
|
|
<span>{{.UI.InfoModal.TechStack.GoHono}}</span>
|
|
</div>
|
|
<div class="info-tech-item">
|
|
<iconify-icon icon="mdi:lightning-bolt" width="32" height="32"></iconify-icon>
|
|
<span>{{.UI.InfoModal.TechStack.HTMX}}</span>
|
|
</div>
|
|
<div class="info-tech-item">
|
|
<iconify-icon icon="mdi:language-html5" width="32" height="32"></iconify-icon>
|
|
<span>{{.UI.InfoModal.TechStack.HTML5}}</span>
|
|
</div>
|
|
<div class="info-tech-item">
|
|
<iconify-icon icon="mdi:language-css3" width="32" height="32"></iconify-icon>
|
|
<span>{{.UI.InfoModal.TechStack.CSS3}}</span>
|
|
</div>
|
|
</div>
|
|
|
|
<p class="info-modal-github-subtext">{{.UI.InfoModal.ViewSourceSubtext}}</p>
|
|
<a href="https://github.com/juanatsap/cv-site" target="_blank" rel="noopener noreferrer" class="info-modal-github">
|
|
<iconify-icon icon="mdi:github" width="24" height="24"></iconify-icon>
|
|
<span>{{.UI.InfoModal.ViewSource}}</span>
|
|
<iconify-icon icon="mdi:arrow-right" width="20" height="20"></iconify-icon>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</dialog>
|
|
{{end}}
|