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:
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user