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

1 jaar geleden
1 jaar geleden
1 jaar geleden
1 jaar geleden
1 jaar geleden
1 jaar geleden
1 jaar geleden
1 jaar geleden
1 jaar geleden
1 jaar geleden
1 jaar geleden
1 jaar geleden
1 jaar geleden
1 jaar geleden
1 jaar geleden
1 jaar geleden
1 jaar geleden
1 jaar geleden
1 jaar geleden
1 jaar geleden
1 jaar geleden
1 jaar geleden
1 jaar geleden
1 jaar geleden
1 jaar geleden
1 jaar geleden
1 jaar geleden
1 jaar geleden
1 jaar geleden
1 jaar geleden
1 jaar geleden
1 jaar geleden
1 jaar geleden
1 jaar geleden
1 jaar geleden
1 jaar geleden
1 jaar geleden
1 jaar geleden
1 jaar geleden
1 jaar geleden
1 jaar geleden
1 jaar geleden
1 jaar geleden
1 jaar geleden
1 jaar geleden
1 jaar geleden
1 jaar geleden
1 jaar geleden
1 jaar geleden
1 jaar geleden
1 jaar geleden
1 jaar geleden
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551
  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>Tag #recherche — David Larlet</title>
  13. <meta name="description" content="Publications relatives au tag #recherche">
  14. <!-- That good ol' feed, subscribe :). -->
  15. <link rel="alternate" type="application/atom+xml" title="Feed" href="/david/log/">
  16. <!-- Generated from https://realfavicongenerator.net/ such a mess. -->
  17. <link rel="apple-touch-icon" sizes="180x180" href="/static/david/icons2/apple-touch-icon.png">
  18. <link rel="icon" type="image/png" sizes="32x32" href="/static/david/icons2/favicon-32x32.png">
  19. <link rel="icon" type="image/png" sizes="16x16" href="/static/david/icons2/favicon-16x16.png">
  20. <link rel="manifest" href="/static/david/icons2/site.webmanifest">
  21. <link rel="mask-icon" href="/static/david/icons2/safari-pinned-tab.svg" color="#07486c">
  22. <link rel="shortcut icon" href="/static/david/icons2/favicon.ico">
  23. <meta name="msapplication-TileColor" content="#f7f7f7">
  24. <meta name="msapplication-config" content="/static/david/icons2/browserconfig.xml">
  25. <meta name="theme-color" content="#f7f7f7" media="(prefers-color-scheme: light)">
  26. <meta name="theme-color" content="#272727" media="(prefers-color-scheme: dark)">
  27. <!-- Documented, feel free to shoot an email. -->
  28. <link rel="stylesheet" href="/static/david/css/style_2021-01-20.css">
  29. <!-- See https://www.zachleat.com/web/comprehensive-webfonts/ for the trade-off. -->
  30. <link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_regular.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin>
  31. <link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_bold.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin>
  32. <link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_italic.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin>
  33. <link rel="preload" href="/static/david/css/fonts/triplicate_t3_regular.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin>
  34. <link rel="preload" href="/static/david/css/fonts/triplicate_t3_bold.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin>
  35. <link rel="preload" href="/static/david/css/fonts/triplicate_t3_italic.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin>
  36. <script>
  37. function toggleTheme(themeName) {
  38. document.documentElement.classList.toggle(
  39. 'forced-dark',
  40. themeName === 'dark'
  41. )
  42. document.documentElement.classList.toggle(
  43. 'forced-light',
  44. themeName === 'light'
  45. )
  46. }
  47. const selectedTheme = localStorage.getItem('theme')
  48. if (selectedTheme !== 'undefined') {
  49. toggleTheme(selectedTheme)
  50. }
  51. </script>
  52. <style type="text/css">
  53. details[open] summary {
  54. display: none;
  55. }
  56. </style>
  57. <body class="remarkdown h1-underline h2-underline h3-underline em-underscore hr-center ul-star pre-tick" data-instant-intensity="viewport-all">
  58. <header>
  59. <h1>Publications relatives au tag #recherche</h1>
  60. </header>
  61. <nav>
  62. <p class="center">
  63. <a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home">
  64. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-home"></use>
  65. </svg> Accueil</a>
  66. ‱ <a rel="tags" href="/david/#tags-2023" title="Liste de toutes les Ă©tiquettes"><svg class="icon icon-tags">
  67. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-tags"></use>
  68. </svg> Étiquettes</a>
  69. </p>
  70. </nav>
  71. <hr>
  72. <main>
  73. <p>Les plus rĂ©centes en premier, les 3 premiĂšres sont dĂ©pliĂ©es et ensuite c’est Ă  la demande, bonne exploration !</p>
  74. <h2><a href="/david/2023/02/08/" title="Lien permanent vers cet article">TextcAIst</a> (2023-02-08)</h2>
  75. <blockquote lang="en">
  76. <p>Still
 this is amazing. If I have learned anything from this journey, it’s that the ability to generate high-quality, <mark>readable transcripts from podcast audio is going to be here soon.</mark> It’s not quite here yet—Whisper has quirks that make it better for searchable transcripts than actual reading, and it doesn’t identify speakers—but it’s perilously close&nbsp;now.</p>
  77. <p><cite><em><a href="https://sixcolors.com/post/2023/02/automating-podcast-transcripts-on-my-mac-with-openai-whisper/">Automating podcast transcripts on my Mac with OpenAI Whisper</a></em>&nbsp;(<a href="/david/cache/2023/eebbf1a999fdf5c8aa80b65eccd9c48a/">cache</a>)</cite></p>
  78. </blockquote>
  79. <p>Suite des <a href="/david/2021/01/18/">mes recherches</a> pour pallier mon manque d’attention uniquement auditive (qui me prive des <em>podcasts</em>/balados). Je n’avais pas du tout explorĂ© ni mĂȘme envisagĂ© la piste de l’Intelligence Artificielle mais c’est peut-ĂȘtre prometteur pour un affinage en post-traitement vu que ça a le vent en&nbsp;poupe&#8239;!</p>
  80. <p>En allant plus loin, ça pourrait potentiellement mĂȘme m’en faire un&nbsp;rĂ©sumé </p>
  81. <hr />
  82. <blockquote lang="en">
  83. <p>đŸŽ„ Alongside Cameron’s recent comments, discussions on representation and “blue face” controversies have resurfaced. “Blue face” is the practice of taking creative liberties to hybridize various indigenous groups and make their own race then have non-Indigenous actors play them. <mark>Various groups across the globe have called for a boycott of the new film.</mark> At the very least, it makes sense to draw attention to the excellent films actually produced and created by Indigenous&nbsp;people.</p>
  84. <p><cite><em><a href="https://www.cbr.com/better-movies-than-camerons-avatar-2-inigenous-creators/">10&nbsp;Films By Indigenous Filmmakers To Watch Instead Of Avatar: The Way Of Water</a></em>&nbsp;(<a href="/david/cache/2023/98a93dedbf2eb7665680ec6b1bb31e8c/">cache</a>)</cite></p>
  85. </blockquote>
  86. <blockquote>
  87. <p>đŸŒ± En restant sur un thĂšme de rythme de la nature, et du fait que <mark>ce rythme ne s’applique pas au web,</mark> j’ai eu envie d’insĂ©rer un autre tĂ©moin du temps qui passe. LĂ , il ne sera pas liĂ© Ă  mon entretien de cet espace web mais plutĂŽt au jour de&nbsp;l’annĂ©e.</p>
  88. <p><cite><em><a href="https://blog.professeurjoachim.com/billet/2023-01-05-exercices-de-feuille-de-styles">Exercices (de feuille) de styles</a></em>&nbsp;(<a href="/david/cache/2023/c45d25b1d1062fcf10fbf7caaf9e21b1/">cache</a>)</cite></p>
  89. </blockquote>
  90. <blockquote>
  91. <p>🔋 Quand ils ont fait les barrages, ils ne nous ont pas Ă©coutĂ©s, quand ils ont fait des coupes forestiĂšres au point de faire fuir l’orignal et le caribou dans certaines rĂ©gions, ils ne nous ont pas Ă©coutĂ©s, <mark>et maintenant, ils veulent extraire du lithium</mark> et d’autres&nbsp;mĂ©taux</p>
  92. <p><cite><em><a href="https://www.ledevoir.com/societe/780738/lithium-et-mineraux-critiques-lithium-et-mineraux-critiques-le-combat-d-une-mere-crie-de-8-enfants">Lithium et minĂ©raux critiques&nbsp;: le combat d’une mĂšre crie de huit enfants</a></em>&nbsp;(<a href="/david/cache/2023/a0d209f5273c7d9f984f78773fa089f2/">cache</a>)</cite></p>
  93. </blockquote>
  94. <h2><a href="/david/2023/02/07/" title="Lien permanent vers cet article">Madeleine</a> (2023-02-07)</h2>
  95. <p>Ma madeleine du jour m’a Ă©tĂ© offerte par <a href="https://latitude77.org">AurĂ©lien</a> qui pointait vers <a href="https://lightdock.org/">LightDock</a>, ce qui m’a rappelĂ© mon stage de master et mes <a href="/david/biologeek/archives/20051017-parser-un-fichier-pdb-en-python-facilement-et-efficacement/">premiers pas en Python</a>. OĂč l’on remarque qu’il y a 18&nbsp;ans, les <em>list-comprehensions</em> et les <code>__methodes_magiques__</code> devaient ĂȘtre&nbsp;rĂ©centes
