Article

david/2024/01/01/index.html

@@ -48,7 +48,7 @@
   https://neil-clarke.com/block-the-bots-that-feed-ai-models-by-scraping-your-website/ -->
   <meta name="robots" content="noai, noimageai">
   <!-- Documented, feel free to shoot an email. -->
-  <link rel="stylesheet" href="/static/david/css/style_2024-01-03.css">
+  <link rel="stylesheet" href="/static/david/css/style_2024-01-04.css">
   <!-- See https://www.zachleat.com/web/comprehensive-webfonts/ for the trade-off.
   <link rel="preload"
         href="/static/david/css/fonts/triplicate_t4_poly_regular.woff2"
@@ -136,7 +136,6 @@
         
       </p>
     </nav>
-    <hr>
     
 
 <blockquote>

david/2024/01/02/index.html

@@ -48,7 +48,7 @@
   https://neil-clarke.com/block-the-bots-that-feed-ai-models-by-scraping-your-website/ -->
   <meta name="robots" content="noai, noimageai">
   <!-- Documented, feel free to shoot an email. -->
-  <link rel="stylesheet" href="/static/david/css/style_2024-01-03.css">
+  <link rel="stylesheet" href="/static/david/css/style_2024-01-04.css">
   <!-- See https://www.zachleat.com/web/comprehensive-webfonts/ for the trade-off.
   <link rel="preload"
         href="/static/david/css/fonts/triplicate_t4_poly_regular.woff2"
@@ -136,7 +136,6 @@
         
       </p>
     </nav>
-    <hr>
     
 <p>Tellement de choses sont dorénavant possibles en CSS, je suis submergé par l’ampleur de la tâche. J’ai envie d’essayer trop de choses&nbsp;: des <em>grids</em>, des <em>layers</em>, des fonctionnalités avancées de typographie, que cet espace redevienne un terrain de jeu dans ce domaine car je sens bien que j’ai un peu délaissé cet aspect au fil du&nbsp;temps.</p>
 <p>Je commence par regarder à quoi ressemble une page nue avec la précédente sémantique HTML. Ce n’est pas si mal mais les icônes en SVG pourraient avoir des dimensions plus appropriées. Je les retire, il est temps de gagner en légèreté. Je regarde à quoi ressemblent des <em>reset</em>&nbsp;modernes&nbsp;:</p>

david/2024/01/03/index.html

@@ -48,7 +48,7 @@
   https://neil-clarke.com/block-the-bots-that-feed-ai-models-by-scraping-your-website/ -->
   <meta name="robots" content="noai, noimageai">
   <!-- Documented, feel free to shoot an email. -->
-  <link rel="stylesheet" href="/static/david/css/style_2024-01-03.css">
+  <link rel="stylesheet" href="/static/david/css/style_2024-01-04.css">
   <!-- See https://www.zachleat.com/web/comprehensive-webfonts/ for the trade-off.
   <link rel="preload"
         href="/static/david/css/fonts/triplicate_t4_poly_regular.woff2"
@@ -130,9 +130,12 @@
              rel="search">Recherche</a>
         </nobr>
         
+          • <a rel="next"
+    href="/david/2024/01/04/"
+    title="Publication suivante : Repos">Suivant →</a>
+        
       </p>
     </nav>
-    <hr>
     
 <p>Je me réveille avec une envie d’expérimentations typographiques. Après une nuit de réflexion, ce sera <a href="https://mbtype.com/fonts/century-supra/">Century Supra</a> qui fera la paire avec <a href="https://mbtype.com/fonts/concourse/">Concourse</a> pour du <em>sans serif</em> (oui, je suis fan du travail de Matthew Butterick depuis très longtemps). Il va falloir que je m’habitue à ce que mon édition dans iA&nbsp;Writer ne ressemble plus au rendu sur la prévisualisation du&nbsp;site.</p>
 <p>Au niveau de la taille, j’ai enfin l’occasion de tester un <a href="https://utopia.fyi/blog/css-modular-scales">échelle modulaire</a> et c’est suffisamment adaptatif pour le moment. Il faudra que je retravaille certains espacements mais je n’en suis pas encore à cette étape. Je ne comprends pas encore tout à fait la formule et j’arrive à vivre&nbsp;avec.</p>
@@ -146,7 +149,7 @@
 </blockquote>
 <p>L’introduction de <em>Alors nous irons trouver la beauté ailleurs</em> par Corinne Morel Darleux m’aura suffit pour&nbsp;aujourd’hui&nbsp;🙂.</p>
 <hr />
-<p>On a couru 10&#8239;km avec l’enfant. À ce rythme là, je ne sais pas si je vais pouvoir suivre longtemps&#8239;! La récompense à été de croiser un renard urbain de vraiment très près, moins de 5&nbsp;mètres, que l’on a bien eu le temps d’observer vu qu’il courrait vers nous. Par contre un flasque de plus de 10&nbsp;ans s’est percée dans ma poche pendant la course, j’étais bien trempé avec du vent. Il faisait&nbsp;-6°C.</p>
+<p>On a couru 10&#8239;km avec l’enfant. À ce rythme là, je ne sais pas si je vais pouvoir suivre longtemps&#8239;! La récompense a été de croiser un renard urbain de vraiment très près, moins de 5&nbsp;mètres, que l’on a bien eu le temps d’observer vu qu’il courrait vers nous. Par contre un flasque de plus de 10&nbsp;ans s’est percée dans ma poche pendant la course, j’étais bien trempé avec du vent. Il faisait&nbsp;-6°C.</p>
 <p>Tout ça pour aller chercher un bidon d’huile pour la transmission de la&nbsp;voiture.</p>
 
     
@@ -178,6 +181,10 @@
         
         <a href="/david/2024/" title="Liste des publications récentes">↑ En 2024</a>
         
+          • <a rel="next"
+    href="/david/2024/01/04/"
+    title="Publication suivante : Repos">Suivant →</a>
+        
       </p>
     </nav>
   </article>

david/2024/01/04/index.html

