feat(notes): add Green Software Practitioner note and disclaimer in 3 languages

This commit is contained in:
2026-07-20 19:48:36 +02:00
parent e9cf9a160a
commit e87f90006c
3 changed files with 221 additions and 35 deletions
+66 -2
View File
@@ -841,6 +841,64 @@
digital sin pretensiones de sentar cátedra.
</p>
<!-- Nota 1: Green Software Practitioner -->
<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 Juliol, 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>
<h4 class="font-bold dark:text-white text-xl text-primary">
Green Software Practitioner — 5 idees que em porto
</h4>
<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">Per què vaig fer aquesta certificació?</h5>
<p>Perquè vull construir tecnologia que tingui en compte el seu impacte ambiental i social.</p>
</div>
<div>
<h5 class="font-bold text-slate-900 dark:text-white mb-2">Cinc idees que em porto:</h5>
<ol class="list-decimal list-inside space-y-2.5 pl-1">
<li>
<strong class="text-slate-900 dark:text-white">La millor energia és la que no es consumeix.</strong>
<p class="text-xs text-slate-600 dark:text-slate-400 mt-0.5 pl-5">Optimitzar no és només fer la web més ràpida. També significa consumir menys recursos.</p>
</li>
<li>
<strong class="text-slate-900 dark:text-white">L'eficiència comença en el disseny.</strong>
<p class="text-xs text-slate-600 dark:text-slate-400 mt-0.5 pl-5">Escollir una arquitectura senzilla sol ser millor que optimitzar després.</p>
</li>
<li>
<strong class="text-slate-900 dark:text-white">Mesurar abans de millorar.</strong>
<p class="text-xs text-slate-600 dark:text-slate-400 mt-0.5 pl-5">No podem reduir allò que no mesurem.</p>
</li>
<li>
<strong class="text-slate-900 dark:text-white">El programari també té empremta de carboni.</strong>
<p class="text-xs text-slate-600 dark:text-slate-400 mt-0.5 pl-5">Cada transferència de dades, procés o emmagatzematge té un cost.</p>
</li>
<li>
<strong class="text-slate-900 dark:text-white">Green Software no consisteix només a consumir menys.</strong>
<p class="text-xs text-slate-600 dark:text-slate-400 mt-0.5 pl-5">També implica dissenyar productes que ajudin a reduir l'impacte ambiental de les persones i les organitzacions.</p>
</li>
</ol>
</div>
<div>
<h5 class="font-bold text-slate-900 dark:text-white mb-1">I ara què?</h5>
<p>Estic llegint <em>Sobirania Tecnològica</em> perquè crec que la sostenibilitat no depèn només del consum energètic, sinó també de qui controla la infraestructura i el programari que utilitzem.</p>
</div>
</div>
<!-- Frase fixa 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">
Aquestes són notes d'aprenentatge, no guies definitives. Si veus alguna cosa que es pugui millorar, m'encantarà escoltar-te.
</div>
</article>
<article class="p-6 glass rounded-2xl border border-white/10">
<span
class="text-xs text-slate-400 dark:text-slate-500 font-mono"
@@ -864,11 +922,14 @@
href="huella.html"
class="inline-flex items-center text-xs text-primary hover:underline font-bold mt-4 gap-1"
>
Leer artículo completo en la sección Huella
Llegir article complet a la secció Emprenta
<span class="material-symbols-outlined text-xs"
>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">
Aquestes són notes d'aprenentatge, no guies definitives. Si veus alguna cosa que es pugui millorar, m'encantarà escoltar-te.
</div>
</article>
<article class="p-6 glass rounded-2xl border border-white/10">
@@ -889,8 +950,11 @@
de 100MB en repositorios medianos) y facilidad de uso...
</p>
<span class="text-xs text-slate-400 mt-4 block"
>Próximamente</span
>Pròximament</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">
Aquestes són notes d'aprenentatge, no guies definitives. Si veus alguna cosa que es pugui millorar, m'encantarà escoltar-te.
</div>
</article>
</div>
</div>