feat: update email
This commit is contained in:
+157
-40
@@ -29,11 +29,35 @@
|
||||
},
|
||||
};
|
||||
</script>
|
||||
<link rel="alternate" hreflang="es" href="https://www.itziarzameza.dev/index.html" />
|
||||
<link rel="alternate" hreflang="ca" href="https://www.itziarzameza.dev/index-ca.html" />
|
||||
<link rel="alternate" hreflang="en" href="https://www.itziarzameza.dev/index-en.html" />
|
||||
<link rel="preload" href="fonts/material-symbols-outlined.woff2" as="font" type="font/woff2" crossorigin />
|
||||
<link rel="preload" href="fonts/space/space-grotesk-v22-latin-regular.woff2" as="font" type="font/woff2" crossorigin />
|
||||
<link
|
||||
rel="alternate"
|
||||
hreflang="es"
|
||||
href="https://www.itziarzameza.dev/index.html"
|
||||
/>
|
||||
<link
|
||||
rel="alternate"
|
||||
hreflang="ca"
|
||||
href="https://www.itziarzameza.dev/index-ca.html"
|
||||
/>
|
||||
<link
|
||||
rel="alternate"
|
||||
hreflang="en"
|
||||
href="https://www.itziarzameza.dev/index-en.html"
|
||||
/>
|
||||
<link
|
||||
rel="preload"
|
||||
href="fonts/material-symbols-outlined.woff2"
|
||||
as="font"
|
||||
type="font/woff2"
|
||||
crossorigin
|
||||
/>
|
||||
<link
|
||||
rel="preload"
|
||||
href="fonts/space/space-grotesk-v22-latin-regular.woff2"
|
||||
as="font"
|
||||
type="font/woff2"
|
||||
crossorigin
|
||||
/>
|
||||
<link rel="stylesheet" href="css/styles.css?v=1.1" />
|
||||
</head>
|
||||
<body
|
||||
@@ -97,12 +121,24 @@
|
||||
</nav>
|
||||
<div class="flex items-center gap-3">
|
||||
<!-- Language Switcher -->
|
||||
<div class="flex items-center gap-1.5 glass px-3 py-1.5 rounded-full text-xs font-bold">
|
||||
<div
|
||||
class="flex items-center gap-1.5 glass px-3 py-1.5 rounded-full text-xs font-bold"
|
||||
>
|
||||
<span class="text-primary">ES</span>
|
||||
<span class="text-slate-300 dark:text-slate-700">|</span>
|
||||
<a href="index-ca.html" class="text-slate-600 dark:text-slate-400 hover:text-primary transition-colors" title="Català">CA</a>
|
||||
<a
|
||||
href="index-ca.html"
|
||||
class="text-slate-600 dark:text-slate-400 hover:text-primary transition-colors"
|
||||
title="Català"
|
||||
>CA</a
|
||||
>
|
||||
<span class="text-slate-300 dark:text-slate-700">|</span>
|
||||
<a href="index-en.html" class="text-slate-600 dark:text-slate-400 hover:text-primary transition-colors" title="English">EN</a>
|
||||
<a
|
||||
href="index-en.html"
|
||||
class="text-slate-600 dark:text-slate-400 hover:text-primary transition-colors"
|
||||
title="English"
|
||||
>EN</a
|
||||
>
|
||||
</div>
|
||||
<button
|
||||
class="size-10 flex items-center justify-center rounded-full glass hover:bg-white/60 dark:hover:bg-white/10 transition-colors"
|
||||
@@ -268,9 +304,9 @@
|
||||
<p
|
||||
class="text-sm text-slate-600 dark:text-slate-400 leading-relaxed mb-4"
|
||||
>
|
||||
Optimizar el consumo de recursos, minimizando la transferencia
|
||||
de datos y la huella de carbono de las aplicaciones web que
|
||||
desarrollo.
|
||||
Optimizar el consumo de recursos, minimizando la
|
||||
transferencia de datos y la huella de carbono de las
|
||||
aplicaciones web que desarrollo.
|
||||
</p>
|
||||
</div>
|
||||
<a
|
||||
@@ -279,9 +315,13 @@
|
||||
rel="noopener noreferrer"
|
||||
class="inline-flex items-center gap-2 px-3.5 py-2.5 bg-emerald-500/10 border border-emerald-500/20 text-emerald-600 dark:text-emerald-400 rounded-xl text-xs font-bold hover:bg-emerald-500/20 transition-colors mt-2"
|
||||
>
|
||||
<span class="material-symbols-outlined text-base">verified</span>
|
||||
<span class="material-symbols-outlined text-base"
|
||||
>verified</span
|
||||
>
|
||||
<span>Green Software Practitioner</span>
|
||||
<span class="material-symbols-outlined text-xs ml-auto">open_in_new</span>
|
||||
<span class="material-symbols-outlined text-xs ml-auto"
|
||||
>open_in_new</span
|
||||
>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
@@ -856,11 +896,20 @@
|
||||
</p>
|
||||
|
||||
<!-- Nota 1: Green Software Practitioner -->
|
||||
<article class="p-6 glass rounded-2xl border border-white/10 space-y-4">
|
||||
<article
|
||||
class="p-6 glass rounded-2xl border border-white/10 space-y-4"
|
||||
>
|
||||
<div class="flex items-center justify-between">
|
||||
<span class="text-xs text-slate-400 dark:text-slate-500 font-mono">20 de Julio, 2026</span>
|
||||
<span class="px-2.5 py-0.5 bg-emerald-500/10 text-emerald-500 text-xs font-bold rounded-full flex items-center gap-1">
|
||||
<span class="material-symbols-outlined text-xs">verified</span>
|
||||
<span
|
||||
class="text-xs text-slate-400 dark:text-slate-500 font-mono"
|
||||
>20 de Julio, 2026</span
|
||||
>
|
||||
<span
|
||||
class="px-2.5 py-0.5 bg-emerald-500/10 text-emerald-500 text-xs font-bold rounded-full flex items-center gap-1"
|
||||
>
|
||||
<span class="material-symbols-outlined text-xs"
|
||||
>verified</span
|
||||
>
|
||||
Green Software
|
||||
</span>
|
||||
</div>
|
||||
@@ -869,47 +918,109 @@
|
||||
Green Software Practitioner — 5 ideas que me llevo
|
||||
</h4>
|
||||
|
||||
<div class="space-y-4 text-sm text-slate-700 dark:text-slate-300 leading-relaxed">
|
||||
<div
|
||||
class="space-y-4 text-sm text-slate-700 dark:text-slate-300 leading-relaxed"
|
||||
>
|
||||
<div>
|
||||
<h5 class="font-bold text-slate-900 dark:text-white mb-1">¿Por qué hice esta certificación?</h5>
|
||||
<p>Porque quiero construir tecnología que tenga en cuenta su impacto ambiental y social.</p>
|
||||
<h5
|
||||
class="font-bold text-slate-900 dark:text-white mb-1"
|
||||
>
|
||||
¿Por qué hice esta certificación?
|
||||
</h5>
|
||||
<p>
|
||||
Porque quiero construir tecnología que tenga en cuenta
|
||||
su impacto ambiental y social.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<h5 class="font-bold text-slate-900 dark:text-white mb-2">Cinco ideas que me llevo:</h5>
|
||||
<h5
|
||||
class="font-bold text-slate-900 dark:text-white mb-2"
|
||||
>
|
||||
Cinco ideas que me llevo:
|
||||
</h5>
|
||||
<ol class="list-decimal list-inside space-y-2.5 pl-1">
|
||||
<li>
|
||||
<strong class="text-slate-900 dark:text-white">La mejor energía es la que no se consume.</strong>
|
||||
<p class="text-xs text-slate-600 dark:text-slate-400 mt-0.5 pl-5">Optimizar no es solo hacer la web más rápida. También significa consumir menos recursos.</p>
|
||||
<strong class="text-slate-900 dark:text-white"
|
||||
>La mejor energía es la que no se consume.</strong
|
||||
>
|
||||
<p
|
||||
class="text-xs text-slate-600 dark:text-slate-400 mt-0.5 pl-5"
|
||||
>
|
||||
Optimizar no es solo hacer la web más rápida.
|
||||
También significa consumir menos recursos.
|
||||
</p>
|
||||
</li>
|
||||
<li>
|
||||
<strong class="text-slate-900 dark:text-white">La eficiencia empieza en el diseño.</strong>
|
||||
<p class="text-xs text-slate-600 dark:text-slate-400 mt-0.5 pl-5">Elegir una arquitectura sencilla suele ser mejor que optimizar después.</p>
|
||||
<strong class="text-slate-900 dark:text-white"
|
||||
>La eficiencia empieza en el diseño.</strong
|
||||
>
|
||||
<p
|
||||
class="text-xs text-slate-600 dark:text-slate-400 mt-0.5 pl-5"
|
||||
>
|
||||
Elegir una arquitectura sencilla suele ser mejor
|
||||
que optimizar después.
|
||||
</p>
|
||||
</li>
|
||||
<li>
|
||||
<strong class="text-slate-900 dark:text-white">Medir antes de mejorar.</strong>
|
||||
<p class="text-xs text-slate-600 dark:text-slate-400 mt-0.5 pl-5">No podemos reducir aquello que no medimos.</p>
|
||||
<strong class="text-slate-900 dark:text-white"
|
||||
>Medir antes de mejorar.</strong
|
||||
>
|
||||
<p
|
||||
class="text-xs text-slate-600 dark:text-slate-400 mt-0.5 pl-5"
|
||||
>
|
||||
No podemos reducir aquello que no medimos.
|
||||
</p>
|
||||
</li>
|
||||
<li>
|
||||
<strong class="text-slate-900 dark:text-white">El software también tiene huella de carbono.</strong>
|
||||
<p class="text-xs text-slate-600 dark:text-slate-400 mt-0.5 pl-5">Cada transferencia de datos, proceso o almacenamiento tiene un coste.</p>
|
||||
<strong class="text-slate-900 dark:text-white"
|
||||
>El software también tiene huella de
|
||||
carbono.</strong
|
||||
>
|
||||
<p
|
||||
class="text-xs text-slate-600 dark:text-slate-400 mt-0.5 pl-5"
|
||||
>
|
||||
Cada transferencia de datos, proceso o
|
||||
almacenamiento tiene un coste.
|
||||
</p>
|
||||
</li>
|
||||
<li>
|
||||
<strong class="text-slate-900 dark:text-white">Green Software no consiste solo en consumir menos.</strong>
|
||||
<p class="text-xs text-slate-600 dark:text-slate-400 mt-0.5 pl-5">También implica diseñar productos que ayuden a reducir el impacto ambiental de las personas y las organizaciones.</p>
|
||||
<strong class="text-slate-900 dark:text-white"
|
||||
>Green Software no consiste solo en consumir
|
||||
menos.</strong
|
||||
>
|
||||
<p
|
||||
class="text-xs text-slate-600 dark:text-slate-400 mt-0.5 pl-5"
|
||||
>
|
||||
También implica diseñar productos que ayuden a
|
||||
reducir el impacto ambiental de las personas y las
|
||||
organizaciones.
|
||||
</p>
|
||||
</li>
|
||||
</ol>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<h5 class="font-bold text-slate-900 dark:text-white mb-1">¿Y ahora qué?</h5>
|
||||
<p>Estoy leyendo <em>Soberanía Tecnológica</em> porque creo que la sostenibilidad no depende solo del consumo energético, sino también de quién controla la infraestructura y el software que utilizamos.</p>
|
||||
<h5
|
||||
class="font-bold text-slate-900 dark:text-white mb-1"
|
||||
>
|
||||
¿Y ahora qué?
|
||||
</h5>
|
||||
<p>
|
||||
Estoy leyendo <em>Soberanía Tecnológica</em> porque
|
||||
creo que la sostenibilidad no depende solo del consumo
|
||||
energético, sino también de quién controla la
|
||||
infraestructura y el software que utilizamos.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Frase fija al final de la nota -->
|
||||
<div class="pt-3 border-t border-slate-200 dark:border-slate-800 text-xs italic text-slate-500 dark:text-slate-400">
|
||||
Estas son notas de aprendizaje, no guías definitivas. Si ves algo que se pueda mejorar, me encantará escucharte.
|
||||
<div
|
||||
class="pt-3 border-t border-slate-200 dark:border-slate-800 text-xs italic text-slate-500 dark:text-slate-400"
|
||||
>
|
||||
Estas son notas de aprendizaje, no guías definitivas. Si
|
||||
ves algo que se pueda mejorar, me encantará escucharte.
|
||||
</div>
|
||||
</article>
|
||||
|
||||
@@ -941,8 +1052,11 @@
|
||||
>arrow_right_alt</span
|
||||
>
|
||||
</a>
|
||||
<div class="pt-3 border-t border-slate-200 dark:border-slate-800 text-xs italic text-slate-500 dark:text-slate-400 mt-4">
|
||||
Estas son notas de aprendizaje, no guías definitivas. Si ves algo que se pueda mejorar, me encantará escucharte.
|
||||
<div
|
||||
class="pt-3 border-t border-slate-200 dark:border-slate-800 text-xs italic text-slate-500 dark:text-slate-400 mt-4"
|
||||
>
|
||||
Estas son notas de aprendizaje, no guías definitivas. Si
|
||||
ves algo que se pueda mejorar, me encantará escucharte.
|
||||
</div>
|
||||
</article>
|
||||
|
||||
@@ -966,8 +1080,11 @@
|
||||
<span class="text-xs text-slate-400 mt-4 block"
|
||||
>Próximamente</span
|
||||
>
|
||||
<div class="pt-3 border-t border-slate-200 dark:border-slate-800 text-xs italic text-slate-500 dark:text-slate-400 mt-4">
|
||||
Estas son notas de aprendizaje, no guías definitivas. Si ves algo que se pueda mejorar, me encantará escucharte.
|
||||
<div
|
||||
class="pt-3 border-t border-slate-200 dark:border-slate-800 text-xs italic text-slate-500 dark:text-slate-400 mt-4"
|
||||
>
|
||||
Estas son notas de aprendizaje, no guías definitivas. Si
|
||||
ves algo que se pueda mejorar, me encantará escucharte.
|
||||
</div>
|
||||
</article>
|
||||
</div>
|
||||
@@ -1005,7 +1122,7 @@
|
||||
>
|
||||
<a
|
||||
class="bg-slate-900 dark:bg-slate-800 text-white px-10 py-5 rounded-2xl font-bold flex items-center justify-center gap-3 hover:bg-slate-800 dark:hover:bg-slate-700 transition-colors shadow-2xl"
|
||||
href="mailto:itziar.zameza@gmail.com"
|
||||
href="mailto:itziar.zameza.dev@gmail.com"
|
||||
>
|
||||
<span class="material-symbols-outlined">mail</span>
|
||||
Enviar un Email
|
||||
|
||||
Reference in New Issue
Block a user