@@ -0,0 +1,273 @@
+<!DOCTYPE html><!-- This is a valid HTML5 document. -->
+<!-- Screen readers, SEO, extensions and so on. -->
+<html lang="fr">
+  <!-- Has to be within the first 1024 bytes, hence before the `title` element
+  See: https://www.w3.org/TR/2012/CR-html5-20121217/document-metadata.html#charset -->
+  <meta charset="utf-8">
+  <!-- Why no `X-UA-Compatible` meta: https://stackoverflow.com/a/6771584 -->
+  <!-- The viewport meta is quite crowded and we are responsible for that.
+  See: https://codepen.io/tigt/post/meta-viewport-for-2015 -->
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <!-- Required to make a valid HTML5 document. -->
+  <title>
+    Repos
+  — David Larlet</title>
+  <meta name="description" content="Je m’engouffre, sans trop réfléchir et avant qu’il ne file, dans cet élan d’écriture que j’espérais tout en refusant de m’en faire une contrainte. L’Inde m’offre l’imprévu, la nouveauté, la stimulation sans doute, que je n’avais plus en France pour pouvoir écrire autre chose que de la fiction. Ce pays est un roman en soi — je peux revenir avec désir à cette réalité-là. J’en suis aussi excitée que prudente, je n’ai aucune idée de ce que cela va donner ni si ça aura le moindre intérêt. Mais je sais déjà que je n’évoquerai ni les Rafale, ni le nucléaire, ni Modi, ces tue-l’amour absolus.">
+  <!-- That good ol' feed, subscribe :). -->
+  <link rel="alternate"
+        type="application/atom+xml"
+        title="Feed"
+        href="/david/log/">
+  <!-- Generated from https://realfavicongenerator.net/ such a mess. -->
+  <link rel="apple-touch-icon"
+        sizes="180x180"
+        href="/static/david/icons2/apple-touch-icon.png">
+  <link rel="icon"
+        type="image/png"
+        sizes="32x32"
+        href="/static/david/icons2/favicon-32x32.png">
+  <link rel="icon"
+        type="image/png"
+        sizes="16x16"
+        href="/static/david/icons2/favicon-16x16.png">
+  <link rel="manifest" href="/static/david/icons2/site.webmanifest">
+  <link rel="mask-icon"
+        href="/static/david/icons2/safari-pinned-tab.svg"
+        color="#07486c">
+  <link rel="shortcut icon" href="/static/david/icons2/favicon.ico">
+  <meta name="msapplication-TileColor" content="#f7f7f7">
+  <meta name="msapplication-config"
+        content="/static/david/icons2/browserconfig.xml">
+  <meta name="theme-color"
+        content="#f7f7f7"
+        media="(prefers-color-scheme: light)">
+  <meta name="theme-color"
+        content="#272727"
+        media="(prefers-color-scheme: dark)">
+  <!-- Is that even respected? Retrospectively? What a shAItshow…
+  https://neil-clarke.com/block-the-bots-that-feed-ai-models-by-scraping-your-website/ -->
+  <meta name="robots" content="noai, noimageai">
+  <!-- Documented, feel free to shoot an email. -->
+  <link rel="stylesheet" href="/static/david/css/style_2024-01-04.css">
+  <!-- See https://www.zachleat.com/web/comprehensive-webfonts/ for the trade-off.
+  <link rel="preload"
+        href="/static/david/css/fonts/triplicate_t4_poly_regular.woff2"
+        as="font"
+        type="font/woff2"
+        media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)"
+        crossorigin>
+  <link rel="preload"
+        href="/static/david/css/fonts/triplicate_t4_poly_bold.woff2"
+        as="font"
+        type="font/woff2"
+        media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)"
+        crossorigin>
+  <link rel="preload"
+        href="/static/david/css/fonts/triplicate_t4_poly_italic.woff2"
+        as="font"
+        type="font/woff2"
+        media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)"
+        crossorigin>
+  <link rel="preload"
+        href="/static/david/css/fonts/triplicate_t3_regular.woff2"
+        as="font"
+        type="font/woff2"
+        media="(prefers-color-scheme: dark)"
+        crossorigin>
+  <link rel="preload"
+        href="/static/david/css/fonts/triplicate_t3_bold.woff2"
+        as="font"
+        type="font/woff2"
+        media="(prefers-color-scheme: dark)"
+        crossorigin>
+  <link rel="preload"
+        href="/static/david/css/fonts/triplicate_t3_italic.woff2"
+        as="font"
+        type="font/woff2"
+        media="(prefers-color-scheme: dark)"
+        crossorigin> -->
+  <script>
+    function toggleTheme(themeName) {
+      document.documentElement.classList.toggle(
+        'forced-dark',
+        themeName === 'dark'
+      )
+      document.documentElement.classList.toggle(
+        'forced-light',
+        themeName === 'light'
+      )
+    }
+    const selectedTheme = localStorage.getItem('theme')
+    if (selectedTheme !== 'undefined') {
+      toggleTheme(selectedTheme)
+    }
+  </script>
+  
+  <body class="remarkdown h1-underline h2-underline h3-underline em-underscore hr-center ul-star pre-tick"
+        data-instant-intensity="viewport-all">
+    
+  <article>
+    <header>
+      <hgroup>
+        <h1>Repos</h1>
+        <p>Le <time datetime="2024-01-04">4 janvier 2024</time></p>
+      </hgroup>
+    </header>
+    <nav>
+      <p class="center">
+        
+          <a rel="prev"
+             href="/david/2024/01/03/"
+             title="Publication précédente : Appariement">← Précédent</a> •
+        
+        <nobr>
+          <a href="/david/" title="Aller à l’accueil" rel="up">Accueil</a>
+        </nobr>
+        •
+        <nobr>
+          <a href="/david/recherche/"
+             title="Aller à la page de recherche"
+             rel="search">Recherche</a>
+        </nobr>
+        
+      </p>
+    </nav>
+    
+
+<blockquote>
+<p>Je m’engouffre, sans trop réfléchir et avant qu’il ne file, dans cet élan d’écriture que j’espérais tout en refusant de m’en faire une contrainte. L’Inde m’offre l’imprévu, la nouveauté, la stimulation sans doute, que je n’avais plus en France pour pouvoir écrire autre chose que de la fiction. Ce pays est un roman en soi — je peux revenir avec désir à cette réalité-là. <mark>J’en suis aussi excitée que prudente,</mark> je n’ai aucune idée de ce que cela va donner ni si ça aura le moindre intérêt. Mais je sais déjà que je n’évoquerai ni les Rafale, ni le nucléaire, ni Modi, ces tue-l’amour&nbsp;absolus.</p>
+<p><cite><em>Alors nous irons trouver la beauté ailleurs</em>, Corinne Morel&nbsp;Darleux</cite></p>
+</blockquote>
+<p>Dans un chalet pour quelques jours. Des randonnées à trois générations. Toujours ces questionnements autour de la propriété. Concilier tous les besoins, accepter de changer de vie, ne pas savoir si on serait finalement entourés d’une culture qui ne nous correspond pas (et qui ne nous attire pas non plus). Trouver le bon&nbsp;tempo.</p>
+<hr />
+<p>Je me demande s’il serait pertinent <a href="https://blog.stephaniestimac.com/posts/2023/10/css-text-wrap/">d’utiliser <code>text-wrap</code></a> sachant que mes titres ne font qu’un seul mot et que je m’occupe déjà des veuves / orphelines typographiques avec <a href="https://git.larlet.fr/davidbgk/larlet-fr-david/src/branch/master/typography.py">un script Python</a> que l’on a fait avec <a href="https://ronan.amicel.net/">Ronan</a> à l’époque <a href="/david/2020/05/26/">de MesConseilsCovid / Covidoudou</a>.</p>
+<p>Je tente de rendre les citations explicites car on m’a déjà fait le retour de ne pas tout de suite comprendre une publication qui commence par une citation&nbsp;: <q>Ah je croyais que c’était de toi&#8239;!</q>.</p>
+<pre><code>blockquote::before {
+    content: &quot;citation&quot;;
+    transform: rotate(-90deg);
+    position: absolute;
+    margin-left: -1rem;
+    margin-top: 3.5rem;
+}
+</code></pre>
+<p>Au passage, autant faire de même pour le code. Des couleurs, de la vie&#8239;! De&nbsp;l’envie.</p>
+<p>Note&nbsp;: être développeur d’un produit <em>open-source</em> populaire c’est un boulot à plein temps, pas de vacances pour les notifications /&nbsp;sollicitations.</p>
+
+    
+    <nav>
+      <p class="center">
+        
+          <a rel="prev"
+             href="/david/2024/01/03/"
+             title="Publication précédente : Appariement">← Précédent</a> •
+        
+        <a href="/david/2024/" title="Liste des publications récentes">↑ En 2024</a>
+        
+      </p>
+    </nav>
+  </article>
+
+    <hr>
+    <footer>
+      <p>
+        <nobr>
+          <a href="/david/" title="Aller à l’accueil">Accueil</a>
+        </nobr>
+        •
+        <nobr>
+          <a href="/david/log/" title="Accès au flux RSS">Suivre</a>
+        </nobr>
+        •
+        <nobr>
+          <a href="http://larlet.com"
+             title="Go to my English profile"
+             data-instant>Pro</a>
+        </nobr>
+        •
+        <nobr>
+          <a href="mailto:david%40larlet.fr" title="Envoyer un courriel">Email</a>
+        </nobr>
+        •
+        <nobr>
+          <abbr class="nowrap"
+                title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340">Légal</abbr>
+        </nobr>
+      </p>
+      <template id="theme-selector">
+        <form>
+          <fieldset>
+            <legend>Thème
+            </legend>
+            <label>
+              <input type="radio" value="auto" name="chosen-color-scheme" checked>
+              Auto
+            </label>
+            <label>
+              <input type="radio" value="dark" name="chosen-color-scheme">
+              Foncé
+            </label>
+            <label>
+              <input type="radio" value="light" name="chosen-color-scheme">
+              Clair
+            </label>
+          </fieldset>
+        </form>
+      </template>
+    </footer>
+    <script src="/static/david/js/instantpage-5.1.0.min.js" type="module"></script>
+    <script>
+      function loadThemeForm(templateName) {
+        const themeSelectorTemplate = document.querySelector(templateName)
+        const form = themeSelectorTemplate.content.firstElementChild
+        themeSelectorTemplate.replaceWith(form)
+
+        form.addEventListener('change', (e) => {
+          const chosenColorScheme = e.target.value
+          localStorage.setItem('theme', chosenColorScheme)
+          toggleTheme(chosenColorScheme)
+        })
+
+        const selectedTheme = localStorage.getItem('theme')
+        if (selectedTheme && selectedTheme !== 'undefined') {
+          form.querySelector(`[value="${selectedTheme}"]`).checked = true
+        }
+      }
+
+      const prefersColorSchemeDark = '(prefers-color-scheme: dark)'
+      window.addEventListener('load', () => {
+        let hasDarkRules = false
+        for (const styleSheet of Array.from(document.styleSheets)) {
+          let mediaRules = []
+          for (const cssRule of styleSheet.cssRules) {
+            if (cssRule.type !== CSSRule.MEDIA_RULE) {
+              continue
+            }
+            // WARNING: Safari does not have/supports `conditionText`.
+            if (cssRule.conditionText) {
+              if (cssRule.conditionText !== prefersColorSchemeDark) {
+                continue
+              }
+            } else {
+              if (cssRule.cssText.startsWith(prefersColorSchemeDark)) {
+                continue
+              }
+            }
+            mediaRules = mediaRules.concat(Array.from(cssRule.cssRules))
+          }
+
+          // WARNING: do not try to insert a Rule to a styleSheet you are
+          // currently iterating on, otherwise the browser will be stuck
+          // in a infinite loop…
+          for (const mediaRule of mediaRules) {
+            styleSheet.insertRule(mediaRule.cssText)
+            hasDarkRules = true
+          }
+        }
+        if (hasDarkRules) {
+          loadThemeForm('#theme-selector')
+        }
+      })
+    </script>
+    
+  </body>
+</html>

