From 6204ffdd6c0021dcce8d5737c3c30c9abef38532 Mon Sep 17 00:00:00 2001
From: juanatsap <juanatsap@gmail.com>
Date: Sun, 26 Apr 2026 23:39:38 +0100
Subject: [PATCH] =?UTF-8?q?fix:=20chat=20uses=20second=20person=20(t=C3=BA?=
 =?UTF-8?q?/you),=20footer=20text=20visible=20over=20background?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Chat suggestions and help modal questions now address Juan directly
- Footer text/links use white with text-shadow for readability over photos
---
 static/css/03-components/_experience.css      |  5 ++--
 static/css/03-components/_projects.css        |  3 +-
 .../partials/modals/chat-help-modal.html      | 30 +++++++++----------
 templates/partials/widgets/chat-widget.html   | 20 ++++++-------
 4 files changed, 30 insertions(+), 28 deletions(-)

diff --git a/static/css/03-components/_experience.css b/static/css/03-components/_experience.css
index 230bf18..723d94b 100644
--- a/static/css/03-components/_experience.css
+++ b/static/css/03-components/_experience.css
@@ -451,13 +451,14 @@
 footer {
     text-align: center;
     padding: 2rem;
-    color: var(--text-muted, #666666); /* Theme-aware color (light: #666666, dark: #b0b0b0) */
+    color: rgba(255,255,255,0.95);
     font-size: 0.85rem;
+    text-shadow: 0 1px 4px rgba(0,0,0,0.6);
 }
 
 /* GitHub repository link styling */
 .github-repo-link {
-    color: var(--text-secondary, #333333) !important; /* Theme-aware link color */
+    color: rgba(255,255,255,0.95) !important;
     transition: color 0.2s ease-in-out;
 }
 
diff --git a/static/css/03-components/_projects.css b/static/css/03-components/_projects.css
index effde16..85a1dc5 100644
--- a/static/css/03-components/_projects.css
+++ b/static/css/03-components/_projects.css
@@ -148,8 +148,9 @@
 footer {
     text-align: center;
     padding: 2rem;
-    color: rgba(255,255,255,0.7);
+    color: rgba(255,255,255,0.95);
     font-size: 0.85rem;
+    text-shadow: 0 1px 4px rgba(0,0,0,0.6);
 }
 
 /* GitHub repository link styling */
diff --git a/templates/partials/modals/chat-help-modal.html b/templates/partials/modals/chat-help-modal.html
index 25b8805..d244408 100644
--- a/templates/partials/modals/chat-help-modal.html
+++ b/templates/partials/modals/chat-help-modal.html
@@ -31,10 +31,10 @@
                         {{if eq .Lang "es"}}Experiencia{{else}}Experience{{end}}
                     </summary>
                     <div class="chat-help-questions">
-                        <button class="chat-help-q" onclick="closeChatHelpAndAsk('{{if eq .Lang "es"}}¿Cuántos años de experiencia tiene Juan?{{else}}How many years of experience does Juan have?{{end}}')">{{if eq .Lang "es"}}¿Cuántos años de experiencia tiene?{{else}}How many years of experience?{{end}}</button>
-                        <button class="chat-help-q" onclick="closeChatHelpAndAsk('{{if eq .Lang "es"}}¿En qué empresas ha trabajado?{{else}}What companies has he worked at?{{end}}')">{{if eq .Lang "es"}}¿En qué empresas ha trabajado?{{else}}What companies has he worked at?{{end}}</button>
+                        <button class="chat-help-q" onclick="closeChatHelpAndAsk('{{if eq .Lang "es"}}¿Cuántos años de experiencia tienes?{{else}}How many years of experience do you have?{{end}}')">{{if eq .Lang "es"}}¿Cuántos años de experiencia tienes?{{else}}How many years of experience?{{end}}</button>
+                        <button class="chat-help-q" onclick="closeChatHelpAndAsk('{{if eq .Lang "es"}}¿En qué empresas has trabajado?{{else}}What companies have you worked at?{{end}}')">{{if eq .Lang "es"}}¿En qué empresas has trabajado?{{else}}What companies have you worked at?{{end}}</button>
                         <button class="chat-help-q" onclick="closeChatHelpAndAsk('{{if eq .Lang "es"}}Cuéntame sobre Olympic Broadcasting{{else}}Tell me about Olympic Broadcasting{{end}}')">{{if eq .Lang "es"}}Cuéntame sobre Olympic Broadcasting{{else}}Tell me about Olympic Broadcasting{{end}}</button>
-                        <button class="chat-help-q" onclick="closeChatHelpAndAsk('{{if eq .Lang "es"}}¿Qué hacía en SAP?{{else}}What did he do at SAP?{{end}}')">{{if eq .Lang "es"}}¿Qué hacía en SAP?{{else}}What did he do at SAP?{{end}}</button>
+                        <button class="chat-help-q" onclick="closeChatHelpAndAsk('{{if eq .Lang "es"}}¿Qué hacías en SAP?{{else}}What did you do at SAP?{{end}}')">{{if eq .Lang "es"}}¿Qué hacías en SAP?{{else}}What did you do at SAP?{{end}}</button>
                     </div>
                 </details>
 
@@ -45,11 +45,11 @@
                         {{if eq .Lang "es"}}Tecnologías{{else}}Technologies{{end}}
                     </summary>
                     <div class="chat-help-questions">
-                        <button class="chat-help-q" onclick="closeChatHelpAndAsk('{{if eq .Lang "es"}}¿Qué lenguajes de programación conoce?{{else}}What programming languages does he know?{{end}}')">{{if eq .Lang "es"}}¿Qué lenguajes conoce?{{else}}What languages does he know?{{end}}</button>
-                        <button class="chat-help-q" onclick="closeChatHelpAndAsk('{{if eq .Lang "es"}}¿Ha trabajado con React? ¿Dónde?{{else}}Has he worked with React? Where?{{end}}')">{{if eq .Lang "es"}}¿Ha trabajado con React?{{else}}Has he worked with React?{{end}}</button>
-                        <button class="chat-help-q" onclick="closeChatHelpAndAsk('{{if eq .Lang "es"}}¿Cuál es su experiencia con Go?{{else}}What is his Go experience?{{end}}')">{{if eq .Lang "es"}}¿Experiencia con Go?{{else}}Go experience?{{end}}</button>
-                        <button class="chat-help-q" onclick="closeChatHelpAndAsk('{{if eq .Lang "es"}}¿Conoce Node.js?{{else}}Does he know Node.js?{{end}}')">{{if eq .Lang "es"}}¿Conoce Node.js?{{else}}Does he know Node.js?{{end}}</button>
-                        <button class="chat-help-q" onclick="closeChatHelpAndAsk('{{if eq .Lang "es"}}¿Tiene experiencia con Docker?{{else}}Does he have Docker experience?{{end}}')">{{if eq .Lang "es"}}¿Experiencia con Docker?{{else}}Docker experience?{{end}}</button>
+                        <button class="chat-help-q" onclick="closeChatHelpAndAsk('{{if eq .Lang "es"}}¿Qué lenguajes de programación conoces?{{else}}What programming languages do you know?{{end}}')">{{if eq .Lang "es"}}¿Qué lenguajes conoces?{{else}}What languages do you know?{{end}}</button>
+                        <button class="chat-help-q" onclick="closeChatHelpAndAsk('{{if eq .Lang "es"}}¿Has trabajado con React? ¿Dónde?{{else}}Have you worked with React? Where?{{end}}')">{{if eq .Lang "es"}}¿Has trabajado con React?{{else}}Have you worked with React?{{end}}</button>
+                        <button class="chat-help-q" onclick="closeChatHelpAndAsk('{{if eq .Lang "es"}}¿Cuál es tu experiencia con Go?{{else}}What is your Go experience?{{end}}')">{{if eq .Lang "es"}}¿Experiencia con Go?{{else}}Go experience?{{end}}</button>
+                        <button class="chat-help-q" onclick="closeChatHelpAndAsk('{{if eq .Lang "es"}}¿Conoces Node.js?{{else}}Do you know Node.js?{{end}}')">{{if eq .Lang "es"}}¿Conoces Node.js?{{else}}Do you know Node.js?{{end}}</button>
+                        <button class="chat-help-q" onclick="closeChatHelpAndAsk('{{if eq .Lang "es"}}¿Tienes experiencia con Docker?{{else}}Do you have Docker experience?{{end}}')">{{if eq .Lang "es"}}¿Experiencia con Docker?{{else}}Docker experience?{{end}}</button>
                     </div>
                 </details>
 
@@ -60,9 +60,9 @@
                         {{if eq .Lang "es"}}Proyectos{{else}}Projects{{end}}
                     </summary>
                     <div class="chat-help-questions">
-                        <button class="chat-help-q" onclick="closeChatHelpAndAsk('{{if eq .Lang "es"}}¿Qué proyectos personales ha creado?{{else}}What personal projects has he built?{{end}}')">{{if eq .Lang "es"}}¿Qué proyectos ha creado?{{else}}What projects has he built?{{end}}</button>
+                        <button class="chat-help-q" onclick="closeChatHelpAndAsk('{{if eq .Lang "es"}}¿Qué proyectos personales has creado?{{else}}What personal projects have you built?{{end}}')">{{if eq .Lang "es"}}¿Qué proyectos has creado?{{else}}What projects have you built?{{end}}</button>
                         <button class="chat-help-q" onclick="closeChatHelpAndAsk('{{if eq .Lang "es"}}Cuéntame sobre Immich Photo Manager{{else}}Tell me about Immich Photo Manager{{end}}')">{{if eq .Lang "es"}}Sobre Immich Photo Manager{{else}}About Immich Photo Manager{{end}}</button>
-                        <button class="chat-help-q" onclick="closeChatHelpAndAsk('{{if eq .Lang "es"}}¿Qué proyectos open-source mantiene?{{else}}What open-source projects does he maintain?{{end}}')">{{if eq .Lang "es"}}¿Proyectos open-source?{{else}}Open-source projects?{{end}}</button>
+                        <button class="chat-help-q" onclick="closeChatHelpAndAsk('{{if eq .Lang "es"}}¿Qué proyectos open-source mantienes?{{else}}What open-source projects do you maintain?{{end}}')">{{if eq .Lang "es"}}¿Proyectos open-source?{{else}}Open-source projects?{{end}}</button>
                     </div>
                 </details>
 
@@ -73,9 +73,9 @@
                         {{if eq .Lang "es"}}Formación{{else}}Education{{end}}
                     </summary>
                     <div class="chat-help-questions">
-                        <button class="chat-help-q" onclick="closeChatHelpAndAsk('{{if eq .Lang "es"}}¿Qué certificaciones tiene?{{else}}What certifications does he have?{{end}}')">{{if eq .Lang "es"}}¿Certificaciones?{{else}}Certifications?{{end}}</button>
-                        <button class="chat-help-q" onclick="closeChatHelpAndAsk('{{if eq .Lang "es"}}¿Dónde estudió?{{else}}Where did he study?{{end}}')">{{if eq .Lang "es"}}¿Dónde estudió?{{else}}Where did he study?{{end}}</button>
-                        <button class="chat-help-q" onclick="closeChatHelpAndAsk('{{if eq .Lang "es"}}¿Qué cursos ha completado?{{else}}What courses has he completed?{{end}}')">{{if eq .Lang "es"}}¿Cursos completados?{{else}}Courses completed?{{end}}</button>
+                        <button class="chat-help-q" onclick="closeChatHelpAndAsk('{{if eq .Lang "es"}}¿Qué certificaciones tienes?{{else}}What certifications do you have?{{end}}')">{{if eq .Lang "es"}}¿Certificaciones?{{else}}Certifications?{{end}}</button>
+                        <button class="chat-help-q" onclick="closeChatHelpAndAsk('{{if eq .Lang "es"}}¿Dónde estudiaste?{{else}}Where did you study?{{end}}')">{{if eq .Lang "es"}}¿Dónde estudiaste?{{else}}Where did you study?{{end}}</button>
+                        <button class="chat-help-q" onclick="closeChatHelpAndAsk('{{if eq .Lang "es"}}¿Qué cursos has completado?{{else}}What courses have you completed?{{end}}')">{{if eq .Lang "es"}}¿Cursos completados?{{else}}Courses completed?{{end}}</button>
                     </div>
                 </details>
 
@@ -86,9 +86,9 @@
                         {{if eq .Lang "es"}}Habilidades{{else}}Skills{{end}}
                     </summary>
                     <div class="chat-help-questions">
-                        <button class="chat-help-q" onclick="closeChatHelpAndAsk('{{if eq .Lang "es"}}¿Cuáles son sus principales habilidades técnicas?{{else}}What are his main technical skills?{{end}}')">{{if eq .Lang "es"}}¿Habilidades técnicas principales?{{else}}Main technical skills?{{end}}</button>
+                        <button class="chat-help-q" onclick="closeChatHelpAndAsk('{{if eq .Lang "es"}}¿Cuáles son tus principales habilidades técnicas?{{else}}What are your main technical skills?{{end}}')">{{if eq .Lang "es"}}¿Habilidades técnicas principales?{{else}}Main technical skills?{{end}}</button>
                         <button class="chat-help-q" onclick="closeChatHelpAndAsk('{{if eq .Lang "es"}}¿Qué hay de CI/CD?{{else}}What about CI/CD?{{end}}')">{{if eq .Lang "es"}}¿Experiencia con CI/CD?{{else}}CI/CD experience?{{end}}</button>
-                        <button class="chat-help-q" onclick="closeChatHelpAndAsk('{{if eq .Lang "es"}}¿Qué idiomas habla?{{else}}What languages does he speak?{{end}}')">{{if eq .Lang "es"}}¿Qué idiomas habla?{{else}}Languages spoken?{{end}}</button>
+                        <button class="chat-help-q" onclick="closeChatHelpAndAsk('{{if eq .Lang "es"}}¿Qué idiomas hablas?{{else}}What languages do you speak?{{end}}')">{{if eq .Lang "es"}}¿Qué idiomas hablas?{{else}}Languages spoken?{{end}}</button>
                     </div>
                 </details>
 
diff --git a/templates/partials/widgets/chat-widget.html b/templates/partials/widgets/chat-widget.html
index 1f5be09..dedc791 100644
--- a/templates/partials/widgets/chat-widget.html
+++ b/templates/partials/widgets/chat-widget.html
@@ -77,17 +77,17 @@
     <!-- Suggested Questions -->
     <div class="chat-suggestions">
         {{if eq .Lang "es"}}
-        <button type="button" class="chat-chip" onclick="sendChatQuestion('¿Qué proyectos en Go ha hecho?')">¿Proyectos en Go?</button>
-        <button type="button" class="chat-chip" onclick="sendChatQuestion('¿Cuántos años de experiencia tiene?')">¿Años de experiencia?</button>
-        <button type="button" class="chat-chip" onclick="sendChatQuestion('¿En qué empresas ha trabajado?')">¿Empresas?</button>
-        <button type="button" class="chat-chip" onclick="sendChatQuestion('¿Conoce React?')">¿Conoce React?</button>
-        <button type="button" class="chat-chip" onclick="sendChatQuestion('¿Qué certificaciones tiene?')">¿Certificaciones?</button>
+        <button type="button" class="chat-chip" onclick="sendChatQuestion('¿Qué proyectos en Go has hecho?')">¿Proyectos en Go?</button>
+        <button type="button" class="chat-chip" onclick="sendChatQuestion('¿Cuántos años de experiencia tienes?')">¿Años de experiencia?</button>
+        <button type="button" class="chat-chip" onclick="sendChatQuestion('¿En qué empresas has trabajado?')">¿Empresas?</button>
+        <button type="button" class="chat-chip" onclick="sendChatQuestion('¿Conoces React?')">¿Conoces React?</button>
+        <button type="button" class="chat-chip" onclick="sendChatQuestion('¿Qué certificaciones tienes?')">¿Certificaciones?</button>
         {{else}}
-        <button type="button" class="chat-chip" onclick="sendChatQuestion('What Go projects has he built?')">Go projects?</button>
-        <button type="button" class="chat-chip" onclick="sendChatQuestion('How many years of experience?')">Years of experience?</button>
-        <button type="button" class="chat-chip" onclick="sendChatQuestion('What companies has he worked at?')">Companies?</button>
-        <button type="button" class="chat-chip" onclick="sendChatQuestion('Does he know React?')">Knows React?</button>
-        <button type="button" class="chat-chip" onclick="sendChatQuestion('What certifications?')">Certifications?</button>
+        <button type="button" class="chat-chip" onclick="sendChatQuestion('What Go projects have you built?')">Go projects?</button>
+        <button type="button" class="chat-chip" onclick="sendChatQuestion('How many years of experience do you have?')">Years of experience?</button>
+        <button type="button" class="chat-chip" onclick="sendChatQuestion('What companies have you worked at?')">Companies?</button>
+        <button type="button" class="chat-chip" onclick="sendChatQuestion('Do you know React?')">Know React?</button>
+        <button type="button" class="chat-chip" onclick="sendChatQuestion('What certifications do you have?')">Certifications?</button>
         {{end}}
     </div>