Repository with sources and generator of https://larlet.fr/david/ https://larlet.fr/david/
選択できるのは25トピックまでです。 トピックは、先頭が英数字で、英数字とダッシュ('-')を使用した35文字以内のものにしてください。

index.html 27KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608
  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. <!-- Documented, feel free to shoot an email. -->
  48. <link rel="stylesheet" href="/static/david/css/style_2021-01-20.css">
  49. <!-- See https://www.zachleat.com/web/comprehensive-webfonts/ for the trade-off. -->
  50. <link rel="preload"
  51. href="/static/david/css/fonts/triplicate_t4_poly_regular.woff2"
  52. as="font"
  53. type="font/woff2"
  54. media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)"
  55. crossorigin>
  56. <link rel="preload"
  57. href="/static/david/css/fonts/triplicate_t4_poly_bold.woff2"
  58. as="font"
  59. type="font/woff2"
  60. media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)"
  61. crossorigin>
  62. <link rel="preload"
  63. href="/static/david/css/fonts/triplicate_t4_poly_italic.woff2"
  64. as="font"
  65. type="font/woff2"
  66. media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)"
  67. crossorigin>
  68. <link rel="preload"
  69. href="/static/david/css/fonts/triplicate_t3_regular.woff2"
  70. as="font"
  71. type="font/woff2"
  72. media="(prefers-color-scheme: dark)"
  73. crossorigin>
  74. <link rel="preload"
  75. href="/static/david/css/fonts/triplicate_t3_bold.woff2"
  76. as="font"
  77. type="font/woff2"
  78. media="(prefers-color-scheme: dark)"
  79. crossorigin>
  80. <link rel="preload"
  81. href="/static/david/css/fonts/triplicate_t3_italic.woff2"
  82. as="font"
  83. type="font/woff2"
  84. media="(prefers-color-scheme: dark)"
  85. crossorigin>
  86. <script>
  87. function toggleTheme(themeName) {
  88. document.documentElement.classList.toggle(
  89. 'forced-dark',
  90. themeName === 'dark'
  91. )
  92. document.documentElement.classList.toggle(
  93. 'forced-light',
  94. themeName === 'light'
  95. )
  96. }
  97. const selectedTheme = localStorage.getItem('theme')
  98. if (selectedTheme !== 'undefined') {
  99. toggleTheme(selectedTheme)
  100. }
  101. </script>
  102. <body class="remarkdown h1-underline h2-underline h3-underline em-underscore hr-center ul-star pre-tick"
  103. data-instant-intensity="viewport-all">
  104. <article>
  105. <header>
  106. <h1>Blogroll : les sites des ami·es</h1>
  107. </header>
  108. <p>Pour ne pas être totalement auto-centré, voici quelques portes ouvertes vers le Web que j’aime.</p>
  109. <nav>
  110. <ul>
  111. <li>
  112. <a href="https://www.maiwann.net/">Maïtané Lenoir</a>
  113. (<a href="https://www.maiwann.net/feed.xml">flux</a>)
  114. </li>
  115. <li>
  116. <a href="https://ynote.hk/">Fanny Cheung</a>
  117. (<a href="https://ynote.hk/feed.xml">flux</a>)
  118. </li>
  119. <li>
  120. <a href="https://lalunemauve.fr/">La Lune Mauve</a>
  121. (<a href="https://lalunemauve.fr/feed/">flux</a>)
  122. </li>
  123. <li>
  124. <a href="https://www.hypothermia.fr/">Eliness</a>
  125. (<a href="https://www.hypothermia.fr/rss">flux</a>)
  126. </li>
  127. <li>
  128. <a href="https://luce.carevic.eu/fr">Luce Carević</a>
  129. (<a href="https://luce.carevic.eu/fr/flux">flux</a>)
  130. </li>
  131. <li>
  132. <a href="https://emmaclit.com/">Emma</a>
  133. (<a href="https://emmaclit.com/feed/">flux</a>)
  134. </li>
  135. <li>
  136. <a href="https://www.la-grange.net/">Karl Dubost</a>
  137. (<a href="https://www.la-grange.net/feed.atom">flux</a>)
  138. </li>
  139. <li>
  140. <a href="https://thom4.net/">Thomas Parisot</a>
  141. (<a href="https://thom4.net/feed/">flux</a>)
  142. </li>
  143. <li>
  144. <a href="https://www.arthurperret.fr/">Arthur Perret</a>
  145. (<a href="https://www.arthurperret.fr/feed.xml">flux</a>)
  146. </li>
  147. <li>
  148. <a href="https://www.quaternum.net/">Antoine Fauchié</a>
  149. (<a href="https://www.quaternum.net/atom.xml">flux</a>)
  150. </li>
  151. <li>
  152. <a href="https://n.survol.fr/">Éric D.</a>
  153. (<a href="https://n.survol.fr/feed">flux</a>)
  154. </li>
  155. <li>
  156. <a href="https://blog.ecologie-politique.eu/">Aude</a>
  157. (<a href="https://blog.ecologie-politique.eu/feed/atom">flux</a>)
  158. </li>
  159. <li>
  160. <a href="https://bribesdereel.net/">Llu</a>
  161. (<a href="https://bribesdereel.net/feed/rss2">flux</a>)
  162. </li>
  163. <li>
  164. <a href="https://winnielim.org/">Winnie Lim (en)</a>
  165. (<a href="https://winnielim.org/feed/">flux</a>)
  166. </li>
  167. <li>
  168. <a href="https://brr.fyi/">brr (en)</a>
  169. (<a href="https://brr.fyi/feed.xml">flux</a>)
  170. </li>
  171. </ul>
  172. </nav>
  173. <p>N’hésitez pas à me contacter si vous ne souhaitez pas figurer dans cette liste.</p>
  174. <h2>Leurs dernières publications</h2>
  175. <dl>
  176. <dt>
  177. <a href="https://blog.ecologie-politique.eu/post/Covid-et-punaises-de-lit">Covid et punaises de lit</a>,
  178. 13-09-2023
  179. </dt>
  180. <dd>
  181. 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…
  182. — <a href="https://blog.ecologie-politique.eu/">Aude</a>
  183. </dd>
  184. </dl>
  185. <dl>
  186. <dt>
  187. <a href="https://blog.ecologie-politique.eu/post/Luttes-LGBTI-luttes-des-classes">Luttes LGBTI, luttes des classes ?</a>,
  188. 12-09-2023
  189. </dt>
  190. <dd>
  191. 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…
  192. — <a href="https://blog.ecologie-politique.eu/">Aude</a>
  193. </dd>
  194. </dl>
  195. <dl>
  196. <dt>
  197. <a href="https://www.hypothermia.fr/2023/09/gratter-les-couches/">Gratter les couches</a>,
  198. 11-09-2023
  199. </dt>
  200. <dd>
  201. Célébrations de mort et de vie et tous les codes qui les entourent.
  202. — <a href="https://www.hypothermia.fr/">Eliness</a>
  203. </dd>
  204. </dl>
  205. <dl>
  206. <dt>
  207. <a href="https://winnielim.org/journal/10-quick-scenes-from-seoul/">10 quick scenes from seoul</a>,
  208. 11-09-2023
  209. </dt>
  210. <dd>
  211. 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...
  212. — <a href="https://winnielim.org/">Winnie Lim (en)</a>
  213. </dd>
  214. </dl>
  215. <dl>
  216. <dt>
  217. <a href="https://ynote.hk/mots/argent/propriete.html">Propriété</a>,
  218. 09-09-2023
  219. </dt>
  220. <dd>
  221. 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é.
  222. — <a href="https://ynote.hk/">Fanny Cheung</a>
  223. </dd>
  224. </dl>
  225. <dl>
  226. <dt>
  227. <a href="https://n.survol.fr/n/la-blogchain">La blog­chain</a>,
  228. 08-09-2023
  229. </dt>
  230. <dd>
  231. Avec les réseaux sociaux, les petits espaces person­nels inter­con­nec­té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’ai­me­rais relan­cer ça d’une façon ou d’une autre. Je […]
  232. — <a href="https://n.survol.fr/">Éric D.</a>
  233. </dd>
  234. </dl>
  235. <dl>
  236. <dt>
  237. <a href="https://emmaclit.com/2023/09/08/medias-et-tdah-la-fatigue/">Médias et TDAH, LA FATIGUE</a>,
  238. 08-09-2023
  239. </dt>
  240. <dd>
  241. Pour un contenu plus complet : https://emmaclit.com/2020/11/26/lucine-et-enzo/
  242. — <a href="https://emmaclit.com/">Emma</a>
  243. </dd>
  244. </dl>
  245. <dl>
  246. <dt>
  247. <a href="http://www.maiwann.net//blogperso/tahiti_j8/">Tahiti - jour 8</a>,
  248. 08-09-2023
  249. </dt>
  250. <dd>
  251. J’AI VU UNE **
  252. — <a href="https://www.maiwann.net/">Maïtané Lenoir</a>
  253. </dd>
  254. </dl>
  255. <dl>
  256. <dt>
  257. <a href="http://www.maiwann.net//blogperso/tahiti_j7/">Tahiti - jour 7</a>,
  258. 08-09-2023
  259. </dt>
  260. <dd>
  261. J’AI VU DES ****
  262. — <a href="https://www.maiwann.net/">Maïtané Lenoir</a>
  263. </dd>
  264. </dl>
  265. <dl>
  266. <dt>
  267. <a href="https://www.arthurperret.fr/veille/2023-09-07-des-publications-praticables.html">[Veille] Des publications praticables</a>,
  268. 07-09-2023
  269. </dt>
  270. <dd>
  271. 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…
  272. — <a href="https://www.arthurperret.fr/">Arthur Perret</a>
  273. </dd>
  274. </dl>
  275. <dl>
  276. <dt>
  277. <a href="https://winnielim.org/journal/biometrics-pre-during-post-covid/">biometrics pre, during & post-covid</a>,
  278. 03-09-2023
  279. </dt>
  280. <dd>
  281. 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...
  282. — <a href="https://winnielim.org/">Winnie Lim (en)</a>
  283. </dd>
  284. </dl>
  285. <dl>
  286. <dt>
  287. <a href="https://www.arthurperret.fr/veille/2023-08-31-pollen.html">[Veille] Pollen</a>,
  288. 31-08-2023
  289. </dt>
  290. <dd>
  291. 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…
  292. — <a href="https://www.arthurperret.fr/">Arthur Perret</a>
  293. </dd>
  294. </dl>
  295. <dl>
  296. <dt>
  297. <a href="https://luce.carevic.eu/fr/notes/twitter-avec-nitter">Twitter avec Nitter</a>,
  298. 29-08-2023
  299. </dt>
  300. <dd>
  301. 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…
  302. — <a href="https://luce.carevic.eu/fr">Luce Carević</a>
  303. </dd>
  304. </dl>
  305. <dl>
  306. <dt>
  307. <a href="https://www.hypothermia.fr/2023/08/lambeaux-culturels-organiques/">Parenthèse – Lambeaux culturels organiques</a>,
  308. 28-08-2023
  309. </dt>
  310. <dd>
  311. Dernières découvertes culturelles plutôt suintantes.
  312. — <a href="https://www.hypothermia.fr/">Eliness</a>
  313. </dd>
  314. </dl>
  315. <dl>
  316. <dt>
  317. <a href="https://n.survol.fr/n/est-ce-important-de-porter-un-casque-a-velo">Est-ce impor­tant de porter un casque à vélo ?</a>,
  318. 28-08-2023
  319. </dt>
  320. <dd>
  321. Porter un casque à vélo est utile ⁽¹⁾. Si tout le monde était casqué, on sauve­rait certai­ne­ment des vies. Savoir si c’est perti­nent ou impor­tant est une ques­tion un peu plus complexe ⁽²⁾, qui dépend du risque, de son accep­ta­tion, et de l’im­por­tance qu’on donne à la contrainte du port du casque. Bref, on est dans […]
  322. — <a href="https://n.survol.fr/">Éric D.</a>
  323. </dd>
  324. </dl>
  325. <dl>
  326. <dt>
  327. <a href="https://thom4.net/2023/08/27/le-cantonnier/">☕️ Journal : Le cantonnier</a>,
  328. 27-08-2023
  329. </dt>
  330. <dd>
  331. 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
  332. — <a href="https://thom4.net/">Thomas Parisot</a>
  333. </dd>
  334. </dl>
  335. <dl>
  336. <dt>
  337. <a href="https://thom4.net/2023/08/27/notre-premiere-seance/">☕️ Journal : Notre première séance</a>,
  338. 27-08-2023
  339. </dt>
  340. <dd>
  341. ça fait des mois que j’y songe, des semaines que j’attends, des jours d’une impatience grandissante. à 9h pourtant, personne.
  342. — <a href="https://thom4.net/">Thomas Parisot</a>
  343. </dd>
  344. </dl>
  345. <dl>
  346. <dt>
  347. <a href="https://ynote.hk/mots/processus-de-creation/raccrocher-les-wagons.html">Raccrocher les wagons</a>,
  348. 24-08-2023
  349. </dt>
  350. <dd>
  351. 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.
  352. — <a href="https://ynote.hk/">Fanny Cheung</a>
  353. </dd>
  354. </dl>
  355. <dl>
  356. <dt>
  357. <a href="https://brr.fyi/posts/south-pole-electrical-infrastructure">South Pole Electrical Infrastructure</a>,
  358. 21-08-2023
  359. </dt>
  360. <dd>
  361. Power generation and distribution at the South Pole.
  362. — <a href="https://brr.fyi/">brr (en)</a>
  363. </dd>
  364. </dl>
  365. <dl>
  366. <dt>
  367. <a href="https://brr.fyi/posts/snowdrifts">Snowdrifts</a>,
  368. 13-08-2023
  369. </dt>
  370. <dd>
  371. 4 days of blown snow into a doorway.
  372. — <a href="https://brr.fyi/">brr (en)</a>
  373. </dd>
  374. </dl>
  375. <dl>
  376. <dt>
  377. <a href="https://luce.carevic.eu/fr/notes/actions-rapides-macos-automator">Actions rapides (macOS) avec Automator</a>,
  378. 30-07-2023
  379. </dt>
  380. <dd>
  381. 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…
  382. — <a href="https://luce.carevic.eu/fr">Luce Carević</a>
  383. </dd>
  384. </dl>
  385. <dl>
  386. <dt>
  387. <a href="https://www.quaternum.net/2023/07/21/une-histoire-de-dependances/">[flux] Une histoire de dépendances</a>,
  388. 21-07-2023
  389. </dt>
  390. <dd>
  391. 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…
  392. — <a href="https://www.quaternum.net/">Antoine Fauchié</a>
  393. </dd>
  394. </dl>
  395. <dl>
  396. <dt>
  397. <a href="https://www.quaternum.net/2023/07/19/typst-une-alternative-a-latex/">[flux] Typst, une alternative à LaTeX ?</a>,
  398. 19-07-2023
  399. </dt>
  400. <dd>
  401. 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,…
  402. — <a href="https://www.quaternum.net/">Antoine Fauchié</a>
  403. </dd>
  404. </dl>
  405. <dl>
  406. <dt>
  407. <a href="https://lalunemauve.fr/perlimpinpin/">Où je crache ma pastille Valda à propos d’Instagram</a>,
  408. 05-07-2023
  409. </dt>
  410. <dd>
  411. 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.…
  412. — <a href="https://lalunemauve.fr/">La Lune Mauve</a>
  413. </dd>
  414. </dl>
  415. <dl>
  416. <dt>
  417. <a href="https://www.la-grange.net/2023/06/18/lutter">lutter</a>,
  418. 18-06-2023
  419. </dt>
  420. <dd>
  421. 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…
  422. — <a href="https://www.la-grange.net/">Karl Dubost</a>
  423. </dd>
  424. </dl>
  425. <dl>
  426. <dt>
  427. <a href="https://www.la-grange.net/2023/06/17/rien">des tous petits rien</a>,
  428. 17-06-2023
  429. </dt>
  430. <dd>
  431. 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…
  432. — <a href="https://www.la-grange.net/">Karl Dubost</a>
  433. </dd>
  434. </dl>
  435. <dl>
  436. <dt>
  437. <a href="https://lalunemauve.fr/ici-dans-ma-tete/">Life dump II-IV 2023 : par monts et par vaux</a>,
  438. 08-05-2023
  439. </dt>
  440. <dd>
  441. 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…
  442. — <a href="https://lalunemauve.fr/">La Lune Mauve</a>
  443. </dd>
  444. </dl>
  445. <dl>
  446. <dt>
  447. <a href="https://emmaclit.com/2022/10/06/la-ligne/">La ligne</a>,
  448. 06-10-2022
  449. </dt>
  450. <dd>
  451. 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 !
  452. — <a href="https://emmaclit.com/">Emma</a>
  453. </dd>
  454. </dl>
  455. <dl>
  456. <dt>
  457. <a href="https://bribesdereel.net/post/Bribes-7">Bribes #7</a>,
  458. 17-08-2022
  459. </dt>
  460. <dd>
  461. 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…
  462. — <a href="https://bribesdereel.net/">Llu</a>
  463. </dd>
  464. </dl>
  465. <dl>
  466. <dt>
  467. <a href="https://bribesdereel.net/post/bribes-6">Bribes #6</a>,
  468. 13-08-2022
  469. </dt>
  470. <dd>
  471. 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…
  472. — <a href="https://bribesdereel.net/">Llu</a>
  473. </dd>
  474. </dl>
  475. </article>
  476. <hr>
  477. <footer>
  478. <p>
  479. <nobr>
  480. <a href="/david/" title="Aller à l’accueil">
  481. <svg class="icon icon-home">
  482. <use xlink:href="/static/david/icons2/symbol-defs-2022-03.svg#icon-home"></use>
  483. </svg>
  484. Accueil</a>
  485. </nobr>
  486. <nobr>
  487. <a href="/david/log/" title="Accès au flux RSS">
  488. <svg class="icon icon-rss2">
  489. <use xlink:href="/static/david/icons2/symbol-defs-2022-03.svg#icon-rss2"></use>
  490. </svg>
  491. Suivre</a>
  492. </nobr>
  493. <nobr>
  494. <a href="http://larlet.com"
  495. title="Go to my English profile"
  496. data-instant>
  497. <svg class="icon icon-user-tie">
  498. <use xlink:href="/static/david/icons2/symbol-defs-2022-03.svg#icon-user-tie"></use>
  499. </svg>
  500. Pro</a>
  501. </nobr>
  502. <nobr>
  503. <a href="mailto:david%40larlet.fr" title="Envoyer un courriel">
  504. <svg class="icon icon-mail">
  505. <use xlink:href="/static/david/icons2/symbol-defs-2022-03.svg#icon-mail"></use>
  506. </svg>
  507. Email</a>
  508. </nobr>
  509. <nobr>
  510. <abbr class="nowrap"
  511. title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340">
  512. <svg class="icon icon-hammer2">
  513. <use xlink:href="/static/david/icons2/symbol-defs-2022-03.svg#icon-hammer2"></use>
  514. </svg>
  515. Légal</abbr>
  516. </nobr>
  517. </p>
  518. <template id="theme-selector">
  519. <form>
  520. <fieldset>
  521. <legend>
  522. <svg class="icon icon-brightness-contrast">
  523. <use xlink:href="/static/david/icons2/symbol-defs-2022-03.svg#icon-brightness-contrast"></use>
  524. </svg>
  525. Thème
  526. </legend>
  527. <label>
  528. <input type="radio" value="auto" name="chosen-color-scheme" checked>
  529. Auto
  530. </label>
  531. <label>
  532. <input type="radio" value="dark" name="chosen-color-scheme">
  533. Foncé
  534. </label>
  535. <label>
  536. <input type="radio" value="light" name="chosen-color-scheme">
  537. Clair
  538. </label>
  539. </fieldset>
  540. </form>
  541. </template>
  542. </footer>
  543. <script src="/static/david/js/instantpage-5.1.0.min.js" type="module"></script>
  544. <script>
  545. function loadThemeForm(templateName) {
  546. const themeSelectorTemplate = document.querySelector(templateName)
  547. const form = themeSelectorTemplate.content.firstElementChild
  548. themeSelectorTemplate.replaceWith(form)
  549. form.addEventListener('change', (e) => {
  550. const chosenColorScheme = e.target.value
  551. localStorage.setItem('theme', chosenColorScheme)
  552. toggleTheme(chosenColorScheme)
  553. })
  554. const selectedTheme = localStorage.getItem('theme')
  555. if (selectedTheme && selectedTheme !== 'undefined') {
  556. form.querySelector(`[value="${selectedTheme}"]`).checked = true
  557. }
  558. }
  559. const prefersColorSchemeDark = '(prefers-color-scheme: dark)'
  560. window.addEventListener('load', () => {
  561. let hasDarkRules = false
  562. for (const styleSheet of Array.from(document.styleSheets)) {
  563. let mediaRules = []
  564. for (const cssRule of styleSheet.cssRules) {
  565. if (cssRule.type !== CSSRule.MEDIA_RULE) {
  566. continue
  567. }
  568. // WARNING: Safari does not have/supports `conditionText`.
  569. if (cssRule.conditionText) {
  570. if (cssRule.conditionText !== prefersColorSchemeDark) {
  571. continue
  572. }
  573. } else {
  574. if (cssRule.cssText.startsWith(prefersColorSchemeDark)) {
  575. continue
  576. }
  577. }
  578. mediaRules = mediaRules.concat(Array.from(cssRule.cssRules))
  579. }
  580. // WARNING: do not try to insert a Rule to a styleSheet you are
  581. // currently iterating on, otherwise the browser will be stuck
  582. // in a infinite loop…
  583. for (const mediaRule of mediaRules) {
  584. styleSheet.insertRule(mediaRule.cssText)
  585. hasDarkRules = true
  586. }
  587. }
  588. if (hasDarkRules) {
  589. loadThemeForm('#theme-selector')
  590. }
  591. })
  592. </script>
  593. </body>
  594. </html>