davidbgk
/
larlet-fr-david

<!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>Tag #confiance — David Larlet</title>
<meta name="description" content="Publications relatives au tag #confiance">
<!-- 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)">
<!-- Documented, feel free to shoot an email. -->
<link rel="stylesheet" href="/static/david/css/style_2021-01-20.css">
<!-- See https://www.zachleat.com/web/comprehensive-webfonts/ for the trade-off. -->
<link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_regular.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin>
<link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_bold.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin>
<link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_italic.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin>
<link rel="preload" href="/static/david/css/fonts/triplicate_t3_regular.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin>
<link rel="preload" href="/static/david/css/fonts/triplicate_t3_bold.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin>
<link rel="preload" href="/static/david/css/fonts/triplicate_t3_italic.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin>
<script>
    function toggleTheme(themeName) {
        document.documentElement.classList.toggle(
            'forced-dark',
            themeName === 'dark'
        )
        document.documentElement.classList.toggle(
            'forced-light',
            themeName === 'light'
        )
    }
    const selectedTheme = localStorage.getItem('theme')
    if (selectedTheme !== 'undefined') {
        toggleTheme(selectedTheme)
    }
</script>

<style type="text/css">
  details[open] summary {
    display: none;
  }
</style>

<body class="remarkdown h1-underline h2-underline h3-underline em-underscore hr-center ul-star pre-tick" data-instant-intensity="viewport-all">


<header>
  <h1>Publications relatives au tag #confiance</h1>
</header>
<nav>
  <p class="center">
    <a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home">
        <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-home"></use>
      </svg> Accueil</a>
     • <a rel="tags" href="/david/#tags-2023" title="Liste de toutes les étiquettes"><svg class="icon icon-tags">
        <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-tags"></use>
      </svg> Étiquettes</a>
  </p>
</nav>
<hr>
<main>
  <p>Les plus récentes en premier, les 3 premières sont dépliées et ensuite c’est à la demande, bonne exploration !</p>
  
    <h2><a href="/david/2023/03/02/" title="Lien permanent vers cet article">Jour&nbsp;1</a> (2023-03-02)</h2>
    
      
<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="/static/david/2023/2023-03-02-traineau-arrivee.jpg"
        title="Cliquer pour une version haute résolution">
        <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="/static/david/2023/2023-03-02-feu-levitation.jpg"
        title="Cliquer pour une version haute résolution">
        <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>
<p>Je continue de tester ce foyer surélevé en hiver. Il est lourd mais avoir un feu efficace pour faire fondre la neige et se réchauffer sans qu’il ne coule est très appréciable. À force de <a href="/david/2023/02/10/" title="Jour 1">faire</a> <a href="/david/2023/02/11/" title="Jour 2">du</a> <a href="/david/2023/02/12/" title="Jour 3">glamping</a>, j’en avais oublié à quel point il est fastidieux de passer son temps à produire de l’eau liquide. Je suis à 100&nbsp;mètres de la rivière mais je n’ose pas m’approcher sur la glace pour aller en récupérer une casserole entière vu les&nbsp;conditions.</p>
<p>J’ai choisi d’emporter mon appareil photo et trois objectifs pour cette sortie. Alors je passe une bonne partie de l’après-midi à explorer les alentours en essayant de ne pas trop me mouiller avec toute la neige qui charge les résineux. Même si je suis crevé par le trajet, je passe de bons moments à explorer cet environnement. Je me rends compte que j’ai maintenant suffisamment confiance en moi pour prendre mon temps avant de monter le&nbsp;camp.</p>
<p>J’ai quand même tapé une bonne plateforme avec les raquettes pour lui laisser le temps de geler avant d’aménager l’espace sous mon tipi du XXI<sup>e</sup> siècle. Iels annoncent -15°C dans la nuit, je vais enfin pouvoir tester mon duvet dans les conditions qu’il mérite. Un peu <a href="/david/2023/03/03/">inconscient de ce qui m’attend</a>, je me couche en regardant le feu crépiter, les joies de l’hiver… j’étais aussi parti pour essayer de voir des aurores boréales mais vu la vallée encaissée dans laquelle je suis, associée à une lune bien pleine, j’ai la flemme de me relever dans la nuit. Le vent s’est levé et de la neige chute des arbres par&nbsp;rafales.</p>
<hr />
<p>Davantage de <a href="https://media.larlet.fr/2023-03-ouareau-01.html">photos disponibles par ici</a>.</p>

    
    <h2><a href="/david/2023/02/25/" title="Lien permanent vers cet article">Transmission</a> (2023-02-25)</h2>
    
      
