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
+91 -33
View File
@@ -841,56 +841,114 @@
digital sin pretensiones de sentar cátedra.
</p>
<article class="p-6 glass rounded-2xl border border-white/10">
<span
class="text-xs text-slate-400 dark:text-slate-500 font-mono"
>19 de Julio, 2026</span
>
<h4
class="font-bold dark:text-white text-lg mt-1 mb-2 hover:text-primary transition-colors cursor-pointer"
>
La imperfección como aliada: por qué no uso purismos al
medir el carbono web
<!-- Note 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">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">
<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 Key Takeaways
</h4>
<p
class="text-sm text-slate-600 dark:text-slate-400 leading-relaxed"
>
A veces obsesionarse con la máxima optimización técnica
bloquea la publicación de herramientas útiles. En este
post explico mis decisiones de infraestructura y los
límites pragmáticos que asumo...
</p>
<a
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
<span class="material-symbols-outlined text-xs"
>arrow_right_alt</span
>
</a>
<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">Why did I get this certification?</h5>
<p>Because I want to build technology that takes its environmental and social impact into account.</p>
</div>
<div>
<h5 class="font-bold text-slate-900 dark:text-white mb-2">Five ideas I'm taking away:</h5>
<ol class="list-decimal list-inside space-y-2.5 pl-1">
<li>
<strong class="text-slate-900 dark:text-white">The best energy is the energy not consumed.</strong>
<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>
</li>
<li>
<strong class="text-slate-900 dark:text-white">Efficiency starts with design.</strong>
<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 class="p-6 glass rounded-2xl border border-white/10">
<span
class="text-xs text-slate-400 dark:text-slate-500 font-mono"
>2 de Junio, 2026</span
>July 19, 2026</span
>
<h4
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>
<p
class="text-sm text-slate-600 dark:text-slate-400 leading-relaxed"
>
Primeros pasos configurando Forgejo mediante Docker.
Detalle de consumo de memoria RAM (spoiler: consume menos
de 100MB en repositorios medianos) y facilidad de uso...
Sometimes obsessing over maximum technical optimization blocks publishing useful tools. In this post I explain my infrastructure decisions and the pragmatic limits I accept...
</p>
<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>
<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>
</div>
</div>