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.
|
digital sin pretensiones de sentar cátedra.
|
||||||
</p>
|
</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">
|
<article class="p-6 glass rounded-2xl border border-white/10">
|
||||||
<span
|
<span
|
||||||
class="text-xs text-slate-400 dark:text-slate-500 font-mono"
|
class="text-xs text-slate-400 dark:text-slate-500 font-mono"
|
||||||
@@ -864,11 +922,14 @@
|
|||||||
href="huella.html"
|
href="huella.html"
|
||||||
class="inline-flex items-center text-xs text-primary hover:underline font-bold mt-4 gap-1"
|
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"
|
<span class="material-symbols-outlined text-xs"
|
||||||
>arrow_right_alt</span
|
>arrow_right_alt</span
|
||||||
>
|
>
|
||||||
</a>
|
</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>
|
||||||
|
|
||||||
<article class="p-6 glass rounded-2xl border border-white/10">
|
<article class="p-6 glass rounded-2xl border border-white/10">
|
||||||
@@ -889,8 +950,11 @@
|
|||||||
de 100MB en repositorios medianos) y facilidad de uso...
|
de 100MB en repositorios medianos) y facilidad de uso...
|
||||||
</p>
|
</p>
|
||||||
<span class="text-xs text-slate-400 mt-4 block"
|
<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>
|
</article>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
+91
-33
@@ -841,56 +841,114 @@
|
|||||||
digital sin pretensiones de sentar cátedra.
|
digital sin pretensiones de sentar cátedra.
|
||||||
</p>
|
</p>
|
||||||
|
|
||||||
<article class="p-6 glass rounded-2xl border border-white/10">
|
<!-- Note 1: Green Software Practitioner -->
|
||||||
<span
|
<article class="p-6 glass rounded-2xl border border-white/10 space-y-4">
|
||||||
class="text-xs text-slate-400 dark:text-slate-500 font-mono"
|
<div class="flex items-center justify-between">
|
||||||
>19 de Julio, 2026</span
|
<span class="text-xs text-slate-400 dark:text-slate-500 font-mono">July 20, 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">
|
||||||
<h4
|
<span class="material-symbols-outlined text-xs">verified</span>
|
||||||
class="font-bold dark:text-white text-lg mt-1 mb-2 hover:text-primary transition-colors cursor-pointer"
|
Green Software
|
||||||
>
|
</span>
|
||||||
La imperfección como aliada: por qué no uso purismos al
|
</div>
|
||||||
medir el carbono web
|
|
||||||
|
<h4 class="font-bold dark:text-white text-xl text-primary">
|
||||||
|
Green Software Practitioner — 5 Key Takeaways
|
||||||
</h4>
|
</h4>
|
||||||
<p
|
|
||||||
class="text-sm text-slate-600 dark:text-slate-400 leading-relaxed"
|
<div class="space-y-4 text-sm text-slate-700 dark:text-slate-300 leading-relaxed">
|
||||||
>
|
<div>
|
||||||
A veces obsesionarse con la máxima optimización técnica
|
<h5 class="font-bold text-slate-900 dark:text-white mb-1">Why did I get this certification?</h5>
|
||||||
bloquea la publicación de herramientas útiles. En este
|
<p>Because I want to build technology that takes its environmental and social impact into account.</p>
|
||||||
post explico mis decisiones de infraestructura y los
|
</div>
|
||||||
límites pragmáticos que asumo...
|
|
||||||
</p>
|
<div>
|
||||||
<a
|
<h5 class="font-bold text-slate-900 dark:text-white mb-2">Five ideas I'm taking away:</h5>
|
||||||
href="huella.html"
|
<ol class="list-decimal list-inside space-y-2.5 pl-1">
|
||||||
class="inline-flex items-center text-xs text-primary hover:underline font-bold mt-4 gap-1"
|
<li>
|
||||||
>
|
<strong class="text-slate-900 dark:text-white">The best energy is the energy not consumed.</strong>
|
||||||
Leer artículo completo en la sección Huella
|
<p class="text-xs text-slate-600 dark:text-slate-400 mt-0.5 pl-5">Optimizing isn't just about making websites faster. It also means using fewer resources.</p>
|
||||||
<span class="material-symbols-outlined text-xs"
|
</li>
|
||||||
>arrow_right_alt</span
|
<li>
|
||||||
>
|
<strong class="text-slate-900 dark:text-white">Efficiency starts with design.</strong>
|
||||||
</a>
|
<p class="text-xs text-slate-600 dark:text-slate-400 mt-0.5 pl-5">Choosing a simple architecture is usually better than optimizing later.</p>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<strong class="text-slate-900 dark:text-white">Measure before improving.</strong>
|
||||||
|
<p class="text-xs text-slate-600 dark:text-slate-400 mt-0.5 pl-5">We cannot reduce what we do not measure.</p>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<strong class="text-slate-900 dark:text-white">Software also has a carbon footprint.</strong>
|
||||||
|
<p class="text-xs text-slate-600 dark:text-slate-400 mt-0.5 pl-5">Every data transfer, process, or storage has a cost.</p>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<strong class="text-slate-900 dark:text-white">Green Software isn't just about consuming less.</strong>
|
||||||
|
<p class="text-xs text-slate-600 dark:text-slate-400 mt-0.5 pl-5">It also means designing products that help reduce the environmental impact of people and organizations.</p>
|
||||||
|
</li>
|
||||||
|
</ol>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div>
|
||||||
|
<h5 class="font-bold text-slate-900 dark:text-white mb-1">What's next?</h5>
|
||||||
|
<p>I am currently reading <em>Technological Sovereignty</em> because I believe sustainability doesn't depend solely on energy consumption, but also on who controls the infrastructure and software we use.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Fixed footer note -->
|
||||||
|
<div class="pt-3 border-t border-slate-200 dark:border-slate-800 text-xs italic text-slate-500 dark:text-slate-400">
|
||||||
|
These are learning notes, not definitive guides. If you spot something that can be improved, I'd love to hear from you.
|
||||||
|
</div>
|
||||||
</article>
|
</article>
|
||||||
|
|
||||||
<article class="p-6 glass rounded-2xl border border-white/10">
|
<article class="p-6 glass rounded-2xl border border-white/10">
|
||||||
<span
|
<span
|
||||||
class="text-xs text-slate-400 dark:text-slate-500 font-mono"
|
class="text-xs text-slate-400 dark:text-slate-500 font-mono"
|
||||||
>2 de Junio, 2026</span
|
>July 19, 2026</span
|
||||||
>
|
>
|
||||||
<h4
|
<h4
|
||||||
class="font-bold dark:text-white text-lg mt-1 mb-2 hover:text-primary transition-colors cursor-pointer"
|
class="font-bold dark:text-white text-lg mt-1 mb-2 hover:text-primary transition-colors cursor-pointer"
|
||||||
>
|
>
|
||||||
Migrando mi código: De GitHub a Forgejo en mi propio VPS
|
Imperfection as an Ally: Why I Avoid Purism When Measuring Web Carbon
|
||||||
</h4>
|
</h4>
|
||||||
<p
|
<p
|
||||||
class="text-sm text-slate-600 dark:text-slate-400 leading-relaxed"
|
class="text-sm text-slate-600 dark:text-slate-400 leading-relaxed"
|
||||||
>
|
>
|
||||||
Primeros pasos configurando Forgejo mediante Docker.
|
Sometimes obsessing over maximum technical optimization blocks publishing useful tools. In this post I explain my infrastructure decisions and the pragmatic limits I accept...
|
||||||
Detalle de consumo de memoria RAM (spoiler: consume menos
|
</p>
|
||||||
de 100MB en repositorios medianos) y facilidad de uso...
|
<a
|
||||||
|
href="huella.html"
|
||||||
|
class="inline-flex items-center text-xs text-primary hover:underline font-bold mt-4 gap-1"
|
||||||
|
>
|
||||||
|
Read full article in Footprint section
|
||||||
|
<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">
|
||||||
|
These are learning notes, not definitive guides. If you spot something that can be improved, I'd love to hear from you.
|
||||||
|
</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"
|
||||||
|
>June 2, 2026</span
|
||||||
|
>
|
||||||
|
<h4
|
||||||
|
class="font-bold dark:text-white text-lg mt-1 mb-2 hover:text-primary transition-colors cursor-pointer"
|
||||||
|
>
|
||||||
|
Migrating Code: From GitHub to Forgejo on My Own VPS
|
||||||
|
</h4>
|
||||||
|
<p
|
||||||
|
class="text-sm text-slate-600 dark:text-slate-400 leading-relaxed"
|
||||||
|
>
|
||||||
|
First steps configuring Forgejo via Docker. Detail of RAM memory consumption (spoiler: uses less than 100MB on medium repositories) and ease of use...
|
||||||
</p>
|
</p>
|
||||||
<span class="text-xs text-slate-400 mt-4 block"
|
<span class="text-xs text-slate-400 mt-4 block"
|
||||||
>Próximamente</span
|
>Coming soon</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">
|
||||||
|
These are learning notes, not definitive guides. If you spot something that can be improved, I'd love to hear from you.
|
||||||
|
</div>
|
||||||
</article>
|
</article>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
+64
@@ -855,6 +855,64 @@
|
|||||||
digital sin pretensiones de sentar cátedra.
|
digital sin pretensiones de sentar cátedra.
|
||||||
</p>
|
</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 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>
|
||||||
|
|
||||||
|
<h4 class="font-bold dark:text-white text-xl text-primary">
|
||||||
|
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>
|
||||||
|
<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>
|
||||||
|
<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>
|
||||||
|
</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>
|
||||||
|
</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>
|
||||||
|
</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>
|
||||||
|
</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>
|
||||||
|
</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>
|
||||||
|
</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>
|
||||||
|
</article>
|
||||||
|
|
||||||
<article class="p-6 glass rounded-2xl border border-white/10">
|
<article class="p-6 glass rounded-2xl border border-white/10">
|
||||||
<span
|
<span
|
||||||
class="text-xs text-slate-400 dark:text-slate-500 font-mono"
|
class="text-xs text-slate-400 dark:text-slate-500 font-mono"
|
||||||
@@ -883,6 +941,9 @@
|
|||||||
>arrow_right_alt</span
|
>arrow_right_alt</span
|
||||||
>
|
>
|
||||||
</a>
|
</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>
|
||||||
</article>
|
</article>
|
||||||
|
|
||||||
<article class="p-6 glass rounded-2xl border border-white/10">
|
<article class="p-6 glass rounded-2xl border border-white/10">
|
||||||
@@ -905,6 +966,9 @@
|
|||||||
<span class="text-xs text-slate-400 mt-4 block"
|
<span class="text-xs text-slate-400 mt-4 block"
|
||||||
>Próximamente</span
|
>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>
|
||||||
</article>
|
</article>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
Reference in New Issue
Block a user