davidbgk
/
larlet-fr-david


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608
							<!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>
    Blogroll
  — David Larlet</title>
  <meta name="description" content="Les sites des ami·es.">
  <!-- 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>
  
  <body class="remarkdown h1-underline h2-underline h3-underline em-underscore hr-center ul-star pre-tick"
        data-instant-intensity="viewport-all">
    
  <article>
    <header>
      <h1>Blogroll : les sites des ami·es</h1>
    </header>
    <p>Pour ne pas être totalement auto-centré, voici quelques portes ouvertes vers le Web que j’aime.</p>
    <nav>
      <ul>
        <li>
            <a href="https://www.maiwann.net/">Maïtané Lenoir</a>
            (<a href="https://www.maiwann.net/feed.xml">flux</a>)
          </li>
        <li>
            <a href="https://ynote.hk/">Fanny Cheung</a>
            (<a href="https://ynote.hk/feed.xml">flux</a>)
          </li>
        <li>
            <a href="https://lalunemauve.fr/">La Lune Mauve</a>
            (<a href="https://lalunemauve.fr/feed/">flux</a>)
          </li>
        <li>
            <a href="https://www.hypothermia.fr/">Eliness</a>
            (<a href="https://www.hypothermia.fr/rss">flux</a>)
          </li>
        <li>
            <a href="https://luce.carevic.eu/fr">Luce Carević</a>
            (<a href="https://luce.carevic.eu/fr/flux">flux</a>)
          </li>
        <li>
            <a href="https://emmaclit.com/">Emma</a>
            (<a href="https://emmaclit.com/feed/">flux</a>)
          </li>
        <li>
            <a href="https://www.la-grange.net/">Karl Dubost</a>
            (<a href="https://www.la-grange.net/feed.atom">flux</a>)
          </li>
        <li>
            <a href="https://thom4.net/">Thomas Parisot</a>
            (<a href="https://thom4.net/feed/">flux</a>)
          </li>
        <li>
            <a href="https://www.arthurperret.fr/">Arthur Perret</a>
            (<a href="https://www.arthurperret.fr/feed.xml">flux</a>)
          </li>
        <li>
            <a href="https://www.quaternum.net/">Antoine Fauchié</a>
            (<a href="https://www.quaternum.net/atom.xml">flux</a>)
          </li>
        <li>
            <a href="https://n.survol.fr/">Éric D.</a>
            (<a href="https://n.survol.fr/feed">flux</a>)
          </li>
        <li>
            <a href="https://blog.ecologie-politique.eu/">Aude</a>
            (<a href="https://blog.ecologie-politique.eu/feed/atom">flux</a>)
          </li>
        <li>
            <a href="https://bribesdereel.net/">Llu</a>
            (<a href="https://bribesdereel.net/feed/rss2">flux</a>)
          </li>
        <li>
            <a href="https://winnielim.org/">Winnie Lim (en)</a>
            (<a href="https://winnielim.org/feed/">flux</a>)
          </li>
        <li>
            <a href="https://brr.fyi/">brr (en)</a>
            (<a href="https://brr.fyi/feed.xml">flux</a>)
          </li>
        
      </ul>
    </nav>
    <p>N’hésitez pas à me contacter si vous ne souhaitez pas figurer dans cette liste.</p>
    <h2>Leurs dernières publications</h2>
    <dl>
        <dt>
          <a href="https://blog.ecologie-politique.eu/post/Covid-et-punaises-de-lit">Covid et punaises de lit</a>,
          13-09-2023
        </dt>
        <dd>
          Un ménage sur dix aurait été confronté à la question des punaises de lit depuis 2017. Je n’en fais heureusement pas partie mais j’en ai fait la déplaisante expérience en voyage. Les morsures sont très douloureuses, bien que la douleur s’efface dans l’heure, et elles perturbent fortement le sommeil puisque ces bêtes trouvent refuge dans la literie (mais pas seulement) et préfèrent sortir dans…
          — <a href="https://blog.ecologie-politique.eu/">Aude</a>
        </dd>
      </dl>
    <dl>
        <dt>
          <a href="https://blog.ecologie-politique.eu/post/Luttes-LGBTI-luttes-des-classes">Luttes LGBTI, luttes des classes ?</a>,
          12-09-2023
        </dt>
        <dd>
          En mars 2023, j’ai été invitée par l’UNEF à m’exprimer à l’université Clermont-Auvergne dans le cadre du Festival étudiant contre le racisme et les discriminations. La soirée a commencé par l’intervention d’un membre des Inverti·es qui a présenté ce collectif très présent dans le mouvement contre la réforme des retraites et sa volonté d’inscrire les personnes LGBT en tant que telles dans le…
          — <a href="https://blog.ecologie-politique.eu/">Aude</a>
        </dd>
      </dl>
    <dl>
        <dt>
          <a href="https://www.hypothermia.fr/2023/09/gratter-les-couches/">Gratter les couches</a>,
          11-09-2023
        </dt>
        <dd>
          Célébrations de mort et de vie et tous les codes qui les entourent.
          — <a href="https://www.hypothermia.fr/">Eliness</a>
        </dd>
      </dl>
    <dl>
        <dt>
          <a href="https://winnielim.org/journal/10-quick-scenes-from-seoul/">10 quick scenes from seoul</a>,
          11-09-2023
        </dt>
        <dd>
          I missed yesterday’s every-sunday-I-will-publish-a-post day because we’re now travelling in seoul. I used to write more stream of consciousness posts while I travelled, but somehow over the past few years my writing...
          — <a href="https://winnielim.org/">Winnie Lim (en)</a>
        </dd>
      </dl>
    <dl>
        <dt>
          <a href="https://ynote.hk/mots/argent/propriete.html">Propriété</a>,
          09-09-2023
        </dt>
        <dd>
          En ce moment, je discute avec d’autres personnes, dans l’idée d’acheter un terrain et d’y construire un habitat léger. Ça me questionne, comme à chaque fois, sur l’accès à la propriété.
          — <a href="https://ynote.hk/">Fanny Cheung</a>
        </dd>
      </dl>
    <dl>
        <dt>
          <a href="https://n.survol.fr/n/la-blogchain">La blogchain</a>,
          08-09-2023
        </dt>
        <dd>
          Avec les réseaux sociaux, les petits espaces personnels interconnectés qu’étaient les blogs ont peu à peu disparu du paysage. Il en reste, mais les liens ne sont plus aussi forts. À la grande époque il était fréquent d’avoir des blogroll. sur un coin de chaque page. J’aimerais relancer ça d’une façon ou d’une autre. Je […]
          — <a href="https://n.survol.fr/">Éric D.</a>
        </dd>
      </dl>
    <dl>
        <dt>
          <a href="https://emmaclit.com/2023/09/08/medias-et-tdah-la-fatigue/">Médias et TDAH, LA FATIGUE</a>,
          08-09-2023
        </dt>
        <dd>
          Pour un contenu plus complet : https://emmaclit.com/2020/11/26/lucine-et-enzo/
          — <a href="https://emmaclit.com/">Emma</a>
        </dd>
      </dl>
    <dl>
        <dt>
          <a href="http://www.maiwann.net//blogperso/tahiti_j8/">Tahiti - jour 8</a>,
          08-09-2023
        </dt>
        <dd>
          J’AI VU UNE **
          — <a href="https://www.maiwann.net/">Maïtané Lenoir</a>
        </dd>
      </dl>
    <dl>
        <dt>
          <a href="http://www.maiwann.net//blogperso/tahiti_j7/">Tahiti - jour 7</a>,
          08-09-2023
        </dt>
        <dd>
          J’AI VU DES ****
          — <a href="https://www.maiwann.net/">Maïtané Lenoir</a>
        </dd>
      </dl>
    <dl>
        <dt>
          <a href="https://www.arthurperret.fr/veille/2023-09-07-des-publications-praticables.html">[Veille] Des publications praticables</a>,
          07-09-2023
        </dt>
        <dd>
          https://praticable.fr/publications/le-probleme-des-etudes Praticable (anciennement le collectif Bam) fait un plaidoyer convaincant pour la publication multi-formats de la littérature scientifique et technique. L’accès à l’information se faisant désormais via une multitude d’écrans dont ceux des téléphones, il serait utile de repenser nos chaînes éditoriales. L’article commence par une vive…
          — <a href="https://www.arthurperret.fr/">Arthur Perret</a>
        </dd>
      </dl>
    <dl>
        <dt>
          <a href="https://winnielim.org/journal/biometrics-pre-during-post-covid/">biometrics pre, during & post-covid</a>,
          03-09-2023
        </dt>
        <dd>
          A couple of weeks ago I received a notification from my apple watch that there were some new health trends from the health app: Obviously this is because I had covid: being...
          — <a href="https://winnielim.org/">Winnie Lim (en)</a>
        </dd>
      </dl>
    <dl>
        <dt>
          <a href="https://www.arthurperret.fr/veille/2023-08-31-pollen.html">[Veille] Pollen</a>,
          31-08-2023
        </dt>
        <dd>
          https://docs.racket-lang.org/pollen/ Pollen est un système de publication créé par Matthew Butterick. En fait, j’appellerais volontiers ça un système de programmation éditoriale. Je m’explique : Pollen est un système de publication dans lequel la dimension programmatique n’est pas annexe mais centrale, parce qu’il repose sur un langage de programmation orienté balisage. Pour utiliser un point de…
          — <a href="https://www.arthurperret.fr/">Arthur Perret</a>
        </dd>
      </dl>
    <dl>
        <dt>
          <a href="https://luce.carevic.eu/fr/notes/twitter-avec-nitter">Twitter avec Nitter</a>,
          29-08-2023
        </dt>
        <dd>
          J’ai supprimé mon compte Twitter (X) il y a un mois, poussée par les frasques incessantes d’Elon Musk et encouragée par l’annonce de Julie sur son blog. Une décision plutôt facile à prendre puisqu’il était déjà largement inactif même si j’ai regretté la facilité de suivre des comptes militants notamment sur les questions de validisme, psychophobie, maladies chroniques et de racisme. Depuis…
          — <a href="https://luce.carevic.eu/fr">Luce Carević</a>
        </dd>
      </dl>
    <dl>
        <dt>
          <a href="https://www.hypothermia.fr/2023/08/lambeaux-culturels-organiques/">Parenthèse – Lambeaux culturels organiques</a>,
          28-08-2023
        </dt>
        <dd>
          Dernières découvertes culturelles plutôt suintantes.
          — <a href="https://www.hypothermia.fr/">Eliness</a>
        </dd>
      </dl>
    <dl>
        <dt>
          <a href="https://n.survol.fr/n/est-ce-important-de-porter-un-casque-a-velo">Est-ce important de porter un casque à vélo ?</a>,
          28-08-2023
        </dt>
        <dd>
          Porter un casque à vélo est utile ⁽¹⁾. Si tout le monde était casqué, on sauverait certainement des vies. Savoir si c’est pertinent ou important est une question un peu plus complexe ⁽²⁾, qui dépend du risque, de son acceptation, et de l’importance qu’on donne à la contrainte du port du casque. Bref, on est dans […]
          — <a href="https://n.survol.fr/">Éric D.</a>
        </dd>
      </dl>
    <dl>
        <dt>
          <a href="https://thom4.net/2023/08/27/le-cantonnier/">☕️ Journal : Le cantonnier</a>,
          27-08-2023
        </dt>
        <dd>
          La porte de la voiture s’ouvre, il me demande ma destination. Ça tombe bien, il passe par là. En fait, il habite juste au-dess
          — <a href="https://thom4.net/">Thomas Parisot</a>
        </dd>
      </dl>
    <dl>
        <dt>
          <a href="https://thom4.net/2023/08/27/notre-premiere-seance/">☕️ Journal : Notre première séance</a>,
          27-08-2023
        </dt>
        <dd>
          ça fait des mois que j’y songe, des semaines que j’attends, des jours d’une impatience grandissante. à 9h pourtant, personne.
          — <a href="https://thom4.net/">Thomas Parisot</a>
        </dd>
      </dl>
    <dl>
        <dt>
          <a href="https://ynote.hk/mots/processus-de-creation/raccrocher-les-wagons.html">Raccrocher les wagons</a>,
          24-08-2023
        </dt>
        <dd>
          Après une grosse période de fatigue, j’ai repris du poil de la bête. J’ai accepté trop de projets par rapport au temps que j’avais… Et je me suis noyée.
          — <a href="https://ynote.hk/">Fanny Cheung</a>
        </dd>
      </dl>
    <dl>
        <dt>
          <a href="https://brr.fyi/posts/south-pole-electrical-infrastructure">South Pole Electrical Infrastructure</a>,
          21-08-2023
        </dt>
        <dd>
          Power generation and distribution at the South Pole.
          — <a href="https://brr.fyi/">brr (en)</a>
        </dd>
      </dl>
    <dl>
        <dt>
          <a href="https://brr.fyi/posts/snowdrifts">Snowdrifts</a>,
          13-08-2023
        </dt>
        <dd>
          4 days of blown snow into a doorway.
          — <a href="https://brr.fyi/">brr (en)</a>
        </dd>
      </dl>
    <dl>
        <dt>
          <a href="https://luce.carevic.eu/fr/notes/actions-rapides-macos-automator">Actions rapides (macOS) avec Automator</a>,
          30-07-2023
        </dt>
        <dd>
          Lancer une conversion Pandoc directement depuis le menu contextuel avec une action rapide macOS, c’est possible. J’ai décrit la méthode pour créer une action rapide avec Raccourcis à privilégier si votre version de macOS dispose de l’application. Ci-dessous la méthode pour faire la même chose avec Automator. Étape 1 : configurer une action rapide avec Automator Ouvrir l'application Automator et…
          — <a href="https://luce.carevic.eu/fr">Luce Carević</a>
        </dd>
      </dl>
    <dl>
        <dt>
          <a href="https://www.quaternum.net/2023/07/21/une-histoire-de-dependances/">[flux] Une histoire de dépendances</a>,
          21-07-2023
        </dt>
        <dd>
          So I decided to never ask non-wizard users to install any dependencies again. VitoVan, Jack’s Ass, https://sdf.org/~vito/jack.html Si l’histoire fait sourire, elle révèle un problème assez profond dans la volonté de donner des réponses non souhaitées. Tenter de résoudre des problèmes simples avec des processus complexes n’est pas en soit la question, il s’agit plutôt de rendre tout cela…
          — <a href="https://www.quaternum.net/">Antoine Fauchié</a>
        </dd>
      </dl>
    <dl>
        <dt>
          <a href="https://www.quaternum.net/2023/07/19/typst-une-alternative-a-latex/">[flux] Typst, une alternative à LaTeX ?</a>,
          19-07-2023
        </dt>
        <dd>
          Typst is a new markup-based typesetting system for the sciences. It is designed to be an alternative both to advanced tools like LaTeX and simpler tools like Word and Google Docs. Our goal with Typst is to build a typesetting tool that is highly capable and a pleasure to use. Typst, https://typst.app Si l’émergence d’un nouveau langage de balisage aussi puissant que LaTeX semble une bonne idée,…
          — <a href="https://www.quaternum.net/">Antoine Fauchié</a>
        </dd>
      </dl>
    <dl>
        <dt>
          <a href="https://lalunemauve.fr/perlimpinpin/">Où je crache ma pastille Valda à propos d’Instagram</a>,
          05-07-2023
        </dt>
        <dd>
          Ce billet est une exclusivité pour l’Antichambre. — Il y a quelques mois, dans une story Instagram, je vous ai demandé ce vous préfériez lire en priorité sur mon blog entre, d’une part, un coup de sang à propos d’Instagram et, d’autre part, mes bonnes adresses à Strasbourg. Vous avez été une large majorité à voter pour le premier choix : je m’exécute donc, même si ça va rafraîchir l’ambiance.…
          — <a href="https://lalunemauve.fr/">La Lune Mauve</a>
        </dd>
      </dl>
    <dl>
        <dt>
          <a href="https://www.la-grange.net/2023/06/18/lutter">lutter</a>,
          18-06-2023
        </dt>
        <dd>
          Komagome, Japon, 18 juin 2023 The victims were blamed rather than the exploiters; exploitation was observed as a form of education. — The Myth Of The Lazy Native, Syed Hussein Alatas, urn:isbn:978-967-0311-97-5 Ce livre est… pour l'instant à la fois révoltant et éducatif. Révoltant par les passages que l'auteur a trouvé dans la littérature des colonialistes pour justifier le cynisme de leur…
          — <a href="https://www.la-grange.net/">Karl Dubost</a>
        </dd>
      </dl>
    <dl>
        <dt>
          <a href="https://www.la-grange.net/2023/06/17/rien">des tous petits rien</a>,
          17-06-2023
        </dt>
        <dd>
          Sugamo, Japon, 17 juin 2023 One clear instance is sufficient. — The Myth Of The Lazy Native, Syed Hussein Alatas, urn:isbn:978-967-0311-97-5 La feuille de chou, le Paris-Normandie n'est plus accessible du Japon. J'hésite à leur envoyer un email. Il y a eu un séisme dans l'ouest de la France perceptible en Normandie. De Sugamo à Ginza à vélo, il fait déjà chaud ce matin. Deux objectifs : Se…
          — <a href="https://www.la-grange.net/">Karl Dubost</a>
        </dd>
      </dl>
    <dl>
        <dt>
          <a href="https://lalunemauve.fr/ici-dans-ma-tete/">Life dump II-IV 2023 : par monts et par vaux</a>,
          08-05-2023
        </dt>
        <dd>
          Ce billet est une exclusivité pour l’Antichambre. — Compte-rendu touffu de trois mois bien remplis : une danse macabre, deux nouveaux tatouages, mon douzième ou treizième concert de Tori Amos, mon quarantième anniversaire ; mais aussi la découverte du Pays de Galles du sud, un week-end à Lyon, Je serai le feu sur scène, la reprise des vide-greniers, une pluie de cadeaux et notre jardin, qui…
          — <a href="https://lalunemauve.fr/">La Lune Mauve</a>
        </dd>
      </dl>
    <dl>
        <dt>
          <a href="https://emmaclit.com/2022/10/06/la-ligne/">La ligne</a>,
          06-10-2022
        </dt>
        <dd>
          Salut à toutes et tous ! Voilà une bédé assez courte, pour répondre à une demande qui revient souvent dans mes messages. J’espère qu’elle conviendra aux principaux intéressés 🙂 As usual un grand merci à Alex, ma relectrice de talent, et à mon poilu pour leur soutien et leurs conseils Bonne lecture !
          — <a href="https://emmaclit.com/">Emma</a>
        </dd>
      </dl>
    <dl>
        <dt>
          <a href="https://bribesdereel.net/post/Bribes-7">Bribes #7</a>,
          17-08-2022
        </dt>
        <dd>
          La musique comme un talisman La dernière saison de Stranger Things a fait découvrir Running Up that Hill (A Deal With God) de Kate Bush à toute une nouvelle génération. Je trouve cette rencontre, 37 ans plus tard, formidable. J’ai aimé l’entendre sur la BBC dans On Weekend Woman’s Hour1 parler de la nouvelle génération qui la découvre, de musique, de déconnexion. Ça m’a également plu qu’elle…
          — <a href="https://bribesdereel.net/">Llu</a>
        </dd>
      </dl>
    <dl>
        <dt>
          <a href="https://bribesdereel.net/post/bribes-6">Bribes #6</a>,
          13-08-2022
        </dt>
        <dd>
          Mise à jour de Dotclear sans encombre. L’occasion de vérifier si tout fonctionne encore ici et d’écrire un billet décousu. J’ai toujours autant de gratitude d’avoir des mises à jour régulières d’un outil robuste et bidouillable qui permet (relativement) facilement d’avoir son espace personnel. Merci donc à Franck de toujours tenir la barque. Personally, I would love it if the process of making…
          — <a href="https://bribesdereel.net/">Llu</a>
        </dd>
      </dl>
    
  </article>

    <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>