feat: enhance modal photo with curly brackets and engaging CTA

- Replace blue border with green curly brackets { } using CSS pseudo-elements
- Add proper spacing and vertical centering with inline-flex
- Add engaging subtext below GitHub button: "Want to know how it's built?"
- Bilingual support for subtext (EN/ES)
This commit is contained in:
juanatsap
2025-11-10 19:19:41 +00:00
parent cdcc534a96
commit 4d28cb6968
4 changed files with 48 additions and 5 deletions
+4 -1
View File
@@ -385,7 +385,9 @@
<h2>{{.UI.InfoModal.Title}}</h2>
<div class="info-modal-cv-title">
CV {{.CurrentYear}} JAMR -
<img src="/static/images/profile/dni.jpeg" alt="JAMR" class="info-modal-photo">
<span class="photo-bracket-wrapper">
<img src="/static/images/profile/dni.jpeg" alt="JAMR" class="info-modal-photo">
</span>
</div>
</div>
@@ -418,6 +420,7 @@
<span>{{.UI.InfoModal.ViewSource}}</span>
<iconify-icon icon="mdi:arrow-right" width="20" height="20"></iconify-icon>
</a>
<p class="info-modal-github-subtext">{{.UI.InfoModal.ViewSourceSubtext}}</p>
</div>
</div>
</div>