</p>
  96. <p>Mais au fait, que s’est-il passĂ© ces 20&nbsp;derniĂšres annĂ©es en bio-informatique&#8239;? Est-ce encore une matiĂšre (hybride) Ă  part entiĂšre ou le <em>in silico</em> a-t-il fini par bouffer la&nbsp;madeleine&#8239;?</p>
  97. <hr />
  98. <p>đŸšČ OĂč j’apprends que la piste cyclable en bas de chez moi est considĂ©rĂ© comme «&nbsp;bonne&nbsp;» <a href="https://numerique.banq.qc.ca/patrimoine/details/52327/3393377">depuis pas mal de temps</a>.</p>
  99. <hr />
  100. <blockquote>
  101. <p>đŸŒ± J’ai fait des Ă©tudes d’agriculture biologique et ce milieu m’a dĂ©goĂ»tĂ©. On est dans la production. Et dans la production, soit tu t’auto-exploites, soit tu exploites de la main-d’oeuvre. <mark>Dans le bio, l’essentiel de la main-d’oeuvre, ce sont des sans-papiers.</mark> Cette rĂ©alitĂ© embarrasse Ă©normĂ©ment ceux qui croient que le bio est le summum de l’alternative. À une Ă©poque, avec des copains, on avait organisĂ© des dĂ©pĂŽts de paniers de lĂ©gumes Ă  Bruxelles. On est allĂ© travailler dans le lieu de production situĂ© Ă  une vingtaine de kilomĂštres de Bruxelles. On s’est retrouvĂ© avec des sans-papiers. Les dessous de la production Ă©chappent aux radars. Pourtant, en y rĂ©flĂ©chissant, si les gens Ă©taient payĂ©s dĂ©cemment, c’est le quadruple du prix qu’on devrait payer. Eux, aux FraternitĂ©s ouvriĂšres, ils ne font pas de la production. Ils n’essaient pas de te vendre une production Ă©thique ou biologique. Ils te disent&nbsp;: «&nbsp;Vas-y, expĂ©rimente&nbsp;». C’est une incitation Ă  expĂ©rimenter&nbsp;l’autonomie.</p>
  102. <p><cite><em><a href="https://www.rayonvertcinema.org/benjamin-hennot-interview/">Benjamin Hennot&nbsp;: Interview</a></em>&nbsp;(<a href="/david/cache/2023/ee7eb9c245d1b2c4b91b8dda4cd7d318/">cache</a>)</cite></p>
  103. </blockquote>
  104. <blockquote lang="en">
  105. <p>🎯 No, we need to move our attention back to the folks that have been right all along. The people who never gave up on semantic markup, CSS, and progressive enhancement for most sites. The people who, when slinging JS, have treated it as special occasion food. <mark>The tools and communities whose culture puts the user ahead of the developer</mark> and hold evidence of doing better for users in the highest&nbsp;regard.</p>
  106. <p><cite><em><a href="https://infrequently.org/2023/02/the-market-for-lemons/">The Market for Lemons</a></em>&nbsp;(<a href="/david/cache/2023/5b35e3f3639ceb7d9f684aa81979f304/">cache</a>)</cite></p>
  107. </blockquote>
  108. <blockquote lang="en">
  109. <p>✍ To feed my blogging, I am constantly reading books, magazine articles, academic papers, and a sprawling network of blogs (I follow about 400&nbsp;via my RSS feed on Feedly). Much as writing catalyzes thinking, <mark>reading catalyzes writing;</mark> the vast majority of ideas I get for blog posts come from reading something and having it trigger a “wait, what about 
