feat: update email
This commit is contained in:
+257
-77
@@ -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
|
||||
@@ -95,12 +119,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">
|
||||
<a href="index.html" class="text-slate-600 dark:text-slate-400 hover:text-primary transition-colors" title="Español">ES</a>
|
||||
<div
|
||||
class="flex items-center gap-1.5 glass px-3 py-1.5 rounded-full text-xs font-bold"
|
||||
>
|
||||
<a
|
||||
href="index.html"
|
||||
class="text-slate-600 dark:text-slate-400 hover:text-primary transition-colors"
|
||||
title="Español"
|
||||
>ES</a
|
||||
>
|
||||
<span class="text-slate-300 dark:text-slate-700">|</span>
|
||||
<span class="text-primary">CA</span>
|
||||
<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"
|
||||
@@ -146,12 +182,18 @@
|
||||
<h1
|
||||
class="text-4xl md:text-6xl font-serif italic leading-[1.2] text-slate-900 dark:text-white mb-6 max-w-4xl font-light"
|
||||
>
|
||||
Quan necessitis utilitzar la tecnologia per generar impacte social de forma responsable, parla <span class="text-primary not-italic font-display font-black tracking-tighter">amb mi</span>.
|
||||
Quan necessitis utilitzar la tecnologia per generar impacte social
|
||||
de forma responsable, parla
|
||||
<span
|
||||
class="text-primary not-italic font-display font-black tracking-tighter"
|
||||
>amb mi</span
|
||||
>.
|
||||
</h1>
|
||||
<p
|
||||
class="text-lg md:text-xl text-slate-600 dark:text-slate-400 max-w-2xl mb-12 leading-relaxed"
|
||||
>
|
||||
Desenvolupadora front-end especialitzada en tecnologia lleugera, accessible i sobirana. Amb base a Eivissa.
|
||||
Desenvolupadora front-end especialitzada en tecnologia lleugera,
|
||||
accessible i sobirana. Amb base a Eivissa.
|
||||
</p>
|
||||
<div class="flex flex-wrap justify-center gap-4">
|
||||
<a
|
||||
@@ -176,7 +218,8 @@
|
||||
class="absolute inset-0 bg-gradient-to-t from-background-light/80 dark:from-background-dark/80 to-transparent"
|
||||
></div>
|
||||
</div>
|
||||
</main> <!-- Manifest Section -->
|
||||
</main>
|
||||
<!-- Manifest Section -->
|
||||
<section class="py-24 bg-white/30 dark:bg-white/5" id="manifiesto">
|
||||
<div class="mx-auto max-w-6xl px-6">
|
||||
<div class="max-w-4xl mx-auto text-center mb-16">
|
||||
@@ -203,7 +246,8 @@
|
||||
<p class="text-slate-700 dark:text-slate-300 leading-relaxed">
|
||||
Democratitzar i humanitzar la tecnologia, posant-la al servei
|
||||
de les persones i del planeta, i no al revés. Busco crear
|
||||
eines que empoderin les comunitats en lloc de concentrar el poder.
|
||||
eines que empoderin les comunitats en lloc de concentrar el
|
||||
poder.
|
||||
</p>
|
||||
</div>
|
||||
<div class="p-8 glass rounded-3xl border border-white/20">
|
||||
@@ -220,7 +264,8 @@
|
||||
<p class="text-slate-700 dark:text-slate-300 leading-relaxed">
|
||||
Desenvolupar solucions digitals eficients, accessibles i
|
||||
respectuoses amb els drets digitals, demostrant que una altra
|
||||
tecnologia és possible des del compromís local i l'impacte global.
|
||||
tecnologia és possible des del compromís local i l'impacte
|
||||
global.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
@@ -250,8 +295,9 @@
|
||||
<p
|
||||
class="text-sm text-slate-600 dark:text-slate-400 leading-relaxed mb-4"
|
||||
>
|
||||
Optimitzar el consum de recursos, minimitzant la transferència
|
||||
de dades i l'empremta de carboni de les aplicacions web que desenvolupo.
|
||||
Optimitzar el consum de recursos, minimitzant la
|
||||
transferència de dades i l'empremta de carboni de les
|
||||
aplicacions web que desenvolupo.
|
||||
</p>
|
||||
</div>
|
||||
<a
|
||||
@@ -260,9 +306,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>
|
||||
|
||||
@@ -282,7 +332,8 @@
|
||||
class="text-sm text-slate-600 dark:text-slate-400 leading-relaxed"
|
||||
>
|
||||
Recolzar i contribuir al codi obert com a bé públic digital
|
||||
que fomenta la sobirania tecnològica i l'aprenentatge compartit.
|
||||
que fomenta la sobirania tecnològica i l'aprenentatge
|
||||
compartit.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
@@ -295,14 +346,13 @@
|
||||
>
|
||||
<span class="material-symbols-outlined">groups</span>
|
||||
</div>
|
||||
<h4 class="font-bold text-lg mb-2 dark:text-white">
|
||||
Bé Comú
|
||||
</h4>
|
||||
<h4 class="font-bold text-lg mb-2 dark:text-white">Bé Comú</h4>
|
||||
<p
|
||||
class="text-sm text-slate-600 dark:text-slate-400 leading-relaxed"
|
||||
>
|
||||
Prioritzar projectes i eines que generin un impacte social
|
||||
positiu, mesurable i orientat a resoldre necessitats reals de la societat.
|
||||
positiu, mesurable i orientat a resoldre necessitats reals de
|
||||
la societat.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
@@ -324,7 +374,8 @@
|
||||
class="text-sm text-slate-600 dark:text-slate-400 leading-relaxed"
|
||||
>
|
||||
Dissenyar interfícies web inclusives perquè tothom pugui
|
||||
accedir a la informació sense barreres físiques, cognitives o tecnològiques.
|
||||
accedir a la informació sense barreres físiques, cognitives o
|
||||
tecnològiques.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
@@ -344,7 +395,8 @@
|
||||
class="text-sm text-slate-600 dark:text-slate-400 leading-relaxed"
|
||||
>
|
||||
Respectar la sobirania de les dades personals, utilitzant
|
||||
analítiques ètiques i cookieless, protegint els usuaris del rastreig corporatiu.
|
||||
analítiques ètiques i cookieless, protegint els usuaris del
|
||||
rastreig corporatiu.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
@@ -364,7 +416,8 @@
|
||||
class="text-sm text-slate-600 dark:text-slate-400 leading-relaxed"
|
||||
>
|
||||
Utilitzar models d'IA de forma ètica i transparent,
|
||||
prioritzant l'execució local i vetllant perquè serveixin de suport a l'agència humana.
|
||||
prioritzant l'execució local i vetllant perquè serveixin de
|
||||
suport a l'agència humana.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
@@ -381,7 +434,8 @@
|
||||
El meu laboratori
|
||||
</h2>
|
||||
<p class="text-slate-500 dark:text-slate-400">
|
||||
Un espai d'experimentació tècnica, eines reals i infraestructura digital sobirana.
|
||||
Un espai d'experimentació tècnica, eines reals i infraestructura
|
||||
digital sobirana.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
@@ -427,7 +481,10 @@
|
||||
<p
|
||||
class="text-slate-700 dark:text-slate-300 leading-relaxed"
|
||||
>
|
||||
La sobirania tecnològica comença als fonaments. He decidit gestionar la meva pròpia infraestructura per assegurar el control de les meves dades, la privacitat dels meus projectes i reduir la dependència dels gegants del núvol.
|
||||
La sobirania tecnològica comença als fonaments. He decidit
|
||||
gestionar la meva pròpia infraestructura per assegurar el
|
||||
control de les meves dades, la privacitat dels meus
|
||||
projectes i reduir la dependència dels gegants del núvol.
|
||||
</p>
|
||||
<div
|
||||
class="p-6 bg-emerald-500/10 border border-emerald-500/20 rounded-2xl"
|
||||
@@ -439,7 +496,10 @@
|
||||
<span>Compromís Verd</span>
|
||||
</div>
|
||||
<p class="text-sm text-slate-600 dark:text-slate-400">
|
||||
La meva infraestructura està allotjada al centre de dades de Hetzner a Hèlsinki, alimentat per energia 100% lliure de carboni procedent de fonts eòliques i hidràuliques.
|
||||
La meva infraestructura està allotjada al centre de
|
||||
dades de Hetzner a Hèlsinki, alimentat per energia 100%
|
||||
lliure de carboni procedent de fonts eòliques i
|
||||
hidràuliques.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
@@ -455,7 +515,8 @@
|
||||
<p
|
||||
class="text-xs text-slate-500 dark:text-slate-400 mt-1"
|
||||
>
|
||||
Servidors dedicats i VPS alimentats per energia verda a Finlàndia.
|
||||
Servidors dedicats i VPS alimentats per energia verda a
|
||||
Finlàndia.
|
||||
</p>
|
||||
</div>
|
||||
<div class="p-6 glass rounded-2xl border border-white/10">
|
||||
@@ -479,7 +540,8 @@
|
||||
<p
|
||||
class="text-xs text-slate-500 dark:text-slate-400 mt-1"
|
||||
>
|
||||
Servei Git lleuger autohospedat per al control sobirà de codi.
|
||||
Servei Git lleuger autohospedat per al control sobirà de
|
||||
codi.
|
||||
</p>
|
||||
</div>
|
||||
<div class="p-6 glass rounded-2xl border border-white/10">
|
||||
@@ -491,7 +553,8 @@
|
||||
<p
|
||||
class="text-xs text-slate-500 dark:text-slate-400 mt-1"
|
||||
>
|
||||
Automatització de fluxos de treball self-hosted lliure de lligams de SaaS.
|
||||
Automatització de fluxos de treball self-hosted lliure
|
||||
de lligams de SaaS.
|
||||
</p>
|
||||
</div>
|
||||
<div class="p-6 glass rounded-2xl border border-white/10">
|
||||
@@ -503,7 +566,8 @@
|
||||
<p
|
||||
class="text-xs text-slate-500 dark:text-slate-400 mt-1"
|
||||
>
|
||||
Analítica web ètica, respectuosa amb la privacitat i cookieless.
|
||||
Analítica web ètica, respectuosa amb la privacitat i
|
||||
cookieless.
|
||||
</p>
|
||||
</div>
|
||||
<div class="p-6 glass rounded-2xl border border-white/10">
|
||||
@@ -515,7 +579,8 @@
|
||||
<p
|
||||
class="text-xs text-slate-500 dark:text-slate-400 mt-1"
|
||||
>
|
||||
Eina de gravació de pantalla de codi lliure al nostre node.
|
||||
Eina de gravació de pantalla de codi lliure al nostre
|
||||
node.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
@@ -544,7 +609,9 @@
|
||||
<p
|
||||
class="text-sm text-slate-600 dark:text-slate-400 leading-relaxed"
|
||||
>
|
||||
Comparació empírica del consum de CPU i xarxa entre arquitectures SSR (Astro/Next.js) i pàgines HTML estàtiques optimitzades.
|
||||
Comparació empírica del consum de CPU i xarxa entre
|
||||
arquitectures SSR (Astro/Next.js) i pàgines HTML
|
||||
estàtiques optimitzades.
|
||||
</p>
|
||||
</div>
|
||||
<div
|
||||
@@ -566,7 +633,9 @@
|
||||
<p
|
||||
class="text-sm text-slate-600 dark:text-slate-400 leading-relaxed"
|
||||
>
|
||||
Execució de models petits com Llama 3.2 1B i Phi-3 amb Ollama en local per a tasques de classificació i etiquetatge amb zero cost d'API i privacitat garantida.
|
||||
Execució de models petits com Llama 3.2 1B i Phi-3 amb
|
||||
Ollama en local per a tasques de classificació i
|
||||
etiquetatge amb zero cost d'API i privacitat garantida.
|
||||
</p>
|
||||
</div>
|
||||
<div
|
||||
@@ -588,7 +657,9 @@
|
||||
<p
|
||||
class="text-sm text-slate-600 dark:text-slate-400 leading-relaxed"
|
||||
>
|
||||
Auditoria manual d'interfícies complexes amb lectors NVDA i VoiceOver per validar fluxos interactius dinàmics i estats d'ARIA en viu.
|
||||
Auditoria manual d'interfícies complexes amb lectors NVDA
|
||||
i VoiceOver per validar fluxos interactius dinàmics i
|
||||
estats d'ARIA en viu.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
@@ -619,7 +690,9 @@
|
||||
<p
|
||||
class="text-sm text-slate-600 dark:text-slate-400 leading-relaxed mb-4"
|
||||
>
|
||||
Instància personal autohospedada de música a Hetzner per recuperar la sobirania sobre els meus arxius d'àudio i evitar algorismes corporatius d'streaming.
|
||||
Instància personal autohospedada de música a Hetzner
|
||||
per recuperar la sobirania sobre els meus arxius
|
||||
d'àudio i evitar algorismes corporatius d'streaming.
|
||||
</p>
|
||||
</div>
|
||||
<div class="flex items-center justify-between mt-4">
|
||||
@@ -650,7 +723,9 @@
|
||||
<p
|
||||
class="text-sm text-slate-600 dark:text-slate-400 leading-relaxed mb-4"
|
||||
>
|
||||
Pipeline autònom en local que intercepta notes de veu, les transcriu i les processa utilitzant Ollama amb models d'IA de codi obert sense enviar dades a OpenAI.
|
||||
Pipeline autònom en local que intercepta notes de veu,
|
||||
les transcriu i les processa utilitzant Ollama amb
|
||||
models d'IA de codi obert sense enviar dades a OpenAI.
|
||||
</p>
|
||||
</div>
|
||||
<div class="flex items-center justify-between mt-4">
|
||||
@@ -681,7 +756,9 @@
|
||||
<p
|
||||
class="text-sm text-slate-600 dark:text-slate-400 leading-relaxed mb-4"
|
||||
>
|
||||
Col·laboració activa i correcció d'errors en eines i frameworks de codi obert que utilitzem en el dia a dia.
|
||||
Col·laboració activa i correcció d'errors en eines i
|
||||
frameworks de codi obert que utilitzem en el dia a
|
||||
dia.
|
||||
</p>
|
||||
</div>
|
||||
<div class="flex items-center justify-between mt-4">
|
||||
@@ -712,7 +789,9 @@
|
||||
<p
|
||||
class="text-sm text-slate-600 dark:text-slate-400 leading-relaxed mb-4"
|
||||
>
|
||||
Tauler interactiu i visualització ecològica sobre el consum d'aigua i recursos a l'arxipèlag balear, dissenyat amb tecnologies web lleugeres.
|
||||
Tauler interactiu i visualització ecològica sobre el
|
||||
consum d'aigua i recursos a l'arxipèlag balear,
|
||||
dissenyat amb tecnologies web lleugeres.
|
||||
</p>
|
||||
</div>
|
||||
<div class="flex items-center justify-between mt-4">
|
||||
@@ -760,9 +839,9 @@
|
||||
<p
|
||||
class="text-sm text-slate-600 dark:text-slate-400 leading-relaxed mb-4"
|
||||
>
|
||||
Sistema de processament intel·ligent multimèdia.
|
||||
Rep àudios i PDFs, els transcriu i els estructura
|
||||
mitjançant APIs d'IA comercials per a la seva
|
||||
Sistema de processament intel·ligent multimèdia. Rep
|
||||
àudios i PDFs, els transcriu i els estructura
|
||||
mitjançant APIs d'IA comercials per a la seva
|
||||
posterior consulta semàntica.
|
||||
</p>
|
||||
</div>
|
||||
@@ -789,7 +868,9 @@
|
||||
<p
|
||||
class="text-sm text-slate-600 dark:text-slate-400 leading-relaxed mb-4"
|
||||
>
|
||||
Bot conversacional de Telegram connectat amb Supabase i RAG que suggereix receptes basant-se en ingredients disponibles en temps real.
|
||||
Bot conversacional de Telegram connectat amb
|
||||
Supabase i RAG que suggereix receptes basant-se en
|
||||
ingredients disponibles en temps real.
|
||||
</p>
|
||||
</div>
|
||||
<div class="flex gap-4 items-center">
|
||||
@@ -817,11 +898,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 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>
|
||||
<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>
|
||||
@@ -830,47 +920,111 @@
|
||||
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
|
||||
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>
|
||||
<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>
|
||||
<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>
|
||||
<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>
|
||||
<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>
|
||||
<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>
|
||||
<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>
|
||||
<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>
|
||||
<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
|
||||
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>
|
||||
|
||||
@@ -902,8 +1056,12 @@
|
||||
>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
|
||||
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>
|
||||
|
||||
@@ -927,8 +1085,12 @@
|
||||
<span class="text-xs text-slate-400 mt-4 block"
|
||||
>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
|
||||
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>
|
||||
@@ -966,7 +1128,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
|
||||
@@ -1051,7 +1213,11 @@
|
||||
Descripció
|
||||
</h3>
|
||||
<p class="text-slate-700 dark:text-slate-300 leading-relaxed">
|
||||
Sistema d'ingestió i processament intel·ligent de contingut multimèdia. Rep àudio, PDFs, vídeos i text. Utilitza models d'IA per transcriure, resumir i extreure informació clau, emmagatzemant tot a Supabase de forma estructurada per a la seva posterior reutilització.
|
||||
Sistema d'ingestió i processament intel·ligent de contingut
|
||||
multimèdia. Rep àudio, PDFs, vídeos i text. Utilitza models d'IA
|
||||
per transcriure, resumir i extreure informació clau,
|
||||
emmagatzemant tot a Supabase de forma estructurada per a la seva
|
||||
posterior reutilització.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
@@ -1099,7 +1265,9 @@
|
||||
Resultat
|
||||
</h3>
|
||||
<p class="text-slate-700 dark:text-slate-300">
|
||||
Pipeline completament automatitzat que redueix el temps de processament de contingut en un 85% i permet reutilitzar informació de forma intel·ligent mitjançant cerques semàntiques.
|
||||
Pipeline completament automatitzat que redueix el temps de
|
||||
processament de contingut en un 85% i permet reutilitzar
|
||||
informació de forma intel·ligent mitjançant cerques semàntiques.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
@@ -1156,7 +1324,11 @@
|
||||
Descripció
|
||||
</h3>
|
||||
<p class="text-slate-700 dark:text-slate-300 leading-relaxed">
|
||||
Agent conversacional intel·ligent a Telegram que actua com a assistent culinari personal. Consulta el teu inventari a Supabase, accedeix a un RAG especialitzat amb receptes per evitar al·lucinacions, i suggereix plats personalitzats basats en el que tens disponible.
|
||||
Agent conversacional intel·ligent a Telegram que actua com a
|
||||
assistent culinari personal. Consulta el teu inventari a
|
||||
Supabase, accedeix a un RAG especialitzat amb receptes per
|
||||
evitar al·lucinacions, i suggereix plats personalitzats basats
|
||||
en el que tens disponible.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
@@ -1169,8 +1341,12 @@
|
||||
>
|
||||
<li>Integració bidireccional amb Supabase</li>
|
||||
<li>Consulta automàtica d'inventari a la base de dades</li>
|
||||
<li>RAG (Retrieval-Augmented Generation) amb receptes verificades</li>
|
||||
<li>Prevenció d'al·lucinacions mitjançant fine-tuning de prompts</li>
|
||||
<li>
|
||||
RAG (Retrieval-Augmented Generation) amb receptes verificades
|
||||
</li>
|
||||
<li>
|
||||
Prevenció d'al·lucinacions mitjançant fine-tuning de prompts
|
||||
</li>
|
||||
<li>Generació de receptes personalitzades sense al·lucinar</li>
|
||||
<li>Actualització automàtica de l'inventari</li>
|
||||
<li>Conversa natural i contextual</li>
|
||||
@@ -1210,7 +1386,11 @@
|
||||
Resultat
|
||||
</h3>
|
||||
<p class="text-slate-700 dark:text-slate-300">
|
||||
Assistent culinari robust que elimina la decisió de "què cuinar" sense generar receptes inexistents. El RAG garanteix que totes les suggerències provenen d'un corpus de receptes verificades, proporcionant fiabilitat i personalització sense al·lucinacions de la IA.
|
||||
Assistent culinari robust que elimina la decisió de "què cuinar"
|
||||
sense generar receptes inexistents. El RAG garanteix que totes
|
||||
les suggerències provenen d'un corpus de receptes verificades,
|
||||
proporcionant fiabilitat i personalització sense al·lucinacions
|
||||
de la IA.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user