Repository with sources and generator of https://larlet.fr/david/ https://larlet.fr/david/
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

index.html 26KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587
  1. <!DOCTYPE html><!-- This is a valid HTML5 document. -->
  2. <!-- Screen readers, SEO, extensions and so on. -->
  3. <html lang="fr">
  4. <!-- Has to be within the first 1024 bytes, hence before the `title` element
  5. See: https://www.w3.org/TR/2012/CR-html5-20121217/document-metadata.html#charset -->
  6. <meta charset="utf-8">
  7. <!-- Why no `X-UA-Compatible` meta: https://stackoverflow.com/a/6771584 -->
  8. <!-- The viewport meta is quite crowded and we are responsible for that.
  9. See: https://codepen.io/tigt/post/meta-viewport-for-2015 -->
  10. <meta name="viewport" content="width=device-width,initial-scale=1">
  11. <!-- Required to make a valid HTML5 document. -->
  12. <title>
  13. Blogroll
  14. — David Larlet</title>
  15. <meta name="description" content="Les sites des ami·es.">
  16. <!-- That good ol' feed, subscribe :). -->
  17. <link rel="alternate"
  18. type="application/atom+xml"
  19. title="Feed"
  20. href="/david/log/">
  21. <!-- Generated from https://realfavicongenerator.net/ such a mess. -->
  22. <link rel="apple-touch-icon"
  23. sizes="180x180"
  24. href="/static/david/icons2/apple-touch-icon.png">
  25. <link rel="icon"
  26. type="image/png"
  27. sizes="32x32"
  28. href="/static/david/icons2/favicon-32x32.png">
  29. <link rel="icon"
  30. type="image/png"
  31. sizes="16x16"
  32. href="/static/david/icons2/favicon-16x16.png">
  33. <link rel="manifest" href="/static/david/icons2/site.webmanifest">
  34. <link rel="mask-icon"
  35. href="/static/david/icons2/safari-pinned-tab.svg"
  36. color="#07486c">
  37. <link rel="shortcut icon" href="/static/david/icons2/favicon.ico">
  38. <meta name="msapplication-TileColor" content="#f7f7f7">
  39. <meta name="msapplication-config"
  40. content="/static/david/icons2/browserconfig.xml">
  41. <meta name="theme-color"
  42. content="#f7f7f7"
  43. media="(prefers-color-scheme: light)">
  44. <meta name="theme-color"
  45. content="#272727"
  46. media="(prefers-color-scheme: dark)">
  47. <!-- Is that even respected? Retrospectively? What a shAItshow…
  48. https://neil-clarke.com/block-the-bots-that-feed-ai-models-by-scraping-your-website/ -->
  49. <meta name="robots" content="noai, noimageai">
  50. <!-- Documented, feel free to shoot an email. -->
  51. <link rel="stylesheet" href="/static/david/css/style_2021-01-20.css">
  52. <!-- See https://www.zachleat.com/web/comprehensive-webfonts/ for the trade-off. -->
  53. <link rel="preload"
  54. href="/static/david/css/fonts/triplicate_t4_poly_regular.woff2"
  55. as="font"
  56. type="font/woff2"
  57. media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)"
  58. crossorigin>
  59. <link rel="preload"
  60. href="/static/david/css/fonts/triplicate_t4_poly_bold.woff2"
  61. as="font"
  62. type="font/woff2"
  63. media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)"
  64. crossorigin>
  65. <link rel="preload"
  66. href="/static/david/css/fonts/triplicate_t4_poly_italic.woff2"
  67. as="font"
  68. type="font/woff2"
  69. media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)"
  70. crossorigin>
  71. <link rel="preload"
  72. href="/static/david/css/fonts/triplicate_t3_regular.woff2"
  73. as="font"
  74. type="font/woff2"
  75. media="(prefers-color-scheme: dark)"
  76. crossorigin>
  77. <link rel="preload"
  78. href="/static/david/css/fonts/triplicate_t3_bold.woff2"
  79. as="font"
  80. type="font/woff2"
  81. media="(prefers-color-scheme: dark)"
  82. crossorigin>
  83. <link rel="preload"
  84. href="/static/david/css/fonts/triplicate_t3_italic.woff2"
  85. as="font"
  86. type="font/woff2"
  87. media="(prefers-color-scheme: dark)"
  88. crossorigin>
  89. <script>
  90. function toggleTheme(themeName) {
  91. document.documentElement.classList.toggle(
  92. 'forced-dark',
  93. themeName === 'dark'
  94. )
  95. document.documentElement.classList.toggle(
  96. 'forced-light',
  97. themeName === 'light'
  98. )
  99. }
  100. const selectedTheme = localStorage.getItem('theme')
  101. if (selectedTheme !== 'undefined') {
  102. toggleTheme(selectedTheme)
  103. }
  104. </script>
  105. <body class="remarkdown h1-underline h2-underline h3-underline em-underscore hr-center ul-star pre-tick"
  106. data-instant-intensity="viewport-all">
  107. <article>
  108. <header>
  109. <h1>Blogroll : les sites des ami·es</h1>
  110. </header>
  111. <p>Pour ne pas être totalement auto-centré, voici quelques portes ouvertes vers le Web que j’aime.</p>
  112. <nav>
  113. <ul>
  114. <li>
  115. <a href="https://www.maiwann.net/">Maïtané Lenoir</a>
  116. (<a href="https://www.maiwann.net/feed.xml">flux</a>)
  117. </li>
  118. <li>
  119. <a href="https://ynote.hk/">Fanny Cheung</a>
  120. (<a href="https://ynote.hk/feed.xml">flux</a>)
  121. </li>
  122. <li>
  123. <a href="https://lalunemauve.fr/">La Lune Mauve</a>
  124. (<a href="https://lalunemauve.fr/feed/">flux</a>)
  125. </li>
  126. <li>
  127. <a href="https://www.hypothermia.fr/">Eliness</a>
  128. (<a href="https://www.hypothermia.fr/rss">flux</a>)
  129. </li>
  130. <li>
  131. <a href="https://luce.carevic.eu/fr">Luce Carević</a>
  132. (<a href="https://luce.carevic.eu/fr/flux">flux</a>)
  133. </li>
  134. <li>
  135. <a href="https://emmaclit.com/">Emma</a>
  136. (<a href="https://emmaclit.com/feed/">flux</a>)
  137. </li>
  138. <li>
  139. <a href="https://www.la-grange.net/">Karl Dubost</a>
  140. (<a href="https://www.la-grange.net/feed.atom">flux</a>)
  141. </li>
  142. <li>
  143. <a href="https://thom4.net/">Thomas Parisot</a>
  144. (<a href="https://thom4.net/feed/">flux</a>)
  145. </li>
  146. <li>
  147. <a href="https://www.arthurperret.fr/">Arthur Perret</a>
  148. (<a href="https://www.arthurperret.fr/feed.xml">flux</a>)
  149. </li>
  150. <li>
  151. <a href="https://www.quaternum.net/">Antoine Fauchié</a>
  152. (<a href="https://www.quaternum.net/atom.xml">flux</a>)
  153. </li>
  154. <li>
  155. <a href="https://n.survol.fr/">Éric D.</a>
  156. (<a href="https://n.survol.fr/feed">flux</a>)
  157. </li>
  158. <li>
  159. <a href="https://blog.ecologie-politique.eu/">Aude</a>
  160. (<a href="https://blog.ecologie-politique.eu/feed/atom">flux</a>)
  161. </li>
  162. <li>
  163. <a href="https://winnielim.org/">Winnie Lim (en)</a>
  164. (<a href="https://winnielim.org/feed/">flux</a>)
  165. </li>
  166. <li>
  167. <a href="https://brr.fyi/">brr (en)</a>
  168. (<a href="https://brr.fyi/feed.xml">flux</a>)
  169. </li>
  170. </ul>
  171. </nav>
  172. <p>N’hésitez pas à me contacter si vous ne souhaitez pas figurer dans cette liste.</p>
  173. <h2>Leurs dernières publications</h2>
  174. <dl>
  175. <dt>
  176. <a href="https://www.arthurperret.fr/blog/2024-03-14-inacheve-d-imprimer-echange.html">[Blog] Inachevé d’imprimer – Temps d’échange</a>,
  177. 14-03-2024
  178. </dt>
  179. <dd>
  180. La reprise d’Inachevé d’imprimer continue ! Inachevé d’imprimer, ce sont des rencontres en visio, une liste de diffusion pour être informé des prochains rendez-vous, un site pour partager des compte-rendus. Antoine Fauchié, Julien Taquet et moi organisons un temps d’échange pour préciser les quelques rôles nécessaires au fonctionnement (plutôt simple) du collectif, et partager des idées pour les…
  181. — <a href="https://www.arthurperret.fr/">Arthur Perret</a>
  182. </dd>
  183. </dl>
  184. <dl>
  185. <dt>
  186. <a href="https://www.arthurperret.fr/blog/2024-03-12-inacheve-d-imprimer-robert-alessi-ekdosis.html">[Blog] Inachevé d’imprimer – Robert Alessi, Ekdosis</a>,
  187. 12-03-2024
  188. </dt>
  189. <dd>
  190. Robert Alessi est maître de conférences, membre de l’Unité Mixte de Recherche « Orient & Méditerranée » (CNRS UMR 8167, Paris). Il développe et maintient Ekdosis, un paquet LuaLaTeX pour l’édition critique de textes anciens. Ekdosis est conçu pour faciliter le balisage et la composition des éditions critiques, et pour obtenir un format paginé PDF ainsi qu’un format numérique XML-TEI. Ekdosis…
  191. — <a href="https://www.arthurperret.fr/">Arthur Perret</a>
  192. </dd>
  193. </dl>
  194. <dl>
  195. <dt>
  196. <a href="https://www.hypothermia.fr/2024/03/chiroto-t-datoca/">Chiroto T. Datoca</a>,
  197. 11-03-2024
  198. </dt>
  199. <dd>
  200. Making of d'un projet artistique qui m'a dévorée pendant huit mois.
  201. — <a href="https://www.hypothermia.fr/">Eliness</a>
  202. </dd>
  203. </dl>
  204. <dl>
  205. <dt>
  206. <a href="https://winnielim.org/journal/documenting-my-first-experience-with-the-risograph/">documenting my first experience with the risograph</a>,
  207. 10-03-2024
  208. </dt>
  209. <dd>
  210. Last weekend to celebrate our 94th month anniversary we decided to attend a beginner’s risograph workshop at Knuckles & Notch. To be very honest I haven’t heard of the word “risograph” until...
  211. — <a href="https://winnielim.org/">Winnie Lim (en)</a>
  212. </dd>
  213. </dl>
  214. <dl>
  215. <dt>
  216. <a href="https://thom4.net/2024/03/08/loyers-solidaires/">☕️ Journal : Loyers solidaires</a>,
  217. 08-03-2024
  218. </dt>
  219. <dd>
  220. Hier, on a affiché le « statut » des loyers solidaires dans le foyer du tiers-lieu l’
  221. — <a href="https://thom4.net/">Thomas Parisot</a>
  222. </dd>
  223. </dl>
  224. <dl>
  225. <dt>
  226. <a href="https://blog.ecologie-politique.eu/post/Comment-j-ai-appris-a-mepriser-Sandrine-Rousseau">Comment j’ai appris à mépriser Sandrine Rousseau</a>,
  227. 08-03-2024
  228. </dt>
  229. <dd>
  230. Il me semble important de critiquer les camarades, non par plaisir égocentrique et pour se mettre en valeur à leurs dépens mais parce que toutes les stratégies peuvent être interrogées et que personne n’est à l’abri d’une dérive. Les critiques du camp opposé, par leur violence, leur injustice ou leurs présupposés biaisés, tendent plutôt, et c’est compréhensible, à conforter celle ou celui qui…
  231. — <a href="https://blog.ecologie-politique.eu/">Aude</a>
  232. </dd>
  233. </dl>
  234. <dl>
  235. <dt>
  236. <a href="https://thom4.net/2024/03/08/permis-de-visite/">☕️ Journal : Permis de visite</a>,
  237. 08-03-2024
  238. </dt>
  239. <dd>
  240. Le portail des services de l’administration pénitentiaire dispose d’une foire aux ques
  241. — <a href="https://thom4.net/">Thomas Parisot</a>
  242. </dd>
  243. </dl>
  244. <dl>
  245. <dt>
  246. <a href="https://winnielim.org/notes/sketchbook-painting-of-mr-bucket-chocolaterie/">sketchbook painting of mr bucket chocolaterie</a>,
  247. 07-03-2024
  248. </dt>
  249. <dd>
  250. for some reason this is one of my favourite spreads
  251. — <a href="https://winnielim.org/">Winnie Lim (en)</a>
  252. </dd>
  253. </dl>
  254. <dl>
  255. <dt>
  256. <a href="https://www.la-grange.net/2024/03/05/ivg">corps libre</a>,
  257. 05-03-2024
  258. </dt>
  259. <dd>
  260. Bangkok, Thaïlande, 5 mars 2024 Je voudrais tout d'abord vous faire partager une conviction de femme — je m'excuse de le faire devant cette Assemblée presque exclusivement composée d'hommes : aucune femme ne recourt de gaieté de cœur à l'avortement. Il suffit d'écouter les femmes. — Discours à l'assemblée nationale du 26 novembre 1974, Simone Veil IVG dans la Constitution : revivez les débats et…
  261. — <a href="https://www.la-grange.net/">Karl Dubost</a>
  262. </dd>
  263. </dl>
  264. <dl>
  265. <dt>
  266. <a href="https://www.la-grange.net/2024/03/04/expertise">produire de l'inutile expertise</a>,
  267. 04-03-2024
  268. </dt>
  269. <dd>
  270. Bangkok, Thaïlande, 1er mars 2024 Much of the necessary knowledge is now available but we do not use it. We train ecologists in our universities and even employ them in our governmental agencies but we seldom take their advice. — Silent Spring, Rachel Carson, urn:isbn:978-0-141-18494-4 Rachel Carson a écrit son livre en 1963… il y a 60 ans. L'aiguille n'a pas bougé. Il y a de nombreux experts de…
  271. — <a href="https://www.la-grange.net/">Karl Dubost</a>
  272. </dd>
  273. </dl>
  274. <dl>
  275. <dt>
  276. <a href="https://blog.ecologie-politique.eu/post/Traverser-la-rue-pour-manger-sainement">Traverser la rue pour manger sainement</a>,
  277. 26-02-2024
  278. </dt>
  279. <dd>
  280. J’ai déjà démonté ici le cliché selon lequel « on vote avec son portefeuille » et on n’a qu’à traverser la rue pour soutenir son type d’agriculture préféré en achetant les produits qui en sont issus. Julien Denormandie, le précédent ministre de l’agriculture, avait ainsi justifié l’abandon des aides publiques au maintien en agriculture bio : c’était un segment du marché, l’État n’avait aucune…
  281. — <a href="https://blog.ecologie-politique.eu/">Aude</a>
  282. </dd>
  283. </dl>
  284. <dl>
  285. <dt>
  286. <a href="https://www.hypothermia.fr/2024/02/armee-musicale-personnelle/">Parenthèse – Armée musicale personnelle</a>,
  287. 26-02-2024
  288. </dt>
  289. <dd>
  290. Trouver du soutien dans les cris de valkyries.
  291. — <a href="https://www.hypothermia.fr/">Eliness</a>
  292. </dd>
  293. </dl>
  294. <dl>
  295. <dt>
  296. <a href="https://n.survol.fr/n/le-monde-tel-quil-aurait-pu-etre-2">Le monde tel qu’il aurait pu être</a>,
  297. 20-02-2024
  298. </dt>
  299. <dd>
  300. J’ai arrêté cette série de billets très rapi­de­ment. J’y tiens. Je veux recréer de l’uto­pie et penser plus au monde possible qu’à celui qu’on est en train de construire. Le problème c’est que ces billets sont viciés à la base. Ils ne fonc­tionnent que par contraste avec ce qui est fait, ou pas fait, aujourd’­hui. […]
  301. — <a href="https://n.survol.fr/">Éric D.</a>
  302. </dd>
  303. </dl>
  304. <dl>
  305. <dt>
  306. <a href="https://ynote.hk/mots/processus-de-creation/pousses-de-pins.html">Pousses de pins</a>,
  307. 17-02-2024
  308. </dt>
  309. <dd>
  310. J’ai repris le pinceau. En relisant un livre sur la couleur de Jackie Isard, j’ai eu à nouveau envie de faire du dessin botanique.
  311. — <a href="https://ynote.hk/">Fanny Cheung</a>
  312. </dd>
  313. </dl>
  314. <dl>
  315. <dt>
  316. <a href="https://n.survol.fr/n/comment-developpera-t-on-demain">Comment déve­lop­pera-t-on demain ?</a>,
  317. 15-02-2024
  318. </dt>
  319. <dd>
  320. Les déve­lop­peurs de mes équipes demandent depuis un moment des licences Github Copi­lot. J’ai vu quelques personnes parler de l’édi­teur Cursor.sh. J’avoue que j’ai eu envie de tester un peu. Sur un projet perso j’ai tenté l’ap­proche « allons-y tota­le­ment ». Je suis bluffé. Bon, j’ai encore le réflexe de cher­cher tout ce que je ne sais […]
  321. — <a href="https://n.survol.fr/">Éric D.</a>
  322. </dd>
  323. </dl>
  324. <dl>
  325. <dt>
  326. <a href="https://ynote.hk/mots/processus-de-creation/art-et-argent.html">Art et argent</a>,
  327. 08-02-2024
  328. </dt>
  329. <dd>
  330. Il y a longtemps, j’ai eu le rêve de travailler dans les arts graphiques. Puis, j’ai laissé tomber.
  331. — <a href="https://ynote.hk/">Fanny Cheung</a>
  332. </dd>
  333. </dl>
  334. <dl>
  335. <dt>
  336. <a href="https://www.quaternum.net/2024/02/02/trois-reponses-sur-ma-these/">Trois réponses sur ma thèse</a>,
  337. 02-02-2024
  338. </dt>
  339. <dd>
  340. David a assisté à la soutenance de ma thèse de doctorat, il m’a posé trois questions via un billet de blog, à défaut d’avoir pu le faire pendant la soutenance. Voici trois réponses. (Et toute question est bienvenue !) Comment transformer ces fabriques de logiciels open-source en communs numériques ? La question exacte est la suivante : “Comment transformer ces fabriques de logiciels open-source…
  341. — <a href="https://www.quaternum.net/">Antoine Fauchié</a>
  342. </dd>
  343. </dl>
  344. <dl>
  345. <dt>
  346. <a href="https://emmaclit.com/2024/01/19/culture-froncaise/">Culture fronçaise</a>,
  347. 19-01-2024
  348. </dt>
  349. <dd>
  350. Appel à manifester contre la loi dimanche 21 Janvier dans toute la France https://www.humanite.fr/politique/loi-immigration-darmanin/201-personnalites-appellent-a-marcher-contre-la-loi-immigration
  351. — <a href="https://emmaclit.com/">Emma</a>
  352. </dd>
  353. </dl>
  354. <dl>
  355. <dt>
  356. <a href="https://brr.fyi/posts/redeployment-part-three">Redeployment Part Three</a>,
  357. 18-01-2024
  358. </dt>
  359. <dd>
  360. Off-continent after 446 days!
  361. — <a href="https://brr.fyi/">brr (en)</a>
  362. </dd>
  363. </dl>
  364. <dl>
  365. <dt>
  366. <a href="https://www.quaternum.net/2024/01/17/avis-de-soutenance-de-these/">Avis de soutenance de thèse</a>,
  367. 17-01-2024
  368. </dt>
  369. <dd>
  370. Lundi 22 janvier 2024 à 9h (UTC-5) je soutiens publiquement ma thèse de doctorat en littérature (option Humanités numériques) à Montréal et à distance, thèse déjà disponible en ligne dans une version préliminaire (https://these.quaternum.net). La thèse, intitulée “Fabriquer des éditions, éditer des fabriques : reconfiguration des processus techniques éditoriaux et nouveaux modèles…
  371. — <a href="https://www.quaternum.net/">Antoine Fauchié</a>
  372. </dd>
  373. </dl>
  374. <dl>
  375. <dt>
  376. <a href="https://brr.fyi/posts/redeployment-part-two">Redeployment Part Two</a>,
  377. 13-01-2024
  378. </dt>
  379. <dd>
  380. Station opening, and my flight out of Pole!
  381. — <a href="https://brr.fyi/">brr (en)</a>
  382. </dd>
  383. </dl>
  384. <dl>
  385. <dt>
  386. <a href="https://emmaclit.com/2024/01/06/darmaprout/">Darmaprout</a>,
  387. 06-01-2024
  388. </dt>
  389. <dd>
  390. Bédé libre de droits pour toute utilisation militante. J’ai choisi de faire un format court pour faciliter la lecture, ne m’en voulez pas si le propos est incomplet ! Bonne lecture !
  391. — <a href="https://emmaclit.com/">Emma</a>
  392. </dd>
  393. </dl>
  394. <dl>
  395. <dt>
  396. <a href="https://lalunemauve.fr/interview-mathyld-under-the-pyramids/">Interview de Mathyld (under the pyramids), artisane-créatrice de bijoux en argent</a>,
  397. 21-12-2023
  398. </dt>
  399. <dd>
  400. En ce solstice d’hiver, j’ai la joie de publier l’interview de Mathyld, artisane autodidacte française qui crée des bijoux en argent aussi mystérieux que délicats derrière la marque « under the pyramids ». Découvrez le parcours de Mathyld, ses sources d’inspiration, sa démarche, mais aussi le collier lunemauvien que nous avons co-créé ensemble. (Hé ouais, c’est la classe.)
  401. — <a href="https://lalunemauve.fr/">La Lune Mauve</a>
  402. </dd>
  403. </dl>
  404. <dl>
  405. <dt>
  406. <a href="https://luce.carevic.eu/fr/notes/attribut-disabled-fieldset">Attribut disabled et fieldset</a>,
  407. 08-12-2023
  408. </dt>
  409. <dd>
  410. L’attribut booléen disabled sur un élément <fieldset> désactive tous les contrôles de formulaire présents à l’intérieur à l’exception de ceux présents dans l’élément <legend>. Voir la documentation mdn sur l’élément <fieldset>. Ça m’a surprise d’apprendre qu’il est possible de mettre des contrôles de formulaire dans un élément <legend> ! Curieuse de voir les cas d’usage où ça peut être utile 🤔.…
  411. — <a href="https://luce.carevic.eu/fr">Luce Carević</a>
  412. </dd>
  413. </dl>
  414. <dl>
  415. <dt>
  416. <a href="https://luce.carevic.eu/fr/notes/pandoc-supprimer-retours-ligne">Pandoc : supprimer les retours à la ligne</a>,
  417. 27-09-2023
  418. </dt>
  419. <dd>
  420. 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.
  421. — <a href="https://luce.carevic.eu/fr">Luce Carević</a>
  422. </dd>
  423. </dl>
  424. <dl>
  425. <dt>
  426. <a href="http://www.maiwann.net//blogperso/tahiti_j24/">Tahiti - jour 24</a>,
  427. 25-09-2023
  428. </dt>
  429. <dd>
  430. 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
  431. — <a href="https://www.maiwann.net/">Maïtané Lenoir</a>
  432. </dd>
  433. </dl>
  434. <dl>
  435. <dt>
  436. <a href="http://www.maiwann.net//blogperso/tahiti_j23/">Tahiti - jour 23</a>,
  437. 25-09-2023
  438. </dt>
  439. <dd>
  440. Aujourd’hui, c’est pluie-day.
  441. — <a href="https://www.maiwann.net/">Maïtané Lenoir</a>
  442. </dd>
  443. </dl>
  444. <dl>
  445. <dt>
  446. <a href="https://lalunemauve.fr/perlimpinpin/">Où je crache ma pastille Valda à propos d’Instagram</a>,
  447. 05-07-2023
  448. </dt>
  449. <dd>
  450. 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.…
  451. — <a href="https://lalunemauve.fr/">La Lune Mauve</a>
  452. </dd>
  453. </dl>
  454. </article>
  455. <hr>
  456. <footer>
  457. <p>
  458. <nobr>
  459. <a href="/david/" title="Aller à l’accueil">
  460. <svg class="icon icon-home">
  461. <use xlink:href="/static/david/icons2/symbol-defs-2022-03.svg#icon-home"></use>
  462. </svg>
  463. Accueil</a>
  464. </nobr>
  465. <nobr>
  466. <a href="/david/log/" title="Accès au flux RSS">
  467. <svg class="icon icon-rss2">
  468. <use xlink:href="/static/david/icons2/symbol-defs-2022-03.svg#icon-rss2"></use>
  469. </svg>
  470. Suivre</a>
  471. </nobr>
  472. <nobr>
  473. <a href="http://larlet.com"
  474. title="Go to my English profile"
  475. data-instant>
  476. <svg class="icon icon-user-tie">
  477. <use xlink:href="/static/david/icons2/symbol-defs-2022-03.svg#icon-user-tie"></use>
  478. </svg>
  479. Pro</a>
  480. </nobr>
  481. <nobr>
  482. <a href="mailto:david%40larlet.fr" title="Envoyer un courriel">
  483. <svg class="icon icon-mail">
  484. <use xlink:href="/static/david/icons2/symbol-defs-2022-03.svg#icon-mail"></use>
  485. </svg>
  486. Email</a>
  487. </nobr>
  488. <nobr>
  489. <abbr class="nowrap"
  490. title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340">
  491. <svg class="icon icon-hammer2">
  492. <use xlink:href="/static/david/icons2/symbol-defs-2022-03.svg#icon-hammer2"></use>
  493. </svg>
  494. Légal</abbr>
  495. </nobr>
  496. </p>
  497. <template id="theme-selector">
  498. <form>
  499. <fieldset>
  500. <legend>
  501. <svg class="icon icon-brightness-contrast">
  502. <use xlink:href="/static/david/icons2/symbol-defs-2022-03.svg#icon-brightness-contrast"></use>
  503. </svg>
  504. Thème
  505. </legend>
  506. <label>
  507. <input type="radio" value="auto" name="chosen-color-scheme" checked>
  508. Auto
  509. </label>
  510. <label>
  511. <input type="radio" value="dark" name="chosen-color-scheme">
  512. Foncé
  513. </label>
  514. <label>
  515. <input type="radio" value="light" name="chosen-color-scheme">
  516. Clair
  517. </label>
  518. </fieldset>
  519. </form>
  520. </template>
  521. </footer>
  522. <script src="/static/david/js/instantpage-5.1.0.min.js" type="module"></script>
  523. <script>
  524. function loadThemeForm(templateName) {
  525. const themeSelectorTemplate = document.querySelector(templateName)
  526. const form = themeSelectorTemplate.content.firstElementChild
  527. themeSelectorTemplate.replaceWith(form)
  528. form.addEventListener('change', (e) => {
  529. const chosenColorScheme = e.target.value
  530. localStorage.setItem('theme', chosenColorScheme)
  531. toggleTheme(chosenColorScheme)
  532. })
  533. const selectedTheme = localStorage.getItem('theme')
  534. if (selectedTheme && selectedTheme !== 'undefined') {
  535. form.querySelector(`[value="${selectedTheme}"]`).checked = true
  536. }
  537. }
  538. const prefersColorSchemeDark = '(prefers-color-scheme: dark)'
  539. window.addEventListener('load', () => {
  540. let hasDarkRules = false
  541. for (const styleSheet of Array.from(document.styleSheets)) {
  542. let mediaRules = []
  543. for (const cssRule of styleSheet.cssRules) {
  544. if (cssRule.type !== CSSRule.MEDIA_RULE) {
  545. continue
  546. }
  547. // WARNING: Safari does not have/supports `conditionText`.
  548. if (cssRule.conditionText) {
  549. if (cssRule.conditionText !== prefersColorSchemeDark) {
  550. continue
  551. }
  552. } else {
  553. if (cssRule.cssText.startsWith(prefersColorSchemeDark)) {
  554. continue
  555. }
  556. }
  557. mediaRules = mediaRules.concat(Array.from(cssRule.cssRules))
  558. }
  559. // WARNING: do not try to insert a Rule to a styleSheet you are
  560. // currently iterating on, otherwise the browser will be stuck
  561. // in a infinite loop…
  562. for (const mediaRule of mediaRules) {
  563. styleSheet.insertRule(mediaRule.cssText)
  564. hasDarkRules = true
  565. }
  566. }
  567. if (hasDarkRules) {
  568. loadThemeForm('#theme-selector')
  569. }
  570. })
  571. </script>
  572. </body>
  573. </html>