”&nbsp;moment.</p>
  110. <p><cite><em><a href="https://clivethompson.medium.com/how-blogging-changes-the-way-you-think-526734dc86d1">How Blogging Changes The Way You Think</a></em>&nbsp;(<a href="/david/cache/2023/9caf3cf36d339cfffad8582583493204/">cache</a>)</cite></p>
  111. </blockquote>
  112. <hr />
  113. <blockquote lang="en">
  114. <p>🙈 Wikis, unless you have someone whose job it is to maintain the wiki, is where knowledge goes to&nbsp;die</p>
  115. <p><cite><em><a href="https://cloudisland.nz/@aurynn/109808680824741796">@aurynn@cloudisland.nz sur&nbsp;mastodon</a></em></cite></p>
  116. </blockquote>
  117. <blockquote>
  118. <p>đŸ€Ż une voiture, c’est jamais qu’un gros fauteuil roulant, hein.</p>
  119. <p><cite><em><a href="https://mamot.fr/@ffoodd/109796035120760099">@ffoodd@mamot.fr sur&nbsp;mastodon</a></em></cite></p>
  120. </blockquote>
  121. <blockquote lang="en">
  122. <p>👀 I have been in tech so long, I only have one question when I hear of a new invention.<br />
  123. Will it be used for war, porn or&nbsp;surveillance?</p>
  124. <p><cite><em><a href="https://eupolicy.social/@why0hy/109749311459562949">@why0hy@eupolicy.social sur&nbsp;mastodon</a></em></cite></p>
  125. </blockquote>
  126. <h2><a href="/david/2023/02/02/" title="Lien permanent vers cet article">Moment</a> (2023-02-02)</h2>
  127. <blockquote lang="en">
  128. <p>Three weeks pass and that lonely draft sits around gathering dust, and by the time I remember it, the moment has passed. The conversation has moved on, and so the post is abandoned and eventually&nbsp;deleted.</p>
  129. <p>The internet moves pretty fast and there’s always a “hot topic of the day”, but that doesn’t mean that nobody is interested in anything else. <mark>A beautiful thing about blogs is that they’re&nbsp;asynchronous.</mark></p>
  130. <p><cite><em><a href="https://mxb.dev/blog/seven-reasons-why-i-dont-write/">7&nbsp;Reasons why I don’t write</a></em>&nbsp;(<a href="/david/cache/2023/d7f9460e62402a298210736cdf64b88c/">cache</a>)</cite></p>
  131. </blockquote>
  132. <p>J’admire et j’envie un peu <a href="https://www.la-grange.net/">Karl</a> qui arrive Ă  publier des notes qui ont plusieurs mois. Pour ma part, si je relis un peu trop ou avec trop de recul temporel, je finis par ne plus publier du tout car cela devient vain/suffisant/dĂ©jĂ &nbsp;dit/etc.</p>
  133. <p>J’écris cette entrĂ©e avec 2&nbsp;jours d’avance et dĂ©jĂ  je sais que ça va ĂȘtre du rĂ©chauffĂ© pour ma tĂȘte lors de la publication. La pensĂ©e s’est consumĂ©e avant mĂȘme d’avoir pu ĂȘtre partagĂ©e, je publie des cendres froides. Lorsque l’idĂ©e est encore brĂ»lante, il faut que ça sorte. Tout de&nbsp;suite.</p>
  134. <p>C’est la raison pour laquelle je n’aurai jamais la patience d’attendre la publication d’un&nbsp;livre.</p>
  135. <hr />
  136. <blockquote>
  137. <p>💚 Les personnes qui perdurent dans ma vie,<br />
  138. c’est en partie Ă  travers/grĂące Ă  leurs Ă©crits,<br />
  139. Ă  leurs carnets,<br />
  140. Ă  leur maniĂšre de (se) raconter,<br />
  141. de documenter (en public) leurs&nbsp;pensées.</p>
  142. <p>Quand je te lis,<br />
  143. je grandis.<br />
  144. Quand on se (re)voit,<br />
  145. c’était comme si c’était hier — quelque chose comme&nbsp;ça.</p>
  146. <p><cite><em><a href="https://thom4.net/2023/02/01/carnets/">☕ Journal&nbsp;: Carnets</a></em>&nbsp;(<a href="/david/cache/2023/09c0739036ea4a8b6c985e127fe7e3c8/">cache</a>)</cite></p>
  147. </blockquote>
  148. <h2><a href="/david/2023/01/26/" title="Lien permanent vers cet article">DĂ©centralisation</a> (2023-01-26)</h2>
  149. <details>
  150. <summary>DĂ©plier pour lire le contenu de la publication</summary>
  151. <p>Je suis allĂ© voir <a href="https://equalit.ie/">eQualitie</a> hier, ça m’a fait rechercher toutes les initiatives que je connaissais de «&nbsp;suites&nbsp;»&nbsp;dĂ©centralisĂ©es&nbsp;:</p>
  152. <ul>
  153. <li><a href="https://labriqueinter.net/">LaBriqueInter.net</a></li>
  154. <li><a href="https://yunohost.org/">YunoHost</a></li>
  155. <li><a href="https://www.kiwix.org/">Kiwix</a></li>
  156. <li><a href="https://www.bibliosansfrontieres.org/ideas-box/">IDEAS&nbsp;BOX</a></li>
  157. <li><a href="https://www.bibliosansfrontieres.org/nos-actions/des-outils/ideas-cube/">IDEAS&nbsp;CUBE</a></li>
  158. <li><a href="https://coolify.io/">Coolify</a></li>
  159. <li><a href="https://sandstorm.io/">Sandstorm</a></li>
  160. <li><a href="https://nextcloud.com/">Nextcloud</a></li>
  161. <li><a href="https://www.frama.space/abc/fr/">Frama.space</a></li>
  162. <li><a href="https://www.cloudron.io/">Cloudron</a> (merci&nbsp;SĂ©bastien&#8239;!)</li>
  163. <li><a href="https://freedombox.org/">FreedomBox</a> (merci&nbsp;Alexandre&#8239;!)</li>
  164. <li><a href="https://indiehosters.net/liiibre/">Liiibre</a> (merci&nbsp;MaĂŻa&#8239;!)</li>
  165. <li><a href="https://zourit.net/">Zourit.net</a> (merci&nbsp;Clailou&#8239;!)</li>
  166. <li><a href="https://caprover.com/">CapRover</a> (plus technique, merci&nbsp;Pierre&#8239;!)</li>
  167. <li><a href="https://hostux.network/">Hostux</a> (merci&nbsp;Xav’&#8239;!)</li>
  168. </ul>
  169. <p>Si vous en avez d’autres, j’accepte les&nbsp;suggestions&#8239;!</p>
  170. <p>Je prends cette liste comme une rĂ©invention rĂ©currente, itĂ©rative et diversifiĂ©e. On pourrait le voir comme une dispersion des efforts, je l’envisage comme un b(r)ouillon d’idĂ©es nĂ©cessaire Ă  une exploration saine. <span lang=en>“There Are Plenty of AlternativeS”</span> comme ils&nbsp;disent.</p>
  171. <hr />
  172. <blockquote lang="en">
  173. <p>🌳 That is why owning a domain (and publishing your content there) is like planting a tree: it’s value that starts small and grows. The best time to own a domain and publish your content there was 20&nbsp;years ago. The second best time is&nbsp;today.</p>
  174. <p><cite><em><a href="https://blog.jim-nielsen.com/2023/best-time-to-own-a-domain/">The Best Time to Own a Domain Was 20&nbsp;Years Ago; The Second Best Time Is Today</a></em>&nbsp;(<a href="/david/cache/2023/576a604fce44b337a38425c021b3b0b3/">cache</a>)</cite></p>
  175. </blockquote>
  176. <blockquote>
  177. <p>đŸ€” La pensĂ©e n’est peut-ĂȘtre qu’une bizarrerie de la nature offerte Ă  une espĂšce, comme elle fait ces bois de ruminants rares ou disparus que l’on voit dans les musĂ©ums&nbsp;: armes ou parures si curieusement Ă©tendues, bouclĂ©es ou spiralĂ©es, ou si rameuses qu’elles sont plus nuisibles encore qu’inutiles Ă  l’animal qu’elles&nbsp;couronnent.</p>
  178. <p>Pourquoi pas&#8239;? Pourquoi non&#8239;? Notre tĂȘte est chargĂ©e de questions et d’idĂ©es qui se prennent dans l’enchevĂȘtrement de la forĂȘt des faits, et nous retient embarrassĂ©s, orgueilleux de l’ĂȘtre, condamnĂ©s Ă  bramer des poĂšmes et des hypothĂšses, –&nbsp;fiers et&nbsp;dĂ©sespĂ©rĂ©s.</p>
  179. <p><cite><em>Mauvaises pensées et autres</em>, Paul&nbsp;Valéry</cite></p>
  180. </blockquote>
  181. <blockquote>
  182. <p>đŸ„Č <em>[En attendant chez l'orthodontiste]</em><br />
  183. — Papa, tu as un tĂ©lĂ©phone, tu n’as pas besoin de t’ennuyer avec moi par&nbsp;compassion.</p>
  184. </blockquote>
  185. </details>
  186. <h2><a href="/david/2023/01/16/" title="Lien permanent vers cet article">Chasse</a> (2023-01-16)</h2>
  187. <details>
  188. <summary>DĂ©plier pour lire le contenu de la publication</summary>
  189. <p>Je me demande toujours quel est l’impact carbone de la chasse en terme de consommation de viande. Ou plutît quels seraient les effets de bord d’une interdiction de la&nbsp;chasse.</p>
  190. <p>Si toute la viande chassĂ©e ne l’était pas, est-ce que ça se transformerait en achat de steaks de bƓuf&#8239;? Est-ce que cela signifierait encore davantage de cultures sacrifiĂ©es pour Ă©lever des animaux et les manger&#8239;? Plus de pauvretĂ© ou malnutrition dans les populations&nbsp;rurales&#8239;?</p>
  191. <p>Et que feraient ces personnes pendant ces moments lĂ &#8239;? Est-ce que le temps libĂ©rĂ© produirait encore davantage de dĂ©penses d’énergies&#8239;? Encore plus de dĂ©placements en voiture et de consommation&#8239;? Et que deviendraient toutes ces armes, au service de qui pourraient-elles ĂȘtre&nbsp;rĂ©utilisĂ©es&#8239;?</p>
  192. <p>Si ça se trouve, sans le savoir, ce sont vraiment les premiers écolos de France. (Non.)</p>
  193. <p><strong>Mise Ă  jour le jour&nbsp;mĂȘme&nbsp;:</strong></p>
  194. <p><a href="https://pouet.it/@im/109699383509639063">iGor lilith me propose</a> de regarder le reportage d’Arte «&nbsp;<a href="https://www.arte.tv/fr/videos/103447-012-A/pourquoi-deteste-t-on-la-chasse/">Pourquoi dĂ©teste-t-on la chasse&#8239;?</a>&nbsp;» qui me donne d’autres pistes de rĂ©flexion. Merci&#8239;!</p>
  195. <hr />
  196. <blockquote>
  197. <p>En thĂ©orie, un vol en avion Ă  New York consomme autant d’énergie que l’utilisation de canons d’une grande station durant tout un&nbsp;hiver.</p>
  198. <p>Pour vĂ©rifier de maniĂšre pratique, <mark>le footballeur Killian MBappĂ© a participĂ© Ă  une expĂ©rience scientifique.</mark> AprĂšs le match perdu contre Lens, le 1&nbsp;janvier, il a pris son jet privĂ© pour aller voir un match de basket Ă  New York le 2&nbsp;janvier, et retour Ă  la case dĂ©part le lendemain pour l’entraĂźnement du soir Ă &nbsp;Paris.</p>
  199. <p>L’expĂ©rience a montrĂ©, qu’effectivement un vol en avion Ă  New York consomme plus d’énergie que des canons Ă  neige pendant tout l’hiver. On remercie Killian pour aider la science et le&nbsp;foot.</p>
  200. <p><cite><em><a href="https://www.2000watts.org/index.php/home/reflexion/1317-les-droles-nouvelles-de-l-energie.html">Les Drîles Nouvelles de l’Energie</a></em>&nbsp;(<a href="/david/cache/2023/d6877059a2203cab6c811c5ee3148c17/">cache</a>)</cite></p>
  201. </blockquote>
  202. </details>
  203. <h2><a href="/david/2023/01/14/" title="Lien permanent vers cet article">DĂ©pendances</a> (2023-01-14)</h2>
  204. <details>
  205. <summary>DĂ©plier pour lire le contenu de la publication</summary>
  206. <blockquote lang="en">
  207. <p>I suspect one of the reasons for this is that Pinafore is written in Svelte v2 and Sapper – both of which are deprecated in favor of Svelte v3 and SvelteKit. Not only is there no migration path from Svelte v2 to v3, but there isn’t one from Sapper to SvelteKit either. (And on top of that, I had to fork Sapper pretty heavily.) Anyone making a bet on learning Pinafore’s tech stack is investing in a dead framework, so <mark>it’s not very attractive for new&nbsp;maintainers.</mark></p>
  208. <p><cite><em><a href="https://nolanlawson.com/2023/01/09/retiring-pinafore/">Retiring Pinafore</a></em>&nbsp;(<a href="/david/cache/2023/b5acd8bbf209345ff300ea8c10c44181/">cache</a>)</cite></p>
  209. </blockquote>
  210. <p>«&nbsp;<span lang=en>Move fast and outdate things.</span>&nbsp;» n’est pas un <em>motto</em> mais une constatation. Je suis assez assidu des Ă©crits de Baldur Bjarnason Ă  ce sujet, que ce soit Ă  travers son <a href="https://www.baldurbjarnason.com/">site</a>, son <a href="https://softwarecrisis.baldurbjarnason.com/">livre</a> ou sa <a href="https://softwarecrisis.dev/">newsletter</a>.</p>
  211. <p>Je crois que je commence Ă  dĂ©passer la sidĂ©ration et le rejet pour tenter de comprendre un peu mieux les raisons profondes de toute cette complexitĂ© et cette vitesse que l’on s’impose, avec une composante historique&nbsp;notamment.</p>
  212. <p>2023, l’annĂ©e de la maturitĂ©&nbsp;😂.</p>
  213. <blockquote lang="en">
  214. <p>The symptoms of pop&nbsp;culture:</p>
  215. <ul>
  216. <li>A “disdain for history”. Pop cultures believe history doesn’t have anything to teach&nbsp;them.</li>
  217. <li>Newer is automatically better. Pop cultures are built on the assumption that anything new or different is superior to established. Or, in other words, older is inherently&nbsp;inferior.</li>
  218. <li><mark>What’s next is going to be superior to what’s now.</mark> Pop cultures exist in perpetual anticipation of the next trend. Their disbelief of history appears to outsiders as a belief in&nbsp;progress.</li>
  219. <li>The “Pop” in “Pop Culture” stands for “popularity”. If it’s popular then it must be&nbsp;right.</li>
  220. </ul>
  221. <p>These traits are deeply irrational but they are the tech industry’s default mode of&nbsp;operation.</p>
  222. <p><cite><em><a href="https://softwarecrisis.dev/letters/tech-is-a-pop-culture/">Tech Companies Are Irrational Pop Cultures</a></em>&nbsp;(<a href="/david/cache/2023/45c1becce6fcd8254f2c99fbc1397018/">cache</a>)</cite></p>
  223. </blockquote>
  224. <hr />
  225. <blockquote lang="en">
  226. <p>We’re starting to see the initial decay hit the parts of the web dev ecosystem that are the furthest away from the cheap money fountains Google and Facebook are providing. Core projects run out of money. Git commits stop. <mark>A dependency you use breaks when one of its dependencies stops working,</mark> leading somebody to fork it with a quick fix or replacement dependency. Bandaid fixes to decaying OSS projects start to crop up in more and more places. We start to see blog posts saying that all we need to do is get enough people to donate money or pay for support. Everything will be fine. Just look at how OpenSSL got turned&nbsp;around.</p>
  227. <p>All of which is bad enough but also misses the&nbsp;point.</p>
  228. <p><cite><em><a href="https://www.baldurbjarnason.com/2021/the-oss-bubble-and-the-blogging-bubble/">The Open-Source Software bubble that is and the blogging bubble that was</a></em>&nbsp;(<a href="/david/cache/2023/d6b891fd250a6ae967ae55564770b67a/">cache</a>)</cite></p>
  229. </blockquote>
  230. <blockquote>
  231. <p>This JavaScript community (if judged by the demographics of this survey) seems to be comprised mostly of folks that are largely building with React, webpack, and Jest. With React on 3.2% of web sites and jQuery at 77.7% (as of January 2023), <mark>that’s a pretty small slice of a much larger&nbsp;community.</mark></p>
  232. <p>We seem to live in different&nbsp;worlds.</p>
  233. <p><cite><em><a href="https://www.zachleat.com/web/javascript-community/">JavaScript, Community</a></em>&nbsp;(<a href="/david/cache/2023/7ff62009f21336b8eb54ea18261bcfb7/">cache</a>)</cite></p>
  234. </blockquote>
  235. </details>
  236. <h2><a href="/david/2023/01/12/" title="Lien permanent vers cet article">Masque</a> (2023-01-12)</h2>
  237. <details>
  238. <summary>DĂ©plier pour lire le contenu de la publication</summary>
  239. <blockquote>
  240. <p><a href="https://floss.social/@pieq/109645565392544332">Port du masque.</a> Le choix de rĂ©ponse possible de David me surprend. <mark>Est-ce pour gĂ©nĂ©rer de la rĂ©action&#8239;?</mark> ou est-ce par oubli de la normalitĂ© de porter un masque&#8239;? En tout cas pour Taiwan et le Japon, rien d’étonnant, de voir une personne porter un masque, que ce soit maintenant ou&nbsp;pre-COVID.</p>
  241. <p><cite><em><a href="https://www.la-grange.net/2023/01/07/passe">ce qui est passé</a></em>&nbsp;(<a href="/david/cache/2023/927159a754f4d7d9e176f5f8397dbf02/">cache</a>)</cite></p>
  242. </blockquote>
  243. <p>J’ai proposĂ© un <a href="https://fedi.larlet.fr/@david/109644327309210279">sondage sur Mastodon</a> et 42&nbsp;personnes ont&nbsp;rĂ©pondu&nbsp;:</p>
  244. <blockquote>
  245. <p>Lorsque vous croisez une personne masquée, votre <em>premiÚre</em>&nbsp;réaction&nbsp;:</p>
  246. <ul>
  247. <li><meter max="100" value="19" title="19%">19%</meter> Cette personne est&nbsp;malade</li>
  248. <li><meter max="100" value="19" title="19%">19%</meter> Cette personne est&nbsp;fragile</li>
  249. <li><meter max="100" value="55" title="55%">55%</meter> Cette personne est une&nbsp;super-héroïne</li>
  250. <li><meter max="100" value="7" title="7%">7%</meter> Cette personne est&nbsp;anxieuse</li>
  251. </ul>
  252. </blockquote>
  253. <p>Je suis allé à la boulangerie ce dimanche, une seule personne (de plus de 75&nbsp;ans) portait un masque, il devait y avoir une cinquantaine de personnes dans un lieux clos et exigu, la moitié consommait sur&nbsp;place.</p>
  254. <p>J’ai pris le mĂ©tro/bus la semaine derniĂšre, une personne sur dix devait porter un masque. Je vais Ă  la supĂ©rette et il doit Ă  chaque fois y avoir 2&nbsp;ou 3&nbsp;personnes avec un masque dans l’ensemble du magasin, en pleine recrudescence de l’épidĂ©mie couplĂ©e Ă  une grippe&nbsp;violente.</p>
  255. <p>Je crois savoir que ces ratios sont proches de ceux que l’on peut observer en&nbsp;France.</p>
  256. <p>J’arrive trĂšs bien Ă  imaginer que cela soit surprenant pour un·e&nbsp;tokyoĂŻte.</p>
  257. <p>DiffĂ©rences de cultures, d’acceptation sociale et de prise en soin des autres en tant que&nbsp;groupe.</p>
  258. <p>J’étais curieux des rĂ©actions <em>et</em> je n’ai pas pour autant trop forcĂ© car je sais que c’est un sujet sensible pour beaucoup. La troisiĂšme rĂ©ponse, sous couvert d’humour, fausse probablement les rĂ©sultats de toute façon. Partager ce questionnement Ă©tait mon seul&nbsp;objectif.</p>
  259. <hr />
  260. <blockquote>
  261. <p>En prolongement de ces travaux, l’objectif de cet article est de livrer les premiers rĂ©sultats d’<mark>une enquĂȘte qualitative sur la diversitĂ© des expĂ©riences juvĂ©niles de la pandĂ©mie.</mark> À partir de 48&nbsp;rĂ©cits de vie, conduits de l’automne&nbsp;2020&nbsp;Ă  l’étĂ©&nbsp;2021&nbsp;auprĂšs de jeunes ĂągĂ©-es de 18&nbsp;Ă  30&nbsp;ans au QuĂ©bec et en Ontario, nous nous attachons Ă  comprendre&#8239;le «&nbsp;&#8239;sens&nbsp;&nbsp;» que peut prendre la pandĂ©mie au sein des trajectoires longues du «&nbsp;&#8239;devenir adulte&nbsp;&nbsp;»,&#8239;et la façon dont elle a affectĂ© diffĂ©rents domaines de&nbsp;l’existence.</p>
  262. <p><cite><em><a href="https://cremis.ca/publications/articles-et-medias/etre-jeune-et-vivre-une-pandemie/">Être jeune et vivre une pandĂ©mie</a></em>&nbsp;(<a href="/david/cache/2023/1ae1896e5eb2ccc03f2295f38090048e/">cache</a>)</cite></p>
  263. </blockquote>
  264. </details>
  265. <h2><a href="/david/2023/01/11/" title="Lien permanent vers cet article">Suspendu</a> (2023-01-11)</h2>
  266. <details>
  267. <summary>DĂ©plier pour lire le contenu de la publication</summary>
  268. <p>On discute de moyens de monĂ©tiser et Ă©changer des choses plus ou moins artistiques avec <a href="https://ynote.hk/">Fanny</a>. Je me demande si le troc d’une Ɠuvre contre une journĂ©e de dĂ©veloppement dĂ©diĂ©e Ă  une asso/un produit militant·e serait&nbsp;envisageable.</p>
  269. <p>En allant plus loin, est-ce que je peux me dire que j’ai des journĂ©es de dĂ©veloppement suspendues pour chaque facture Ă©mise&#8239;? Un peu Ă  la maniĂšre des dons dĂ©fiscalisĂ©s&nbsp;: tu m’achĂštes 3&nbsp;jours de dĂ©veloppement et j’en offre 1&nbsp;Ă  une asso que l’on choisit&nbsp;ensemble.</p>
  270. <p>Une journĂ©e par-ci par-lĂ  ce n’est peut-ĂȘtre pas trĂšs utile mais s’il y a un espace pour centraliser ces disponibilitĂ©s et proposer une aide un peu plus construite ça peut potentiellement ĂȘtre une base de discussion avec les structures qui en auraient besoin&#8239;? Est-ce qu’à la maniĂšre de <a href="https://copiepublique.fr/">CopiePublique</a> il y aurait de la place pour un&nbsp;MĂ©cĂ©natDeCompĂ©tencesPublic&#8239;?</p>
  271. <hr />
  272. <p>Parfois, je me dis qu’il faudrait que j’arrĂȘte de publier du flux pour me concentrer sur des articles de fond comme arrivent Ă  le faire <a href="https://ciechanow.ski/archives/">Bartosz Ciechanowski</a>, <a href="https://www.joshwcomeau.com/tutorials/">Josh Comeau</a> ou <a href="https://explained-from-first-principles.com/">Explained from First Principles</a>.</p>
  273. <p>Écrire un article <a href="/david/2022/12/15/">un peu plus long</a> que la moyenne me demande tout de mĂȘme un effort plus important. Bien davantage que la somme de billets totalisant la mĂȘme&nbsp;taille.</p>
  274. <p>Est-ce que des traductions seraient déjà un premier&nbsp;pas&#8239;?</p>
  275. <hr />
  276. <p>Je me suis réveillé il y a quelques jours avec cette citation et ça me fait&nbsp;cogiter&nbsp;:</p>
  277. <blockquote>
  278. <p>Ceux qui optent pour le moindre mal tendent trùs vite à oublier qu’ils ont choisi le&nbsp;mal.</p>
  279. <p><cite><em>Hannah&nbsp;Arendt</em></cite></p>
  280. </blockquote>
  281. <hr />
  282. <blockquote>
  283. <p>J’encourage Ă  dĂ©buter par un <em>petit</em> espace-temps pour <em>jouer</em> avec peu&nbsp;d’enjeux.</p>
  284. <p>Se dire qu’on essaye un mois pour voir. Sur un petit sujet, <mark>rencontre entre les personnes Ă  aider et ce qui vous enthousiasme.</mark> Ou de dĂ©marrer avec quelque chose de prĂ©sent dans votre tĂȘte depuis longtemps — cette association au coin de la rue, celle dont on lit le journal avec intĂ©rĂȘt ou cette Ă©tiquette qui attire notre attention au marchĂ©&nbsp;fermier.</p>
  285. <p><cite><em><a href="https://www.24joursdeweb.fr/2022/tjm-tarif-journalier-militant/">TJM - le Taux Journalier Militant</a></em>&nbsp;(<a href="/david/cache/2023/1fb96c68665818ad66939956b9c4188c/">cache</a>)</cite></p>
  286. </blockquote>
  287. </details>
  288. <h2><a href="/david/2023/01/09/" title="Lien permanent vers cet article">Indépendant·e</a> (2023-01-09)</h2>
  289. <details>
  290. <summary>DĂ©plier pour lire le contenu de la publication</summary>
  291. <blockquote>
  292. <p>2022&nbsp;Ă©tait ma troisiĂšme annĂ©e Ă  mon compte. Alors, pour fĂȘter ça, j’avais envie de faire un petit bilan de ce qui s’est passĂ© cette annĂ©e lĂ  pour moi, du cĂŽtĂ©&nbsp;professionnel.</p>
  293. <p><cite><em><a href="https://blog.hello-bokeh.fr/2022/12/30/annee-2022-en-revue/">Année 2022&nbsp;en revue</a></em>&nbsp;(<a href="/david/cache/2023/dddffbc175fe6802b5e33a92ebc440ec/">cache</a>)</cite></p>
  294. </blockquote>
  295. <p>Je lisais ce retour dĂ©taillĂ© d’Anne-Sophie lorsque de maniĂšre indirecte j’ai rĂ©alisĂ© qu’on parlait toujours «&nbsp;d’indĂ©pendant·es&nbsp;» lorsque des personnes sont Ă  leur compte mais il serait plus juste d’employer le terme «&nbsp;d’insubordonné·es&nbsp;». Je&nbsp;m’explique.</p>
  296. <p>Être Ă  son compte gĂ©nĂšre au contraire des dĂ©pendances multiples envers chacun·e des client·es. Un filet de dĂ©pendances dĂ©centralisĂ©es qui constitue une toile plus ou moins confortable. Si ce n’est pas le cas, il s’agit probablement d’une situation dangereuse (et/ou de salariat dĂ©guisĂ©) qui ne vous fait tenir qu’à un fil&nbsp;đŸ•·ïž.</p>
  297. <p>Maintenant l’in<a href="https://fr.wikipedia.org/wiki/Lien_de_subordination">subordination</a>, lĂ  ce serait bien plus juste. Vous ne devez pas ĂȘtre soumis·e Ă  horaire ou Ă  vacances, vous ne devez pas ĂȘtre l’objet de <a href="https://fr.wikipedia.org/wiki/D%C3%A9lit_de_marchandage_en_droit_du_travail_fran%C3%A7ais">marchandage</a>, vous devez ĂȘtre libre dans votre façon de facturer, garder le contrĂŽle sur votre façon de produire de la valeur, etc.</p>
  298. <p>Est-ce que se prĂ©senter comme Ă©tant insubordonné·e est envisageable&#8239;? Cela ne devrait pas ĂȘtre nĂ©cessaire puisqu’il s’agit de la loi&nbsp;mais
</p>
  299. <hr />
  300. <blockquote>
  301. <p>J’ai une mauvaise mĂ©moire, et je n’en suis pas fier. Cela m’a dĂ©jĂ  causĂ© des problĂšmes dans ma vie personnelle. Ma mauvaise mĂ©moire m’impose donc, pour m’y retrouver aussi bien dans ma vie personnelle que professionnelle, <mark>d’écrire un maximum de&nbsp;choses.</mark></p>
  302. <p><cite><em><a href="https://sebsauvage.net/links/?-wKcIw">J’ai un aveu à vous faire.</a></em>&nbsp;(<a href="/david/cache/2023/e976e16ee3e2dae4d644733ffb50fa9f/">cache</a>)</cite></p>
  303. </blockquote>
  304. </details>
  305. <h2><a href="/david/2023/01/02/" title="Lien permanent vers cet article">Lucidité</a> (2023-01-02)</h2>
  306. <details>
  307. <summary>DĂ©plier pour lire le contenu de la publication</summary>
  308. <blockquote>
  309. <p>Seul face Ă  la montagne je me sens bien parce que, comme l’a dit Reinhold Messner, elle n’est ni juste ni injuste, mais simplement dangereuse. Et face au danger, une certaine logique s’impose immĂ©diatement quand il faut prendre les dĂ©cisions qu’on considĂšre les plus adaptĂ©es. En montagne, je ne doute jamais lorsque se prĂ©sente un imprĂ©vu, mais <mark>dans le domaine plus rude des relations humaines,</mark> l’indĂ©cision me plonge dans un Ă©tat de paralysie jusqu’à ce qu’il soit trop tard pour agir. Je dois admettre que je n’ai jamais su me faire au mode de fonctionnement des ĂȘtres humains, qu’ils soient bons, mauvais ou&nbsp;dangereux.</p>
  310. <p><cite><em>Au-delĂ  des sommets</em>, Kilian&nbsp;Jornet</cite></p>
  311. </blockquote>
  312. <p>J’ai <a href="/david/blog/2013/souffrance-plaisir/">souvent</a> <a href="/david/stream/2015/01/08/">parlĂ©</a> de Kilian Jornet <a href="/david/stream/2018/06/29/">par</a> <a href="/stream/2019/02/15/">ici</a> et j’apprĂ©cie beaucoup sa franchise lorsqu’il Ă©crit des livres. Il s’autorise Ă  parler d’aspects de sa personnalitĂ© qui ne transparaissent pas dans les <em>interviews</em> ou des rĂ©flexions qu’il pourrait difficilement tenir sur un plateau de «&nbsp;sportifs&nbsp;extrĂȘmes&nbsp;» </p>
  313. <blockquote>
  314. <p>Escalader ce type de montagnes ne consiste en rien d’autre que mettre sa vie en danger pour atteindre le sommet et, ensuite, redescendre. Nous ne nous situons donc certainement pas dans les cieux de l’hĂ©roĂŻsme, mais bien plutĂŽt dans les plaines de la&nbsp;stupiditĂ©.</p>
  315. <p>MĂȘme si des sportifs cherchent Ă  le cacher et font coĂŻncider leur expĂ©dition avec une campagne de levĂ©e de fonds, destinĂ©s Ă  un quelconque projet humanitaire ou Ă  porter l’attention sur une maladie rare, <mark>l’ascension d’un haut sommet comme l’Everest n’a rien d’hĂ©roĂŻque.</mark> Ce n’est, en rĂ©alitĂ©, qu’une activitĂ© Ă©goĂŻste. Un divertissement dangereux et&nbsp;cher.</p>
  316. <p><em>Ibid.</em></p>
  317. </blockquote>
  318. <p>La recherche de ses propres limites est l’objet d’une&nbsp;vie.</p>
  319. <hr />
  320. <blockquote lang="en">
  321. <p>What it means is that there is no supply chain here. Because there is no supplier. I am not providing you something that you bought for me. There is no relationship. I put something online because I wanted to. The fact you made your product depend on it is <em>your responsibility</em>. Not mine. Not the one of the providers. We provide libraries. We do not supply them. <mark>You cannot apply rules to&nbsp;me.</mark></p>
  322. <p><cite><em><a href="https://www.softwaremaxims.com/blog/not-a-supplier">Software Maxims</a></em>&nbsp;(<a href="/david/cache/2023/3ca10b945c7517c2f234e3b9534bfb6d/">cache</a>)</cite></p>
  323. </blockquote>
  324. </details>
  325. </main>
  326. <hr>
  327. <footer>
  328. <p>
  329. <nobr>
  330. <a href="/david/" title="Aller à l’accueil"
  331. ><svg class="icon icon-home">
  332. <use
  333. xlink:href="/static/david/icons2/symbol-defs-2022-03.svg#icon-home"
  334. ></use>
  335. </svg>
  336. Accueil</a
  337. >
  338. </nobr>
  339. ‱
  340. <nobr>
  341. <a href="/david/log/" title="AccĂšs au flux RSS"
  342. ><svg class="icon icon-rss2">
  343. <use xlink:href="/static/david/icons2/symbol-defs-2022-03.svg#icon-rss2"></use>
  344. </svg>
  345. Suivre</a
  346. >
  347. </nobr>
  348. ‱
  349. <nobr>
  350. <a href="http://larlet.com" title="Go to my English profile" data-instant
  351. ><svg class="icon icon-user-tie">
  352. <use xlink:href="/static/david/icons2/symbol-defs-2022-03.svg#icon-user-tie"></use>
  353. </svg>
  354. Pro</a
  355. >
  356. </nobr>
  357. ‱
  358. <nobr>
  359. <a href="mailto:david%40larlet.fr" title="Envoyer un courriel"
  360. ><svg class="icon icon-mail">
  361. <use xlink:href="/static/david/icons2/symbol-defs-2022-03.svg#icon-mail"></use>
  362. </svg>
  363. Email</a
  364. >
  365. </nobr>
  366. ‱
  367. <nobr>
  368. <abbr
  369. class="nowrap"
  370. title="HĂ©bergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340"
  371. ><svg class="icon icon-hammer2">
  372. <use xlink:href="/static/david/icons2/symbol-defs-2022-03.svg#icon-hammer2"></use>
  373. </svg>
  374. LĂ©gal</abbr
  375. >
  376. </nobr>
  377. </p>
  378. <template id="theme-selector">
  379. <form>
  380. <fieldset>
  381. <legend><svg class="icon icon-brightness-contrast">
  382. <use xlink:href="/static/david/icons2/symbol-defs-2022-03.svg#icon-brightness-contrast"></use>
  383. </svg> ThĂšme</legend>
  384. <label>
  385. <input type="radio" value="auto" name="chosen-color-scheme" checked> Auto
  386. </label>
  387. <label>
  388. <input type="radio" value="dark" name="chosen-color-scheme"> Foncé
  389. </label>
  390. <label>
  391. <input type="radio" value="light" name="chosen-color-scheme"> Clair
  392. </label>
  393. </fieldset>
  394. </form>
  395. </template>
  396. </footer>
  397. <script src="/static/david/js/instantpage-5.1.0.min.js" type="module"></script>
  398. <script>
  399. function loadThemeForm(templateName) {
  400. const themeSelectorTemplate = document.querySelector(templateName)
  401. const form = themeSelectorTemplate.content.firstElementChild
  402. themeSelectorTemplate.replaceWith(form)
  403. form.addEventListener('change', (e) => {
  404. const chosenColorScheme = e.target.value
  405. localStorage.setItem('theme', chosenColorScheme)
  406. toggleTheme(chosenColorScheme)
  407. })
  408. const selectedTheme = localStorage.getItem('theme')
  409. if (selectedTheme && selectedTheme !== 'undefined') {
  410. form.querySelector(`[value="${selectedTheme}"]`).checked = true
  411. }
  412. }
  413. const prefersColorSchemeDark = '(prefers-color-scheme: dark)'
  414. window.addEventListener('load', () => {
  415. let hasDarkRules = false
  416. for (const styleSheet of Array.from(document.styleSheets)) {
  417. let mediaRules = []
  418. for (const cssRule of styleSheet.cssRules) {
  419. if (cssRule.type !== CSSRule.MEDIA_RULE) {
  420. continue
  421. }
  422. // WARNING: Safari does not have/supports `conditionText`.
  423. if (cssRule.conditionText) {
  424. if (cssRule.conditionText !== prefersColorSchemeDark) {
  425. continue
  426. }
  427. } else {
  428. if (cssRule.cssText.startsWith(prefersColorSchemeDark)) {
  429. continue
  430. }
  431. }
  432. mediaRules = mediaRules.concat(Array.from(cssRule.cssRules))
  433. }
  434. // WARNING: do not try to insert a Rule to a styleSheet you are
  435. // currently iterating on, otherwise the browser will be stuck
  436. // in a infinite loop

  437. for (const mediaRule of mediaRules) {
  438. styleSheet.insertRule(mediaRule.cssText)
  439. hasDarkRules = true
  440. }
  441. }
  442. if (hasDarkRules) {
  443. loadThemeForm('#theme-selector')
  444. }
  445. })
  446. </script>
  447. </body>
  448. </html>