feat: enhance info modal with inline photo and updated GitHub link

- Update modal title from "CV 2025 - {JAMR}" to "CV 2025 JAMR -" with inline photo
- Add .info-modal-photo CSS with flexbox layout for proper photo alignment
- Change button text from "View Source Code" to "View Project in Github" (EN/ES)
- Photo styled with green border and shadow matching modal theme
This commit is contained in:
juanatsap
2025-11-10 17:37:17 +00:00
parent 73b402173c
commit 49946acfcf
4 changed files with 19 additions and 3 deletions
+1 -1
View File
@@ -8,6 +8,6 @@
"html5": "Semantic HTML5",
"css3": "Pure CSS3"
},
"viewSource": "View Source Code"
"viewSource": "View Project in Github"
}
}
+1 -1
View File
@@ -8,6 +8,6 @@
"html5": "HTML5 Semántico",
"css3": "CSS3 Puro"
},
"viewSource": "Ver código fuente"
"viewSource": "Ver proyecto en Github"
}
}
+13
View File
@@ -2533,6 +2533,19 @@ html {
color: #27ae60;
margin-bottom: 0;
letter-spacing: 0.05em;
display: flex;
align-items: center;
gap: 0.5rem;
justify-content: center;
}
.info-modal-photo {
width: 40px;
height: 53px;
object-fit: cover;
border-radius: 4px;
border: 2px solid #27ae60;
box-shadow: 0 2px 8px rgba(39, 174, 96, 0.2);
}
.info-modal-body {
+4 -1
View File
@@ -383,7 +383,10 @@
<div class="info-modal-header">
<h2>{{.UI.InfoModal.Title}}</h2>
<div class="info-modal-cv-title">CV {{.CurrentYear}} - {JAMR}</div>
<div class="info-modal-cv-title">
CV {{.CurrentYear}} JAMR -
<img src="/static/images/profile/dni.jpeg" alt="JAMR" class="info-modal-photo">
</div>
</div>
<div class="info-modal-body">