Repository with sources and generator of https://larlet.fr/david/ https://larlet.fr/david/
您最多选择25个主题 主题必须以字母或数字开头,可以包含连字符 (-),并且长度不得超过35个字符

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://blog.ecologie-politique.eu/post/Burn-out-les-uns-profitent-les-autres-payent">Burn-out : les uns profitent, les autres payent</a>,
  177. 14-04-2024
  178. </dt>
  179. <dd>
  180. Imaginez que votre patron abuse (oui, c’est pour les besoins de la démonstration, dans la vraie vie ça n’arrive jamais). Deux de vos collègues sont parti·es ou ont été poussé·es vers la porte pendant la crise sanitaire et vous avez hérité de leurs missions. On vous a promis que c’était temporaire mais l’activité est revenue, il n’y a pas de recrutement à l’horizon et la fatigue s’installe. Votre…
  181. — <a href="https://blog.ecologie-politique.eu/">Aude</a>
  182. </dd>
  183. </dl>
  184. <dl>
  185. <dt>
  186. <a href="https://winnielim.org/journal/messy-thoughts-while-in-hong-kong/">messy thoughts while in hong kong</a>,
  187. 14-04-2024
  188. </dt>
  189. <dd>
  190. I haven’t been well since my birth day. The very next day I woke up with elevated heart rate again – I am more aware of this because I use a bunch...
  191. — <a href="https://winnielim.org/">Winnie Lim (en)</a>
  192. </dd>
  193. </dl>
  194. <dl>
  195. <dt>
  196. <a href="https://n.survol.fr/n/densite-de-richesse">Densité de riches(se)</a>,
  197. 13-04-2024
  198. </dt>
  199. <dd>
  200. Aujourd’­hui j’ap­prends que la France est le 7ème pays au monde avec le plus de milliar­daires. Atten­tion, pas 7ème en propor­tion de notre petite popu­la­tion à l’échelle mondiale. Non, 7ème en valeur abso­lue. Nous avons 73 milliar­daires en France. « Éric, 73 personnes c’est une anec­dote, même s’ils sont super ultra riches. » Ok. La France est […]
  201. — <a href="https://n.survol.fr/">Éric D.</a>
  202. </dd>
  203. </dl>
  204. <dl>
  205. <dt>
  206. <a href="https://www.hypothermia.fr/2024/04/un-dialogue/">Un dialogue</a>,
  207. 08-04-2024
  208. </dt>
  209. <dd>
  210. Une semaine à tirer les cartes pour entrer en contact avec moi-même.
  211. — <a href="https://www.hypothermia.fr/">Eliness</a>
  212. </dd>
  213. </dl>
  214. <dl>
  215. <dt>
  216. <a href="https://www.arthurperret.fr/blog/2024-04-08-harmoniser-la-correction-de-copies-avec-le-tableur.html">[Blog] Harmoniser la correction de copies avec une grille critériée et un tableur</a>,
  217. 08-04-2024
  218. </dt>
  219. <dd>
  220. Je corrige en ce moment les écrits d’un concours national pour la deuxième année consécutive. Afin d’harmoniser le traitement des copies, je me suis fait une grille critériée dans un tableur. C’est rudement efficace : je corrige mieux et plus vite. En faisant une recherche rapide sur le Web, je m’étonne de trouver si peu de tutoriels qui expliquent comment fabriquer ce type d’outil. Je ne parle…
  221. — <a href="https://www.arthurperret.fr/">Arthur Perret</a>
  222. </dd>
  223. </dl>
  224. <dl>
  225. <dt>
  226. <a href="https://winnielim.org/journal/43/">43</a>,
  227. 06-04-2024
  228. </dt>
  229. <dd>
  230. I wrote this time last year that I felt like I was coping better than the year before. This year I don’t feel like I have made much progress, and perhaps I...
  231. — <a href="https://winnielim.org/">Winnie Lim (en)</a>
  232. </dd>
  233. </dl>
  234. <dl>
  235. <dt>
  236. <a href="https://www.arthurperret.fr/veille/2024-04-04-implosion-de-la-bulle-ia.html">[Veille] L’implosion de la bulle IA</a>,
  237. 04-04-2024
  238. </dt>
  239. <dd>
  240. https://ploum.net/2024-04-04-la-bulle-ai.html Excellent billet de Ploum sur l’implosion désormais amorcée de la bulle IA. C’est clair, concis et percutant. On peut même le faire lire à quelqu’un qui ne sait pas ce qu’est ChatGPT, tout est expliqué et contextualisé. À diffuser largement !
  241. — <a href="https://www.arthurperret.fr/">Arthur Perret</a>
  242. </dd>
  243. </dl>
  244. <dl>
  245. <dt>
  246. <a href="https://www.quaternum.net/2024/04/04/publier-un-billet-de-blog-sous-forme-de-manuel/">[flux] Publier un billet de blog sous forme de manuel</a>,
  247. 04-04-2024
  248. </dt>
  249. <dd>
  250. Earlier this week, with a spark for building but no particular idea in mind, I started to think about the Linux manual page. Could I serve my blog posts as Linux manual pages? Herein lay an adventure. James, Serving my blog posts as Linux manual pages, https://jamesg.blog/2024/02/29/linux-manual-pages/ L’idée est très bonne : structurer un billet de blog comme une page de manuel (dans le format…
  251. — <a href="https://www.quaternum.net/">Antoine Fauchié</a>
  252. </dd>
  253. </dl>
  254. <dl>
  255. <dt>
  256. <a href="https://thom4.net/2024/04/03/vasectomie-operation/">☕️ Journal : Le jour de la vasectomie</a>,
  257. 03-04-2024
  258. </dt>
  259. <dd>
  260. On y est donc, le 13 octobre 2022, à Crest. 18 mois après la première tentative d’amorcer le processus chez un médecin généraliste pe
  261. — <a href="https://thom4.net/">Thomas Parisot</a>
  262. </dd>
  263. </dl>
  264. <dl>
  265. <dt>
  266. <a href="https://thom4.net/2024/04/03/anesthesiste/">☕️ Journal : Rendez-vous avec l'anesthésiste</a>,
  267. 03-04-2024
  268. </dt>
  269. <dd>
  270. 10 octobre 2022. Je franchis le sas d’entrée de l’hôpital de Crest : c’est le dernier rendez-vous avant la vasectomie, dans 3 réveils.</
  271. — <a href="https://thom4.net/">Thomas Parisot</a>
  272. </dd>
  273. </dl>
  274. <dl>
  275. <dt>
  276. <a href="https://blog.ecologie-politique.eu/post/Vide-a-la-demande">Vide à la demande</a>,
  277. 29-03-2024
  278. </dt>
  279. <dd>
  280. Bertrand Cochard, Vide à la demande. Critique des séries, L’Échappée, 2024, 176 pages, 17 € (sortie le 5 avril) Je l’avoue tout de suite, j’ai bingé Vide à la demande. Telle la lumière bleue des écrans qui retarde l’endormissement, le livre de Bertrand Cochard peut vous faire perdre quelques heures de sommeil. Dans le paysage des ouvrages sur les séries télévisées, il y a les ravi·es de la…
  281. — <a href="https://blog.ecologie-politique.eu/">Aude</a>
  282. </dd>
  283. </dl>
  284. <dl>
  285. <dt>
  286. <a href="https://ynote.hk/mots/humeur/marcher.html">Marcher</a>,
  287. 27-03-2024
  288. </dt>
  289. <dd>
  290. Marcher
  291. — <a href="https://ynote.hk/">Fanny Cheung</a>
  292. </dd>
  293. </dl>
  294. <dl>
  295. <dt>
  296. <a href="https://www.hypothermia.fr/2024/03/papiliorama/">Papiliorama</a>,
  297. 25-03-2024
  298. </dt>
  299. <dd>
  300. Fascinations lépidoptères en peintures.
  301. — <a href="https://www.hypothermia.fr/">Eliness</a>
  302. </dd>
  303. </dl>
  304. <dl>
  305. <dt>
  306. <a href="https://emmaclit.com/2024/03/19/tri-social/">Tri social</a>,
  307. 19-03-2024
  308. </dt>
  309. <dd>
  310. — <a href="https://emmaclit.com/">Emma</a>
  311. </dd>
  312. </dl>
  313. <dl>
  314. <dt>
  315. <a href="https://www.la-grange.net/2024/03/17/vie">espace de vie</a>,
  316. 17-03-2024
  317. </dt>
  318. <dd>
  319. Komagome, Japon, 17 mars 2024 The balance of nature is not a status quo; it is fluid, ever shifting, in a constant state of adjustment. — titre, auteur, urn:isbn:code Aujourd'hui je me suis occupé des plantes du bureau. Rempoter quelques unes, déplacer certaines car elles semblaient ne pas être heureuses dans leur emplacement précédent. La grande umbellata prend l'espace. Il ne reste plus que un…
  320. — <a href="https://www.la-grange.net/">Karl Dubost</a>
  321. </dd>
  322. </dl>
  323. <dl>
  324. <dt>
  325. <a href="https://www.la-grange.net/2024/03/16/age">age += 1</a>,
  326. 16-03-2024
  327. </dt>
  328. <dd>
  329. Nogizaka, Japon, 16 mars 2024 We are accustomed to look for the gross and immediate effect and to ignore all else. — Silent Spring, Rachel Carson, urn:isbn:978-0-141-18494-4 En face du café, il y a une boutique, encore fermée à cette heure. Son nom est « Carrot rape » avec des lapins sur un fond rose et bleu pour l'enseigne. C'est peut-être ainsi que les mots et les noms de personne changeaient…
  330. — <a href="https://www.la-grange.net/">Karl Dubost</a>
  331. </dd>
  332. </dl>
  333. <dl>
  334. <dt>
  335. <a href="https://n.survol.fr/n/en-voiture-ou-marreter-sur-la-chaussee">En voiture, où m’ar­rê­ter sur la chaus­sée ?</a>,
  336. 15-03-2024
  337. </dt>
  338. <dd>
  339. L’idée c’est de parcou­rir cas à cas, dans l’ordre, et de s’ar­rê­ter au premier qui corres­pond. Cas géné­ral Il y a des places de station­ne­ment libres ? ✅ Utili­sez-les. Ne faites pas de double file, n’oc­cu­pez pas la bande cyclable. Il y a une place de livrai­son avec ligne discon­ti­nue ? ✅ Vous pouvez vous y arrê­ter […]
  340. — <a href="https://n.survol.fr/">Éric D.</a>
  341. </dd>
  342. </dl>
  343. <dl>
  344. <dt>
  345. <a href="https://ynote.hk/mots/processus-de-creation/pousses-de-pins.html">Pousses de pins</a>,
  346. 17-02-2024
  347. </dt>
  348. <dd>
  349. 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.
  350. — <a href="https://ynote.hk/">Fanny Cheung</a>
  351. </dd>
  352. </dl>
  353. <dl>
  354. <dt>
  355. <a href="https://www.quaternum.net/2024/02/02/trois-reponses-sur-ma-these/">Trois réponses sur ma thèse</a>,
  356. 02-02-2024
  357. </dt>
  358. <dd>
  359. 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…
  360. — <a href="https://www.quaternum.net/">Antoine Fauchié</a>
  361. </dd>
  362. </dl>
  363. <dl>
  364. <dt>
  365. <a href="https://emmaclit.com/2024/01/19/culture-froncaise/">Culture fronçaise</a>,
  366. 19-01-2024
  367. </dt>
  368. <dd>
  369. 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
  370. — <a href="https://emmaclit.com/">Emma</a>
  371. </dd>
  372. </dl>
  373. <dl>
  374. <dt>
  375. <a href="https://brr.fyi/posts/redeployment-part-three">Redeployment Part Three</a>,
  376. 18-01-2024
  377. </dt>
  378. <dd>
  379. Off-continent after 446 days!
  380. — <a href="https://brr.fyi/">brr (en)</a>
  381. </dd>
  382. </dl>
  383. <dl>
  384. <dt>
  385. <a href="https://brr.fyi/posts/redeployment-part-two">Redeployment Part Two</a>,
  386. 13-01-2024
  387. </dt>
  388. <dd>
  389. Station opening, and my flight out of Pole!
  390. — <a href="https://brr.fyi/">brr (en)</a>
  391. </dd>
  392. </dl>
  393. <dl>
  394. <dt>
  395. <a href="https://lalunemauve.fr/interview-mathyld-under-the-pyramids/">Interview de Mathyld (under the pyramids), artisane-créatrice de bijoux en argent</a>,
  396. 21-12-2023
  397. </dt>
  398. <dd>
  399. 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.)
  400. — <a href="https://lalunemauve.fr/">La Lune Mauve</a>
  401. </dd>
  402. </dl>
  403. <dl>
  404. <dt>
  405. <a href="https://luce.carevic.eu/fr/notes/attribut-disabled-fieldset">Attribut disabled et fieldset</a>,
  406. 08-12-2023
  407. </dt>
  408. <dd>
  409. 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 🤔.…
  410. — <a href="https://luce.carevic.eu/fr">Luce Carević</a>
  411. </dd>
  412. </dl>
  413. <dl>
  414. <dt>
  415. <a href="https://luce.carevic.eu/fr/notes/pandoc-supprimer-retours-ligne">Pandoc : supprimer les retours à la ligne</a>,
  416. 27-09-2023
  417. </dt>
  418. <dd>
  419. 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.
  420. — <a href="https://luce.carevic.eu/fr">Luce Carević</a>
  421. </dd>
  422. </dl>
  423. <dl>
  424. <dt>
  425. <a href="http://www.maiwann.net//blogperso/tahiti_j24/">Tahiti - jour 24</a>,
  426. 25-09-2023
  427. </dt>
  428. <dd>
  429. 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
  430. — <a href="https://www.maiwann.net/">Maïtané Lenoir</a>
  431. </dd>
  432. </dl>
  433. <dl>
  434. <dt>
  435. <a href="http://www.maiwann.net//blogperso/tahiti_j23/">Tahiti - jour 23</a>,
  436. 25-09-2023
  437. </dt>
  438. <dd>
  439. Aujourd’hui, c’est pluie-day.
  440. — <a href="https://www.maiwann.net/">Maïtané Lenoir</a>
  441. </dd>
  442. </dl>
  443. <dl>
  444. <dt>
  445. <a href="https://lalunemauve.fr/perlimpinpin/">Où je crache ma pastille Valda à propos d’Instagram</a>,
  446. 05-07-2023
  447. </dt>
  448. <dd>
  449. 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.…
  450. — <a href="https://lalunemauve.fr/">La Lune Mauve</a>
  451. </dd>
  452. </dl>
  453. </article>
  454. <hr>
  455. <footer>
  456. <p>
  457. <nobr>
  458. <a href="/david/" title="Aller à l’accueil">
  459. <svg class="icon icon-home">
  460. <use xlink:href="/static/david/icons2/symbol-defs-2022-03.svg#icon-home"></use>
  461. </svg>
  462. Accueil</a>
  463. </nobr>
  464. <nobr>
  465. <a href="/david/log/" title="Accès au flux RSS">
  466. <svg class="icon icon-rss2">
  467. <use xlink:href="/static/david/icons2/symbol-defs-2022-03.svg#icon-rss2"></use>
  468. </svg>
  469. Suivre</a>
  470. </nobr>
  471. <nobr>
  472. <a href="http://larlet.com"
  473. title="Go to my English profile"
  474. data-instant>
  475. <svg class="icon icon-user-tie">
  476. <use xlink:href="/static/david/icons2/symbol-defs-2022-03.svg#icon-user-tie"></use>
  477. </svg>
  478. Pro</a>
  479. </nobr>
  480. <nobr>
  481. <a href="mailto:david%40larlet.fr" title="Envoyer un courriel">
  482. <svg class="icon icon-mail">
  483. <use xlink:href="/static/david/icons2/symbol-defs-2022-03.svg#icon-mail"></use>
  484. </svg>
  485. Email</a>
  486. </nobr>
  487. <nobr>
  488. <abbr class="nowrap"
  489. title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340">
  490. <svg class="icon icon-hammer2">
  491. <use xlink:href="/static/david/icons2/symbol-defs-2022-03.svg#icon-hammer2"></use>
  492. </svg>
  493. Légal</abbr>
  494. </nobr>
  495. </p>
  496. <template id="theme-selector">
  497. <form>
  498. <fieldset>
  499. <legend>
  500. <svg class="icon icon-brightness-contrast">
  501. <use xlink:href="/static/david/icons2/symbol-defs-2022-03.svg#icon-brightness-contrast"></use>
  502. </svg>
  503. Thème
  504. </legend>
  505. <label>
  506. <input type="radio" value="auto" name="chosen-color-scheme" checked>
  507. Auto
  508. </label>
  509. <label>
  510. <input type="radio" value="dark" name="chosen-color-scheme">
  511. Foncé
  512. </label>
  513. <label>
  514. <input type="radio" value="light" name="chosen-color-scheme">
  515. Clair
  516. </label>
  517. </fieldset>
  518. </form>
  519. </template>
  520. </footer>
  521. <script src="/static/david/js/instantpage-5.1.0.min.js" type="module"></script>
  522. <script>
  523. function loadThemeForm(templateName) {
  524. const themeSelectorTemplate = document.querySelector(templateName)
  525. const form = themeSelectorTemplate.content.firstElementChild
  526. themeSelectorTemplate.replaceWith(form)
  527. form.addEventListener('change', (e) => {
  528. const chosenColorScheme = e.target.value
  529. localStorage.setItem('theme', chosenColorScheme)
  530. toggleTheme(chosenColorScheme)
  531. })
  532. const selectedTheme = localStorage.getItem('theme')
  533. if (selectedTheme && selectedTheme !== 'undefined') {
  534. form.querySelector(`[value="${selectedTheme}"]`).checked = true
  535. }
  536. }
  537. const prefersColorSchemeDark = '(prefers-color-scheme: dark)'
  538. window.addEventListener('load', () => {
  539. let hasDarkRules = false
  540. for (const styleSheet of Array.from(document.styleSheets)) {
  541. let mediaRules = []
  542. for (const cssRule of styleSheet.cssRules) {
  543. if (cssRule.type !== CSSRule.MEDIA_RULE) {
  544. continue
  545. }
  546. // WARNING: Safari does not have/supports `conditionText`.
  547. if (cssRule.conditionText) {
  548. if (cssRule.conditionText !== prefersColorSchemeDark) {
  549. continue
  550. }
  551. } else {
  552. if (cssRule.cssText.startsWith(prefersColorSchemeDark)) {
  553. continue
  554. }
  555. }
  556. mediaRules = mediaRules.concat(Array.from(cssRule.cssRules))
  557. }
  558. // WARNING: do not try to insert a Rule to a styleSheet you are
  559. // currently iterating on, otherwise the browser will be stuck
  560. // in a infinite loop…
  561. for (const mediaRule of mediaRules) {
  562. styleSheet.insertRule(mediaRule.cssText)
  563. hasDarkRules = true
  564. }
  565. }
  566. if (hasDarkRules) {
  567. loadThemeForm('#theme-selector')
  568. }
  569. })
  570. </script>
  571. </body>
  572. </html>