<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:content="http://purl.org/rss/1.0/modules/content/"><channel><title>Projectes i col·laboracions</title><link>https://www.manelguerra.com/projectes/</link><description>Contingut recent a Projectes i col·laboracions de Manel Guerra</description><generator>Hugo -- gohugo.io</generator><language>ca</language><copyright>**Llicència CC BY 4.0** &lt;br/&gt;[Info sobre aquesta web](/nota/)[&lt;img src="https://www.manelguerra.com/img/green-team-petit.webp" style="margin:0 auto"/&gt;](/nota/)</copyright><lastBuildDate>Sun, 02 Jun 2024 18:11:00 +0200</lastBuildDate><atom:link href="https://www.manelguerra.com/projectes/rss.xml" rel="self" type="application/rss+xml"/><item><title>1. El blog</title><link>https://www.manelguerra.com/projectes/sobre-el-blog/</link><pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate><guid>https://www.manelguerra.com/projectes/sobre-el-blog/</guid><description>Una descripció de l&amp;rsquo;evolució del blog</description><content:encoded><![CDATA[<h2 id="què-és-quasi-un-bloc">Què és <em>Quasi un bloc</em>?</h2>
<p>La <a href="/blog">part</a> d&rsquo;aquesta pàgina on escric alguns pensaments i notes. En continua evolució.</p>
<p>Hi trobareu una barreja de temes de tecnologia i d&rsquo;informàtica, però també de natura, ecologia i societat. Poca política, però tot és política, diuen.</p>
<p>I <a href="/blog/el-perque-del-blog">perquè un blog</a>? Perquè escriure ajuda a ordenar les idees, a reflexionar sobre allò que vols dir i a no deixar-te endur pel soroll ni la immediatesa. De vegades també <a href="/blog/la-conversa-global">forma part d&rsquo;una xarxa</a>, d&rsquo;una conversa global sense la qual ni s&rsquo;entén ni té gaire sentit.</p>
<hr>
<h2 id="perquè-quasi-un-bloc">Perquè &ldquo;Quasi un bloc&rdquo;?</h2>
<p>Seria més correcte &ldquo;Quasi un blog&rdquo;, ben cert. Però quan vaig començar, fa molts anys, a la <em>blogosfera catalana</em> hi havia el debat si usàvem la paraula <em>bloc</em> o <em>blog</em>&hellip; i jo em vaig decantar per <em>bloc</em>. Així que li vaig agafar estima al títol, i no he volgut <em>perdre marca</em>.</p>
<hr>
<h2 id="com-està-muntat">Com està muntat?</h2>
<p>El blog (tota la pàgina, de fet) està muntada amb un <a href="https://gohugo.io">Hugo</a>, un generador de pàgines estàtiques (SSG -Static Site Generator).</p>
<p>Totes les pàgines estan escrites en fitxers de text, en format <a href="http://daringfireball.net/projects/markdown/">Markdown</a>, i resideixen al meu ordinador.</p>
<p>Quan escric un nou post o faig canvis, els comprovo en local i el pujo amb un script al servidor.</p>
<p><strong>Perquè tanta complicació?</strong></p>
<ul>
<li>Per jugar tècnicament, més enllà del Wordpress.</li>
<li>Per no dependre d&rsquo;una base de dades que un dia pot cascar.</li>
<li>Per tenir tots els fitxers en local, i un històric fàcilment accessible.</li>
<li>Per fer pàgines molt lleugeres, que no depenguin d&rsquo;instal·lacions complexes (i identifico <a href="https://ca.wordpress.org/">Wordpress</a> com instal·lació complexa pel que implica de desplegar php, una base de dades, etc.)</li>
<li>Per fer el site el més robust i segur possible: html i css pur i dur. Cap possibilitat d&rsquo;atac ni injecció de porqueria al contingut.</li>
</ul>
<p>Tot plegat, jugar amb els principis d&rsquo;una internet el més lleugera, fàcil i accessible que sigui possible.</p>
<hr>
<h2 id="evolució">Evolució</h2>
<p>Del blog i de la pàgina, sempre han anat en paral·lel (no sempre junts):</p>
<h3 id="2001---2005-artesania-html-blanc-sobre-caqui">2001 - 2005 Artesania html, blanc sobre caqui.</h3>
<h4 id="pàgina-web">pàgina web</h4>
<p>Una plana web estàtica, feta a mà, artesanal.
<img loading="lazy" src="/img/web_2001.png" alt=""  />
</p>
<h4 id="blog-setembre-2003---abril-2004-origens">blog: setembre 2003 - abril 2004 (origens)</h4>
<p>Primeres versions del blog, usant un SSG antiquíssim, <a href="http://www.ele.uva.es/~imartin/BarraPan">BarraPan</a> (La pàgina original del projecte BarraPan ja no està disponible, però via la WayBack Machine d&rsquo;<a href="https://archive.org">Archive.org</a> encara <a href="https://web.archive.org/web/20030605155318/http://www.ele.uva.es/~imartin/BarraPan/">és visible</a>).</p>
<p><img loading="lazy" src="/img/web_2003_barrapan.png" alt=""  />
</p>
<h4 id="blog-abril-2004---maig-2005-hostatjament-extern">blog: abril 2004 - maig 2005 (hostatjament extern)</h4>
<p>Primera versió del bloc, hostatjat a <a href="http://bloc.cat">http://bloc.cat</a>: <a href="http://quasi-un-bloc.bloc.cat">http://quasi-un-bloc.bloc.cat</a> (ja no respòn)</p>
<p><img loading="lazy" src="/img/web_2004.png" alt=""  />
</p>
<h3 id="maig-2005---agost-2007-wordpress-i-html-i-posem-al-dia-el-blanc-caqui">maig 2005 - agost 2007 Wordpress i html, i posem al dia el blanc-caqui</h3>
<p>Millora del disseny anterior, adaptació de tipografies i suavitzat d&rsquo;alguns colors. Elimino parts velles de la web que no renovo i que, possiblement, mai han interessat a ningú.</p>
<p>Wordpress auto-hostatjat:</p>
<ul>
<li>Migració de tot el contingut del site anterior.</li>
<li>Separació de la plana personal i el blog en dos URL diferents: <a href="http://blog.manelguerra.com">http://blog.manelguerra.com</a> i <a href="http://www.manelguerra.com">http://www.manelguerra.com</a>, per motius tècnics: el wordpress es veu directament des del subdomini blog.</li>
</ul>
<p><img loading="lazy" src="/img/web_2005.png" alt=""  />
</p>
<h3 id="setembre-2007---juny-2013-més-informació-tot-a-un-click">setembre 2007 - juny 2013 Més informació, tot a un click</h3>
<p>Millora subtil del tema anterior, segona volta. Més informació a primer cop d&rsquo;ull.
<img loading="lazy" src="/img/web_2012.png" alt=""  />
</p>
<h3 id="juliol-2013--2016-fora-caqui-antic-es-porta-el-blanc-un-tema-més-net">juliol 2013 -2016 Fora caqui antic: es porta el blanc, un tema més net.</h3>
<p><a href="/blog/renovant-el-blog">Un disseny més blanc</a>, més net pel blog: si abans la idea era mostrar molta informació de referència, la cosa ara és no atabalar, deixar la informació disponible, però no mostrar-la tota de cop (llistes d&rsquo;etiquetes, categories i arxius no cal mostrar-les cada vegada).</p>
<p>La pàgina personal té una franja negra per destacar el menú.</p>
<p>Jubilo un tema que, modificat, arrossego des de 2005.</p>
<p><img loading="lazy" src="/img/QuasiUnBloc_Disseny2013_captura.png#center" alt="QuasiUnBloc_Disseny2013_captura"  />
</p>
<p><img loading="lazy" src="/img/web_2014.png" alt=""  />
</p>
<h3 id="2016---2022-blancs-negres-i-vermells-adaptació-a-mòbil">2016 - 2022 Blancs, negres i vermells. Adaptació a mòbil.</h3>
<p><a href="/blog/blog-mes-clar-mes-simple">Redisseny total</a>. Anem a blancs i vermells, paleta mínima, reordenació del contingut i un lloc preparat per veure&rsquo;l bé en dispositius mòvils. Ja tocava.</p>
<p><img loading="lazy" src="/img/web_2016.png" alt=""  />
</p>
<p><img loading="lazy" src="/img/web_2016_blog.png" alt=""  />
</p>
<h3 id="2022---actualitat-canvi-a-hugo-seguim-a-blancs">2022 - actualitat Canvi a Hugo, seguim a blancs</h3>
<p>Em desfaig de la url <a href="http://blog.manelguerra.com">http://blog.manelguerra.com</a>, tot sota <a href="https://www.manelguerra.com">https://www.manelguerra.com</a>, amb SSL.</p>
<p><a href="/blog/migracio-del-blog">Canvi a Hugo</a>. El món blogger ha canviat: ja no hi ha comentaris ni retropings, no necessito tanta complexitat, i si més possibilitats futures de tenir el contingut sense codi html ni dintre de bases de dades.</p>
<p><img loading="lazy" src="/img/web_2022.png" alt=""  />
</p>
<p>Al <a href="/blog/una-capa-de-pintura">maig de 2026</a> s&rsquo;apliquen canvis subtils en les metadades dels articles i es reordena el contingut de les pàgines.</p>
]]></content:encoded></item><item><title>2. Traducció del Tabliss</title><link>https://www.manelguerra.com/projectes/traduccio-tablis/</link><pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate><guid>https://www.manelguerra.com/projectes/traduccio-tablis/</guid><description>Traducció al català de Tabliss, extensió de navegador</description><content:encoded><![CDATA[<p>La traducció al català de <a href="https://www.tabliss.io">Tabliss</a>.</p>
<p>Tabliss és una pàgina per noves pestanyes totalment personalitzable, usable com plugin o online, i que funciona per Firefox, Chrome o Edge.</p>
<p>És, de moment, fàcil de mantenir: un clon del GitHub i algun pull-request quan es fan modificacions, i avall. Li dedico poc temps, tot sigui dit.</p>
<ul>
<li>L&rsquo;original a GitHub: <a href="https://github.com/joelshepherd/tabliss">https://github.com/joelshepherd/tabliss</a></li>
</ul>
]]></content:encoded></item><item><title>3. Projectes inactius</title><link>https://www.manelguerra.com/projectes/projectes_inactius/</link><pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate><guid>https://www.manelguerra.com/projectes/projectes_inactius/</guid><description>Projectes on hi he col·laborat fa temps, però no ara.</description><content:encoded><![CDATA[<h2 id="projectes-inactius">Projectes inactius</h2>
<p>Projectes que ja no mantinc ni on col·laboro, per poc ús o falta de temps.</p>
<p>Alguns d&rsquo;ells (en els que he col·laborat) continuent actius, i  tota ajuda és benvinguda.</p>
<table>
  <thead>
      <tr>
          <th>Títol del projecte</th>
          <th>Què és?</th>
          <th>Perquè no l&rsquo;uso</th>
      </tr>
  </thead>
  <tbody>
      <tr>
          <td><strong><a href="https://translate.inoreader.com/">Traducció al català</a> de l&rsquo;Inoreader</strong></td>
          <td><a href="https://www.inoreader.com">Inoreader</a> és un lector de feeds on-line, amb aplicació Android. De la mà de l&rsquo;amic <a href="https://github.com/muzzol">Muzzol</a>, que és qui va començar.</td>
          <td><a href="/blog/lector-rss-servidor-propi">Canvi a TinytinyRSS i FeedMe</a></td>
      </tr>
      <tr>
          <td><strong><a href="https://crowdin.com/project/qownnotes">Traducció al català</a> del QOwnNotes</strong></td>
          <td><a href="https://www.qownnotes.org">QOwnNotes</a> és un editor de notes en Markdown de codi obert, que funciona en Linux i Windows.</td>
          <td>Ara <a href="/blog/obsidian-omnivore-secondbrain">uso</a> <a href="https://obsidian.com/">Obsidian</a></td>
      </tr>
  </tbody>
</table>
]]></content:encoded></item></channel></rss>