feat(notes): add Green Software Practitioner note and disclaimer in 3 languages
This commit is contained in:
+66
-2
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user