From 1be40912f7227dc9d5a39e7b8d1dc6a6c6978e57 Mon Sep 17 00:00:00 2001
From: juanatsap <juanatsap@gmail.com>
Date: Sun, 9 Nov 2025 20:18:08 +0000
Subject: [PATCH] Update info modal header design

Changes per user request:
- Replaced bouncing code icon with 'CV {YEAR} - JAMR' text (dynamic year)
- Made 'About this CV' title dark (#333) instead of green gradient
- Removed floating animation (@keyframes float)
- CV title styled in green with bold weight and letter spacing
- Cleaner, more professional header appearance
---
 static/css/main.css  | 21 +++++++--------------
 templates/index.html |  2 +-
 2 files changed, 8 insertions(+), 15 deletions(-)

diff --git a/static/css/main.css b/static/css/main.css
index 9e177aa..75c98f0 100644
--- a/static/css/main.css
+++ b/static/css/main.css
@@ -2380,26 +2380,19 @@ html {
     margin-bottom: 2rem;
 }
 
-.info-modal-icon {
+.info-modal-cv-title {
+    font-size: 1.5rem;
+    font-weight: 700;
     color: #27ae60;
-    margin-bottom: 1rem;
-    animation: float 3s ease-in-out infinite;
-}
-
-@keyframes float {
-    0%, 100% { transform: translateY(0px); }
-    50% { transform: translateY(-10px); }
+    margin-bottom: 0.5rem;
+    letter-spacing: 0.05em;
 }
 
 .info-modal-header h2 {
-    font-size: 1.75rem;
+    font-size: 1.5rem;
     font-weight: 600;
-    color: #1a1a1a;
+    color: #333;
     margin: 0;
-    background: linear-gradient(135deg, #27ae60 0%, #229954 100%);
-    -webkit-background-clip: text;
-    -webkit-text-fill-color: transparent;
-    background-clip: text;
 }
 
 .info-modal-body {
diff --git a/templates/index.html b/templates/index.html
index 152ee77..b57a7e0 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -297,7 +297,7 @@
             </button>
 
             <div class="info-modal-header">
-                <iconify-icon icon="mdi:code-braces" width="48" height="48" class="info-modal-icon"></iconify-icon>
+                <div class="info-modal-cv-title">CV {{.CurrentYear}} - JAMR</div>
                 <h2>{{if eq .Lang "es"}}Acerca de este CV{{else}}About this CV{{end}}</h2>
             </div>