From 49946acfcfee6b7e2728c6af76599c170ad78f84 Mon Sep 17 00:00:00 2001
From: juanatsap <juanatsap@gmail.com>
Date: Mon, 10 Nov 2025 17:37:17 +0000
Subject: [PATCH] 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
---
 data/ui-en.json      |  2 +-
 data/ui-es.json      |  2 +-
 static/css/main.css  | 13 +++++++++++++
 templates/index.html |  5 ++++-
 4 files changed, 19 insertions(+), 3 deletions(-)

diff --git a/data/ui-en.json b/data/ui-en.json
index 70ab5f1..0c9e12c 100644
--- a/data/ui-en.json
+++ b/data/ui-en.json
@@ -8,6 +8,6 @@
       "html5": "Semantic HTML5",
       "css3": "Pure CSS3"
     },
-    "viewSource": "View Source Code"
+    "viewSource": "View Project in Github"
   }
 }
diff --git a/data/ui-es.json b/data/ui-es.json
index c07708a..bd4f3bd 100644
--- a/data/ui-es.json
+++ b/data/ui-es.json
@@ -8,6 +8,6 @@
       "html5": "HTML5 Semántico",
       "css3": "CSS3 Puro"
     },
-    "viewSource": "Ver código fuente"
+    "viewSource": "Ver proyecto en Github"
   }
 }
diff --git a/static/css/main.css b/static/css/main.css
index 27e171f..964f038 100644
--- a/static/css/main.css
+++ b/static/css/main.css
@@ -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 {
diff --git a/templates/index.html b/templates/index.html
index 64d9e6f..a4dfbe0 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -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">