style: improve GitHub link visibility with whitesmoke default and clearer blue hover

- Change default color from accent-blue to whitesmoke for better visibility
- Add clearer light blue hover color (#66B3FF instead of dark blue)
- Add smooth color transition on hover
- Remove inline color style, use CSS class instead
This commit is contained in:
juanatsap
2025-11-09 02:55:10 +00:00
parent 5447b1e0a5
commit 18759c5637
2 changed files with 11 additions and 1 deletions
+10
View File
@@ -1107,6 +1107,16 @@ footer {
font-size: 0.85rem;
}
/* GitHub repository link styling */
.github-repo-link {
color: whitesmoke !important;
transition: color 0.2s ease-in-out;
}
.github-repo-link:hover {
color: #66B3FF !important;
}
/* CV Version Toggle Animations */
@keyframes fadeInGrow {
+1 -1
View File
@@ -241,7 +241,7 @@
<!-- Footer (hidden in print) -->
<footer class="no-print">
<p style="text-align: center; margin-bottom: 0.5rem;">
<a href="https://github.com/juanatsap/cv-site" target="_blank" rel="noopener noreferrer" style="color: var(--accent-blue); text-decoration: none; display: inline-flex; align-items: center; gap: 0.5rem;">
<a href="https://github.com/juanatsap/cv-site" target="_blank" rel="noopener noreferrer" class="github-repo-link" style="text-decoration: none; display: inline-flex; align-items: center; gap: 0.5rem;">
<iconify-icon icon="mdi:github" width="20" height="20"></iconify-icon>
{{if eq .Lang "es"}}Ver este proyecto en GitHub{{else}}View this project on GitHub{{end}}
</a>