<blockquote lang="en">
<p>So I would. I would grab a coffee, sit down, and start reading. Often we’d share posts back and forth, or chat about some of the more interesting ones we had read. It was something we did that was never on accident… <mark>it was intentional, deliberate.</mark> It was a way, I think, of investing in ourselves while also acknowledging how much we still could learn from&nbsp;others.</p>
<p><cite><em><a href="https://timkadlec.com/remembers/2023-02-23-investing-in-rss/">Investing in RSS</a></em>&nbsp;(<a href="/david/cache/2023/19ec475bd5d92b02fbef043c52ea0589/">cache</a>)</cite></p>
</blockquote>
<p>Il y a ce réveil des blogs qui me rend silencieux, laisser la place d’une attention pour les autres. Et en même temps, ce sont plutôt des réveils que de nouvelles personnes. <strong>Je suis très disposé à me faire le relais de nouveaux blogs si vous en créez&nbsp;un.</strong></p>
<p>Il y a la constatation récurrente que la <a href="https://fr.wikipedia.org/wiki/Loi_de_Conway">Loi de Conway</a> se vérifie dès que je travaille avec des structures à taille inhumaine. L’aliénation de l’humain aux processus est l’un des grands mystères de ce temps. L’expérience de ces hiérarchies me permet d’attendre d’être en communication avec LA personne compétente pour aller de&nbsp;l’avant.</p>
<p>Il y a la transmission douloureuse, je me demande par exemple si sa génération sera la dernière à pouvoir faire du ski de fond dans les parcs montréalais. Au même titre qu’il a été l’un des derniers à pouvoir patiner sur le Lac aux Castors du Mont-Royal. Et encore, il était dans la&nbsp;poussette.</p>
<p>Il y a cette rupture vraiment pas conventionnelle qui me questionne sur le fait qu’une transmission ultime puisse passer par la destruction pour voir ce qui est recréé ensuite, valider les acquis et les envies en quelque sorte. Tellement difficile de décortiquer certaines intentions sans raviver les&nbsp;tensions.</p>
<hr />

<blockquote>
<p>🔄 Que se passe-t-il quand un LLM se nourrit en continu&#8239;&#8239;? Soit il se retrouve exposé à des <mark>contenus produits par d’autres LLM</mark>, soit il continue à être alimenté par des données hiérarchisées par des scrutins alimentés par des personnes qui, elles-mêmes, sont exposées à des contenus produits par un LLM.&nbsp;Quel impact cela pourrait-il avoir sur la qualité des&nbsp;contenus&#8239;&#8239;?</p>
<p><cite><em><a href="https://boris.schapira.dev/notes/2023-02-des-questions/">Des questions · Boris Schapira</a></em>&nbsp;(<a href="/david/cache/2023/482252d2b8806e99bc30ffab2b2c51c9/">cache</a>)</cite></p>
</blockquote>

<blockquote lang="en">
<p>🚜 Today’s cloud services have the look and feel of that tractor. They’re conceived by infrastructure people who care about efficient computation, fast networking, and cheap storage. The comfort and convenience of the developers who need to drive these services to build end-user facing applications has been an&nbsp;afterthought.</p>
<p>Both the tractor and the cloud service of the past made sense: <mark>The majority of people who made the purchasing decisions didn’t operate them</mark>, and those who did had little influence. Why bother making them nice to&nbsp;operate?</p>
<p><cite><em><a href="https://pydantic.dev/announcement/">Company Announcement | Pydantic</a></em>&nbsp;(<a href="/david/cache/2023/0f8bbba127c48a13b35fdf265c2dc106/">cache</a>)</cite></p>
</blockquote>

<blockquote lang="en">
<p>🤸 It comes down to this annoying, upsetting, stupid fact: <mark>the only way to build a great product is to use it every day, to stare at it, to hold it in your hands to feel its lumps.</mark> The data and customers will lie to you but the product never will. And most product orgs suck because they simply don’t use the products that they’re building; they ship incremental nothings without direction because they’re looking at spreadsheets all day long filled with junk data&nbsp;nothings.</p>
<p><cite><em><a href="https://www.robinrendle.com/notes/vibe-driven-development/">Vibe Driven Development</a></em>&nbsp;(<a href="/david/cache/2023/660b2a27b116787ac44e536e6c9dbcd3/">cache</a>)</cite></p>
</blockquote>

