Publishing

david/2021/06/03/index.html

@@ -74,7 +74,7 @@
 <p>You just need a special app called a <strong>newsreader</strong>.</p>
 <p><cite><em><a href="https://aboutfeeds.com/">What is a feed? (a.k.a. RSS)</a></em> (<a href="/david/cache/2021/0086cb1d562c02cd96f9f2a38e5bcc42/">cache</a>)</cite></p>
 </blockquote>
-<p>Cela faisait un moment que je voulais expérimenter des choses à ce sujet. Et puis j’avais vu passer le rendu des flux de <a href="https://adactio.com/journal/rss">Jeremy Keith</a> ou <a href="https://interconnected.org/home/feed">Matt Webb</a> que je trouvais inspirants mais j’avais l’impression que c’était compliqué à mettre en place. Alors que le travail avait en fait été <a href="https://lepture.com/en/2019/rss-style-with-xsl">pas mal pré-mâché&#8239;!</a> (<a href="/david/cache/2021/40d98edeb7835abd7f9d4c1917e3ea5c/">cache</a>) Le rendu par défaut ressemblait à ça&nbsp;:</p>
+<p>Cela faisait un moment que je voulais expérimenter des choses à ce sujet. Et puis j’avais vu passer le rendu des flux de <a href="https://adactio.com/journal/rss">Jeremy Keith</a> ou <a href="https://interconnected.org/home/feed">Matt Webb</a> que je trouvais inspirants mais j’avais l’impression que c’était compliqué à mettre en place. Alors que le travail avait en fait été <a href="https://lepture.com/en/2019/rss-style-with-xsl">pas mal pré-mâché&#8239;!</a> (<a href="/david/cache/2021/40d98edeb7835abd7f9d4c1917e3ea5c/">cache</a>) Le rendu par défaut dans Firefox ressemblait à ça&nbsp;:</p>
 <figure>
     <a href="#rendu_flux_defaut"
         title="Cliquer pour une version haute résolution">
@@ -88,7 +88,7 @@
     <figcaption>Non seulement c’est pas joli mais surtout c’est incompréhensible aux non-technicien·nes !</figcaption>
 </figure>
 <p>La feuille <abbr title="Extensible Stylesheet Language">XSL</abbr> de base est commentée et <a href="https://github.com/genmon/aboutfeeds/blob/main/tools/pretty-feed-v3.xsl">disponible ici</a>. L’exercice le plus difficile est d’adapter les valeurs pour que ça corresponde à votre flux, j’ai aussi enlevé la CSS par défaut pour mettre la mienne en ayant l’intuition que ça permettrait de maintenir une certaine cohérence avec la page d’où la personne vient. J’ai aussi fait en sorte d’utiliser la <a href="/david/2021/05/26/">notion de suivi</a> d’un flux/individu.</p>
-<p>Mon code <a href="https://git.larlet.fr/davidbgk/larlet-fr-david/commit/3895c26f776dff45dfb0bac3ac5b8e537cdea63e">ressemble à ça</a> et permet d’obtenir le <a href="/david/log/">rendu suivant</a>&nbsp;:</p>
+<p>Mon code <a href="https://git.larlet.fr/davidbgk/larlet-fr-david/src/branch/master/david/log/feed.xsl">ressemble à ça</a> et permet d’obtenir le <a href="/david/log/">rendu suivant</a>&nbsp;:</p>
 <figure>
     <a href="#rendu_flux_style"
         title="Cliquer pour une version haute résolution">

david/2021/sources/2021-06-03 - Flux lisibles.md

