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 27KB

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://winnielim.org/notes/posting-art-from-my-backlog/">posting art from my backlog</a>,
  177. 19-06-2024
  178. </dt>
  179. <dd>
  180. posting from my backlog. this one is from feb. recently i’ve been into a matcha phase, especially after learning it has anti-viral properties. bonus: it has anti-depressant-like effects too. drawing and painting really requires a stillness i find hard to possess, hence i am always starting and stopping. that’s why am bent on posting all of my backlog i guess, each one was really squeezed out of me.
  181. — <a href="https://winnielim.org/">Winnie Lim (en)</a>
  182. </dd>
  183. </dl>
  184. <dl>
  185. <dt>
  186. <a href="https://ynote.hk/mots/sommeil/doute.html">Doute</a>,
  187. 18-06-2024
  188. </dt>
  189. <dd>
  190. Je vis un moment de doute qui dure. C’est gênant et c’est déstabilisant. Je dors encore plus mal que d’habitude, donnant la part belle aux virus qui cherchent à coloniser les cellules de mon corps.
  191. — <a href="https://ynote.hk/">Fanny Cheung</a>
  192. </dd>
  193. </dl>
  194. <dl>
  195. <dt>
  196. <a href="https://www.quaternum.net/2024/06/18/interfaces-espaces-et-environnements-decriture-de-la-these/">Interfaces, espaces et environnements d'écriture de la thèse</a>,
  197. 18-06-2024
  198. </dt>
  199. <dd>
  200. Pendant la rédaction de ma thèse, de juillet 2022 à janvier 2024, la mise en place d’un environnement d’écriture et d’édition a pris une place importante dans mon processus de recherche. Il s’agit de manipuler du texte, de configurer l’affichage graphique des différents logiciels, ou de définir des modes d’interaction avec ceux-ci. Tout cela en visant une certaine maîtrise de cet environnement…
  201. — <a href="https://www.quaternum.net/">Antoine Fauchié</a>
  202. </dd>
  203. </dl>
  204. <dl>
  205. <dt>
  206. <a href="https://www.hypothermia.fr/2024/06/analyse-de-corpus-hypothermique/">Analyse de corpus Hypothermique</a>,
  207. 17-06-2024
  208. </dt>
  209. <dd>
  210. Vingt ans de blog et une immense digestion lexicale plus ou moins maîtrisée !
  211. — <a href="https://www.hypothermia.fr/">Eliness</a>
  212. </dd>
  213. </dl>
  214. <dl>
  215. <dt>
  216. <a href="https://n.survol.fr/n/valeurs-confiance-vie">Valeurs, confiance, vie</a>,
  217. 17-06-2024
  218. </dt>
  219. <dd>
  220. Je sais colla­bo­rer avec des diver­gences de vision et d’opi­nion. Je sais assez bien m’ali­gner sur des déci­sions en lesquelles je ne crois pas. J’ai beau­coup plus de mal quand il y a désa­li­gne­ment de valeurs. Là c’est parfois diffi­cile, peut-être plus pour moi que pour d’autres parce que mes valeurs sont ce qui me […]
  221. — <a href="https://n.survol.fr/">Éric D.</a>
  222. </dd>
  223. </dl>
  224. <dl>
  225. <dt>
  226. <a href="https://winnielim.org/journal/when-goodness-is-not-so-good/">when goodness is not so good</a>,
  227. 15-06-2024
  228. </dt>
  229. <dd>
  230. Last week I briefly wrote that the push for humans to be good is a net negative for this world. There were a couple of comments asking me to elaborate, so I...
  231. — <a href="https://winnielim.org/">Winnie Lim (en)</a>
  232. </dd>
  233. </dl>
  234. <dl>
  235. <dt>
  236. <a href="https://n.survol.fr/n/la-democratie-par-lalliance">La démo­cra­tie par l’al­liance</a>,
  237. 12-06-2024
  238. </dt>
  239. <dd>
  240. Il est temps qu’on réap­prenne la démo­cra­tie repré­sen­ta­tive en France. Le modèle démo­cra­tique améri­cain est celui du bipar­tisme. On a un parti rouge, un parti bleu, et c’est tout ou presque. Le reste ne compte pas. Les primaires permettent de défi­nir le courant qui repré­sen­tera chaque parti. Chaque élu garde son indé­pen­dance mais l’al­liance ne […]
  241. — <a href="https://n.survol.fr/">Éric D.</a>
  242. </dd>
  243. </dl>
  244. <dl>
  245. <dt>
  246. <a href="https://www.arthurperret.fr/evenements/2024-06-11-inacheve-d-imprimer-aurore-turbiau-litote.html">[Évènement] Inachevé d’imprimer – Aurore Turbiau</a>,
  247. 11-06-2024
  248. </dt>
  249. <dd>
  250. Inachevé d’imprimer, nouvelle session mardi 11 juin à 16h, avec Aurore Turbiau. Cette rencontre nous donnera l’occasion de discuter (entre autres) des jeux typographiques dans la littérature féministe, du fait de fabriquer ses propres outils, ainsi que d’hypertextualité, de citation et même un peu de droit. Un programme très riche ! Rendez-vous le mardi 11 juin à 16h, en visioconférence. Aurore…
  251. — <a href="https://www.arthurperret.fr/">Arthur Perret</a>
  252. </dd>
  253. </dl>
  254. <dl>
  255. <dt>
  256. <a href="https://thom4.net/2024/06/11/denivele/">☕️ Journal : Dénivelé</a>,
  257. 11-06-2024
  258. </dt>
  259. <dd>
  260. J’ai appris à faire du vélo, pour le loisir. En 2014, j’ai appris à faire du vélo dans un cadre urbain. Je m’achète mon premier vé
  261. — <a href="https://thom4.net/">Thomas Parisot</a>
  262. </dd>
  263. </dl>
  264. <dl>
  265. <dt>
  266. <a href="https://blog.ecologie-politique.eu/post/Pourquoi-je-nai-pas-vote-hier">Pourquoi je n’ai pas voté hier</a>,
  267. 10-06-2024
  268. </dt>
  269. <dd>
  270. Depuis quelques années je ressens une contrainte à aller voter, bien loin de mes convictions selon lesquelles l’élection n’est pas une procédure démocratique, ou plutôt qu’elle a des caractères démocratiques bien ténus (1). L’urgence, la nécessité de faire barrage au fascisme s’impose à moi – serait-ce en votant pour celui qui justement gouverne en entretenant la vitalité de son opposition…
  271. — <a href="https://blog.ecologie-politique.eu/">Aude</a>
  272. </dd>
  273. </dl>
  274. <dl>
  275. <dt>
  276. <a href="https://ynote.hk/mots/processus-de-creation/violet-d-un-soir.html">Violet d’un soir</a>,
  277. 09-06-2024
  278. </dt>
  279. <dd>
  280. On mélange du rouge et du bleu, voilà qu’apparaît le joli violet. Pourpre, lilas, aubergine, améthyste, prune, la couleur se décline bien plus que tout ce que j’avais essayé jusque là.
  281. — <a href="https://ynote.hk/">Fanny Cheung</a>
  282. </dd>
  283. </dl>
  284. <dl>
  285. <dt>
  286. <a href="https://brr.fyi/posts/south-pole-water-infrastructure">South Pole Water Infrastructure</a>,
  287. 08-06-2024
  288. </dt>
  289. <dd>
  290. Fresh water from snow, at 70 below!
  291. — <a href="https://brr.fyi/">brr (en)</a>
  292. </dd>
  293. </dl>
  294. <dl>
  295. <dt>
  296. <a href="https://thom4.net/2024/06/06/patois-guernesien/">☕️ Journal : Ces prémises sont terre à l'amende</a>,
  297. 06-06-2024
  298. </dt>
  299. <dd>
  300. Des panneaux reviennent régulièrement sur les espaces de stationnement de l’île de Guer
  301. — <a href="https://thom4.net/">Thomas Parisot</a>
  302. </dd>
  303. </dl>
  304. <dl>
  305. <dt>
  306. <a href="https://blog.ecologie-politique.eu/post/Sur-quelques-accusations-de-fascisme-envers-le-mouvement-anti-industriel">Sur quelques accusations de fascisme envers le mouvement anti-industriel</a>,
  307. 03-06-2024
  308. </dt>
  309. <dd>
  310. Il y a quelques mois a été publié un pamphlet anonyme dénonçant le « naufrage réactionnaire du mouvement anti-industriel ». Mouvance à laquelle j’estime appartenir (entre autres affiliations) et pamphlet dans lequel un de mes écrits fait référence… Je ne sais pas si c’est une position spécialement confortable ou au contraire inconfortable mais le fait est que je n’ai pas ressenti l’intérêt de…
  311. — <a href="https://blog.ecologie-politique.eu/">Aude</a>
  312. </dd>
  313. </dl>
  314. <dl>
  315. <dt>
  316. <a href="https://www.hypothermia.fr/2024/06/retour-a-la-chapelle-da/">Retour à la Chapelle d’A.</a>,
  317. 03-06-2024
  318. </dt>
  319. <dd>
  320. Retourner aux sources et se retrouver des années en aval.
  321. — <a href="https://www.hypothermia.fr/">Eliness</a>
  322. </dd>
  323. </dl>
  324. <dl>
  325. <dt>
  326. <a href="https://www.arthurperret.fr/veille/2024-06-02-robots-cooking-inquietant-virage-ia-adam-hyde.html">[Veille] Robots Cooking : l’inquiétant virage IA d’Adam Hyde (Coko)</a>,
  327. 02-06-2024
  328. </dt>
  329. <dd>
  330. https://www.robotscooking.com C’est une série inquiétante. Après Gordon Brander, voici qu’un autre innovateur dont j’admirais le travail est désormais séduit par l’intelligence artificielle générative : Adam Hyde, fondateur de Coko. Hyde a fait beaucoup pour le développement d’outils libres et open source dans le monde de l’édition. Beaucoup de bien, jusqu’ici. Dans le flux incessant…
  331. — <a href="https://www.arthurperret.fr/">Arthur Perret</a>
  332. </dd>
  333. </dl>
  334. <dl>
  335. <dt>
  336. <a href="https://brr.fyi/posts/engineering-for-slow-internet">Engineering for Slow Internet</a>,
  337. 31-05-2024
  338. </dt>
  339. <dd>
  340. How to minimize user frustration in Antarctica.
  341. — <a href="https://brr.fyi/">brr (en)</a>
  342. </dd>
  343. </dl>
  344. <dl>
  345. <dt>
  346. <a href="https://www.la-grange.net/2024/04/27/mesures">mesures</a>,
  347. 27-04-2024
  348. </dt>
  349. <dd>
  350. Komagome, Japon, 27 avril 2024 Les hottes de pêche servent à mettre les choses mystérieuses de la vie de pêche, ta vie comme ça à tout pêcher et cultiver c'est une aventure, tu ne sais pas ce que tu mettras, c'est curieux. Elles ont tout porté, tout vu, tout entendu, tout senti, elles étaient avec moi dans mes bons moments. — Nos vaches sont jolies parce qu'elles mangent des fleurs, Paul Bedel /…
  351. — <a href="https://www.la-grange.net/">Karl Dubost</a>
  352. </dd>
  353. </dl>
  354. <dl>
  355. <dt>
  356. <a href="https://www.la-grange.net/2024/04/26/masse">de masse</a>,
  357. 26-04-2024
  358. </dt>
  359. <dd>
  360. Oiso, Japon, 26 avril 2014 Nous sommes nombreux dans notre solitude de pensée, et ça console. — Nos vaches sont jolies parce qu'elles mangent des fleurs, Paul Bedel / Catherine Boivin, urn:isbn:978-2-266-28669-5 La connerie du tourisme de masse et des impacts sur la fabrique de la société. Et n'oublions pas que tout cela est la migration des riches dans les autres destinations sans aucun respect…
  361. — <a href="https://www.la-grange.net/">Karl Dubost</a>
  362. </dd>
  363. </dl>
  364. <dl>
  365. <dt>
  366. <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>,
  367. 04-04-2024
  368. </dt>
  369. <dd>
  370. 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…
  371. — <a href="https://www.quaternum.net/">Antoine Fauchié</a>
  372. </dd>
  373. </dl>
  374. <dl>
  375. <dt>
  376. <a href="https://emmaclit.com/2024/03/19/tri-social/">Tri social</a>,
  377. 19-03-2024
  378. </dt>
  379. <dd>
  380. — <a href="https://emmaclit.com/">Emma</a>
  381. </dd>
  382. </dl>
  383. <dl>
  384. <dt>
  385. <a href="https://emmaclit.com/2024/01/19/culture-froncaise/">Culture fronçaise</a>,
  386. 19-01-2024
  387. </dt>
  388. <dd>
  389. 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
  390. — <a href="https://emmaclit.com/">Emma</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>