<blockquote lang="en">
<p>🧑‍⚖️ Traditional open source is based on the flawed premise that technology is fundamentally neutral, and that unrestricted access to source code— even for explicitly “evil” purposes— is in fact an unqualified good. But around the world, open source developers are starting to realize that the software that they create, with its tremendous potential to change the world for the better, is also being abused to sustain and promote systems of inequity and injustice, globally, and at unprecedented&nbsp;scale.</p>
<p>The Hippocratic License 3.0 (HL3) aims <mark>to confront the potential harms and abuses technology can have</mark> on fundamental human rights. It empowers open source communities to establish a clear set of ethical standards that licensees must abide by in order to adopt their&nbsp;code.</p>
<p><cite><em><a href="https://firstdonoharm.dev/">The Hippocratic License</a></em>&nbsp;(<a href="/david/cache/2023/e44bfaaecad989f67cb2032fac000276/">cache</a>)</cite></p>
</blockquote>

<blockquote lang="en">
<p>😮 I am all for radical criticism, especially targeted at billion-dollar tech corporations and powerful project leaders who <a href="https://fediverse.zachleat.com/@zachleat/109830047951867907">try to silence critics</a>. We need <mark>to hold them accountable</mark> for tech that produces harmful, subpar web experiences. They deserve their decent share of “told you&nbsp;so”.</p>
<p><cite><em><a href="https://molily.de/update-on-robust-javascript/">An update on Robust Client-Side JavaScript</a></em>&nbsp;(<a href="/david/cache/2023/9718ae2062146285e1c4f406240e04af/">cache</a>)</cite></p>
</blockquote>

<blockquote lang="en">
<p>🤗 As we build stuff, we make trade-off decisions like this all the time. If I have a point, it’s that we should consider these tradeoffs <mark>with our most junior teammates in mind;</mark> how much complexity are we adding for them? Is it worth&nbsp;it?</p>
<p><cite><em><a href="https://www.joshwcomeau.com/career/clever-code-considered-harmful/">Clever Code Considered Harmful</a></em>&nbsp;(<a href="/david/cache/2023/a09b5bf450d2cf86fb9e9d6f13b070e0/">cache</a>)</cite></p>
</blockquote>

    
    <h2><a href="/david/2023/02/09/" title="Lien permanent vers cet article">Allumage</a> (2023-02-09)</h2>
    
      
<p>Démarrer un nouveau projet avec une nouvelle équipe est un sentiment qui m’est incroyable. J’ai passé mon année 2022&nbsp;à faire —&nbsp;entre autres&nbsp;— des petits produits pour Scopyleft et je ne réalise que maintenant à quel point ça me permet de démarrer plus rapidement aujourd’hui pour un site que l’on fait avec <a href="https://www.maiwann.net/">Maïtané</a> pour la&nbsp;Croix-Rouge.</p>
<p>La structure est toujours un peu la même&nbsp;: des contenus dans du markdown, du déploiement continu de fichiers HTML statiques en utilisant l’intégration continue et l’hébergement de GitLab. Une URL de démonstration dès le premier <em>commit</em>. À partir de là, on peut rajouter des traductions, des images, une navigation particulière mais la base est l’affaire d’un copier-coller de quelques fichiers et d’une centaine de lignes de&nbsp;Python.</p>
<p>Soigner l’allumage technique, c’est avoir plus de temps pour réfléchir à l’accessibilité des données et à l’autonomie des personnes qui vont maintenir le site, c’est permettre de s’adapter aux besoins du public sans être contraint par un cadre, c’est prendre le temps de s’intéresser au problème <em>métier</em> à résoudre. C’est prendre confiance dans de petits outils résilients et&nbsp;frugaux.</p>
<p>Que mon eXpérience de Développeur (DX) s’en trouve être améliorée car j’aspire à cultiver de petits bonsaïs numériques n’est qu’un effet de&nbsp;bord.</p>
<hr />

<blockquote lang="en">
<p>🦕 I have been using it from day one of this blog (né Year II before <abbr title="Loïc Le Meur, coucou Loïc , long time no see!">LLM</abbr>).</p>
<p><cite><em><a href="https://www.padawan.info/en/2023/02/the-content-management-system-of-my-dreams-part-1-a-little-bit-of-history.html">The Content Management System of my Dreams (part 1) - A little bit of history</a></em>&nbsp;(<a href="/david/cache/2023/65169d7164c8bf5790a224d45a95adb7/">cache</a>)</cite></p>
</blockquote>

