fix: 🐛 Fix broken paths, translate Pol's bio

observablehq.config.js

@@ -32,13 +32,13 @@ export default {
       path: "/docs/",
       pages: [
         {name: "La iniciativa", path: "/docs/index"},
-        {name: "Vols participar?", path: "/docs/pages/participa"},
-        {name: "Una petita guia", path: "/docs/pages/guia"},
-        {name: "Qüestions tècniques", path: "/docs/pages/preguntes-tecniques"},
-        {name: "Un cas d'estudi", path: "/docs/pages/exemples"},
-        {name: "El nostre equip", path: "/docs/pages/equip"},
-        {name: "Codi de conducta", path: "/docs/pages/codi-de-conducta"},
-        {name: "Sponsors", path: "/docs/pages/sponsors"}
+        {name: "Vols participar?", path: "/docs/participa"},
+        {name: "Una petita guia", path: "/docs/guia"},
+        {name: "Qüestions tècniques", path: "/docs/preguntes-tecniques"},
+        {name: "Un cas d'estudi", path: "/docs/exemples"},
+        {name: "El nostre equip", path: "/docs/equip"},
+        {name: "Codi de conducta", path: "/docs/codi-de-conducta"},
+        {name: "Sponsors", path: "/docs/sponsors"}
       ]
     },
     {

src/docs/pages/equip.md → src/docs/equip.md

@@ -35,58 +35,58 @@ I tenim un dels millors equips per a la missió que ens hem proposat 🤩, guard
 
 <div class="grid grid-cols-4">
   <div class="card">
-    <img src="../img/karma.jpg" alt="Pintada de la Karma"/>
+    <img src="./img/karma.jpg" alt="Pintada de la Karma"/>
     <h2>Karma Peiró</h2>
     <p>És periodista, experta en ètica en IA i activista de dades amb experiència a La Vanguardia, TV3 i Catalunya Ràdio, i com a directora  de NacióDigital. Si la trobeu a prop d'una màquina de pinball, us desafiarà i probablement us aixafarà.</p>
   </div>
   <div class="card">
-    <img src="../img/xocas.jpg" alt="Pintada d'en Xocas"/>
+    <img src="./img/xocas.jpg" alt="Pintada d'en Xocas"/>
     <h2>Xaquín G.V.</h2>
     <p>És periodista visual, expert en dades i el pare d'en Roi. Ha treballat a The New York Times i The Guardian, on va dirigir el seu guardonat equip Visual, entre altres llocs. Dobleteja com xef: "De gràfics, potser no sé gaire, però de menjar... de menjar soc un <em>pro</em>".</p>
   </div>
   <div class="card">
-    <img src="../img/anton.jpg" alt="Pintada de l'Anton'"/>
+    <img src="./img/anton.jpg" alt="Pintada de l'Anton'"/>
     <h2>Anton Bardera</h2>
     <p>És professor associat de la Universitat de Girona, realitza recerca en imatge mèdica, processament d'imatges, visualització i teoria de la informació. Si no respon als vostres correus, probablement està fent excursions per la muntanya o ha perdut el telèfon.</p>
   </div>
   <div class="card">
-    <img src="../img/apple.jpg" alt="Pintada de l'Apple"/>
+    <img src="./img/apple.jpg" alt="Pintada de l'Apple"/>
     <h2>Apple C. Fardel</h2>
     <p>És una enginyera amb experiència en interfícies d'usuari inclusives, visualització de dades i aprenentatge automàtic. Això era una vegada ... va treballar com a desenvolupadora interactiva a The Guardian. Li encanta esquiar, escalar i bussejar amb els seus K/k/kids.</p>
   </div>
   <div class="card">
-    <img src="../img/matt.jpg" alt="Pintada d'en Matt"/>
+    <img src="./img/matt.jpg" alt="Pintada d'en Matt"/>
     <h2>Matt Osborn</h2>
     <p>És un enginyer amb formació en diverses disciplines, amb experiència en processament de dades, anàlisi, visualització i disseny web interactiu. Ha treballat en projectes de dataviz basats en la web i va passar una estoneta a The Guardian.</p>
   </div>
   <div class="card">
-    <img src="../img/aleix.jpg" alt="Pintada de l'Aleix"/>
+    <img src="./img/aleix.jpg" alt="Pintada de l'Aleix"/>
     <h2>Aleix Alvarez</h2>
     <p>És enginyer informàtic i llicenciat per la Universitat de Girona. Competència en diverses àrees de la informàtica, com ara desenvolupament de programari, administració de xarxes i gestió de bases de dades. なぜコンピュータが日本に行ったのですか？寿司のバイトをもらうでらうたすすか</p>
   </div>
   <div class="card">
-    <img src="../img/miguel.jpg" alt="Pintada d'en Miguel"/>
+    <img src="./img/miguel.jpg" alt="Pintada d'en Miguel"/>
     <h2>Miguel Villalobos</h2>
     <p>És un desenvolupador de jocs especialitzat en disseny d'interfícies d'usuari, amb experiència en desenvolupament de videojocs i disseny web interactiu. Com amb qualsevol cinèfil, potser el trobareu veient una pel·lícula que ningú coneix durant el seu temps lliure.</p>
   </div>
   <div class="card">
-    <img src="../img/laia.jpg" alt="Pintada de la Laia"/>
+    <img src="./img/laia.jpg" alt="Pintada de la Laia"/>
     <h2>Laia Verdaguer</h2>
     <p>És desenvolupadora de jocs llicenciada per la Universitat de Girona. Durant el dia és dissenyadora i desenvolupadora especialitzada en interfícies i visualització basades en dades. Però quan cau la nit es torna ... il·lustradora!</p>
   </div>
   <div class="card">
-    <img src="../img/denisse.jpg" alt="Pintada de la Denisse"/>
+    <img src="./img/denisse.jpg" alt="Pintada de la Denisse"/>
     <h2>Denisse Carvajal</h2>
     <p>És project manager amb un recorregut des del disseny, l'enginyeria i el màster en Data Science. Exploradora, ciclista aficionada, aficionada al vi i monocular de naixement, per la qual cosa aprens constantment tot allò que amplia el seu enfocament.</p>
   </div>
   <div class="card">
-    <img src="../img/judit.jpg" alt="Pintada de la Judit"/>
+    <img src="./img/judit.jpg" alt="Pintada de la Judit"/>
     <h2>Judit Quintana</h2>
     <p>És enginyera informàtica amb un màster en Ciència de Dades i una passió per la visualització de dades. Segur que està provant tots els esports o submergint-se en noves aficions artesanals. No és una professional en res... i això es la millor part!</p>
   </div>
   <div class="card">
-    <img src="../img/pol.jpg" alt="Pintada d'en Pol"/>
+    <img src="./img/pol.jpg" alt="Pintada d'en Pol"/>
     <h2>Pol Darder</h2>
-    <p>He’s a Master's student in Data Science, with a degree in game development and experience as a backend developer. He loves to read and tries to cook. When he’s not at home, he’s probably outdoors looking for walls and boulders to climb on.</p>
+    <p>És estudiant del màster en Ciència de Dades, llicenciat en desenvolupament de jocs i experiència com a desenvolupador backend. Li encanta llegir i intenta cuinar. Quan no és a casa, probablement està a l'aire lliure buscant parets i blocs per enfilar-se.</p>
   </div>
 </div>

src/docs/pages/exemples.md → src/docs/exemples.md

@@ -24,7 +24,7 @@ toc: true
 ## Visualitzem els embassaments a les conques internes de Catalunya
 L’Agència Catalana de l'Aigua (ACA) ha fet una feina excepcional visualitzant dades crítiques sobre els recursos hídrics. Han implementat una visualització utilissima que [**mapeja**](https://aplicacions.aca.gencat.cat/visseq/estat-actual) els impactes de la sequera al territori, però considerem que [el seu panell de dades sobre els **nivells dels embassaments**](https://aca.gencat.cat/ca/laigua/consulta-de-dades/dades-obertes/visualitzacio-interactiva-dades/estat-embassaments/) és una oportunitat perduda. 
 
-<img src="../img/panell-dades-gene.png" alt="Panell de dades mantingut per l’Agència Catalana de l'Aigua (ACA)" style="width:100%">
+<img src="./img/panell-dades-gene.png" alt="Panell de dades mantingut per l’Agència Catalana de l'Aigua (ACA)" style="width:100%">
 
 En aquesta primera iteració (**https://sequera.fndvit.org/**), hem anat cap a les [dades](https://analisi.transparenciacatalunya.cat/Medi-Ambient/Quantitat-d-aigua-als-embassaments-de-les-Conques-/gn9e-3qhr/about_data) que estaven més a mà, però volem explorar com fer també el mapa —potser el veureu inclòs en properes entregues. (El nostre objectiu final és posar a prova els límits i les  virtuts del Observable per a experiències de dades simples i complexes.)
 
@@ -39,7 +39,7 @@ En modificar l'aproximació de l'ACA a la visualització de les dades dels embas
 
 Hem afegit un gràfic de barres apilades d’amplada variable (bé... l’alçada en aquest cas), també conegut com a **gràfic de Marimekko**, per representar els nivells dels embassaments. Això permet representar capacitat i nivells al mateix temps, per veure quins són els embassaments principals i com estan de plens o buits. Mostrar les dues variables alhora dona una altra perspectiva respecte als gràfics de barres tradicionals. A més, som molt *fans* d’aquest tipus de visualització —igual que dels beeswarms. Però és que ... digueu-nos, **com visualitzaríeu la realitat que mostrem a sota 👇👇👇** d'una altra manera?
 
-<img src="../img/gots-aigua.jpg" alt="Gots de mides molt diferent ples d'aigua blava simbolitzant la capacitat i nivel dels diferents embassaments" style="width:100%">
+<img src="./img/gots-aigua.jpg" alt="Gots de mides molt diferent ples d'aigua blava simbolitzant la capacitat i nivel dels diferents embassaments" style="width:100%">
 
 En aquest exemple però, ja podem anticipar **algunes millores futures**:
 - Incorporar dades de la Confederació Hidrogràfica de l'Ebre (un dels projectes treballat al Màster en “Eines Visuals per Empoderar la Ciutadania” ja tenia aquesta funcionalitat).

src/docs/pages/guia.md → src/docs/guia.md

@@ -47,7 +47,7 @@ toc: true
 
 ```js
 import chroma from "npm:chroma-js";
-const temperature = FileAttachment("../data/temperature.json").json();
+const temperature = FileAttachment("./data/temperature.json").json();
 
 const margarine = [8.2,7,6.5,5.3,5.2,4,4.6,4.5,4.2,3.7,];
 const divorces = [5,4.7,4.6,4.4,4.3,4.1,4.2,4.2,4.2,4.1,];

src/docs/pages/participa.md → src/docs/participa.md

@@ -17,7 +17,7 @@ La iniciativa està dirigida a **persones que encara estan aprenent i desenvolup
 
 Per participar [**obre un Issue en GitHub**](https://github.com/fndvit/catalunya-en-dades/issues) amb la teva proposta. Hem creat una plantilla ja per que omplis la informació minima que necessitem per valorarla teva proposta.
 
-<img src="../img/github-issues.png" alt="Captura de pantalla dels GitHub issues al repositori" style="width:100%">
+<img src="./img/github-issues.png" alt="Captura de pantalla dels GitHub issues al repositori" style="width:100%">
 
 La competició no està oberta a professionals establerts o aquells que ja tenen una experiència significativa en ciència de dades. Si voleu col·laborar d'una altra manera, o la vostra empresa/organització vol patrocinar la iniciativa, [poseu-vos en contacte amb nosaltres](mailto:karma@fundaciovit.org).
 

src/docs/pages/preguntes-tecniques.md → src/docs/preguntes-tecniques.md

@@ -76,7 +76,7 @@ const MAPBOX_TOKEN = "pk.eyJ1IjoiZm5kdml0IiwiYSI6ImNseDR5dDV5dTBmeWMyaXNjemRkbDA
 ## Per on començar
 El [projecte el tenim a *GitHub*](https://github.com/fndvit/catalunya-en-dades), per col·laborar eficaçment —i mantenir totes les discussions de les propostes en obert. 
 
-<a href="https://github.com/fndvit/catalunya-en-dades" target="_blank"><img src="../img/github.png" alt="Imatge del repositori a GitHub" style="width:100%"></a>
+<a href="https://github.com/fndvit/catalunya-en-dades" target="_blank"><img src="./img/github.png" alt="Imatge del repositori a GitHub" style="width:100%"></a>
 
 Fes un *fork* el projecte. Entra a la carpeta, instal·la'l amb `npm i` i executa `npm run dev`. Veuràs aixó ...
 

src/docs/pages/sponsors.md → src/docs/sponsors.md

@@ -37,23 +37,23 @@ Utilitzem [**Open Collective**](https://opencollective.com/fndvit-cat-en-dades)
 ## Tria entre les següents categories
 <div class="grid grid-cols-3">
   <div class="card">
-    <img src="../img/marie-neurath.png" alt="Imatge d'una pàgina del llibre"/>
+    <img src="./img/marie-neurath.png" alt="Imatge d'una pàgina del llibre"/>
     <h2>Marie Neurath</h2>
     <h3><span class="unit">Contribució:</span> €2.500</h3>
     <h3><span class="unit">Patrocinis disponibles:</span> 2</h3>
     <p>En honor a la pionera <a href="https://www.marieneurath.org/" target="_blank">Marie Neurath</a>, que va revolucionar la visualització de dades, aquesta categoria de donació està destinada a aquells que vulguin fer una contribució significativa. La teva generositat impulsarà els nostres esforços per oferir formació davantera i recursos formatius d’alta qualitat.</p>
     <a href="https://opencollective.com/fndvit-cat-en-dades/contribute/backers-76196/checkout?interval=oneTime&amount=2500" target="_blank"><b>Contribueix des d’Open Collective</b><span style="display: inline-block; margin-left: 0.25rem;">↗</span></a>
   </div>
   <div class="card">
-    <img src="../img/mary-eleanor-spear.png" alt="Pàginas finals del 'Practical Charting Techniques'"/>
+    <img src="./img/mary-eleanor-spear.png" alt="Pàginas finals del 'Practical Charting Techniques'"/>
     <h2>Mary Eleanor Spear</h2>
     <h3><span class="unit">Contribució:</span> €1.000</h3>
     <h3><span class="unit">Patrocinis disponibles:</span> 5</h3>
     <p>Inspirada en <a href="https://ca.wikipedia.org/wiki/Mary_Eleanor_Spear" target="_blank">Mary Eleanor Spear</a>, una destacada estadística i defensora de la igualtat d’oportunitats, si dones en aquesta categoria estaràs promovent l'accessibilitat i la inclusió en el camp de les dades. La teva contribució ens ajudarà a fomentar la diversitat en l’anàlisi de dades.</p>
     <a href="https://opencollective.com/fndvit-cat-en-dades/contribute/sponsors-76197/checkout?interval=oneTime&amount=1000" target="_blank"><b>Contribueix des d’Open Collective</b><span style="display: inline-block; margin-left: 0.25rem;">↗</span></a>
   </div>
   <div class="card">
-    <img src="../img/agnes-sinclair-holbrook.png" alt="Detall d'un dels Hull House Maps"/>
+    <img src="./img/agnes-sinclair-holbrook.png" alt="Detall d'un dels Hull House Maps"/>
     <h2>Agnes Sinclair Holbrook</h2>
     <h3><span class="unit">Contribució:</span> €500</h3>
     <h3><span class="unit">Patrocinis disponibles:</span> 10</h3>

src/index.md

@@ -91,25 +91,25 @@ Us convidem a seguir-nos per les següents seccions, on trobareu **més detalls
     <h2><a href="/docs/">🚀 La iniciativa</a></h2>
   </div>
   <div class="card">
-    <h2><a href="/docs/pages/participa.html">✋ Vols participar?</a></h2>
+    <h2><a href="/docs/participa.html">✋ Vols participar?</a></h2>
   </div>
   <div class="card">
-    <h2><a href="/docs/pages/guia.html">🎨 Una petita guia</a></h2>
+    <h2><a href="/docs/guia.html">🎨 Una petita guia</a></h2>
   </div>
   <div class="card">
-    <h2><a href="/docs/pages/preguntes-tecniques.html">🛠️ Qüestions tècniques</a></h2>
+    <h2><a href="/docs/preguntes-tecniques.html">🛠️ Qüestions tècniques</a></h2>
   </div>
   <div class="card">
-    <h2><a href="/docs/pages/exemples.html">🎯 Un cas d’estudi</a></h2>
+    <h2><a href="/docs/exemples.html">🎯 Un cas d’estudi</a></h2>
   </div>
   <div class="card">
-    <h2><a href="/docs/pages/equip.html">👩‍👩‍👧‍👦 El nostre equip</a></h2>
+    <h2><a href="/docs/equip.html">👩‍👩‍👧‍👦 El nostre equip</a></h2>
   </div>
   <div class="card">
-    <h2><a href="/docs/pages/codi-de-conducta.html">😇 Codi de conducta</a></h2>
+    <h2><a href="/docs/codi-de-conducta.html">😇 Codi de conducta</a></h2>
   </div>
   <div class="card">
-    <h2><a href="/docs/pages/sponsors.html">💎 Sponsors</a></h2>
+    <h2><a href="/docs/sponsors.html">💎 Sponsors</a></h2>
   </div>
 </div>