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)

data/ui-en.json

@@ -8,6 +8,7 @@
       "html5": "Semantic HTML5",
       "css3": "Pure CSS3"
     },
-    "viewSource": "View Project in Github"
+    "viewSource": "View Project in Github",
+    "viewSourceSubtext": "Want to know how it's built?"
   }
 }

data/ui-es.json

@@ -8,6 +8,7 @@
       "html5": "HTML5 Semántico",
       "css3": "CSS3 Puro"
     },
-    "viewSource": "Ver proyecto en Github"
+    "viewSource": "Ver proyecto en Github",
+    "viewSourceSubtext": "¿Quieres saber cómo está hecho?"
   }
 }

static/css/main.css

@@ -2750,8 +2750,37 @@ html {
     height: 53px;
     object-fit: cover;
     border-radius: 4px;
-    border: 2px solid #27ae60;
+    border: none;
-    box-shadow: 0 2px 8px rgba(39, 174, 96, 0.2);
+    box-shadow: none;
+}
+
+.photo-bracket-wrapper {
+    position: relative;
+    display: inline-flex;
+    align-items: center;
+    padding: 0 22px;
+}
+
+.photo-bracket-wrapper::before {
+    content: '{';
+    position: absolute;
+    left: 2px;
+    font-size: 2rem;
+    font-weight: 700;
+    color: #27ae60;
+    line-height: 1;
+    top: 8px;
+}
+
+.photo-bracket-wrapper::after {
+    content: '}';
+    position: absolute;
+    right: 2px;
+    font-size: 2rem;
+    font-weight: 700;
+    color: #27ae60;
+    line-height: 1;
+    top: 8px;
 }
 
 .info-modal-body {
@@ -2833,6 +2862,15 @@ html {
     box-shadow: 0 4px 15px rgba(39, 174, 96, 0.3);
 }
 
+.info-modal-github-subtext {
+    text-align: center;
+    font-size: 0.9rem;
+    color: #666;
+    margin-top: 0.5rem;
+    margin-bottom: 0;
+    font-style: italic;
+}
+
 /* Mobile responsive */
 @media (max-width: 768px) {
     .info-modal-content {

templates/index.html

@@ -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>