Multiple image sizes but not webp eventually

david/2023/01/06/index.html

@@ -98,80 +98,32 @@
 <p><cite><em>Ibid.</em></cite></p>
 </blockquote>
 <figure>
-    <a href="#2023-01-06-toile-gouttes"
+    <a href="/static/david/2023/2023-01-06-toile-gouttes.jpg"
         title="Cliquer pour une version haute résolution">
-        <picture>
-            <source
-                srcset="/static/david/2023/2023-01-06-toile-gouttes.webp 3024w"
-                sizes="min(100vw, calc(100vh * 3024 / 4032))"
-                type="image/webp">
-            <!-- The <img> tag is a fallback image (required in the <picture> tag) -->
-            <img
-                src="/static/david/2023/2023-01-06-toile-gouttes.jpg"
-                width="3024" height="4032"
-                srcset="/static/david/2023/2023-01-06-toile-gouttes.jpg 3024w"
-                sizes="min(100vw, calc(100vh * 3024 / 4032))"
-                fetchpriority="high"
-                decoding="sync"
-                alt="Une toile d’araignée avec des gouttes de rosée et en arrière plan, flou, des immeubles de l’autre côté de la Rivière des Prairies">
-        </picture>
-    </a>
-    <a href="#_" class="lightbox" id="2023-01-06-toile-gouttes">
-        <picture style="margin:0 auto;">
-            <source
-                srcset="/static/david/2023/2023-01-06-toile-gouttes.webp 3024w"
-                sizes="min(100vw, calc(100vh * 3024 / 4032))"
-                type="image/webp">
-            <!-- The <img> tag is a fallback image (required in the <picture> tag) -->
-            <img
-                src="/static/david/2023/2023-01-06-toile-gouttes.jpg"
-                width="3024" height="4032"
-                srcset="/static/david/2023/2023-01-06-toile-gouttes.jpg 3024w"
-                sizes="min(100vw, calc(100vh * 3024 / 4032))"
-                fetchpriority="high"
-                decoding="sync"
-                alt="Une toile d’araignée avec des gouttes de rosée et en arrière plan, flou, des immeubles de l’autre côté de la Rivière des Prairies">
-        </picture>
+        <img
+            src="/static/david/2023/2023-01-06-toile-gouttes.jpg"
+            width="1512" height="2016"
+            srcset="/static/david/2023/2023-01-06-toile-gouttes.jpg 1512w, /static/david/2023/2023-01-06-toile-gouttes_660x440.jpg 660w, /static/david/2023/2023-01-06-toile-gouttes_990x660.jpg 990w, /static/david/2023/2023-01-06-toile-gouttes_1320x880.jpg 1320w"
+            sizes="min(100vw, calc(100vh * 1512 / 2016))"
+            loading="lazy"
+            decoding="async"
+            alt="Une toile d’araignée avec des gouttes de rosée et en arrière plan, flou, des immeubles de l’autre côté de la Rivière des Prairies">
     </a>
     <figcaption>Parc Louis-Hébert, Montréal, 2 novembre&nbsp;2022.</figcaption>
 </figure>
 <details>
 <summary>Et pendant ce temps là de l’autre côté de la rue&nbsp;:</summary>
 <figure>
-    <a href="#2023-01-06-toile-soleil"
+    <a href="/static/david/2023/2023-01-06-toile-soleil.jpg"
         title="Cliquer pour une version haute résolution">
-        <picture>
-            <source
-                srcset="/static/david/2023/2023-01-06-toile-soleil.webp 4032w"
-                sizes="min(100vw, calc(100vh * 4032 / 3024))"
-                type="image/webp">
-            <!-- The <img> tag is a fallback image (required in the <picture> tag) -->
-            <img
-                src="/static/david/2023/2023-01-06-toile-soleil.jpg"
-                width="4032" height="3024"
-                srcset="/static/david/2023/2023-01-06-toile-soleil.jpg 4032w"
-                sizes="min(100vw, calc(100vh * 4032 / 3024))"
-                fetchpriority="high"
-                decoding="sync"
-                alt="Un parc pour enfant à contre-jour avec le soleil qui se lève dans le brouillard et qui forme une jolie étoile">
-        </picture>
-    </a>
-    <a href="#_" class="lightbox" id="2023-01-06-toile-soleil">
-        <picture style="margin:0 auto;">
-            <source
-                srcset="/static/david/2023/2023-01-06-toile-soleil.webp 4032w"
-                sizes="min(100vw, calc(100vh * 4032 / 3024))"
-                type="image/webp">
-            <!-- The <img> tag is a fallback image (required in the <picture> tag) -->
-            <img
-                src="/static/david/2023/2023-01-06-toile-soleil.jpg"
-                width="4032" height="3024"
-                srcset="/static/david/2023/2023-01-06-toile-soleil.jpg 4032w"
-                sizes="min(100vw, calc(100vh * 4032 / 3024))"
-                fetchpriority="high"
-                decoding="sync"
-                alt="Un parc pour enfant à contre-jour avec le soleil qui se lève dans le brouillard et qui forme une jolie étoile">
-        </picture>
+        <img
+            src="/static/david/2023/2023-01-06-toile-soleil.jpg"
+            width="2016" height="1512"
+            srcset="/static/david/2023/2023-01-06-toile-soleil.jpg 2016w, /static/david/2023/2023-01-06-toile-soleil_660x440.jpg 660w, /static/david/2023/2023-01-06-toile-soleil_990x660.jpg 990w, /static/david/2023/2023-01-06-toile-soleil_1320x880.jpg 1320w"
+            sizes="min(100vw, calc(100vh * 2016 / 1512))"
+            loading="lazy"
+            decoding="async"
+            alt="Un parc pour enfant à contre-jour avec le soleil qui se lève dans le brouillard et qui forme une jolie étoile">
     </a>
     <figcaption>Une toile de soleil&nbsp;!</figcaption>
 </figure>

david/2023/01/17/index.html

@@ -92,154 +92,58 @@
 <p>Je n’en dis pas plus… il risquerait d’y avoir trop de monde dans les&nbsp;traces&nbsp;😅.</p>
 <p>PS&nbsp;: j’ai une petite (8&#8239;km, hamster-style) piste à 250&nbsp;mètres de chez moi et je suis tellement reconnaissant à la ville de Montréal d’aménager les parcs et pistes cyclables en hiver pour glisser dans la nature&nbsp;urbaine&nbsp;💚.</p>
 <figure>
-    <a href="#2023-01-13-ski-visitation1"
+    <a href="/static/david/2023/2023-01-13-ski-visitation1.jpg"
         title="Cliquer pour une version haute résolution">
-        <picture>
-            <source
-                srcset="/static/david/2023/2023-01-13-ski-visitation1.webp 2048w"
-                sizes="min(100vw, calc(100vh * 2048 / 2731))"
-                type="image/webp">
-            <!-- The <img> tag is a fallback image (required in the <picture> tag) -->
-            <img
-                src="/static/david/2023/2023-01-13-ski-visitation1.jpg"
-                width="2048" height="2731"
-                srcset="/static/david/2023/2023-01-13-ski-visitation1.jpg 2048w"
-                sizes="min(100vw, calc(100vh * 2048 / 2731))"
-                fetchpriority="high"
-                decoding="sync"
-                alt="Des traces de piste de ski de fond dans la tempête de neige.">
-        </picture>
-    </a>
-    <a href="#_" class="lightbox" id="2023-01-13-ski-visitation1">
-        <picture style="margin:0 auto;">
-            <source
-                srcset="/static/david/2023/2023-01-13-ski-visitation1.webp 2048w"
-                sizes="min(100vw, calc(100vh * 2048 / 2731))"
-                type="image/webp">
-            <!-- The <img> tag is a fallback image (required in the <picture> tag) -->
-            <img
-                src="/static/david/2023/2023-01-13-ski-visitation1.jpg"
-                width="2048" height="2731"
-                srcset="/static/david/2023/2023-01-13-ski-visitation1.jpg 2048w"
-                sizes="min(100vw, calc(100vh * 2048 / 2731))"
-                fetchpriority="high"
-                decoding="sync"
-                alt="Des traces de piste de ski de fond dans la tempête de neige.">
-        </picture>
+        <img
+            src="/static/david/2023/2023-01-13-ski-visitation1.jpg"
+            width="2048" height="2731"
+            srcset="/static/david/2023/2023-01-13-ski-visitation1.jpg 2048w, /static/david/2023/2023-01-13-ski-visitation1_660x440.jpg 660w, /static/david/2023/2023-01-13-ski-visitation1_990x660.jpg 990w, /static/david/2023/2023-01-13-ski-visitation1_1320x880.jpg 1320w"
+            sizes="min(100vw, calc(100vh * 2048 / 2731))"
+            loading="lazy"
+            decoding="async"
+            alt="Des traces de piste de ski de fond dans la tempête de neige.">
     </a>
     <figcaption>Parc de l’Île de la Visitation, Montréal, 13 janvier&nbsp;2023.</figcaption>
 </figure>
 <figure>
-    <a href="#2023-01-13-ski-visitation2"
+    <a href="/static/david/2023/2023-01-13-ski-visitation2.jpg"
         title="Cliquer pour une version haute résolution">
-        <picture>
-            <source
-                srcset="/static/david/2023/2023-01-13-ski-visitation2.webp 2048w"
-                sizes="min(100vw, calc(100vh * 2048 / 1536))"
-                type="image/webp">
-            <!-- The <img> tag is a fallback image (required in the <picture> tag) -->
-            <img
-                src="/static/david/2023/2023-01-13-ski-visitation2.jpg"
-                width="2048" height="1536"
-                srcset="/static/david/2023/2023-01-13-ski-visitation2.jpg 2048w"
-                sizes="min(100vw, calc(100vh * 2048 / 1536))"
-                fetchpriority="high"
-                decoding="sync"
-                alt="Des traces de piste de ski de fond dans la tempête de neige.">
-        </picture>
-    </a>
-    <a href="#_" class="lightbox" id="2023-01-13-ski-visitation2">
-        <picture style="margin:0 auto;">
-            <source
-                srcset="/static/david/2023/2023-01-13-ski-visitation2.webp 2048w"
-                sizes="min(100vw, calc(100vh * 2048 / 1536))"
-                type="image/webp">
-            <!-- The <img> tag is a fallback image (required in the <picture> tag) -->
-            <img
-                src="/static/david/2023/2023-01-13-ski-visitation2.jpg"
-                width="2048" height="1536"
-                srcset="/static/david/2023/2023-01-13-ski-visitation2.jpg 2048w"
-                sizes="min(100vw, calc(100vh * 2048 / 1536))"
-                fetchpriority="high"
-                decoding="sync"
-                alt="Des traces de piste de ski de fond dans la tempête de neige.">
-        </picture>
+        <img
+            src="/static/david/2023/2023-01-13-ski-visitation2.jpg"
+            width="2048" height="1536"
+            srcset="/static/david/2023/2023-01-13-ski-visitation2.jpg 2048w, /static/david/2023/2023-01-13-ski-visitation2_660x440.jpg 660w, /static/david/2023/2023-01-13-ski-visitation2_990x660.jpg 990w, /static/david/2023/2023-01-13-ski-visitation2_1320x880.jpg 1320w"
+            sizes="min(100vw, calc(100vh * 2048 / 1536))"
+            loading="lazy"
+            decoding="async"
+            alt="Des traces de piste de ski de fond dans la tempête de neige.">
     </a>
     <figcaption>Parc de l’Île de la Visitation, Montréal, 13 janvier&nbsp;2023.</figcaption>
 </figure>
 <figure>
-    <a href="#2023-01-13-ski-visitation3"
+    <a href="/static/david/2023/2023-01-13-ski-visitation3.jpg"
         title="Cliquer pour une version haute résolution">
-        <picture>
-            <source
-                srcset="/static/david/2023/2023-01-13-ski-visitation3.webp 2048w"
-                sizes="min(100vw, calc(100vh * 2048 / 2731))"
-                type="image/webp">
-            <!-- The <img> tag is a fallback image (required in the <picture> tag) -->
-            <img
-                src="/static/david/2023/2023-01-13-ski-visitation3.jpg"
-                width="2048" height="2731"
-                srcset="/static/david/2023/2023-01-13-ski-visitation3.jpg 2048w"
-                sizes="min(100vw, calc(100vh * 2048 / 2731))"
-                fetchpriority="high"
-                decoding="sync"
-                alt="Des traces de piste de ski de fond dans la tempête de neige.">
-        </picture>
-    </a>
-    <a href="#_" class="lightbox" id="2023-01-13-ski-visitation3">
-        <picture style="margin:0 auto;">
-            <source
-                srcset="/static/david/2023/2023-01-13-ski-visitation3.webp 2048w"
-                sizes="min(100vw, calc(100vh * 2048 / 2731))"
-                type="image/webp">
-            <!-- The <img> tag is a fallback image (required in the <picture> tag) -->
-            <img
-                src="/static/david/2023/2023-01-13-ski-visitation3.jpg"
-                width="2048" height="2731"
-                srcset="/static/david/2023/2023-01-13-ski-visitation3.jpg 2048w"
-                sizes="min(100vw, calc(100vh * 2048 / 2731))"
-                fetchpriority="high"
-                decoding="sync"
-                alt="Des traces de piste de ski de fond dans la tempête de neige.">
-        </picture>
+        <img
+            src="/static/david/2023/2023-01-13-ski-visitation3.jpg"
+            width="2048" height="2731"
+            srcset="/static/david/2023/2023-01-13-ski-visitation3.jpg 2048w, /static/david/2023/2023-01-13-ski-visitation3_660x440.jpg 660w, /static/david/2023/2023-01-13-ski-visitation3_990x660.jpg 990w, /static/david/2023/2023-01-13-ski-visitation3_1320x880.jpg 1320w"
+            sizes="min(100vw, calc(100vh * 2048 / 2731))"
+            loading="lazy"
+            decoding="async"
+            alt="Des traces de piste de ski de fond dans la tempête de neige.">
     </a>
     <figcaption>Parc de l’Île de la Visitation, Montréal, 13 janvier&nbsp;2023.</figcaption>
 </figure>
 <figure>
-    <a href="#2023-01-13-ski-visitation4"
+    <a href="/static/david/2023/2023-01-13-ski-visitation4.jpg"
         title="Cliquer pour une version haute résolution">
-        <picture>
-            <source
-                srcset="/static/david/2023/2023-01-13-ski-visitation4.webp 2048w"
-                sizes="min(100vw, calc(100vh * 2048 / 2731))"
-                type="image/webp">
-            <!-- The <img> tag is a fallback image (required in the <picture> tag) -->
-            <img
-                src="/static/david/2023/2023-01-13-ski-visitation4.jpg"
-                width="2048" height="2731"
-                srcset="/static/david/2023/2023-01-13-ski-visitation4.jpg 2048w"
-                sizes="min(100vw, calc(100vh * 2048 / 2731))"
-                fetchpriority="high"
-                decoding="sync"
-                alt="Des traces de piste de ski de fond dans la tempête de neige.">
-        </picture>
-    </a>
-    <a href="#_" class="lightbox" id="2023-01-13-ski-visitation4">
-        <picture style="margin:0 auto;">
-            <source
-                srcset="/static/david/2023/2023-01-13-ski-visitation4.webp 2048w"
-                sizes="min(100vw, calc(100vh * 2048 / 2731))"
-                type="image/webp">
-            <!-- The <img> tag is a fallback image (required in the <picture> tag) -->
-            <img
-                src="/static/david/2023/2023-01-13-ski-visitation4.jpg"
-                width="2048" height="2731"
-                srcset="/static/david/2023/2023-01-13-ski-visitation4.jpg 2048w"
-                sizes="min(100vw, calc(100vh * 2048 / 2731))"
-                fetchpriority="high"
-                decoding="sync"
-                alt="Des traces de piste de ski de fond dans la tempête de neige.">
-        </picture>
+        <img
+            src="/static/david/2023/2023-01-13-ski-visitation4.jpg"
+            width="2048" height="2731"
+            srcset="/static/david/2023/2023-01-13-ski-visitation4.jpg 2048w, /static/david/2023/2023-01-13-ski-visitation4_660x440.jpg 660w, /static/david/2023/2023-01-13-ski-visitation4_990x660.jpg 990w, /static/david/2023/2023-01-13-ski-visitation4_1320x880.jpg 1320w"
+            sizes="min(100vw, calc(100vh * 2048 / 2731))"
+            loading="lazy"
+            decoding="async"
+            alt="Des traces de piste de ski de fond dans la tempête de neige.">
     </a>
     <figcaption>Parc de l’Île de la Visitation, Montréal, 13 janvier&nbsp;2023.</figcaption>
 </figure>

david/2023/01/21/index.html

@@ -89,80 +89,32 @@
 <p>L’objectif de cette sortie est de faire une répétition pour la sortie en groupe <a href="/david/2023/01/03/" title="Préparation">que je prépare</a>. J’espérais pouvoir tester le matériel dans des conditions froides et il faisait malheureusement juste frais. À tel point que je doutais de pouvoir passer sur le lac, ce qui est (était&#8239;?) plutôt rare pour un&nbsp;21&nbsp;janvier…</p>
 <p>J’arrive sur le parking avec beaucoup de matériel et de vêtements. Déjà là en me changeant, je sens bien que ça va être différent de mes autres sorties hivernales, j’arrive à le faire sans être enfermé dans la voiture&#8239;! Je fais deux portages pour arriver jusqu’au lac et j’harnache le traineau. Mon poids doit être autour de 100&nbsp;kilos sur les skis, le traineau autour des 50, ça fait pas mal de poids au cm² et la glace est fine car on est sur un redoux. Je décide de longer la bordure sud car c’est celle la plus à l’ombre des&nbsp;arbres.</p>
 <figure>
-    <a href="#2023-01-21-selfie-traineau"
+    <a href="/static/david/2023/2023-01-21-selfie-traineau.jpg"
         title="Cliquer pour une version haute résolution">
-        <picture>
-            <source
-                srcset="/static/david/2023/2023-01-21-selfie-traineau.webp 2048w"
-                sizes="min(100vw, calc(100vh * 2048 / 2726))"
-                type="image/webp">
-            <!-- The <img> tag is a fallback image (required in the <picture> tag) -->
-            <img
-                src="/static/david/2023/2023-01-21-selfie-traineau.jpg"
-                width="2048" height="2726"
-                srcset="/static/david/2023/2023-01-21-selfie-traineau.jpg 2048w"
-                sizes="min(100vw, calc(100vh * 2048 / 2726))"
-                fetchpriority="high"
-                decoding="sync"
-                alt="Un selfie avec le traîneau en arrière-plan, sur un lac québécois avec la forêt au fond.">
-        </picture>
-    </a>
-    <a href="#_" class="lightbox" id="2023-01-21-selfie-traineau">
-        <picture style="margin:0 auto;">
-            <source
-                srcset="/static/david/2023/2023-01-21-selfie-traineau.webp 2048w"
-                sizes="min(100vw, calc(100vh * 2048 / 2726))"
-                type="image/webp">
-            <!-- The <img> tag is a fallback image (required in the <picture> tag) -->
-            <img
-                src="/static/david/2023/2023-01-21-selfie-traineau.jpg"
-                width="2048" height="2726"
-                srcset="/static/david/2023/2023-01-21-selfie-traineau.jpg 2048w"
-                sizes="min(100vw, calc(100vh * 2048 / 2726))"
-                fetchpriority="high"
-                decoding="sync"
-                alt="Un selfie avec le traîneau en arrière-plan, sur un lac québécois avec la forêt au fond.">
-        </picture>
+        <img
+            src="/static/david/2023/2023-01-21-selfie-traineau.jpg"
+            width="2048" height="2726"
+            srcset="/static/david/2023/2023-01-21-selfie-traineau.jpg 2048w, /static/david/2023/2023-01-21-selfie-traineau_660x440.jpg 660w, /static/david/2023/2023-01-21-selfie-traineau_990x660.jpg 990w, /static/david/2023/2023-01-21-selfie-traineau_1320x880.jpg 1320w"
+            sizes="min(100vw, calc(100vh * 2048 / 2726))"
+            loading="lazy"
+            decoding="async"
+            alt="Un selfie avec le traîneau en arrière-plan, sur un lac québécois avec la forêt au fond.">
     </a>
     <figcaption>Il est très rare que je fasse des égoportraits mais là j’aimais bien voir le téléphone dans les&nbsp;lunettes.</figcaption>
 </figure>
 <p>J’avais prévu de traverser l’intégralité du lac dans la longueur, je décide finalement de m’arrêter à mi-chemin car je flippe un peu pour ma sécurité, le soleil tape fort et même la couche de neige n’est pas si épaisse. Par chance, je décide de m’arrêter juste à un endroit qui est un emplacement de camping. J’avais aussi prévu de dormir sur le lac en mode répétition mais la terre ferme me parait quand même plus sûre vu les&nbsp;conditions.</p>
 <p>Hop, passage des skis aux raquettes pour aplatir l’emplacement de la tente puis du feu. Je commence à être rôdé et je teste un nouveau foyer portable qui me permet de ne pas voir mon feu couler dans la neige. Ce premier essai est concluant même si c’est très lourd (presque un kilo). Il faudra que j’ajoute une partie sur <a href="https://nature.larlet.fr/froid/#feu">la section dédiée</a>.</p>
 <figure>
-    <a href="#2023-01-21-feu-foyer"
+    <a href="/static/david/2023/2023-01-21-feu-foyer.jpg"
         title="Cliquer pour une version haute résolution">
-        <picture>
-            <source
-                srcset="/static/david/2023/2023-01-21-feu-foyer.webp 2048w"
-                sizes="min(100vw, calc(100vh * 2048 / 2731))"
-                type="image/webp">
-            <!-- The <img> tag is a fallback image (required in the <picture> tag) -->
-            <img
-                src="/static/david/2023/2023-01-21-feu-foyer.jpg"
-                width="2048" height="2731"
-                srcset="/static/david/2023/2023-01-21-feu-foyer.jpg 2048w"
-                sizes="min(100vw, calc(100vh * 2048 / 2731))"
-                fetchpriority="high"
-                decoding="sync"
-                alt="Un feu dans un réceptacle permettant de le garder au-dessus de la neige.">
-        </picture>
-    </a>
-    <a href="#_" class="lightbox" id="2023-01-21-feu-foyer">
-        <picture style="margin:0 auto;">
-            <source
-                srcset="/static/david/2023/2023-01-21-feu-foyer.webp 2048w"
-                sizes="min(100vw, calc(100vh * 2048 / 2731))"
-                type="image/webp">
-            <!-- The <img> tag is a fallback image (required in the <picture> tag) -->
-            <img
-                src="/static/david/2023/2023-01-21-feu-foyer.jpg"
-                width="2048" height="2731"
-                srcset="/static/david/2023/2023-01-21-feu-foyer.jpg 2048w"
-                sizes="min(100vw, calc(100vh * 2048 / 2731))"
-                fetchpriority="high"
-                decoding="sync"
-                alt="Un feu dans un réceptacle permettant de le garder au-dessus de la neige.">
-        </picture>
+        <img
+            src="/static/david/2023/2023-01-21-feu-foyer.jpg"
+            width="2048" height="2731"
+            srcset="/static/david/2023/2023-01-21-feu-foyer.jpg 2048w, /static/david/2023/2023-01-21-feu-foyer_660x440.jpg 660w, /static/david/2023/2023-01-21-feu-foyer_990x660.jpg 990w, /static/david/2023/2023-01-21-feu-foyer_1320x880.jpg 1320w"
+            sizes="min(100vw, calc(100vh * 2048 / 2731))"
+            loading="lazy"
+            decoding="async"
+            alt="Un feu dans un réceptacle permettant de le garder au-dessus de la neige.">
     </a>
     <figcaption>J’essaye habituellement de faire des petits feux économes et efficaces, j’ai un peu forcé pour la&nbsp;photo…</figcaption>
 </figure>

david/2023/01/22/index.html

@@ -92,40 +92,16 @@
 <p>Je voulais aussi tester le réchaud à alcool dans des conditions froides mais le pré-chauffeur n’a pas été nécessaire vu la température. En tout cas, la fait de chronométrer tout ça m’a permis de vérifier qu’il était possible de se passer de feu pour se réchauffer, j’ai fini en&nbsp;sueur.</p>
 <p>L’effet de bord de cet empressement était aussi de pouvoir prendre le départ après le regel de la nuit et mettre toutes les chances de mon côté pour ne pas prendre un bain&nbsp;matinal.</p>
 <figure>
-    <a href="#2023-01-22-ski-retour"
+    <a href="/static/david/2023/2023-01-22-ski-retour.jpg"
         title="Cliquer pour une version haute résolution">
-        <picture>
-            <source
-                srcset="/static/david/2023/2023-01-22-ski-retour.webp 2048w"
-                sizes="min(100vw, calc(100vh * 2048 / 2731))"
-                type="image/webp">
-            <!-- The <img> tag is a fallback image (required in the <picture> tag) -->
-            <img
-                src="/static/david/2023/2023-01-22-ski-retour.jpg"
-                width="2048" height="2731"
-                srcset="/static/david/2023/2023-01-22-ski-retour.jpg 2048w"
-                sizes="min(100vw, calc(100vh * 2048 / 2731))"
-                fetchpriority="high"
-                decoding="sync"
-                alt="Un ski dans les traces de la veille, sur le chemin du retour.">
-        </picture>
-    </a>
-    <a href="#_" class="lightbox" id="2023-01-22-ski-retour">
-        <picture style="margin:0 auto;">
-            <source
-                srcset="/static/david/2023/2023-01-22-ski-retour.webp 2048w"
-                sizes="min(100vw, calc(100vh * 2048 / 2731))"
-                type="image/webp">
-            <!-- The <img> tag is a fallback image (required in the <picture> tag) -->
-            <img
-                src="/static/david/2023/2023-01-22-ski-retour.jpg"
-                width="2048" height="2731"
-                srcset="/static/david/2023/2023-01-22-ski-retour.jpg 2048w"
-                sizes="min(100vw, calc(100vh * 2048 / 2731))"
-                fetchpriority="high"
-                decoding="sync"
-                alt="Un ski dans les traces de la veille, sur le chemin du retour.">
-        </picture>
+        <img
+            src="/static/david/2023/2023-01-22-ski-retour.jpg"
+            width="2048" height="2731"
+            srcset="/static/david/2023/2023-01-22-ski-retour.jpg 2048w, /static/david/2023/2023-01-22-ski-retour_660x440.jpg 660w, /static/david/2023/2023-01-22-ski-retour_990x660.jpg 990w, /static/david/2023/2023-01-22-ski-retour_1320x880.jpg 1320w"
+            sizes="min(100vw, calc(100vh * 2048 / 2731))"
+            loading="lazy"
+            decoding="async"
+            alt="Un ski dans les traces de la veille, sur le chemin du retour.">
     </a>
     <figcaption>Le retour dans ses traces demande tellement moins d’énergie&nbsp;!</figcaption>
 </figure>

david/2023/02/10/index.html

@@ -94,40 +94,16 @@
 <p>Je me réveille avec pas mal de symptômes, je me sens malade depuis la veille et ça ne s’arrange pas… je suis dégoûté. Tout seul, j’aurais reporté mais là c’est plus compliqué, j’accompagne l’enfant à l’école et je mets un bon moment à me décider à décoller pour 3&nbsp;heures de route après un bon cocktail de vitamines. Je me dis que si ça se dégrade vraiment dans l’après-midi/nuit je pourrai toujours rester au chalet d’accueil la nuit et&nbsp;rentrer.</p>
 <p>J’arrive le premier, il est demandé aux participant·es de passer la première nuit sur le parking pour vérifier le matériel et les compétences, ce que je trouve justifié vu le contexte. Je monte tranquillement la tente, les conditions de voyage ont été difficiles et je n’ai qu’une hâte&nbsp;: la&nbsp;sieste&#8239;!</p>
 <figure>
-    <a href="#2023-02-10-camping-parking"
+    <a href="/static/david/2023/2023-02-10-camping-parking.jpg"
         title="Cliquer pour une version haute résolution">
-        <picture>
-            <source
-                srcset="/static/david/2023/2023-02-10-camping-parking.webp 1512w"
-                sizes="min(100vw, calc(100vh * 1512 / 2016))"
-                type="image/webp">
-            <!-- The <img> tag is a fallback image (required in the <picture> tag) -->
-            <img
-                src="/static/david/2023/2023-02-10-camping-parking.jpg"
-                width="1512" height="2016"
-                srcset="/static/david/2023/2023-02-10-camping-parking.jpg 1512w"
-                sizes="min(100vw, calc(100vh * 1512 / 2016))"
-                fetchpriority="high"
-                decoding="sync"
-                alt="Un parking avec un bon 70 cm de neige vierge dessus.">
-        </picture>
-    </a>
-    <a href="#_" class="lightbox" id="2023-02-10-camping-parking">
-        <picture style="margin:0 auto;">
-            <source
-                srcset="/static/david/2023/2023-02-10-camping-parking.webp 1512w"
-                sizes="min(100vw, calc(100vh * 1512 / 2016))"
-                type="image/webp">
-            <!-- The <img> tag is a fallback image (required in the <picture> tag) -->
-            <img
-                src="/static/david/2023/2023-02-10-camping-parking.jpg"
-                width="1512" height="2016"
-                srcset="/static/david/2023/2023-02-10-camping-parking.jpg 1512w"
-                sizes="min(100vw, calc(100vh * 1512 / 2016))"
-                fetchpriority="high"
-                decoding="sync"
-                alt="Un parking avec un bon 70 cm de neige vierge dessus.">
-        </picture>
+        <img
+            src="/static/david/2023/2023-02-10-camping-parking.jpg"
+            width="1512" height="2016"
+            srcset="/static/david/2023/2023-02-10-camping-parking.jpg 1512w, /static/david/2023/2023-02-10-camping-parking_660x440.jpg 660w, /static/david/2023/2023-02-10-camping-parking_990x660.jpg 990w, /static/david/2023/2023-02-10-camping-parking_1320x880.jpg 1320w"
+            sizes="min(100vw, calc(100vh * 1512 / 2016))"
+            loading="lazy"
+            decoding="async"
+            alt="Un parking avec un bon 70 cm de neige vierge dessus.">
     </a>
     <figcaption>C’est bien la première fois que je vais camper sur un parking&nbsp;!</figcaption>
 </figure>

david/2023/02/11/index.html

@@ -88,119 +88,47 @@
 
 <p>Finalement, réveil à 6&#8239;h au bruit des casseroles des voisin·es. C’est pas plus mal car ça me permet d’admirer la pureté du ciel étoilé par -15&#8239;°C, et puis ça me laisse le temps de me faire un gruau bien chaud avant de tout plier. Je ne suis pas encore à 100% mais c’est déjà beaucoup mieux que la veille. La bactérie ou le virus concerné doit se dire que je ne suis pas un hôte&nbsp;rentable.</p>
 <figure>
-    <a href="#2023-02-11-accueil-poisson-blanc"
+    <a href="/static/david/2023/2023-02-11-accueil-poisson-blanc.jpg"
         title="Cliquer pour une version haute résolution">
-        <picture>
-            <source
-                srcset="/static/david/2023/2023-02-11-accueil-poisson-blanc.webp 1512w"
-                sizes="min(100vw, calc(100vh * 1512 / 2016))"
-                type="image/webp">
-            <!-- The <img> tag is a fallback image (required in the <picture> tag) -->
-            <img
-                src="/static/david/2023/2023-02-11-accueil-poisson-blanc.jpg"
-                width="1512" height="2016"
-                srcset="/static/david/2023/2023-02-11-accueil-poisson-blanc.jpg 1512w"
-                sizes="min(100vw, calc(100vh * 1512 / 2016))"
-                fetchpriority="high"
-                decoding="sync"
-                alt="Le ciel à 7h du matin sur le réservoir du Poisson Blanc.">
-        </picture>
-    </a>
-    <a href="#_" class="lightbox" id="2023-02-11-accueil-poisson-blanc">
-        <picture style="margin:0 auto;">
-            <source
-                srcset="/static/david/2023/2023-02-11-accueil-poisson-blanc.webp 1512w"
-                sizes="min(100vw, calc(100vh * 1512 / 2016))"
-                type="image/webp">
-            <!-- The <img> tag is a fallback image (required in the <picture> tag) -->
-            <img
-                src="/static/david/2023/2023-02-11-accueil-poisson-blanc.jpg"
-                width="1512" height="2016"
-                srcset="/static/david/2023/2023-02-11-accueil-poisson-blanc.jpg 1512w"
-                sizes="min(100vw, calc(100vh * 1512 / 2016))"
-                fetchpriority="high"
-                decoding="sync"
-                alt="Le ciel à 7h du matin sur le réservoir du Poisson Blanc.">
-        </picture>
+        <img
+            src="/static/david/2023/2023-02-11-accueil-poisson-blanc.jpg"
+            width="1512" height="2016"
+            srcset="/static/david/2023/2023-02-11-accueil-poisson-blanc.jpg 1512w, /static/david/2023/2023-02-11-accueil-poisson-blanc_660x440.jpg 660w, /static/david/2023/2023-02-11-accueil-poisson-blanc_990x660.jpg 990w, /static/david/2023/2023-02-11-accueil-poisson-blanc_1320x880.jpg 1320w"
+            sizes="min(100vw, calc(100vh * 1512 / 2016))"
+            loading="lazy"
+            decoding="async"
+            alt="Le ciel à 7h du matin sur le réservoir du Poisson Blanc.">
     </a>
     <figcaption>Les couleurs sont magnifiques et je regrette déjà de ne pas avoir pris un appareil&nbsp;photo.</figcaption>
 </figure>
 <p>On monte dans le bus scolaire avec un peu de retard et c’est parti pour 1&nbsp;heure de transport afin de rejoindre l’autre côté du réservoir, j’ai bien fait de me mettre à l’avant car ça tourne et c’est bien gelé. On se retrouve rapidement sur la glace avec nos traîneaux pour la photo de départ et hop c’est&nbsp;parti.</p>
 <p>Je me retrouve dans le groupe de tête qui va à un rythme un peu fou. Je ne sais pas trop pourquoi je m’impose ça, c’est un bon moyen de voir si j’ai de la fièvre&#8239;! Avec une telle taille de groupe, j’ai surtout l’appréhension de retarder tout le monde avec un souci plus ou moins technique, je me dis qu’avec un peu d’avance ça me permettra de pallier une éventuelle défaillance. On a tou·tes nos&nbsp;insécurités…</p>
 <figure>
-    <a href="#2023-02-11-depart-traineaux"
+    <a href="/static/david/2023/2023-02-11-depart-traineaux.jpg"
         title="Cliquer pour une version haute résolution">
-        <picture>
-            <source
-                srcset="/static/david/2023/2023-02-11-depart-traineaux.webp 2016w"
-                sizes="min(100vw, calc(100vh * 2016 / 1512))"
-                type="image/webp">
-            <!-- The <img> tag is a fallback image (required in the <picture> tag) -->
-            <img
-                src="/static/david/2023/2023-02-11-depart-traineaux.jpg"
-                width="2016" height="1512"
-                srcset="/static/david/2023/2023-02-11-depart-traineaux.jpg 2016w"
-                sizes="min(100vw, calc(100vh * 2016 / 1512))"
-                fetchpriority="high"
-                decoding="sync"
-                alt="Des personnes sur le lac gelé qui tirent chacune un traineau">
-        </picture>
-    </a>
-    <a href="#_" class="lightbox" id="2023-02-11-depart-traineaux">
-        <picture style="margin:0 auto;">
-            <source
-                srcset="/static/david/2023/2023-02-11-depart-traineaux.webp 2016w"
-                sizes="min(100vw, calc(100vh * 2016 / 1512))"
-                type="image/webp">
-            <!-- The <img> tag is a fallback image (required in the <picture> tag) -->
-            <img
-                src="/static/david/2023/2023-02-11-depart-traineaux.jpg"
-                width="2016" height="1512"
-                srcset="/static/david/2023/2023-02-11-depart-traineaux.jpg 2016w"
-                sizes="min(100vw, calc(100vh * 2016 / 1512))"
-                fetchpriority="high"
-                decoding="sync"
-                alt="Des personnes sur le lac gelé qui tirent chacune un traineau">
-        </picture>
+        <img
+            src="/static/david/2023/2023-02-11-depart-traineaux.jpg"
+            width="2016" height="1512"
+            srcset="/static/david/2023/2023-02-11-depart-traineaux.jpg 2016w, /static/david/2023/2023-02-11-depart-traineaux_660x440.jpg 660w, /static/david/2023/2023-02-11-depart-traineaux_990x660.jpg 990w, /static/david/2023/2023-02-11-depart-traineaux_1320x880.jpg 1320w"
+            sizes="min(100vw, calc(100vh * 2016 / 1512))"
+            loading="lazy"
+            decoding="async"
+            alt="Des personnes sur le lac gelé qui tirent chacune un traineau">
     </a>
     <figcaption>Le vent a bien soufflé cette nuit, on alterne glace et&nbsp;neige.</figcaption>
 </figure>
 <p>Niveau équipement, il y a un peu de tout, ça va des skis de fond aux skis de randonnée avec peaux en passant par les skis-raquettes. Je suis content de mes écailles vu les conditions mais ça me fait préférer la neige, aussi je me décale vers la berge en solo, la visibilité est bonne et je ne le vois pas comme un problème de sécurité. Les températures se réchauffent et tout le monde craint que l’étendue d’eau gelée ne se transforme en un lac de <a href="https://fr.wikipedia.org/wiki/N%C3%A9vasse">sloche</a>…</p>
 <figure>
-    <a href="#2023-02-11-traineau-solo"
+    <a href="/static/david/2023/2023-02-11-traineau-solo.jpg"
         title="Cliquer pour une version haute résolution">
-        <picture>
-            <source
-                srcset="/static/david/2023/2023-02-11-traineau-solo.webp 2016w"
-                sizes="min(100vw, calc(100vh * 2016 / 1512))"
-                type="image/webp">
-            <!-- The <img> tag is a fallback image (required in the <picture> tag) -->
-            <img
-                src="/static/david/2023/2023-02-11-traineau-solo.jpg"
-                width="2016" height="1512"
-                srcset="/static/david/2023/2023-02-11-traineau-solo.jpg 2016w"
-                sizes="min(100vw, calc(100vh * 2016 / 1512))"
-                fetchpriority="high"
-                decoding="sync"
-                alt="Une longue trainée de personnes tirant des traineaux sur le lac">
-        </picture>
-    </a>
-    <a href="#_" class="lightbox" id="2023-02-11-traineau-solo">
-        <picture style="margin:0 auto;">
-            <source
-                srcset="/static/david/2023/2023-02-11-traineau-solo.webp 2016w"
-                sizes="min(100vw, calc(100vh * 2016 / 1512))"
-                type="image/webp">
-            <!-- The <img> tag is a fallback image (required in the <picture> tag) -->
-            <img
-                src="/static/david/2023/2023-02-11-traineau-solo.jpg"
-                width="2016" height="1512"
-                srcset="/static/david/2023/2023-02-11-traineau-solo.jpg 2016w"
-                sizes="min(100vw, calc(100vh * 2016 / 1512))"
-                fetchpriority="high"
-                decoding="sync"
-                alt="Une longue trainée de personnes tirant des traineaux sur le lac">
-        </picture>
+        <img
+            src="/static/david/2023/2023-02-11-traineau-solo.jpg"
+            width="2016" height="1512"
+            srcset="/static/david/2023/2023-02-11-traineau-solo.jpg 2016w, /static/david/2023/2023-02-11-traineau-solo_660x440.jpg 660w, /static/david/2023/2023-02-11-traineau-solo_990x660.jpg 990w, /static/david/2023/2023-02-11-traineau-solo_1320x880.jpg 1320w"
+            sizes="min(100vw, calc(100vh * 2016 / 1512))"
+            loading="lazy"
+            decoding="async"
+            alt="Une longue trainée de personnes tirant des traineaux sur le lac">
     </a>
     <figcaption>Un peu à l’écart de la foule, on ne se refait&nbsp;pas.</figcaption>
 </figure>
@@ -208,118 +136,46 @@
 <p>En arrivant dans la crique dédiée au repas, c’est ambiance station de ski avec un fond de Bob Marley et le long serpent des arrivées qui se replie pour digérer. Je pense que c’est un soulagement partagé d’être dans des conditions idéales et de pouvoir profiter de cette belle journée. Les organisateurs n’ont jamais connu ça. On a avalé les sept premiers kilomètres en moins de deux&nbsp;heures…</p>
 <p>Pour la seconde partie de la journée, je prends un rythme moins soutenu car je ne veux pas arriver trempé au campement et la température monte encore. J’en profite pour observer les différentes tactiques de chacun·e pour limiter le frottement/bruit, passer sur les plaques de glace, etc. Ces sept derniers kilomètres se font sur la&nbsp;digestion.</p>
 <figure>
-    <a href="#2023-02-11-traineau-apres-midi"
+    <a href="/static/david/2023/2023-02-11-traineau-apres-midi.jpg"
         title="Cliquer pour une version haute résolution">
-        <picture>
-            <source
-                srcset="/static/david/2023/2023-02-11-traineau-apres-midi.webp 1512w"
-                sizes="min(100vw, calc(100vh * 1512 / 2016))"
-                type="image/webp">
-            <!-- The <img> tag is a fallback image (required in the <picture> tag) -->
-            <img
-                src="/static/david/2023/2023-02-11-traineau-apres-midi.jpg"
-                width="1512" height="2016"
-                srcset="/static/david/2023/2023-02-11-traineau-apres-midi.jpg 1512w"
-                sizes="min(100vw, calc(100vh * 1512 / 2016))"
-                fetchpriority="high"
-                decoding="sync"
-                alt="Des personnes devant moi avec des traineaux, on voit mon ombre.">
-        </picture>
-    </a>
-    <a href="#_" class="lightbox" id="2023-02-11-traineau-apres-midi">
-        <picture style="margin:0 auto;">
-            <source
-                srcset="/static/david/2023/2023-02-11-traineau-apres-midi.webp 1512w"
-                sizes="min(100vw, calc(100vh * 1512 / 2016))"
-                type="image/webp">
-            <!-- The <img> tag is a fallback image (required in the <picture> tag) -->
-            <img
-                src="/static/david/2023/2023-02-11-traineau-apres-midi.jpg"
-                width="1512" height="2016"
-                srcset="/static/david/2023/2023-02-11-traineau-apres-midi.jpg 1512w"
-                sizes="min(100vw, calc(100vh * 1512 / 2016))"
-                fetchpriority="high"
-                decoding="sync"
-                alt="Des personnes devant moi avec des traineaux, on voit mon ombre.">
-        </picture>
+        <img
+            src="/static/david/2023/2023-02-11-traineau-apres-midi.jpg"
+            width="1512" height="2016"
+            srcset="/static/david/2023/2023-02-11-traineau-apres-midi.jpg 1512w, /static/david/2023/2023-02-11-traineau-apres-midi_660x440.jpg 660w, /static/david/2023/2023-02-11-traineau-apres-midi_990x660.jpg 990w, /static/david/2023/2023-02-11-traineau-apres-midi_1320x880.jpg 1320w"
+            sizes="min(100vw, calc(100vh * 1512 / 2016))"
+            loading="lazy"
+            decoding="async"
+            alt="Des personnes devant moi avec des traineaux, on voit mon ombre.">
     </a>
     <figcaption>Pour ma part, c’est neige fraîche, quitte à forcer un peu plus je préfère soigner mon silence&nbsp;relatif.</figcaption>
 </figure>
 <p>Le campement est dans une crique qui laisse suffisamment d’espace pour ne pas être trop les un·es sur les autres. Je fais l’erreur de choisir stratégiquement un emplacement qui pourrait être au soleil le matin au détriment de la protection au vent. Ça va s’avérer assez critique plus tard car on va se prendre de bonnes bourrasques qui me feront craindre l’envol de mon tipi. J’enneige les bords avant de me coucher pour éviter la prise au vent par en-dessous, tant pis si ça condense cette nuit, c’est la dernière&nbsp;dehors.</p>
 <figure>
-    <a href="#2023-02-11-coucher-soleil"
+    <a href="/static/david/2023/2023-02-11-coucher-soleil.jpg"
         title="Cliquer pour une version haute résolution">
-        <picture>
-            <source
-                srcset="/static/david/2023/2023-02-11-coucher-soleil.webp 1512w"
-                sizes="min(100vw, calc(100vh * 1512 / 2016))"
-                type="image/webp">
-            <!-- The <img> tag is a fallback image (required in the <picture> tag) -->
-            <img
-                src="/static/david/2023/2023-02-11-coucher-soleil.jpg"
-                width="1512" height="2016"
-                srcset="/static/david/2023/2023-02-11-coucher-soleil.jpg 1512w"
-                sizes="min(100vw, calc(100vh * 1512 / 2016))"
-                fetchpriority="high"
-                decoding="sync"
-                alt="Le soleil se couche derrière des blocs de glace.">
-        </picture>
-    </a>
-    <a href="#_" class="lightbox" id="2023-02-11-coucher-soleil">
-        <picture style="margin:0 auto;">
-            <source
-                srcset="/static/david/2023/2023-02-11-coucher-soleil.webp 1512w"
-                sizes="min(100vw, calc(100vh * 1512 / 2016))"
-                type="image/webp">
-            <!-- The <img> tag is a fallback image (required in the <picture> tag) -->
-            <img
-                src="/static/david/2023/2023-02-11-coucher-soleil.jpg"
-                width="1512" height="2016"
-                srcset="/static/david/2023/2023-02-11-coucher-soleil.jpg 1512w"
-                sizes="min(100vw, calc(100vh * 1512 / 2016))"
-                fetchpriority="high"
-                decoding="sync"
-                alt="Le soleil se couche derrière des blocs de glace.">
-        </picture>
+        <img
+            src="/static/david/2023/2023-02-11-coucher-soleil.jpg"
+            width="1512" height="2016"
+            srcset="/static/david/2023/2023-02-11-coucher-soleil.jpg 1512w, /static/david/2023/2023-02-11-coucher-soleil_660x440.jpg 660w, /static/david/2023/2023-02-11-coucher-soleil_990x660.jpg 990w, /static/david/2023/2023-02-11-coucher-soleil_1320x880.jpg 1320w"
+            sizes="min(100vw, calc(100vh * 1512 / 2016))"
+            loading="lazy"
+            decoding="async"
+            alt="Le soleil se couche derrière des blocs de glace.">
     </a>
     <figcaption>Je vous épargne les différents dégradés de rose qui ont suivi&nbsp;!</figcaption>
 </figure>
 <p>Le coucher de soleil est magnifique et je tente même un peu d’astrophotographie à l’iPhone, soyons fous. Un ragoût de bœuf était proposé pour les personnes qui ne voulaient pas être en autonomie complète. Je tente le coup et c’était bon mais je crois que je ne mange plus assez de viande pour supporter des portions d’expédition vu mon état de fatigue. Mes nouilles traditionnelles seraient probablement mieux passées. La soirée se passe plutôt bien et les températures restent&nbsp;agréables.</p>
 <figure>
-    <a href="#2023-02-11-astro-photographie"
+    <a href="/static/david/2023/2023-02-11-astro-photographie.jpg"
         title="Cliquer pour une version haute résolution">
-        <picture>
-            <source
-                srcset="/static/david/2023/2023-02-11-astro-photographie.webp 1512w"
-                sizes="min(100vw, calc(100vh * 1512 / 2016))"
-                type="image/webp">
-            <!-- The <img> tag is a fallback image (required in the <picture> tag) -->
-            <img
-                src="/static/david/2023/2023-02-11-astro-photographie.jpg"
-                width="1512" height="2016"
-                srcset="/static/david/2023/2023-02-11-astro-photographie.jpg 1512w"
-                sizes="min(100vw, calc(100vh * 1512 / 2016))"
-                fetchpriority="high"
-                decoding="sync"
-                alt="Une tente rouge et Orion au-dessus.">
-        </picture>
-    </a>
-    <a href="#_" class="lightbox" id="2023-02-11-astro-photographie">
-        <picture style="margin:0 auto;">
-            <source
-                srcset="/static/david/2023/2023-02-11-astro-photographie.webp 1512w"
-                sizes="min(100vw, calc(100vh * 1512 / 2016))"
-                type="image/webp">
-            <!-- The <img> tag is a fallback image (required in the <picture> tag) -->
-            <img
-                src="/static/david/2023/2023-02-11-astro-photographie.jpg"
-                width="1512" height="2016"
-                srcset="/static/david/2023/2023-02-11-astro-photographie.jpg 1512w"
-                sizes="min(100vw, calc(100vh * 1512 / 2016))"
-                fetchpriority="high"
-                decoding="sync"
-                alt="Une tente rouge et Orion au-dessus.">
-        </picture>
+        <img
+            src="/static/david/2023/2023-02-11-astro-photographie.jpg"
+            width="1512" height="2016"
+            srcset="/static/david/2023/2023-02-11-astro-photographie.jpg 1512w, /static/david/2023/2023-02-11-astro-photographie_660x440.jpg 660w, /static/david/2023/2023-02-11-astro-photographie_990x660.jpg 990w, /static/david/2023/2023-02-11-astro-photographie_1320x880.jpg 1320w"
+            sizes="min(100vw, calc(100vh * 1512 / 2016))"
+            loading="lazy"
+            decoding="async"
+            alt="Une tente rouge et Orion au-dessus.">
     </a>
     <figcaption>C’est bruité et tout mais j’étais content que l’on distingue au moins&nbsp;Orion.</figcaption>
 </figure>

david/2023/02/12/index.html

@@ -89,79 +89,31 @@
 <p>Réveil vers 6&#8239;h après une nuit qui a débuté venteuse mais qui a ensuite été très reposante, les muscles tirent mais c’est normal. Je sors de mon duvet sans même avoir à trop m’habiller, il doit faire&nbsp;-4&#8239;°C.</p>
 <p>C’est chouette car maintenant il y a une autre synergie dans le groupe qui permet d’échanger sur des techniques, du matériel, des astuces. On a un cameraman qui s’occupe de faire des petites vidéos explicatives aussi. On plaisante sur le fait qu’il ne fallait pas s’inscrire sur un coup de tête mais que toutes les inscriptions sont parties en 24&#8239;h. Les départs se font au compte-goutte, sans pression, au gré des&nbsp;personnes.</p>
 <figure>
-    <a href="#2023-02-12-depart-campement"
+    <a href="/static/david/2023/2023-02-12-depart-campement.jpg"
         title="Cliquer pour une version haute résolution">
-        <picture>
-            <source
-                srcset="/static/david/2023/2023-02-12-depart-campement.webp 1512w"
-                sizes="min(100vw, calc(100vh * 1512 / 2016))"
-                type="image/webp">
-            <!-- The <img> tag is a fallback image (required in the <picture> tag) -->
-            <img
-                src="/static/david/2023/2023-02-12-depart-campement.jpg"
-                width="1512" height="2016"
-                srcset="/static/david/2023/2023-02-12-depart-campement.jpg 1512w"
-                sizes="min(100vw, calc(100vh * 1512 / 2016))"
-                fetchpriority="high"
-                decoding="sync"
-                alt="Un groupe de personnes qui partent du campement en traineau sur un lac gelé.">
-        </picture>
-    </a>
-    <a href="#_" class="lightbox" id="2023-02-12-depart-campement">
-        <picture style="margin:0 auto;">
-            <source
-                srcset="/static/david/2023/2023-02-12-depart-campement.webp 1512w"
-                sizes="min(100vw, calc(100vh * 1512 / 2016))"
-                type="image/webp">
-            <!-- The <img> tag is a fallback image (required in the <picture> tag) -->
-            <img
-                src="/static/david/2023/2023-02-12-depart-campement.jpg"
-                width="1512" height="2016"
-                srcset="/static/david/2023/2023-02-12-depart-campement.jpg 1512w"
-                sizes="min(100vw, calc(100vh * 1512 / 2016))"
-                fetchpriority="high"
-                decoding="sync"
-                alt="Un groupe de personnes qui partent du campement en traineau sur un lac gelé.">
-        </picture>
+        <img
+            src="/static/david/2023/2023-02-12-depart-campement.jpg"
+            width="1512" height="2016"
+            srcset="/static/david/2023/2023-02-12-depart-campement.jpg 1512w, /static/david/2023/2023-02-12-depart-campement_660x440.jpg 660w, /static/david/2023/2023-02-12-depart-campement_990x660.jpg 990w, /static/david/2023/2023-02-12-depart-campement_1320x880.jpg 1320w"
+            sizes="min(100vw, calc(100vh * 1512 / 2016))"
+            loading="lazy"
+            decoding="async"
+            alt="Un groupe de personnes qui partent du campement en traineau sur un lac gelé.">
     </a>
     <figcaption>Avec la gang de&nbsp;tête.</figcaption>
 </figure>
 <p>À moins de 50&nbsp;mètres du campement, on croise les traces de deux canidés qui sont passés sur le réservoir dans la nuit. L’un des accompagnateurs nous indique que la visibilité des griffes pourrait signifier des loups plus que des&nbsp;coyotes.</p>
 <figure>
-    <a href="#2023-02-12-traces-canides"
+    <a href="/static/david/2023/2023-02-12-traces-canides.jpg"
         title="Cliquer pour une version haute résolution">
-        <picture>
-            <source
-                srcset="/static/david/2023/2023-02-12-traces-canides.webp 1512w"
-                sizes="min(100vw, calc(100vh * 1512 / 2016))"
-                type="image/webp">
-            <!-- The <img> tag is a fallback image (required in the <picture> tag) -->
-            <img
-                src="/static/david/2023/2023-02-12-traces-canides.jpg"
-                width="1512" height="2016"
-                srcset="/static/david/2023/2023-02-12-traces-canides.jpg 1512w"
-                sizes="min(100vw, calc(100vh * 1512 / 2016))"
-                fetchpriority="high"
-                decoding="sync"
-                alt="De belles traces de canidés dans la neige sur la glace du lac.">
-        </picture>
-    </a>
-    <a href="#_" class="lightbox" id="2023-02-12-traces-canides">
-        <picture style="margin:0 auto;">
-            <source
-                srcset="/static/david/2023/2023-02-12-traces-canides.webp 1512w"
-                sizes="min(100vw, calc(100vh * 1512 / 2016))"
-                type="image/webp">
-            <!-- The <img> tag is a fallback image (required in the <picture> tag) -->
-            <img
-                src="/static/david/2023/2023-02-12-traces-canides.jpg"
-                width="1512" height="2016"
-                srcset="/static/david/2023/2023-02-12-traces-canides.jpg 1512w"
-                sizes="min(100vw, calc(100vh * 1512 / 2016))"
-                fetchpriority="high"
-                decoding="sync"
-                alt="De belles traces de canidés dans la neige sur la glace du lac.">
-        </picture>
+        <img
+            src="/static/david/2023/2023-02-12-traces-canides.jpg"
+            width="1512" height="2016"
+            srcset="/static/david/2023/2023-02-12-traces-canides.jpg 1512w, /static/david/2023/2023-02-12-traces-canides_660x440.jpg 660w, /static/david/2023/2023-02-12-traces-canides_990x660.jpg 990w, /static/david/2023/2023-02-12-traces-canides_1320x880.jpg 1320w"
+            sizes="min(100vw, calc(100vh * 1512 / 2016))"
+            loading="lazy"
+            decoding="async"
+            alt="De belles traces de canidés dans la neige sur la glace du lac.">
     </a>
     <figcaption>Pas si seul·es au monde&nbsp;:-)</figcaption>
 </figure>
@@ -169,40 +121,16 @@
 <p>On évoque notamment la possibilité de faire une édition avec enfants conditionnée par la météo (et&nbsp;l’expérience).</p>
 <p><em>Anecdote&nbsp;: il y a eu des bières gratuites tout au long du parcours, avec et sans alcool, car le directeur de Boréale était avec&nbsp;nous.</em></p>
 <figure>
-    <a href="#2023-02-12-file-arrivee"
+    <a href="/static/david/2023/2023-02-12-file-arrivee.jpg"
         title="Cliquer pour une version haute résolution">
-        <picture>
-            <source
-                srcset="/static/david/2023/2023-02-12-file-arrivee.webp 1512w"
-                sizes="min(100vw, calc(100vh * 1512 / 2016))"
-                type="image/webp">
-            <!-- The <img> tag is a fallback image (required in the <picture> tag) -->
-            <img
-                src="/static/david/2023/2023-02-12-file-arrivee.jpg"
-                width="1512" height="2016"
-                srcset="/static/david/2023/2023-02-12-file-arrivee.jpg 1512w"
-                sizes="min(100vw, calc(100vh * 1512 / 2016))"
-                fetchpriority="high"
-                decoding="sync"
-                alt="File des arrivées progressives sur le site.">
-        </picture>
-    </a>
-    <a href="#_" class="lightbox" id="2023-02-12-file-arrivee">
-        <picture style="margin:0 auto;">
-            <source
-                srcset="/static/david/2023/2023-02-12-file-arrivee.webp 1512w"
-                sizes="min(100vw, calc(100vh * 1512 / 2016))"
-                type="image/webp">
-            <!-- The <img> tag is a fallback image (required in the <picture> tag) -->
-            <img
-                src="/static/david/2023/2023-02-12-file-arrivee.jpg"
-                width="1512" height="2016"
-                srcset="/static/david/2023/2023-02-12-file-arrivee.jpg 1512w"
-                sizes="min(100vw, calc(100vh * 1512 / 2016))"
-                fetchpriority="high"
-                decoding="sync"
-                alt="File des arrivées progressives sur le site.">
-        </picture>
+        <img
+            src="/static/david/2023/2023-02-12-file-arrivee.jpg"
+            width="1512" height="2016"
+            srcset="/static/david/2023/2023-02-12-file-arrivee.jpg 1512w, /static/david/2023/2023-02-12-file-arrivee_660x440.jpg 660w, /static/david/2023/2023-02-12-file-arrivee_990x660.jpg 990w, /static/david/2023/2023-02-12-file-arrivee_1320x880.jpg 1320w"
+            sizes="min(100vw, calc(100vh * 1512 / 2016))"
+            loading="lazy"
+            decoding="async"
+            alt="File des arrivées progressives sur le site.">
     </a>
     <figcaption>Pour donner une idée du&nbsp;cheminement.</figcaption>
 </figure>

david/2023/03/02/index.html

@@ -89,80 +89,32 @@
 <p>Je profite de cette semaine de relâche pour aller faire un tour en forêt, dans des conditions qui s’annoncent être assez difficiles. Il faudra que je parle du manque de précision des prévisions météorologiques canadiennes à un&nbsp;moment.</p>
 <p>J’arrive sur le parking après plus d’une heure de route derrière un véhicule de déneigement. La neige est bien collante et il y a déjà une quinzaine de centimètres tombée dans la matinée. Je profite des traces de raquettes d’un couple qui vient d’arriver pour ne pas trop galérer avec le traîneau mais même les skis à écailles accrochent un peu trop à mon goût. Je suis obligé de forcer dans les descentes pour avancer&#8239;! Sans compter le traîneau qui racle bien les bords du chemin et qui prend des kilos au cours de&nbsp;l’avancée…</p>
 <figure>
-    <a href="#2023-03-02-traineau-arrivee"
+    <a href="/static/david/2023/2023-03-02-traineau-arrivee.jpg"
         title="Cliquer pour une version haute résolution">
-        <picture>
-            <source
-                srcset="/static/david/2023/2023-03-02-traineau-arrivee.webp 1512w"
-                sizes="min(100vw, calc(100vh * 1512 / 2016))"
-                type="image/webp">
-            <!-- The <img> tag is a fallback image (required in the <picture> tag) -->
-            <img
-                src="/static/david/2023/2023-03-02-traineau-arrivee.jpg"
-                width="1512" height="2016"
-                srcset="/static/david/2023/2023-03-02-traineau-arrivee.jpg 1512w"
-                sizes="min(100vw, calc(100vh * 1512 / 2016))"
-                fetchpriority="high"
-                decoding="sync"
-                alt="Le traîneau à l’arrivée avec pas mal de neige chargée.">
-        </picture>
-    </a>
-    <a href="#_" class="lightbox" id="2023-03-02-traineau-arrivee">
-        <picture style="margin:0 auto;">
-            <source
-                srcset="/static/david/2023/2023-03-02-traineau-arrivee.webp 1512w"
-                sizes="min(100vw, calc(100vh * 1512 / 2016))"
-                type="image/webp">
-            <!-- The <img> tag is a fallback image (required in the <picture> tag) -->
-            <img
-                src="/static/david/2023/2023-03-02-traineau-arrivee.jpg"
-                width="1512" height="2016"
-                srcset="/static/david/2023/2023-03-02-traineau-arrivee.jpg 1512w"
-                sizes="min(100vw, calc(100vh * 1512 / 2016))"
-                fetchpriority="high"
-                decoding="sync"
-                alt="Le traîneau à l’arrivée avec pas mal de neige chargée.">
-        </picture>
+        <img
+            src="/static/david/2023/2023-03-02-traineau-arrivee.jpg"
+            width="1512" height="2016"
+            srcset="/static/david/2023/2023-03-02-traineau-arrivee.jpg 1512w, /static/david/2023/2023-03-02-traineau-arrivee_660x440.jpg 660w, /static/david/2023/2023-03-02-traineau-arrivee_990x660.jpg 990w, /static/david/2023/2023-03-02-traineau-arrivee_1320x880.jpg 1320w"
+            sizes="min(100vw, calc(100vh * 1512 / 2016))"
+            loading="lazy"
+            decoding="async"
+            alt="Le traîneau à l’arrivée avec pas mal de neige chargée.">
     </a>
     <figcaption>Ce que ça donne à l’arrivée, transporter de la neige n’a pas grand intérêt, il y en aura à&nbsp;l’arrivée.</figcaption>
 </figure>
 <p>Je finis par trouver un coin qui n’est pas un emplacement de camping (bien pour le bois) et qui est pas mal en retrait du sentier tracé (bien pour moi). Le gros avantage de l’hiver avec plus d’un mètre de neige, c’est que je peux vraiment sculpter mon lieu de résidence tel que je l’entends indépendamment du relief, de la végétation ou de&nbsp;l’humidité.</p>
 <p>C’est parti pour une corvée de bois, en raquettes. J’en prends toujours un peu plus que de rigueur en hiver car on ne sait jamais trop ce qu’il peut se passer (blessure/immobilisation par exemple) et c’est un élément important de sécurité par ces&nbsp;températures.</p>
 <figure>
-    <a href="#2023-03-02-feu-levitation"
+    <a href="/static/david/2023/2023-03-02-feu-levitation.jpg"
         title="Cliquer pour une version haute résolution">
-        <picture>
-            <source
-                srcset="/static/david/2023/2023-03-02-feu-levitation.webp 1512w"
-                sizes="min(100vw, calc(100vh * 1512 / 2016))"
-                type="image/webp">
-            <!-- The <img> tag is a fallback image (required in the <picture> tag) -->
-            <img
-                src="/static/david/2023/2023-03-02-feu-levitation.jpg"
-                width="1512" height="2016"
-                srcset="/static/david/2023/2023-03-02-feu-levitation.jpg 1512w"
-                sizes="min(100vw, calc(100vh * 1512 / 2016))"
-                fetchpriority="high"
-                decoding="sync"
-                alt="Un feu dans un foyer surélevé.">
-        </picture>
-    </a>
-    <a href="#_" class="lightbox" id="2023-03-02-feu-levitation">
-        <picture style="margin:0 auto;">
-            <source
-                srcset="/static/david/2023/2023-03-02-feu-levitation.webp 1512w"
-                sizes="min(100vw, calc(100vh * 1512 / 2016))"
-                type="image/webp">
-            <!-- The <img> tag is a fallback image (required in the <picture> tag) -->
-            <img
-                src="/static/david/2023/2023-03-02-feu-levitation.jpg"
-                width="1512" height="2016"
-                srcset="/static/david/2023/2023-03-02-feu-levitation.jpg 1512w"
-                sizes="min(100vw, calc(100vh * 1512 / 2016))"
-                fetchpriority="high"
-                decoding="sync"
-                alt="Un feu dans un foyer surélevé.">
-        </picture>
+        <img
+            src="/static/david/2023/2023-03-02-feu-levitation.jpg"
+            width="1512" height="2016"
+            srcset="/static/david/2023/2023-03-02-feu-levitation.jpg 1512w, /static/david/2023/2023-03-02-feu-levitation_660x440.jpg 660w, /static/david/2023/2023-03-02-feu-levitation_990x660.jpg 990w, /static/david/2023/2023-03-02-feu-levitation_1320x880.jpg 1320w"
+            sizes="min(100vw, calc(100vh * 1512 / 2016))"
+            loading="lazy"
+            decoding="async"
+            alt="Un feu dans un foyer surélevé.">
     </a>
     <figcaption>C’est parti pour quelques heures à entretenir un&nbsp;feu.</figcaption>
 </figure>

david/2023/03/03/index.html

@@ -89,40 +89,16 @@
 <p>Je me suis couché en ayant relativement chaud mais au cours de la nuit, la température est bien tombée avec le vent. Je me réveille vers 6h avec le visage plutôt frais et le trou du duvet bien gelé, je regarde la météo depuis l’intérieur de mon duvet et iels m’annoncent -15°C ressenti -20°C avec le vent. Pas pire. ERREUR.</p>
 <p>En fait, ce duvet est tellement chaud que je ne me suis pas trop méfié mais dès l’habillage je sens qu’il fait vraiment frette. Les chaussures sont gelées et les lacets aussi, les gants en cuirs sont raides et inutilisables, ma barbe gèle instantanément, le bouchon du Thermos a gelé. Ma montre m’indique -23°C et il y a du vent. La météo canadienne disais-je. Je fais vite un feu que j’aurais un peu mieux dû préparer la veille, je mets longtemps à récupérer de la dextérité. Ne parlons pas des&nbsp;pieds.</p>
 <figure>
-    <a href="#2023-03-03-feu-soleil"
+    <a href="/static/david/2023/2023-03-03-feu-soleil.jpg"
         title="Cliquer pour une version haute résolution">
-        <picture>
-            <source
-                srcset="/static/david/2023/2023-03-03-feu-soleil.webp 1512w"
-                sizes="min(100vw, calc(100vh * 1512 / 2268))"
-                type="image/webp">
-            <!-- The <img> tag is a fallback image (required in the <picture> tag) -->
-            <img
-                src="/static/david/2023/2023-03-03-feu-soleil.jpg"
-                width="1512" height="2268"
-                srcset="/static/david/2023/2023-03-03-feu-soleil.jpg 1512w"
-                sizes="min(100vw, calc(100vh * 1512 / 2268))"
-                fetchpriority="high"
-                decoding="sync"
-                alt="Le campement avec le soleil en arrière plan.">
-        </picture>
-    </a>
-    <a href="#_" class="lightbox" id="2023-03-03-feu-soleil">
-        <picture style="margin:0 auto;">
-            <source
-                srcset="/static/david/2023/2023-03-03-feu-soleil.webp 1512w"
-                sizes="min(100vw, calc(100vh * 1512 / 2268))"
-                type="image/webp">
-            <!-- The <img> tag is a fallback image (required in the <picture> tag) -->
-            <img
-                src="/static/david/2023/2023-03-03-feu-soleil.jpg"
-                width="1512" height="2268"
-                srcset="/static/david/2023/2023-03-03-feu-soleil.jpg 1512w"
-                sizes="min(100vw, calc(100vh * 1512 / 2268))"
-                fetchpriority="high"
-                decoding="sync"
-                alt="Le campement avec le soleil en arrière plan.">
-        </picture>
+        <img
+            src="/static/david/2023/2023-03-03-feu-soleil.jpg"
+            width="1512" height="2268"
+            srcset="/static/david/2023/2023-03-03-feu-soleil.jpg 1512w, /static/david/2023/2023-03-03-feu-soleil_660x440.jpg 660w, /static/david/2023/2023-03-03-feu-soleil_990x660.jpg 990w, /static/david/2023/2023-03-03-feu-soleil_1320x880.jpg 1320w"
+            sizes="min(100vw, calc(100vh * 1512 / 2268))"
+            loading="lazy"
+            decoding="async"
+            alt="Le campement avec le soleil en arrière plan.">
     </a>
     <figcaption>Ô soleil, merci de ta chaleur&nbsp;!</figcaption>
 </figure>
@@ -130,118 +106,46 @@
 <p>Je respire un bon coup et j’accepte la situation. La priorité est de se réchauffer en bougeant tout en m’alimentant et en faisant fondre de la neige. Il est possible de faire des erreurs mais pas de les enchaîner dans ces conditions. La magie du feu et de l’eau chaude finit par faire son&nbsp;effet.</p>
 <p>C’est une de ces journées fraîches de plein soleil donc la lumière est très violente. Je décide de descendre la rivière pour réchauffer mes pieds. Bon OK, pas&nbsp;littéralement.</p>
 <figure>
-    <a href="#2023-03-03-riviere-ouareau"
+    <a href="/static/david/2023/2023-03-03-riviere-ouareau.jpg"
         title="Cliquer pour une version haute résolution">
-        <picture>
-            <source
-                srcset="/static/david/2023/2023-03-03-riviere-ouareau.webp 1512w"
-                sizes="min(100vw, calc(100vh * 1512 / 2268))"
-                type="image/webp">
-            <!-- The <img> tag is a fallback image (required in the <picture> tag) -->
-            <img
-                src="/static/david/2023/2023-03-03-riviere-ouareau.jpg"
-                width="1512" height="2268"
-                srcset="/static/david/2023/2023-03-03-riviere-ouareau.jpg 1512w"
-                sizes="min(100vw, calc(100vh * 1512 / 2268))"
-                fetchpriority="high"
-                decoding="sync"
-                alt="La rivière Ouareau bien gelée.">
-        </picture>
-    </a>
-    <a href="#_" class="lightbox" id="2023-03-03-riviere-ouareau">
-        <picture style="margin:0 auto;">
-            <source
-                srcset="/static/david/2023/2023-03-03-riviere-ouareau.webp 1512w"
-                sizes="min(100vw, calc(100vh * 1512 / 2268))"
-                type="image/webp">
-            <!-- The <img> tag is a fallback image (required in the <picture> tag) -->
-            <img
-                src="/static/david/2023/2023-03-03-riviere-ouareau.jpg"
-                width="1512" height="2268"
-                srcset="/static/david/2023/2023-03-03-riviere-ouareau.jpg 1512w"
-                sizes="min(100vw, calc(100vh * 1512 / 2268))"
-                fetchpriority="high"
-                decoding="sync"
-                alt="La rivière Ouareau bien gelée.">
-        </picture>
+        <img
+            src="/static/david/2023/2023-03-03-riviere-ouareau.jpg"
+            width="1512" height="2268"
+            srcset="/static/david/2023/2023-03-03-riviere-ouareau.jpg 1512w, /static/david/2023/2023-03-03-riviere-ouareau_660x440.jpg 660w, /static/david/2023/2023-03-03-riviere-ouareau_990x660.jpg 990w, /static/david/2023/2023-03-03-riviere-ouareau_1320x880.jpg 1320w"
+            sizes="min(100vw, calc(100vh * 1512 / 2268))"
+            loading="lazy"
+            decoding="async"
+            alt="La rivière Ouareau bien gelée.">
     </a>
     <figcaption>Les méandres de la rivière&nbsp;gelée.</figcaption>
 </figure>
 <p>Le chemin est de toute beauté et j’ai vraiment du mal à capter cette ambiance. Il n’y a vraiment personne et je prends mon temps pour rester sec (vive la laine). Je découvre que l’emmental peut con·geler, qu’il faut commencer par casser des morceaux avec ses gants puis les faire fondre dans sa bouche jusqu’à être en capacité de le mâcher. #MeanwhileInCanada</p>
 <figure>
-    <a href="#2023-03-03-sentier-murmures"
+    <a href="/static/david/2023/2023-03-03-sentier-murmures.jpg"
         title="Cliquer pour une version haute résolution">
-        <picture>
-            <source
-                srcset="/static/david/2023/2023-03-03-sentier-murmures.webp 1512w"
-                sizes="min(100vw, calc(100vh * 1512 / 2268))"
-                type="image/webp">
-            <!-- The <img> tag is a fallback image (required in the <picture> tag) -->
-            <img
-                src="/static/david/2023/2023-03-03-sentier-murmures.jpg"
-                width="1512" height="2268"
-                srcset="/static/david/2023/2023-03-03-sentier-murmures.jpg 1512w"
-                sizes="min(100vw, calc(100vh * 1512 / 2268))"
-                fetchpriority="high"
-                decoding="sync"
-                alt="Le sentier des murmures.">
-        </picture>
-    </a>
-    <a href="#_" class="lightbox" id="2023-03-03-sentier-murmures">
-        <picture style="margin:0 auto;">
-            <source
-                srcset="/static/david/2023/2023-03-03-sentier-murmures.webp 1512w"
-                sizes="min(100vw, calc(100vh * 1512 / 2268))"
-                type="image/webp">
-            <!-- The <img> tag is a fallback image (required in the <picture> tag) -->
-            <img
-                src="/static/david/2023/2023-03-03-sentier-murmures.jpg"
-                width="1512" height="2268"
-                srcset="/static/david/2023/2023-03-03-sentier-murmures.jpg 1512w"
-                sizes="min(100vw, calc(100vh * 1512 / 2268))"
-                fetchpriority="high"
-                decoding="sync"
-                alt="Le sentier des murmures.">
-        </picture>
+        <img
+            src="/static/david/2023/2023-03-03-sentier-murmures.jpg"
+            width="1512" height="2268"
+            srcset="/static/david/2023/2023-03-03-sentier-murmures.jpg 1512w, /static/david/2023/2023-03-03-sentier-murmures_660x440.jpg 660w, /static/david/2023/2023-03-03-sentier-murmures_990x660.jpg 990w, /static/david/2023/2023-03-03-sentier-murmures_1320x880.jpg 1320w"
+            sizes="min(100vw, calc(100vh * 1512 / 2268))"
+            loading="lazy"
+            decoding="async"
+            alt="Le sentier des murmures.">
     </a>
     <figcaption>Une portion du sentier qui est intégralement à couvert de&nbsp;forêt.</figcaption>
 </figure>
 <p>De retour au campement, je décide de faire une sieste pour attendre des couleurs et lumières moins dures. C’est une stratégie plutôt payante et je remonte cette fois-ci la rivière, il fait moins froid et c’est assez agréable d’être silencieux car je n’ai plus vraiment besoin des raquettes, le sentier a&nbsp;gelé.</p>
 <figure>
-    <a href="#2023-03-03-couleurs-soir"
+    <a href="/static/david/2023/2023-03-03-couleurs-soir.jpg"
         title="Cliquer pour une version haute résolution">
-        <picture>
-            <source
-                srcset="/static/david/2023/2023-03-03-couleurs-soir.webp 1512w"
-                sizes="min(100vw, calc(100vh * 1512 / 2268))"
-                type="image/webp">
-            <!-- The <img> tag is a fallback image (required in the <picture> tag) -->
-            <img
-                src="/static/david/2023/2023-03-03-couleurs-soir.jpg"
-                width="1512" height="2268"
-                srcset="/static/david/2023/2023-03-03-couleurs-soir.jpg 1512w"
-                sizes="min(100vw, calc(100vh * 1512 / 2268))"
-                fetchpriority="high"
-                decoding="sync"
-                alt="La rivière le soir.">
-        </picture>
-    </a>
-    <a href="#_" class="lightbox" id="2023-03-03-couleurs-soir">
-        <picture style="margin:0 auto;">
-            <source
-                srcset="/static/david/2023/2023-03-03-couleurs-soir.webp 1512w"
-                sizes="min(100vw, calc(100vh * 1512 / 2268))"
-                type="image/webp">
-            <!-- The <img> tag is a fallback image (required in the <picture> tag) -->
-            <img
-                src="/static/david/2023/2023-03-03-couleurs-soir.jpg"
-                width="1512" height="2268"
-                srcset="/static/david/2023/2023-03-03-couleurs-soir.jpg 1512w"
-                sizes="min(100vw, calc(100vh * 1512 / 2268))"
-                fetchpriority="high"
-                decoding="sync"
-                alt="La rivière le soir.">
-        </picture>
+        <img
+            src="/static/david/2023/2023-03-03-couleurs-soir.jpg"
+            width="1512" height="2268"
+            srcset="/static/david/2023/2023-03-03-couleurs-soir.jpg 1512w, /static/david/2023/2023-03-03-couleurs-soir_660x440.jpg 660w, /static/david/2023/2023-03-03-couleurs-soir_990x660.jpg 990w, /static/david/2023/2023-03-03-couleurs-soir_1320x880.jpg 1320w"
+            sizes="min(100vw, calc(100vh * 1512 / 2268))"
+            loading="lazy"
+            decoding="async"
+            alt="La rivière le soir.">
     </a>
     <figcaption>Difficile de restituer la sensation de calme qu’il y avait alors, seulement troublée sporadiquement par un&nbsp;pic.</figcaption>
 </figure>

david/2023/03/04/index.html

@@ -90,118 +90,46 @@
 <p>Je m’habille et je prépare mon petit déjeuner avec mon réchaud à alcool, bien à l’abri, ça tombe en continu et le retour s’annonce épique. J’ai déjà un petit rempart de neige autour de la tente. Dire que je me réjouissais la veille que le sentier ait pu&nbsp;geler…</p>
 <p>Je sors quand même faire des photos en pleine tempête de neige et je suis très content de cette session. Même si les photos une fois développées sont assez frustrantes sur ce plan là, la recherche du moment me donne un grand&nbsp;sourire.</p>
 <figure>
-    <a href="#2023-03-04-tempete-neige"
+    <a href="/static/david/2023/2023-03-04-tempete-neige.jpg"
         title="Cliquer pour une version haute résolution">
-        <picture>
-            <source
-                srcset="/static/david/2023/2023-03-04-tempete-neige.webp 1920w"
-                sizes="min(100vw, calc(100vh * 1920 / 1280))"
-                type="image/webp">
-            <!-- The <img> tag is a fallback image (required in the <picture> tag) -->
-            <img
-                src="/static/david/2023/2023-03-04-tempete-neige.jpg"
-                width="1920" height="1280"
-                srcset="/static/david/2023/2023-03-04-tempete-neige.jpg 1920w"
-                sizes="min(100vw, calc(100vh * 1920 / 1280))"
-                fetchpriority="high"
-                decoding="sync"
-                alt="La rivière sous la tempête.">
-        </picture>
-    </a>
-    <a href="#_" class="lightbox" id="2023-03-04-tempete-neige">
-        <picture style="margin:0 auto;">
-            <source
-                srcset="/static/david/2023/2023-03-04-tempete-neige.webp 1920w"
-                sizes="min(100vw, calc(100vh * 1920 / 1280))"
-                type="image/webp">
-            <!-- The <img> tag is a fallback image (required in the <picture> tag) -->
-            <img
-                src="/static/david/2023/2023-03-04-tempete-neige.jpg"
-                width="1920" height="1280"
-                srcset="/static/david/2023/2023-03-04-tempete-neige.jpg 1920w"
-                sizes="min(100vw, calc(100vh * 1920 / 1280))"
-                fetchpriority="high"
-                decoding="sync"
-                alt="La rivière sous la tempête.">
-        </picture>
+        <img
+            src="/static/david/2023/2023-03-04-tempete-neige.jpg"
+            width="1920" height="1280"
+            srcset="/static/david/2023/2023-03-04-tempete-neige.jpg 1920w, /static/david/2023/2023-03-04-tempete-neige_660x440.jpg 660w, /static/david/2023/2023-03-04-tempete-neige_990x660.jpg 990w, /static/david/2023/2023-03-04-tempete-neige_1320x880.jpg 1320w"
+            sizes="min(100vw, calc(100vh * 1920 / 1280))"
+            loading="lazy"
+            decoding="async"
+            alt="La rivière sous la tempête.">
     </a>
     <figcaption>Il neigeait dru&nbsp;!</figcaption>
 </figure>
 <p>Cerise sur le gâteau, je vois des traces sur la berge opposée et je commence à les suivre en aval puis en amont, assez loin. Il est passé il y a moins de 15&nbsp;minutes et c’était à 100&nbsp;mètres de mon campement. Je casse le suspense tout de suite, je n’ai jamais vu l’animal mais la traque dans ces conditions idéales pour avoir l’espoir de s’approcher sans être vu ni entendu était extrêmement stimulante. À chaque ouverture sur la rivière depuis le sentier, j’imaginais ce que ça pourrait donner avec un coyote ou un ongulé au premier plan. J’ai encore ces images dans la&nbsp;tête&nbsp;:-).</p>
 <figure>
-    <a href="#2023-03-04-traces"
+    <a href="/static/david/2023/2023-03-04-traces.jpg"
         title="Cliquer pour une version haute résolution">
-        <picture>
-            <source
-                srcset="/static/david/2023/2023-03-04-traces.webp 1920w"
-                sizes="min(100vw, calc(100vh * 1920 / 1280))"
-                type="image/webp">
-            <!-- The <img> tag is a fallback image (required in the <picture> tag) -->
-            <img
-                src="/static/david/2023/2023-03-04-traces.jpg"
-                width="1920" height="1280"
-                srcset="/static/david/2023/2023-03-04-traces.jpg 1920w"
-                sizes="min(100vw, calc(100vh * 1920 / 1280))"
-                fetchpriority="high"
-                decoding="sync"
-                alt="Des traces dans la neige.">
-        </picture>
-    </a>
-    <a href="#_" class="lightbox" id="2023-03-04-traces">
-        <picture style="margin:0 auto;">
-            <source
-                srcset="/static/david/2023/2023-03-04-traces.webp 1920w"
-                sizes="min(100vw, calc(100vh * 1920 / 1280))"
-                type="image/webp">
-            <!-- The <img> tag is a fallback image (required in the <picture> tag) -->
-            <img
-                src="/static/david/2023/2023-03-04-traces.jpg"
-                width="1920" height="1280"
-                srcset="/static/david/2023/2023-03-04-traces.jpg 1920w"
-                sizes="min(100vw, calc(100vh * 1920 / 1280))"
-                fetchpriority="high"
-                decoding="sync"
-                alt="Des traces dans la neige.">
-        </picture>
+        <img
+            src="/static/david/2023/2023-03-04-traces.jpg"
+            width="1920" height="1280"
+            srcset="/static/david/2023/2023-03-04-traces.jpg 1920w, /static/david/2023/2023-03-04-traces_660x440.jpg 660w, /static/david/2023/2023-03-04-traces_990x660.jpg 990w, /static/david/2023/2023-03-04-traces_1320x880.jpg 1320w"
+            sizes="min(100vw, calc(100vh * 1920 / 1280))"
+            loading="lazy"
+            decoding="async"
+            alt="Des traces dans la neige.">
     </a>
     <figcaption>À une prochaine, l’animal.</figcaption>
 </figure>
 <p>Le rangement du campement sous la neige est assez complexe sans tout mouiller mais c’est un bon exercice. Par contre le retour est vraiment fastidieux car en montée avec 15&nbsp;cm de poudreuse fraîche en plus ça devient difficile de traîner une luge adaptée par mes soins. Je me dis qu’il serait pertinent d’investir dans une vraie&nbsp;pulka…</p>
 <figure>
-    <a href="#2023-03-04-traineau"
+    <a href="/static/david/2023/2023-03-04-traineau.jpg"
         title="Cliquer pour une version haute résolution">
-        <picture>
-            <source
-                srcset="/static/david/2023/2023-03-04-traineau.webp 1512w"
-                sizes="min(100vw, calc(100vh * 1512 / 2268))"
-                type="image/webp">
-            <!-- The <img> tag is a fallback image (required in the <picture> tag) -->
-            <img
-                src="/static/david/2023/2023-03-04-traineau.jpg"
-                width="1512" height="2268"
-                srcset="/static/david/2023/2023-03-04-traineau.jpg 1512w"
-                sizes="min(100vw, calc(100vh * 1512 / 2268))"
-                fetchpriority="high"
-                decoding="sync"
-                alt="Le traîneau sur le chemin du retour.">
-        </picture>
-    </a>
-    <a href="#_" class="lightbox" id="2023-03-04-traineau">
-        <picture style="margin:0 auto;">
-            <source
-                srcset="/static/david/2023/2023-03-04-traineau.webp 1512w"
-                sizes="min(100vw, calc(100vh * 1512 / 2268))"
-                type="image/webp">
-            <!-- The <img> tag is a fallback image (required in the <picture> tag) -->
-            <img
-                src="/static/david/2023/2023-03-04-traineau.jpg"
-                width="1512" height="2268"
-                srcset="/static/david/2023/2023-03-04-traineau.jpg 1512w"
-                sizes="min(100vw, calc(100vh * 1512 / 2268))"
-                fetchpriority="high"
-                decoding="sync"
-                alt="Le traîneau sur le chemin du retour.">
-        </picture>
+        <img
+            src="/static/david/2023/2023-03-04-traineau.jpg"
+            width="1512" height="2268"
+            srcset="/static/david/2023/2023-03-04-traineau.jpg 1512w, /static/david/2023/2023-03-04-traineau_660x440.jpg 660w, /static/david/2023/2023-03-04-traineau_990x660.jpg 990w, /static/david/2023/2023-03-04-traineau_1320x880.jpg 1320w"
+            sizes="min(100vw, calc(100vh * 1512 / 2268))"
+            loading="lazy"
+            decoding="async"
+            alt="Le traîneau sur le chemin du retour.">
     </a>
     <figcaption>Le secret, c’est de faire des pauses, vraiment beaucoup de pauses&nbsp;!</figcaption>
 </figure>

david/2023/aventure/index.html

@@ -83,118 +83,46 @@
 <p>Je m’habille et je prépare mon petit déjeuner avec mon réchaud à alcool, bien à l’abri, ça tombe en continu et le retour s’annonce épique. J’ai déjà un petit rempart de neige autour de la tente. Dire que je me réjouissais la veille que le sentier ait pu&nbsp;geler…</p>
 <p>Je sors quand même faire des photos en pleine tempête de neige et je suis très content de cette session. Même si les photos une fois développées sont assez frustrantes sur ce plan là, la recherche du moment me donne un grand&nbsp;sourire.</p>
 <figure>
-    <a href="#2023-03-04-tempete-neige"
+    <a href="/static/david/2023/2023-03-04-tempete-neige.jpg"
         title="Cliquer pour une version haute résolution">
-        <picture>
-            <source
-                srcset="/static/david/2023/2023-03-04-tempete-neige.webp 1920w"
-                sizes="min(100vw, calc(100vh * 1920 / 1280))"
-                type="image/webp">
-            <!-- The <img> tag is a fallback image (required in the <picture> tag) -->
-            <img
-                src="/static/david/2023/2023-03-04-tempete-neige.jpg"
-                width="1920" height="1280"
-                srcset="/static/david/2023/2023-03-04-tempete-neige.jpg 1920w"
-                sizes="min(100vw, calc(100vh * 1920 / 1280))"
-                fetchpriority="high"
-                decoding="sync"
-                alt="La rivière sous la tempête.">
-        </picture>
-    </a>
-    <a href="#_" class="lightbox" id="2023-03-04-tempete-neige">
-        <picture style="margin:0 auto;">
-            <source
-                srcset="/static/david/2023/2023-03-04-tempete-neige.webp 1920w"
-                sizes="min(100vw, calc(100vh * 1920 / 1280))"
-                type="image/webp">
-            <!-- The <img> tag is a fallback image (required in the <picture> tag) -->
-            <img
-                src="/static/david/2023/2023-03-04-tempete-neige.jpg"
-                width="1920" height="1280"
-                srcset="/static/david/2023/2023-03-04-tempete-neige.jpg 1920w"
-                sizes="min(100vw, calc(100vh * 1920 / 1280))"
-                fetchpriority="high"
-                decoding="sync"
-                alt="La rivière sous la tempête.">
-        </picture>
+        <img
+            src="/static/david/2023/2023-03-04-tempete-neige.jpg"
+            width="1920" height="1280"
+            srcset="/static/david/2023/2023-03-04-tempete-neige.jpg 1920w, /static/david/2023/2023-03-04-tempete-neige_660x440.jpg 660w, /static/david/2023/2023-03-04-tempete-neige_990x660.jpg 990w, /static/david/2023/2023-03-04-tempete-neige_1320x880.jpg 1320w"
+            sizes="min(100vw, calc(100vh * 1920 / 1280))"
+            loading="lazy"
+            decoding="async"
+            alt="La rivière sous la tempête.">
     </a>
     <figcaption>Il neigeait dru&nbsp;!</figcaption>
 </figure>
 <p>Cerise sur le gâteau, je vois des traces sur la berge opposée et je commence à les suivre en aval puis en amont, assez loin. Il est passé il y a moins de 15&nbsp;minutes et c’était à 100&nbsp;mètres de mon campement. Je casse le suspense tout de suite, je n’ai jamais vu l’animal mais la traque dans ces conditions idéales pour avoir l’espoir de s’approcher sans être vu ni entendu était extrêmement stimulante. À chaque ouverture sur la rivière depuis le sentier, j’imaginais ce que ça pourrait donner avec un coyote ou un ongulé au premier plan. J’ai encore ces images dans la&nbsp;tête&nbsp;:-).</p>
 <figure>
-    <a href="#2023-03-04-traces"
+    <a href="/static/david/2023/2023-03-04-traces.jpg"
         title="Cliquer pour une version haute résolution">
-        <picture>
-            <source
-                srcset="/static/david/2023/2023-03-04-traces.webp 1920w"
-                sizes="min(100vw, calc(100vh * 1920 / 1280))"
-                type="image/webp">
-            <!-- The <img> tag is a fallback image (required in the <picture> tag) -->
-            <img
-                src="/static/david/2023/2023-03-04-traces.jpg"
-                width="1920" height="1280"
-                srcset="/static/david/2023/2023-03-04-traces.jpg 1920w"
-                sizes="min(100vw, calc(100vh * 1920 / 1280))"
-                fetchpriority="high"
-                decoding="sync"
-                alt="Des traces dans la neige.">
-        </picture>
-    </a>
-    <a href="#_" class="lightbox" id="2023-03-04-traces">
-        <picture style="margin:0 auto;">
-            <source
-                srcset="/static/david/2023/2023-03-04-traces.webp 1920w"
-                sizes="min(100vw, calc(100vh * 1920 / 1280))"
-                type="image/webp">
-            <!-- The <img> tag is a fallback image (required in the <picture> tag) -->
-            <img
-                src="/static/david/2023/2023-03-04-traces.jpg"
-                width="1920" height="1280"
-                srcset="/static/david/2023/2023-03-04-traces.jpg 1920w"
-                sizes="min(100vw, calc(100vh * 1920 / 1280))"
-                fetchpriority="high"
-                decoding="sync"
-                alt="Des traces dans la neige.">
-        </picture>
+        <img
+            src="/static/david/2023/2023-03-04-traces.jpg"
+            width="1920" height="1280"
+            srcset="/static/david/2023/2023-03-04-traces.jpg 1920w, /static/david/2023/2023-03-04-traces_660x440.jpg 660w, /static/david/2023/2023-03-04-traces_990x660.jpg 990w, /static/david/2023/2023-03-04-traces_1320x880.jpg 1320w"
+            sizes="min(100vw, calc(100vh * 1920 / 1280))"
+            loading="lazy"
+            decoding="async"
+            alt="Des traces dans la neige.">
     </a>
     <figcaption>À une prochaine, l’animal.</figcaption>
 </figure>
 <p>Le rangement du campement sous la neige est assez complexe sans tout mouiller mais c’est un bon exercice. Par contre le retour est vraiment fastidieux car en montée avec 15&nbsp;cm de poudreuse fraîche en plus ça devient difficile de traîner une luge adaptée par mes soins. Je me dis qu’il serait pertinent d’investir dans une vraie&nbsp;pulka…</p>
 <figure>
-    <a href="#2023-03-04-traineau"
+    <a href="/static/david/2023/2023-03-04-traineau.jpg"
         title="Cliquer pour une version haute résolution">
-        <picture>
-            <source
-                srcset="/static/david/2023/2023-03-04-traineau.webp 1512w"
-                sizes="min(100vw, calc(100vh * 1512 / 2268))"
-                type="image/webp">
-            <!-- The <img> tag is a fallback image (required in the <picture> tag) -->
-            <img
-                src="/static/david/2023/2023-03-04-traineau.jpg"
-                width="1512" height="2268"
-                srcset="/static/david/2023/2023-03-04-traineau.jpg 1512w"
-                sizes="min(100vw, calc(100vh * 1512 / 2268))"
-                fetchpriority="high"
-                decoding="sync"
-                alt="Le traîneau sur le chemin du retour.">
-        </picture>
-    </a>
-    <a href="#_" class="lightbox" id="2023-03-04-traineau">
-        <picture style="margin:0 auto;">
-            <source
-                srcset="/static/david/2023/2023-03-04-traineau.webp 1512w"
-                sizes="min(100vw, calc(100vh * 1512 / 2268))"
-                type="image/webp">
-            <!-- The <img> tag is a fallback image (required in the <picture> tag) -->
-            <img
-                src="/static/david/2023/2023-03-04-traineau.jpg"
-                width="1512" height="2268"
-                srcset="/static/david/2023/2023-03-04-traineau.jpg 1512w"
-                sizes="min(100vw, calc(100vh * 1512 / 2268))"
-                fetchpriority="high"
-                decoding="sync"
-                alt="Le traîneau sur le chemin du retour.">
-        </picture>
+        <img
+            src="/static/david/2023/2023-03-04-traineau.jpg"
+            width="1512" height="2268"
+            srcset="/static/david/2023/2023-03-04-traineau.jpg 1512w, /static/david/2023/2023-03-04-traineau_660x440.jpg 660w, /static/david/2023/2023-03-04-traineau_990x660.jpg 990w, /static/david/2023/2023-03-04-traineau_1320x880.jpg 1320w"
+            sizes="min(100vw, calc(100vh * 1512 / 2268))"
+            loading="lazy"
+            decoding="async"
+            alt="Le traîneau sur le chemin du retour.">
     </a>
     <figcaption>Le secret, c’est de faire des pauses, vraiment beaucoup de pauses&nbsp;!</figcaption>
 </figure>
@@ -210,40 +138,16 @@
 <p>Je me suis couché en ayant relativement chaud mais au cours de la nuit, la température est bien tombée avec le vent. Je me réveille vers 6h avec le visage plutôt frais et le trou du duvet bien gelé, je regarde la météo depuis l’intérieur de mon duvet et iels m’annoncent -15°C ressenti -20°C avec le vent. Pas pire. ERREUR.</p>
 <p>En fait, ce duvet est tellement chaud que je ne me suis pas trop méfié mais dès l’habillage je sens qu’il fait vraiment frette. Les chaussures sont gelées et les lacets aussi, les gants en cuirs sont raides et inutilisables, ma barbe gèle instantanément, le bouchon du Thermos a gelé. Ma montre m’indique -23°C et il y a du vent. La météo canadienne disais-je. Je fais vite un feu que j’aurais un peu mieux dû préparer la veille, je mets longtemps à récupérer de la dextérité. Ne parlons pas des&nbsp;pieds.</p>
 <figure>
-    <a href="#2023-03-03-feu-soleil"
+    <a href="/static/david/2023/2023-03-03-feu-soleil.jpg"
         title="Cliquer pour une version haute résolution">
-        <picture>
-            <source
-                srcset="/static/david/2023/2023-03-03-feu-soleil.webp 1512w"
-                sizes="min(100vw, calc(100vh * 1512 / 2268))"
-                type="image/webp">
-            <!-- The <img> tag is a fallback image (required in the <picture> tag) -->
-            <img
-                src="/static/david/2023/2023-03-03-feu-soleil.jpg"
-                width="1512" height="2268"
-                srcset="/static/david/2023/2023-03-03-feu-soleil.jpg 1512w"
-                sizes="min(100vw, calc(100vh * 1512 / 2268))"
-                fetchpriority="high"
-                decoding="sync"
-                alt="Le campement avec le soleil en arrière plan.">
-        </picture>
-    </a>
-    <a href="#_" class="lightbox" id="2023-03-03-feu-soleil">
-        <picture style="margin:0 auto;">
-            <source
-                srcset="/static/david/2023/2023-03-03-feu-soleil.webp 1512w"
-                sizes="min(100vw, calc(100vh * 1512 / 2268))"
-                type="image/webp">
-            <!-- The <img> tag is a fallback image (required in the <picture> tag) -->
-            <img
-                src="/static/david/2023/2023-03-03-feu-soleil.jpg"
-                width="1512" height="2268"
-                srcset="/static/david/2023/2023-03-03-feu-soleil.jpg 1512w"
-                sizes="min(100vw, calc(100vh * 1512 / 2268))"
-                fetchpriority="high"
-                decoding="sync"
-                alt="Le campement avec le soleil en arrière plan.">
-        </picture>
+        <img
+            src="/static/david/2023/2023-03-03-feu-soleil.jpg"
+            width="1512" height="2268"
+            srcset="/static/david/2023/2023-03-03-feu-soleil.jpg 1512w, /static/david/2023/2023-03-03-feu-soleil_660x440.jpg 660w, /static/david/2023/2023-03-03-feu-soleil_990x660.jpg 990w, /static/david/2023/2023-03-03-feu-soleil_1320x880.jpg 1320w"
+            sizes="min(100vw, calc(100vh * 1512 / 2268))"
+            loading="lazy"
+            decoding="async"
+            alt="Le campement avec le soleil en arrière plan.">
     </a>
     <figcaption>Ô soleil, merci de ta chaleur&nbsp;!</figcaption>
 </figure>
@@ -251,118 +155,46 @@
 <p>Je respire un bon coup et j’accepte la situation. La priorité est de se réchauffer en bougeant tout en m’alimentant et en faisant fondre de la neige. Il est possible de faire des erreurs mais pas de les enchaîner dans ces conditions. La magie du feu et de l’eau chaude finit par faire son&nbsp;effet.</p>
 <p>C’est une de ces journées fraîches de plein soleil donc la lumière est très violente. Je décide de descendre la rivière pour réchauffer mes pieds. Bon OK, pas&nbsp;littéralement.</p>
 <figure>
-    <a href="#2023-03-03-riviere-ouareau"
+    <a href="/static/david/2023/2023-03-03-riviere-ouareau.jpg"
         title="Cliquer pour une version haute résolution">
-        <picture>
-            <source
-                srcset="/static/david/2023/2023-03-03-riviere-ouareau.webp 1512w"
-                sizes="min(100vw, calc(100vh * 1512 / 2268))"
-                type="image/webp">
-            <!-- The <img> tag is a fallback image (required in the <picture> tag) -->
-            <img
-                src="/static/david/2023/2023-03-03-riviere-ouareau.jpg"
-                width="1512" height="2268"
-                srcset="/static/david/2023/2023-03-03-riviere-ouareau.jpg 1512w"
-                sizes="min(100vw, calc(100vh * 1512 / 2268))"
-                fetchpriority="high"
-                decoding="sync"
-                alt="La rivière Ouareau bien gelée.">
-        </picture>
-    </a>
-    <a href="#_" class="lightbox" id="2023-03-03-riviere-ouareau">
-        <picture style="margin:0 auto;">
-            <source
-                srcset="/static/david/2023/2023-03-03-riviere-ouareau.webp 1512w"
-                sizes="min(100vw, calc(100vh * 1512 / 2268))"
-                type="image/webp">
-            <!-- The <img> tag is a fallback image (required in the <picture> tag) -->
-            <img
-                src="/static/david/2023/2023-03-03-riviere-ouareau.jpg"
-                width="1512" height="2268"
-                srcset="/static/david/2023/2023-03-03-riviere-ouareau.jpg 1512w"
-                sizes="min(100vw, calc(100vh * 1512 / 2268))"
-                fetchpriority="high"
-                decoding="sync"
-                alt="La rivière Ouareau bien gelée.">
-        </picture>
+        <img
+            src="/static/david/2023/2023-03-03-riviere-ouareau.jpg"
+            width="1512" height="2268"
+            srcset="/static/david/2023/2023-03-03-riviere-ouareau.jpg 1512w, /static/david/2023/2023-03-03-riviere-ouareau_660x440.jpg 660w, /static/david/2023/2023-03-03-riviere-ouareau_990x660.jpg 990w, /static/david/2023/2023-03-03-riviere-ouareau_1320x880.jpg 1320w"
+            sizes="min(100vw, calc(100vh * 1512 / 2268))"
+            loading="lazy"
+            decoding="async"
+            alt="La rivière Ouareau bien gelée.">
     </a>
     <figcaption>Les méandres de la rivière&nbsp;gelée.</figcaption>
 </figure>
 <p>Le chemin est de toute beauté et j’ai vraiment du mal à capter cette ambiance. Il n’y a vraiment personne et je prends mon temps pour rester sec (vive la laine). Je découvre que l’emmental peut con·geler, qu’il faut commencer par casser des morceaux avec ses gants puis les faire fondre dans sa bouche jusqu’à être en capacité de le mâcher. #MeanwhileInCanada</p>
 <figure>
-    <a href="#2023-03-03-sentier-murmures"
+    <a href="/static/david/2023/2023-03-03-sentier-murmures.jpg"
         title="Cliquer pour une version haute résolution">
-        <picture>
-            <source
-                srcset="/static/david/2023/2023-03-03-sentier-murmures.webp 1512w"
-                sizes="min(100vw, calc(100vh * 1512 / 2268))"
-                type="image/webp">
-            <!-- The <img> tag is a fallback image (required in the <picture> tag) -->
-            <img
-                src="/static/david/2023/2023-03-03-sentier-murmures.jpg"
-                width="1512" height="2268"
-                srcset="/static/david/2023/2023-03-03-sentier-murmures.jpg 1512w"
-                sizes="min(100vw, calc(100vh * 1512 / 2268))"
-                fetchpriority="high"
-                decoding="sync"
-                alt="Le sentier des murmures.">
-        </picture>
-    </a>
-    <a href="#_" class="lightbox" id="2023-03-03-sentier-murmures">
-        <picture style="margin:0 auto;">
-            <source
-                srcset="/static/david/2023/2023-03-03-sentier-murmures.webp 1512w"
-                sizes="min(100vw, calc(100vh * 1512 / 2268))"
-                type="image/webp">
-            <!-- The <img> tag is a fallback image (required in the <picture> tag) -->
-            <img
-                src="/static/david/2023/2023-03-03-sentier-murmures.jpg"
-                width="1512" height="2268"
-                srcset="/static/david/2023/2023-03-03-sentier-murmures.jpg 1512w"
-                sizes="min(100vw, calc(100vh * 1512 / 2268))"
-                fetchpriority="high"
-                decoding="sync"
-                alt="Le sentier des murmures.">
-        </picture>
+        <img
+            src="/static/david/2023/2023-03-03-sentier-murmures.jpg"
+            width="1512" height="2268"
+            srcset="/static/david/2023/2023-03-03-sentier-murmures.jpg 1512w, /static/david/2023/2023-03-03-sentier-murmures_660x440.jpg 660w, /static/david/2023/2023-03-03-sentier-murmures_990x660.jpg 990w, /static/david/2023/2023-03-03-sentier-murmures_1320x880.jpg 1320w"
+            sizes="min(100vw, calc(100vh * 1512 / 2268))"
+            loading="lazy"
+            decoding="async"
+            alt="Le sentier des murmures.">
     </a>
     <figcaption>Une portion du sentier qui est intégralement à couvert de&nbsp;forêt.</figcaption>
 </figure>
 <p>De retour au campement, je décide de faire une sieste pour attendre des couleurs et lumières moins dures. C’est une stratégie plutôt payante et je remonte cette fois-ci la rivière, il fait moins froid et c’est assez agréable d’être silencieux car je n’ai plus vraiment besoin des raquettes, le sentier a&nbsp;gelé.</p>
 <figure>
-    <a href="#2023-03-03-couleurs-soir"
+    <a href="/static/david/2023/2023-03-03-couleurs-soir.jpg"
         title="Cliquer pour une version haute résolution">
-        <picture>
-            <source
-                srcset="/static/david/2023/2023-03-03-couleurs-soir.webp 1512w"
-                sizes="min(100vw, calc(100vh * 1512 / 2268))"
-                type="image/webp">
-            <!-- The <img> tag is a fallback image (required in the <picture> tag) -->
-            <img
-                src="/static/david/2023/2023-03-03-couleurs-soir.jpg"
-                width="1512" height="2268"
-                srcset="/static/david/2023/2023-03-03-couleurs-soir.jpg 1512w"
-                sizes="min(100vw, calc(100vh * 1512 / 2268))"
-                fetchpriority="high"
-                decoding="sync"
-                alt="La rivière le soir.">
-        </picture>
-    </a>
-    <a href="#_" class="lightbox" id="2023-03-03-couleurs-soir">
-        <picture style="margin:0 auto;">
-            <source
-                srcset="/static/david/2023/2023-03-03-couleurs-soir.webp 1512w"
-                sizes="min(100vw, calc(100vh * 1512 / 2268))"
-                type="image/webp">
-            <!-- The <img> tag is a fallback image (required in the <picture> tag) -->
-            <img
-                src="/static/david/2023/2023-03-03-couleurs-soir.jpg"
-                width="1512" height="2268"
-                srcset="/static/david/2023/2023-03-03-couleurs-soir.jpg 1512w"
-                sizes="min(100vw, calc(100vh * 1512 / 2268))"
-                fetchpriority="high"
-                decoding="sync"
-                alt="La rivière le soir.">
-        </picture>
+        <img
+            src="/static/david/2023/2023-03-03-couleurs-soir.jpg"
+            width="1512" height="2268"
+            srcset="/static/david/2023/2023-03-03-couleurs-soir.jpg 1512w, /static/david/2023/2023-03-03-couleurs-soir_660x440.jpg 660w, /static/david/2023/2023-03-03-couleurs-soir_990x660.jpg 990w, /static/david/2023/2023-03-03-couleurs-soir_1320x880.jpg 1320w"
+            sizes="min(100vw, calc(100vh * 1512 / 2268))"
+            loading="lazy"
+            decoding="async"
+            alt="La rivière le soir.">
     </a>
     <figcaption>Difficile de restituer la sensation de calme qu’il y avait alors, seulement troublée sporadiquement par un&nbsp;pic.</figcaption>
 </figure>
@@ -379,79 +211,31 @@
 <p>Réveil vers 6&#8239;h après une nuit qui a débuté venteuse mais qui a ensuite été très reposante, les muscles tirent mais c’est normal. Je sors de mon duvet sans même avoir à trop m’habiller, il doit faire&nbsp;-4&#8239;°C.</p>
 <p>C’est chouette car maintenant il y a une autre synergie dans le groupe qui permet d’échanger sur des techniques, du matériel, des astuces. On a un cameraman qui s’occupe de faire des petites vidéos explicatives aussi. On plaisante sur le fait qu’il ne fallait pas s’inscrire sur un coup de tête mais que toutes les inscriptions sont parties en 24&#8239;h. Les départs se font au compte-goutte, sans pression, au gré des&nbsp;personnes.</p>
 <figure>
-    <a href="#2023-02-12-depart-campement"
+    <a href="/static/david/2023/2023-02-12-depart-campement.jpg"
         title="Cliquer pour une version haute résolution">
-        <picture>
-            <source
-                srcset="/static/david/2023/2023-02-12-depart-campement.webp 1512w"
-                sizes="min(100vw, calc(100vh * 1512 / 2016))"
-                type="image/webp">
-            <!-- The <img> tag is a fallback image (required in the <picture> tag) -->
-            <img
-                src="/static/david/2023/2023-02-12-depart-campement.jpg"
-                width="1512" height="2016"
-                srcset="/static/david/2023/2023-02-12-depart-campement.jpg 1512w"
-                sizes="min(100vw, calc(100vh * 1512 / 2016))"
-                fetchpriority="high"
-                decoding="sync"
-                alt="Un groupe de personnes qui partent du campement en traineau sur un lac gelé.">
-        </picture>
-    </a>
-    <a href="#_" class="lightbox" id="2023-02-12-depart-campement">
-        <picture style="margin:0 auto;">
-            <source
-                srcset="/static/david/2023/2023-02-12-depart-campement.webp 1512w"
-                sizes="min(100vw, calc(100vh * 1512 / 2016))"
-                type="image/webp">
-            <!-- The <img> tag is a fallback image (required in the <picture> tag) -->
-            <img
-                src="/static/david/2023/2023-02-12-depart-campement.jpg"
-                width="1512" height="2016"
-                srcset="/static/david/2023/2023-02-12-depart-campement.jpg 1512w"
-                sizes="min(100vw, calc(100vh * 1512 / 2016))"
-                fetchpriority="high"
-                decoding="sync"
-                alt="Un groupe de personnes qui partent du campement en traineau sur un lac gelé.">
-        </picture>
+        <img
+            src="/static/david/2023/2023-02-12-depart-campement.jpg"
+            width="1512" height="2016"
+            srcset="/static/david/2023/2023-02-12-depart-campement.jpg 1512w, /static/david/2023/2023-02-12-depart-campement_660x440.jpg 660w, /static/david/2023/2023-02-12-depart-campement_990x660.jpg 990w, /static/david/2023/2023-02-12-depart-campement_1320x880.jpg 1320w"
+            sizes="min(100vw, calc(100vh * 1512 / 2016))"
+            loading="lazy"
+            decoding="async"
+            alt="Un groupe de personnes qui partent du campement en traineau sur un lac gelé.">
     </a>
     <figcaption>Avec la gang de&nbsp;tête.</figcaption>
 </figure>
 <p>À moins de 50&nbsp;mètres du campement, on croise les traces de deux canidés qui sont passés sur le réservoir dans la nuit. L’un des accompagnateurs nous indique que la visibilité des griffes pourrait signifier des loups plus que des&nbsp;coyotes.</p>
 <figure>
-    <a href="#2023-02-12-traces-canides"
+    <a href="/static/david/2023/2023-02-12-traces-canides.jpg"
         title="Cliquer pour une version haute résolution">
-        <picture>
-            <source
-                srcset="/static/david/2023/2023-02-12-traces-canides.webp 1512w"
-                sizes="min(100vw, calc(100vh * 1512 / 2016))"
-                type="image/webp">
-            <!-- The <img> tag is a fallback image (required in the <picture> tag) -->
-            <img
-                src="/static/david/2023/2023-02-12-traces-canides.jpg"
-                width="1512" height="2016"
-                srcset="/static/david/2023/2023-02-12-traces-canides.jpg 1512w"
-                sizes="min(100vw, calc(100vh * 1512 / 2016))"
-                fetchpriority="high"
-                decoding="sync"
-                alt="De belles traces de canidés dans la neige sur la glace du lac.">
-        </picture>
-    </a>
-    <a href="#_" class="lightbox" id="2023-02-12-traces-canides">
-        <picture style="margin:0 auto;">
-            <source
-                srcset="/static/david/2023/2023-02-12-traces-canides.webp 1512w"
-                sizes="min(100vw, calc(100vh * 1512 / 2016))"
-                type="image/webp">
-            <!-- The <img> tag is a fallback image (required in the <picture> tag) -->
-            <img
-                src="/static/david/2023/2023-02-12-traces-canides.jpg"
-                width="1512" height="2016"
-                srcset="/static/david/2023/2023-02-12-traces-canides.jpg 1512w"
-                sizes="min(100vw, calc(100vh * 1512 / 2016))"
-                fetchpriority="high"
-                decoding="sync"
-                alt="De belles traces de canidés dans la neige sur la glace du lac.">
-        </picture>
+        <img
+            src="/static/david/2023/2023-02-12-traces-canides.jpg"
+            width="1512" height="2016"
+            srcset="/static/david/2023/2023-02-12-traces-canides.jpg 1512w, /static/david/2023/2023-02-12-traces-canides_660x440.jpg 660w, /static/david/2023/2023-02-12-traces-canides_990x660.jpg 990w, /static/david/2023/2023-02-12-traces-canides_1320x880.jpg 1320w"
+            sizes="min(100vw, calc(100vh * 1512 / 2016))"
+            loading="lazy"
+            decoding="async"
+            alt="De belles traces de canidés dans la neige sur la glace du lac.">
     </a>
     <figcaption>Pas si seul·es au monde&nbsp;:-)</figcaption>
 </figure>
@@ -459,40 +243,16 @@
 <p>On évoque notamment la possibilité de faire une édition avec enfants conditionnée par la météo (et&nbsp;l’expérience).</p>
 <p><em>Anecdote&nbsp;: il y a eu des bières gratuites tout au long du parcours, avec et sans alcool, car le directeur de Boréale était avec&nbsp;nous.</em></p>
 <figure>
-    <a href="#2023-02-12-file-arrivee"
+    <a href="/static/david/2023/2023-02-12-file-arrivee.jpg"
         title="Cliquer pour une version haute résolution">
-        <picture>
-            <source
-                srcset="/static/david/2023/2023-02-12-file-arrivee.webp 1512w"
-                sizes="min(100vw, calc(100vh * 1512 / 2016))"
-                type="image/webp">
-            <!-- The <img> tag is a fallback image (required in the <picture> tag) -->
-            <img
-                src="/static/david/2023/2023-02-12-file-arrivee.jpg"
-                width="1512" height="2016"
-                srcset="/static/david/2023/2023-02-12-file-arrivee.jpg 1512w"
-                sizes="min(100vw, calc(100vh * 1512 / 2016))"
-                fetchpriority="high"
-                decoding="sync"
-                alt="File des arrivées progressives sur le site.">
-        </picture>
-    </a>
-    <a href="#_" class="lightbox" id="2023-02-12-file-arrivee">
-        <picture style="margin:0 auto;">
-            <source
-                srcset="/static/david/2023/2023-02-12-file-arrivee.webp 1512w"
-                sizes="min(100vw, calc(100vh * 1512 / 2016))"
-                type="image/webp">
-            <!-- The <img> tag is a fallback image (required in the <picture> tag) -->
-            <img
-                src="/static/david/2023/2023-02-12-file-arrivee.jpg"
-                width="1512" height="2016"
-                srcset="/static/david/2023/2023-02-12-file-arrivee.jpg 1512w"
-                sizes="min(100vw, calc(100vh * 1512 / 2016))"
-                fetchpriority="high"
-                decoding="sync"
-                alt="File des arrivées progressives sur le site.">
-        </picture>
+        <img
+            src="/static/david/2023/2023-02-12-file-arrivee.jpg"
+            width="1512" height="2016"
+            srcset="/static/david/2023/2023-02-12-file-arrivee.jpg 1512w, /static/david/2023/2023-02-12-file-arrivee_660x440.jpg 660w, /static/david/2023/2023-02-12-file-arrivee_990x660.jpg 990w, /static/david/2023/2023-02-12-file-arrivee_1320x880.jpg 1320w"
+            sizes="min(100vw, calc(100vh * 1512 / 2016))"
+            loading="lazy"
+            decoding="async"
+            alt="File des arrivées progressives sur le site.">
     </a>
     <figcaption>Pour donner une idée du&nbsp;cheminement.</figcaption>
 </figure>
@@ -521,119 +281,47 @@
         
 <p>Finalement, réveil à 6&#8239;h au bruit des casseroles des voisin·es. C’est pas plus mal car ça me permet d’admirer la pureté du ciel étoilé par -15&#8239;°C, et puis ça me laisse le temps de me faire un gruau bien chaud avant de tout plier. Je ne suis pas encore à 100% mais c’est déjà beaucoup mieux que la veille. La bactérie ou le virus concerné doit se dire que je ne suis pas un hôte&nbsp;rentable.</p>
 <figure>
-    <a href="#2023-02-11-accueil-poisson-blanc"
+    <a href="/static/david/2023/2023-02-11-accueil-poisson-blanc.jpg"
         title="Cliquer pour une version haute résolution">
-        <picture>
-            <source
-                srcset="/static/david/2023/2023-02-11-accueil-poisson-blanc.webp 1512w"
-                sizes="min(100vw, calc(100vh * 1512 / 2016))"
-                type="image/webp">
-            <!-- The <img> tag is a fallback image (required in the <picture> tag) -->
-            <img
-                src="/static/david/2023/2023-02-11-accueil-poisson-blanc.jpg"
-                width="1512" height="2016"
-                srcset="/static/david/2023/2023-02-11-accueil-poisson-blanc.jpg 1512w"
-                sizes="min(100vw, calc(100vh * 1512 / 2016))"
-                fetchpriority="high"
-                decoding="sync"
-                alt="Le ciel à 7h du matin sur le réservoir du Poisson Blanc.">
-        </picture>
-    </a>
-    <a href="#_" class="lightbox" id="2023-02-11-accueil-poisson-blanc">
-        <picture style="margin:0 auto;">
-            <source
-                srcset="/static/david/2023/2023-02-11-accueil-poisson-blanc.webp 1512w"
-                sizes="min(100vw, calc(100vh * 1512 / 2016))"
-                type="image/webp">
-            <!-- The <img> tag is a fallback image (required in the <picture> tag) -->
-            <img
-                src="/static/david/2023/2023-02-11-accueil-poisson-blanc.jpg"
-                width="1512" height="2016"
-                srcset="/static/david/2023/2023-02-11-accueil-poisson-blanc.jpg 1512w"
-                sizes="min(100vw, calc(100vh * 1512 / 2016))"
-                fetchpriority="high"
-                decoding="sync"
-                alt="Le ciel à 7h du matin sur le réservoir du Poisson Blanc.">
-        </picture>
+        <img
+            src="/static/david/2023/2023-02-11-accueil-poisson-blanc.jpg"
+            width="1512" height="2016"
+            srcset="/static/david/2023/2023-02-11-accueil-poisson-blanc.jpg 1512w, /static/david/2023/2023-02-11-accueil-poisson-blanc_660x440.jpg 660w, /static/david/2023/2023-02-11-accueil-poisson-blanc_990x660.jpg 990w, /static/david/2023/2023-02-11-accueil-poisson-blanc_1320x880.jpg 1320w"
+            sizes="min(100vw, calc(100vh * 1512 / 2016))"
+            loading="lazy"
+            decoding="async"
+            alt="Le ciel à 7h du matin sur le réservoir du Poisson Blanc.">
     </a>
     <figcaption>Les couleurs sont magnifiques et je regrette déjà de ne pas avoir pris un appareil&nbsp;photo.</figcaption>
 </figure>
 <p>On monte dans le bus scolaire avec un peu de retard et c’est parti pour 1&nbsp;heure de transport afin de rejoindre l’autre côté du réservoir, j’ai bien fait de me mettre à l’avant car ça tourne et c’est bien gelé. On se retrouve rapidement sur la glace avec nos traîneaux pour la photo de départ et hop c’est&nbsp;parti.</p>
 <p>Je me retrouve dans le groupe de tête qui va à un rythme un peu fou. Je ne sais pas trop pourquoi je m’impose ça, c’est un bon moyen de voir si j’ai de la fièvre&#8239;! Avec une telle taille de groupe, j’ai surtout l’appréhension de retarder tout le monde avec un souci plus ou moins technique, je me dis qu’avec un peu d’avance ça me permettra de pallier une éventuelle défaillance. On a tou·tes nos&nbsp;insécurités…</p>
 <figure>
-    <a href="#2023-02-11-depart-traineaux"
+    <a href="/static/david/2023/2023-02-11-depart-traineaux.jpg"
         title="Cliquer pour une version haute résolution">
-        <picture>
-            <source
-                srcset="/static/david/2023/2023-02-11-depart-traineaux.webp 2016w"
-                sizes="min(100vw, calc(100vh * 2016 / 1512))"
-                type="image/webp">
-            <!-- The <img> tag is a fallback image (required in the <picture> tag) -->
-            <img
-                src="/static/david/2023/2023-02-11-depart-traineaux.jpg"
-                width="2016" height="1512"
-                srcset="/static/david/2023/2023-02-11-depart-traineaux.jpg 2016w"
-                sizes="min(100vw, calc(100vh * 2016 / 1512))"
-                fetchpriority="high"
-                decoding="sync"
-                alt="Des personnes sur le lac gelé qui tirent chacune un traineau">
-        </picture>
-    </a>
-    <a href="#_" class="lightbox" id="2023-02-11-depart-traineaux">
-        <picture style="margin:0 auto;">
-            <source
-                srcset="/static/david/2023/2023-02-11-depart-traineaux.webp 2016w"
-                sizes="min(100vw, calc(100vh * 2016 / 1512))"
-                type="image/webp">
-            <!-- The <img> tag is a fallback image (required in the <picture> tag) -->
-            <img
-                src="/static/david/2023/2023-02-11-depart-traineaux.jpg"
-                width="2016" height="1512"
-                srcset="/static/david/2023/2023-02-11-depart-traineaux.jpg 2016w"
-                sizes="min(100vw, calc(100vh * 2016 / 1512))"
-                fetchpriority="high"
-                decoding="sync"
-                alt="Des personnes sur le lac gelé qui tirent chacune un traineau">
-        </picture>
+        <img
+            src="/static/david/2023/2023-02-11-depart-traineaux.jpg"
+            width="2016" height="1512"
+            srcset="/static/david/2023/2023-02-11-depart-traineaux.jpg 2016w, /static/david/2023/2023-02-11-depart-traineaux_660x440.jpg 660w, /static/david/2023/2023-02-11-depart-traineaux_990x660.jpg 990w, /static/david/2023/2023-02-11-depart-traineaux_1320x880.jpg 1320w"
+            sizes="min(100vw, calc(100vh * 2016 / 1512))"
+            loading="lazy"
+            decoding="async"
+            alt="Des personnes sur le lac gelé qui tirent chacune un traineau">
     </a>
     <figcaption>Le vent a bien soufflé cette nuit, on alterne glace et&nbsp;neige.</figcaption>
 </figure>
 <p>Niveau équipement, il y a un peu de tout, ça va des skis de fond aux skis de randonnée avec peaux en passant par les skis-raquettes. Je suis content de mes écailles vu les conditions mais ça me fait préférer la neige, aussi je me décale vers la berge en solo, la visibilité est bonne et je ne le vois pas comme un problème de sécurité. Les températures se réchauffent et tout le monde craint que l’étendue d’eau gelée ne se transforme en un lac de <a href="https://fr.wikipedia.org/wiki/N%C3%A9vasse">sloche</a>…</p>
 <figure>
-    <a href="#2023-02-11-traineau-solo"
+    <a href="/static/david/2023/2023-02-11-traineau-solo.jpg"
         title="Cliquer pour une version haute résolution">
-        <picture>
-            <source
-                srcset="/static/david/2023/2023-02-11-traineau-solo.webp 2016w"
-                sizes="min(100vw, calc(100vh * 2016 / 1512))"
-                type="image/webp">
-            <!-- The <img> tag is a fallback image (required in the <picture> tag) -->
-            <img
-                src="/static/david/2023/2023-02-11-traineau-solo.jpg"
-                width="2016" height="1512"
-                srcset="/static/david/2023/2023-02-11-traineau-solo.jpg 2016w"
-                sizes="min(100vw, calc(100vh * 2016 / 1512))"
-                fetchpriority="high"
-                decoding="sync"
-                alt="Une longue trainée de personnes tirant des traineaux sur le lac">
-        </picture>
-    </a>
-    <a href="#_" class="lightbox" id="2023-02-11-traineau-solo">
-        <picture style="margin:0 auto;">
-            <source
-                srcset="/static/david/2023/2023-02-11-traineau-solo.webp 2016w"
-                sizes="min(100vw, calc(100vh * 2016 / 1512))"
-                type="image/webp">
-            <!-- The <img> tag is a fallback image (required in the <picture> tag) -->
-            <img
-                src="/static/david/2023/2023-02-11-traineau-solo.jpg"
-                width="2016" height="1512"
-                srcset="/static/david/2023/2023-02-11-traineau-solo.jpg 2016w"
-                sizes="min(100vw, calc(100vh * 2016 / 1512))"
-                fetchpriority="high"
-                decoding="sync"
-                alt="Une longue trainée de personnes tirant des traineaux sur le lac">
-        </picture>
+        <img
+            src="/static/david/2023/2023-02-11-traineau-solo.jpg"
+            width="2016" height="1512"
+            srcset="/static/david/2023/2023-02-11-traineau-solo.jpg 2016w, /static/david/2023/2023-02-11-traineau-solo_660x440.jpg 660w, /static/david/2023/2023-02-11-traineau-solo_990x660.jpg 990w, /static/david/2023/2023-02-11-traineau-solo_1320x880.jpg 1320w"
+            sizes="min(100vw, calc(100vh * 2016 / 1512))"
+            loading="lazy"
+            decoding="async"
+            alt="Une longue trainée de personnes tirant des traineaux sur le lac">
     </a>
     <figcaption>Un peu à l’écart de la foule, on ne se refait&nbsp;pas.</figcaption>
 </figure>
@@ -641,118 +329,46 @@
 <p>En arrivant dans la crique dédiée au repas, c’est ambiance station de ski avec un fond de Bob Marley et le long serpent des arrivées qui se replie pour digérer. Je pense que c’est un soulagement partagé d’être dans des conditions idéales et de pouvoir profiter de cette belle journée. Les organisateurs n’ont jamais connu ça. On a avalé les sept premiers kilomètres en moins de deux&nbsp;heures…</p>
 <p>Pour la seconde partie de la journée, je prends un rythme moins soutenu car je ne veux pas arriver trempé au campement et la température monte encore. J’en profite pour observer les différentes tactiques de chacun·e pour limiter le frottement/bruit, passer sur les plaques de glace, etc. Ces sept derniers kilomètres se font sur la&nbsp;digestion.</p>
 <figure>
-    <a href="#2023-02-11-traineau-apres-midi"
+    <a href="/static/david/2023/2023-02-11-traineau-apres-midi.jpg"
         title="Cliquer pour une version haute résolution">
-        <picture>
-            <source
-                srcset="/static/david/2023/2023-02-11-traineau-apres-midi.webp 1512w"
-                sizes="min(100vw, calc(100vh * 1512 / 2016))"
-                type="image/webp">
-            <!-- The <img> tag is a fallback image (required in the <picture> tag) -->
-            <img
-                src="/static/david/2023/2023-02-11-traineau-apres-midi.jpg"
-                width="1512" height="2016"
-                srcset="/static/david/2023/2023-02-11-traineau-apres-midi.jpg 1512w"
-                sizes="min(100vw, calc(100vh * 1512 / 2016))"
-                fetchpriority="high"
-                decoding="sync"
-                alt="Des personnes devant moi avec des traineaux, on voit mon ombre.">
-        </picture>
-    </a>
-    <a href="#_" class="lightbox" id="2023-02-11-traineau-apres-midi">
-        <picture style="margin:0 auto;">
-            <source
-                srcset="/static/david/2023/2023-02-11-traineau-apres-midi.webp 1512w"
-                sizes="min(100vw, calc(100vh * 1512 / 2016))"
-                type="image/webp">
-            <!-- The <img> tag is a fallback image (required in the <picture> tag) -->
-            <img
-                src="/static/david/2023/2023-02-11-traineau-apres-midi.jpg"
-                width="1512" height="2016"
-                srcset="/static/david/2023/2023-02-11-traineau-apres-midi.jpg 1512w"
-                sizes="min(100vw, calc(100vh * 1512 / 2016))"
-                fetchpriority="high"
-                decoding="sync"
-                alt="Des personnes devant moi avec des traineaux, on voit mon ombre.">
-        </picture>
+        <img
+            src="/static/david/2023/2023-02-11-traineau-apres-midi.jpg"
+            width="1512" height="2016"
+            srcset="/static/david/2023/2023-02-11-traineau-apres-midi.jpg 1512w, /static/david/2023/2023-02-11-traineau-apres-midi_660x440.jpg 660w, /static/david/2023/2023-02-11-traineau-apres-midi_990x660.jpg 990w, /static/david/2023/2023-02-11-traineau-apres-midi_1320x880.jpg 1320w"
+            sizes="min(100vw, calc(100vh * 1512 / 2016))"
+            loading="lazy"
+            decoding="async"
+            alt="Des personnes devant moi avec des traineaux, on voit mon ombre.">
     </a>
     <figcaption>Pour ma part, c’est neige fraîche, quitte à forcer un peu plus je préfère soigner mon silence&nbsp;relatif.</figcaption>
 </figure>
 <p>Le campement est dans une crique qui laisse suffisamment d’espace pour ne pas être trop les un·es sur les autres. Je fais l’erreur de choisir stratégiquement un emplacement qui pourrait être au soleil le matin au détriment de la protection au vent. Ça va s’avérer assez critique plus tard car on va se prendre de bonnes bourrasques qui me feront craindre l’envol de mon tipi. J’enneige les bords avant de me coucher pour éviter la prise au vent par en-dessous, tant pis si ça condense cette nuit, c’est la dernière&nbsp;dehors.</p>
 <figure>
-    <a href="#2023-02-11-coucher-soleil"
+    <a href="/static/david/2023/2023-02-11-coucher-soleil.jpg"
         title="Cliquer pour une version haute résolution">
-        <picture>
-            <source
-                srcset="/static/david/2023/2023-02-11-coucher-soleil.webp 1512w"
-                sizes="min(100vw, calc(100vh * 1512 / 2016))"
-                type="image/webp">
-            <!-- The <img> tag is a fallback image (required in the <picture> tag) -->
-            <img
-                src="/static/david/2023/2023-02-11-coucher-soleil.jpg"
-                width="1512" height="2016"
-                srcset="/static/david/2023/2023-02-11-coucher-soleil.jpg 1512w"
-                sizes="min(100vw, calc(100vh * 1512 / 2016))"
-                fetchpriority="high"
-                decoding="sync"
-                alt="Le soleil se couche derrière des blocs de glace.">
-        </picture>
-    </a>
-    <a href="#_" class="lightbox" id="2023-02-11-coucher-soleil">
-        <picture style="margin:0 auto;">
-            <source
-                srcset="/static/david/2023/2023-02-11-coucher-soleil.webp 1512w"
-                sizes="min(100vw, calc(100vh * 1512 / 2016))"
-                type="image/webp">
-            <!-- The <img> tag is a fallback image (required in the <picture> tag) -->
-            <img
-                src="/static/david/2023/2023-02-11-coucher-soleil.jpg"
-                width="1512" height="2016"
-                srcset="/static/david/2023/2023-02-11-coucher-soleil.jpg 1512w"
-                sizes="min(100vw, calc(100vh * 1512 / 2016))"
-                fetchpriority="high"
-                decoding="sync"
-                alt="Le soleil se couche derrière des blocs de glace.">
-        </picture>
+        <img
+            src="/static/david/2023/2023-02-11-coucher-soleil.jpg"
+            width="1512" height="2016"
+            srcset="/static/david/2023/2023-02-11-coucher-soleil.jpg 1512w, /static/david/2023/2023-02-11-coucher-soleil_660x440.jpg 660w, /static/david/2023/2023-02-11-coucher-soleil_990x660.jpg 990w, /static/david/2023/2023-02-11-coucher-soleil_1320x880.jpg 1320w"
+            sizes="min(100vw, calc(100vh * 1512 / 2016))"
+            loading="lazy"
+            decoding="async"
+            alt="Le soleil se couche derrière des blocs de glace.">
     </a>
     <figcaption>Je vous épargne les différents dégradés de rose qui ont suivi&nbsp;!</figcaption>
 </figure>
 <p>Le coucher de soleil est magnifique et je tente même un peu d’astrophotographie à l’iPhone, soyons fous. Un ragoût de bœuf était proposé pour les personnes qui ne voulaient pas être en autonomie complète. Je tente le coup et c’était bon mais je crois que je ne mange plus assez de viande pour supporter des portions d’expédition vu mon état de fatigue. Mes nouilles traditionnelles seraient probablement mieux passées. La soirée se passe plutôt bien et les températures restent&nbsp;agréables.</p>
 <figure>
-    <a href="#2023-02-11-astro-photographie"
+    <a href="/static/david/2023/2023-02-11-astro-photographie.jpg"
         title="Cliquer pour une version haute résolution">
-        <picture>
-            <source
-                srcset="/static/david/2023/2023-02-11-astro-photographie.webp 1512w"
-                sizes="min(100vw, calc(100vh * 1512 / 2016))"
-                type="image/webp">
-            <!-- The <img> tag is a fallback image (required in the <picture> tag) -->
-            <img
-                src="/static/david/2023/2023-02-11-astro-photographie.jpg"
-                width="1512" height="2016"
-                srcset="/static/david/2023/2023-02-11-astro-photographie.jpg 1512w"
-                sizes="min(100vw, calc(100vh * 1512 / 2016))"
-                fetchpriority="high"
-                decoding="sync"
-                alt="Une tente rouge et Orion au-dessus.">
-        </picture>
-    </a>
-    <a href="#_" class="lightbox" id="2023-02-11-astro-photographie">
-        <picture style="margin:0 auto;">
-            <source
-                srcset="/static/david/2023/2023-02-11-astro-photographie.webp 1512w"
-                sizes="min(100vw, calc(100vh * 1512 / 2016))"
-                type="image/webp">
-            <!-- The <img> tag is a fallback image (required in the <picture> tag) -->
-            <img
-                src="/static/david/2023/2023-02-11-astro-photographie.jpg"
-                width="1512" height="2016"
-                srcset="/static/david/2023/2023-02-11-astro-photographie.jpg 1512w"
-                sizes="min(100vw, calc(100vh * 1512 / 2016))"
-                fetchpriority="high"
-                decoding="sync"
-                alt="Une tente rouge et Orion au-dessus.">
-        </picture>
+        <img
+            src="/static/david/2023/2023-02-11-astro-photographie.jpg"
+            width="1512" height="2016"
+            srcset="/static/david/2023/2023-02-11-astro-photographie.jpg 1512w, /static/david/2023/2023-02-11-astro-photographie_660x440.jpg 660w, /static/david/2023/2023-02-11-astro-photographie_990x660.jpg 990w, /static/david/2023/2023-02-11-astro-photographie_1320x880.jpg 1320w"
+            sizes="min(100vw, calc(100vh * 1512 / 2016))"
+            loading="lazy"
+            decoding="async"
+            alt="Une tente rouge et Orion au-dessus.">
     </a>
     <figcaption>C’est bruité et tout mais j’étais content que l’on distingue au moins&nbsp;Orion.</figcaption>
 </figure>
@@ -775,40 +391,16 @@
 <p>Je me réveille avec pas mal de symptômes, je me sens malade depuis la veille et ça ne s’arrange pas… je suis dégoûté. Tout seul, j’aurais reporté mais là c’est plus compliqué, j’accompagne l’enfant à l’école et je mets un bon moment à me décider à décoller pour 3&nbsp;heures de route après un bon cocktail de vitamines. Je me dis que si ça se dégrade vraiment dans l’après-midi/nuit je pourrai toujours rester au chalet d’accueil la nuit et&nbsp;rentrer.</p>
 <p>J’arrive le premier, il est demandé aux participant·es de passer la première nuit sur le parking pour vérifier le matériel et les compétences, ce que je trouve justifié vu le contexte. Je monte tranquillement la tente, les conditions de voyage ont été difficiles et je n’ai qu’une hâte&nbsp;: la&nbsp;sieste&#8239;!</p>
 <figure>
-    <a href="#2023-02-10-camping-parking"
+    <a href="/static/david/2023/2023-02-10-camping-parking.jpg"
         title="Cliquer pour une version haute résolution">
-        <picture>
-            <source
-                srcset="/static/david/2023/2023-02-10-camping-parking.webp 1512w"
-                sizes="min(100vw, calc(100vh * 1512 / 2016))"
-                type="image/webp">
-            <!-- The <img> tag is a fallback image (required in the <picture> tag) -->
-            <img
-                src="/static/david/2023/2023-02-10-camping-parking.jpg"
-                width="1512" height="2016"
-                srcset="/static/david/2023/2023-02-10-camping-parking.jpg 1512w"
-                sizes="min(100vw, calc(100vh * 1512 / 2016))"
-                fetchpriority="high"
-                decoding="sync"
-                alt="Un parking avec un bon 70 cm de neige vierge dessus.">
-        </picture>
-    </a>
-    <a href="#_" class="lightbox" id="2023-02-10-camping-parking">
-        <picture style="margin:0 auto;">
-            <source
-                srcset="/static/david/2023/2023-02-10-camping-parking.webp 1512w"
-                sizes="min(100vw, calc(100vh * 1512 / 2016))"
-                type="image/webp">
-            <!-- The <img> tag is a fallback image (required in the <picture> tag) -->
-            <img
-                src="/static/david/2023/2023-02-10-camping-parking.jpg"
-                width="1512" height="2016"
-                srcset="/static/david/2023/2023-02-10-camping-parking.jpg 1512w"
-                sizes="min(100vw, calc(100vh * 1512 / 2016))"
-                fetchpriority="high"
-                decoding="sync"
-                alt="Un parking avec un bon 70 cm de neige vierge dessus.">
-        </picture>
+        <img
+            src="/static/david/2023/2023-02-10-camping-parking.jpg"
+            width="1512" height="2016"
+            srcset="/static/david/2023/2023-02-10-camping-parking.jpg 1512w, /static/david/2023/2023-02-10-camping-parking_660x440.jpg 660w, /static/david/2023/2023-02-10-camping-parking_990x660.jpg 990w, /static/david/2023/2023-02-10-camping-parking_1320x880.jpg 1320w"
+            sizes="min(100vw, calc(100vh * 1512 / 2016))"
+            loading="lazy"
+            decoding="async"
+            alt="Un parking avec un bon 70 cm de neige vierge dessus.">
     </a>
     <figcaption>C’est bien la première fois que je vais camper sur un parking&nbsp;!</figcaption>
 </figure>
@@ -846,40 +438,16 @@
 <p>Je voulais aussi tester le réchaud à alcool dans des conditions froides mais le pré-chauffeur n’a pas été nécessaire vu la température. En tout cas, la fait de chronométrer tout ça m’a permis de vérifier qu’il était possible de se passer de feu pour se réchauffer, j’ai fini en&nbsp;sueur.</p>
 <p>L’effet de bord de cet empressement était aussi de pouvoir prendre le départ après le regel de la nuit et mettre toutes les chances de mon côté pour ne pas prendre un bain&nbsp;matinal.</p>
 <figure>
-    <a href="#2023-01-22-ski-retour"
+    <a href="/static/david/2023/2023-01-22-ski-retour.jpg"
         title="Cliquer pour une version haute résolution">
-        <picture>
-            <source
-                srcset="/static/david/2023/2023-01-22-ski-retour.webp 2048w"
-                sizes="min(100vw, calc(100vh * 2048 / 2731))"
-                type="image/webp">
-            <!-- The <img> tag is a fallback image (required in the <picture> tag) -->
-            <img
-                src="/static/david/2023/2023-01-22-ski-retour.jpg"
-                width="2048" height="2731"
-                srcset="/static/david/2023/2023-01-22-ski-retour.jpg 2048w"
-                sizes="min(100vw, calc(100vh * 2048 / 2731))"
-                fetchpriority="high"
-                decoding="sync"
-                alt="Un ski dans les traces de la veille, sur le chemin du retour.">
-        </picture>
-    </a>
-    <a href="#_" class="lightbox" id="2023-01-22-ski-retour">
-        <picture style="margin:0 auto;">
-            <source
-                srcset="/static/david/2023/2023-01-22-ski-retour.webp 2048w"
-                sizes="min(100vw, calc(100vh * 2048 / 2731))"
-                type="image/webp">
-            <!-- The <img> tag is a fallback image (required in the <picture> tag) -->
-            <img
-                src="/static/david/2023/2023-01-22-ski-retour.jpg"
-                width="2048" height="2731"
-                srcset="/static/david/2023/2023-01-22-ski-retour.jpg 2048w"
-                sizes="min(100vw, calc(100vh * 2048 / 2731))"
-                fetchpriority="high"
-                decoding="sync"
-                alt="Un ski dans les traces de la veille, sur le chemin du retour.">
-        </picture>
+        <img
+            src="/static/david/2023/2023-01-22-ski-retour.jpg"
+            width="2048" height="2731"
+            srcset="/static/david/2023/2023-01-22-ski-retour.jpg 2048w, /static/david/2023/2023-01-22-ski-retour_660x440.jpg 660w, /static/david/2023/2023-01-22-ski-retour_990x660.jpg 990w, /static/david/2023/2023-01-22-ski-retour_1320x880.jpg 1320w"
+            sizes="min(100vw, calc(100vh * 2048 / 2731))"
+            loading="lazy"
+            decoding="async"
+            alt="Un ski dans les traces de la veille, sur le chemin du retour.">
     </a>
     <figcaption>Le retour dans ses traces demande tellement moins d’énergie&nbsp;!</figcaption>
 </figure>
@@ -897,80 +465,32 @@
 <p>L’objectif de cette sortie est de faire une répétition pour la sortie en groupe <a href="/david/2023/01/03/" title="Préparation">que je prépare</a>. J’espérais pouvoir tester le matériel dans des conditions froides et il faisait malheureusement juste frais. À tel point que je doutais de pouvoir passer sur le lac, ce qui est (était&#8239;?) plutôt rare pour un&nbsp;21&nbsp;janvier…</p>
 <p>J’arrive sur le parking avec beaucoup de matériel et de vêtements. Déjà là en me changeant, je sens bien que ça va être différent de mes autres sorties hivernales, j’arrive à le faire sans être enfermé dans la voiture&#8239;! Je fais deux portages pour arriver jusqu’au lac et j’harnache le traineau. Mon poids doit être autour de 100&nbsp;kilos sur les skis, le traineau autour des 50, ça fait pas mal de poids au cm² et la glace est fine car on est sur un redoux. Je décide de longer la bordure sud car c’est celle la plus à l’ombre des&nbsp;arbres.</p>
 <figure>
-    <a href="#2023-01-21-selfie-traineau"
+    <a href="/static/david/2023/2023-01-21-selfie-traineau.jpg"
         title="Cliquer pour une version haute résolution">
-        <picture>
-            <source
-                srcset="/static/david/2023/2023-01-21-selfie-traineau.webp 2048w"
-                sizes="min(100vw, calc(100vh * 2048 / 2726))"
-                type="image/webp">
-            <!-- The <img> tag is a fallback image (required in the <picture> tag) -->
-            <img
-                src="/static/david/2023/2023-01-21-selfie-traineau.jpg"
-                width="2048" height="2726"
-                srcset="/static/david/2023/2023-01-21-selfie-traineau.jpg 2048w"
-                sizes="min(100vw, calc(100vh * 2048 / 2726))"
-                fetchpriority="high"
-                decoding="sync"
-                alt="Un selfie avec le traîneau en arrière-plan, sur un lac québécois avec la forêt au fond.">
-        </picture>
-    </a>
-    <a href="#_" class="lightbox" id="2023-01-21-selfie-traineau">
-        <picture style="margin:0 auto;">
-            <source
-                srcset="/static/david/2023/2023-01-21-selfie-traineau.webp 2048w"
-                sizes="min(100vw, calc(100vh * 2048 / 2726))"
-                type="image/webp">
-            <!-- The <img> tag is a fallback image (required in the <picture> tag) -->
-            <img
-                src="/static/david/2023/2023-01-21-selfie-traineau.jpg"
-                width="2048" height="2726"
-                srcset="/static/david/2023/2023-01-21-selfie-traineau.jpg 2048w"
-                sizes="min(100vw, calc(100vh * 2048 / 2726))"
-                fetchpriority="high"
-                decoding="sync"
-                alt="Un selfie avec le traîneau en arrière-plan, sur un lac québécois avec la forêt au fond.">
-        </picture>
+        <img
+            src="/static/david/2023/2023-01-21-selfie-traineau.jpg"
+            width="2048" height="2726"
+            srcset="/static/david/2023/2023-01-21-selfie-traineau.jpg 2048w, /static/david/2023/2023-01-21-selfie-traineau_660x440.jpg 660w, /static/david/2023/2023-01-21-selfie-traineau_990x660.jpg 990w, /static/david/2023/2023-01-21-selfie-traineau_1320x880.jpg 1320w"
+            sizes="min(100vw, calc(100vh * 2048 / 2726))"
+            loading="lazy"
+            decoding="async"
+            alt="Un selfie avec le traîneau en arrière-plan, sur un lac québécois avec la forêt au fond.">
     </a>
     <figcaption>Il est très rare que je fasse des égoportraits mais là j’aimais bien voir le téléphone dans les&nbsp;lunettes.</figcaption>
 </figure>
 <p>J’avais prévu de traverser l’intégralité du lac dans la longueur, je décide finalement de m’arrêter à mi-chemin car je flippe un peu pour ma sécurité, le soleil tape fort et même la couche de neige n’est pas si épaisse. Par chance, je décide de m’arrêter juste à un endroit qui est un emplacement de camping. J’avais aussi prévu de dormir sur le lac en mode répétition mais la terre ferme me parait quand même plus sûre vu les&nbsp;conditions.</p>
 <p>Hop, passage des skis aux raquettes pour aplatir l’emplacement de la tente puis du feu. Je commence à être rôdé et je teste un nouveau foyer portable qui me permet de ne pas voir mon feu couler dans la neige. Ce premier essai est concluant même si c’est très lourd (presque un kilo). Il faudra que j’ajoute une partie sur <a href="https://nature.larlet.fr/froid/#feu">la section dédiée</a>.</p>
 <figure>
-    <a href="#2023-01-21-feu-foyer"
+    <a href="/static/david/2023/2023-01-21-feu-foyer.jpg"
         title="Cliquer pour une version haute résolution">
-        <picture>
-            <source
-                srcset="/static/david/2023/2023-01-21-feu-foyer.webp 2048w"
-                sizes="min(100vw, calc(100vh * 2048 / 2731))"
-                type="image/webp">
-            <!-- The <img> tag is a fallback image (required in the <picture> tag) -->
-            <img
-                src="/static/david/2023/2023-01-21-feu-foyer.jpg"
-                width="2048" height="2731"
-                srcset="/static/david/2023/2023-01-21-feu-foyer.jpg 2048w"
-                sizes="min(100vw, calc(100vh * 2048 / 2731))"
-                fetchpriority="high"
-                decoding="sync"
-                alt="Un feu dans un réceptacle permettant de le garder au-dessus de la neige.">
-        </picture>
-    </a>
-    <a href="#_" class="lightbox" id="2023-01-21-feu-foyer">
-        <picture style="margin:0 auto;">
-            <source
-                srcset="/static/david/2023/2023-01-21-feu-foyer.webp 2048w"
-                sizes="min(100vw, calc(100vh * 2048 / 2731))"
-                type="image/webp">
-            <!-- The <img> tag is a fallback image (required in the <picture> tag) -->
-            <img
-                src="/static/david/2023/2023-01-21-feu-foyer.jpg"
-                width="2048" height="2731"
-                srcset="/static/david/2023/2023-01-21-feu-foyer.jpg 2048w"
-                sizes="min(100vw, calc(100vh * 2048 / 2731))"
-                fetchpriority="high"
-                decoding="sync"
-                alt="Un feu dans un réceptacle permettant de le garder au-dessus de la neige.">
-        </picture>
+        <img
+            src="/static/david/2023/2023-01-21-feu-foyer.jpg"
+            width="2048" height="2731"
+            srcset="/static/david/2023/2023-01-21-feu-foyer.jpg 2048w, /static/david/2023/2023-01-21-feu-foyer_660x440.jpg 660w, /static/david/2023/2023-01-21-feu-foyer_990x660.jpg 990w, /static/david/2023/2023-01-21-feu-foyer_1320x880.jpg 1320w"
+            sizes="min(100vw, calc(100vh * 2048 / 2731))"
+            loading="lazy"
+            decoding="async"
+            alt="Un feu dans un réceptacle permettant de le garder au-dessus de la neige.">
     </a>
     <figcaption>J’essaye habituellement de faire des petits feux économes et efficaces, j’ai un peu forcé pour la&nbsp;photo…</figcaption>
 </figure>

david/2023/confiance/index.html

@@ -82,80 +82,32 @@
 <p>Je profite de cette semaine de relâche pour aller faire un tour en forêt, dans des conditions qui s’annoncent être assez difficiles. Il faudra que je parle du manque de précision des prévisions météorologiques canadiennes à un&nbsp;moment.</p>
 <p>J’arrive sur le parking après plus d’une heure de route derrière un véhicule de déneigement. La neige est bien collante et il y a déjà une quinzaine de centimètres tombée dans la matinée. Je profite des traces de raquettes d’un couple qui vient d’arriver pour ne pas trop galérer avec le traîneau mais même les skis à écailles accrochent un peu trop à mon goût. Je suis obligé de forcer dans les descentes pour avancer&#8239;! Sans compter le traîneau qui racle bien les bords du chemin et qui prend des kilos au cours de&nbsp;l’avancée…</p>
 <figure>
-    <a href="#2023-03-02-traineau-arrivee"
+    <a href="/static/david/2023/2023-03-02-traineau-arrivee.jpg"
         title="Cliquer pour une version haute résolution">
-        <picture>
-            <source
-                srcset="/static/david/2023/2023-03-02-traineau-arrivee.webp 1512w"
-                sizes="min(100vw, calc(100vh * 1512 / 2016))"
-                type="image/webp">
-            <!-- The <img> tag is a fallback image (required in the <picture> tag) -->
-            <img
-                src="/static/david/2023/2023-03-02-traineau-arrivee.jpg"
-                width="1512" height="2016"
-                srcset="/static/david/2023/2023-03-02-traineau-arrivee.jpg 1512w"
-                sizes="min(100vw, calc(100vh * 1512 / 2016))"
-                fetchpriority="high"
-                decoding="sync"
-                alt="Le traîneau à l’arrivée avec pas mal de neige chargée.">
-        </picture>
-    </a>
-    <a href="#_" class="lightbox" id="2023-03-02-traineau-arrivee">
-        <picture style="margin:0 auto;">
-            <source
-                srcset="/static/david/2023/2023-03-02-traineau-arrivee.webp 1512w"
-                sizes="min(100vw, calc(100vh * 1512 / 2016))"
-                type="image/webp">
-            <!-- The <img> tag is a fallback image (required in the <picture> tag) -->
-            <img
-                src="/static/david/2023/2023-03-02-traineau-arrivee.jpg"
-                width="1512" height="2016"
-                srcset="/static/david/2023/2023-03-02-traineau-arrivee.jpg 1512w"
-                sizes="min(100vw, calc(100vh * 1512 / 2016))"
-                fetchpriority="high"
-                decoding="sync"
-                alt="Le traîneau à l’arrivée avec pas mal de neige chargée.">
-        </picture>
+        <img
+            src="/static/david/2023/2023-03-02-traineau-arrivee.jpg"
+            width="1512" height="2016"
+            srcset="/static/david/2023/2023-03-02-traineau-arrivee.jpg 1512w, /static/david/2023/2023-03-02-traineau-arrivee_660x440.jpg 660w, /static/david/2023/2023-03-02-traineau-arrivee_990x660.jpg 990w, /static/david/2023/2023-03-02-traineau-arrivee_1320x880.jpg 1320w"
+            sizes="min(100vw, calc(100vh * 1512 / 2016))"
+            loading="lazy"
+            decoding="async"
+            alt="Le traîneau à l’arrivée avec pas mal de neige chargée.">
     </a>
     <figcaption>Ce que ça donne à l’arrivée, transporter de la neige n’a pas grand intérêt, il y en aura à&nbsp;l’arrivée.</figcaption>
 </figure>
 <p>Je finis par trouver un coin qui n’est pas un emplacement de camping (bien pour le bois) et qui est pas mal en retrait du sentier tracé (bien pour moi). Le gros avantage de l’hiver avec plus d’un mètre de neige, c’est que je peux vraiment sculpter mon lieu de résidence tel que je l’entends indépendamment du relief, de la végétation ou de&nbsp;l’humidité.</p>
 <p>C’est parti pour une corvée de bois, en raquettes. J’en prends toujours un peu plus que de rigueur en hiver car on ne sait jamais trop ce qu’il peut se passer (blessure/immobilisation par exemple) et c’est un élément important de sécurité par ces&nbsp;températures.</p>
 <figure>
-    <a href="#2023-03-02-feu-levitation"
+    <a href="/static/david/2023/2023-03-02-feu-levitation.jpg"
         title="Cliquer pour une version haute résolution">
-        <picture>
-            <source
-                srcset="/static/david/2023/2023-03-02-feu-levitation.webp 1512w"
-                sizes="min(100vw, calc(100vh * 1512 / 2016))"
-                type="image/webp">
-            <!-- The <img> tag is a fallback image (required in the <picture> tag) -->
-            <img
-                src="/static/david/2023/2023-03-02-feu-levitation.jpg"
-                width="1512" height="2016"
-                srcset="/static/david/2023/2023-03-02-feu-levitation.jpg 1512w"
-                sizes="min(100vw, calc(100vh * 1512 / 2016))"
-                fetchpriority="high"
-                decoding="sync"
-                alt="Un feu dans un foyer surélevé.">
-        </picture>
-    </a>
-    <a href="#_" class="lightbox" id="2023-03-02-feu-levitation">
-        <picture style="margin:0 auto;">
-            <source
-                srcset="/static/david/2023/2023-03-02-feu-levitation.webp 1512w"
-                sizes="min(100vw, calc(100vh * 1512 / 2016))"
-                type="image/webp">
-            <!-- The <img> tag is a fallback image (required in the <picture> tag) -->
-            <img
-                src="/static/david/2023/2023-03-02-feu-levitation.jpg"
-                width="1512" height="2016"
-                srcset="/static/david/2023/2023-03-02-feu-levitation.jpg 1512w"
-                sizes="min(100vw, calc(100vh * 1512 / 2016))"
-                fetchpriority="high"
-                decoding="sync"
-                alt="Un feu dans un foyer surélevé.">
-        </picture>
+        <img
+            src="/static/david/2023/2023-03-02-feu-levitation.jpg"
+            width="1512" height="2016"
+            srcset="/static/david/2023/2023-03-02-feu-levitation.jpg 1512w, /static/david/2023/2023-03-02-feu-levitation_660x440.jpg 660w, /static/david/2023/2023-03-02-feu-levitation_990x660.jpg 990w, /static/david/2023/2023-03-02-feu-levitation_1320x880.jpg 1320w"
+            sizes="min(100vw, calc(100vh * 1512 / 2016))"
+            loading="lazy"
+            decoding="async"
+            alt="Un feu dans un foyer surélevé.">
     </a>
     <figcaption>C’est parti pour quelques heures à entretenir un&nbsp;feu.</figcaption>
 </figure>
@@ -270,40 +222,16 @@
 <p>Je voulais aussi tester le réchaud à alcool dans des conditions froides mais le pré-chauffeur n’a pas été nécessaire vu la température. En tout cas, la fait de chronométrer tout ça m’a permis de vérifier qu’il était possible de se passer de feu pour se réchauffer, j’ai fini en&nbsp;sueur.</p>
 <p>L’effet de bord de cet empressement était aussi de pouvoir prendre le départ après le regel de la nuit et mettre toutes les chances de mon côté pour ne pas prendre un bain&nbsp;matinal.</p>
 <figure>
-    <a href="#2023-01-22-ski-retour"
+    <a href="/static/david/2023/2023-01-22-ski-retour.jpg"
         title="Cliquer pour une version haute résolution">
-        <picture>
-            <source
-                srcset="/static/david/2023/2023-01-22-ski-retour.webp 2048w"
-                sizes="min(100vw, calc(100vh * 2048 / 2731))"
-                type="image/webp">
-            <!-- The <img> tag is a fallback image (required in the <picture> tag) -->
-            <img
-                src="/static/david/2023/2023-01-22-ski-retour.jpg"
-                width="2048" height="2731"
-                srcset="/static/david/2023/2023-01-22-ski-retour.jpg 2048w"
-                sizes="min(100vw, calc(100vh * 2048 / 2731))"
-                fetchpriority="high"
-                decoding="sync"
-                alt="Un ski dans les traces de la veille, sur le chemin du retour.">
-        </picture>
-    </a>
-    <a href="#_" class="lightbox" id="2023-01-22-ski-retour">
-        <picture style="margin:0 auto;">
-            <source
-                srcset="/static/david/2023/2023-01-22-ski-retour.webp 2048w"
-                sizes="min(100vw, calc(100vh * 2048 / 2731))"
-                type="image/webp">
-            <!-- The <img> tag is a fallback image (required in the <picture> tag) -->
-            <img
-                src="/static/david/2023/2023-01-22-ski-retour.jpg"
-                width="2048" height="2731"
-                srcset="/static/david/2023/2023-01-22-ski-retour.jpg 2048w"
-                sizes="min(100vw, calc(100vh * 2048 / 2731))"
-                fetchpriority="high"
-                decoding="sync"
-                alt="Un ski dans les traces de la veille, sur le chemin du retour.">
-        </picture>
+        <img
+            src="/static/david/2023/2023-01-22-ski-retour.jpg"
+            width="2048" height="2731"
+            srcset="/static/david/2023/2023-01-22-ski-retour.jpg 2048w, /static/david/2023/2023-01-22-ski-retour_660x440.jpg 660w, /static/david/2023/2023-01-22-ski-retour_990x660.jpg 990w, /static/david/2023/2023-01-22-ski-retour_1320x880.jpg 1320w"
+            sizes="min(100vw, calc(100vh * 2048 / 2731))"
+            loading="lazy"
+            decoding="async"
+            alt="Un ski dans les traces de la veille, sur le chemin du retour.">
     </a>
     <figcaption>Le retour dans ses traces demande tellement moins d’énergie&nbsp;!</figcaption>
 </figure>

david/2023/eau/index.html

@@ -82,80 +82,32 @@
 <p>Je profite de cette semaine de relâche pour aller faire un tour en forêt, dans des conditions qui s’annoncent être assez difficiles. Il faudra que je parle du manque de précision des prévisions météorologiques canadiennes à un&nbsp;moment.</p>
 <p>J’arrive sur le parking après plus d’une heure de route derrière un véhicule de déneigement. La neige est bien collante et il y a déjà une quinzaine de centimètres tombée dans la matinée. Je profite des traces de raquettes d’un couple qui vient d’arriver pour ne pas trop galérer avec le traîneau mais même les skis à écailles accrochent un peu trop à mon goût. Je suis obligé de forcer dans les descentes pour avancer&#8239;! Sans compter le traîneau qui racle bien les bords du chemin et qui prend des kilos au cours de&nbsp;l’avancée…</p>
 <figure>
-    <a href="#2023-03-02-traineau-arrivee"
+    <a href="/static/david/2023/2023-03-02-traineau-arrivee.jpg"
         title="Cliquer pour une version haute résolution">
-        <picture>
-            <source
-                srcset="/static/david/2023/2023-03-02-traineau-arrivee.webp 1512w"
-                sizes="min(100vw, calc(100vh * 1512 / 2016))"
-                type="image/webp">
-            <!-- The <img> tag is a fallback image (required in the <picture> tag) -->
-            <img
-                src="/static/david/2023/2023-03-02-traineau-arrivee.jpg"
-                width="1512" height="2016"
-                srcset="/static/david/2023/2023-03-02-traineau-arrivee.jpg 1512w"
-                sizes="min(100vw, calc(100vh * 1512 / 2016))"
-                fetchpriority="high"
-                decoding="sync"
-                alt="Le traîneau à l’arrivée avec pas mal de neige chargée.">
-        </picture>
-    </a>
-    <a href="#_" class="lightbox" id="2023-03-02-traineau-arrivee">
-        <picture style="margin:0 auto;">
-            <source
-                srcset="/static/david/2023/2023-03-02-traineau-arrivee.webp 1512w"
-                sizes="min(100vw, calc(100vh * 1512 / 2016))"
-                type="image/webp">
-            <!-- The <img> tag is a fallback image (required in the <picture> tag) -->
-            <img
-                src="/static/david/2023/2023-03-02-traineau-arrivee.jpg"
-                width="1512" height="2016"
-                srcset="/static/david/2023/2023-03-02-traineau-arrivee.jpg 1512w"
-                sizes="min(100vw, calc(100vh * 1512 / 2016))"
-                fetchpriority="high"
-                decoding="sync"
-                alt="Le traîneau à l’arrivée avec pas mal de neige chargée.">
-        </picture>
+        <img
+            src="/static/david/2023/2023-03-02-traineau-arrivee.jpg"
+            width="1512" height="2016"
+            srcset="/static/david/2023/2023-03-02-traineau-arrivee.jpg 1512w, /static/david/2023/2023-03-02-traineau-arrivee_660x440.jpg 660w, /static/david/2023/2023-03-02-traineau-arrivee_990x660.jpg 990w, /static/david/2023/2023-03-02-traineau-arrivee_1320x880.jpg 1320w"
+            sizes="min(100vw, calc(100vh * 1512 / 2016))"
+            loading="lazy"
+            decoding="async"
+            alt="Le traîneau à l’arrivée avec pas mal de neige chargée.">
     </a>
     <figcaption>Ce que ça donne à l’arrivée, transporter de la neige n’a pas grand intérêt, il y en aura à&nbsp;l’arrivée.</figcaption>
 </figure>
 <p>Je finis par trouver un coin qui n’est pas un emplacement de camping (bien pour le bois) et qui est pas mal en retrait du sentier tracé (bien pour moi). Le gros avantage de l’hiver avec plus d’un mètre de neige, c’est que je peux vraiment sculpter mon lieu de résidence tel que je l’entends indépendamment du relief, de la végétation ou de&nbsp;l’humidité.</p>
 <p>C’est parti pour une corvée de bois, en raquettes. J’en prends toujours un peu plus que de rigueur en hiver car on ne sait jamais trop ce qu’il peut se passer (blessure/immobilisation par exemple) et c’est un élément important de sécurité par ces&nbsp;températures.</p>
 <figure>
-    <a href="#2023-03-02-feu-levitation"
+    <a href="/static/david/2023/2023-03-02-feu-levitation.jpg"
         title="Cliquer pour une version haute résolution">
-        <picture>
-            <source
-                srcset="/static/david/2023/2023-03-02-feu-levitation.webp 1512w"
-                sizes="min(100vw, calc(100vh * 1512 / 2016))"
-                type="image/webp">
-            <!-- The <img> tag is a fallback image (required in the <picture> tag) -->
-            <img
-                src="/static/david/2023/2023-03-02-feu-levitation.jpg"
-                width="1512" height="2016"
-                srcset="/static/david/2023/2023-03-02-feu-levitation.jpg 1512w"
-                sizes="min(100vw, calc(100vh * 1512 / 2016))"
-                fetchpriority="high"
-                decoding="sync"
-                alt="Un feu dans un foyer surélevé.">
-        </picture>
-    </a>
-    <a href="#_" class="lightbox" id="2023-03-02-feu-levitation">
-        <picture style="margin:0 auto;">
-            <source
-                srcset="/static/david/2023/2023-03-02-feu-levitation.webp 1512w"
-                sizes="min(100vw, calc(100vh * 1512 / 2016))"
-                type="image/webp">
-            <!-- The <img> tag is a fallback image (required in the <picture> tag) -->
-            <img
-                src="/static/david/2023/2023-03-02-feu-levitation.jpg"
-                width="1512" height="2016"
-                srcset="/static/david/2023/2023-03-02-feu-levitation.jpg 1512w"
-                sizes="min(100vw, calc(100vh * 1512 / 2016))"
-                fetchpriority="high"
-                decoding="sync"
-                alt="Un feu dans un foyer surélevé.">
-        </picture>
+        <img
+            src="/static/david/2023/2023-03-02-feu-levitation.jpg"
+            width="1512" height="2016"
+            srcset="/static/david/2023/2023-03-02-feu-levitation.jpg 1512w, /static/david/2023/2023-03-02-feu-levitation_660x440.jpg 660w, /static/david/2023/2023-03-02-feu-levitation_990x660.jpg 990w, /static/david/2023/2023-03-02-feu-levitation_1320x880.jpg 1320w"
+            sizes="min(100vw, calc(100vh * 1512 / 2016))"
+            loading="lazy"
+            decoding="async"
+            alt="Un feu dans un foyer surélevé.">
     </a>
     <figcaption>C’est parti pour quelques heures à entretenir un&nbsp;feu.</figcaption>
 </figure>
@@ -174,80 +126,32 @@
 <p>L’objectif de cette sortie est de faire une répétition pour la sortie en groupe <a href="/david/2023/01/03/" title="Préparation">que je prépare</a>. J’espérais pouvoir tester le matériel dans des conditions froides et il faisait malheureusement juste frais. À tel point que je doutais de pouvoir passer sur le lac, ce qui est (était&#8239;?) plutôt rare pour un&nbsp;21&nbsp;janvier…</p>
 <p>J’arrive sur le parking avec beaucoup de matériel et de vêtements. Déjà là en me changeant, je sens bien que ça va être différent de mes autres sorties hivernales, j’arrive à le faire sans être enfermé dans la voiture&#8239;! Je fais deux portages pour arriver jusqu’au lac et j’harnache le traineau. Mon poids doit être autour de 100&nbsp;kilos sur les skis, le traineau autour des 50, ça fait pas mal de poids au cm² et la glace est fine car on est sur un redoux. Je décide de longer la bordure sud car c’est celle la plus à l’ombre des&nbsp;arbres.</p>
 <figure>
-    <a href="#2023-01-21-selfie-traineau"
+    <a href="/static/david/2023/2023-01-21-selfie-traineau.jpg"
         title="Cliquer pour une version haute résolution">
-        <picture>
-            <source
-                srcset="/static/david/2023/2023-01-21-selfie-traineau.webp 2048w"
-                sizes="min(100vw, calc(100vh * 2048 / 2726))"
-                type="image/webp">
-            <!-- The <img> tag is a fallback image (required in the <picture> tag) -->
-            <img
-                src="/static/david/2023/2023-01-21-selfie-traineau.jpg"
-                width="2048" height="2726"
-                srcset="/static/david/2023/2023-01-21-selfie-traineau.jpg 2048w"
-                sizes="min(100vw, calc(100vh * 2048 / 2726))"
-                fetchpriority="high"
-                decoding="sync"
-                alt="Un selfie avec le traîneau en arrière-plan, sur un lac québécois avec la forêt au fond.">
-        </picture>
-    </a>
-    <a href="#_" class="lightbox" id="2023-01-21-selfie-traineau">
-        <picture style="margin:0 auto;">
-            <source
-                srcset="/static/david/2023/2023-01-21-selfie-traineau.webp 2048w"
-                sizes="min(100vw, calc(100vh * 2048 / 2726))"
-                type="image/webp">
-            <!-- The <img> tag is a fallback image (required in the <picture> tag) -->
-            <img
-                src="/static/david/2023/2023-01-21-selfie-traineau.jpg"
-                width="2048" height="2726"
-                srcset="/static/david/2023/2023-01-21-selfie-traineau.jpg 2048w"
-                sizes="min(100vw, calc(100vh * 2048 / 2726))"
-                fetchpriority="high"
-                decoding="sync"
-                alt="Un selfie avec le traîneau en arrière-plan, sur un lac québécois avec la forêt au fond.">
-        </picture>
+        <img
+            src="/static/david/2023/2023-01-21-selfie-traineau.jpg"
+            width="2048" height="2726"
+            srcset="/static/david/2023/2023-01-21-selfie-traineau.jpg 2048w, /static/david/2023/2023-01-21-selfie-traineau_660x440.jpg 660w, /static/david/2023/2023-01-21-selfie-traineau_990x660.jpg 990w, /static/david/2023/2023-01-21-selfie-traineau_1320x880.jpg 1320w"
+            sizes="min(100vw, calc(100vh * 2048 / 2726))"
+            loading="lazy"
+            decoding="async"
+            alt="Un selfie avec le traîneau en arrière-plan, sur un lac québécois avec la forêt au fond.">
     </a>
     <figcaption>Il est très rare que je fasse des égoportraits mais là j’aimais bien voir le téléphone dans les&nbsp;lunettes.</figcaption>
 </figure>
 <p>J’avais prévu de traverser l’intégralité du lac dans la longueur, je décide finalement de m’arrêter à mi-chemin car je flippe un peu pour ma sécurité, le soleil tape fort et même la couche de neige n’est pas si épaisse. Par chance, je décide de m’arrêter juste à un endroit qui est un emplacement de camping. J’avais aussi prévu de dormir sur le lac en mode répétition mais la terre ferme me parait quand même plus sûre vu les&nbsp;conditions.</p>
 <p>Hop, passage des skis aux raquettes pour aplatir l’emplacement de la tente puis du feu. Je commence à être rôdé et je teste un nouveau foyer portable qui me permet de ne pas voir mon feu couler dans la neige. Ce premier essai est concluant même si c’est très lourd (presque un kilo). Il faudra que j’ajoute une partie sur <a href="https://nature.larlet.fr/froid/#feu">la section dédiée</a>.</p>
 <figure>
-    <a href="#2023-01-21-feu-foyer"
+    <a href="/static/david/2023/2023-01-21-feu-foyer.jpg"
         title="Cliquer pour une version haute résolution">
-        <picture>
-            <source
-                srcset="/static/david/2023/2023-01-21-feu-foyer.webp 2048w"
-                sizes="min(100vw, calc(100vh * 2048 / 2731))"
-                type="image/webp">
-            <!-- The <img> tag is a fallback image (required in the <picture> tag) -->
-            <img
-                src="/static/david/2023/2023-01-21-feu-foyer.jpg"
-                width="2048" height="2731"
-                srcset="/static/david/2023/2023-01-21-feu-foyer.jpg 2048w"
-                sizes="min(100vw, calc(100vh * 2048 / 2731))"
-                fetchpriority="high"
-                decoding="sync"
-                alt="Un feu dans un réceptacle permettant de le garder au-dessus de la neige.">
-        </picture>
-    </a>
-    <a href="#_" class="lightbox" id="2023-01-21-feu-foyer">
-        <picture style="margin:0 auto;">
-            <source
-                srcset="/static/david/2023/2023-01-21-feu-foyer.webp 2048w"
-                sizes="min(100vw, calc(100vh * 2048 / 2731))"
-                type="image/webp">
-            <!-- The <img> tag is a fallback image (required in the <picture> tag) -->
-            <img
-                src="/static/david/2023/2023-01-21-feu-foyer.jpg"
-                width="2048" height="2731"
-                srcset="/static/david/2023/2023-01-21-feu-foyer.jpg 2048w"
-                sizes="min(100vw, calc(100vh * 2048 / 2731))"
-                fetchpriority="high"
-                decoding="sync"
-                alt="Un feu dans un réceptacle permettant de le garder au-dessus de la neige.">
-        </picture>
+        <img
+            src="/static/david/2023/2023-01-21-feu-foyer.jpg"
+            width="2048" height="2731"
+            srcset="/static/david/2023/2023-01-21-feu-foyer.jpg 2048w, /static/david/2023/2023-01-21-feu-foyer_660x440.jpg 660w, /static/david/2023/2023-01-21-feu-foyer_990x660.jpg 990w, /static/david/2023/2023-01-21-feu-foyer_1320x880.jpg 1320w"
+            sizes="min(100vw, calc(100vh * 2048 / 2731))"
+            loading="lazy"
+            decoding="async"
+            alt="Un feu dans un réceptacle permettant de le garder au-dessus de la neige.">
     </a>
     <figcaption>J’essaye habituellement de faire des petits feux économes et efficaces, j’ai un peu forcé pour la&nbsp;photo…</figcaption>
 </figure>

david/2023/gratitude/index.html

@@ -147,154 +147,58 @@ Will it be used for war, porn or&nbsp;surveillance?</p>
 <p>Je n’en dis pas plus… il risquerait d’y avoir trop de monde dans les&nbsp;traces&nbsp;😅.</p>
 <p>PS&nbsp;: j’ai une petite (8&#8239;km, hamster-style) piste à 250&nbsp;mètres de chez moi et je suis tellement reconnaissant à la ville de Montréal d’aménager les parcs et pistes cyclables en hiver pour glisser dans la nature&nbsp;urbaine&nbsp;💚.</p>
 <figure>
-    <a href="#2023-01-13-ski-visitation1"
+    <a href="/static/david/2023/2023-01-13-ski-visitation1.jpg"
         title="Cliquer pour une version haute résolution">
-        <picture>
-            <source
-                srcset="/static/david/2023/2023-01-13-ski-visitation1.webp 2048w"
-                sizes="min(100vw, calc(100vh * 2048 / 2731))"
-                type="image/webp">
-            <!-- The <img> tag is a fallback image (required in the <picture> tag) -->
-            <img
-                src="/static/david/2023/2023-01-13-ski-visitation1.jpg"
-                width="2048" height="2731"
-                srcset="/static/david/2023/2023-01-13-ski-visitation1.jpg 2048w"
-                sizes="min(100vw, calc(100vh * 2048 / 2731))"
-                fetchpriority="high"
-                decoding="sync"
-                alt="Des traces de piste de ski de fond dans la tempête de neige.">
-        </picture>
-    </a>
-    <a href="#_" class="lightbox" id="2023-01-13-ski-visitation1">
-        <picture style="margin:0 auto;">
-            <source
-                srcset="/static/david/2023/2023-01-13-ski-visitation1.webp 2048w"
-                sizes="min(100vw, calc(100vh * 2048 / 2731))"
-                type="image/webp">
-            <!-- The <img> tag is a fallback image (required in the <picture> tag) -->
-            <img
-                src="/static/david/2023/2023-01-13-ski-visitation1.jpg"
-                width="2048" height="2731"
-                srcset="/static/david/2023/2023-01-13-ski-visitation1.jpg 2048w"
-                sizes="min(100vw, calc(100vh * 2048 / 2731))"
-                fetchpriority="high"
-                decoding="sync"
-                alt="Des traces de piste de ski de fond dans la tempête de neige.">
-        </picture>
+        <img
+            src="/static/david/2023/2023-01-13-ski-visitation1.jpg"
+            width="2048" height="2731"
+            srcset="/static/david/2023/2023-01-13-ski-visitation1.jpg 2048w, /static/david/2023/2023-01-13-ski-visitation1_660x440.jpg 660w, /static/david/2023/2023-01-13-ski-visitation1_990x660.jpg 990w, /static/david/2023/2023-01-13-ski-visitation1_1320x880.jpg 1320w"
+            sizes="min(100vw, calc(100vh * 2048 / 2731))"
+            loading="lazy"
+            decoding="async"
+            alt="Des traces de piste de ski de fond dans la tempête de neige.">
     </a>
     <figcaption>Parc de l’Île de la Visitation, Montréal, 13 janvier&nbsp;2023.</figcaption>
 </figure>
 <figure>
-    <a href="#2023-01-13-ski-visitation2"
+    <a href="/static/david/2023/2023-01-13-ski-visitation2.jpg"
         title="Cliquer pour une version haute résolution">
-        <picture>
-            <source
-                srcset="/static/david/2023/2023-01-13-ski-visitation2.webp 2048w"
-                sizes="min(100vw, calc(100vh * 2048 / 1536))"
-                type="image/webp">
-            <!-- The <img> tag is a fallback image (required in the <picture> tag) -->
-            <img
-                src="/static/david/2023/2023-01-13-ski-visitation2.jpg"
-                width="2048" height="1536"
-                srcset="/static/david/2023/2023-01-13-ski-visitation2.jpg 2048w"
-                sizes="min(100vw, calc(100vh * 2048 / 1536))"
-                fetchpriority="high"
-                decoding="sync"
-                alt="Des traces de piste de ski de fond dans la tempête de neige.">
-        </picture>
-    </a>
-    <a href="#_" class="lightbox" id="2023-01-13-ski-visitation2">
-        <picture style="margin:0 auto;">
-            <source
-                srcset="/static/david/2023/2023-01-13-ski-visitation2.webp 2048w"
-                sizes="min(100vw, calc(100vh * 2048 / 1536))"
-                type="image/webp">
-            <!-- The <img> tag is a fallback image (required in the <picture> tag) -->
-            <img
-                src="/static/david/2023/2023-01-13-ski-visitation2.jpg"
-                width="2048" height="1536"
-                srcset="/static/david/2023/2023-01-13-ski-visitation2.jpg 2048w"
-                sizes="min(100vw, calc(100vh * 2048 / 1536))"
-                fetchpriority="high"
-                decoding="sync"
-                alt="Des traces de piste de ski de fond dans la tempête de neige.">
-        </picture>
+        <img
+            src="/static/david/2023/2023-01-13-ski-visitation2.jpg"
+            width="2048" height="1536"
+            srcset="/static/david/2023/2023-01-13-ski-visitation2.jpg 2048w, /static/david/2023/2023-01-13-ski-visitation2_660x440.jpg 660w, /static/david/2023/2023-01-13-ski-visitation2_990x660.jpg 990w, /static/david/2023/2023-01-13-ski-visitation2_1320x880.jpg 1320w"
+            sizes="min(100vw, calc(100vh * 2048 / 1536))"
+            loading="lazy"
+            decoding="async"
+            alt="Des traces de piste de ski de fond dans la tempête de neige.">
     </a>
     <figcaption>Parc de l’Île de la Visitation, Montréal, 13 janvier&nbsp;2023.</figcaption>
 </figure>
 <figure>
-    <a href="#2023-01-13-ski-visitation3"
+    <a href="/static/david/2023/2023-01-13-ski-visitation3.jpg"
         title="Cliquer pour une version haute résolution">
-        <picture>
-            <source
-                srcset="/static/david/2023/2023-01-13-ski-visitation3.webp 2048w"
-                sizes="min(100vw, calc(100vh * 2048 / 2731))"
-                type="image/webp">
-            <!-- The <img> tag is a fallback image (required in the <picture> tag) -->
-            <img
-                src="/static/david/2023/2023-01-13-ski-visitation3.jpg"
-                width="2048" height="2731"
-                srcset="/static/david/2023/2023-01-13-ski-visitation3.jpg 2048w"
-                sizes="min(100vw, calc(100vh * 2048 / 2731))"
-                fetchpriority="high"
-                decoding="sync"
-                alt="Des traces de piste de ski de fond dans la tempête de neige.">
-        </picture>
-    </a>
-    <a href="#_" class="lightbox" id="2023-01-13-ski-visitation3">
-        <picture style="margin:0 auto;">
-            <source
-                srcset="/static/david/2023/2023-01-13-ski-visitation3.webp 2048w"
-                sizes="min(100vw, calc(100vh * 2048 / 2731))"
-                type="image/webp">
-            <!-- The <img> tag is a fallback image (required in the <picture> tag) -->
-            <img
-                src="/static/david/2023/2023-01-13-ski-visitation3.jpg"
-                width="2048" height="2731"
-                srcset="/static/david/2023/2023-01-13-ski-visitation3.jpg 2048w"
-                sizes="min(100vw, calc(100vh * 2048 / 2731))"
-                fetchpriority="high"
-                decoding="sync"
-                alt="Des traces de piste de ski de fond dans la tempête de neige.">
-        </picture>
+        <img
+            src="/static/david/2023/2023-01-13-ski-visitation3.jpg"
+            width="2048" height="2731"
+            srcset="/static/david/2023/2023-01-13-ski-visitation3.jpg 2048w, /static/david/2023/2023-01-13-ski-visitation3_660x440.jpg 660w, /static/david/2023/2023-01-13-ski-visitation3_990x660.jpg 990w, /static/david/2023/2023-01-13-ski-visitation3_1320x880.jpg 1320w"
+            sizes="min(100vw, calc(100vh * 2048 / 2731))"
+            loading="lazy"
+            decoding="async"
+            alt="Des traces de piste de ski de fond dans la tempête de neige.">
     </a>
     <figcaption>Parc de l’Île de la Visitation, Montréal, 13 janvier&nbsp;2023.</figcaption>
 </figure>
 <figure>
-    <a href="#2023-01-13-ski-visitation4"
+    <a href="/static/david/2023/2023-01-13-ski-visitation4.jpg"
         title="Cliquer pour une version haute résolution">
-        <picture>
-            <source
-                srcset="/static/david/2023/2023-01-13-ski-visitation4.webp 2048w"
-                sizes="min(100vw, calc(100vh * 2048 / 2731))"
-                type="image/webp">
-            <!-- The <img> tag is a fallback image (required in the <picture> tag) -->
-            <img
-                src="/static/david/2023/2023-01-13-ski-visitation4.jpg"
-                width="2048" height="2731"
-                srcset="/static/david/2023/2023-01-13-ski-visitation4.jpg 2048w"
-                sizes="min(100vw, calc(100vh * 2048 / 2731))"
-                fetchpriority="high"
-                decoding="sync"
-                alt="Des traces de piste de ski de fond dans la tempête de neige.">
-        </picture>
-    </a>
-    <a href="#_" class="lightbox" id="2023-01-13-ski-visitation4">
-        <picture style="margin:0 auto;">
-            <source
-                srcset="/static/david/2023/2023-01-13-ski-visitation4.webp 2048w"
-                sizes="min(100vw, calc(100vh * 2048 / 2731))"
-                type="image/webp">
-            <!-- The <img> tag is a fallback image (required in the <picture> tag) -->
-            <img
-                src="/static/david/2023/2023-01-13-ski-visitation4.jpg"
-                width="2048" height="2731"
-                srcset="/static/david/2023/2023-01-13-ski-visitation4.jpg 2048w"
-                sizes="min(100vw, calc(100vh * 2048 / 2731))"
-                fetchpriority="high"
-                decoding="sync"
-                alt="Des traces de piste de ski de fond dans la tempête de neige.">
-        </picture>
+        <img
+            src="/static/david/2023/2023-01-13-ski-visitation4.jpg"
+            width="2048" height="2731"
+            srcset="/static/david/2023/2023-01-13-ski-visitation4.jpg 2048w, /static/david/2023/2023-01-13-ski-visitation4_660x440.jpg 660w, /static/david/2023/2023-01-13-ski-visitation4_990x660.jpg 990w, /static/david/2023/2023-01-13-ski-visitation4_1320x880.jpg 1320w"
+            sizes="min(100vw, calc(100vh * 2048 / 2731))"
+            loading="lazy"
+            decoding="async"
+            alt="Des traces de piste de ski de fond dans la tempête de neige.">
     </a>
     <figcaption>Parc de l’Île de la Visitation, Montréal, 13 janvier&nbsp;2023.</figcaption>
 </figure>
@@ -368,80 +272,32 @@ Will it be used for war, porn or&nbsp;surveillance?</p>
 <p><cite><em>Ibid.</em></cite></p>
 </blockquote>
 <figure>
-    <a href="#2023-01-06-toile-gouttes"
+    <a href="/static/david/2023/2023-01-06-toile-gouttes.jpg"
         title="Cliquer pour une version haute résolution">
-        <picture>
-            <source
-                srcset="/static/david/2023/2023-01-06-toile-gouttes.webp 3024w"
-                sizes="min(100vw, calc(100vh * 3024 / 4032))"
-                type="image/webp">
-            <!-- The <img> tag is a fallback image (required in the <picture> tag) -->
-            <img
-                src="/static/david/2023/2023-01-06-toile-gouttes.jpg"
-                width="3024" height="4032"
-                srcset="/static/david/2023/2023-01-06-toile-gouttes.jpg 3024w"
-                sizes="min(100vw, calc(100vh * 3024 / 4032))"
-                fetchpriority="high"
-                decoding="sync"
-                alt="Une toile d’araignée avec des gouttes de rosée et en arrière plan, flou, des immeubles de l’autre côté de la Rivière des Prairies">
-        </picture>
-    </a>
-    <a href="#_" class="lightbox" id="2023-01-06-toile-gouttes">
-        <picture style="margin:0 auto;">
-            <source
-                srcset="/static/david/2023/2023-01-06-toile-gouttes.webp 3024w"
-                sizes="min(100vw, calc(100vh * 3024 / 4032))"
-                type="image/webp">
-            <!-- The <img> tag is a fallback image (required in the <picture> tag) -->
-            <img
-                src="/static/david/2023/2023-01-06-toile-gouttes.jpg"
-                width="3024" height="4032"
-                srcset="/static/david/2023/2023-01-06-toile-gouttes.jpg 3024w"
-                sizes="min(100vw, calc(100vh * 3024 / 4032))"
-                fetchpriority="high"
-                decoding="sync"
-                alt="Une toile d’araignée avec des gouttes de rosée et en arrière plan, flou, des immeubles de l’autre côté de la Rivière des Prairies">
-        </picture>
+        <img
+            src="/static/david/2023/2023-01-06-toile-gouttes.jpg"
+            width="1512" height="2016"
+            srcset="/static/david/2023/2023-01-06-toile-gouttes.jpg 1512w, /static/david/2023/2023-01-06-toile-gouttes_660x440.jpg 660w, /static/david/2023/2023-01-06-toile-gouttes_990x660.jpg 990w, /static/david/2023/2023-01-06-toile-gouttes_1320x880.jpg 1320w"
+            sizes="min(100vw, calc(100vh * 1512 / 2016))"
+            loading="lazy"
+            decoding="async"
+            alt="Une toile d’araignée avec des gouttes de rosée et en arrière plan, flou, des immeubles de l’autre côté de la Rivière des Prairies">
     </a>
     <figcaption>Parc Louis-Hébert, Montréal, 2 novembre&nbsp;2022.</figcaption>
 </figure>
 <details>
 <summary>Et pendant ce temps là de l’autre côté de la rue&nbsp;:</summary>
 <figure>
-    <a href="#2023-01-06-toile-soleil"
+    <a href="/static/david/2023/2023-01-06-toile-soleil.jpg"
         title="Cliquer pour une version haute résolution">
-        <picture>
-            <source
-                srcset="/static/david/2023/2023-01-06-toile-soleil.webp 4032w"
-                sizes="min(100vw, calc(100vh * 4032 / 3024))"
-                type="image/webp">
-            <!-- The <img> tag is a fallback image (required in the <picture> tag) -->
-            <img
-                src="/static/david/2023/2023-01-06-toile-soleil.jpg"
-                width="4032" height="3024"
-                srcset="/static/david/2023/2023-01-06-toile-soleil.jpg 4032w"
-                sizes="min(100vw, calc(100vh * 4032 / 3024))"
-                fetchpriority="high"
-                decoding="sync"
-                alt="Un parc pour enfant à contre-jour avec le soleil qui se lève dans le brouillard et qui forme une jolie étoile">
-        </picture>
-    </a>
-    <a href="#_" class="lightbox" id="2023-01-06-toile-soleil">
-        <picture style="margin:0 auto;">
-            <source
-                srcset="/static/david/2023/2023-01-06-toile-soleil.webp 4032w"
-                sizes="min(100vw, calc(100vh * 4032 / 3024))"
-                type="image/webp">
-            <!-- The <img> tag is a fallback image (required in the <picture> tag) -->
-            <img
-                src="/static/david/2023/2023-01-06-toile-soleil.jpg"
-                width="4032" height="3024"
-                srcset="/static/david/2023/2023-01-06-toile-soleil.jpg 4032w"
-                sizes="min(100vw, calc(100vh * 4032 / 3024))"
-                fetchpriority="high"
-                decoding="sync"
-                alt="Un parc pour enfant à contre-jour avec le soleil qui se lève dans le brouillard et qui forme une jolie étoile">
-        </picture>
+        <img
+            src="/static/david/2023/2023-01-06-toile-soleil.jpg"
+            width="2016" height="1512"
+            srcset="/static/david/2023/2023-01-06-toile-soleil.jpg 2016w, /static/david/2023/2023-01-06-toile-soleil_660x440.jpg 660w, /static/david/2023/2023-01-06-toile-soleil_990x660.jpg 990w, /static/david/2023/2023-01-06-toile-soleil_1320x880.jpg 1320w"
+            sizes="min(100vw, calc(100vh * 2016 / 1512))"
+            loading="lazy"
+            decoding="async"
+            alt="Un parc pour enfant à contre-jour avec le soleil qui se lève dans le brouillard et qui forme une jolie étoile">
     </a>
     <figcaption>Une toile de soleil&nbsp;!</figcaption>
 </figure>

david/2023/photographie/index.html

@@ -82,40 +82,16 @@
 <p>Je me suis couché en ayant relativement chaud mais au cours de la nuit, la température est bien tombée avec le vent. Je me réveille vers 6h avec le visage plutôt frais et le trou du duvet bien gelé, je regarde la météo depuis l’intérieur de mon duvet et iels m’annoncent -15°C ressenti -20°C avec le vent. Pas pire. ERREUR.</p>
 <p>En fait, ce duvet est tellement chaud que je ne me suis pas trop méfié mais dès l’habillage je sens qu’il fait vraiment frette. Les chaussures sont gelées et les lacets aussi, les gants en cuirs sont raides et inutilisables, ma barbe gèle instantanément, le bouchon du Thermos a gelé. Ma montre m’indique -23°C et il y a du vent. La météo canadienne disais-je. Je fais vite un feu que j’aurais un peu mieux dû préparer la veille, je mets longtemps à récupérer de la dextérité. Ne parlons pas des&nbsp;pieds.</p>
 <figure>
-    <a href="#2023-03-03-feu-soleil"
+    <a href="/static/david/2023/2023-03-03-feu-soleil.jpg"
         title="Cliquer pour une version haute résolution">
-        <picture>
-            <source
-                srcset="/static/david/2023/2023-03-03-feu-soleil.webp 1512w"
-                sizes="min(100vw, calc(100vh * 1512 / 2268))"
-                type="image/webp">
-            <!-- The <img> tag is a fallback image (required in the <picture> tag) -->
-            <img
-                src="/static/david/2023/2023-03-03-feu-soleil.jpg"
-                width="1512" height="2268"
-                srcset="/static/david/2023/2023-03-03-feu-soleil.jpg 1512w"
-                sizes="min(100vw, calc(100vh * 1512 / 2268))"
-                fetchpriority="high"
-                decoding="sync"
-                alt="Le campement avec le soleil en arrière plan.">
-        </picture>
-    </a>
-    <a href="#_" class="lightbox" id="2023-03-03-feu-soleil">
-        <picture style="margin:0 auto;">
-            <source
-                srcset="/static/david/2023/2023-03-03-feu-soleil.webp 1512w"
-                sizes="min(100vw, calc(100vh * 1512 / 2268))"
-                type="image/webp">
-            <!-- The <img> tag is a fallback image (required in the <picture> tag) -->
-            <img
-                src="/static/david/2023/2023-03-03-feu-soleil.jpg"
-                width="1512" height="2268"
-                srcset="/static/david/2023/2023-03-03-feu-soleil.jpg 1512w"
-                sizes="min(100vw, calc(100vh * 1512 / 2268))"
-                fetchpriority="high"
-                decoding="sync"
-                alt="Le campement avec le soleil en arrière plan.">
-        </picture>
+        <img
+            src="/static/david/2023/2023-03-03-feu-soleil.jpg"
+            width="1512" height="2268"
+            srcset="/static/david/2023/2023-03-03-feu-soleil.jpg 1512w, /static/david/2023/2023-03-03-feu-soleil_660x440.jpg 660w, /static/david/2023/2023-03-03-feu-soleil_990x660.jpg 990w, /static/david/2023/2023-03-03-feu-soleil_1320x880.jpg 1320w"
+            sizes="min(100vw, calc(100vh * 1512 / 2268))"
+            loading="lazy"
+            decoding="async"
+            alt="Le campement avec le soleil en arrière plan.">
     </a>
     <figcaption>Ô soleil, merci de ta chaleur&nbsp;!</figcaption>
 </figure>
@@ -123,118 +99,46 @@
 <p>Je respire un bon coup et j’accepte la situation. La priorité est de se réchauffer en bougeant tout en m’alimentant et en faisant fondre de la neige. Il est possible de faire des erreurs mais pas de les enchaîner dans ces conditions. La magie du feu et de l’eau chaude finit par faire son&nbsp;effet.</p>
 <p>C’est une de ces journées fraîches de plein soleil donc la lumière est très violente. Je décide de descendre la rivière pour réchauffer mes pieds. Bon OK, pas&nbsp;littéralement.</p>
 <figure>
-    <a href="#2023-03-03-riviere-ouareau"
+    <a href="/static/david/2023/2023-03-03-riviere-ouareau.jpg"
         title="Cliquer pour une version haute résolution">
-        <picture>
-            <source
-                srcset="/static/david/2023/2023-03-03-riviere-ouareau.webp 1512w"
-                sizes="min(100vw, calc(100vh * 1512 / 2268))"
-                type="image/webp">
-            <!-- The <img> tag is a fallback image (required in the <picture> tag) -->
-            <img
-                src="/static/david/2023/2023-03-03-riviere-ouareau.jpg"
-                width="1512" height="2268"
-                srcset="/static/david/2023/2023-03-03-riviere-ouareau.jpg 1512w"
-                sizes="min(100vw, calc(100vh * 1512 / 2268))"
-                fetchpriority="high"
-                decoding="sync"
-                alt="La rivière Ouareau bien gelée.">
-        </picture>
-    </a>
-    <a href="#_" class="lightbox" id="2023-03-03-riviere-ouareau">
-        <picture style="margin:0 auto;">
-            <source
-                srcset="/static/david/2023/2023-03-03-riviere-ouareau.webp 1512w"
-                sizes="min(100vw, calc(100vh * 1512 / 2268))"
-                type="image/webp">
-            <!-- The <img> tag is a fallback image (required in the <picture> tag) -->
-            <img
-                src="/static/david/2023/2023-03-03-riviere-ouareau.jpg"
-                width="1512" height="2268"
-                srcset="/static/david/2023/2023-03-03-riviere-ouareau.jpg 1512w"
-                sizes="min(100vw, calc(100vh * 1512 / 2268))"
-                fetchpriority="high"
-                decoding="sync"
-                alt="La rivière Ouareau bien gelée.">
-        </picture>
+        <img
+            src="/static/david/2023/2023-03-03-riviere-ouareau.jpg"
+            width="1512" height="2268"
+            srcset="/static/david/2023/2023-03-03-riviere-ouareau.jpg 1512w, /static/david/2023/2023-03-03-riviere-ouareau_660x440.jpg 660w, /static/david/2023/2023-03-03-riviere-ouareau_990x660.jpg 990w, /static/david/2023/2023-03-03-riviere-ouareau_1320x880.jpg 1320w"
+            sizes="min(100vw, calc(100vh * 1512 / 2268))"
+            loading="lazy"
+            decoding="async"
+            alt="La rivière Ouareau bien gelée.">
     </a>
     <figcaption>Les méandres de la rivière&nbsp;gelée.</figcaption>
 </figure>
 <p>Le chemin est de toute beauté et j’ai vraiment du mal à capter cette ambiance. Il n’y a vraiment personne et je prends mon temps pour rester sec (vive la laine). Je découvre que l’emmental peut con·geler, qu’il faut commencer par casser des morceaux avec ses gants puis les faire fondre dans sa bouche jusqu’à être en capacité de le mâcher. #MeanwhileInCanada</p>
 <figure>
-    <a href="#2023-03-03-sentier-murmures"
+    <a href="/static/david/2023/2023-03-03-sentier-murmures.jpg"
         title="Cliquer pour une version haute résolution">
-        <picture>
-            <source
-                srcset="/static/david/2023/2023-03-03-sentier-murmures.webp 1512w"
-                sizes="min(100vw, calc(100vh * 1512 / 2268))"
-                type="image/webp">
-            <!-- The <img> tag is a fallback image (required in the <picture> tag) -->
-            <img
-                src="/static/david/2023/2023-03-03-sentier-murmures.jpg"
-                width="1512" height="2268"
-                srcset="/static/david/2023/2023-03-03-sentier-murmures.jpg 1512w"
-                sizes="min(100vw, calc(100vh * 1512 / 2268))"
-                fetchpriority="high"
-                decoding="sync"
-                alt="Le sentier des murmures.">
-        </picture>
-    </a>
-    <a href="#_" class="lightbox" id="2023-03-03-sentier-murmures">
-        <picture style="margin:0 auto;">
-            <source
-                srcset="/static/david/2023/2023-03-03-sentier-murmures.webp 1512w"
-                sizes="min(100vw, calc(100vh * 1512 / 2268))"
-                type="image/webp">
-            <!-- The <img> tag is a fallback image (required in the <picture> tag) -->
-            <img
-                src="/static/david/2023/2023-03-03-sentier-murmures.jpg"
-                width="1512" height="2268"
-                srcset="/static/david/2023/2023-03-03-sentier-murmures.jpg 1512w"
-                sizes="min(100vw, calc(100vh * 1512 / 2268))"
-                fetchpriority="high"
-                decoding="sync"
-                alt="Le sentier des murmures.">
-        </picture>
+        <img
+            src="/static/david/2023/2023-03-03-sentier-murmures.jpg"
+            width="1512" height="2268"
+            srcset="/static/david/2023/2023-03-03-sentier-murmures.jpg 1512w, /static/david/2023/2023-03-03-sentier-murmures_660x440.jpg 660w, /static/david/2023/2023-03-03-sentier-murmures_990x660.jpg 990w, /static/david/2023/2023-03-03-sentier-murmures_1320x880.jpg 1320w"
+            sizes="min(100vw, calc(100vh * 1512 / 2268))"
+            loading="lazy"
+            decoding="async"
+            alt="Le sentier des murmures.">
     </a>
     <figcaption>Une portion du sentier qui est intégralement à couvert de&nbsp;forêt.</figcaption>
 </figure>
 <p>De retour au campement, je décide de faire une sieste pour attendre des couleurs et lumières moins dures. C’est une stratégie plutôt payante et je remonte cette fois-ci la rivière, il fait moins froid et c’est assez agréable d’être silencieux car je n’ai plus vraiment besoin des raquettes, le sentier a&nbsp;gelé.</p>
 <figure>
-    <a href="#2023-03-03-couleurs-soir"
+    <a href="/static/david/2023/2023-03-03-couleurs-soir.jpg"
         title="Cliquer pour une version haute résolution">
-        <picture>
-            <source
-                srcset="/static/david/2023/2023-03-03-couleurs-soir.webp 1512w"
-                sizes="min(100vw, calc(100vh * 1512 / 2268))"
-                type="image/webp">
-            <!-- The <img> tag is a fallback image (required in the <picture> tag) -->
-            <img
-                src="/static/david/2023/2023-03-03-couleurs-soir.jpg"
-                width="1512" height="2268"
-                srcset="/static/david/2023/2023-03-03-couleurs-soir.jpg 1512w"
-                sizes="min(100vw, calc(100vh * 1512 / 2268))"
-                fetchpriority="high"
-                decoding="sync"
-                alt="La rivière le soir.">
-        </picture>
-    </a>
-    <a href="#_" class="lightbox" id="2023-03-03-couleurs-soir">
-        <picture style="margin:0 auto;">
-            <source
-                srcset="/static/david/2023/2023-03-03-couleurs-soir.webp 1512w"
-                sizes="min(100vw, calc(100vh * 1512 / 2268))"
-                type="image/webp">
-            <!-- The <img> tag is a fallback image (required in the <picture> tag) -->
-            <img
-                src="/static/david/2023/2023-03-03-couleurs-soir.jpg"
-                width="1512" height="2268"
-                srcset="/static/david/2023/2023-03-03-couleurs-soir.jpg 1512w"
-                sizes="min(100vw, calc(100vh * 1512 / 2268))"
-                fetchpriority="high"
-                decoding="sync"
-                alt="La rivière le soir.">
-        </picture>
+        <img
+            src="/static/david/2023/2023-03-03-couleurs-soir.jpg"
+            width="1512" height="2268"
+            srcset="/static/david/2023/2023-03-03-couleurs-soir.jpg 1512w, /static/david/2023/2023-03-03-couleurs-soir_660x440.jpg 660w, /static/david/2023/2023-03-03-couleurs-soir_990x660.jpg 990w, /static/david/2023/2023-03-03-couleurs-soir_1320x880.jpg 1320w"
+            sizes="min(100vw, calc(100vh * 1512 / 2268))"
+            loading="lazy"
+            decoding="async"
+            alt="La rivière le soir.">
     </a>
     <figcaption>Difficile de restituer la sensation de calme qu’il y avait alors, seulement troublée sporadiquement par un&nbsp;pic.</figcaption>
 </figure>
@@ -284,80 +188,32 @@
 <p><cite><em>Ibid.</em></cite></p>
 </blockquote>
 <figure>
-    <a href="#2023-01-06-toile-gouttes"
+    <a href="/static/david/2023/2023-01-06-toile-gouttes.jpg"
         title="Cliquer pour une version haute résolution">
-        <picture>
-            <source
-                srcset="/static/david/2023/2023-01-06-toile-gouttes.webp 3024w"
-                sizes="min(100vw, calc(100vh * 3024 / 4032))"
-                type="image/webp">
-            <!-- The <img> tag is a fallback image (required in the <picture> tag) -->
-            <img
-                src="/static/david/2023/2023-01-06-toile-gouttes.jpg"
-                width="3024" height="4032"
-                srcset="/static/david/2023/2023-01-06-toile-gouttes.jpg 3024w"
-                sizes="min(100vw, calc(100vh * 3024 / 4032))"
-                fetchpriority="high"
-                decoding="sync"
-                alt="Une toile d’araignée avec des gouttes de rosée et en arrière plan, flou, des immeubles de l’autre côté de la Rivière des Prairies">
-        </picture>
-    </a>
-    <a href="#_" class="lightbox" id="2023-01-06-toile-gouttes">
-        <picture style="margin:0 auto;">
-            <source
-                srcset="/static/david/2023/2023-01-06-toile-gouttes.webp 3024w"
-                sizes="min(100vw, calc(100vh * 3024 / 4032))"
-                type="image/webp">
-            <!-- The <img> tag is a fallback image (required in the <picture> tag) -->
-            <img
-                src="/static/david/2023/2023-01-06-toile-gouttes.jpg"
-                width="3024" height="4032"
-                srcset="/static/david/2023/2023-01-06-toile-gouttes.jpg 3024w"
-                sizes="min(100vw, calc(100vh * 3024 / 4032))"
-                fetchpriority="high"
-                decoding="sync"
-                alt="Une toile d’araignée avec des gouttes de rosée et en arrière plan, flou, des immeubles de l’autre côté de la Rivière des Prairies">
-        </picture>
+        <img
+            src="/static/david/2023/2023-01-06-toile-gouttes.jpg"
+            width="1512" height="2016"
+            srcset="/static/david/2023/2023-01-06-toile-gouttes.jpg 1512w, /static/david/2023/2023-01-06-toile-gouttes_660x440.jpg 660w, /static/david/2023/2023-01-06-toile-gouttes_990x660.jpg 990w, /static/david/2023/2023-01-06-toile-gouttes_1320x880.jpg 1320w"
+            sizes="min(100vw, calc(100vh * 1512 / 2016))"
+            loading="lazy"
+            decoding="async"
+            alt="Une toile d’araignée avec des gouttes de rosée et en arrière plan, flou, des immeubles de l’autre côté de la Rivière des Prairies">
     </a>
     <figcaption>Parc Louis-Hébert, Montréal, 2 novembre&nbsp;2022.</figcaption>
 </figure>
 <details>
 <summary>Et pendant ce temps là de l’autre côté de la rue&nbsp;:</summary>
 <figure>
-    <a href="#2023-01-06-toile-soleil"
+    <a href="/static/david/2023/2023-01-06-toile-soleil.jpg"
         title="Cliquer pour une version haute résolution">
-        <picture>
-            <source
-                srcset="/static/david/2023/2023-01-06-toile-soleil.webp 4032w"
-                sizes="min(100vw, calc(100vh * 4032 / 3024))"
-                type="image/webp">
-            <!-- The <img> tag is a fallback image (required in the <picture> tag) -->
-            <img
-                src="/static/david/2023/2023-01-06-toile-soleil.jpg"
-                width="4032" height="3024"
-                srcset="/static/david/2023/2023-01-06-toile-soleil.jpg 4032w"
-                sizes="min(100vw, calc(100vh * 4032 / 3024))"
-                fetchpriority="high"
-                decoding="sync"
-                alt="Un parc pour enfant à contre-jour avec le soleil qui se lève dans le brouillard et qui forme une jolie étoile">
-        </picture>
-    </a>
-    <a href="#_" class="lightbox" id="2023-01-06-toile-soleil">
-        <picture style="margin:0 auto;">
-            <source
-                srcset="/static/david/2023/2023-01-06-toile-soleil.webp 4032w"
-                sizes="min(100vw, calc(100vh * 4032 / 3024))"
-                type="image/webp">
-            <!-- The <img> tag is a fallback image (required in the <picture> tag) -->
-            <img
-                src="/static/david/2023/2023-01-06-toile-soleil.jpg"
-                width="4032" height="3024"
-                srcset="/static/david/2023/2023-01-06-toile-soleil.jpg 4032w"
-                sizes="min(100vw, calc(100vh * 4032 / 3024))"
-                fetchpriority="high"
-                decoding="sync"
-                alt="Un parc pour enfant à contre-jour avec le soleil qui se lève dans le brouillard et qui forme une jolie étoile">
-        </picture>
+        <img
+            src="/static/david/2023/2023-01-06-toile-soleil.jpg"
+            width="2016" height="1512"
+            srcset="/static/david/2023/2023-01-06-toile-soleil.jpg 2016w, /static/david/2023/2023-01-06-toile-soleil_660x440.jpg 660w, /static/david/2023/2023-01-06-toile-soleil_990x660.jpg 990w, /static/david/2023/2023-01-06-toile-soleil_1320x880.jpg 1320w"
+            sizes="min(100vw, calc(100vh * 2016 / 1512))"
+            loading="lazy"
+            decoding="async"
+            alt="Un parc pour enfant à contre-jour avec le soleil qui se lève dans le brouillard et qui forme une jolie étoile">
     </a>
     <figcaption>Une toile de soleil&nbsp;!</figcaption>
 </figure>

david/2023/simplicite/index.html

@@ -134,154 +134,58 @@
 <p>Je n’en dis pas plus… il risquerait d’y avoir trop de monde dans les&nbsp;traces&nbsp;😅.</p>
 <p>PS&nbsp;: j’ai une petite (8&#8239;km, hamster-style) piste à 250&nbsp;mètres de chez moi et je suis tellement reconnaissant à la ville de Montréal d’aménager les parcs et pistes cyclables en hiver pour glisser dans la nature&nbsp;urbaine&nbsp;💚.</p>
 <figure>
-    <a href="#2023-01-13-ski-visitation1"
+    <a href="/static/david/2023/2023-01-13-ski-visitation1.jpg"
         title="Cliquer pour une version haute résolution">
-        <picture>
-            <source
-                srcset="/static/david/2023/2023-01-13-ski-visitation1.webp 2048w"
-                sizes="min(100vw, calc(100vh * 2048 / 2731))"
-                type="image/webp">
-            <!-- The <img> tag is a fallback image (required in the <picture> tag) -->
-            <img
-                src="/static/david/2023/2023-01-13-ski-visitation1.jpg"
-                width="2048" height="2731"
-                srcset="/static/david/2023/2023-01-13-ski-visitation1.jpg 2048w"
-                sizes="min(100vw, calc(100vh * 2048 / 2731))"
-                fetchpriority="high"
-                decoding="sync"
-                alt="Des traces de piste de ski de fond dans la tempête de neige.">
-        </picture>
-    </a>
-    <a href="#_" class="lightbox" id="2023-01-13-ski-visitation1">
-        <picture style="margin:0 auto;">
-            <source
-                srcset="/static/david/2023/2023-01-13-ski-visitation1.webp 2048w"
-                sizes="min(100vw, calc(100vh * 2048 / 2731))"
-                type="image/webp">
-            <!-- The <img> tag is a fallback image (required in the <picture> tag) -->
-            <img
-                src="/static/david/2023/2023-01-13-ski-visitation1.jpg"
-                width="2048" height="2731"
-                srcset="/static/david/2023/2023-01-13-ski-visitation1.jpg 2048w"
-                sizes="min(100vw, calc(100vh * 2048 / 2731))"
-                fetchpriority="high"
-                decoding="sync"
-                alt="Des traces de piste de ski de fond dans la tempête de neige.">
-        </picture>
+        <img
+            src="/static/david/2023/2023-01-13-ski-visitation1.jpg"
+            width="2048" height="2731"
+            srcset="/static/david/2023/2023-01-13-ski-visitation1.jpg 2048w, /static/david/2023/2023-01-13-ski-visitation1_660x440.jpg 660w, /static/david/2023/2023-01-13-ski-visitation1_990x660.jpg 990w, /static/david/2023/2023-01-13-ski-visitation1_1320x880.jpg 1320w"
+            sizes="min(100vw, calc(100vh * 2048 / 2731))"
+            loading="lazy"
+            decoding="async"
+            alt="Des traces de piste de ski de fond dans la tempête de neige.">
     </a>
     <figcaption>Parc de l’Île de la Visitation, Montréal, 13 janvier&nbsp;2023.</figcaption>
 </figure>
 <figure>
-    <a href="#2023-01-13-ski-visitation2"
+    <a href="/static/david/2023/2023-01-13-ski-visitation2.jpg"
         title="Cliquer pour une version haute résolution">
-        <picture>
-            <source
-                srcset="/static/david/2023/2023-01-13-ski-visitation2.webp 2048w"
-                sizes="min(100vw, calc(100vh * 2048 / 1536))"
-                type="image/webp">
-            <!-- The <img> tag is a fallback image (required in the <picture> tag) -->
-            <img
-                src="/static/david/2023/2023-01-13-ski-visitation2.jpg"
-                width="2048" height="1536"
-                srcset="/static/david/2023/2023-01-13-ski-visitation2.jpg 2048w"
-                sizes="min(100vw, calc(100vh * 2048 / 1536))"
-                fetchpriority="high"
-                decoding="sync"
-                alt="Des traces de piste de ski de fond dans la tempête de neige.">
-        </picture>
-    </a>
-    <a href="#_" class="lightbox" id="2023-01-13-ski-visitation2">
-        <picture style="margin:0 auto;">
-            <source
-                srcset="/static/david/2023/2023-01-13-ski-visitation2.webp 2048w"
-                sizes="min(100vw, calc(100vh * 2048 / 1536))"
-                type="image/webp">
-            <!-- The <img> tag is a fallback image (required in the <picture> tag) -->
-            <img
-                src="/static/david/2023/2023-01-13-ski-visitation2.jpg"
-                width="2048" height="1536"
-                srcset="/static/david/2023/2023-01-13-ski-visitation2.jpg 2048w"
-                sizes="min(100vw, calc(100vh * 2048 / 1536))"
-                fetchpriority="high"
-                decoding="sync"
-                alt="Des traces de piste de ski de fond dans la tempête de neige.">
-        </picture>
+        <img
+            src="/static/david/2023/2023-01-13-ski-visitation2.jpg"
+            width="2048" height="1536"
+            srcset="/static/david/2023/2023-01-13-ski-visitation2.jpg 2048w, /static/david/2023/2023-01-13-ski-visitation2_660x440.jpg 660w, /static/david/2023/2023-01-13-ski-visitation2_990x660.jpg 990w, /static/david/2023/2023-01-13-ski-visitation2_1320x880.jpg 1320w"
+            sizes="min(100vw, calc(100vh * 2048 / 1536))"
+            loading="lazy"
+            decoding="async"
+            alt="Des traces de piste de ski de fond dans la tempête de neige.">
     </a>
     <figcaption>Parc de l’Île de la Visitation, Montréal, 13 janvier&nbsp;2023.</figcaption>
 </figure>
 <figure>
-    <a href="#2023-01-13-ski-visitation3"
+    <a href="/static/david/2023/2023-01-13-ski-visitation3.jpg"
         title="Cliquer pour une version haute résolution">
-        <picture>
-            <source
-                srcset="/static/david/2023/2023-01-13-ski-visitation3.webp 2048w"
-                sizes="min(100vw, calc(100vh * 2048 / 2731))"
-                type="image/webp">
-            <!-- The <img> tag is a fallback image (required in the <picture> tag) -->
-            <img
-                src="/static/david/2023/2023-01-13-ski-visitation3.jpg"
-                width="2048" height="2731"
-                srcset="/static/david/2023/2023-01-13-ski-visitation3.jpg 2048w"
-                sizes="min(100vw, calc(100vh * 2048 / 2731))"
-                fetchpriority="high"
-                decoding="sync"
-                alt="Des traces de piste de ski de fond dans la tempête de neige.">
-        </picture>
-    </a>
-    <a href="#_" class="lightbox" id="2023-01-13-ski-visitation3">
-        <picture style="margin:0 auto;">
-            <source
-                srcset="/static/david/2023/2023-01-13-ski-visitation3.webp 2048w"
-                sizes="min(100vw, calc(100vh * 2048 / 2731))"
-                type="image/webp">
-            <!-- The <img> tag is a fallback image (required in the <picture> tag) -->
-            <img
-                src="/static/david/2023/2023-01-13-ski-visitation3.jpg"
-                width="2048" height="2731"
-                srcset="/static/david/2023/2023-01-13-ski-visitation3.jpg 2048w"
-                sizes="min(100vw, calc(100vh * 2048 / 2731))"
-                fetchpriority="high"
-                decoding="sync"
-                alt="Des traces de piste de ski de fond dans la tempête de neige.">
-        </picture>
+        <img
+            src="/static/david/2023/2023-01-13-ski-visitation3.jpg"
+            width="2048" height="2731"
+            srcset="/static/david/2023/2023-01-13-ski-visitation3.jpg 2048w, /static/david/2023/2023-01-13-ski-visitation3_660x440.jpg 660w, /static/david/2023/2023-01-13-ski-visitation3_990x660.jpg 990w, /static/david/2023/2023-01-13-ski-visitation3_1320x880.jpg 1320w"
+            sizes="min(100vw, calc(100vh * 2048 / 2731))"
+            loading="lazy"
+            decoding="async"
+            alt="Des traces de piste de ski de fond dans la tempête de neige.">
     </a>
     <figcaption>Parc de l’Île de la Visitation, Montréal, 13 janvier&nbsp;2023.</figcaption>
 </figure>
 <figure>
-    <a href="#2023-01-13-ski-visitation4"
+    <a href="/static/david/2023/2023-01-13-ski-visitation4.jpg"
         title="Cliquer pour une version haute résolution">
-        <picture>
-            <source
-                srcset="/static/david/2023/2023-01-13-ski-visitation4.webp 2048w"
-                sizes="min(100vw, calc(100vh * 2048 / 2731))"
-                type="image/webp">
-            <!-- The <img> tag is a fallback image (required in the <picture> tag) -->
-            <img
-                src="/static/david/2023/2023-01-13-ski-visitation4.jpg"
-                width="2048" height="2731"
-                srcset="/static/david/2023/2023-01-13-ski-visitation4.jpg 2048w"
-                sizes="min(100vw, calc(100vh * 2048 / 2731))"
-                fetchpriority="high"
-                decoding="sync"
-                alt="Des traces de piste de ski de fond dans la tempête de neige.">
-        </picture>
-    </a>
-    <a href="#_" class="lightbox" id="2023-01-13-ski-visitation4">
-        <picture style="margin:0 auto;">
-            <source
-                srcset="/static/david/2023/2023-01-13-ski-visitation4.webp 2048w"
-                sizes="min(100vw, calc(100vh * 2048 / 2731))"
-                type="image/webp">
-            <!-- The <img> tag is a fallback image (required in the <picture> tag) -->
-            <img
-                src="/static/david/2023/2023-01-13-ski-visitation4.jpg"
-                width="2048" height="2731"
-                srcset="/static/david/2023/2023-01-13-ski-visitation4.jpg 2048w"
-                sizes="min(100vw, calc(100vh * 2048 / 2731))"
-                fetchpriority="high"
-                decoding="sync"
-                alt="Des traces de piste de ski de fond dans la tempête de neige.">
-        </picture>
+        <img
+            src="/static/david/2023/2023-01-13-ski-visitation4.jpg"
+            width="2048" height="2731"
+            srcset="/static/david/2023/2023-01-13-ski-visitation4.jpg 2048w, /static/david/2023/2023-01-13-ski-visitation4_660x440.jpg 660w, /static/david/2023/2023-01-13-ski-visitation4_990x660.jpg 990w, /static/david/2023/2023-01-13-ski-visitation4_1320x880.jpg 1320w"
+            sizes="min(100vw, calc(100vh * 2048 / 2731))"
+            loading="lazy"
+            decoding="async"
+            alt="Des traces de piste de ski de fond dans la tempête de neige.">
     </a>
     <figcaption>Parc de l’Île de la Visitation, Montréal, 13 janvier&nbsp;2023.</figcaption>
 </figure>

david/2023/sociologie/index.html

@@ -82,79 +82,31 @@
 <p>Réveil vers 6&#8239;h après une nuit qui a débuté venteuse mais qui a ensuite été très reposante, les muscles tirent mais c’est normal. Je sors de mon duvet sans même avoir à trop m’habiller, il doit faire&nbsp;-4&#8239;°C.</p>
 <p>C’est chouette car maintenant il y a une autre synergie dans le groupe qui permet d’échanger sur des techniques, du matériel, des astuces. On a un cameraman qui s’occupe de faire des petites vidéos explicatives aussi. On plaisante sur le fait qu’il ne fallait pas s’inscrire sur un coup de tête mais que toutes les inscriptions sont parties en 24&#8239;h. Les départs se font au compte-goutte, sans pression, au gré des&nbsp;personnes.</p>
 <figure>
-    <a href="#2023-02-12-depart-campement"
+    <a href="/static/david/2023/2023-02-12-depart-campement.jpg"
         title="Cliquer pour une version haute résolution">
-        <picture>
-            <source
-                srcset="/static/david/2023/2023-02-12-depart-campement.webp 1512w"
-                sizes="min(100vw, calc(100vh * 1512 / 2016))"
-                type="image/webp">
-            <!-- The <img> tag is a fallback image (required in the <picture> tag) -->
-            <img
-                src="/static/david/2023/2023-02-12-depart-campement.jpg"
-                width="1512" height="2016"
-                srcset="/static/david/2023/2023-02-12-depart-campement.jpg 1512w"
-                sizes="min(100vw, calc(100vh * 1512 / 2016))"
-                fetchpriority="high"
-                decoding="sync"
-                alt="Un groupe de personnes qui partent du campement en traineau sur un lac gelé.">
-        </picture>
-    </a>
-    <a href="#_" class="lightbox" id="2023-02-12-depart-campement">
-        <picture style="margin:0 auto;">
-            <source
-                srcset="/static/david/2023/2023-02-12-depart-campement.webp 1512w"
-                sizes="min(100vw, calc(100vh * 1512 / 2016))"
-                type="image/webp">
-            <!-- The <img> tag is a fallback image (required in the <picture> tag) -->
-            <img
-                src="/static/david/2023/2023-02-12-depart-campement.jpg"
-                width="1512" height="2016"
-                srcset="/static/david/2023/2023-02-12-depart-campement.jpg 1512w"
-                sizes="min(100vw, calc(100vh * 1512 / 2016))"
-                fetchpriority="high"
-                decoding="sync"
-                alt="Un groupe de personnes qui partent du campement en traineau sur un lac gelé.">
-        </picture>
+        <img
+            src="/static/david/2023/2023-02-12-depart-campement.jpg"
+            width="1512" height="2016"
+            srcset="/static/david/2023/2023-02-12-depart-campement.jpg 1512w, /static/david/2023/2023-02-12-depart-campement_660x440.jpg 660w, /static/david/2023/2023-02-12-depart-campement_990x660.jpg 990w, /static/david/2023/2023-02-12-depart-campement_1320x880.jpg 1320w"
+            sizes="min(100vw, calc(100vh * 1512 / 2016))"
+            loading="lazy"
+            decoding="async"
+            alt="Un groupe de personnes qui partent du campement en traineau sur un lac gelé.">
     </a>
     <figcaption>Avec la gang de&nbsp;tête.</figcaption>
 </figure>
 <p>À moins de 50&nbsp;mètres du campement, on croise les traces de deux canidés qui sont passés sur le réservoir dans la nuit. L’un des accompagnateurs nous indique que la visibilité des griffes pourrait signifier des loups plus que des&nbsp;coyotes.</p>
 <figure>
-    <a href="#2023-02-12-traces-canides"
+    <a href="/static/david/2023/2023-02-12-traces-canides.jpg"
         title="Cliquer pour une version haute résolution">
-        <picture>
-            <source
-                srcset="/static/david/2023/2023-02-12-traces-canides.webp 1512w"
-                sizes="min(100vw, calc(100vh * 1512 / 2016))"
-                type="image/webp">
-            <!-- The <img> tag is a fallback image (required in the <picture> tag) -->
-            <img
-                src="/static/david/2023/2023-02-12-traces-canides.jpg"
-                width="1512" height="2016"
-                srcset="/static/david/2023/2023-02-12-traces-canides.jpg 1512w"
-                sizes="min(100vw, calc(100vh * 1512 / 2016))"
-                fetchpriority="high"
-                decoding="sync"
-                alt="De belles traces de canidés dans la neige sur la glace du lac.">
-        </picture>
-    </a>
-    <a href="#_" class="lightbox" id="2023-02-12-traces-canides">
-        <picture style="margin:0 auto;">
-            <source
-                srcset="/static/david/2023/2023-02-12-traces-canides.webp 1512w"
-                sizes="min(100vw, calc(100vh * 1512 / 2016))"
-                type="image/webp">
-            <!-- The <img> tag is a fallback image (required in the <picture> tag) -->
-            <img
-                src="/static/david/2023/2023-02-12-traces-canides.jpg"
-                width="1512" height="2016"
-                srcset="/static/david/2023/2023-02-12-traces-canides.jpg 1512w"
-                sizes="min(100vw, calc(100vh * 1512 / 2016))"
-                fetchpriority="high"
-                decoding="sync"
-                alt="De belles traces de canidés dans la neige sur la glace du lac.">
-        </picture>
+        <img
+            src="/static/david/2023/2023-02-12-traces-canides.jpg"
+            width="1512" height="2016"
+            srcset="/static/david/2023/2023-02-12-traces-canides.jpg 1512w, /static/david/2023/2023-02-12-traces-canides_660x440.jpg 660w, /static/david/2023/2023-02-12-traces-canides_990x660.jpg 990w, /static/david/2023/2023-02-12-traces-canides_1320x880.jpg 1320w"
+            sizes="min(100vw, calc(100vh * 1512 / 2016))"
+            loading="lazy"
+            decoding="async"
+            alt="De belles traces de canidés dans la neige sur la glace du lac.">
     </a>
     <figcaption>Pas si seul·es au monde&nbsp;:-)</figcaption>
 </figure>
@@ -162,40 +114,16 @@
 <p>On évoque notamment la possibilité de faire une édition avec enfants conditionnée par la météo (et&nbsp;l’expérience).</p>
 <p><em>Anecdote&nbsp;: il y a eu des bières gratuites tout au long du parcours, avec et sans alcool, car le directeur de Boréale était avec&nbsp;nous.</em></p>
 <figure>
-    <a href="#2023-02-12-file-arrivee"
+    <a href="/static/david/2023/2023-02-12-file-arrivee.jpg"
         title="Cliquer pour une version haute résolution">
-        <picture>
-            <source
-                srcset="/static/david/2023/2023-02-12-file-arrivee.webp 1512w"
-                sizes="min(100vw, calc(100vh * 1512 / 2016))"
-                type="image/webp">
-            <!-- The <img> tag is a fallback image (required in the <picture> tag) -->
-            <img
-                src="/static/david/2023/2023-02-12-file-arrivee.jpg"
-                width="1512" height="2016"
-                srcset="/static/david/2023/2023-02-12-file-arrivee.jpg 1512w"
-                sizes="min(100vw, calc(100vh * 1512 / 2016))"
-                fetchpriority="high"
-                decoding="sync"
-                alt="File des arrivées progressives sur le site.">
-        </picture>
-    </a>
-    <a href="#_" class="lightbox" id="2023-02-12-file-arrivee">
-        <picture style="margin:0 auto;">
-            <source
-                srcset="/static/david/2023/2023-02-12-file-arrivee.webp 1512w"
-                sizes="min(100vw, calc(100vh * 1512 / 2016))"
-                type="image/webp">
-            <!-- The <img> tag is a fallback image (required in the <picture> tag) -->
-            <img
-                src="/static/david/2023/2023-02-12-file-arrivee.jpg"
-                width="1512" height="2016"
-                srcset="/static/david/2023/2023-02-12-file-arrivee.jpg 1512w"
-                sizes="min(100vw, calc(100vh * 1512 / 2016))"
-                fetchpriority="high"
-                decoding="sync"
-                alt="File des arrivées progressives sur le site.">
-        </picture>
+        <img
+            src="/static/david/2023/2023-02-12-file-arrivee.jpg"
+            width="1512" height="2016"
+            srcset="/static/david/2023/2023-02-12-file-arrivee.jpg 1512w, /static/david/2023/2023-02-12-file-arrivee_660x440.jpg 660w, /static/david/2023/2023-02-12-file-arrivee_990x660.jpg 990w, /static/david/2023/2023-02-12-file-arrivee_1320x880.jpg 1320w"
+            sizes="min(100vw, calc(100vh * 1512 / 2016))"
+            loading="lazy"
+            decoding="async"
+            alt="File des arrivées progressives sur le site.">
     </a>
     <figcaption>Pour donner une idée du&nbsp;cheminement.</figcaption>
 </figure>
@@ -222,119 +150,47 @@
       
 <p>Finalement, réveil à 6&#8239;h au bruit des casseroles des voisin·es. C’est pas plus mal car ça me permet d’admirer la pureté du ciel étoilé par -15&#8239;°C, et puis ça me laisse le temps de me faire un gruau bien chaud avant de tout plier. Je ne suis pas encore à 100% mais c’est déjà beaucoup mieux que la veille. La bactérie ou le virus concerné doit se dire que je ne suis pas un hôte&nbsp;rentable.</p>
 <figure>
-    <a href="#2023-02-11-accueil-poisson-blanc"
+    <a href="/static/david/2023/2023-02-11-accueil-poisson-blanc.jpg"
         title="Cliquer pour une version haute résolution">
-        <picture>
-            <source
-                srcset="/static/david/2023/2023-02-11-accueil-poisson-blanc.webp 1512w"
-                sizes="min(100vw, calc(100vh * 1512 / 2016))"
-                type="image/webp">
-            <!-- The <img> tag is a fallback image (required in the <picture> tag) -->
-            <img
-                src="/static/david/2023/2023-02-11-accueil-poisson-blanc.jpg"
-                width="1512" height="2016"
-                srcset="/static/david/2023/2023-02-11-accueil-poisson-blanc.jpg 1512w"
-                sizes="min(100vw, calc(100vh * 1512 / 2016))"
-                fetchpriority="high"
-                decoding="sync"
-                alt="Le ciel à 7h du matin sur le réservoir du Poisson Blanc.">
-        </picture>
-    </a>
-    <a href="#_" class="lightbox" id="2023-02-11-accueil-poisson-blanc">
-        <picture style="margin:0 auto;">
-            <source
-                srcset="/static/david/2023/2023-02-11-accueil-poisson-blanc.webp 1512w"
-                sizes="min(100vw, calc(100vh * 1512 / 2016))"
-                type="image/webp">
-            <!-- The <img> tag is a fallback image (required in the <picture> tag) -->
-            <img
-                src="/static/david/2023/2023-02-11-accueil-poisson-blanc.jpg"
-                width="1512" height="2016"
-                srcset="/static/david/2023/2023-02-11-accueil-poisson-blanc.jpg 1512w"
-                sizes="min(100vw, calc(100vh * 1512 / 2016))"
-                fetchpriority="high"
-                decoding="sync"
-                alt="Le ciel à 7h du matin sur le réservoir du Poisson Blanc.">
-        </picture>
+        <img
+            src="/static/david/2023/2023-02-11-accueil-poisson-blanc.jpg"
+            width="1512" height="2016"
+            srcset="/static/david/2023/2023-02-11-accueil-poisson-blanc.jpg 1512w, /static/david/2023/2023-02-11-accueil-poisson-blanc_660x440.jpg 660w, /static/david/2023/2023-02-11-accueil-poisson-blanc_990x660.jpg 990w, /static/david/2023/2023-02-11-accueil-poisson-blanc_1320x880.jpg 1320w"
+            sizes="min(100vw, calc(100vh * 1512 / 2016))"
+            loading="lazy"
+            decoding="async"
+            alt="Le ciel à 7h du matin sur le réservoir du Poisson Blanc.">
     </a>
     <figcaption>Les couleurs sont magnifiques et je regrette déjà de ne pas avoir pris un appareil&nbsp;photo.</figcaption>
 </figure>
 <p>On monte dans le bus scolaire avec un peu de retard et c’est parti pour 1&nbsp;heure de transport afin de rejoindre l’autre côté du réservoir, j’ai bien fait de me mettre à l’avant car ça tourne et c’est bien gelé. On se retrouve rapidement sur la glace avec nos traîneaux pour la photo de départ et hop c’est&nbsp;parti.</p>
 <p>Je me retrouve dans le groupe de tête qui va à un rythme un peu fou. Je ne sais pas trop pourquoi je m’impose ça, c’est un bon moyen de voir si j’ai de la fièvre&#8239;! Avec une telle taille de groupe, j’ai surtout l’appréhension de retarder tout le monde avec un souci plus ou moins technique, je me dis qu’avec un peu d’avance ça me permettra de pallier une éventuelle défaillance. On a tou·tes nos&nbsp;insécurités…</p>
 <figure>
-    <a href="#2023-02-11-depart-traineaux"
+    <a href="/static/david/2023/2023-02-11-depart-traineaux.jpg"
         title="Cliquer pour une version haute résolution">
-        <picture>
-            <source
-                srcset="/static/david/2023/2023-02-11-depart-traineaux.webp 2016w"
-                sizes="min(100vw, calc(100vh * 2016 / 1512))"
-                type="image/webp">
-            <!-- The <img> tag is a fallback image (required in the <picture> tag) -->
-            <img
-                src="/static/david/2023/2023-02-11-depart-traineaux.jpg"
-                width="2016" height="1512"
-                srcset="/static/david/2023/2023-02-11-depart-traineaux.jpg 2016w"
-                sizes="min(100vw, calc(100vh * 2016 / 1512))"
-                fetchpriority="high"
-                decoding="sync"
-                alt="Des personnes sur le lac gelé qui tirent chacune un traineau">
-        </picture>
-    </a>
-    <a href="#_" class="lightbox" id="2023-02-11-depart-traineaux">
-        <picture style="margin:0 auto;">
-            <source
-                srcset="/static/david/2023/2023-02-11-depart-traineaux.webp 2016w"
-                sizes="min(100vw, calc(100vh * 2016 / 1512))"
-                type="image/webp">
-            <!-- The <img> tag is a fallback image (required in the <picture> tag) -->
-            <img
-                src="/static/david/2023/2023-02-11-depart-traineaux.jpg"
-                width="2016" height="1512"
-                srcset="/static/david/2023/2023-02-11-depart-traineaux.jpg 2016w"
-                sizes="min(100vw, calc(100vh * 2016 / 1512))"
-                fetchpriority="high"
-                decoding="sync"
-                alt="Des personnes sur le lac gelé qui tirent chacune un traineau">
-        </picture>
+        <img
+            src="/static/david/2023/2023-02-11-depart-traineaux.jpg"
+            width="2016" height="1512"
+            srcset="/static/david/2023/2023-02-11-depart-traineaux.jpg 2016w, /static/david/2023/2023-02-11-depart-traineaux_660x440.jpg 660w, /static/david/2023/2023-02-11-depart-traineaux_990x660.jpg 990w, /static/david/2023/2023-02-11-depart-traineaux_1320x880.jpg 1320w"
+            sizes="min(100vw, calc(100vh * 2016 / 1512))"
+            loading="lazy"
+            decoding="async"
+            alt="Des personnes sur le lac gelé qui tirent chacune un traineau">
     </a>
     <figcaption>Le vent a bien soufflé cette nuit, on alterne glace et&nbsp;neige.</figcaption>
 </figure>
 <p>Niveau équipement, il y a un peu de tout, ça va des skis de fond aux skis de randonnée avec peaux en passant par les skis-raquettes. Je suis content de mes écailles vu les conditions mais ça me fait préférer la neige, aussi je me décale vers la berge en solo, la visibilité est bonne et je ne le vois pas comme un problème de sécurité. Les températures se réchauffent et tout le monde craint que l’étendue d’eau gelée ne se transforme en un lac de <a href="https://fr.wikipedia.org/wiki/N%C3%A9vasse">sloche</a>…</p>
 <figure>
-    <a href="#2023-02-11-traineau-solo"
+    <a href="/static/david/2023/2023-02-11-traineau-solo.jpg"
         title="Cliquer pour une version haute résolution">
-        <picture>
-            <source
-                srcset="/static/david/2023/2023-02-11-traineau-solo.webp 2016w"
-                sizes="min(100vw, calc(100vh * 2016 / 1512))"
-                type="image/webp">
-            <!-- The <img> tag is a fallback image (required in the <picture> tag) -->
-            <img
-                src="/static/david/2023/2023-02-11-traineau-solo.jpg"
-                width="2016" height="1512"
-                srcset="/static/david/2023/2023-02-11-traineau-solo.jpg 2016w"
-                sizes="min(100vw, calc(100vh * 2016 / 1512))"
-                fetchpriority="high"
-                decoding="sync"
-                alt="Une longue trainée de personnes tirant des traineaux sur le lac">
-        </picture>
-    </a>
-    <a href="#_" class="lightbox" id="2023-02-11-traineau-solo">
-        <picture style="margin:0 auto;">
-            <source
-                srcset="/static/david/2023/2023-02-11-traineau-solo.webp 2016w"
-                sizes="min(100vw, calc(100vh * 2016 / 1512))"
-                type="image/webp">
-            <!-- The <img> tag is a fallback image (required in the <picture> tag) -->
-            <img
-                src="/static/david/2023/2023-02-11-traineau-solo.jpg"
-                width="2016" height="1512"
-                srcset="/static/david/2023/2023-02-11-traineau-solo.jpg 2016w"
-                sizes="min(100vw, calc(100vh * 2016 / 1512))"
-                fetchpriority="high"
-                decoding="sync"
-                alt="Une longue trainée de personnes tirant des traineaux sur le lac">
-        </picture>
+        <img
+            src="/static/david/2023/2023-02-11-traineau-solo.jpg"
+            width="2016" height="1512"
+            srcset="/static/david/2023/2023-02-11-traineau-solo.jpg 2016w, /static/david/2023/2023-02-11-traineau-solo_660x440.jpg 660w, /static/david/2023/2023-02-11-traineau-solo_990x660.jpg 990w, /static/david/2023/2023-02-11-traineau-solo_1320x880.jpg 1320w"
+            sizes="min(100vw, calc(100vh * 2016 / 1512))"
+            loading="lazy"
+            decoding="async"
+            alt="Une longue trainée de personnes tirant des traineaux sur le lac">
     </a>
     <figcaption>Un peu à l’écart de la foule, on ne se refait&nbsp;pas.</figcaption>
 </figure>
@@ -342,118 +198,46 @@
 <p>En arrivant dans la crique dédiée au repas, c’est ambiance station de ski avec un fond de Bob Marley et le long serpent des arrivées qui se replie pour digérer. Je pense que c’est un soulagement partagé d’être dans des conditions idéales et de pouvoir profiter de cette belle journée. Les organisateurs n’ont jamais connu ça. On a avalé les sept premiers kilomètres en moins de deux&nbsp;heures…</p>
 <p>Pour la seconde partie de la journée, je prends un rythme moins soutenu car je ne veux pas arriver trempé au campement et la température monte encore. J’en profite pour observer les différentes tactiques de chacun·e pour limiter le frottement/bruit, passer sur les plaques de glace, etc. Ces sept derniers kilomètres se font sur la&nbsp;digestion.</p>
 <figure>
-    <a href="#2023-02-11-traineau-apres-midi"
+    <a href="/static/david/2023/2023-02-11-traineau-apres-midi.jpg"
         title="Cliquer pour une version haute résolution">
-        <picture>
-            <source
-                srcset="/static/david/2023/2023-02-11-traineau-apres-midi.webp 1512w"
-                sizes="min(100vw, calc(100vh * 1512 / 2016))"
-                type="image/webp">
-            <!-- The <img> tag is a fallback image (required in the <picture> tag) -->
-            <img
-                src="/static/david/2023/2023-02-11-traineau-apres-midi.jpg"
-                width="1512" height="2016"
-                srcset="/static/david/2023/2023-02-11-traineau-apres-midi.jpg 1512w"
-                sizes="min(100vw, calc(100vh * 1512 / 2016))"
-                fetchpriority="high"
-                decoding="sync"
-                alt="Des personnes devant moi avec des traineaux, on voit mon ombre.">
-        </picture>
-    </a>
-    <a href="#_" class="lightbox" id="2023-02-11-traineau-apres-midi">
-        <picture style="margin:0 auto;">
-            <source
-                srcset="/static/david/2023/2023-02-11-traineau-apres-midi.webp 1512w"
-                sizes="min(100vw, calc(100vh * 1512 / 2016))"
-                type="image/webp">
-            <!-- The <img> tag is a fallback image (required in the <picture> tag) -->
-            <img
-                src="/static/david/2023/2023-02-11-traineau-apres-midi.jpg"
-                width="1512" height="2016"
-                srcset="/static/david/2023/2023-02-11-traineau-apres-midi.jpg 1512w"
-                sizes="min(100vw, calc(100vh * 1512 / 2016))"
-                fetchpriority="high"
-                decoding="sync"
-                alt="Des personnes devant moi avec des traineaux, on voit mon ombre.">
-        </picture>
+        <img
+            src="/static/david/2023/2023-02-11-traineau-apres-midi.jpg"
+            width="1512" height="2016"
+            srcset="/static/david/2023/2023-02-11-traineau-apres-midi.jpg 1512w, /static/david/2023/2023-02-11-traineau-apres-midi_660x440.jpg 660w, /static/david/2023/2023-02-11-traineau-apres-midi_990x660.jpg 990w, /static/david/2023/2023-02-11-traineau-apres-midi_1320x880.jpg 1320w"
+            sizes="min(100vw, calc(100vh * 1512 / 2016))"
+            loading="lazy"
+            decoding="async"
+            alt="Des personnes devant moi avec des traineaux, on voit mon ombre.">
     </a>
     <figcaption>Pour ma part, c’est neige fraîche, quitte à forcer un peu plus je préfère soigner mon silence&nbsp;relatif.</figcaption>
 </figure>
 <p>Le campement est dans une crique qui laisse suffisamment d’espace pour ne pas être trop les un·es sur les autres. Je fais l’erreur de choisir stratégiquement un emplacement qui pourrait être au soleil le matin au détriment de la protection au vent. Ça va s’avérer assez critique plus tard car on va se prendre de bonnes bourrasques qui me feront craindre l’envol de mon tipi. J’enneige les bords avant de me coucher pour éviter la prise au vent par en-dessous, tant pis si ça condense cette nuit, c’est la dernière&nbsp;dehors.</p>
 <figure>
-    <a href="#2023-02-11-coucher-soleil"
+    <a href="/static/david/2023/2023-02-11-coucher-soleil.jpg"
         title="Cliquer pour une version haute résolution">
-        <picture>
-            <source
-                srcset="/static/david/2023/2023-02-11-coucher-soleil.webp 1512w"
-                sizes="min(100vw, calc(100vh * 1512 / 2016))"
-                type="image/webp">
-            <!-- The <img> tag is a fallback image (required in the <picture> tag) -->
-            <img
-                src="/static/david/2023/2023-02-11-coucher-soleil.jpg"
-                width="1512" height="2016"
-                srcset="/static/david/2023/2023-02-11-coucher-soleil.jpg 1512w"
-                sizes="min(100vw, calc(100vh * 1512 / 2016))"
-                fetchpriority="high"
-                decoding="sync"
-                alt="Le soleil se couche derrière des blocs de glace.">
-        </picture>
-    </a>
-    <a href="#_" class="lightbox" id="2023-02-11-coucher-soleil">
-        <picture style="margin:0 auto;">
-            <source
-                srcset="/static/david/2023/2023-02-11-coucher-soleil.webp 1512w"
-                sizes="min(100vw, calc(100vh * 1512 / 2016))"
-                type="image/webp">
-            <!-- The <img> tag is a fallback image (required in the <picture> tag) -->
-            <img
-                src="/static/david/2023/2023-02-11-coucher-soleil.jpg"
-                width="1512" height="2016"
-                srcset="/static/david/2023/2023-02-11-coucher-soleil.jpg 1512w"
-                sizes="min(100vw, calc(100vh * 1512 / 2016))"
-                fetchpriority="high"
-                decoding="sync"
-                alt="Le soleil se couche derrière des blocs de glace.">
-        </picture>
+        <img
+            src="/static/david/2023/2023-02-11-coucher-soleil.jpg"
+            width="1512" height="2016"
+            srcset="/static/david/2023/2023-02-11-coucher-soleil.jpg 1512w, /static/david/2023/2023-02-11-coucher-soleil_660x440.jpg 660w, /static/david/2023/2023-02-11-coucher-soleil_990x660.jpg 990w, /static/david/2023/2023-02-11-coucher-soleil_1320x880.jpg 1320w"
+            sizes="min(100vw, calc(100vh * 1512 / 2016))"
+            loading="lazy"
+            decoding="async"
+            alt="Le soleil se couche derrière des blocs de glace.">
     </a>
     <figcaption>Je vous épargne les différents dégradés de rose qui ont suivi&nbsp;!</figcaption>
 </figure>
 <p>Le coucher de soleil est magnifique et je tente même un peu d’astrophotographie à l’iPhone, soyons fous. Un ragoût de bœuf était proposé pour les personnes qui ne voulaient pas être en autonomie complète. Je tente le coup et c’était bon mais je crois que je ne mange plus assez de viande pour supporter des portions d’expédition vu mon état de fatigue. Mes nouilles traditionnelles seraient probablement mieux passées. La soirée se passe plutôt bien et les températures restent&nbsp;agréables.</p>
 <figure>
-    <a href="#2023-02-11-astro-photographie"
+    <a href="/static/david/2023/2023-02-11-astro-photographie.jpg"
         title="Cliquer pour une version haute résolution">
-        <picture>
-            <source
-                srcset="/static/david/2023/2023-02-11-astro-photographie.webp 1512w"
-                sizes="min(100vw, calc(100vh * 1512 / 2016))"
-                type="image/webp">
-            <!-- The <img> tag is a fallback image (required in the <picture> tag) -->
-            <img
-                src="/static/david/2023/2023-02-11-astro-photographie.jpg"
-                width="1512" height="2016"
-                srcset="/static/david/2023/2023-02-11-astro-photographie.jpg 1512w"
-                sizes="min(100vw, calc(100vh * 1512 / 2016))"
-                fetchpriority="high"
-                decoding="sync"
-                alt="Une tente rouge et Orion au-dessus.">
-        </picture>
-    </a>
-    <a href="#_" class="lightbox" id="2023-02-11-astro-photographie">
-        <picture style="margin:0 auto;">
-            <source
-                srcset="/static/david/2023/2023-02-11-astro-photographie.webp 1512w"
-                sizes="min(100vw, calc(100vh * 1512 / 2016))"
-                type="image/webp">
-            <!-- The <img> tag is a fallback image (required in the <picture> tag) -->
-            <img
-                src="/static/david/2023/2023-02-11-astro-photographie.jpg"
-                width="1512" height="2016"
-                srcset="/static/david/2023/2023-02-11-astro-photographie.jpg 1512w"
-                sizes="min(100vw, calc(100vh * 1512 / 2016))"
-                fetchpriority="high"
-                decoding="sync"
-                alt="Une tente rouge et Orion au-dessus.">
-        </picture>
+        <img
+            src="/static/david/2023/2023-02-11-astro-photographie.jpg"
+            width="1512" height="2016"
+            srcset="/static/david/2023/2023-02-11-astro-photographie.jpg 1512w, /static/david/2023/2023-02-11-astro-photographie_660x440.jpg 660w, /static/david/2023/2023-02-11-astro-photographie_990x660.jpg 990w, /static/david/2023/2023-02-11-astro-photographie_1320x880.jpg 1320w"
+            sizes="min(100vw, calc(100vh * 1512 / 2016))"
+            loading="lazy"
+            decoding="async"
+            alt="Une tente rouge et Orion au-dessus.">
     </a>
     <figcaption>C’est bruité et tout mais j’étais content que l’on distingue au moins&nbsp;Orion.</figcaption>
 </figure>
@@ -473,40 +257,16 @@
 <p>Je me réveille avec pas mal de symptômes, je me sens malade depuis la veille et ça ne s’arrange pas… je suis dégoûté. Tout seul, j’aurais reporté mais là c’est plus compliqué, j’accompagne l’enfant à l’école et je mets un bon moment à me décider à décoller pour 3&nbsp;heures de route après un bon cocktail de vitamines. Je me dis que si ça se dégrade vraiment dans l’après-midi/nuit je pourrai toujours rester au chalet d’accueil la nuit et&nbsp;rentrer.</p>
 <p>J’arrive le premier, il est demandé aux participant·es de passer la première nuit sur le parking pour vérifier le matériel et les compétences, ce que je trouve justifié vu le contexte. Je monte tranquillement la tente, les conditions de voyage ont été difficiles et je n’ai qu’une hâte&nbsp;: la&nbsp;sieste&#8239;!</p>
 <figure>
-    <a href="#2023-02-10-camping-parking"
+    <a href="/static/david/2023/2023-02-10-camping-parking.jpg"
         title="Cliquer pour une version haute résolution">
-        <picture>
-            <source
-                srcset="/static/david/2023/2023-02-10-camping-parking.webp 1512w"
-                sizes="min(100vw, calc(100vh * 1512 / 2016))"
-                type="image/webp">
-            <!-- The <img> tag is a fallback image (required in the <picture> tag) -->
-            <img
-                src="/static/david/2023/2023-02-10-camping-parking.jpg"
-                width="1512" height="2016"
-                srcset="/static/david/2023/2023-02-10-camping-parking.jpg 1512w"
-                sizes="min(100vw, calc(100vh * 1512 / 2016))"
-                fetchpriority="high"
-                decoding="sync"
-                alt="Un parking avec un bon 70 cm de neige vierge dessus.">
-        </picture>
-    </a>
-    <a href="#_" class="lightbox" id="2023-02-10-camping-parking">
-        <picture style="margin:0 auto;">
-            <source
-                srcset="/static/david/2023/2023-02-10-camping-parking.webp 1512w"
-                sizes="min(100vw, calc(100vh * 1512 / 2016))"
-                type="image/webp">
-            <!-- The <img> tag is a fallback image (required in the <picture> tag) -->
-            <img
-                src="/static/david/2023/2023-02-10-camping-parking.jpg"
-                width="1512" height="2016"
-                srcset="/static/david/2023/2023-02-10-camping-parking.jpg 1512w"
-                sizes="min(100vw, calc(100vh * 1512 / 2016))"
-                fetchpriority="high"
-                decoding="sync"
-                alt="Un parking avec un bon 70 cm de neige vierge dessus.">
-        </picture>
+        <img
+            src="/static/david/2023/2023-02-10-camping-parking.jpg"
+            width="1512" height="2016"
+            srcset="/static/david/2023/2023-02-10-camping-parking.jpg 1512w, /static/david/2023/2023-02-10-camping-parking_660x440.jpg 660w, /static/david/2023/2023-02-10-camping-parking_990x660.jpg 990w, /static/david/2023/2023-02-10-camping-parking_1320x880.jpg 1320w"
+            sizes="min(100vw, calc(100vh * 1512 / 2016))"
+            loading="lazy"
+            decoding="async"
+            alt="Un parking avec un bon 70 cm de neige vierge dessus.">
     </a>
     <figcaption>C’est bien la première fois que je vais camper sur un parking&nbsp;!</figcaption>
 </figure>

david/2023/sport/index.html

@@ -85,154 +85,58 @@
 <p>Je n’en dis pas plus… il risquerait d’y avoir trop de monde dans les&nbsp;traces&nbsp;😅.</p>
 <p>PS&nbsp;: j’ai une petite (8&#8239;km, hamster-style) piste à 250&nbsp;mètres de chez moi et je suis tellement reconnaissant à la ville de Montréal d’aménager les parcs et pistes cyclables en hiver pour glisser dans la nature&nbsp;urbaine&nbsp;💚.</p>
 <figure>
-    <a href="#2023-01-13-ski-visitation1"
+    <a href="/static/david/2023/2023-01-13-ski-visitation1.jpg"
         title="Cliquer pour une version haute résolution">
-        <picture>
-            <source
-                srcset="/static/david/2023/2023-01-13-ski-visitation1.webp 2048w"
-                sizes="min(100vw, calc(100vh * 2048 / 2731))"
-                type="image/webp">
-            <!-- The <img> tag is a fallback image (required in the <picture> tag) -->
-            <img
-                src="/static/david/2023/2023-01-13-ski-visitation1.jpg"
-                width="2048" height="2731"
-                srcset="/static/david/2023/2023-01-13-ski-visitation1.jpg 2048w"
-                sizes="min(100vw, calc(100vh * 2048 / 2731))"
-                fetchpriority="high"
-                decoding="sync"
-                alt="Des traces de piste de ski de fond dans la tempête de neige.">
-        </picture>
-    </a>
-    <a href="#_" class="lightbox" id="2023-01-13-ski-visitation1">
-        <picture style="margin:0 auto;">
-            <source
-                srcset="/static/david/2023/2023-01-13-ski-visitation1.webp 2048w"
-                sizes="min(100vw, calc(100vh * 2048 / 2731))"
-                type="image/webp">
-            <!-- The <img> tag is a fallback image (required in the <picture> tag) -->
-            <img
-                src="/static/david/2023/2023-01-13-ski-visitation1.jpg"
-                width="2048" height="2731"
-                srcset="/static/david/2023/2023-01-13-ski-visitation1.jpg 2048w"
-                sizes="min(100vw, calc(100vh * 2048 / 2731))"
-                fetchpriority="high"
-                decoding="sync"
-                alt="Des traces de piste de ski de fond dans la tempête de neige.">
-        </picture>
+        <img
+            src="/static/david/2023/2023-01-13-ski-visitation1.jpg"
+            width="2048" height="2731"
+            srcset="/static/david/2023/2023-01-13-ski-visitation1.jpg 2048w, /static/david/2023/2023-01-13-ski-visitation1_660x440.jpg 660w, /static/david/2023/2023-01-13-ski-visitation1_990x660.jpg 990w, /static/david/2023/2023-01-13-ski-visitation1_1320x880.jpg 1320w"
+            sizes="min(100vw, calc(100vh * 2048 / 2731))"
+            loading="lazy"
+            decoding="async"
+            alt="Des traces de piste de ski de fond dans la tempête de neige.">
     </a>
     <figcaption>Parc de l’Île de la Visitation, Montréal, 13 janvier&nbsp;2023.</figcaption>
 </figure>
 <figure>
-    <a href="#2023-01-13-ski-visitation2"
+    <a href="/static/david/2023/2023-01-13-ski-visitation2.jpg"
         title="Cliquer pour une version haute résolution">
-        <picture>
-            <source
-                srcset="/static/david/2023/2023-01-13-ski-visitation2.webp 2048w"
-                sizes="min(100vw, calc(100vh * 2048 / 1536))"
-                type="image/webp">
-            <!-- The <img> tag is a fallback image (required in the <picture> tag) -->
-            <img
-                src="/static/david/2023/2023-01-13-ski-visitation2.jpg"
-                width="2048" height="1536"
-                srcset="/static/david/2023/2023-01-13-ski-visitation2.jpg 2048w"
-                sizes="min(100vw, calc(100vh * 2048 / 1536))"
-                fetchpriority="high"
-                decoding="sync"
-                alt="Des traces de piste de ski de fond dans la tempête de neige.">
-        </picture>
-    </a>
-    <a href="#_" class="lightbox" id="2023-01-13-ski-visitation2">
-        <picture style="margin:0 auto;">
-            <source
-                srcset="/static/david/2023/2023-01-13-ski-visitation2.webp 2048w"
-                sizes="min(100vw, calc(100vh * 2048 / 1536))"
-                type="image/webp">
-            <!-- The <img> tag is a fallback image (required in the <picture> tag) -->
-            <img
-                src="/static/david/2023/2023-01-13-ski-visitation2.jpg"
-                width="2048" height="1536"
-                srcset="/static/david/2023/2023-01-13-ski-visitation2.jpg 2048w"
-                sizes="min(100vw, calc(100vh * 2048 / 1536))"
-                fetchpriority="high"
-                decoding="sync"
-                alt="Des traces de piste de ski de fond dans la tempête de neige.">
-        </picture>
+        <img
+            src="/static/david/2023/2023-01-13-ski-visitation2.jpg"
+            width="2048" height="1536"
+            srcset="/static/david/2023/2023-01-13-ski-visitation2.jpg 2048w, /static/david/2023/2023-01-13-ski-visitation2_660x440.jpg 660w, /static/david/2023/2023-01-13-ski-visitation2_990x660.jpg 990w, /static/david/2023/2023-01-13-ski-visitation2_1320x880.jpg 1320w"
+            sizes="min(100vw, calc(100vh * 2048 / 1536))"
+            loading="lazy"
+            decoding="async"
+            alt="Des traces de piste de ski de fond dans la tempête de neige.">
     </a>
     <figcaption>Parc de l’Île de la Visitation, Montréal, 13 janvier&nbsp;2023.</figcaption>
 </figure>
 <figure>
-    <a href="#2023-01-13-ski-visitation3"
+    <a href="/static/david/2023/2023-01-13-ski-visitation3.jpg"
         title="Cliquer pour une version haute résolution">
-        <picture>
-            <source
-                srcset="/static/david/2023/2023-01-13-ski-visitation3.webp 2048w"
-                sizes="min(100vw, calc(100vh * 2048 / 2731))"
-                type="image/webp">
-            <!-- The <img> tag is a fallback image (required in the <picture> tag) -->
-            <img
-                src="/static/david/2023/2023-01-13-ski-visitation3.jpg"
-                width="2048" height="2731"
-                srcset="/static/david/2023/2023-01-13-ski-visitation3.jpg 2048w"
-                sizes="min(100vw, calc(100vh * 2048 / 2731))"
-                fetchpriority="high"
-                decoding="sync"
-                alt="Des traces de piste de ski de fond dans la tempête de neige.">
-        </picture>
-    </a>
-    <a href="#_" class="lightbox" id="2023-01-13-ski-visitation3">
-        <picture style="margin:0 auto;">
-            <source
-                srcset="/static/david/2023/2023-01-13-ski-visitation3.webp 2048w"
-                sizes="min(100vw, calc(100vh * 2048 / 2731))"
-                type="image/webp">
-            <!-- The <img> tag is a fallback image (required in the <picture> tag) -->
-            <img
-                src="/static/david/2023/2023-01-13-ski-visitation3.jpg"
-                width="2048" height="2731"
-                srcset="/static/david/2023/2023-01-13-ski-visitation3.jpg 2048w"
-                sizes="min(100vw, calc(100vh * 2048 / 2731))"
-                fetchpriority="high"
-                decoding="sync"
-                alt="Des traces de piste de ski de fond dans la tempête de neige.">
-        </picture>
+        <img
+            src="/static/david/2023/2023-01-13-ski-visitation3.jpg"
+            width="2048" height="2731"
+            srcset="/static/david/2023/2023-01-13-ski-visitation3.jpg 2048w, /static/david/2023/2023-01-13-ski-visitation3_660x440.jpg 660w, /static/david/2023/2023-01-13-ski-visitation3_990x660.jpg 990w, /static/david/2023/2023-01-13-ski-visitation3_1320x880.jpg 1320w"
+            sizes="min(100vw, calc(100vh * 2048 / 2731))"
+            loading="lazy"
+            decoding="async"
+            alt="Des traces de piste de ski de fond dans la tempête de neige.">
     </a>
     <figcaption>Parc de l’Île de la Visitation, Montréal, 13 janvier&nbsp;2023.</figcaption>
 </figure>
 <figure>
-    <a href="#2023-01-13-ski-visitation4"
+    <a href="/static/david/2023/2023-01-13-ski-visitation4.jpg"
         title="Cliquer pour une version haute résolution">
-        <picture>
-            <source
-                srcset="/static/david/2023/2023-01-13-ski-visitation4.webp 2048w"
-                sizes="min(100vw, calc(100vh * 2048 / 2731))"
-                type="image/webp">
-            <!-- The <img> tag is a fallback image (required in the <picture> tag) -->
-            <img
-                src="/static/david/2023/2023-01-13-ski-visitation4.jpg"
-                width="2048" height="2731"
-                srcset="/static/david/2023/2023-01-13-ski-visitation4.jpg 2048w"
-                sizes="min(100vw, calc(100vh * 2048 / 2731))"
-                fetchpriority="high"
-                decoding="sync"
-                alt="Des traces de piste de ski de fond dans la tempête de neige.">
-        </picture>
-    </a>
-    <a href="#_" class="lightbox" id="2023-01-13-ski-visitation4">
-        <picture style="margin:0 auto;">
-            <source
-                srcset="/static/david/2023/2023-01-13-ski-visitation4.webp 2048w"
-                sizes="min(100vw, calc(100vh * 2048 / 2731))"
-                type="image/webp">
-            <!-- The <img> tag is a fallback image (required in the <picture> tag) -->
-            <img
-                src="/static/david/2023/2023-01-13-ski-visitation4.jpg"
-                width="2048" height="2731"
-                srcset="/static/david/2023/2023-01-13-ski-visitation4.jpg 2048w"
-                sizes="min(100vw, calc(100vh * 2048 / 2731))"
-                fetchpriority="high"
-                decoding="sync"
-                alt="Des traces de piste de ski de fond dans la tempête de neige.">
-        </picture>
+        <img
+            src="/static/david/2023/2023-01-13-ski-visitation4.jpg"
+            width="2048" height="2731"
+            srcset="/static/david/2023/2023-01-13-ski-visitation4.jpg 2048w, /static/david/2023/2023-01-13-ski-visitation4_660x440.jpg 660w, /static/david/2023/2023-01-13-ski-visitation4_990x660.jpg 990w, /static/david/2023/2023-01-13-ski-visitation4_1320x880.jpg 1320w"
+            sizes="min(100vw, calc(100vh * 2048 / 2731))"
+            loading="lazy"
+            decoding="async"
+            alt="Des traces de piste de ski de fond dans la tempête de neige.">
     </a>
     <figcaption>Parc de l’Île de la Visitation, Montréal, 13 janvier&nbsp;2023.</figcaption>
 </figure>

david/2023/traces/index.html

@@ -83,118 +83,46 @@
 <p>Je m’habille et je prépare mon petit déjeuner avec mon réchaud à alcool, bien à l’abri, ça tombe en continu et le retour s’annonce épique. J’ai déjà un petit rempart de neige autour de la tente. Dire que je me réjouissais la veille que le sentier ait pu&nbsp;geler…</p>
 <p>Je sors quand même faire des photos en pleine tempête de neige et je suis très content de cette session. Même si les photos une fois développées sont assez frustrantes sur ce plan là, la recherche du moment me donne un grand&nbsp;sourire.</p>
 <figure>
-    <a href="#2023-03-04-tempete-neige"
+    <a href="/static/david/2023/2023-03-04-tempete-neige.jpg"
         title="Cliquer pour une version haute résolution">
-        <picture>
-            <source
-                srcset="/static/david/2023/2023-03-04-tempete-neige.webp 1920w"
-                sizes="min(100vw, calc(100vh * 1920 / 1280))"
-                type="image/webp">
-            <!-- The <img> tag is a fallback image (required in the <picture> tag) -->
-            <img
-                src="/static/david/2023/2023-03-04-tempete-neige.jpg"
-                width="1920" height="1280"
-                srcset="/static/david/2023/2023-03-04-tempete-neige.jpg 1920w"
-                sizes="min(100vw, calc(100vh * 1920 / 1280))"
-                fetchpriority="high"
-                decoding="sync"
-                alt="La rivière sous la tempête.">
-        </picture>
-    </a>
-    <a href="#_" class="lightbox" id="2023-03-04-tempete-neige">
-        <picture style="margin:0 auto;">
-            <source
-                srcset="/static/david/2023/2023-03-04-tempete-neige.webp 1920w"
-                sizes="min(100vw, calc(100vh * 1920 / 1280))"
-                type="image/webp">
-            <!-- The <img> tag is a fallback image (required in the <picture> tag) -->
-            <img
-                src="/static/david/2023/2023-03-04-tempete-neige.jpg"
-                width="1920" height="1280"
-                srcset="/static/david/2023/2023-03-04-tempete-neige.jpg 1920w"
-                sizes="min(100vw, calc(100vh * 1920 / 1280))"
-                fetchpriority="high"
-                decoding="sync"
-                alt="La rivière sous la tempête.">
-        </picture>
+        <img
+            src="/static/david/2023/2023-03-04-tempete-neige.jpg"
+            width="1920" height="1280"
+            srcset="/static/david/2023/2023-03-04-tempete-neige.jpg 1920w, /static/david/2023/2023-03-04-tempete-neige_660x440.jpg 660w, /static/david/2023/2023-03-04-tempete-neige_990x660.jpg 990w, /static/david/2023/2023-03-04-tempete-neige_1320x880.jpg 1320w"
+            sizes="min(100vw, calc(100vh * 1920 / 1280))"
+            loading="lazy"
+            decoding="async"
+            alt="La rivière sous la tempête.">
     </a>
     <figcaption>Il neigeait dru&nbsp;!</figcaption>
 </figure>
 <p>Cerise sur le gâteau, je vois des traces sur la berge opposée et je commence à les suivre en aval puis en amont, assez loin. Il est passé il y a moins de 15&nbsp;minutes et c’était à 100&nbsp;mètres de mon campement. Je casse le suspense tout de suite, je n’ai jamais vu l’animal mais la traque dans ces conditions idéales pour avoir l’espoir de s’approcher sans être vu ni entendu était extrêmement stimulante. À chaque ouverture sur la rivière depuis le sentier, j’imaginais ce que ça pourrait donner avec un coyote ou un ongulé au premier plan. J’ai encore ces images dans la&nbsp;tête&nbsp;:-).</p>
 <figure>
-    <a href="#2023-03-04-traces"
+    <a href="/static/david/2023/2023-03-04-traces.jpg"
         title="Cliquer pour une version haute résolution">
-        <picture>
-            <source
-                srcset="/static/david/2023/2023-03-04-traces.webp 1920w"
-                sizes="min(100vw, calc(100vh * 1920 / 1280))"
-                type="image/webp">
-            <!-- The <img> tag is a fallback image (required in the <picture> tag) -->
-            <img
-                src="/static/david/2023/2023-03-04-traces.jpg"
-                width="1920" height="1280"
-                srcset="/static/david/2023/2023-03-04-traces.jpg 1920w"
-                sizes="min(100vw, calc(100vh * 1920 / 1280))"
-                fetchpriority="high"
-                decoding="sync"
-                alt="Des traces dans la neige.">
-        </picture>
-    </a>
-    <a href="#_" class="lightbox" id="2023-03-04-traces">
-        <picture style="margin:0 auto;">
-            <source
-                srcset="/static/david/2023/2023-03-04-traces.webp 1920w"
-                sizes="min(100vw, calc(100vh * 1920 / 1280))"
-                type="image/webp">
-            <!-- The <img> tag is a fallback image (required in the <picture> tag) -->
-            <img
-                src="/static/david/2023/2023-03-04-traces.jpg"
-                width="1920" height="1280"
-                srcset="/static/david/2023/2023-03-04-traces.jpg 1920w"
-                sizes="min(100vw, calc(100vh * 1920 / 1280))"
-                fetchpriority="high"
-                decoding="sync"
-                alt="Des traces dans la neige.">
-        </picture>
+        <img
+            src="/static/david/2023/2023-03-04-traces.jpg"
+            width="1920" height="1280"
+            srcset="/static/david/2023/2023-03-04-traces.jpg 1920w, /static/david/2023/2023-03-04-traces_660x440.jpg 660w, /static/david/2023/2023-03-04-traces_990x660.jpg 990w, /static/david/2023/2023-03-04-traces_1320x880.jpg 1320w"
+            sizes="min(100vw, calc(100vh * 1920 / 1280))"
+            loading="lazy"
+            decoding="async"
+            alt="Des traces dans la neige.">
     </a>
     <figcaption>À une prochaine, l’animal.</figcaption>
 </figure>
 <p>Le rangement du campement sous la neige est assez complexe sans tout mouiller mais c’est un bon exercice. Par contre le retour est vraiment fastidieux car en montée avec 15&nbsp;cm de poudreuse fraîche en plus ça devient difficile de traîner une luge adaptée par mes soins. Je me dis qu’il serait pertinent d’investir dans une vraie&nbsp;pulka…</p>
 <figure>
-    <a href="#2023-03-04-traineau"
+    <a href="/static/david/2023/2023-03-04-traineau.jpg"
         title="Cliquer pour une version haute résolution">
-        <picture>
-            <source
-                srcset="/static/david/2023/2023-03-04-traineau.webp 1512w"
-                sizes="min(100vw, calc(100vh * 1512 / 2268))"
-                type="image/webp">
-            <!-- The <img> tag is a fallback image (required in the <picture> tag) -->
-            <img
-                src="/static/david/2023/2023-03-04-traineau.jpg"
-                width="1512" height="2268"
-                srcset="/static/david/2023/2023-03-04-traineau.jpg 1512w"
-                sizes="min(100vw, calc(100vh * 1512 / 2268))"
-                fetchpriority="high"
-                decoding="sync"
-                alt="Le traîneau sur le chemin du retour.">
-        </picture>
-    </a>
-    <a href="#_" class="lightbox" id="2023-03-04-traineau">
-        <picture style="margin:0 auto;">
-            <source
-                srcset="/static/david/2023/2023-03-04-traineau.webp 1512w"
-                sizes="min(100vw, calc(100vh * 1512 / 2268))"
-                type="image/webp">
-            <!-- The <img> tag is a fallback image (required in the <picture> tag) -->
-            <img
-                src="/static/david/2023/2023-03-04-traineau.jpg"
-                width="1512" height="2268"
-                srcset="/static/david/2023/2023-03-04-traineau.jpg 1512w"
-                sizes="min(100vw, calc(100vh * 1512 / 2268))"
-                fetchpriority="high"
-                decoding="sync"
-                alt="Le traîneau sur le chemin du retour.">
-        </picture>
+        <img
+            src="/static/david/2023/2023-03-04-traineau.jpg"
+            width="1512" height="2268"
+            srcset="/static/david/2023/2023-03-04-traineau.jpg 1512w, /static/david/2023/2023-03-04-traineau_660x440.jpg 660w, /static/david/2023/2023-03-04-traineau_990x660.jpg 990w, /static/david/2023/2023-03-04-traineau_1320x880.jpg 1320w"
+            sizes="min(100vw, calc(100vh * 1512 / 2268))"
+            loading="lazy"
+            decoding="async"
+            alt="Le traîneau sur le chemin du retour.">
     </a>
     <figcaption>Le secret, c’est de faire des pauses, vraiment beaucoup de pauses&nbsp;!</figcaption>
 </figure>

david/2023/web/index.html

@@ -339,80 +339,32 @@ Mais il est terminé, et c’est le plus&nbsp;important.</p>
 <p><cite><em>Ibid.</em></cite></p>
 </blockquote>
 <figure>
-    <a href="#2023-01-06-toile-gouttes"
+    <a href="/static/david/2023/2023-01-06-toile-gouttes.jpg"
         title="Cliquer pour une version haute résolution">
-        <picture>
-            <source
-                srcset="/static/david/2023/2023-01-06-toile-gouttes.webp 3024w"
-                sizes="min(100vw, calc(100vh * 3024 / 4032))"
-                type="image/webp">
-            <!-- The <img> tag is a fallback image (required in the <picture> tag) -->
-            <img
-                src="/static/david/2023/2023-01-06-toile-gouttes.jpg"
-                width="3024" height="4032"
-                srcset="/static/david/2023/2023-01-06-toile-gouttes.jpg 3024w"
-                sizes="min(100vw, calc(100vh * 3024 / 4032))"
-                fetchpriority="high"
-                decoding="sync"
-                alt="Une toile d’araignée avec des gouttes de rosée et en arrière plan, flou, des immeubles de l’autre côté de la Rivière des Prairies">
-        </picture>
-    </a>
-    <a href="#_" class="lightbox" id="2023-01-06-toile-gouttes">
-        <picture style="margin:0 auto;">
-            <source
-                srcset="/static/david/2023/2023-01-06-toile-gouttes.webp 3024w"
-                sizes="min(100vw, calc(100vh * 3024 / 4032))"
-                type="image/webp">
-            <!-- The <img> tag is a fallback image (required in the <picture> tag) -->
-            <img
-                src="/static/david/2023/2023-01-06-toile-gouttes.jpg"
-                width="3024" height="4032"
-                srcset="/static/david/2023/2023-01-06-toile-gouttes.jpg 3024w"
-                sizes="min(100vw, calc(100vh * 3024 / 4032))"
-                fetchpriority="high"
-                decoding="sync"
-                alt="Une toile d’araignée avec des gouttes de rosée et en arrière plan, flou, des immeubles de l’autre côté de la Rivière des Prairies">
-        </picture>
+        <img
+            src="/static/david/2023/2023-01-06-toile-gouttes.jpg"
+            width="1512" height="2016"
+            srcset="/static/david/2023/2023-01-06-toile-gouttes.jpg 1512w, /static/david/2023/2023-01-06-toile-gouttes_660x440.jpg 660w, /static/david/2023/2023-01-06-toile-gouttes_990x660.jpg 990w, /static/david/2023/2023-01-06-toile-gouttes_1320x880.jpg 1320w"
+            sizes="min(100vw, calc(100vh * 1512 / 2016))"
+            loading="lazy"
+            decoding="async"
+            alt="Une toile d’araignée avec des gouttes de rosée et en arrière plan, flou, des immeubles de l’autre côté de la Rivière des Prairies">
     </a>
     <figcaption>Parc Louis-Hébert, Montréal, 2 novembre&nbsp;2022.</figcaption>
 </figure>
 <details>
 <summary>Et pendant ce temps là de l’autre côté de la rue&nbsp;:</summary>
 <figure>
-    <a href="#2023-01-06-toile-soleil"
+    <a href="/static/david/2023/2023-01-06-toile-soleil.jpg"
         title="Cliquer pour une version haute résolution">
-        <picture>
-            <source
-                srcset="/static/david/2023/2023-01-06-toile-soleil.webp 4032w"
-                sizes="min(100vw, calc(100vh * 4032 / 3024))"
-                type="image/webp">
-            <!-- The <img> tag is a fallback image (required in the <picture> tag) -->
-            <img
-                src="/static/david/2023/2023-01-06-toile-soleil.jpg"
-                width="4032" height="3024"
-                srcset="/static/david/2023/2023-01-06-toile-soleil.jpg 4032w"
-                sizes="min(100vw, calc(100vh * 4032 / 3024))"
-                fetchpriority="high"
-                decoding="sync"
-                alt="Un parc pour enfant à contre-jour avec le soleil qui se lève dans le brouillard et qui forme une jolie étoile">
-        </picture>
-    </a>
-    <a href="#_" class="lightbox" id="2023-01-06-toile-soleil">
-        <picture style="margin:0 auto;">
-            <source
-                srcset="/static/david/2023/2023-01-06-toile-soleil.webp 4032w"
-                sizes="min(100vw, calc(100vh * 4032 / 3024))"
-                type="image/webp">
-            <!-- The <img> tag is a fallback image (required in the <picture> tag) -->
-            <img
-                src="/static/david/2023/2023-01-06-toile-soleil.jpg"
-                width="4032" height="3024"
-                srcset="/static/david/2023/2023-01-06-toile-soleil.jpg 4032w"
-                sizes="min(100vw, calc(100vh * 4032 / 3024))"
-                fetchpriority="high"
-                decoding="sync"
-                alt="Un parc pour enfant à contre-jour avec le soleil qui se lève dans le brouillard et qui forme une jolie étoile">
-        </picture>
+        <img
+            src="/static/david/2023/2023-01-06-toile-soleil.jpg"
+            width="2016" height="1512"
+            srcset="/static/david/2023/2023-01-06-toile-soleil.jpg 2016w, /static/david/2023/2023-01-06-toile-soleil_660x440.jpg 660w, /static/david/2023/2023-01-06-toile-soleil_990x660.jpg 990w, /static/david/2023/2023-01-06-toile-soleil_1320x880.jpg 1320w"
+            sizes="min(100vw, calc(100vh * 2016 / 1512))"
+            loading="lazy"
+            decoding="async"
+            alt="Un parc pour enfant à contre-jour avec le soleil qui se lève dans le brouillard et qui forme une jolie étoile">
     </a>
     <figcaption>Une toile de soleil&nbsp;!</figcaption>
 </figure>

david/log/index.xml

@@ -6,7 +6,7 @@
     <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>2023-03-10T12:00:00+01:00</updated>
+    <updated>2023-03-11T12:00:00+01:00</updated>
     <author>
         <name>David Larlet</name>
         <uri>https://larlet.fr/david/</uri>
@@ -25,18 +25,13 @@
 &lt;figure&gt;
     &lt;a href=&quot;https://larlet.fr/static/david/2023/2023-03-04-tempete-neige.jpg&quot;
         title=&quot;Cliquer pour une version haute résolution&quot;&gt;
-        &lt;source
-            srcset=&quot;/static/david/2023/2023-03-04-tempete-neige.webp 1920w&quot;
-            sizes=&quot;min(100vw, calc(100vh * 1920 / 1280))&quot;
-            type=&quot;image/webp&quot;&gt;
-        &lt;!-- The &lt;img&gt; tag is a fallback image (required in the &lt;picture&gt; tag) --&gt;
         &lt;img
             src=&quot;https://larlet.fr/static/david/2023/2023-03-04-tempete-neige.jpg&quot;
             width=&quot;1920&quot; height=&quot;1280&quot;
-            srcset=&quot;/static/david/2023/2023-03-04-tempete-neige.jpg 1920w&quot;
+            srcset=&quot;/static/david/2023/2023-03-04-tempete-neige.jpg 1920w, /static/david/2023/2023-03-04-tempete-neige_660x440.jpg 660w, /static/david/2023/2023-03-04-tempete-neige_990x660.jpg 990w, /static/david/2023/2023-03-04-tempete-neige_1320x880.jpg 1320w&quot;
             sizes=&quot;min(100vw, calc(100vh * 1920 / 1280))&quot;
-            fetchpriority=&quot;high&quot;
-            decoding=&quot;sync&quot;
+            loading=&quot;lazy&quot;
+            decoding=&quot;async&quot;
             alt=&quot;La rivière sous la tempête.&quot;&gt;
     &lt;/a&gt;
     &lt;figcaption&gt;Il neigeait dru&amp;nbsp;!&lt;/figcaption&gt;
@@ -45,18 +40,13 @@
 &lt;figure&gt;
     &lt;a href=&quot;https://larlet.fr/static/david/2023/2023-03-04-traces.jpg&quot;
         title=&quot;Cliquer pour une version haute résolution&quot;&gt;
-        &lt;source
-            srcset=&quot;/static/david/2023/2023-03-04-traces.webp 1920w&quot;
-            sizes=&quot;min(100vw, calc(100vh * 1920 / 1280))&quot;
-            type=&quot;image/webp&quot;&gt;
-        &lt;!-- The &lt;img&gt; tag is a fallback image (required in the &lt;picture&gt; tag) --&gt;
         &lt;img
             src=&quot;https://larlet.fr/static/david/2023/2023-03-04-traces.jpg&quot;
             width=&quot;1920&quot; height=&quot;1280&quot;
-            srcset=&quot;/static/david/2023/2023-03-04-traces.jpg 1920w&quot;
+            srcset=&quot;/static/david/2023/2023-03-04-traces.jpg 1920w, /static/david/2023/2023-03-04-traces_660x440.jpg 660w, /static/david/2023/2023-03-04-traces_990x660.jpg 990w, /static/david/2023/2023-03-04-traces_1320x880.jpg 1320w&quot;
             sizes=&quot;min(100vw, calc(100vh * 1920 / 1280))&quot;
-            fetchpriority=&quot;high&quot;
-            decoding=&quot;sync&quot;
+            loading=&quot;lazy&quot;
+            decoding=&quot;async&quot;
             alt=&quot;Des traces dans la neige.&quot;&gt;
     &lt;/a&gt;
     &lt;figcaption&gt;À une prochaine, l’animal.&lt;/figcaption&gt;
@@ -65,18 +55,13 @@
 &lt;figure&gt;
     &lt;a href=&quot;https://larlet.fr/static/david/2023/2023-03-04-traineau.jpg&quot;
         title=&quot;Cliquer pour une version haute résolution&quot;&gt;
-        &lt;source
-            srcset=&quot;/static/david/2023/2023-03-04-traineau.webp 1512w&quot;
-            sizes=&quot;min(100vw, calc(100vh * 1512 / 2268))&quot;
-            type=&quot;image/webp&quot;&gt;
-        &lt;!-- The &lt;img&gt; tag is a fallback image (required in the &lt;picture&gt; tag) --&gt;
         &lt;img
             src=&quot;https://larlet.fr/static/david/2023/2023-03-04-traineau.jpg&quot;
             width=&quot;1512&quot; height=&quot;2268&quot;
-            srcset=&quot;/static/david/2023/2023-03-04-traineau.jpg 1512w&quot;
+            srcset=&quot;/static/david/2023/2023-03-04-traineau.jpg 1512w, /static/david/2023/2023-03-04-traineau_660x440.jpg 660w, /static/david/2023/2023-03-04-traineau_990x660.jpg 990w, /static/david/2023/2023-03-04-traineau_1320x880.jpg 1320w&quot;
             sizes=&quot;min(100vw, calc(100vh * 1512 / 2268))&quot;
-            fetchpriority=&quot;high&quot;
-            decoding=&quot;sync&quot;
+            loading=&quot;lazy&quot;
+            decoding=&quot;async&quot;
             alt=&quot;Le traîneau sur le chemin du retour.&quot;&gt;
     &lt;/a&gt;
     &lt;figcaption&gt;Le secret, c’est de faire des pauses, vraiment beaucoup de pauses&amp;nbsp;!&lt;/figcaption&gt;
@@ -97,18 +82,13 @@
 &lt;figure&gt;
     &lt;a href=&quot;https://larlet.fr/static/david/2023/2023-03-03-feu-soleil.jpg&quot;
         title=&quot;Cliquer pour une version haute résolution&quot;&gt;
-        &lt;source
-            srcset=&quot;/static/david/2023/2023-03-03-feu-soleil.webp 1512w&quot;
-            sizes=&quot;min(100vw, calc(100vh * 1512 / 2268))&quot;
-            type=&quot;image/webp&quot;&gt;
-        &lt;!-- The &lt;img&gt; tag is a fallback image (required in the &lt;picture&gt; tag) --&gt;
         &lt;img
             src=&quot;https://larlet.fr/static/david/2023/2023-03-03-feu-soleil.jpg&quot;
             width=&quot;1512&quot; height=&quot;2268&quot;
-            srcset=&quot;/static/david/2023/2023-03-03-feu-soleil.jpg 1512w&quot;
+            srcset=&quot;/static/david/2023/2023-03-03-feu-soleil.jpg 1512w, /static/david/2023/2023-03-03-feu-soleil_660x440.jpg 660w, /static/david/2023/2023-03-03-feu-soleil_990x660.jpg 990w, /static/david/2023/2023-03-03-feu-soleil_1320x880.jpg 1320w&quot;
             sizes=&quot;min(100vw, calc(100vh * 1512 / 2268))&quot;
-            fetchpriority=&quot;high&quot;
-            decoding=&quot;sync&quot;
+            loading=&quot;lazy&quot;
+            decoding=&quot;async&quot;
             alt=&quot;Le campement avec le soleil en arrière plan.&quot;&gt;
     &lt;/a&gt;
     &lt;figcaption&gt;Ô soleil, merci de ta chaleur&amp;nbsp;!&lt;/figcaption&gt;
@@ -119,18 +99,13 @@
 &lt;figure&gt;
     &lt;a href=&quot;https://larlet.fr/static/david/2023/2023-03-03-riviere-ouareau.jpg&quot;
         title=&quot;Cliquer pour une version haute résolution&quot;&gt;
-        &lt;source
-            srcset=&quot;/static/david/2023/2023-03-03-riviere-ouareau.webp 1512w&quot;
-            sizes=&quot;min(100vw, calc(100vh * 1512 / 2268))&quot;
-            type=&quot;image/webp&quot;&gt;
-        &lt;!-- The &lt;img&gt; tag is a fallback image (required in the &lt;picture&gt; tag) --&gt;
         &lt;img
             src=&quot;https://larlet.fr/static/david/2023/2023-03-03-riviere-ouareau.jpg&quot;
             width=&quot;1512&quot; height=&quot;2268&quot;
-            srcset=&quot;/static/david/2023/2023-03-03-riviere-ouareau.jpg 1512w&quot;
+            srcset=&quot;/static/david/2023/2023-03-03-riviere-ouareau.jpg 1512w, /static/david/2023/2023-03-03-riviere-ouareau_660x440.jpg 660w, /static/david/2023/2023-03-03-riviere-ouareau_990x660.jpg 990w, /static/david/2023/2023-03-03-riviere-ouareau_1320x880.jpg 1320w&quot;
             sizes=&quot;min(100vw, calc(100vh * 1512 / 2268))&quot;
-            fetchpriority=&quot;high&quot;
-            decoding=&quot;sync&quot;
+            loading=&quot;lazy&quot;
+            decoding=&quot;async&quot;
             alt=&quot;La rivière Ouareau bien gelée.&quot;&gt;
     &lt;/a&gt;
     &lt;figcaption&gt;Les méandres de la rivière&amp;nbsp;gelée.&lt;/figcaption&gt;
@@ -139,18 +114,13 @@
 &lt;figure&gt;
     &lt;a href=&quot;https://larlet.fr/static/david/2023/2023-03-03-sentier-murmures.jpg&quot;
         title=&quot;Cliquer pour une version haute résolution&quot;&gt;
-        &lt;source
-            srcset=&quot;/static/david/2023/2023-03-03-sentier-murmures.webp 1512w&quot;
-            sizes=&quot;min(100vw, calc(100vh * 1512 / 2268))&quot;
-            type=&quot;image/webp&quot;&gt;
-        &lt;!-- The &lt;img&gt; tag is a fallback image (required in the &lt;picture&gt; tag) --&gt;
         &lt;img
             src=&quot;https://larlet.fr/static/david/2023/2023-03-03-sentier-murmures.jpg&quot;
             width=&quot;1512&quot; height=&quot;2268&quot;
-            srcset=&quot;/static/david/2023/2023-03-03-sentier-murmures.jpg 1512w&quot;
+            srcset=&quot;/static/david/2023/2023-03-03-sentier-murmures.jpg 1512w, /static/david/2023/2023-03-03-sentier-murmures_660x440.jpg 660w, /static/david/2023/2023-03-03-sentier-murmures_990x660.jpg 990w, /static/david/2023/2023-03-03-sentier-murmures_1320x880.jpg 1320w&quot;
             sizes=&quot;min(100vw, calc(100vh * 1512 / 2268))&quot;
-            fetchpriority=&quot;high&quot;
-            decoding=&quot;sync&quot;
+            loading=&quot;lazy&quot;
+            decoding=&quot;async&quot;
             alt=&quot;Le sentier des murmures.&quot;&gt;
     &lt;/a&gt;
     &lt;figcaption&gt;Une portion du sentier qui est intégralement à couvert de&amp;nbsp;forêt.&lt;/figcaption&gt;
@@ -159,18 +129,13 @@
 &lt;figure&gt;
     &lt;a href=&quot;https://larlet.fr/static/david/2023/2023-03-03-couleurs-soir.jpg&quot;
         title=&quot;Cliquer pour une version haute résolution&quot;&gt;
-        &lt;source
-            srcset=&quot;/static/david/2023/2023-03-03-couleurs-soir.webp 1512w&quot;
-            sizes=&quot;min(100vw, calc(100vh * 1512 / 2268))&quot;
-            type=&quot;image/webp&quot;&gt;
-        &lt;!-- The &lt;img&gt; tag is a fallback image (required in the &lt;picture&gt; tag) --&gt;
         &lt;img
             src=&quot;https://larlet.fr/static/david/2023/2023-03-03-couleurs-soir.jpg&quot;
             width=&quot;1512&quot; height=&quot;2268&quot;
-            srcset=&quot;/static/david/2023/2023-03-03-couleurs-soir.jpg 1512w&quot;
+            srcset=&quot;/static/david/2023/2023-03-03-couleurs-soir.jpg 1512w, /static/david/2023/2023-03-03-couleurs-soir_660x440.jpg 660w, /static/david/2023/2023-03-03-couleurs-soir_990x660.jpg 990w, /static/david/2023/2023-03-03-couleurs-soir_1320x880.jpg 1320w&quot;
             sizes=&quot;min(100vw, calc(100vh * 1512 / 2268))&quot;
-            fetchpriority=&quot;high&quot;
-            decoding=&quot;sync&quot;
+            loading=&quot;lazy&quot;
+            decoding=&quot;async&quot;
             alt=&quot;La rivière le soir.&quot;&gt;
     &lt;/a&gt;
     &lt;figcaption&gt;Difficile de restituer la sensation de calme qu’il y avait alors, seulement troublée sporadiquement par un&amp;nbsp;pic.&lt;/figcaption&gt;
@@ -192,18 +157,13 @@
 &lt;figure&gt;
     &lt;a href=&quot;https://larlet.fr/static/david/2023/2023-03-02-traineau-arrivee.jpg&quot;
         title=&quot;Cliquer pour une version haute résolution&quot;&gt;
-        &lt;source
-            srcset=&quot;/static/david/2023/2023-03-02-traineau-arrivee.webp 1512w&quot;
-            sizes=&quot;min(100vw, calc(100vh * 1512 / 2016))&quot;
-            type=&quot;image/webp&quot;&gt;
-        &lt;!-- The &lt;img&gt; tag is a fallback image (required in the &lt;picture&gt; tag) --&gt;
         &lt;img
             src=&quot;https://larlet.fr/static/david/2023/2023-03-02-traineau-arrivee.jpg&quot;
             width=&quot;1512&quot; height=&quot;2016&quot;
-            srcset=&quot;/static/david/2023/2023-03-02-traineau-arrivee.jpg 1512w&quot;
+            srcset=&quot;/static/david/2023/2023-03-02-traineau-arrivee.jpg 1512w, /static/david/2023/2023-03-02-traineau-arrivee_660x440.jpg 660w, /static/david/2023/2023-03-02-traineau-arrivee_990x660.jpg 990w, /static/david/2023/2023-03-02-traineau-arrivee_1320x880.jpg 1320w&quot;
             sizes=&quot;min(100vw, calc(100vh * 1512 / 2016))&quot;
-            fetchpriority=&quot;high&quot;
-            decoding=&quot;sync&quot;
+            loading=&quot;lazy&quot;
+            decoding=&quot;async&quot;
             alt=&quot;Le traîneau à l’arrivée avec pas mal de neige chargée.&quot;&gt;
     &lt;/a&gt;
     &lt;figcaption&gt;Ce que ça donne à l’arrivée, transporter de la neige n’a pas grand intérêt, il y en aura à&amp;nbsp;l’arrivée.&lt;/figcaption&gt;
@@ -213,18 +173,13 @@
 &lt;figure&gt;
     &lt;a href=&quot;https://larlet.fr/static/david/2023/2023-03-02-feu-levitation.jpg&quot;
         title=&quot;Cliquer pour une version haute résolution&quot;&gt;
-        &lt;source
-            srcset=&quot;/static/david/2023/2023-03-02-feu-levitation.webp 1512w&quot;
-            sizes=&quot;min(100vw, calc(100vh * 1512 / 2016))&quot;
-            type=&quot;image/webp&quot;&gt;
-        &lt;!-- The &lt;img&gt; tag is a fallback image (required in the &lt;picture&gt; tag) --&gt;
         &lt;img
             src=&quot;https://larlet.fr/static/david/2023/2023-03-02-feu-levitation.jpg&quot;
             width=&quot;1512&quot; height=&quot;2016&quot;
-            srcset=&quot;/static/david/2023/2023-03-02-feu-levitation.jpg 1512w&quot;
+            srcset=&quot;/static/david/2023/2023-03-02-feu-levitation.jpg 1512w, /static/david/2023/2023-03-02-feu-levitation_660x440.jpg 660w, /static/david/2023/2023-03-02-feu-levitation_990x660.jpg 990w, /static/david/2023/2023-03-02-feu-levitation_1320x880.jpg 1320w&quot;
             sizes=&quot;min(100vw, calc(100vh * 1512 / 2016))&quot;
-            fetchpriority=&quot;high&quot;
-            decoding=&quot;sync&quot;
+            loading=&quot;lazy&quot;
+            decoding=&quot;async&quot;
             alt=&quot;Un feu dans un foyer surélevé.&quot;&gt;
     &lt;/a&gt;
     &lt;figcaption&gt;C’est parti pour quelques heures à entretenir un&amp;nbsp;feu.&lt;/figcaption&gt;
@@ -419,18 +374,13 @@
 &lt;figure&gt;
     &lt;a href=&quot;https://larlet.fr/static/david/2023/2023-02-12-depart-campement.jpg&quot;
         title=&quot;Cliquer pour une version haute résolution&quot;&gt;
-        &lt;source
-            srcset=&quot;/static/david/2023/2023-02-12-depart-campement.webp 1512w&quot;
-            sizes=&quot;min(100vw, calc(100vh * 1512 / 2016))&quot;
-            type=&quot;image/webp&quot;&gt;
-        &lt;!-- The &lt;img&gt; tag is a fallback image (required in the &lt;picture&gt; tag) --&gt;
         &lt;img
             src=&quot;https://larlet.fr/static/david/2023/2023-02-12-depart-campement.jpg&quot;
             width=&quot;1512&quot; height=&quot;2016&quot;
-            srcset=&quot;/static/david/2023/2023-02-12-depart-campement.jpg 1512w&quot;
+            srcset=&quot;/static/david/2023/2023-02-12-depart-campement.jpg 1512w, /static/david/2023/2023-02-12-depart-campement_660x440.jpg 660w, /static/david/2023/2023-02-12-depart-campement_990x660.jpg 990w, /static/david/2023/2023-02-12-depart-campement_1320x880.jpg 1320w&quot;
             sizes=&quot;min(100vw, calc(100vh * 1512 / 2016))&quot;
-            fetchpriority=&quot;high&quot;
-            decoding=&quot;sync&quot;
+            loading=&quot;lazy&quot;
+            decoding=&quot;async&quot;
             alt=&quot;Un groupe de personnes qui partent du campement en traineau sur un lac gelé.&quot;&gt;
     &lt;/a&gt;
     &lt;figcaption&gt;Avec la gang de&amp;nbsp;tête.&lt;/figcaption&gt;
@@ -439,18 +389,13 @@
 &lt;figure&gt;
     &lt;a href=&quot;https://larlet.fr/static/david/2023/2023-02-12-traces-canides.jpg&quot;
         title=&quot;Cliquer pour une version haute résolution&quot;&gt;
-        &lt;source
-            srcset=&quot;/static/david/2023/2023-02-12-traces-canides.webp 1512w&quot;
-            sizes=&quot;min(100vw, calc(100vh * 1512 / 2016))&quot;
-            type=&quot;image/webp&quot;&gt;
-        &lt;!-- The &lt;img&gt; tag is a fallback image (required in the &lt;picture&gt; tag) --&gt;
         &lt;img
             src=&quot;https://larlet.fr/static/david/2023/2023-02-12-traces-canides.jpg&quot;
             width=&quot;1512&quot; height=&quot;2016&quot;
-            srcset=&quot;/static/david/2023/2023-02-12-traces-canides.jpg 1512w&quot;
+            srcset=&quot;/static/david/2023/2023-02-12-traces-canides.jpg 1512w, /static/david/2023/2023-02-12-traces-canides_660x440.jpg 660w, /static/david/2023/2023-02-12-traces-canides_990x660.jpg 990w, /static/david/2023/2023-02-12-traces-canides_1320x880.jpg 1320w&quot;
             sizes=&quot;min(100vw, calc(100vh * 1512 / 2016))&quot;
-            fetchpriority=&quot;high&quot;
-            decoding=&quot;sync&quot;
+            loading=&quot;lazy&quot;
+            decoding=&quot;async&quot;
             alt=&quot;De belles traces de canidés dans la neige sur la glace du lac.&quot;&gt;
     &lt;/a&gt;
     &lt;figcaption&gt;Pas si seul·es au monde&amp;nbsp;:-)&lt;/figcaption&gt;
@@ -461,18 +406,13 @@
 &lt;figure&gt;
     &lt;a href=&quot;https://larlet.fr/static/david/2023/2023-02-12-file-arrivee.jpg&quot;
         title=&quot;Cliquer pour une version haute résolution&quot;&gt;
-        &lt;source
-            srcset=&quot;/static/david/2023/2023-02-12-file-arrivee.webp 1512w&quot;
-            sizes=&quot;min(100vw, calc(100vh * 1512 / 2016))&quot;
-            type=&quot;image/webp&quot;&gt;
-        &lt;!-- The &lt;img&gt; tag is a fallback image (required in the &lt;picture&gt; tag) --&gt;
         &lt;img
             src=&quot;https://larlet.fr/static/david/2023/2023-02-12-file-arrivee.jpg&quot;
             width=&quot;1512&quot; height=&quot;2016&quot;
-            srcset=&quot;/static/david/2023/2023-02-12-file-arrivee.jpg 1512w&quot;
+            srcset=&quot;/static/david/2023/2023-02-12-file-arrivee.jpg 1512w, /static/david/2023/2023-02-12-file-arrivee_660x440.jpg 660w, /static/david/2023/2023-02-12-file-arrivee_990x660.jpg 990w, /static/david/2023/2023-02-12-file-arrivee_1320x880.jpg 1320w&quot;
             sizes=&quot;min(100vw, calc(100vh * 1512 / 2016))&quot;
-            fetchpriority=&quot;high&quot;
-            decoding=&quot;sync&quot;
+            loading=&quot;lazy&quot;
+            decoding=&quot;async&quot;
             alt=&quot;File des arrivées progressives sur le site.&quot;&gt;
     &lt;/a&gt;
     &lt;figcaption&gt;Pour donner une idée du&amp;nbsp;cheminement.&lt;/figcaption&gt;
@@ -504,18 +444,13 @@
 &lt;figure&gt;
     &lt;a href=&quot;https://larlet.fr/static/david/2023/2023-02-11-accueil-poisson-blanc.jpg&quot;
         title=&quot;Cliquer pour une version haute résolution&quot;&gt;
-        &lt;source
-            srcset=&quot;/static/david/2023/2023-02-11-accueil-poisson-blanc.webp 1512w&quot;
-            sizes=&quot;min(100vw, calc(100vh * 1512 / 2016))&quot;
-            type=&quot;image/webp&quot;&gt;
-        &lt;!-- The &lt;img&gt; tag is a fallback image (required in the &lt;picture&gt; tag) --&gt;
         &lt;img
             src=&quot;https://larlet.fr/static/david/2023/2023-02-11-accueil-poisson-blanc.jpg&quot;
             width=&quot;1512&quot; height=&quot;2016&quot;
-            srcset=&quot;/static/david/2023/2023-02-11-accueil-poisson-blanc.jpg 1512w&quot;
+            srcset=&quot;/static/david/2023/2023-02-11-accueil-poisson-blanc.jpg 1512w, /static/david/2023/2023-02-11-accueil-poisson-blanc_660x440.jpg 660w, /static/david/2023/2023-02-11-accueil-poisson-blanc_990x660.jpg 990w, /static/david/2023/2023-02-11-accueil-poisson-blanc_1320x880.jpg 1320w&quot;
             sizes=&quot;min(100vw, calc(100vh * 1512 / 2016))&quot;
-            fetchpriority=&quot;high&quot;
-            decoding=&quot;sync&quot;
+            loading=&quot;lazy&quot;
+            decoding=&quot;async&quot;
             alt=&quot;Le ciel à 7h du matin sur le réservoir du Poisson Blanc.&quot;&gt;
     &lt;/a&gt;
     &lt;figcaption&gt;Les couleurs sont magnifiques et je regrette déjà de ne pas avoir pris un appareil&amp;nbsp;photo.&lt;/figcaption&gt;
@@ -525,18 +460,13 @@
 &lt;figure&gt;
     &lt;a href=&quot;https://larlet.fr/static/david/2023/2023-02-11-depart-traineaux.jpg&quot;
         title=&quot;Cliquer pour une version haute résolution&quot;&gt;
-        &lt;source
-            srcset=&quot;/static/david/2023/2023-02-11-depart-traineaux.webp 2016w&quot;
-            sizes=&quot;min(100vw, calc(100vh * 2016 / 1512))&quot;
-            type=&quot;image/webp&quot;&gt;
-        &lt;!-- The &lt;img&gt; tag is a fallback image (required in the &lt;picture&gt; tag) --&gt;
         &lt;img
             src=&quot;https://larlet.fr/static/david/2023/2023-02-11-depart-traineaux.jpg&quot;
             width=&quot;2016&quot; height=&quot;1512&quot;
-            srcset=&quot;/static/david/2023/2023-02-11-depart-traineaux.jpg 2016w&quot;
+            srcset=&quot;/static/david/2023/2023-02-11-depart-traineaux.jpg 2016w, /static/david/2023/2023-02-11-depart-traineaux_660x440.jpg 660w, /static/david/2023/2023-02-11-depart-traineaux_990x660.jpg 990w, /static/david/2023/2023-02-11-depart-traineaux_1320x880.jpg 1320w&quot;
             sizes=&quot;min(100vw, calc(100vh * 2016 / 1512))&quot;
-            fetchpriority=&quot;high&quot;
-            decoding=&quot;sync&quot;
+            loading=&quot;lazy&quot;
+            decoding=&quot;async&quot;
             alt=&quot;Des personnes sur le lac gelé qui tirent chacune un traineau&quot;&gt;
     &lt;/a&gt;
     &lt;figcaption&gt;Le vent a bien soufflé cette nuit, on alterne glace et&amp;nbsp;neige.&lt;/figcaption&gt;
@@ -545,18 +475,13 @@
 &lt;figure&gt;
     &lt;a href=&quot;https://larlet.fr/static/david/2023/2023-02-11-traineau-solo.jpg&quot;
         title=&quot;Cliquer pour une version haute résolution&quot;&gt;
-        &lt;source
-            srcset=&quot;/static/david/2023/2023-02-11-traineau-solo.webp 2016w&quot;
-            sizes=&quot;min(100vw, calc(100vh * 2016 / 1512))&quot;
-            type=&quot;image/webp&quot;&gt;
-        &lt;!-- The &lt;img&gt; tag is a fallback image (required in the &lt;picture&gt; tag) --&gt;
         &lt;img
             src=&quot;https://larlet.fr/static/david/2023/2023-02-11-traineau-solo.jpg&quot;
             width=&quot;2016&quot; height=&quot;1512&quot;
-            srcset=&quot;/static/david/2023/2023-02-11-traineau-solo.jpg 2016w&quot;
+            srcset=&quot;/static/david/2023/2023-02-11-traineau-solo.jpg 2016w, /static/david/2023/2023-02-11-traineau-solo_660x440.jpg 660w, /static/david/2023/2023-02-11-traineau-solo_990x660.jpg 990w, /static/david/2023/2023-02-11-traineau-solo_1320x880.jpg 1320w&quot;
             sizes=&quot;min(100vw, calc(100vh * 2016 / 1512))&quot;
-            fetchpriority=&quot;high&quot;
-            decoding=&quot;sync&quot;
+            loading=&quot;lazy&quot;
+            decoding=&quot;async&quot;
             alt=&quot;Une longue trainée de personnes tirant des traineaux sur le lac&quot;&gt;
     &lt;/a&gt;
     &lt;figcaption&gt;Un peu à l’écart de la foule, on ne se refait&amp;nbsp;pas.&lt;/figcaption&gt;
@@ -567,18 +492,13 @@
 &lt;figure&gt;
     &lt;a href=&quot;https://larlet.fr/static/david/2023/2023-02-11-traineau-apres-midi.jpg&quot;
         title=&quot;Cliquer pour une version haute résolution&quot;&gt;
-        &lt;source
-            srcset=&quot;/static/david/2023/2023-02-11-traineau-apres-midi.webp 1512w&quot;
-            sizes=&quot;min(100vw, calc(100vh * 1512 / 2016))&quot;
-            type=&quot;image/webp&quot;&gt;
-        &lt;!-- The &lt;img&gt; tag is a fallback image (required in the &lt;picture&gt; tag) --&gt;
         &lt;img
             src=&quot;https://larlet.fr/static/david/2023/2023-02-11-traineau-apres-midi.jpg&quot;
             width=&quot;1512&quot; height=&quot;2016&quot;
-            srcset=&quot;/static/david/2023/2023-02-11-traineau-apres-midi.jpg 1512w&quot;
+            srcset=&quot;/static/david/2023/2023-02-11-traineau-apres-midi.jpg 1512w, /static/david/2023/2023-02-11-traineau-apres-midi_660x440.jpg 660w, /static/david/2023/2023-02-11-traineau-apres-midi_990x660.jpg 990w, /static/david/2023/2023-02-11-traineau-apres-midi_1320x880.jpg 1320w&quot;
             sizes=&quot;min(100vw, calc(100vh * 1512 / 2016))&quot;
-            fetchpriority=&quot;high&quot;
-            decoding=&quot;sync&quot;
+            loading=&quot;lazy&quot;
+            decoding=&quot;async&quot;
             alt=&quot;Des personnes devant moi avec des traineaux, on voit mon ombre.&quot;&gt;
     &lt;/a&gt;
     &lt;figcaption&gt;Pour ma part, c’est neige fraîche, quitte à forcer un peu plus je préfère soigner mon silence&amp;nbsp;relatif.&lt;/figcaption&gt;
@@ -587,18 +507,13 @@
 &lt;figure&gt;
     &lt;a href=&quot;https://larlet.fr/static/david/2023/2023-02-11-coucher-soleil.jpg&quot;
         title=&quot;Cliquer pour une version haute résolution&quot;&gt;
-        &lt;source
-            srcset=&quot;/static/david/2023/2023-02-11-coucher-soleil.webp 1512w&quot;
-            sizes=&quot;min(100vw, calc(100vh * 1512 / 2016))&quot;
-            type=&quot;image/webp&quot;&gt;
-        &lt;!-- The &lt;img&gt; tag is a fallback image (required in the &lt;picture&gt; tag) --&gt;
         &lt;img
             src=&quot;https://larlet.fr/static/david/2023/2023-02-11-coucher-soleil.jpg&quot;
             width=&quot;1512&quot; height=&quot;2016&quot;
-            srcset=&quot;/static/david/2023/2023-02-11-coucher-soleil.jpg 1512w&quot;
+            srcset=&quot;/static/david/2023/2023-02-11-coucher-soleil.jpg 1512w, /static/david/2023/2023-02-11-coucher-soleil_660x440.jpg 660w, /static/david/2023/2023-02-11-coucher-soleil_990x660.jpg 990w, /static/david/2023/2023-02-11-coucher-soleil_1320x880.jpg 1320w&quot;
             sizes=&quot;min(100vw, calc(100vh * 1512 / 2016))&quot;
-            fetchpriority=&quot;high&quot;
-            decoding=&quot;sync&quot;
+            loading=&quot;lazy&quot;
+            decoding=&quot;async&quot;
             alt=&quot;Le soleil se couche derrière des blocs de glace.&quot;&gt;
     &lt;/a&gt;
     &lt;figcaption&gt;Je vous épargne les différents dégradés de rose qui ont suivi&amp;nbsp;!&lt;/figcaption&gt;
@@ -607,18 +522,13 @@
 &lt;figure&gt;
     &lt;a href=&quot;https://larlet.fr/static/david/2023/2023-02-11-astro-photographie.jpg&quot;
         title=&quot;Cliquer pour une version haute résolution&quot;&gt;
-        &lt;source
-            srcset=&quot;/static/david/2023/2023-02-11-astro-photographie.webp 1512w&quot;
-            sizes=&quot;min(100vw, calc(100vh * 1512 / 2016))&quot;
-            type=&quot;image/webp&quot;&gt;
-        &lt;!-- The &lt;img&gt; tag is a fallback image (required in the &lt;picture&gt; tag) --&gt;
         &lt;img
             src=&quot;https://larlet.fr/static/david/2023/2023-02-11-astro-photographie.jpg&quot;
             width=&quot;1512&quot; height=&quot;2016&quot;
-            srcset=&quot;/static/david/2023/2023-02-11-astro-photographie.jpg 1512w&quot;
+            srcset=&quot;/static/david/2023/2023-02-11-astro-photographie.jpg 1512w, /static/david/2023/2023-02-11-astro-photographie_660x440.jpg 660w, /static/david/2023/2023-02-11-astro-photographie_990x660.jpg 990w, /static/david/2023/2023-02-11-astro-photographie_1320x880.jpg 1320w&quot;
             sizes=&quot;min(100vw, calc(100vh * 1512 / 2016))&quot;
-            fetchpriority=&quot;high&quot;
-            decoding=&quot;sync&quot;
+            loading=&quot;lazy&quot;
+            decoding=&quot;async&quot;
             alt=&quot;Une tente rouge et Orion au-dessus.&quot;&gt;
     &lt;/a&gt;
     &lt;figcaption&gt;C’est bruité et tout mais j’étais content que l’on distingue au moins&amp;nbsp;Orion.&lt;/figcaption&gt;
@@ -643,18 +553,13 @@
 &lt;figure&gt;
     &lt;a href=&quot;https://larlet.fr/static/david/2023/2023-02-10-camping-parking.jpg&quot;
         title=&quot;Cliquer pour une version haute résolution&quot;&gt;
-        &lt;source
-            srcset=&quot;/static/david/2023/2023-02-10-camping-parking.webp 1512w&quot;
-            sizes=&quot;min(100vw, calc(100vh * 1512 / 2016))&quot;
-            type=&quot;image/webp&quot;&gt;
-        &lt;!-- The &lt;img&gt; tag is a fallback image (required in the &lt;picture&gt; tag) --&gt;
         &lt;img
             src=&quot;https://larlet.fr/static/david/2023/2023-02-10-camping-parking.jpg&quot;
             width=&quot;1512&quot; height=&quot;2016&quot;
-            srcset=&quot;/static/david/2023/2023-02-10-camping-parking.jpg 1512w&quot;
+            srcset=&quot;/static/david/2023/2023-02-10-camping-parking.jpg 1512w, /static/david/2023/2023-02-10-camping-parking_660x440.jpg 660w, /static/david/2023/2023-02-10-camping-parking_990x660.jpg 990w, /static/david/2023/2023-02-10-camping-parking_1320x880.jpg 1320w&quot;
             sizes=&quot;min(100vw, calc(100vh * 1512 / 2016))&quot;
-            fetchpriority=&quot;high&quot;
-            decoding=&quot;sync&quot;
+            loading=&quot;lazy&quot;
+            decoding=&quot;async&quot;
             alt=&quot;Un parking avec un bon 70 cm de neige vierge dessus.&quot;&gt;
     &lt;/a&gt;
     &lt;figcaption&gt;C’est bien la première fois que je vais camper sur un parking&amp;nbsp;!&lt;/figcaption&gt;
@@ -1056,18 +961,13 @@ Mais il est terminé, et c’est le plus&amp;nbsp;important.&lt;/p&gt;
 &lt;figure&gt;
     &lt;a href=&quot;https://larlet.fr/static/david/2023/2023-01-22-ski-retour.jpg&quot;
         title=&quot;Cliquer pour une version haute résolution&quot;&gt;
-        &lt;source
-            srcset=&quot;/static/david/2023/2023-01-22-ski-retour.webp 2048w&quot;
-            sizes=&quot;min(100vw, calc(100vh * 2048 / 2731))&quot;
-            type=&quot;image/webp&quot;&gt;
-        &lt;!-- The &lt;img&gt; tag is a fallback image (required in the &lt;picture&gt; tag) --&gt;
         &lt;img
             src=&quot;https://larlet.fr/static/david/2023/2023-01-22-ski-retour.jpg&quot;
             width=&quot;2048&quot; height=&quot;2731&quot;
-            srcset=&quot;/static/david/2023/2023-01-22-ski-retour.jpg 2048w&quot;
+            srcset=&quot;/static/david/2023/2023-01-22-ski-retour.jpg 2048w, /static/david/2023/2023-01-22-ski-retour_660x440.jpg 660w, /static/david/2023/2023-01-22-ski-retour_990x660.jpg 990w, /static/david/2023/2023-01-22-ski-retour_1320x880.jpg 1320w&quot;
             sizes=&quot;min(100vw, calc(100vh * 2048 / 2731))&quot;
-            fetchpriority=&quot;high&quot;
-            decoding=&quot;sync&quot;
+            loading=&quot;lazy&quot;
+            decoding=&quot;async&quot;
             alt=&quot;Un ski dans les traces de la veille, sur le chemin du retour.&quot;&gt;
     &lt;/a&gt;
     &lt;figcaption&gt;Le retour dans ses traces demande tellement moins d’énergie&amp;nbsp;!&lt;/figcaption&gt;
@@ -1087,18 +987,13 @@ Mais il est terminé, et c’est le plus&amp;nbsp;important.&lt;/p&gt;
 &lt;figure&gt;
     &lt;a href=&quot;https://larlet.fr/static/david/2023/2023-01-21-selfie-traineau.jpg&quot;
         title=&quot;Cliquer pour une version haute résolution&quot;&gt;
-        &lt;source
-            srcset=&quot;/static/david/2023/2023-01-21-selfie-traineau.webp 2048w&quot;
-            sizes=&quot;min(100vw, calc(100vh * 2048 / 2726))&quot;
-            type=&quot;image/webp&quot;&gt;
-        &lt;!-- The &lt;img&gt; tag is a fallback image (required in the &lt;picture&gt; tag) --&gt;
         &lt;img
             src=&quot;https://larlet.fr/static/david/2023/2023-01-21-selfie-traineau.jpg&quot;
             width=&quot;2048&quot; height=&quot;2726&quot;
-            srcset=&quot;/static/david/2023/2023-01-21-selfie-traineau.jpg 2048w&quot;
+            srcset=&quot;/static/david/2023/2023-01-21-selfie-traineau.jpg 2048w, /static/david/2023/2023-01-21-selfie-traineau_660x440.jpg 660w, /static/david/2023/2023-01-21-selfie-traineau_990x660.jpg 990w, /static/david/2023/2023-01-21-selfie-traineau_1320x880.jpg 1320w&quot;
             sizes=&quot;min(100vw, calc(100vh * 2048 / 2726))&quot;
-            fetchpriority=&quot;high&quot;
-            decoding=&quot;sync&quot;
+            loading=&quot;lazy&quot;
+            decoding=&quot;async&quot;
             alt=&quot;Un selfie avec le traîneau en arrière-plan, sur un lac québécois avec la forêt au fond.&quot;&gt;
     &lt;/a&gt;
     &lt;figcaption&gt;Il est très rare que je fasse des égoportraits mais là j’aimais bien voir le téléphone dans les&amp;nbsp;lunettes.&lt;/figcaption&gt;
@@ -1108,18 +1003,13 @@ Mais il est terminé, et c’est le plus&amp;nbsp;important.&lt;/p&gt;
 &lt;figure&gt;
     &lt;a href=&quot;https://larlet.fr/static/david/2023/2023-01-21-feu-foyer.jpg&quot;
         title=&quot;Cliquer pour une version haute résolution&quot;&gt;
-        &lt;source
-            srcset=&quot;/static/david/2023/2023-01-21-feu-foyer.webp 2048w&quot;
-            sizes=&quot;min(100vw, calc(100vh * 2048 / 2731))&quot;
-            type=&quot;image/webp&quot;&gt;
-        &lt;!-- The &lt;img&gt; tag is a fallback image (required in the &lt;picture&gt; tag) --&gt;
         &lt;img
             src=&quot;https://larlet.fr/static/david/2023/2023-01-21-feu-foyer.jpg&quot;
             width=&quot;2048&quot; height=&quot;2731&quot;
-            srcset=&quot;/static/david/2023/2023-01-21-feu-foyer.jpg 2048w&quot;
+            srcset=&quot;/static/david/2023/2023-01-21-feu-foyer.jpg 2048w, /static/david/2023/2023-01-21-feu-foyer_660x440.jpg 660w, /static/david/2023/2023-01-21-feu-foyer_990x660.jpg 990w, /static/david/2023/2023-01-21-feu-foyer_1320x880.jpg 1320w&quot;
             sizes=&quot;min(100vw, calc(100vh * 2048 / 2731))&quot;
-            fetchpriority=&quot;high&quot;
-            decoding=&quot;sync&quot;
+            loading=&quot;lazy&quot;
+            decoding=&quot;async&quot;
             alt=&quot;Un feu dans un réceptacle permettant de le garder au-dessus de la neige.&quot;&gt;
     &lt;/a&gt;
     &lt;figcaption&gt;J’essaye habituellement de faire des petits feux économes et efficaces, j’ai un peu forcé pour la&amp;nbsp;photo…&lt;/figcaption&gt;
@@ -1193,18 +1083,13 @@ Mais il est terminé, et c’est le plus&amp;nbsp;important.&lt;/p&gt;
 &lt;figure&gt;
     &lt;a href=&quot;https://larlet.fr/static/david/2023/2023-01-13-ski-visitation1.jpg&quot;
         title=&quot;Cliquer pour une version haute résolution&quot;&gt;
-        &lt;source
-            srcset=&quot;/static/david/2023/2023-01-13-ski-visitation1.webp 2048w&quot;
-            sizes=&quot;min(100vw, calc(100vh * 2048 / 2731))&quot;
-            type=&quot;image/webp&quot;&gt;
-        &lt;!-- The &lt;img&gt; tag is a fallback image (required in the &lt;picture&gt; tag) --&gt;
         &lt;img
             src=&quot;https://larlet.fr/static/david/2023/2023-01-13-ski-visitation1.jpg&quot;
             width=&quot;2048&quot; height=&quot;2731&quot;
-            srcset=&quot;/static/david/2023/2023-01-13-ski-visitation1.jpg 2048w&quot;
+            srcset=&quot;/static/david/2023/2023-01-13-ski-visitation1.jpg 2048w, /static/david/2023/2023-01-13-ski-visitation1_660x440.jpg 660w, /static/david/2023/2023-01-13-ski-visitation1_990x660.jpg 990w, /static/david/2023/2023-01-13-ski-visitation1_1320x880.jpg 1320w&quot;
             sizes=&quot;min(100vw, calc(100vh * 2048 / 2731))&quot;
-            fetchpriority=&quot;high&quot;
-            decoding=&quot;sync&quot;
+            loading=&quot;lazy&quot;
+            decoding=&quot;async&quot;
             alt=&quot;Des traces de piste de ski de fond dans la tempête de neige.&quot;&gt;
     &lt;/a&gt;
     &lt;figcaption&gt;Parc de l’Île de la Visitation, Montréal, 13 janvier&amp;nbsp;2023.&lt;/figcaption&gt;
@@ -1212,18 +1097,13 @@ Mais il est terminé, et c’est le plus&amp;nbsp;important.&lt;/p&gt;
 &lt;figure&gt;
     &lt;a href=&quot;https://larlet.fr/static/david/2023/2023-01-13-ski-visitation2.jpg&quot;
         title=&quot;Cliquer pour une version haute résolution&quot;&gt;
-        &lt;source
-            srcset=&quot;/static/david/2023/2023-01-13-ski-visitation2.webp 2048w&quot;
-            sizes=&quot;min(100vw, calc(100vh * 2048 / 1536))&quot;
-            type=&quot;image/webp&quot;&gt;
-        &lt;!-- The &lt;img&gt; tag is a fallback image (required in the &lt;picture&gt; tag) --&gt;
         &lt;img
             src=&quot;https://larlet.fr/static/david/2023/2023-01-13-ski-visitation2.jpg&quot;
             width=&quot;2048&quot; height=&quot;1536&quot;
-            srcset=&quot;/static/david/2023/2023-01-13-ski-visitation2.jpg 2048w&quot;
+            srcset=&quot;/static/david/2023/2023-01-13-ski-visitation2.jpg 2048w, /static/david/2023/2023-01-13-ski-visitation2_660x440.jpg 660w, /static/david/2023/2023-01-13-ski-visitation2_990x660.jpg 990w, /static/david/2023/2023-01-13-ski-visitation2_1320x880.jpg 1320w&quot;
             sizes=&quot;min(100vw, calc(100vh * 2048 / 1536))&quot;
-            fetchpriority=&quot;high&quot;
-            decoding=&quot;sync&quot;
+            loading=&quot;lazy&quot;
+            decoding=&quot;async&quot;
             alt=&quot;Des traces de piste de ski de fond dans la tempête de neige.&quot;&gt;
     &lt;/a&gt;
     &lt;figcaption&gt;Parc de l’Île de la Visitation, Montréal, 13 janvier&amp;nbsp;2023.&lt;/figcaption&gt;
@@ -1231,18 +1111,13 @@ Mais il est terminé, et c’est le plus&amp;nbsp;important.&lt;/p&gt;
 &lt;figure&gt;
     &lt;a href=&quot;https://larlet.fr/static/david/2023/2023-01-13-ski-visitation3.jpg&quot;
         title=&quot;Cliquer pour une version haute résolution&quot;&gt;
-        &lt;source
-            srcset=&quot;/static/david/2023/2023-01-13-ski-visitation3.webp 2048w&quot;
-            sizes=&quot;min(100vw, calc(100vh * 2048 / 2731))&quot;
-            type=&quot;image/webp&quot;&gt;
-        &lt;!-- The &lt;img&gt; tag is a fallback image (required in the &lt;picture&gt; tag) --&gt;
         &lt;img
             src=&quot;https://larlet.fr/static/david/2023/2023-01-13-ski-visitation3.jpg&quot;
             width=&quot;2048&quot; height=&quot;2731&quot;
-            srcset=&quot;/static/david/2023/2023-01-13-ski-visitation3.jpg 2048w&quot;
+            srcset=&quot;/static/david/2023/2023-01-13-ski-visitation3.jpg 2048w, /static/david/2023/2023-01-13-ski-visitation3_660x440.jpg 660w, /static/david/2023/2023-01-13-ski-visitation3_990x660.jpg 990w, /static/david/2023/2023-01-13-ski-visitation3_1320x880.jpg 1320w&quot;
             sizes=&quot;min(100vw, calc(100vh * 2048 / 2731))&quot;
-            fetchpriority=&quot;high&quot;
-            decoding=&quot;sync&quot;
+            loading=&quot;lazy&quot;
+            decoding=&quot;async&quot;
             alt=&quot;Des traces de piste de ski de fond dans la tempête de neige.&quot;&gt;
     &lt;/a&gt;
     &lt;figcaption&gt;Parc de l’Île de la Visitation, Montréal, 13 janvier&amp;nbsp;2023.&lt;/figcaption&gt;
@@ -1250,18 +1125,13 @@ Mais il est terminé, et c’est le plus&amp;nbsp;important.&lt;/p&gt;
 &lt;figure&gt;
     &lt;a href=&quot;https://larlet.fr/static/david/2023/2023-01-13-ski-visitation4.jpg&quot;
         title=&quot;Cliquer pour une version haute résolution&quot;&gt;
-        &lt;source
-            srcset=&quot;/static/david/2023/2023-01-13-ski-visitation4.webp 2048w&quot;
-            sizes=&quot;min(100vw, calc(100vh * 2048 / 2731))&quot;
-            type=&quot;image/webp&quot;&gt;
-        &lt;!-- The &lt;img&gt; tag is a fallback image (required in the &lt;picture&gt; tag) --&gt;
         &lt;img
             src=&quot;https://larlet.fr/static/david/2023/2023-01-13-ski-visitation4.jpg&quot;
             width=&quot;2048&quot; height=&quot;2731&quot;
-            srcset=&quot;/static/david/2023/2023-01-13-ski-visitation4.jpg 2048w&quot;
+            srcset=&quot;/static/david/2023/2023-01-13-ski-visitation4.jpg 2048w, /static/david/2023/2023-01-13-ski-visitation4_660x440.jpg 660w, /static/david/2023/2023-01-13-ski-visitation4_990x660.jpg 990w, /static/david/2023/2023-01-13-ski-visitation4_1320x880.jpg 1320w&quot;
             sizes=&quot;min(100vw, calc(100vh * 2048 / 2731))&quot;
-            fetchpriority=&quot;high&quot;
-            decoding=&quot;sync&quot;
+            loading=&quot;lazy&quot;
+            decoding=&quot;async&quot;
             alt=&quot;Des traces de piste de ski de fond dans la tempête de neige.&quot;&gt;
     &lt;/a&gt;
     &lt;figcaption&gt;Parc de l’Île de la Visitation, Montréal, 13 janvier&amp;nbsp;2023.&lt;/figcaption&gt;

site.py

@@ -140,6 +140,18 @@ class ImgsWithSizesRenderer(CustomAndBlockquoteLanguageRenderer):
             return text
         return super().paragraph(text)
 
+    def _generate_size(self, src, width, height):
+        src_size = src.replace(".jpg", f"_{width}x{height}.jpg")
+        full_path = STATIC / Path(src[1:])
+        full_path_size = STATIC / Path(src_size[1:])
+        if full_path_size.exists() or "/2023/" not in src:
+            return src_size
+
+        image = Image.open(full_path)
+        image.thumbnail((width, height))
+        image.save(full_path_size)
+        return src_size
+
     def _generate_webp(self, src):
         src_webp = src.replace(".jpg", ".webp")
         full_path = STATIC / Path(src[1:])
@@ -151,27 +163,38 @@ class ImgsWithSizesRenderer(CustomAndBlockquoteLanguageRenderer):
         return src_webp
 
     def image(self, src, alt="", title=None):
-        src_webp = self._generate_webp(src)
+        SIZES = [(660, 440), (990, 660), (1320, 880)]
         full_path = STATIC / Path(src[1:])
         image = Image.open(full_path)
         width, height = image.size
+        jpg_srcs = [(src, width, height)]
+        # src_webp = self._generate_webp(src)
+        # webp_srcs = [(src_webp, width, height)]
+        for size_width, size_height in SIZES:
+            src_size = self._generate_size(src, size_width, size_height)
+            jpg_srcs.append((src_size, size_width, size_height))
+            # src_size_webp = self._generate_webp(src_size)
+            # webp_srcs.append((src_size_webp, size_width, size_height))
+
+        jpg_srcsets = ", ".join(
+            f"{jpg_src} {jpg_width}w" for jpg_src, jpg_width, jpg_height in jpg_srcs
+        )
+        # webp_srcsets = ", ".join(
+        #     f"{webp_src} {webp_width}w"
+        #     for webp_src, webp_width, webp_height in webp_srcs
+        # )
         return dedent(
             f"""\
                 <figure>
                     <a href="{src}"
                         title="Cliquer pour une version haute résolution">
-                        <source
-                            srcset="{src_webp} {width}w"
-                            sizes="min(100vw, calc(100vh * {width} / {height}))"
-                            type="image/webp">
-                        <!-- The <img> tag is a fallback image (required in the <picture> tag) -->
                         <img
                             src="{src}"
                             width="{width}" height="{height}"
-                            srcset="{src} {width}w"
+                            srcset="{jpg_srcsets}"
                             sizes="min(100vw, calc(100vh * {width} / {height}))"
-                            fetchpriority="high"
-                            decoding="sync"
+                            loading="lazy"
+                            decoding="async"
                             alt="{alt}">
                     </a>
                     <figcaption>{title}</figcaption>
@@ -180,64 +203,7 @@ class ImgsWithSizesRenderer(CustomAndBlockquoteLanguageRenderer):
         )
 
 
-class ImgsWithSizesAndLightboxRenderer(ImgsWithSizesRenderer):
-    """Renders images as <figure>s and add sizes + lazy attribute.
-
-    Also, implement a lightbox markup. See:
-    https://www.sylvaindurand.org/overlay-image-in-pure-css/
-    """
-
-    def image(self, src, alt="", title=None):
-        src_webp = self._generate_webp(src)
-        file_name = Path(src).stem
-        full_path = STATIC / Path(src[1:])
-        image = Image.open(full_path)
-        width, height = image.size
-        return dedent(
-            f"""\
-                <figure>
-                    <a href="#{file_name}"
-                        title="Cliquer pour une version haute résolution">
-                        <picture>
-                            <source
-                                srcset="{src_webp} {width}w"
-                                sizes="min(100vw, calc(100vh * {width} / {height}))"
-                                type="image/webp">
-                            <!-- The <img> tag is a fallback image (required in the <picture> tag) -->
-                            <img
-                                src="{src}"
-                                width="{width}" height="{height}"
-                                srcset="{src} {width}w"
-                                sizes="min(100vw, calc(100vh * {width} / {height}))"
-                                fetchpriority="high"
-                                decoding="sync"
-                                alt="{alt}">
-                        </picture>
-                    </a>
-                    <a href="#_" class="lightbox" id="{file_name}">
-                        <picture style="margin:0 auto;">
-                            <source
-                                srcset="{src_webp} {width}w"
-                                sizes="min(100vw, calc(100vh * {width} / {height}))"
-                                type="image/webp">
-                            <!-- The <img> tag is a fallback image (required in the <picture> tag) -->
-                            <img
-                                src="{src}"
-                                width="{width}" height="{height}"
-                                srcset="{src} {width}w"
-                                sizes="min(100vw, calc(100vh * {width} / {height}))"
-                                fetchpriority="high"
-                                decoding="sync"
-                                alt="{alt}">
-                        </picture>
-                    </a>
-                    <figcaption>{title}</figcaption>
-                </figure>
-            """
-        )
-
-
-class H2AnchorsRenderer(ImgsWithSizesAndLightboxRenderer):
+class H2AnchorsRenderer(ImgsWithSizesRenderer):
     """Custom renderer for H2 titles with anchors."""
 
     def heading(self, text, level):
@@ -479,7 +445,7 @@ def toot():
     print(f"✍️ QUOTE? — {last_published.title}, {last_published.full_url}")
     print()
     print("#blog #larletfr #rss")
-    print(" ".join([f'#{tag}' for tag in last_published.tags]))
+    print(" ".join([f"#{tag}" for tag in last_published.tags]))
 
 
 @cli