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.la-grange.net/2024/01/01/prise">lâcher prise</a>,
  177. 01-01-2024
  178. </dt>
  179. <dd>
  180. Tsujido, Japon, 1 janvier 2024 Chemins qui ne mènent nulle part entre deux prés, que l'on dirait avec art de leur but détournés, chemins qui souvent n'ont devant eux rien d'autre en face que le pur espace et la saison. — Vergers, Rainer Maria Rilke, urn:isbn:2-07-032165-7 Lundi 1er janvier 2024, je commence avec une photographie de la constellation d'Orion prise à 00h 03m 56s au dessus de la…
  181. — <a href="https://www.la-grange.net/">Karl Dubost</a>
  182. </dd>
  183. </dl>
  184. <dl>
  185. <dt>
  186. <a href="https://www.hypothermia.fr/2024/01/2023-moments-choisis/">2023, moments choisis</a>,
  187. 01-01-2024
  188. </dt>
  189. <dd>
  190. Ancres mémorielles de l'année écoulée.
  191. — <a href="https://www.hypothermia.fr/">Eliness</a>
  192. </dd>
  193. </dl>
  194. <dl>
  195. <dt>
  196. <a href="https://www.arthurperret.fr/veille/2024-01-01-l-outil-d-ecriture-ideal-n-existe-pas.html">[Veille] L’outil d’écriture idéal n’existe pas</a>,
  197. 01-01-2024
  198. </dt>
  199. <dd>
  200. https://tcrouzet.com/2023/12/31/ecrire-a-la-recherche-de-lediteur-de-texte-ideal/ Thierry Crouzet, à la recherche d’une alternative à Ulysses, partage ses impressions concernant plusieurs outils d’écriture. Il en arrive à la conclusion que l’outil idéal n’existe pas, pour plein de raisons (diversité des besoins, effet usine à gaz, outils tiers irremplaçables…) ; l’enjeu est plutôt de trouver des…
  201. — <a href="https://www.arthurperret.fr/">Arthur Perret</a>
  202. </dd>
  203. </dl>
  204. <dl>
  205. <dt>
  206. <a href="https://winnielim.org/journal/looking-back-at-2023/">looking back at 2023</a>,
  207. 31-12-2023
  208. </dt>
  209. <dd>
  210. I write these every year for the purpose of documenting my life. The caveat is that this is written with some recency bias and that the act of recollection is always faulty:...
  211. — <a href="https://winnielim.org/">Winnie Lim (en)</a>
  212. </dd>
  213. </dl>
  214. <dl>
  215. <dt>
  216. <a href="https://www.quaternum.net/2023/12/30/le-texte-et-le-code/">[flux] Le texte et le code</a>,
  217. 30-12-2023
  218. </dt>
  219. <dd>
  220. Sometimes I hear of “opinionated” software. That is, software which has a strong vision of how to do a thing. If you like it, use it. If you don’t, then don’t. But what happens if the software turns out to be something the author of a site wrote for themselves? It’s more than opinionated. It’s personal. This website presents a number of sites and the tools they use to create and update them.…
  221. — <a href="https://www.quaternum.net/">Antoine Fauchié</a>
  222. </dd>
  223. </dl>
  224. <dl>
  225. <dt>
  226. <a href="https://www.arthurperret.fr/veille/2023-12-29-refa-reader-template.html">[Veille] ReFa Reader template</a>,
  227. 29-12-2023
  228. </dt>
  229. <dd>
  230. https://github.com/sinanatra/refa-reader-template L’équipe du programme de recherche Restaging Fashion (ReFa) a créé un site, ReFa Reader, sur lequel on peut consulter des textes interactifs liés à une collection Omeka-S. C’est un bel exemple de visualisation hybride texte-graphe, qui s’inspire entre autres du projet Xanadu de Ted Nelson. Le code de l’outil est public et son utilisation est très…
  231. — <a href="https://www.arthurperret.fr/">Arthur Perret</a>
  232. </dd>
  233. </dl>
  234. <dl>
  235. <dt>
  236. <a href="https://n.survol.fr/n/code-en-francais">Code en français</a>,
  237. 28-12-2023
  238. </dt>
  239. <dd>
  240. « C’est ridi­cule ce getTauxRemboursementSecu(). Le code on le fait en anglais. (refor­mu­la­tion libre de débats trou­vés sur Twit­ter) Je ai eu ce débat quasi­ment dans chaque équipe que j’ai traversé. Les réponses n’ont pas toujours été les mêmes et — sans vous dire quoi faire dans votre situa­tion spéci­fique, bien que mon avis géné­rique soit […]
  241. — <a href="https://n.survol.fr/">Éric D.</a>
  242. </dd>
  243. </dl>
  244. <dl>
  245. <dt>
  246. <a href="https://blog.ecologie-politique.eu/post/Le-Prix-de-la-democratie">Le Prix de la démocratie</a>,
  247. 28-12-2023
  248. </dt>
  249. <dd>
  250. Julia Cagé, Le Prix de la démocratie (2018), Folio, 2020, 629 pages, 10,90 € Ces derniers jours, vous avez été assailli·es de propositions visant à contribuer à l’existence d’associations diverses et vous avez peut-être eu du mal à choisir entre toutes : celles qui surveillent l’état des droits humains et des libertés civiles en France, celles qui diffusent une information de qualité et font…
  251. — <a href="https://blog.ecologie-politique.eu/">Aude</a>
  252. </dd>
  253. </dl>
  254. <dl>
  255. <dt>
  256. <a href="https://n.survol.fr/n/cherche-un-vae-de-rando">Cherche un VAE de rando</a>,
  257. 27-12-2023
  258. </dt>
  259. <dd>
  260. Je cherche un vélo à assis­tance élec­trique pour partir en rando avec une personne lourde peu spor­tive et ses sacoches, idéa­le­ment jusqu’à 60 km au moins pour des étapes vallon­nées avec des montées ponc­tuelles de 10%, en été sur des chemins cyclables terre et bitume. Évidem­ment, l’in­ves­tis­se­ment servira aussi pour le quoti­dien en ville et […]
  261. — <a href="https://n.survol.fr/">Éric D.</a>
  262. </dd>
  263. </dl>
  264. <dl>
  265. <dt>
  266. <a href="https://thom4.net/2023/12/27/vigipirate/">☕️ Journal : Vigipirate</a>,
  267. 27-12-2023
  268. </dt>
  269. <dd>
  270. Dans le train, j’écoute une annonce, le genre de celle qu’on connait tellement qu’à l’instar d’un bloqueur de pub, on l’efface aussitôt.<
  271. — <a href="https://thom4.net/">Thomas Parisot</a>
  272. </dd>
  273. </dl>
  274. <dl>
  275. <dt>
  276. <a href="https://winnielim.org/notes/bought-a-pen-with-red-ink/">bought a pen with red ink</a>,
  277. 25-12-2023
  278. </dt>
  279. <dd>
  280. bought a pen with red ink today and promptly tried to sketch with it
  281. — <a href="https://winnielim.org/">Winnie Lim (en)</a>
  282. </dd>
  283. </dl>
  284. <dl>
  285. <dt>
  286. <a href="https://ynote.hk/mots/sommeil/paralysie.html">Paralysie</a>,
  287. 24-12-2023
  288. </dt>
  289. <dd>
  290. Les dernières semaines sont éprouvantes. Mon corps tient à un fil tandis que les nuits pleines de cauchemars se succèdent.
  291. — <a href="https://ynote.hk/">Fanny Cheung</a>
  292. </dd>
  293. </dl>
  294. <dl>
  295. <dt>
  296. <a href="https://www.quaternum.net/2023/12/24/choisir-une-modelisation/">[flux] Choisir une modélisation</a>,
  297. 24-12-2023
  298. </dt>
  299. <dd>
  300. And I began to realize that while this was all technically possible, there were architectural reasons why this wasn’t optimal, and that, in trying to reinvent everything (e.g., blog staples like categories, tags, archive pages, RSS feeds) in my bash script, I would in effect be re-treading all the ground that the people who built Jekyll, Hugo, and Eleventy had already trod. And that made me feel…
  301. — <a href="https://www.quaternum.net/">Antoine Fauchié</a>
  302. </dd>
  303. </dl>
  304. <dl>
  305. <dt>
  306. <a href="https://blog.ecologie-politique.eu/post/L-extreme-droite-regne-mais-ne-gouverne-pas">L’extrême droite règne mais ne gouverne pas</a>,
  307. 21-12-2023
  308. </dt>
  309. <dd>
  310. Le trafiquant d’influence Darmanin-démission, par ailleurs ministre de l’intérieur, se flatte de ne pas avoir fait voter sa loi contre les personnes migrantes avec les voix de l’extrême droite. Cela m’évoque la situation suédoise à l'issue des élections de 2022. L’extrême droite suédoise, un parti d’origine néo-nazie bien nommé Démocrates de Suède (SD), est le deuxième plus gros groupe…
  311. — <a href="https://blog.ecologie-politique.eu/">Aude</a>
  312. </dd>
  313. </dl>
  314. <dl>
  315. <dt>
  316. <a href="https://lalunemauve.fr/interview-mathyld-under-the-pyramids/">Interview de Mathyld (under the pyramids), artisane-créatrice de bijoux en argent</a>,
  317. 21-12-2023
  318. </dt>
  319. <dd>
  320. 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.)
  321. — <a href="https://lalunemauve.fr/">La Lune Mauve</a>
  322. </dd>
  323. </dl>
  324. <dl>
  325. <dt>
  326. <a href="https://www.hypothermia.fr/2023/12/platon-karataev/">Parenthèse – Platon Karataev</a>,
  327. 18-12-2023
  328. </dt>
  329. <dd>
  330. Dernier coup de cœur musical de l'année.
  331. — <a href="https://www.hypothermia.fr/">Eliness</a>
  332. </dd>
  333. </dl>
  334. <dl>
  335. <dt>
  336. <a href="https://luce.carevic.eu/fr/notes/attribut-disabled-fieldset">Attribut disabled et fieldset</a>,
  337. 08-12-2023
  338. </dt>
  339. <dd>
  340. 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 🤔.…
  341. — <a href="https://luce.carevic.eu/fr">Luce Carević</a>
  342. </dd>
  343. </dl>
  344. <dl>
  345. <dt>
  346. <a href="https://thom4.net/2023/12/04/questions/">☕️ Journal : Question(s)</a>,
  347. 04-12-2023
  348. </dt>
  349. <dd>
  350. quand on (me) pose une question je demande pourquoi, ce passage du « tu » au « on » ; quand tu réponds « je ne sais pas »
  351. — <a href="https://thom4.net/">Thomas Parisot</a>
  352. </dd>
  353. </dl>
  354. <dl>
  355. <dt>
  356. <a href="https://ynote.hk/mots/sommeil/le-point-d-equilibre.html">Le point d’équilibre</a>,
  357. 07-11-2023
  358. </dt>
  359. <dd>
  360. Il y a une réalité frustrante pour celleux qui subissent leur fatigue. On est toujours à l’affut du moment où on va sombrer.
  361. — <a href="https://ynote.hk/">Fanny Cheung</a>
  362. </dd>
  363. </dl>
  364. <dl>
  365. <dt>
  366. <a href="https://luce.carevic.eu/fr/notes/pandoc-supprimer-retours-ligne">Pandoc : supprimer les retours à la ligne</a>,
  367. 27-09-2023
  368. </dt>
  369. <dd>
  370. 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.
  371. — <a href="https://luce.carevic.eu/fr">Luce Carević</a>
  372. </dd>
  373. </dl>
  374. <dl>
  375. <dt>
  376. <a href="http://www.maiwann.net//blogperso/tahiti_j24/">Tahiti - jour 24</a>,
  377. 25-09-2023
  378. </dt>
  379. <dd>
  380. 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
  381. — <a href="https://www.maiwann.net/">Maïtané Lenoir</a>
  382. </dd>
  383. </dl>
  384. <dl>
  385. <dt>
  386. <a href="http://www.maiwann.net//blogperso/tahiti_j23/">Tahiti - jour 23</a>,
  387. 25-09-2023
  388. </dt>
  389. <dd>
  390. Aujourd’hui, c’est pluie-day.
  391. — <a href="https://www.maiwann.net/">Maïtané Lenoir</a>
  392. </dd>
  393. </dl>
  394. <dl>
  395. <dt>
  396. <a href="https://emmaclit.com/2023/09/08/medias-et-tdah-la-fatigue/">Médias et TDAH, LA FATIGUE</a>,
  397. 08-09-2023
  398. </dt>
  399. <dd>
  400. Pour un contenu plus complet : https://emmaclit.com/2020/11/26/lucine-et-enzo/
  401. — <a href="https://emmaclit.com/">Emma</a>
  402. </dd>
  403. </dl>
  404. <dl>
  405. <dt>
  406. <a href="https://brr.fyi/posts/south-pole-electrical-infrastructure">South Pole Electrical Infrastructure</a>,
  407. 21-08-2023
  408. </dt>
  409. <dd>
  410. Power generation and distribution at the South Pole.
  411. — <a href="https://brr.fyi/">brr (en)</a>
  412. </dd>
  413. </dl>
  414. <dl>
  415. <dt>
  416. <a href="https://brr.fyi/posts/snowdrifts">Snowdrifts</a>,
  417. 13-08-2023
  418. </dt>
  419. <dd>
  420. 4 days of blown snow into a doorway.
  421. — <a href="https://brr.fyi/">brr (en)</a>
  422. </dd>
  423. </dl>
  424. <dl>
  425. <dt>
  426. <a href="https://www.la-grange.net/2023/07/13/hnd">hnd, le matin</a>,
  427. 13-07-2023
  428. </dt>
  429. <dd>
  430. Océan Pacifique, Japon, 13 juillet 2023 The image of the native constructed by colonialism has been an impediment to a profound and genuine understanding of native life. This as image, as we have shown earlier, is still influential today. — The Myth Of The Lazy Native, Syed Hussein Alatas, urn:isbn:978-967-0311-97-5 Le Japon au soleil levant, au dessus du Pacifique après une dizaine d'heures de…
  431. — <a href="https://www.la-grange.net/">Karl Dubost</a>
  432. </dd>
  433. </dl>
  434. <dl>
  435. <dt>
  436. <a href="https://lalunemauve.fr/perlimpinpin/">Où je crache ma pastille Valda à propos d’Instagram</a>,
  437. 05-07-2023
  438. </dt>
  439. <dd>
  440. 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.…
  441. — <a href="https://lalunemauve.fr/">La Lune Mauve</a>
  442. </dd>
  443. </dl>
  444. <dl>
  445. <dt>
  446. <a href="https://emmaclit.com/2022/10/06/la-ligne/">La ligne</a>,
  447. 06-10-2022
  448. </dt>
  449. <dd>
  450. 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
  451. — <a href="https://emmaclit.com/">Emma</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>