|
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611 |
- <!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://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://winnielim.org/journal/creative-retail-experiences-and-warmth-in-tokyo/">creative retail experiences, and warmth in tokyo</a>,
- 27-11-2023
- </dt>
- <dd>
- A long while ago I saw somewhere online that tokyo has a 3-storey art supply store. It became a bucket list item for me. We have art supply stores in singapore, but...
- — <a href="https://winnielim.org/">Winnie Lim (en)</a>
- </dd>
- </dl>
- <dl>
- <dt>
- <a href="https://winnielim.org/journal/psychological-health-vs-physical-health/">psychological health vs physical health</a>,
- 26-11-2023
- </dt>
- <dd>
- Travelling keeps me sane. It is only on this trip that I realised how much my brain craves being in some sort of engagement, and travelling is a way to keep it...
- — <a href="https://winnielim.org/">Winnie Lim (en)</a>
- </dd>
- </dl>
- <dl>
- <dt>
- <a href="https://n.survol.fr/n/petite-rejouissance-samedi-25-novembre-2023">Petite réjouissance. Samedi 25 novembre 2023.</a>,
- 25-11-2023
- </dt>
- <dd>
- De temps en temps, voire une aquarelle qui permet de se dire que le monde est beau. C’est à la fois rien et à la fois beaucoup. Merci Delphine
- — <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-vendredi-24-novembre-2023">Le monde tel qu’il aurait pu être. Vendredi 24 novembre 2023.</a>,
- 25-11-2023
- </dt>
- <dd>
- Le député Philippe Latombe commence à bousculer un peu le montage de la copie privée. Ses collègues prennent peu à peu conscience du système parasite et hors de contrôle mis en place. Tout passant en ligne et en numérique, une petite industrie s’arroge peu à peu une marge sans effort sur tous les échanges commerciaux […]
- — <a href="https://n.survol.fr/">Éric D.</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/22/vie">la vie renversée</a>,
- 22-06-2023
- </dt>
- <dd>
- Komagome, Japon, 22 juin 2023 It is the absence of the will and energy to work in a situation which demands it as in the case of a man having to earn a living. The constituent elements of the concept are thus the following: (a) no love for work, (b) no will for work, (c) no energy or enthusiasm manifested during an undertaking, (d) no concern for the outcome of the undertaking, (e) no concern…
- — <a href="https://www.la-grange.net/">Karl Dubost</a>
- </dd>
- </dl>
- <dl>
- <dt>
- <a href="https://www.la-grange.net/2023/06/21/film-complet">le film complet</a>,
- 21-06-2023
- </dt>
- <dd>
- Sanctuaire Takinigawa Hachiman, Japon, 21 juin 2023 The image of the native had function in the exploitation complex of colonial times. This was the time when the capitalist conception of labour gained supremacy. Any type of labour which did not conform to this conception was rejected as a deviation. — The Myth Of The Lazy Native, Syed Hussein Alatas, urn:isbn:978-967-0311-97-5 J'ai découvert…
- — <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>
|