<blockquote lang="en">
<p>🧱 Think very hard about that word. What exactly is <em>dynamic</em> on your home page? Are you speaking about that Top News thingy? How often do they change? <mark>Are you doing this to satisfy yourself</mark> (some content editors have the same proclivity than developers to throw a tantrum because their new content does not appear instantaneously on the site)? Is this a business requirement or a real need of your&nbsp;users?</p>
<p><cite><em><a href="https://www.padawan.info/en/2023/02/the-content-management-system-of-my-dreams-part-2-the-trouble-with-dynamic-publishing.html">The Content Management System of my Dreams (part 2) - The trouble with dynamic publishing</a></em>&nbsp;(<a href="/david/cache/2023/f8b7c3246cf1d4e06c735ee163be32a0/">cache</a>)</cite></p>
</blockquote>

<blockquote lang="en">
<p>🧭 Since <mark>every direction is technically “North”</mark> from here, we use a grid overlay, to bring some semblance of order to our surroundings. The prevailing winds here come from “Grid&nbsp;North”.</p>
<p><cite><em><a href="https://brr.fyi/posts/south-pole-topography">South Pole Topography</a></em>&nbsp;(<a href="/david/cache/2023/f9e282fb545b5c1f50dfa1c0d98c50e3/">cache</a>)</cite></p>
</blockquote>

    
    <h2><a href="/david/2023/02/05/" title="Lien permanent vers cet article">Attente</a> (2023-02-05)</h2>
    
      <details>
        <summary>Déplier pour lire le contenu de la publication</summary>
        
<p>Il y a l’attente qui rime avec patience. Le corps est prêt, le mental jamais tout à fait mais la confiance s’est progressivement construite. L’équipement a été soigneusement évalué et testé. Le corps est stressé mais en demande de libération. Le retenir, encore un peu, c’est la mauvaise expérience qui&nbsp;parle.</p>
<p>Il y a l’attente qui rime avec panique lorsqu’à une semaine près on se prenait un vortex polaire et les températures extrêmes qui vont avec. Lors de la réunion d’information ils nous ont bien précisé qu’iels s’étaient pris -37°C il y a trois ans… peut-on vraiment <a href="/david/2023/01/03/" title="Préparation">se préparer</a> à&nbsp;ça&#8239;?</p>
<p>Il y a l’attente qui rime avec anxiété. La peur de la blessure du dernier moment ou de l’oubli d’une pièce critique de matériel, que la voiture lâche le jour J ou qu’une maladie vienne tout gâcher avant le départ. Tout peut encore arriver. La prudence ne suffit&nbsp;pas.</p>
<p>Il y a l’attente qui rime avec apaisement. Avoir eu la possibilité de tester son système de lutte contre le froid dans des conditions extrêmes et d’avoir pu vérifier sa pertinence alors qu’il restait plusieurs inconnues. Avoir fini par acheter un duvet plus chaud pour ne pas être trop limite. Ça&nbsp;resservira.</p>
<p>Il y a l’attente qui permet d’apprécier de pouvoir encore se permettre ce genre de truc, de l’envisager peut-être comme une répétition. Il y a tant d’espaces à&nbsp;découvrir.</p>

      </details>
    

    <h2><a href="/david/2023/01/22/" title="Lien permanent vers cet article">Jour&nbsp;2</a> (2023-01-22)</h2>
    
      <details>
        <summary>Déplier pour lire le contenu de la publication</summary>
        
<p>Deux objectifs au réveil&nbsp;: minuter le rangement du camp et ne pas faire de&nbsp;feu.</p>
<p>J’ai rarement l’occasion de me presser lorsque je suis en forêt. À part peut-être si je sais qu’un orage s’en vient. Or, j’ai besoin de savoir en combien de temps est-ce que je peux avoir mon traîneau de prêt car <a href="/david/2023/01/03/" title="Préparation">qui dit groupe</a> dit&nbsp;synchronisation.</p>
<p>Il m’a fallu environ une heure, sans compter le petit déjeuner que je peux envisager froid/en route. J’ai des pistes d’améliorations mais ça va beaucoup dépendre des conditions aussi, notamment du vent. Ce n’est pas la même chose de devoir plier bagage et préparer son eau de la journée dans une tente ou&nbsp;pas&#8239;!</p>
<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="/static/david/2023/2023-01-22-ski-retour.jpg"
        title="Cliquer pour une version haute résolution">
        <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>
