Skip to content

Commit cf37a23

Browse files
SebiGitHubSebiGitHub
committed
Pequeñas modifcaciones
1 parent dff6134 commit cf37a23

4 files changed

Lines changed: 108 additions & 17 deletions

File tree

‎assets/css/styles.css‎

Lines changed: 60 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -513,6 +513,8 @@ p{
513513
text-align:center;
514514
max-width: 860px;
515515
margin: 0 auto 18px;
516+
font-weight: 800;
517+
color: rgba(255,255,255,.82);
516518
}
517519
.cv-actions{
518520
display:flex;
@@ -532,6 +534,17 @@ p{
532534
padding-bottom: 18px; /* ✅ menos espacio bajo el footer */
533535
}
534536

537+
/* ===== CONTACT: titulo centrado + separador ancho ===== */
538+
#contact .section-title{
539+
text-align: center;
540+
}
541+
542+
#contact .section-title::after{
543+
width: min(1100px, 92%);
544+
margin-left: auto;
545+
margin-right: auto;
546+
}
547+
535548
.contact-lead{
536549
text-align:center; /* ✅ centrada */
537550
color:#fff;
@@ -552,6 +565,8 @@ p{
552565
.contact-cards{
553566
display:grid;
554567
gap: 14px;
568+
align-self: center;
569+
transform: translateY(8px);
555570
}
556571

557572
.contact-card{
@@ -649,8 +664,18 @@ p{
649664
border-color: rgba(196,181,253,.55);
650665
}
651666

667+
.contact-form .btn{
668+
display: flex;
669+
justify-content: center;
670+
width: max-content;
671+
margin: 16px auto 0;
672+
text-transform: uppercase;
673+
letter-spacing: .08em;
674+
}
675+
652676
.contact-note{
653677
margin-top: 12px;
678+
text-align: center;
654679
color: rgba(255,255,255,.55);
655680
font-size: 13px;
656681
}
@@ -682,6 +707,7 @@ p{
682707
@media (max-width: 900px){
683708
.contact-grid{
684709
grid-template-columns: 1fr;
710+
transform: none;
685711
}
686712
}
687713

@@ -702,4 +728,37 @@ p{
702728
@media (min-width: 820px){
703729
.card.col-4{ grid-column: span 4; }
704730
.card.col-6{ grid-column: span 6; }
705-
}
731+
}
732+
733+
/* ===== Chips con color por tecnología ===== */
734+
.chip, .project-card .tech span{
735+
--chip-bg: rgba(255,255,255,.05);
736+
--chip-bd: rgba(255,255,255,.10);
737+
--chip-fg: rgba(255,255,255,.92);
738+
background: var(--chip-bg);
739+
border: 1px solid var(--chip-bd);
740+
color: var(--chip-fg);
741+
}
742+
743+
/* tonos */
744+
.t-salesforce{ --chip-bg: rgba(0,161,224,.16); --chip-bd: rgba(0,161,224,.32); }
745+
.t-powerapps{ --chip-bg: rgba(196,181,253,.16); --chip-bd: rgba(196,181,253,.34); }
746+
.t-data{ --chip-bg: rgba(52,211,153,.14); --chip-bd: rgba(52,211,153,.30); }
747+
.t-excel{ --chip-bg: rgba(34,197,94,.14); --chip-bd: rgba(34,197,94,.32); }
748+
.t-dotnet{ --chip-bg: rgba(167,139,250,.15); --chip-bd: rgba(167,139,250,.34); }
749+
.t-kotlin{ --chip-bg: rgba(244,114,182,.14); --chip-bd: rgba(244,114,182,.30); }
750+
.t-python{ --chip-bg: rgba(250,204,21,.12); --chip-bd: rgba(250,204,21,.28); }
751+
.t-js{ --chip-bg: rgba(250,204,21,.12); --chip-bd: rgba(250,204,21,.28); }
752+
.t-java{ --chip-bg: rgba(251,146,60,.14); --chip-bd: rgba(251,146,60,.30); }
753+
.t-vb{ --chip-bg: rgba(148,163,184,.14); --chip-bd: rgba(148,163,184,.30); }
754+
.t-html{ --chip-bg: rgba(249,115,22,.14); --chip-bd: rgba(249,115,22,.30); }
755+
.t-css{ --chip-bg: rgba(59,130,246,.14); --chip-bd: rgba(59,130,246,.30); }
756+
.t-wp{ --chip-bg: rgba(56,189,248,.14); --chip-bd: rgba(56,189,248,.30); }
757+
.t-git{ --chip-bg: rgba(249,115,22,.12); --chip-bd: rgba(249,115,22,.26); }
758+
.t-github{ --chip-bg: rgba(148,163,184,.12); --chip-bd: rgba(148,163,184,.26); }
759+
760+
/* soft skills */
761+
.t-soft-comm{ --chip-bg: rgba(34,211,238,.12); --chip-bd: rgba(34,211,238,.26); }
762+
.t-soft-cur{ --chip-bg: rgba(196,181,253,.12); --chip-bd: rgba(196,181,253,.28); }
763+
.t-soft-adapt{ --chip-bg: rgba(52,211,153,.12); --chip-bd: rgba(52,211,153,.26); }
764+
.t-soft-org{ --chip-bg: rgba(251,191,36,.12); --chip-bd: rgba(251,191,36,.26); }

‎assets/i18n/en.json‎

Lines changed: 6 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -116,13 +116,13 @@
116116
"p2_desc": "Fictional product catalog with full CRUD: add, update, delete, filter and sort products across multiple screens.",
117117
"p2_why": "It helped me structure data in a desktop app and keep consistency across screens—solid foundations for bigger projects.",
118118

119-
"p3_title": "PokedexBuscador",
120-
"p3_desc": "Kotlin Android app that consumes the Pokémon API to display relevant Pokémon information.",
121-
"p3_why": "Practice with real APIs and JSON trees: client-server communication and efficient UI data rendering."
119+
"p3_title": "Agenda App",
120+
"p3_desc": "Agenda app to manage contacts and/or events with a clean, productivity-focused UI.",
121+
"p3_why": "It helped me practice app structure, data persistence and a clean UI designed for real usage."
122122
},
123123
"xp": {
124124
"title": "Experience & Certifications",
125-
"lead": "Where I’ve applied this with real people, real data and real deadlines.",
125+
"lead": "Where, how and when I’ve gained and applied my skills.",
126126
"timeline": [
127127
{
128128
"title": "DAM Internship — Hospital San Juan de Dios",
@@ -173,12 +173,13 @@
173173
"btn_en": "Download CV (EN)"
174174
},
175175
"contact": {
176+
"subtitle": "Interested in collaborating, or want to know what I can bring to your team?",
176177
"linkedin_value": "View profile",
177178
"github_value": "View repositories",
178179
"form_name": "Name",
179180
"form_email": "Email",
180181
"form_message": "Message",
181182
"form_button": "Send message",
182-
"form_note": "Gmail will open with a prepared draft."
183+
"form_note": "(Gmail will open with a prepared draft)"
183184
}
184185
}

‎assets/i18n/es.json‎

Lines changed: 6 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -116,13 +116,13 @@
116116
"p2_desc": "Catálogo ficticio con CRUD completo: agregar, actualizar, eliminar, filtrar y ordenar productos en varias pantallas.",
117117
"p2_why": "Me ayudó a estructurar datos en una app de escritorio y a mantener consistencia entre pantallas, base para proyectos más grandes.",
118118

119-
"p3_title": "PokedexBuscador",
120-
"p3_desc": "Aplicación en Kotlin que consulta la API de Pokémon para mostrar información útil de cada Pokémon.",
121-
"p3_why": "Práctica con APIs reales y JSON: comunicación cliente-servidor y presentación de datos dinámicos en Android."
119+
"p3_title": "Agenda App",
120+
"p3_desc": "App de agenda para gestionar contactos y/o eventos, con interfaz clara y enfoque en productividad.",
121+
"p3_why": "Me permitió practicar estructura de app, persistencia de datos y una UI limpia orientada a uso real."
122122
},
123123
"xp": {
124124
"title": "Experiencia & Certificaciones",
125-
"lead": "Donde he aplicado esto con gente real, datos reales y deadlines reales.",
125+
"lead": "Donde, como y cuando he obtenido y aplicado mis conocimientos.",
126126
"timeline": [
127127
{
128128
"title": "Prácticas DAM — Hospital San Juan de Dios",
@@ -173,12 +173,13 @@
173173
"btn_en": "Descargar CV (EN)"
174174
},
175175
"contact": {
176+
"subtitle": "¿Te interesa que colaboremos o quieres saber más sobre lo que puedo aportar a tu equipo?",
176177
"linkedin_value": "Ver perfil",
177178
"github_value": "Ver repositorios",
178179
"form_name": "Nombre",
179180
"form_email": "Email",
180181
"form_message": "Mensaje",
181182
"form_button": "Enviar mensaje",
182-
"form_note": "Se abrirá Gmail con el mensaje preparado."
183+
"form_note": "(Se abrirá Gmail con el mensaje preparado)"
183184
}
184185
}

‎assets/js/app.js‎

Lines changed: 36 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -56,6 +56,35 @@ function updateLangToggleUI() {
5656
});
5757
}
5858

59+
function chipTone(label = "") {
60+
const l = label.toLowerCase();
61+
62+
if (l.includes("salesforce") || l.includes("apex")) return "t-salesforce";
63+
if (l.includes("powerapps") || l.includes("sharepoint")) return "t-powerapps";
64+
if (l.includes("access") || l.includes("sql")) return "t-data";
65+
if (l.includes("excel")) return "t-excel";
66+
if (l.includes("c#") || l.includes(".net") || l.includes("csharp")) return "t-dotnet";
67+
if (l.includes("kotlin")) return "t-kotlin";
68+
if (l.includes("python")) return "t-python";
69+
if (l.includes("javascript")) return "t-js";
70+
if (l === "java" || l.includes(" java")) return "t-java";
71+
if (l.includes("vbscript")) return "t-vb";
72+
if (l === "html") return "t-html";
73+
if (l === "css") return "t-css";
74+
if (l.includes("wordpress")) return "t-wp";
75+
if (l === "git") return "t-git";
76+
if (l.includes("github")) return "t-github";
77+
78+
// soft skills
79+
if (l.includes("comunicación") || l.includes("communication")) return "t-soft-comm";
80+
if (l.includes("curiosidad") || l.includes("curiosity")) return "t-soft-cur";
81+
if (l.includes("adaptabilidad") || l.includes("adaptability")) return "t-soft-adapt";
82+
if (l.includes("orden") || l.includes("organization")) return "t-soft-org";
83+
84+
return "";
85+
}
86+
87+
5988
document.getElementById("lang-toggle")?.addEventListener("click", () => {
6089
loadDict(STATE.lang === "es" ? "en" : "es");
6190
});
@@ -84,7 +113,7 @@ function renderAbout() {
84113
.join("");
85114

86115
chips.innerHTML = (t.about.chips || [])
87-
.map((ch) => `<span class="chip"><i class="${ch.icon}"></i>${ch.label}</span>`)
116+
.map((ch) => `<span class="chip ${chipTone(ch.label)}"><i class="${ch.icon}"></i>${ch.label}</span>`)
88117
.join("");
89118
}
90119

@@ -104,7 +133,8 @@ function renderSkills() {
104133
<h3 class="card-title"><i class="${cat.icon}"></i><span>${cat.title}</span></h3>
105134
<div class="chips">
106135
${(cat.items || [])
107-
.map((it) => `<span class="chip"><i class="${it.icon}"></i>${it.label}</span>`)
136+
.map((it) => `<span class="chip ${chipTone(it.label)}"><i class="${it.icon}"></i>${it.label}</span>
137+
`)
108138
.join("")}
109139
</div>
110140
</article>
@@ -175,9 +205,9 @@ function getProjectItems() {
175205
title: proj.p3_title,
176206
desc: proj.p3_desc,
177207
why: proj.p3_why,
178-
link: "https://github.com/SebiGitHub/PokedexBuscador",
179-
tech: ["Android Studio", "Kotlin", "PokeAPI"],
180-
emoji: "🔍",
208+
link: "https://github.com/SebiGitHub/Agenda",
209+
tech: ["Android", "Kotlin", "SQLite/Room"],
210+
icon: "fa-solid fa-calendar-days"
181211
},
182212
];
183213
}
@@ -210,7 +240,7 @@ function renderProjects() {
210240
<p>${p.desc}</p>
211241
212242
<div class="tech">
213-
${p.tech.map((t) => `<span>${t}</span>`).join("")}
243+
${p.tech.map((t) => `<span class="${chipTone(t)}">${t}</span>`).join("")}
214244
</div>
215245
216246
<details>

0 commit comments

Comments
 (0)