@@ -8,13 +8,13 @@
 >
 > <cite>*[What is a feed? (a.k.a. RSS)](https://aboutfeeds.com/)* ([cache](/david/cache/2021/0086cb1d562c02cd96f9f2a38e5bcc42/))</cite>
 
-Cela faisait un moment que je voulais expérimenter des choses à ce sujet. Et puis j’avais vu passer le rendu des flux de [Jeremy Keith](https://adactio.com/journal/rss) ou [Matt Webb](https://interconnected.org/home/feed) que je trouvais inspirants mais j’avais l’impression que c’était compliqué à mettre en place. Alors que le travail avait en fait été [pas mal pré-mâché !](https://lepture.com/en/2019/rss-style-with-xsl) ([cache](/david/cache/2021/40d98edeb7835abd7f9d4c1917e3ea5c/)) Le rendu par défaut ressemblait à ça :
+Cela faisait un moment que je voulais expérimenter des choses à ce sujet. Et puis j’avais vu passer le rendu des flux de [Jeremy Keith](https://adactio.com/journal/rss) ou [Matt Webb](https://interconnected.org/home/feed) que je trouvais inspirants mais j’avais l’impression que c’était compliqué à mettre en place. Alors que le travail avait en fait été [pas mal pré-mâché !](https://lepture.com/en/2019/rss-style-with-xsl) ([cache](/david/cache/2021/40d98edeb7835abd7f9d4c1917e3ea5c/)) Le rendu par défaut dans Firefox ressemblait à ça :
 
 ![Rendu par défaut d’un flux RSS dans Firefox](/static/david/2021/rendu_flux_defaut.png "Non seulement c’est pas joli mais surtout c’est incompréhensible aux non-technicien·nes !")
 
 La feuille <abbr title="Extensible Stylesheet Language">XSL</abbr> de base est commentée et [disponible ici](https://github.com/genmon/aboutfeeds/blob/main/tools/pretty-feed-v3.xsl). L’exercice le plus difficile est d’adapter les valeurs pour que ça corresponde à votre flux, j’ai aussi enlevé la CSS par défaut pour mettre la mienne en ayant l’intuition que ça permettrait de maintenir une certaine cohérence avec la page d’où la personne vient. J’ai aussi fait en sorte d’utiliser la [notion de suivi](/david/2021/05/26/) d’un flux/individu.
 
-Mon code [ressemble à ça](https://git.larlet.fr/davidbgk/larlet-fr-david/commit/3895c26f776dff45dfb0bac3ac5b8e537cdea63e) et permet d’obtenir le [rendu suivant](/david/log/) :
+Mon code [ressemble à ça](https://git.larlet.fr/davidbgk/larlet-fr-david/src/branch/master/david/log/feed.xsl) et permet d’obtenir le [rendu suivant](/david/log/) :
 
 ![Rendu après transformation de mon flux RSS dans Firefox](/static/david/2021/rendu_flux_style.png "Et voilà ! C’est quand même bien plus stylé 😎")
 

david/log/index.xml

@@ -26,7 +26,7 @@
 <p>You just need a special app called a <strong>newsreader</strong>.</p>
 <p><cite><em><a href="https://aboutfeeds.com/">What is a feed? (a.k.a. RSS)</a></em> (<a href="https://larlet.fr/david/cache/2021/0086cb1d562c02cd96f9f2a38e5bcc42/">cache</a>)</cite></p>
 </blockquote>
-<p>Cela faisait un moment que je voulais expérimenter des choses à ce sujet. Et puis j’avais vu passer le rendu des flux de <a href="https://adactio.com/journal/rss">Jeremy Keith</a> ou <a href="https://interconnected.org/home/feed">Matt Webb</a> que je trouvais inspirants mais j’avais l’impression que c’était compliqué à mettre en place. Alors que le travail avait en fait été <a href="https://lepture.com/en/2019/rss-style-with-xsl">pas mal pré-mâché !</a> (<a href="https://larlet.fr/david/cache/2021/40d98edeb7835abd7f9d4c1917e3ea5c/">cache</a>) Le rendu par défaut ressemblait à ça :</p>
+<p>Cela faisait un moment que je voulais expérimenter des choses à ce sujet. Et puis j’avais vu passer le rendu des flux de <a href="https://adactio.com/journal/rss">Jeremy Keith</a> ou <a href="https://interconnected.org/home/feed">Matt Webb</a> que je trouvais inspirants mais j’avais l’impression que c’était compliqué à mettre en place. Alors que le travail avait en fait été <a href="https://lepture.com/en/2019/rss-style-with-xsl">pas mal pré-mâché !</a> (<a href="https://larlet.fr/david/cache/2021/40d98edeb7835abd7f9d4c1917e3ea5c/">cache</a>) Le rendu par défaut dans Firefox ressemblait à ça :</p>
 <figure>
     <a href="https://larlet.fr/static/david/2021/rendu_flux_defaut.png"
         title="Cliquer pour une version haute résolution">
@@ -36,7 +36,7 @@
     <figcaption>Non seulement c’est pas joli mais surtout c’est incompréhensible aux non-technicien·nes !</figcaption>
 </figure>
 <p>La feuille <abbr title="Extensible Stylesheet Language">XSL</abbr> de base est commentée et <a href="https://github.com/genmon/aboutfeeds/blob/main/tools/pretty-feed-v3.xsl">disponible ici</a>. L’exercice le plus difficile est d’adapter les valeurs pour que ça corresponde à votre flux, j’ai aussi enlevé la CSS par défaut pour mettre la mienne en ayant l’intuition que ça permettrait de maintenir une certaine cohérence avec la page d’où la personne vient. J’ai aussi fait en sorte d’utiliser la <a href="https://larlet.fr/david/2021/05/26/">notion de suivi</a> d’un flux/individu.</p>
-<p>Mon code <a href="https://git.larlet.fr/davidbgk/larlet-fr-david/commit/3895c26f776dff45dfb0bac3ac5b8e537cdea63e">ressemble à ça</a> et permet d’obtenir le <a href="https://larlet.fr/david/log/">rendu suivant</a> :</p>
+<p>Mon code <a href="https://git.larlet.fr/davidbgk/larlet-fr-david/src/branch/master/david/log/feed.xsl">ressemble à ça</a> et permet d’obtenir le <a href="https://larlet.fr/david/log/">rendu suivant</a> :</p>
 <figure>
     <a href="https://larlet.fr/static/david/2021/rendu_flux_style.png"
         title="Cliquer pour une version haute résolution">