david/2024/_sources/2024-01-03 - Appariement.md

@@ -18,7 +18,7 @@ L’introduction de *Alors nous irons trouver la beauté ailleurs* par Corinne M
 
 ---
 
-On a couru 10 km avec l’enfant. À ce rythme là, je ne sais pas si je vais pouvoir suivre longtemps ! La récompense à été de croiser un renard urbain de vraiment très près, moins de 5 mètres, que l’on a bien eu le temps d’observer vu qu’il courrait vers nous. Par contre un flasque de plus de 10 ans s’est percée dans ma poche pendant la course, j’étais bien trempé avec du vent. Il faisait -6°C.
+On a couru 10 km avec l’enfant. À ce rythme là, je ne sais pas si je vais pouvoir suivre longtemps ! La récompense a été de croiser un renard urbain de vraiment très près, moins de 5 mètres, que l’on a bien eu le temps d’observer vu qu’il courrait vers nous. Par contre un flasque de plus de 10 ans s’est percée dans ma poche pendant la course, j’étais bien trempé avec du vent. Il faisait -6°C.
 
 Tout ça pour aller chercher un bidon d’huile pour la transmission de la voiture.
 

david/2024/_sources/2024-01-04 - Repos.md

@@ -0,0 +1,27 @@
+# Repos
+
+> Je m’engouffre, sans trop réfléchir et avant qu’il ne file, dans cet élan d’écriture que j’espérais tout en refusant de m’en faire une contrainte. L’Inde m’offre l’imprévu, la nouveauté, la stimulation sans doute, que je n’avais plus en France pour pouvoir écrire autre chose que de la fiction. Ce pays est un roman en soi — je peux revenir avec désir à cette réalité-là. ==J’en suis aussi excitée que prudente,== je n’ai aucune idée de ce que cela va donner ni si ça aura le moindre intérêt. Mais je sais déjà que je n’évoquerai ni les Rafale, ni le nucléaire, ni Modi, ces tue-l’amour absolus.
+> 
+> <cite>*Alors nous irons trouver la beauté ailleurs*, Corinne Morel Darleux</cite>
+
+Dans un chalet pour quelques jours. Des randonnées à trois générations. Toujours ces questionnements autour de la propriété. Concilier tous les besoins, accepter de changer de vie, ne pas savoir si on serait finalement entourés d’une culture qui ne nous correspond pas (et qui ne nous attire pas non plus). Trouver le bon tempo.
+
+---
+
+Je me demande s’il serait pertinent [d’utiliser `text-wrap`](https://blog.stephaniestimac.com/posts/2023/10/css-text-wrap/) sachant que mes titres ne font qu’un seul mot et que je m’occupe déjà des veuves / orphelines typographiques avec [un script Python](https://git.larlet.fr/davidbgk/larlet-fr-david/src/branch/master/typography.py) que l’on a fait avec [Ronan](https://ronan.amicel.net/) à l’époque [de MesConseilsCovid / Covidoudou](/david/2020/05/26/). 
+
+Je tente de rendre les citations explicites car on m’a déjà fait le retour de ne pas tout de suite comprendre une publication qui commence par une citation : <q>Ah je croyais que c’était de toi !</q>.
+
+```
+blockquote::before {
+    content: "citation";
+    transform: rotate(-90deg);
+    position: absolute;
+    margin-left: -1rem;
+    margin-top: 3.5rem;
+}
+```
+
+Au passage, autant faire de même pour le code. Des couleurs, de la vie ! De l’envie.
+
+Note : être développeur d’un produit *open-source* populaire c’est un boulot à plein temps, pas de vacances pour les notifications / sollicitations.

david/2024/accompagnement/index.html

@@ -152,7 +152,7 @@
 </blockquote>
 <p>L’introduction de <em>Alors nous irons trouver la beauté ailleurs</em> par Corinne Morel Darleux m’aura suffit pour&nbsp;aujourd’hui&nbsp;🙂.</p>
 <hr />
-<p>On a couru 10&#8239;km avec l’enfant. À ce rythme là, je ne sais pas si je vais pouvoir suivre longtemps&#8239;! La récompense à été de croiser un renard urbain de vraiment très près, moins de 5&nbsp;mètres, que l’on a bien eu le temps d’observer vu qu’il courrait vers nous. Par contre un flasque de plus de 10&nbsp;ans s’est percée dans ma poche pendant la course, j’étais bien trempé avec du vent. Il faisait&nbsp;-6°C.</p>
+<p>On a couru 10&#8239;km avec l’enfant. À ce rythme là, je ne sais pas si je vais pouvoir suivre longtemps&#8239;! La récompense a été de croiser un renard urbain de vraiment très près, moins de 5&nbsp;mètres, que l’on a bien eu le temps d’observer vu qu’il courrait vers nous. Par contre un flasque de plus de 10&nbsp;ans s’est percée dans ma poche pendant la course, j’étais bien trempé avec du vent. Il faisait&nbsp;-6°C.</p>
 <p>Tout ça pour aller chercher un bidon d’huile pour la transmission de la&nbsp;voiture.</p>
 
     

david/2024/ecriture/index.html

@@ -152,7 +152,7 @@
 </blockquote>
 <p>L’introduction de <em>Alors nous irons trouver la beauté ailleurs</em> par Corinne Morel Darleux m’aura suffit pour&nbsp;aujourd’hui&nbsp;🙂.</p>
 <hr />
-<p>On a couru 10&#8239;km avec l’enfant. À ce rythme là, je ne sais pas si je vais pouvoir suivre longtemps&#8239;! La récompense à été de croiser un renard urbain de vraiment très près, moins de 5&nbsp;mètres, que l’on a bien eu le temps d’observer vu qu’il courrait vers nous. Par contre un flasque de plus de 10&nbsp;ans s’est percée dans ma poche pendant la course, j’étais bien trempé avec du vent. Il faisait&nbsp;-6°C.</p>
+<p>On a couru 10&#8239;km avec l’enfant. À ce rythme là, je ne sais pas si je vais pouvoir suivre longtemps&#8239;! La récompense a été de croiser un renard urbain de vraiment très près, moins de 5&nbsp;mètres, que l’on a bien eu le temps d’observer vu qu’il courrait vers nous. Par contre un flasque de plus de 10&nbsp;ans s’est percée dans ma poche pendant la course, j’étais bien trempé avec du vent. Il faisait&nbsp;-6°C.</p>
 <p>Tout ça pour aller chercher un bidon d’huile pour la transmission de la&nbsp;voiture.</p>
 
     

david/2024/index.html

@@ -141,7 +141,8 @@
     <p>
       <a href="/david/2024/01/01/">Dryear(s)</a>, 
       <a href="/david/2024/01/02/">Fondations</a>, 
-      <a href="/david/2024/01/03/">Appariement</a>.
+      <a href="/david/2024/01/03/">Appariement</a>, 
+      <a href="/david/2024/01/04/">Repos</a>.
       
     </p>
   

david/2024/web/index.html

@@ -152,7 +152,7 @@
 </blockquote>
 <p>L’introduction de <em>Alors nous irons trouver la beauté ailleurs</em> par Corinne Morel Darleux m’aura suffit pour&nbsp;aujourd’hui&nbsp;🙂.</p>
 <hr />
-<p>On a couru 10&#8239;km avec l’enfant. À ce rythme là, je ne sais pas si je vais pouvoir suivre longtemps&#8239;! La récompense à été de croiser un renard urbain de vraiment très près, moins de 5&nbsp;mètres, que l’on a bien eu le temps d’observer vu qu’il courrait vers nous. Par contre un flasque de plus de 10&nbsp;ans s’est percée dans ma poche pendant la course, j’étais bien trempé avec du vent. Il faisait&nbsp;-6°C.</p>
+<p>On a couru 10&#8239;km avec l’enfant. À ce rythme là, je ne sais pas si je vais pouvoir suivre longtemps&#8239;! La récompense a été de croiser un renard urbain de vraiment très près, moins de 5&nbsp;mètres, que l’on a bien eu le temps d’observer vu qu’il courrait vers nous. Par contre un flasque de plus de 10&nbsp;ans s’est percée dans ma poche pendant la course, j’étais bien trempé avec du vent. Il faisait&nbsp;-6°C.</p>
 <p>Tout ça pour aller chercher un bidon d’huile pour la transmission de la&nbsp;voiture.</p>
 
     

david/blogroll/index.html

@@ -176,21 +176,21 @@
     <h2>Leurs dernières publications</h2>
     <dl>
         <dt>
-          <a href="https://www.la-grange.net/2024/01/02/ekiden">Une course après la course</a>,
-          02-01-2024
+          <a href="https://www.la-grange.net/2024/01/03/desserts">desserts chauds</a>,
+          03-01-2024
         </dt>
         <dd>
-          Tsujido, Japon, 2 janvier 2024 Et tout cela n'est que le fond de ce qui serait l'action de notre cœur qui surpasse le multiple dessin de ce silence plein d'inexprimable audace. — Vergers, Rainer Maria Rilke, urn:isbn:2-07-032165-7 Qu'est-ce qu'une course ? La course de Tokyo à Hakone est un parcours, une trace sur une carte, 100 km en cinq étapes, en montées et descentes, en virage et paysage.…
+          Sugamo, Japon, 3 janvier 2024 Sources chaudes Les sources de Nanakuri, d'Arima, de Tamatsukuri — Notes de chevet, Sei Shonagon, urn:isbn:978-2-07-070533-7 J'ai posé une question à propos des désserts chauds. Je ne sais plus pourquoi la maison de papier était froide et j'ai pensé à un shiruko. Nous avons pensé aux desserts chauds en Japon. Et nous ne pouvions pas en citer beaucoup. La plupart…
           — <a href="https://www.la-grange.net/">Karl Dubost</a>
         </dd>
       </dl>
     <dl>
         <dt>
-          <a href="https://www.la-grange.net/2024/01/01/prise">lâcher prise</a>,
-          01-01-2024
+          <a href="https://www.la-grange.net/2024/01/02/ekiden">Une course après la course</a>,
+          02-01-2024
         </dt>
         <dd>
-          Tsujido, Japon, 1 janvier 2024 Chemins qui ne mènent nulle part entre deux prés, que l'on dirait avec art de leur but détournés, chemins qui souvent n'ont devant eux rien d'autre en face que le pur espace et la saison. — Vergers, Rainer Maria Rilke, urn:isbn:2-07-032165-7 Lundi 1er janvier 2024, je commence avec une photographie de la constellation d'Orion prise à 00h 03m 56s au dessus de la…
+          Tsujido, Japon, 2 janvier 2024 Et tout cela n'est que le fond de ce qui serait l'action de notre cœur qui surpasse le multiple dessin de ce silence plein d'inexprimable audace. — Vergers, Rainer Maria Rilke, urn:isbn:2-07-032165-7 Qu'est-ce qu'une course ? La course de Tokyo à Hakone est un parcours, une trace sur une carte, 100 km en cinq étapes, en montées et descentes, en virage et paysage.…
           — <a href="https://www.la-grange.net/">Karl Dubost</a>
         </dd>
       </dl>

david/index.html

@@ -125,6 +125,7 @@
     <p>Liste des publications récentes en ordre anté-chronologique :</p>
     <nav>
       <p>
+        <a href="/david/2024/01/04/">Repos</a>,
         <a href="/david/2024/01/03/">Appariement</a>,
         <a href="/david/2024/01/02/">Fondations</a>,
         <a href="/david/2024/01/01/">Dryear(s)</a>.

david/log/index.xml

@@ -6,13 +6,41 @@
     <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>2024-01-03T12:00:00+01:00</updated>
+    <updated>2024-01-04T12:00:00+01:00</updated>
     <author>
         <name>David Larlet</name>
         <uri>https://larlet.fr/david/</uri>
     </author>
     <rights>Copyright (c) 2004-2024, David Larlet</rights>
     
+        <entry xml:lang="fr">
+            <title type="html">Repos</title>
+            <link href="https://larlet.fr/david/2024/01/04/" rel="alternate" type="text/html" />
+            <updated>2024-01-04T12:00:00+01:00</updated>
+            <id>https://larlet.fr/david/2024/01/04/</id>
+            <summary type="html">
+
+&lt;blockquote&gt;
+&lt;p&gt;Je m’engouffre, sans trop réfléchir et avant qu’il ne file, dans cet élan d’écriture que j’espérais tout en refusant de m’en faire une contrainte. L’Inde m’offre l’imprévu, la nouveauté, la stimulation sans doute, que je n’avais plus en France pour pouvoir écrire autre chose que de la fiction. Ce pays est un roman en soi — je peux revenir avec désir à cette réalité-là. &lt;mark&gt;J’en suis aussi excitée que prudente,&lt;/mark&gt; je n’ai aucune idée de ce que cela va donner ni si ça aura le moindre intérêt. Mais je sais déjà que je n’évoquerai ni les Rafale, ni le nucléaire, ni Modi, ces tue-l’amour&amp;nbsp;absolus.&lt;/p&gt;
+&lt;p&gt;&lt;cite&gt;&lt;em&gt;Alors nous irons trouver la beauté ailleurs&lt;/em&gt;, Corinne Morel&amp;nbsp;Darleux&lt;/cite&gt;&lt;/p&gt;
+&lt;/blockquote&gt;
+&lt;p&gt;Dans un chalet pour quelques jours. Des randonnées à trois générations. Toujours ces questionnements autour de la propriété. Concilier tous les besoins, accepter de changer de vie, ne pas savoir si on serait finalement entourés d’une culture qui ne nous correspond pas (et qui ne nous attire pas non plus). Trouver le bon&amp;nbsp;tempo.&lt;/p&gt;
+&lt;hr /&gt;
+&lt;p&gt;Je me demande s’il serait pertinent &lt;a href=&quot;https://blog.stephaniestimac.com/posts/2023/10/css-text-wrap/&quot;&gt;d’utiliser &lt;code&gt;text-wrap&lt;/code&gt;&lt;/a&gt; sachant que mes titres ne font qu’un seul mot et que je m’occupe déjà des veuves / orphelines typographiques avec &lt;a href=&quot;https://git.larlet.fr/davidbgk/larlet-fr-david/src/branch/master/typography.py&quot;&gt;un script Python&lt;/a&gt; que l’on a fait avec &lt;a href=&quot;https://ronan.amicel.net/&quot;&gt;Ronan&lt;/a&gt; à l’époque &lt;a href=&quot;https://larlet.fr/david/2020/05/26/&quot;&gt;de MesConseilsCovid / Covidoudou&lt;/a&gt;.&lt;/p&gt;
+&lt;p&gt;Je tente de rendre les citations explicites car on m’a déjà fait le retour de ne pas tout de suite comprendre une publication qui commence par une citation&amp;nbsp;: &lt;q&gt;Ah je croyais que c’était de toi&amp;#8239;!&lt;/q&gt;.&lt;/p&gt;
+&lt;pre&gt;&lt;code&gt;blockquote::before {
+    content: &amp;quot;citation&amp;quot;;
+    transform: rotate(-90deg);
+    position: absolute;
+    margin-left: -1rem;
+    margin-top: 3.5rem;
+}
+&lt;/code&gt;&lt;/pre&gt;
+&lt;p&gt;Au passage, autant faire de même pour le code. Des couleurs, de la vie&amp;#8239;! De&amp;nbsp;l’envie.&lt;/p&gt;
+&lt;p&gt;Note&amp;nbsp;: être développeur d’un produit &lt;em&gt;open-source&lt;/em&gt; populaire c’est un boulot à plein temps, pas de vacances pour les notifications /&amp;nbsp;sollicitations.&lt;/p&gt;
+&lt;nav&gt;&lt;p&gt;&lt;/p&gt;&lt;/nav&gt;&lt;hr/&gt;&lt;p&gt;&lt;a href=&quot;mailto:david@larlet.fr&quot;&gt;Réagir ?&lt;/a&gt;&lt;/p&gt;</summary>
+        </entry>
+    
         <entry xml:lang="fr">
             <title type="html">Appariement</title>
             <link href="https://larlet.fr/david/2024/01/03/" rel="alternate" type="text/html" />
@@ -31,7 +59,7 @@
 &lt;/blockquote&gt;
 &lt;p&gt;L’introduction de &lt;em&gt;Alors nous irons trouver la beauté ailleurs&lt;/em&gt; par Corinne Morel Darleux m’aura suffit pour&amp;nbsp;aujourd’hui&amp;nbsp;🙂.&lt;/p&gt;
 &lt;hr /&gt;
-&lt;p&gt;On a couru 10&amp;#8239;km avec l’enfant. À ce rythme là, je ne sais pas si je vais pouvoir suivre longtemps&amp;#8239;! La récompense à été de croiser un renard urbain de vraiment très près, moins de 5&amp;nbsp;mètres, que l’on a bien eu le temps d’observer vu qu’il courrait vers nous. Par contre un flasque de plus de 10&amp;nbsp;ans s’est percée dans ma poche pendant la course, j’étais bien trempé avec du vent. Il faisait&amp;nbsp;-6°C.&lt;/p&gt;
+&lt;p&gt;On a couru 10&amp;#8239;km avec l’enfant. À ce rythme là, je ne sais pas si je vais pouvoir suivre longtemps&amp;#8239;! La récompense a été de croiser un renard urbain de vraiment très près, moins de 5&amp;nbsp;mètres, que l’on a bien eu le temps d’observer vu qu’il courrait vers nous. Par contre un flasque de plus de 10&amp;nbsp;ans s’est percée dans ma poche pendant la course, j’étais bien trempé avec du vent. Il faisait&amp;nbsp;-6°C.&lt;/p&gt;
 &lt;p&gt;Tout ça pour aller chercher un bidon d’huile pour la transmission de la&amp;nbsp;voiture.&lt;/p&gt;
 &lt;nav&gt;&lt;p&gt;&lt;a href=&quot;https://larlet.fr/david/2024/accompagnement/&quot;&gt;#accompagnement&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2024/ecriture/&quot;&gt;#écriture&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2024/web/&quot;&gt;#web&lt;/a&gt;&lt;/p&gt;&lt;/nav&gt;&lt;hr/&gt;&lt;p&gt;&lt;a href=&quot;mailto:david@larlet.fr&quot;&gt;Réagir ?&lt;/a&gt;&lt;/p&gt;</summary>
         </entry>

david/recherche/index.html

@@ -276,11 +276,17 @@
     </template>
     
     <script id="search-index" type="application/json">[
+  {
+    "title": "Repos",
+    "url": "/david/2024/01/04/",
+    "date": "2024-01-04",
+    "content": "Je m\u2019engouffre, sans trop r\u00e9fl\u00e9chir et avant qu\u2019il ne file, dans cet \u00e9lan d\u2019\u00e9criture que j\u2019esp\u00e9rais tout en refusant de m\u2019en faire une contrainte. L\u2019Inde m\u2019offre l\u2019impr\u00e9vu, la nouveaut\u00e9, la stimulation sans doute, que je n\u2019avais plus en France pour pouvoir \u00e9crire autre chose que de la fiction. Ce pays est un roman en soi \u2014 je peux revenir avec d\u00e9sir \u00e0 cette r\u00e9alit\u00e9-l\u00e0. J\u2019en suis aussi excit\u00e9e que prudente, je n\u2019ai aucune id\u00e9e de ce que cela va donner ni si \u00e7a aura le moindre int\u00e9r\u00eat. Mais je sais d\u00e9j\u00e0 que je n\u2019\u00e9voquerai ni les Rafale, ni le nucl\u00e9aire, ni Modi, ces tue-l\u2019amour\u00a0absolus. Alors nous irons trouver la beaut\u00e9 ailleurs, Corinne Morel\u00a0Darleux Dans un chalet pour quelques jours. Des randonn\u00e9es \u00e0 trois g\u00e9n\u00e9rations. Toujours ces questionnements autour de la propri\u00e9t\u00e9. Concilier tous les besoins, accepter de changer de vie, ne pas savoir si on serait finalement entour\u00e9s d\u2019une culture qui ne nous correspond pas (et qui ne nous attire pas non plus). Trouver le bon\u00a0tempo. Je me demande s\u2019il serait pertinent d\u2019utiliser text-wrap sachant que mes titres ne font qu\u2019un seul mot et que je m\u2019occupe d\u00e9j\u00e0 des veuves / orphelines typographiques avec un script Python que l\u2019on a fait avec Ronan \u00e0 l\u2019\u00e9poque de MesConseilsCovid / Covidoudou. Je tente de rendre les citations explicites car on m\u2019a d\u00e9j\u00e0 fait le retour de ne pas tout de suite comprendre une publication qui commence par une citation\u00a0: Ah je croyais que c\u2019\u00e9tait de toi\u202f!. blockquote::before { content: \"citation\"; transform: rotate(-90deg); position: absolute; margin-left: -1rem; margin-top: 3.5rem; } Au passage, autant faire de m\u00eame pour le code. Des couleurs, de la vie\u202f! De\u00a0l\u2019envie. Note\u00a0: \u00eatre d\u00e9veloppeur d\u2019un produit open-source populaire c\u2019est un boulot \u00e0 plein temps, pas de vacances pour les notifications /\u00a0sollicitations."
+  },
   {
     "title": "Appariement",
     "url": "/david/2024/01/03/",
     "date": "2024-01-03",
-    "content": "Je me r\u00e9veille avec une envie d\u2019exp\u00e9rimentations typographiques. Apr\u00e8s une nuit de r\u00e9flexion, ce sera Century Supra qui fera la paire avec Concourse pour du sans serif (oui, je suis fan du travail de Matthew Butterick depuis tr\u00e8s longtemps). Il va falloir que je m\u2019habitue \u00e0 ce que mon \u00e9dition dans iA\u00a0Writer ne ressemble plus au rendu sur la pr\u00e9visualisation du\u00a0site. Au niveau de la taille, j\u2019ai enfin l\u2019occasion de tester un \u00e9chelle modulaire et c\u2019est suffisamment adaptatif pour le moment. Il faudra que je retravaille certains espacements mais je n\u2019en suis pas encore \u00e0 cette \u00e9tape. Je ne comprends pas encore tout \u00e0 fait la formule et j\u2019arrive \u00e0 vivre\u00a0avec. Je me rappelle aussi qu\u2019un des int\u00e9r\u00eats que j\u2019avais trouv\u00e9 aux CSS\u00a0layers c\u2019est de pouvoir mieux documenter la CSS alors je sors les styles en ligne de l\u2019it\u00e9ration d\u2019hier pour avoir une feuille d\u00e9di\u00e9e dont je commence \u00e0 documenter les diff\u00e9rentes\u00a0sections. Je m\u2019amuse comme un petit fou m\u00eame si la CSS fait subitement\u00a0350\u00a0lignes. Je crois qu\u2019on \u00e9crit pour cr\u00e9er un monde dans lequel on puisse vivre. Je ne pouvais vivre dans aucun de ceux qui m\u2019\u00e9taient propos\u00e9s\u00a0: le monde de mes parents, le monde de la guerre, le monde de la politique. Il me fallait cr\u00e9er un monde \u00e0 moi, comme un climat, un pays, une atmosph\u00e8re, o\u00f9 je puisse respirer, r\u00e9gner et me r\u00e9g\u00e9n\u00e9rer lorsque j\u2019\u00e9tais d\u00e9truite par la\u00a0vie. Journal 1947-1955, Ana\u00efs\u00a0Nin L\u2019introduction de Alors nous irons trouver la beaut\u00e9 ailleurs par Corinne Morel Darleux m\u2019aura suffit pour\u00a0aujourd\u2019hui\u00a0\ud83d\ude42. On a couru 10\u202fkm avec l\u2019enfant. \u00c0 ce rythme l\u00e0, je ne sais pas si je vais pouvoir suivre longtemps\u202f! La r\u00e9compense \u00e0 \u00e9t\u00e9 de croiser un renard urbain de vraiment tr\u00e8s pr\u00e8s, moins de 5\u00a0m\u00e8tres, que l\u2019on a bien eu le temps d\u2019observer vu qu\u2019il courrait vers nous. Par contre un flasque de plus de 10\u00a0ans s\u2019est perc\u00e9e dans ma poche pendant la course, j\u2019\u00e9tais bien tremp\u00e9 avec du vent. Il faisait\u00a0-6\u00b0C. Tout \u00e7a pour aller chercher un bidon d\u2019huile pour la transmission de la\u00a0voiture."
+    "content": "Je me r\u00e9veille avec une envie d\u2019exp\u00e9rimentations typographiques. Apr\u00e8s une nuit de r\u00e9flexion, ce sera Century Supra qui fera la paire avec Concourse pour du sans serif (oui, je suis fan du travail de Matthew Butterick depuis tr\u00e8s longtemps). Il va falloir que je m\u2019habitue \u00e0 ce que mon \u00e9dition dans iA\u00a0Writer ne ressemble plus au rendu sur la pr\u00e9visualisation du\u00a0site. Au niveau de la taille, j\u2019ai enfin l\u2019occasion de tester un \u00e9chelle modulaire et c\u2019est suffisamment adaptatif pour le moment. Il faudra que je retravaille certains espacements mais je n\u2019en suis pas encore \u00e0 cette \u00e9tape. Je ne comprends pas encore tout \u00e0 fait la formule et j\u2019arrive \u00e0 vivre\u00a0avec. Je me rappelle aussi qu\u2019un des int\u00e9r\u00eats que j\u2019avais trouv\u00e9 aux CSS\u00a0layers c\u2019est de pouvoir mieux documenter la CSS alors je sors les styles en ligne de l\u2019it\u00e9ration d\u2019hier pour avoir une feuille d\u00e9di\u00e9e dont je commence \u00e0 documenter les diff\u00e9rentes\u00a0sections. Je m\u2019amuse comme un petit fou m\u00eame si la CSS fait subitement\u00a0350\u00a0lignes. Je crois qu\u2019on \u00e9crit pour cr\u00e9er un monde dans lequel on puisse vivre. Je ne pouvais vivre dans aucun de ceux qui m\u2019\u00e9taient propos\u00e9s\u00a0: le monde de mes parents, le monde de la guerre, le monde de la politique. Il me fallait cr\u00e9er un monde \u00e0 moi, comme un climat, un pays, une atmosph\u00e8re, o\u00f9 je puisse respirer, r\u00e9gner et me r\u00e9g\u00e9n\u00e9rer lorsque j\u2019\u00e9tais d\u00e9truite par la\u00a0vie. Journal 1947-1955, Ana\u00efs\u00a0Nin L\u2019introduction de Alors nous irons trouver la beaut\u00e9 ailleurs par Corinne Morel Darleux m\u2019aura suffit pour\u00a0aujourd\u2019hui\u00a0\ud83d\ude42. On a couru 10\u202fkm avec l\u2019enfant. \u00c0 ce rythme l\u00e0, je ne sais pas si je vais pouvoir suivre longtemps\u202f! La r\u00e9compense a \u00e9t\u00e9 de croiser un renard urbain de vraiment tr\u00e8s pr\u00e8s, moins de 5\u00a0m\u00e8tres, que l\u2019on a bien eu le temps d\u2019observer vu qu\u2019il courrait vers nous. Par contre un flasque de plus de 10\u00a0ans s\u2019est perc\u00e9e dans ma poche pendant la course, j\u2019\u00e9tais bien tremp\u00e9 avec du vent. Il faisait\u00a0-6\u00b0C. Tout \u00e7a pour aller chercher un bidon d\u2019huile pour la transmission de la\u00a0voiture."
   },
   {
     "title": "Fondations",
@@ -294,11 +300,17 @@
     "date": "2024-01-01",
     "content": "33\u202f% de 44\u00a0millions de consommateurs vont faire le Dry January 22\u202f% des consommateurs ont une conso excessive, c\u2019est-\u00e0-dire 10\u00a0verres/semaine max et plus de deux\u00a0verres/jour. Les seniors sont aussi tr\u00e8s touch\u00e9\u00b7es. L\u2019alcool est une drogue.. On peut faire la f\u00eate sans alcool et\u00a0s\u2019\u00e9clater. Quand on arr\u00eate\u00a0: bienfaits sur le foie, la peau, le coeur, etc\u2026 Pb\u00a0: m\u00e9moire, troubles cognitifs, responsable de cancer, pb sommeil, d\u00e9compensation de maladie psy,\u2026 41000\u00a0d\u00e9c\u00e8s par an en\u00a0France. Les cinq sympt\u00f4mes d\u00e9finissent un probl\u00e8me de\u00a0d\u00e9pendance\u00a0: Perte de\u00a0contr\u00f4le Usage\u00a0compulsif Envie\u00a0r\u00e9pressive Usage\u00a0chronique Cons\u00e9quences psychiques, physiques, sociales,\u2026 Bon Dry J. pour celleux qui le font\u202f! Moi j\u2019en\u00a0suis\u202f! @Air@framapiaf.org Dans mon entourage, de plus en plus de personnes que j\u2019estime ne boivent pas d\u2019alcool, de plus en plus de personnes qui vieillissent en deviennent d\u00e9pendantes. Je suis davantage attir\u00e9 par la premi\u00e8re option\u2026 et pas pour un seul\u00a0mois. Je me sens pr\u00eat, on verra bien o\u00f9 cela me\u00a0m\u00e8ne. Grosse envie de reprendre la CSS par ici en ce d\u00e9but d\u2019ann\u00e9e. Avec le dilemme de faire chuter cette motivation si je publie d\u00e8s maintenant avec l\u2019ancienne (qui restera effective sur les anciens articles). Je vais essayer de me\u00a0retenir."
   },
+  {
+    "title": "Repos",
+    "url": "/david/2024/01/04/",
+    "date": "2024-01-04",
+    "content": "Je m\u2019engouffre, sans trop r\u00e9fl\u00e9chir et avant qu\u2019il ne file, dans cet \u00e9lan d\u2019\u00e9criture que j\u2019esp\u00e9rais tout en refusant de m\u2019en faire une contrainte. L\u2019Inde m\u2019offre l\u2019impr\u00e9vu, la nouveaut\u00e9, la stimulation sans doute, que je n\u2019avais plus en France pour pouvoir \u00e9crire autre chose que de la fiction. Ce pays est un roman en soi \u2014 je peux revenir avec d\u00e9sir \u00e0 cette r\u00e9alit\u00e9-l\u00e0. J\u2019en suis aussi excit\u00e9e que prudente, je n\u2019ai aucune id\u00e9e de ce que cela va donner ni si \u00e7a aura le moindre int\u00e9r\u00eat. Mais je sais d\u00e9j\u00e0 que je n\u2019\u00e9voquerai ni les Rafale, ni le nucl\u00e9aire, ni Modi, ces tue-l\u2019amour\u00a0absolus. Alors nous irons trouver la beaut\u00e9 ailleurs, Corinne Morel\u00a0Darleux Dans un chalet pour quelques jours. Des randonn\u00e9es \u00e0 trois g\u00e9n\u00e9rations. Toujours ces questionnements autour de la propri\u00e9t\u00e9. Concilier tous les besoins, accepter de changer de vie, ne pas savoir si on serait finalement entour\u00e9s d\u2019une culture qui ne nous correspond pas (et qui ne nous attire pas non plus). Trouver le bon\u00a0tempo. Je me demande s\u2019il serait pertinent d\u2019utiliser text-wrap sachant que mes titres ne font qu\u2019un seul mot et que je m\u2019occupe d\u00e9j\u00e0 des veuves / orphelines typographiques avec un script Python que l\u2019on a fait avec Ronan \u00e0 l\u2019\u00e9poque de MesConseilsCovid / Covidoudou. Je tente de rendre les citations explicites car on m\u2019a d\u00e9j\u00e0 fait le retour de ne pas tout de suite comprendre une publication qui commence par une citation\u00a0: Ah je croyais que c\u2019\u00e9tait de toi\u202f!. blockquote::before { content: \"citation\"; transform: rotate(-90deg); position: absolute; margin-left: -1rem; margin-top: 3.5rem; } Au passage, autant faire de m\u00eame pour le code. Des couleurs, de la vie\u202f! De\u00a0l\u2019envie. Note\u00a0: \u00eatre d\u00e9veloppeur d\u2019un produit open-source populaire c\u2019est un boulot \u00e0 plein temps, pas de vacances pour les notifications /\u00a0sollicitations."
+  },
   {
     "title": "Appariement",
     "url": "/david/2024/01/03/",
     "date": "2024-01-03",
-    "content": "Je me r\u00e9veille avec une envie d\u2019exp\u00e9rimentations typographiques. Apr\u00e8s une nuit de r\u00e9flexion, ce sera Century Supra qui fera la paire avec Concourse pour du sans serif (oui, je suis fan du travail de Matthew Butterick depuis tr\u00e8s longtemps). Il va falloir que je m\u2019habitue \u00e0 ce que mon \u00e9dition dans iA\u00a0Writer ne ressemble plus au rendu sur la pr\u00e9visualisation du\u00a0site. Au niveau de la taille, j\u2019ai enfin l\u2019occasion de tester un \u00e9chelle modulaire et c\u2019est suffisamment adaptatif pour le moment. Il faudra que je retravaille certains espacements mais je n\u2019en suis pas encore \u00e0 cette \u00e9tape. Je ne comprends pas encore tout \u00e0 fait la formule et j\u2019arrive \u00e0 vivre\u00a0avec. Je me rappelle aussi qu\u2019un des int\u00e9r\u00eats que j\u2019avais trouv\u00e9 aux CSS\u00a0layers c\u2019est de pouvoir mieux documenter la CSS alors je sors les styles en ligne de l\u2019it\u00e9ration d\u2019hier pour avoir une feuille d\u00e9di\u00e9e dont je commence \u00e0 documenter les diff\u00e9rentes\u00a0sections. Je m\u2019amuse comme un petit fou m\u00eame si la CSS fait subitement\u00a0350\u00a0lignes. Je crois qu\u2019on \u00e9crit pour cr\u00e9er un monde dans lequel on puisse vivre. Je ne pouvais vivre dans aucun de ceux qui m\u2019\u00e9taient propos\u00e9s\u00a0: le monde de mes parents, le monde de la guerre, le monde de la politique. Il me fallait cr\u00e9er un monde \u00e0 moi, comme un climat, un pays, une atmosph\u00e8re, o\u00f9 je puisse respirer, r\u00e9gner et me r\u00e9g\u00e9n\u00e9rer lorsque j\u2019\u00e9tais d\u00e9truite par la\u00a0vie. Journal 1947-1955, Ana\u00efs\u00a0Nin L\u2019introduction de Alors nous irons trouver la beaut\u00e9 ailleurs par Corinne Morel Darleux m\u2019aura suffit pour\u00a0aujourd\u2019hui\u00a0\ud83d\ude42. On a couru 10\u202fkm avec l\u2019enfant. \u00c0 ce rythme l\u00e0, je ne sais pas si je vais pouvoir suivre longtemps\u202f! La r\u00e9compense \u00e0 \u00e9t\u00e9 de croiser un renard urbain de vraiment tr\u00e8s pr\u00e8s, moins de 5\u00a0m\u00e8tres, que l\u2019on a bien eu le temps d\u2019observer vu qu\u2019il courrait vers nous. Par contre un flasque de plus de 10\u00a0ans s\u2019est perc\u00e9e dans ma poche pendant la course, j\u2019\u00e9tais bien tremp\u00e9 avec du vent. Il faisait\u00a0-6\u00b0C. Tout \u00e7a pour aller chercher un bidon d\u2019huile pour la transmission de la\u00a0voiture."
+    "content": "Je me r\u00e9veille avec une envie d\u2019exp\u00e9rimentations typographiques. Apr\u00e8s une nuit de r\u00e9flexion, ce sera Century Supra qui fera la paire avec Concourse pour du sans serif (oui, je suis fan du travail de Matthew Butterick depuis tr\u00e8s longtemps). Il va falloir que je m\u2019habitue \u00e0 ce que mon \u00e9dition dans iA\u00a0Writer ne ressemble plus au rendu sur la pr\u00e9visualisation du\u00a0site. Au niveau de la taille, j\u2019ai enfin l\u2019occasion de tester un \u00e9chelle modulaire et c\u2019est suffisamment adaptatif pour le moment. Il faudra que je retravaille certains espacements mais je n\u2019en suis pas encore \u00e0 cette \u00e9tape. Je ne comprends pas encore tout \u00e0 fait la formule et j\u2019arrive \u00e0 vivre\u00a0avec. Je me rappelle aussi qu\u2019un des int\u00e9r\u00eats que j\u2019avais trouv\u00e9 aux CSS\u00a0layers c\u2019est de pouvoir mieux documenter la CSS alors je sors les styles en ligne de l\u2019it\u00e9ration d\u2019hier pour avoir une feuille d\u00e9di\u00e9e dont je commence \u00e0 documenter les diff\u00e9rentes\u00a0sections. Je m\u2019amuse comme un petit fou m\u00eame si la CSS fait subitement\u00a0350\u00a0lignes. Je crois qu\u2019on \u00e9crit pour cr\u00e9er un monde dans lequel on puisse vivre. Je ne pouvais vivre dans aucun de ceux qui m\u2019\u00e9taient propos\u00e9s\u00a0: le monde de mes parents, le monde de la guerre, le monde de la politique. Il me fallait cr\u00e9er un monde \u00e0 moi, comme un climat, un pays, une atmosph\u00e8re, o\u00f9 je puisse respirer, r\u00e9gner et me r\u00e9g\u00e9n\u00e9rer lorsque j\u2019\u00e9tais d\u00e9truite par la\u00a0vie. Journal 1947-1955, Ana\u00efs\u00a0Nin L\u2019introduction de Alors nous irons trouver la beaut\u00e9 ailleurs par Corinne Morel Darleux m\u2019aura suffit pour\u00a0aujourd\u2019hui\u00a0\ud83d\ude42. On a couru 10\u202fkm avec l\u2019enfant. \u00c0 ce rythme l\u00e0, je ne sais pas si je vais pouvoir suivre longtemps\u202f! La r\u00e9compense a \u00e9t\u00e9 de croiser un renard urbain de vraiment tr\u00e8s pr\u00e8s, moins de 5\u00a0m\u00e8tres, que l\u2019on a bien eu le temps d\u2019observer vu qu\u2019il courrait vers nous. Par contre un flasque de plus de 10\u00a0ans s\u2019est perc\u00e9e dans ma poche pendant la course, j\u2019\u00e9tais bien tremp\u00e9 avec du vent. Il faisait\u00a0-6\u00b0C. Tout \u00e7a pour aller chercher un bidon d\u2019huile pour la transmission de la\u00a0voiture."
   },
   {
     "title": "Fondations",

david/templates/article_2024.html

@@ -33,7 +33,6 @@
         {% endif %}
       </p>
     </nav>
-    <hr>
     {{ page.content }}
     {% if page.tags %}
       <nav>

david/templates/base_2024.html

@@ -48,7 +48,7 @@
   https://neil-clarke.com/block-the-bots-that-feed-ai-models-by-scraping-your-website/ -->
   <meta name="robots" content="noai, noimageai">
   <!-- Documented, feel free to shoot an email. -->
-  <link rel="stylesheet" href="/static/david/css/style_2024-01-03.css">
+  <link rel="stylesheet" href="/static/david/css/style_2024-01-04.css">
   <!-- See https://www.zachleat.com/web/comprehensive-webfonts/ for the trade-off.
   <link rel="preload"
         href="/static/david/css/fonts/triplicate_t4_poly_regular.woff2"