Publishing

david/2021/02/09/index.html

@@ -72,7 +72,8 @@
 <p>Je décide d’y aller sans équipement vidéo, pour le fun, mon Kalimba sous le bras (j’apprends en voulant faire un lien qu’il s’agit en fait d’un <a href="https://fr.wikipedia.org/wiki/Mbira">Mbira</a> d’origine africaine). Malheureusement, le calme n’était pas de la partie pour autant, mes pensées étant focalisées sur la suite j’ai du mal à rester dans le présent.</p>
 <p>C’était tout de même une bien belle sortie, j’en suis revenu épuisé et heureux. L’avantage de vieillir, c’est que ton corps te rappelle plusieurs jours de suite que tu t’es bien dépensé&#8239;!</p>
 <figure>
-    <a href="#ski_de_fond">
+    <a href="#ski_de_fond"
+        title="Cliquer pour une version haute résolution">
         <img src="/static/david/2021/ski_de_fond.jpg" alt="Piste de ski de fond"
              loading="lazy" width="2016" height="1512" />
     </a>

david/2021/02/10/index.html

@@ -75,7 +75,8 @@
 <p>Sur les pistes, je ne croise que quelques personnes manifestement retraitées. Je me demande si j’en suis une. Pas dans le sens <abbr title="Financial Independence, Retire Early">FIRE</abbr> qui semble avoir du succès chez les personnes à hauts salaires — comme les développeurs et développeuses. Plutôt en ayant des choix de vie me permettant d’avoir des pratiques de retraité dès maintenant.</p>
 <p>Petit plaisir du jour&nbsp;: avoir créé un nuage en lançant de l’eau à ébullition en l’air lorsqu’il fait «&nbsp;frête&nbsp;». Je ne l’avais jamais fait et c’était plaisant, d’autant que non prémédité (je faisais la vaisselle en m’aidant du poêle).</p>
 <figure>
-    <a href="#refuge_corbeau">
+    <a href="#refuge_corbeau"
+        title="Cliquer pour une version haute résolution">
         <img src="/static/david/2021/refuge_corbeau.jpg" alt="Lever de soleil"
              loading="lazy" width="2016" height="1512" />
     </a>

david/2021/03/30/index.html

@@ -72,7 +72,8 @@
 <p>Je n’ai pas encore tenté d’animer la prise en combinant avec la <a href="/david/2021/03/21/">gimbal</a> mais je vois déjà que ça me prend une bonne partie d’une batterie aussi ça m’inquiète pour des situations où j’ai des contraintes fortes à ce niveau. Au passage, je me demande comment font celleux qui réalisent des <em>timelapses</em> d’aurores boréales, il doit falloir un générateur à côté de l’appareil 😅.</p>
 <p>Un truc que je n’avais pas anticipé, c’est que je peux récupérer parmi toutes les prises de vues celles que j’ai envie de garder sous forme de photos. J’en ai gardé 3&nbsp;pour l’occasion&nbsp;:</p>
 <figure>
-    <a href="#timelapse1">
+    <a href="#timelapse1"
+        title="Cliquer pour une version haute résolution">
         <img src="/static/david/2021/timelapse1.jpg" alt="Coucher de soleil 1"
              loading="lazy" width="1600" height="1200" />
     </a>
@@ -84,7 +85,8 @@
 </figure>
 
 <figure>
-    <a href="#timelapse2">
+    <a href="#timelapse2"
+        title="Cliquer pour une version haute résolution">
         <img src="/static/david/2021/timelapse2.jpg" alt="Coucher de soleil 2"
              loading="lazy" width="1600" height="1200" />
     </a>
@@ -96,7 +98,8 @@
 </figure>
 
 <figure>
-    <a href="#timelapse3">
+    <a href="#timelapse3"
+        title="Cliquer pour une version haute résolution">
         <img src="/static/david/2021/timelapse3.jpg" alt="Coucher de soleil 3"
              loading="lazy" width="1600" height="1200" />
     </a>

david/2021/04/03/index.html

@@ -69,7 +69,8 @@
 
 <p>Le retour des bernaches est un moment de joie qui annonce le printemps. Elles sont la sonalité de la sai·sonnalité, le balancier de la pendule annuelle, le grand «&nbsp;V&nbsp;» de la Vie dans le ciel.</p>
 <figure>
-    <a href="#bernache">
+    <a href="#bernache"
+        title="Cliquer pour une version haute résolution">
         <img src="/static/david/2021/bernache.jpg" alt="Une bernache le long de la rivière"
              loading="lazy" width="1600" height="1200" />
     </a>

david/2021/04/13/index.html

@@ -68,7 +68,8 @@
 <hr>
 
 <figure>
-    <a href="#nuns">
+    <a href="#nuns"
+        title="Cliquer pour une version haute résolution">
         <img src="/static/david/2021/nuns.jpg" alt="Article de presse de 1990 sur cette histoire"
              loading="lazy" width="1440" height="1156" />
     </a>

david/2021/05/05/index.html

@@ -62,7 +62,7 @@
     <a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home">
         <use xlink:href="/static/david/icons2/symbol-defs.svg#icon-home"></use>
       </svg> Accueil</a>
-    
+     • <a rel="next" href="/david/2021/05/06/" title="Publication suivante : Jour 1">Suivant →</a>
   </p>
 </nav>
 <hr>
@@ -74,7 +74,7 @@
   <p class="center">
     <a rel="prev" href="/david/2021/05/04/" title="Publication précédente : Touriste">← Précédent</a> •
     <a href="/david/2021/" title="Liste des publications récentes">↑ En 2021</a>