<p>Le plus fastidieux reste de rapatrier tout l’équipement jusqu’à la voiture. Il est encore tôt et je décide d’aller me promener sur l’autre rive du lac, cette fois-ci en raquettes et avec un sac bien plus léger. C’est toujours agréable de se sentir voler, comme libéré du poids induit par toute cette recherche de mise en&nbsp;confiance.</p>

      </details>
    

</main>


<hr>

<footer>
  <p>
    <nobr>
      <a href="/david/" title="Aller à l’accueil"
        ><svg class="icon icon-home">
          <use
            xlink:href="/static/david/icons2/symbol-defs-2022-03.svg#icon-home"
          ></use>
        </svg>
        Accueil</a
      >
    </nobr>
    •
    <nobr>
      <a href="/david/log/" title="Accès au flux RSS"
        ><svg class="icon icon-rss2">
          <use xlink:href="/static/david/icons2/symbol-defs-2022-03.svg#icon-rss2"></use>
        </svg>
        Suivre</a
      >
    </nobr>
    •
    <nobr>
      <a href="http://larlet.com" title="Go to my English profile" data-instant
        ><svg class="icon icon-user-tie">
          <use xlink:href="/static/david/icons2/symbol-defs-2022-03.svg#icon-user-tie"></use>
        </svg>
        Pro</a
      >
    </nobr>
    •
    <nobr>
      <a href="mailto:david%40larlet.fr" title="Envoyer un courriel"
        ><svg class="icon icon-mail">
          <use xlink:href="/static/david/icons2/symbol-defs-2022-03.svg#icon-mail"></use>
        </svg>
        Email</a
      >
    </nobr>
    •
    <nobr>
      <abbr
        class="nowrap"
        title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340"
        ><svg class="icon icon-hammer2">
          <use xlink:href="/static/david/icons2/symbol-defs-2022-03.svg#icon-hammer2"></use>
        </svg>
        Légal</abbr
      >
    </nobr>
  </p>
  <template id="theme-selector">
      <form>
          <fieldset>
              <legend><svg class="icon icon-brightness-contrast">
                <use xlink:href="/static/david/icons2/symbol-defs-2022-03.svg#icon-brightness-contrast"></use>
              </svg> Thème</legend>
              <label>
                  <input type="radio" value="auto" name="chosen-color-scheme" checked> Auto
              </label>
              <label>
                  <input type="radio" value="dark" name="chosen-color-scheme"> Foncé
              </label>
              <label>
                  <input type="radio" value="light" name="chosen-color-scheme"> Clair
              </label>
          </fieldset>
      </form>
  </template>
</footer>
<script src="/static/david/js/instantpage-5.1.0.min.js" type="module"></script>
<script>
    function loadThemeForm(templateName) {
        const themeSelectorTemplate = document.querySelector(templateName)
        const form = themeSelectorTemplate.content.firstElementChild
        themeSelectorTemplate.replaceWith(form)

        form.addEventListener('change', (e) => {
            const chosenColorScheme = e.target.value
            localStorage.setItem('theme', chosenColorScheme)
            toggleTheme(chosenColorScheme)
        })

        const selectedTheme = localStorage.getItem('theme')
        if (selectedTheme && selectedTheme !== 'undefined') {
            form.querySelector(`[value="${selectedTheme}"]`).checked = true
        }
    }

    const prefersColorSchemeDark = '(prefers-color-scheme: dark)'
    window.addEventListener('load', () => {
        let hasDarkRules = false
        for (const styleSheet of Array.from(document.styleSheets)) {
            let mediaRules = []
            for (const cssRule of styleSheet.cssRules) {
                if (cssRule.type !== CSSRule.MEDIA_RULE) {
                    continue
                }
                // WARNING: Safari does not have/supports `conditionText`.
                if (cssRule.conditionText) {
                    if (cssRule.conditionText !== prefersColorSchemeDark) {
                        continue
                    }
                } else {
                    if (cssRule.cssText.startsWith(prefersColorSchemeDark)) {
                        continue
                    }
                }
                mediaRules = mediaRules.concat(Array.from(cssRule.cssRules))
            }

            // WARNING: do not try to insert a Rule to a styleSheet you are
            // currently iterating on, otherwise the browser will be stuck
            // in a infinite loop…
            for (const mediaRule of mediaRules) {
                styleSheet.insertRule(mediaRule.cssText)
                hasDarkRules = true
            }
        }
        if (hasDarkRules) {
            loadThemeForm('#theme-selector')
        }
    })
</script>

</body>
</html>