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>
    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)">
  <!-- 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_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://n.survol.fr/n/lumieres-a-velo">Lumières à vélo</a>,
          03-12-2023
        </dt>
        <dd>
          J’ai­me­rais une régle­men­ta­tion stricte sur les éclai­rages vendus avec les vélos. Aujourd’­hui l’obli­ga­tion de présence d’éclai­rage sur les vélos neufs ne sert quasi­ment à rien. La plupart des lampes restent au placard parce qu’on ne pense pas à les mettre sur le vélo ou qu’elles sont à vide¹. Il ne faut pas qu’on se pose […]
          — <a href="https://n.survol.fr/">Éric D.</a>
        </dd>
      </dl>
    <dl>
        <dt>
          <a href="https://n.survol.fr/n/le-monde-tel-quil-aurait-pu-etre-mardi-28-novembre-2023">Le monde tel qu’il aurait pu être. Mardi 28 novembre 2023</a>,
          01-12-2023
        </dt>
        <dd>
          Silence. Personne dans la presse n’a parlé de la déci­sion de la Cour euro­péenne des droits de l’homme. Elle a pour­tant enjoint la France à ne pas procé­der à l’ex­pul­sion d’un Ouzbek soupçonné de radi­ca­li­sa­tion mais qui risque­rait la mort ou la torture dans son pays. Un média étran­ger rapporte que les services du minis­tère […]
          — <a href="https://n.survol.fr/">Éric D.</a>
        </dd>
      </dl>
    <dl>
        <dt>
          <a href="https://winnielim.org/journal/scenes-from-tsukiji-asakusa/">scenes from tsukiji & asakusa</a>,
          01-12-2023
        </dt>
        <dd>
          Sometimes it is nice to be a tourist and do touristy things. tsukiji outer market We got there at 740am because I read that the crowds will start to get crazy at...
          — <a href="https://winnielim.org/">Winnie Lim (en)</a>
        </dd>
      </dl>
    <dl>
        <dt>
          <a href="https://winnielim.org/journal/crazy-fall-colours-in-tokyo/">crazy fall colours in tokyo</a>,
          29-11-2023
        </dt>
        <dd>
          
          — <a href="https://winnielim.org/">Winnie Lim (en)</a>
        </dd>
      </dl>
    <dl>
        <dt>
          <a href="https://thom4.net/2023/11/27/force/">☕️ Journal : Force</a>,
          27-11-2023
        </dt>
        <dd>
          Tu es forte. Ce à quoi tu réponds : Je n’ai pas choisi d’être forte. J’ai été o
          — <a href="https://thom4.net/">Thomas Parisot</a>
        </dd>
      </dl>
    <dl>
        <dt>
          <a href="https://www.arthurperret.fr/blog/2023-11-21-auto-bibliographie-tranquille-avec-hal-et-zotero.html">[Blog] L’auto-bibliographie tranquille : HAL, ORCID, Zotero</a>,
          21-11-2023
        </dt>
        <dd>
          Je présente ici une méthode pour faire la bibliographie de ses propres travaux. L’idée est de faire d’une pierre plusieurs coups : garder la trace de ses publications, les valoriser, pouvoir générer des listes de publications quand on en a besoin (pour un CV par exemple). Le tout en saisissant les données une seule fois. Cette méthode est très simple : elle consiste à créer des notices…
          — <a href="https://www.arthurperret.fr/">Arthur Perret</a>
        </dd>
      </dl>
    <dl>
        <dt>
          <a href="https://www.hypothermia.fr/2023/11/il-sappelle-hans/">Il s’appelle Hans</a>,
          20-11-2023
        </dt>
        <dd>
          Aventures de vacances et morceaux de rires
          — <a href="https://www.hypothermia.fr/">Eliness</a>
        </dd>
      </dl>
    <dl>
        <dt>
          <a href="https://www.arthurperret.fr/blog/2023-11-28-inacheve-d-imprimer-louvre.html">[Évènement] Inachevé d’imprimer : les livres multiformats du musée du Louvre</a>,
          19-11-2023
        </dt>
        <dd>
          Inachevé d’imprimer, c’est reparti ! Après une première série de rencontres en 2021 et début 2022, cet espace d’échanges consacré à la publication numérique (hybride, expérimentale, systémique, collaborative…) était entré en hibernation. C’est avec plaisir que nous allons progressivement reprendre l’activité dans les semaines qui viennent. Cela commencera avec une rencontre collective le mardi…
          — <a href="https://www.arthurperret.fr/">Arthur Perret</a>
        </dd>
      </dl>
    <dl>
        <dt>
          <a href="https://blog.ecologie-politique.eu/post/Faire-justice">Faire justice</a>,
          19-11-2023
        </dt>
        <dd>
          Elsa Deck Marsault, Faire justice. Moralisme progressiste et pratiques punitives dans la lutte contre les violences sexistes, La Fabrique, 2023, 168 pages, 13 € Les milieux les plus radicaux que je fréquente ou que j’ai fréquentés ont du mal à proposer une critique très acérée de la justice telle qu’elle est couramment pratiquée. Une fois l’État accusé de maintenir une « justice de classe », les…
          — <a href="https://blog.ecologie-politique.eu/">Aude</a>
        </dd>
      </dl>
    <dl>
        <dt>
          <a href="https://blog.ecologie-politique.eu/post/La-Tentation-ecofasciste">La Tentation écofasciste</a>,
          08-11-2023
        </dt>
        <dd>
          Pierre Madelin, La Tentation écofasciste. Écologie et extrême droite, Écosociété, 2023, 272 pages, 18 € Après deux ouvrages consacrés à l’écologie politique (Après le capitalisme. Essai d’écologie politique) et à une de ses branches parmi les plus intrigantes ou questionnables (Faut-il en finir avec la civilisation ? Primitivisme et effondrement), le philosophe Pierre Madelin a choisi…
          — <a href="https://blog.ecologie-politique.eu/">Aude</a>
        </dd>
      </dl>
    <dl>
        <dt>
          <a href="https://ynote.hk/mots/sommeil/le-point-d-equilibre.html">Le point d’équilibre</a>,
          07-11-2023
        </dt>
        <dd>
          Il y a une réalité frustrante pour celleux qui subissent leur fatigue. On est toujours à l’affut du moment où on va sombrer.
          — <a href="https://ynote.hk/">Fanny Cheung</a>
        </dd>
      </dl>
    <dl>
        <dt>
          <a href="https://www.hypothermia.fr/2023/11/le-bruit-du-temps/">Le bruit du temps</a>,
          06-11-2023
        </dt>
        <dd>
          Errances d'une soirée sans téléphone.
          — <a href="https://www.hypothermia.fr/">Eliness</a>
        </dd>
      </dl>
    <dl>
        <dt>
          <a href="https://ynote.hk/mots/processus-de-creation/journal-de-roskilde-ete-2023.html">Journal de Roskilde - été 2023</a>,
          31-10-2023
        </dt>
        <dd>
          Pendant ces dernières semaines, j’étais à Roskilde avec mon partenaire de crime. Je vous partage quelques notes écrites, des photos et des croquis de mon séjour.
          — <a href="https://ynote.hk/">Fanny Cheung</a>
        </dd>
      </dl>
    <dl>
        <dt>
          <a href="https://thom4.net/2023/10/13/resolution/">☕️ Journal : Résolution</a>,
          13-10-2023
        </dt>
        <dd>
          Salut R., merci d’avoir actualisé l’opportunité d’aboutir à une résolution. J’y ai réfléchi, constaté que j’ai beaucoup énergie et
          — <a href="https://thom4.net/">Thomas Parisot</a>
        </dd>
      </dl>
    <dl>
        <dt>
          <a href="https://luce.carevic.eu/fr/notes/pandoc-supprimer-retours-ligne">Pandoc : supprimer les retours à la ligne</a>,
          27-09-2023
        </dt>
        <dd>
          Par défaut, lors d’une conversion vers HTML, Pandoc ajoute des retours à la ligne pour rendre le code plus facile à lire. Pour désactiver ce comportement, il faut ajouter l'attribut --wrap=none dans la commande de conversion. Exemple de conversion d'un docx vers du HTML : pandoc *.docx -o export.html --wrap=noneVous souhaitez réagir ? N’hésitez pas à m’écrire.
          — <a href="https://luce.carevic.eu/fr">Luce Carević</a>
        </dd>
      </dl>
    <dl>
        <dt>
          <a href="http://www.maiwann.net//blogperso/tahiti_j24/">Tahiti - jour 24</a>,
          25-09-2023
        </dt>
        <dd>
          Au lever (le plus tardif possible), on a des firi-firi (genre de beignet à rien qui fait notre bonheur). Puis alors que je lis les retours des copaines sur la promesse de vente, on remballe les affaires pour aller manger au snack près du port. Il y avait un beau chat et 19 !! canetons près de l’eau <3
          — <a href="https://www.maiwann.net/">Maïtané Lenoir</a>
        </dd>
      </dl>
    <dl>
        <dt>
          <a href="http://www.maiwann.net//blogperso/tahiti_j23/">Tahiti - jour 23</a>,
          25-09-2023
        </dt>
        <dd>
          Aujourd’hui, c’est pluie-day.
          — <a href="https://www.maiwann.net/">Maïtané Lenoir</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="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://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://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/24/tambours">tambours et rues</a>,
          24-06-2023
        </dt>
        <dd>
          Toshima, Japon, 24 juin 2023 Une journée en longue marche dans les rues silencieuses. Une journée assis dans une salle vibrante du son du tambour. Kodo Asakusa Special Performance 2023 “Inochi Moyashite” Kotobuki, Japon, 24 juin 2023 Kotobuki, Japon, 24 juin 2023 Asakusa, Japon, 24 juin 2023 A Savory Stroll Under the Neon Lights of Singapore
          — <a href="https://www.la-grange.net/">Karl Dubost</a>
        </dd>
      </dl>
    <dl>
        <dt>
          <a href="https://www.la-grange.net/2023/06/23/coccinelle">coccinelle</a>,
          23-06-2023
        </dt>
        <dd>
          Sugamo, Japon, 23 juin 2023 La dame avec le polo rose est de retour. Il faudra que je change de place la prochaine fois. Une coccinelle noire se pose sur ses doigts, il sourit. Sugamo, Japon, 23 juin 2023 Earlier collapse of Anthropocene ecosystems driven by multiple faster and noisier drivers Politiques de parking au Japon J'ai la mémoire qui flanche. Je me souviens plus très bien
          — <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 ! EDIT : … Lire la suite de La ligne
          — <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>