-    
+     • <a rel="next" href="/david/2021/05/06/" title="Publication suivante : Jour 1">Suivant →</a>
   </p>
 </nav>
 </article>

david/2021/05/06/index.html

@@ -0,0 +1,251 @@
+<!doctype html><!-- This is a valid HTML5 document. -->
+<!-- Screen readers, SEO, extensions and so on. -->
+<html lang="fr">
+<!-- Has to be within the first 1024 bytes, hence before the <title>
+  See: https://www.w3.org/TR/2012/CR-html5-20121217/document-metadata.html#charset -->
+<meta charset="utf-8">
+<!-- Why no `X-UA-Compatible` meta: https://stackoverflow.com/a/6771584 -->
+<!-- The viewport meta is quite crowded and we are responsible for that.
+  See: https://codepen.io/tigt/post/meta-viewport-for-2015 -->
+<meta name="viewport" content="width=device-width,initial-scale=1">
+<!-- Required to make a valid HTML5 document. -->
+<title>Jour 1 — David Larlet</title>
+<meta name="description" content="Malgré la rigueur de ma vie ici, le verre d’eau sur la table me paraît encore a moitié plein… même s’il est plein de glace.">
+<!-- That good ol' feed, subscribe :). -->
+<link rel="alternate" type="application/atom+xml" title="Feed" href="/david/log/">
+<!-- Generated from https://realfavicongenerator.net/ such a mess. -->
+<link rel="apple-touch-icon" sizes="180x180" href="/static/david/icons2/apple-touch-icon.png">
+<link rel="icon" type="image/png" sizes="32x32" href="/static/david/icons2/favicon-32x32.png">
+<link rel="icon" type="image/png" sizes="16x16" href="/static/david/icons2/favicon-16x16.png">
+<link rel="manifest" href="/static/david/icons2/site.webmanifest">
+<link rel="mask-icon" href="/static/david/icons2/safari-pinned-tab.svg" color="#07486c">
+<link rel="shortcut icon" href="/static/david/icons2/favicon.ico">
+<meta name="msapplication-TileColor" content="#f0f0ea">
+<meta name="msapplication-config" content="/static/david/icons2/browserconfig.xml">
+<meta name="theme-color" content="#f0f0ea">
+<!-- Documented, feel free to shoot an email. -->
+<link rel="stylesheet" href="/static/david/css/style_2021-01-20.css">
+<!-- See https://www.zachleat.com/web/comprehensive-webfonts/ for the trade-off. -->
+<link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_regular.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin>
+<link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_bold.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin>
+<link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_italic.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin>
+<link rel="preload" href="/static/david/css/fonts/triplicate_t3_regular.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin>
+<link rel="preload" href="/static/david/css/fonts/triplicate_t3_bold.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin>
+<link rel="preload" href="/static/david/css/fonts/triplicate_t3_italic.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin>
+<script>
+    function toggleTheme(themeName) {
+        document.documentElement.classList.toggle(
+            'forced-dark',
+            themeName === 'dark'
+        )
+        document.documentElement.classList.toggle(
+            'forced-light',
+            themeName === 'light'
+        )
+    }
+    const selectedTheme = localStorage.getItem('theme')
+    if (selectedTheme !== 'undefined') {
+        toggleTheme(selectedTheme)
+    }
+</script>
+
+<body class="remarkdown h1-underline h2-underline h3-underline em-underscore hr-center ul-star pre-tick" data-instant-intensity="viewport-all">
+
+
+<article>
+<header>
+  <h1>Jour 1</h1>
+</header>
+<nav>
+  <p class="center">
+    <a rel="prev" href="/david/2021/05/05/" title="Publication précédente : Accessibilité">← Précédent</a> •
+    <a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home">
+        <use xlink:href="/static/david/icons2/symbol-defs.svg#icon-home"></use>
+      </svg> Accueil</a>
+    
+  </p>
+</nav>
+<hr>
+
+
+<blockquote>
+<p>Malgré la rigueur de ma vie ici, le verre d’eau sur la table me paraît encore a moitié plein… même s’il est plein de glace.</p>
+<p><cite><em>Encabanée</em>, Gabrielle Filteau-Chiba</cite></p>
+</blockquote>
+<p>Alors que je marche de nouveau dans la forêt, j’imagine une autre forme de partage. Plus proche de ce que pourrait proposer <a href="https://gather.town/">gather.town</a> mais en mode nature. Avec une notion de distance/temps(/météo?!) et la possibilité de consulter des images et des sons pendant un parcours libre sur une carte numérique reflétant une topographie bien physique. Je pourrais même me balader moi aussi sur cet espace à un moment donné pour échanger sur certains des artefacts partagés ou commenter une vidéo en direct.</p>
+<p>Cette idée fait son petit bout de chemin pendant que je trace le mien. Enfin, tracer est un bien grand mot, je me rends compte que je suis beaucoup plus en mode <em>camping</em> depuis que je fais des vidéos en utilisant des sentiers et emplacement aménagés. Le sac est plus lourd et le matériel plus fragile, je cède aisément à la facilité dans ces conditions.</p>
+<p>Je finis par m’arrêter au bord de l’un des multiples lacs qui ponctuent mon parcours ce jour-là. Ils annoncent des températures négatives dans la nuit, aussi j’essaye de me mettre un minimum à l’abri des arbres. Chaque mètre qui me sépare du lac m’éloigne également de la cacophonie nocturne qui s’en vient…</p>
+<p>En dépit de ma <a href="/david/2021/05/04/">non-intention</a>, je ne résiste pas à l’envie de vous montrer quelques photos. En guise d’immersion du pauvre (on dit <abbr title="Produit Manuellement Vérifiable">MVP</abbr>), je vous propose d’activer la bande son suivante lors de la consultation (le volume est <em>crescendo</em> mais je ne l’ai pas retouché en post-production)&nbsp;:</p>
+<audio controls>
+    <source src="/static/david/2021/sons-lac-cote-1.mp3" type="audio/mpeg">
+    Votre navigateur ne semble pas supporter la balise HTML audio. Vous pouvez toujours la <a href="/static/david/2021/sons-lac-cote-1.mp3">télécharger ici</a> pour une écoute dans l’une de vos applications.
+</audio>
+<hr />
+<figure>
+    <a href="#barrage"
+        title="Cliquer pour une version haute résolution">
+        <img src="/static/david/2021/barrage.jpg" alt="Un lac créé par un barrage de castor"
+             loading="lazy" width="1600" height="1200" />
+    </a>
+    <a href="#_" class="lightbox" id="barrage">
+        <img src="/static/david/2021/barrage.jpg" alt="Un lac créé par un barrage de castor"
+             loading="lazy" width="1600" height="1200" />
+    </a>
+    <figcaption>J’aime lorsqu’on voit l’endroit exact où l’eau se déverse par-dessus le barrage des castors.</figcaption>
+</figure>
+<figure>
+    <a href="#ruisseau"
+        title="Cliquer pour une version haute résolution">
+        <img src="/static/david/2021/ruisseau.jpg" alt="Un ruisseau au milieu de la forêt canadienne"
+             loading="lazy" width="1600" height="1200" />
+    </a>
+    <a href="#_" class="lightbox" id="ruisseau">
+        <img src="/static/david/2021/ruisseau.jpg" alt="Un ruisseau au milieu de la forêt canadienne"
+             loading="lazy" width="1600" height="1200" />
+    </a>
+    <figcaption>La neige a fondue mais les lacs continuent de se déverser les uns dans les autres.</figcaption>
+</figure>
+<figure>
+    <a href="#lichens"
+        title="Cliquer pour une version haute résolution">
+        <img src="/static/david/2021/lichens.jpg" alt="Des lichens sur un rocher"
+             loading="lazy" width="1600" height="1200" />
+    </a>
+    <a href="#_" class="lightbox" id="lichens">
+        <img src="/static/david/2021/lichens.jpg" alt="Des lichens sur un rocher"
+             loading="lazy" width="1600" height="1200" />
+    </a>
+    <figcaption>Au printemps, c’est toute une diversité de petites pousses qui croissent sur les rochers.</figcaption>
+</figure>
+<figure>
+    <a href="#grenouille"
+        title="Cliquer pour une version haute résolution">
+        <img src="/static/david/2021/grenouille.jpg" alt="Une petite grenouille sur un tronc"
+             loading="lazy" width="1600" height="1200" />
+    </a>
+    <a href="#_" class="lightbox" id="grenouille">
+        <img src="/static/david/2021/grenouille.jpg" alt="Une petite grenouille sur un tronc"
+             loading="lazy" width="1600" height="1200" />
+    </a>
+    <figcaption>En parlant de trucs qui croassent, celle-ci et ses copines (!) se sont faites plaisir cette nuit-là…</figcaption>
+</figure>
+<figure>
+    <a href="#reflet-coucher"
+        title="Cliquer pour une version haute résolution">
+        <img src="/static/david/2021/reflet-coucher.jpg" alt="Reflets dans le lac au coucher du soleil"
+             loading="lazy" width="1600" height="1200" />
+    </a>
+    <a href="#_" class="lightbox" id="reflet-coucher">
+        <img src="/static/david/2021/reflet-coucher.jpg" alt="Reflets dans le lac au coucher du soleil"
+             loading="lazy" width="1600" height="1200" />
+    </a>
+    <figcaption>Ça semble être apaisant et calme mais le chant des divers insectes/batraciens/oiseaux alentours est à la limite du supportable (fin de la bande son).</figcaption>
+</figure>
+<hr />
+<p><mark>Note avant publication&nbsp;:</mark> je découvre qu’il existe une <a href="https://www12.statcan.gc.ca/census-recensement/2021/ref/soundtrack-bandesonore/index-fra.htm">Bande sonore du Recensement de 2021</a>, je me sens tellement dans la <em>hype</em> avec mes idées. Bientôt j’ajoute <em>grosshacker</em> sur mon CV. #PunIntended</p>
+
+<nav>
+  <p class="center">
+    <a rel="prev" href="/david/2021/05/05/" title="Publication précédente : Accessibilité">← Précédent</a> •
+    <a href="/david/2021/" title="Liste des publications récentes">↑ En 2021</a>
+    
+  </p>
+</nav>
+</article>
+
+
+<hr>
+
+<footer>
+  <p>
+    <a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home">
+        <use xlink:href="/static/david/icons2/symbol-defs.svg#icon-home"></use>
+      </svg> Accueil</a> •
+    <a href="/david/log/" title="Accès au flux RSS"><svg class="icon icon-rss2">
+        <use xlink:href="/static/david/icons2/symbol-defs.svg#icon-rss2"></use>
+      </svg> RSS</a> •
+    <a href="http://larlet.com" title="Go to my English profile" data-instant><svg class="icon icon-user-tie">
+        <use xlink:href="/static/david/icons2/symbol-defs.svg#icon-user-tie"></use>
+      </svg> Pro</a> •
+    <a href="mailto:david%40larlet.fr" title="Envoyer un courriel"><svg class="icon icon-mail">
+        <use xlink:href="/static/david/icons2/symbol-defs.svg#icon-mail"></use>
+      </svg> Email</a> •
+    <abbr class="nowrap" title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340"><svg class="icon icon-hammer2">
+        <use xlink:href="/static/david/icons2/symbol-defs.svg#icon-hammer2"></use>
+      </svg> Légal</abbr>
+  </p>
+  <template id="theme-selector">
+      <form>
+          <fieldset>
+              <legend><svg class="icon icon-brightness-contrast">
+                <use xlink:href="/static/david/icons2/symbol-defs.svg#icon-brightness-contrast"></use>
+              </svg> Thème</legend>
+              <label>
+                  <input type="radio" value="auto" name="chosen-color-scheme" checked> Auto
+              </label>
+              <label>
+                  <input type="radio" value="dark" name="chosen-color-scheme"> Foncé
+              </label>
+              <label>
+                  <input type="radio" value="light" name="chosen-color-scheme"> Clair
+              </label>
+          </fieldset>
+      </form>
+  </template>
+</footer>
+<script src="/static/david/js/instantpage-5.1.0.min.js" type="module"></script>
+<script>
+    function loadThemeForm(templateName) {
+        const themeSelectorTemplate = document.querySelector(templateName)
+        const form = themeSelectorTemplate.content.firstElementChild
+        themeSelectorTemplate.replaceWith(form)
+
+        form.addEventListener('change', (e) => {
+            const chosenColorScheme = e.target.value
+            localStorage.setItem('theme', chosenColorScheme)
+            toggleTheme(chosenColorScheme)
+        })
+
+        const selectedTheme = localStorage.getItem('theme')
+        if (selectedTheme && selectedTheme !== 'undefined') {
+            form.querySelector(`[value="${selectedTheme}"]`).checked = true
+        }
+    }
+
+    const prefersColorSchemeDark = '(prefers-color-scheme: dark)'
+    window.addEventListener('load', () => {
+        let hasDarkRules = false
+        for (const styleSheet of Array.from(document.styleSheets)) {
+            let mediaRules = []
+            for (const cssRule of styleSheet.cssRules) {
+                if (cssRule.type !== CSSRule.MEDIA_RULE) {
+                    continue
+                }
+                // WARNING: Safari does not have/supports `conditionText`.
+                if (cssRule.conditionText) {
+                    if (cssRule.conditionText !== prefersColorSchemeDark) {
+                        continue
+                    }
+                } else {
+                    if (cssRule.cssText.startsWith(prefersColorSchemeDark)) {
+                        continue
+                    }
+                }
+                mediaRules = mediaRules.concat(Array.from(cssRule.cssRules))
+            }
+
+            // WARNING: do not try to insert a Rule to a styleSheet you are
+            // currently iterating on, otherwise the browser will be stuck
+            // in a infinite loop…
+            for (const mediaRule of mediaRules) {
+                styleSheet.insertRule(mediaRule.cssText)
+                hasDarkRules = true
+            }
+        }
+        if (hasDarkRules) {
+            loadThemeForm('#theme-selector')
+        }
+    })
+</script>
+</body>
+</html>

david/2021/index.html

@@ -296,6 +296,8 @@
   
     <h2><a href="/david/2021/05/05/">Accessibilité</a> (2021-05-05)</h2>
   
+    <h2><a href="/david/2021/05/06/">Jour 1</a> (2021-05-06)</h2>
+  
 </main>
 
 

david/2021/sources/2021-05-06 - Jour 1.md

@@ -0,0 +1,34 @@
+# Jour 1
+
+> Malgré la rigueur de ma vie ici, le verre d’eau sur la table me paraît encore a moitié plein… même s’il est plein de glace.
+>
+> <cite>*Encabanée*, Gabrielle Filteau-Chiba</cite>
+
+Alors que je marche de nouveau dans la forêt, j’imagine une autre forme de partage. Plus proche de ce que pourrait proposer [gather.town](https://gather.town/) mais en mode nature. Avec une notion de distance/temps(/météo?!) et la possibilité de consulter des images et des sons pendant un parcours libre sur une carte numérique reflétant une topographie bien physique. Je pourrais même me balader moi aussi sur cet espace à un moment donné pour échanger sur certains des artefacts partagés ou commenter une vidéo en direct.
+
+Cette idée fait son petit bout de chemin pendant que je trace le mien. Enfin, tracer est un bien grand mot, je me rends compte que je suis beaucoup plus en mode *camping* depuis que je fais des vidéos en utilisant des sentiers et emplacement aménagés. Le sac est plus lourd et le matériel plus fragile, je cède aisément à la facilité dans ces conditions.
+
+Je finis par m’arrêter au bord de l’un des multiples lacs qui ponctuent mon parcours ce jour-là. Ils annoncent des températures négatives dans la nuit, aussi j’essaye de me mettre un minimum à l’abri des arbres. Chaque mètre qui me sépare du lac m’éloigne également de la cacophonie nocturne qui s’en vient…
+
+En dépit de ma [non-intention](/david/2021/05/04/), je ne résiste pas à l’envie de vous montrer quelques photos. En guise d’immersion du pauvre (on dit <abbr title="Produit Manuellement Vérifiable">MVP</abbr>), je vous propose d’activer la bande son suivante lors de la consultation (le volume est *crescendo* mais je ne l’ai pas retouché en post-production) :
+
+<audio controls>
+    <source src="/static/david/2021/sons-lac-cote-1.mp3" type="audio/mpeg">
+    Votre navigateur ne semble pas supporter la balise HTML audio. Vous pouvez toujours la <a href="/static/david/2021/sons-lac-cote-1.mp3">télécharger ici</a> pour une écoute dans l’une de vos applications.
+</audio>
+
+---
+
+![Un lac créé par un barrage de castor](/static/david/2021/barrage.jpg "J’aime lorsqu’on voit l’endroit exact où l’eau se déverse par-dessus le barrage des castors.")
+
+![Un ruisseau au milieu de la forêt canadienne](/static/david/2021/ruisseau.jpg "La neige a fondue mais les lacs continuent de se déverser les uns dans les autres.")
+
+![Des lichens sur un rocher](/static/david/2021/lichens.jpg "Au printemps, c’est toute une diversité de petites pousses qui croissent sur les rochers.")
+
+![Une petite grenouille sur un tronc](/static/david/2021/grenouille.jpg "En parlant de trucs qui croassent, celle-ci et ses copines (!) se sont faites plaisir cette nuit-là…")
+
+![Reflets dans le lac au coucher du soleil](/static/david/2021/reflet-coucher.jpg "Ça semble être apaisant et calme mais le chant des divers insectes/batraciens/oiseaux alentours est à la limite du supportable (fin de la bande son).")
+
+---
+
+==Note avant publication :== je découvre qu’il existe une [Bande sonore du Recensement de 2021](https://www12.statcan.gc.ca/census-recensement/2021/ref/soundtrack-bandesonore/index-fra.htm), je me sens tellement dans la *hype* avec mes idées. Bientôt j’ajoute *grosshacker* sur mon CV. #PunIntended

david/index.html

@@ -74,6 +74,8 @@
 <nav>
   <ul>
     
+      <li><a href="/david/2021/05/06/">Jour 1</a> (2021-05-06)</li>
+    
       <li><a href="/david/2021/05/05/">Accessibilité</a> (2021-05-05)</li>
     
       <li><a href="/david/2021/05/04/">Touriste</a> (2021-05-04)</li>

david/log/index.xml

@@ -5,13 +5,78 @@
     <link href="https://larlet.fr/david/" rel="alternate" type="text/html" />
     <link href="https://larlet.fr/david/log/" rel="self" />
     <id>https://larlet.fr/david/</id>
-    <updated>2021-05-12T12:00:00+01:00</updated>
+    <updated>2021-05-13T12:00:00+01:00</updated>
     <author>
         <name>David Larlet</name>
         <uri>https://larlet.fr/david/</uri>
     </author>
     <rights>Copyright (c) 2004-2021, David Larlet</rights>
     
+        <entry xml:lang="fr">
+            <title>Jour 1</title>
+            <link href="https://larlet.fr/david/2021/05/06/" rel="alternate" type="text/html" />
+            <updated>2021-05-06T12:00:00+01:00</updated>
+            <id>https://larlet.fr/david/2021/05/06/</id>
+            <summary type="html">
+
+&lt;blockquote&gt;
+&lt;p&gt;Malgré la rigueur de ma vie ici, le verre d’eau sur la table me paraît encore a moitié plein… même s’il est plein de glace.&lt;/p&gt;
+&lt;p&gt;&lt;cite&gt;&lt;em&gt;Encabanée&lt;/em&gt;, Gabrielle Filteau-Chiba&lt;/cite&gt;&lt;/p&gt;
+&lt;/blockquote&gt;
+&lt;p&gt;Alors que je marche de nouveau dans la forêt, j’imagine une autre forme de partage. Plus proche de ce que pourrait proposer &lt;a href=&quot;https://gather.town/&quot;&gt;gather.town&lt;/a&gt; mais en mode nature. Avec une notion de distance/temps(/météo?!) et la possibilité de consulter des images et des sons pendant un parcours libre sur une carte numérique reflétant une topographie bien physique. Je pourrais même me balader moi aussi sur cet espace à un moment donné pour échanger sur certains des artefacts partagés ou commenter une vidéo en direct.&lt;/p&gt;
+&lt;p&gt;Cette idée fait son petit bout de chemin pendant que je trace le mien. Enfin, tracer est un bien grand mot, je me rends compte que je suis beaucoup plus en mode &lt;em&gt;camping&lt;/em&gt; depuis que je fais des vidéos en utilisant des sentiers et emplacement aménagés. Le sac est plus lourd et le matériel plus fragile, je cède aisément à la facilité dans ces conditions.&lt;/p&gt;
+&lt;p&gt;Je finis par m’arrêter au bord de l’un des multiples lacs qui ponctuent mon parcours ce jour-là. Ils annoncent des températures négatives dans la nuit, aussi j’essaye de me mettre un minimum à l’abri des arbres. Chaque mètre qui me sépare du lac m’éloigne également de la cacophonie nocturne qui s’en vient…&lt;/p&gt;
+&lt;p&gt;En dépit de ma &lt;a href=&quot;https://larlet.fr/david/2021/05/04/&quot;&gt;non-intention&lt;/a&gt;, je ne résiste pas à l’envie de vous montrer quelques photos. En guise d’immersion du pauvre (on dit &lt;abbr title=&quot;Produit Manuellement Vérifiable&quot;&gt;MVP&lt;/abbr&gt;), je vous propose d’activer la bande son suivante lors de la consultation (le volume est &lt;em&gt;crescendo&lt;/em&gt; mais je ne l’ai pas retouché en post-production)&amp;nbsp;:&lt;/p&gt;
+&lt;audio controls&gt;
+    &lt;source src=&quot;https://larlet.fr/static/david/2021/sons-lac-cote-1.mp3&quot; type=&quot;audio/mpeg&quot;&gt;
+    Votre navigateur ne semble pas supporter la balise HTML audio. Vous pouvez toujours la &lt;a href=&quot;https://larlet.fr/static/david/2021/sons-lac-cote-1.mp3&quot;&gt;télécharger ici&lt;/a&gt; pour une écoute dans l’une de vos applications.
+&lt;/audio&gt;
+&lt;hr /&gt;
+&lt;figure&gt;
+    &lt;a href=&quot;https://larlet.fr/static/david/2021/barrage.jpg&quot;
+        title=&quot;Cliquer pour une version haute résolution&quot;&gt;
+        &lt;img src=&quot;https://larlet.fr/static/david/2021/barrage.jpg&quot; alt=&quot;Un lac créé par un barrage de castor&quot;
+             width=&quot;1600&quot; height=&quot;1200&quot; /&gt;
+    &lt;/a&gt;
+    &lt;figcaption&gt;J’aime lorsqu’on voit l’endroit exact où l’eau se déverse par-dessus le barrage des castors.&lt;/figcaption&gt;
+&lt;/figure&gt;
+&lt;figure&gt;
+    &lt;a href=&quot;https://larlet.fr/static/david/2021/ruisseau.jpg&quot;
+        title=&quot;Cliquer pour une version haute résolution&quot;&gt;
+        &lt;img src=&quot;https://larlet.fr/static/david/2021/ruisseau.jpg&quot; alt=&quot;Un ruisseau au milieu de la forêt canadienne&quot;
+             width=&quot;1600&quot; height=&quot;1200&quot; /&gt;
+    &lt;/a&gt;
+    &lt;figcaption&gt;La neige a fondue mais les lacs continuent de se déverser les uns dans les autres.&lt;/figcaption&gt;
+&lt;/figure&gt;
+&lt;figure&gt;
+    &lt;a href=&quot;https://larlet.fr/static/david/2021/lichens.jpg&quot;
+        title=&quot;Cliquer pour une version haute résolution&quot;&gt;
+        &lt;img src=&quot;https://larlet.fr/static/david/2021/lichens.jpg&quot; alt=&quot;Des lichens sur un rocher&quot;
+             width=&quot;1600&quot; height=&quot;1200&quot; /&gt;
+    &lt;/a&gt;
+    &lt;figcaption&gt;Au printemps, c’est toute une diversité de petites pousses qui croissent sur les rochers.&lt;/figcaption&gt;
+&lt;/figure&gt;
+&lt;figure&gt;
+    &lt;a href=&quot;https://larlet.fr/static/david/2021/grenouille.jpg&quot;
+        title=&quot;Cliquer pour une version haute résolution&quot;&gt;
+        &lt;img src=&quot;https://larlet.fr/static/david/2021/grenouille.jpg&quot; alt=&quot;Une petite grenouille sur un tronc&quot;
+             width=&quot;1600&quot; height=&quot;1200&quot; /&gt;
+    &lt;/a&gt;
+    &lt;figcaption&gt;En parlant de trucs qui croassent, celle-ci et ses copines (!) se sont faites plaisir cette nuit-là…&lt;/figcaption&gt;
+&lt;/figure&gt;
+&lt;figure&gt;
+    &lt;a href=&quot;https://larlet.fr/static/david/2021/reflet-coucher.jpg&quot;
+        title=&quot;Cliquer pour une version haute résolution&quot;&gt;
+        &lt;img src=&quot;https://larlet.fr/static/david/2021/reflet-coucher.jpg&quot; alt=&quot;Reflets dans le lac au coucher du soleil&quot;
+             width=&quot;1600&quot; height=&quot;1200&quot; /&gt;
+    &lt;/a&gt;
+    &lt;figcaption&gt;Ça semble être apaisant et calme mais le chant des divers insectes/batraciens/oiseaux alentours est à la limite du supportable (fin de la bande son).&lt;/figcaption&gt;
+&lt;/figure&gt;
+&lt;hr /&gt;
+&lt;p&gt;&lt;mark&gt;Note avant publication&amp;nbsp;:&lt;/mark&gt; je découvre qu’il existe une &lt;a href=&quot;https://www12.statcan.gc.ca/census-recensement/2021/ref/soundtrack-bandesonore/index-fra.htm&quot;&gt;Bande sonore du Recensement de 2021&lt;/a&gt;, je me sens tellement dans la &lt;em&gt;hype&lt;/em&gt; avec mes idées. Bientôt j’ajoute &lt;em&gt;grosshacker&lt;/em&gt; sur mon CV. #PunIntended&lt;/p&gt;
+&lt;hr/&gt;&lt;p&gt;&lt;a href=&quot;mailto:david@larlet.fr&quot;&gt;Réagir ?&lt;/a&gt;&lt;/p&gt;</summary>
+        </entry>
+    
         <entry xml:lang="fr">
             <title>Accessibilité</title>
             <link href="https://larlet.fr/david/2021/05/05/" rel="alternate" type="text/html" />
@@ -404,8 +469,11 @@
             <id>https://larlet.fr/david/2021/04/13/</id>
             <summary type="html">
 &lt;figure&gt;
-    &lt;img src=&quot;https://larlet.fr/static/david/2021/nuns.jpg&quot; alt=&quot;Article de presse de 1990 sur cette histoire&quot;
-         width=&quot;1440&quot; height=&quot;1156&quot; /&gt;
+    &lt;a href=&quot;https://larlet.fr/static/david/2021/nuns.jpg&quot;
+        title=&quot;Cliquer pour une version haute résolution&quot;&gt;
+        &lt;img src=&quot;https://larlet.fr/static/david/2021/nuns.jpg&quot; alt=&quot;Article de presse de 1990 sur cette histoire&quot;
+             width=&quot;1440&quot; height=&quot;1156&quot; /&gt;
+    &lt;/a&gt;
     &lt;figcaption&gt;Mais que fait Holywood ?!&lt;/figcaption&gt;
 &lt;/figure&gt;
 &lt;p&gt;Je ne pensais pas un jour faire une entrée sur des nonnes mais &lt;a href=&quot;https://www.lesoir.be/art/la-saga-des-colettines-rebondit-une-ferme-au-coeur-des-_t-19900704-Z02VMP.html&quot;&gt;cette&lt;/a&gt; &lt;a href=&quot;https://www.lesoir.be/art/le-jardinier-des-clarisses-de-bruges-est-inculpe-_t-19900323-Z02HCD.html&quot;&gt;histoire&lt;/a&gt; &lt;a href=&quot;https://www.lesoir.be/art/%25252Fpauvres-claires-ronny-crab-en-correctionnelle_t-19941024-Z08NWK.html&quot;&gt;complètement&lt;/a&gt; &lt;a href=&quot;https://www.lesoir.be/art/%252Fm%252Fla-cour-d-appel-de-gand-acquitte-ronny-crab-le-dossier-_t-19960206-Z0AMZN.html&quot;&gt;rocambolesque&lt;/a&gt; mérite d’être connue&amp;#8239;!&lt;/p&gt;
@@ -568,8 +636,11 @@
             <summary type="html">
 &lt;p&gt;Le retour des bernaches est un moment de joie qui annonce le printemps. Elles sont la sonalité de la sai·sonnalité, le balancier de la pendule annuelle, le grand «&amp;nbsp;V&amp;nbsp;» de la Vie dans le ciel.&lt;/p&gt;
 &lt;figure&gt;
-    &lt;img src=&quot;https://larlet.fr/static/david/2021/bernache.jpg&quot; alt=&quot;Une bernache le long de la rivière&quot;
-         width=&quot;1600&quot; height=&quot;1200&quot; /&gt;
+    &lt;a href=&quot;https://larlet.fr/static/david/2021/bernache.jpg&quot;
+        title=&quot;Cliquer pour une version haute résolution&quot;&gt;
+        &lt;img src=&quot;https://larlet.fr/static/david/2021/bernache.jpg&quot; alt=&quot;Une bernache le long de la rivière&quot;
+             width=&quot;1600&quot; height=&quot;1200&quot; /&gt;
+    &lt;/a&gt;
     &lt;figcaption&gt;Cette bernache a fait plus de kilomètres que moi cette dernière année.&lt;/figcaption&gt;
 &lt;/figure&gt;
 &lt;hr/&gt;&lt;p&gt;&lt;a href=&quot;mailto:david@larlet.fr&quot;&gt;Réagir ?&lt;/a&gt;&lt;/p&gt;</summary>
@@ -604,20 +675,29 @@
 &lt;p&gt;Je n’ai pas encore tenté d’animer la prise en combinant avec la &lt;a href=&quot;https://larlet.fr/david/2021/03/21/&quot;&gt;gimbal&lt;/a&gt; mais je vois déjà que ça me prend une bonne partie d’une batterie aussi ça m’inquiète pour des situations où j’ai des contraintes fortes à ce niveau. Au passage, je me demande comment font celleux qui réalisent des &lt;em&gt;timelapses&lt;/em&gt; d’aurores boréales, il doit falloir un générateur à côté de l’appareil 😅.&lt;/p&gt;
 &lt;p&gt;Un truc que je n’avais pas anticipé, c’est que je peux récupérer parmi toutes les prises de vues celles que j’ai envie de garder sous forme de photos. J’en ai gardé 3&amp;nbsp;pour l’occasion&amp;nbsp;:&lt;/p&gt;
 &lt;figure&gt;
-    &lt;img src=&quot;https://larlet.fr/static/david/2021/timelapse1.jpg&quot; alt=&quot;Coucher de soleil 1&quot;
-         width=&quot;1600&quot; height=&quot;1200&quot; /&gt;
+    &lt;a href=&quot;https://larlet.fr/static/david/2021/timelapse1.jpg&quot;
+        title=&quot;Cliquer pour une version haute résolution&quot;&gt;
+        &lt;img src=&quot;https://larlet.fr/static/david/2021/timelapse1.jpg&quot; alt=&quot;Coucher de soleil 1&quot;
+             width=&quot;1600&quot; height=&quot;1200&quot; /&gt;
+    &lt;/a&gt;
     &lt;figcaption&gt;Coucou les bernaches, merci de nous annoncer le printemps &lt;3.&lt;/figcaption&gt;
 &lt;/figure&gt;
 
 &lt;figure&gt;
-    &lt;img src=&quot;https://larlet.fr/static/david/2021/timelapse2.jpg&quot; alt=&quot;Coucher de soleil 2&quot;
-         width=&quot;1600&quot; height=&quot;1200&quot; /&gt;
+    &lt;a href=&quot;https://larlet.fr/static/david/2021/timelapse2.jpg&quot;
+        title=&quot;Cliquer pour une version haute résolution&quot;&gt;
+        &lt;img src=&quot;https://larlet.fr/static/david/2021/timelapse2.jpg&quot; alt=&quot;Coucher de soleil 2&quot;
+             width=&quot;1600&quot; height=&quot;1200&quot; /&gt;
+    &lt;/a&gt;
     &lt;figcaption&gt;Le ciel, aussi rouge que le bout de mon nez.&lt;/figcaption&gt;
 &lt;/figure&gt;
 
 &lt;figure&gt;
-    &lt;img src=&quot;https://larlet.fr/static/david/2021/timelapse3.jpg&quot; alt=&quot;Coucher de soleil 3&quot;
-         width=&quot;1600&quot; height=&quot;1200&quot; /&gt;
+    &lt;a href=&quot;https://larlet.fr/static/david/2021/timelapse3.jpg&quot;
+        title=&quot;Cliquer pour une version haute résolution&quot;&gt;
+        &lt;img src=&quot;https://larlet.fr/static/david/2021/timelapse3.jpg&quot; alt=&quot;Coucher de soleil 3&quot;
+             width=&quot;1600&quot; height=&quot;1200&quot; /&gt;
+    &lt;/a&gt;
     &lt;figcaption&gt;Le ciel s’éteint et la rivière s’illumine.&lt;/figcaption&gt;
 &lt;/figure&gt;
 &lt;hr /&gt;
@@ -1515,8 +1595,11 @@ Si nous n’explorons pas cette histoire, qui vit activement en nous comme les p
 &lt;p&gt;Sur les pistes, je ne croise que quelques personnes manifestement retraitées. Je me demande si j’en suis une. Pas dans le sens &lt;abbr title=&quot;Financial Independence, Retire Early&quot;&gt;FIRE&lt;/abbr&gt; qui semble avoir du succès chez les personnes à hauts salaires — comme les développeurs et développeuses. Plutôt en ayant des choix de vie me permettant d’avoir des pratiques de retraité dès maintenant.&lt;/p&gt;
 &lt;p&gt;Petit plaisir du jour&amp;nbsp;: avoir créé un nuage en lançant de l’eau à ébullition en l’air lorsqu’il fait «&amp;nbsp;frête&amp;nbsp;». Je ne l’avais jamais fait et c’était plaisant, d’autant que non prémédité (je faisais la vaisselle en m’aidant du poêle).&lt;/p&gt;
 &lt;figure&gt;
-    &lt;img src=&quot;https://larlet.fr/static/david/2021/refuge_corbeau.jpg&quot; alt=&quot;Lever de soleil&quot;
-         width=&quot;2016&quot; height=&quot;1512&quot; /&gt;
+    &lt;a href=&quot;https://larlet.fr/static/david/2021/refuge_corbeau.jpg&quot;
+        title=&quot;Cliquer pour une version haute résolution&quot;&gt;
+        &lt;img src=&quot;https://larlet.fr/static/david/2021/refuge_corbeau.jpg&quot; alt=&quot;Lever de soleil&quot;
+             width=&quot;2016&quot; height=&quot;1512&quot; /&gt;
+    &lt;/a&gt;
     &lt;figcaption&gt;Les couleurs par -22°C sont toujours aussi magnifiques.&lt;/figcaption&gt;
 &lt;/figure&gt;
 &lt;hr/&gt;&lt;p&gt;&lt;a href=&quot;mailto:david@larlet.fr&quot;&gt;Réagir ?&lt;/a&gt;&lt;/p&gt;</summary>
@@ -1533,8 +1616,11 @@ Si nous n’explorons pas cette histoire, qui vit activement en nous comme les p
 &lt;p&gt;Je décide d’y aller sans équipement vidéo, pour le fun, mon Kalimba sous le bras (j’apprends en voulant faire un lien qu’il s’agit en fait d’un &lt;a href=&quot;https://fr.wikipedia.org/wiki/Mbira&quot;&gt;Mbira&lt;/a&gt; d’origine africaine). Malheureusement, le calme n’était pas de la partie pour autant, mes pensées étant focalisées sur la suite j’ai du mal à rester dans le présent.&lt;/p&gt;
 &lt;p&gt;C’était tout de même une bien belle sortie, j’en suis revenu épuisé et heureux. L’avantage de vieillir, c’est que ton corps te rappelle plusieurs jours de suite que tu t’es bien dépensé&amp;#8239;!&lt;/p&gt;
 &lt;figure&gt;
-    &lt;img src=&quot;https://larlet.fr/static/david/2021/ski_de_fond.jpg&quot; alt=&quot;Piste de ski de fond&quot;
-         width=&quot;2016&quot; height=&quot;1512&quot; /&gt;
+    &lt;a href=&quot;https://larlet.fr/static/david/2021/ski_de_fond.jpg&quot;
+        title=&quot;Cliquer pour une version haute résolution&quot;&gt;
+        &lt;img src=&quot;https://larlet.fr/static/david/2021/ski_de_fond.jpg&quot; alt=&quot;Piste de ski de fond&quot;
+             width=&quot;2016&quot; height=&quot;1512&quot; /&gt;
+    &lt;/a&gt;
     &lt;figcaption&gt;Une piste aussi sinueuse que mes pensées.&lt;/figcaption&gt;
 &lt;/figure&gt;
 &lt;hr/&gt;&lt;p&gt;&lt;a href=&quot;mailto:david@larlet.fr&quot;&gt;Réagir ?&lt;/a&gt;&lt;/p&gt;</summary>

site.py

@@ -97,8 +97,11 @@ class ImgsWithSizesRenderer(TypographyAndBlockquoteLanguageRenderer):
         return dedent(
             f"""\
                 <figure>
-                    <img src="{src}" alt="{alt}"
-                         width="{width}" height="{height}" />
+                    <a href="{src}"
+                        title="Cliquer pour une version haute résolution">
+                        <img src="{src}" alt="{alt}"
+                             width="{width}" height="{height}" />
+                    </a>
                     <figcaption>{title}</figcaption>
                 </figure>
             """
@@ -120,7 +123,8 @@ class ImgsWithSizesAndLightboxRenderer(ImgsWithSizesRenderer):
         return dedent(
             f"""\
                 <figure>
-                    <a href="#{file_name}">
+                    <a href="#{file_name}"
+                        title="Cliquer pour une version haute résolution">
                         <img src="{src}" alt="{alt}"
                              loading="lazy" width="{width}" height="{height}" />
                     </a>