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

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491
  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 #lecture — David Larlet</title>
  13. <meta name="description" content="Publications relatives au tag #lecture">
  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. <body class="remarkdown h1-underline h2-underline h3-underline em-underscore hr-center ul-star pre-tick" data-instant-intensity="viewport-all">
  53. <header>
  54. <h1>Publications relatives au tag #lecture</h1>
  55. </header>
  56. <nav>
  57. <p class="center">
  58. <a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home">
  59. <use xlink:href="/static/david/icons2/symbol-defs.svg#icon-home"></use>
  60. </svg> Accueil</a>
  61. • <a rel="tags" href="/david/#tags" title="Liste de toutes les étiquettes"><svg class="icon icon-tags">
  62. <use xlink:href="/static/david/icons2/symbol-defs.svg#icon-tags"></use>
  63. </svg> Étiquettes</a>
  64. </p>
  65. </nav>
  66. <hr>
  67. <main>
  68. <p>Liste des publications en ordre chronologique :</p>
  69. <h2><a href="/david/2021/01/07/" title="Lien permanent vers cet article">Blancheur</a> (2021-01-07)</h2>
  70. <details>
  71. <summary>Déplier pour lire le contenu de l’article</summary>
  72. <blockquote>
  73. <p>Maints moments du quotidien pourvoient également un retrait hors des exigences de la communication sociale&nbsp;: rêverie, méditation, lecture, écoute de la musique, sommeil, etc., conduire sur une longue distance, effectuer un travail répétitif… mille activités sont propices à un relâchement intérieur susceptible de se rompre instantanément en situation d’alerte. Echappées belles hors du quotidien et de ses mailles qui enserrent dans des rôles malaisés à quitter mais lourds à assumer plus longtemps. Cette dissociation est une donnée élémentaire de la vie courante, un bref oubli de l’environnement et une plongée dans l’intériorité aboutissant à une sorte de détente de la volonté, un flottement de soi pour rompre l’ennui d’une tâche et/ou trouver une diversion. Nul n’est jamais tout à fait présent à ce qu’il fait.</p>
  74. <p>Au fil de ce livre, <mark>j’appellerai blancheur cet état d’absence de soi</mark> plus ou moins prononcé, le fait de prendre congé de soi sous une forme ou sous une autre à cause de la difficulté ou de la pénibilité d’être soi.</p>
  75. <p><cite><em>Disparaître de soi</em>, David Le Breton</cite></p>
  76. </blockquote>
  77. <p>Le terme choisi est ambigu et c’est dommage mais alors le simple passage du <q>Seuil</q> de ce livre a été douloureux de réalité. J’hésite à rentrer plus avant, ce qui donne une consistance toute particulière à l’intitulé de cette introduction. <strong>Il faut parfois savoir renoncer pour ne pas se faire trop mal.</strong> Ou au moins attendre de se trouver dans un équilibre psychologique moins instable.</p>
  78. <p>À ce sujet, j’ai de plus en plus envie d’aller construire des cabanes dans les bois. Il y a tellement de <a href="https://www.youtube.com/playlist?list=PLPVw8wSyPZsKc1v76FD6NgZzzArj3a2TY">belles choses à (re)faire</a> (les sous-titres sont pertinents).</p>
  79. <blockquote>
  80. <p>If we gave up, this experience would only show us another thing we didn’t want to do with our lives. Or worse: <mark>that maybe our jobs hadn’t been the problem, but we were</mark>; that the empty feeling that had been bubbling up inside us at our nine-to-fives would follow us wherever we went. We’d get over the money we’d lose, but the dream would be harder to let go of. The cabin fantasy had buoyed our spirits through all those years behind a desk. If we quit, we’d would lose our vision of another, happier life.</p>
  81. <p><cite><em><a href="https://www.outsideonline.com/2415766/friends-diy-cabin-build-washington">We Quit Our Jobs to Build a Cabin-Everything Went Wrong</a></em> (<a href="/david/cache/2021/78f2e167938eb4bfa6747503aefe45c1/">cache</a>)</cite></p>
  82. </blockquote>
  83. </details>
  84. <h2><a href="/david/2021/01/30/" title="Lien permanent vers cet article">Recommandations</a> (2021-01-30)</h2>
  85. <details>
  86. <summary>Déplier pour lire le contenu de l’article</summary>
  87. <p>Quelques livres pour les enfants qui commencent à lire.</p>
  88. <h2 id="bandes-dessinees">Bandes-dessinées <a href="#bandes-dessinees" title="Ancre vers cette partie">#</a></h2><ul>
  89. <li><a href="https://www.editions-delcourt.fr/special/grandmechantrenard/">Le Grand Méchant Renard</a> (coup de cœur++)</li>
  90. <li><a href="https://www.groupemodus.com/categorie-produit/livres/bandes-dessinees/aventurosaure/">Aventurosaure</a> (3&nbsp;tomes)</li>
  91. <li><a href="https://www.ricochet-jeunes.org/livres/jack-le-temeraire-t-1-dans-les-griffes-du-jardin-malefique">Jack le téméraire</a> (2&nbsp;tomes)</li>
  92. <li><a href="https://editions-sarbacane.com/auteurs/joe-todd-stanton">La famille Vieillepierre</a> (4&nbsp;tomes)</li>
  93. </ul>
  94. <h2 id="hybrides">Hybrides <a href="#hybrides" title="Ancre vers cette partie">#</a></h2><ul>
  95. <li>Olga (3&nbsp;tomes) et tous les <a href="http://elisegravel.com/livres/mes-livres/">livres d’Élise Gravel</a> sont chouettes</li>
  96. <li><a href="http://www.leseditionsdelabagnole.com/lucie-mouffette-qui-pete-quand-elle-rit/pierre-szalowski/livre/9782897143145">Lucie la moufette qui pète quand elle rit</a> (4&nbsp;tomes)</li>
  97. <li><a href="https://www.editionsdruide.com/livres/petronille-inc-tome-1-bave-de-crapaud-bio">Pétronille Inc.</a> (3&nbsp;tomes)</li>
  98. <li><a href="http://www.scholastic.ca/editions/livres/view/les-mchants">Les méchants</a> (12&nbsp;tomes)</li>
  99. </ul>
  100. <h2 id="romans">Romans <a href="#romans" title="Ancre vers cette partie">#</a></h2><ul>
  101. <li><a href="https://www.gallimard-jeunesse.fr/9782075080286/le-club-de-l-ours-polaire-1.html">Le Club de l’Ours Polaire</a> (3&nbsp;tomes)</li>
  102. <li><a href="http://www.gallimard.fr/Catalogue/GALLIMARD-JEUNESSE/Grand-format-litterature/Romans-Junior/SOS-Creatures-fantastiques">SOS Créatures fantastiques</a> (3&nbsp;tomes)</li>
  103. </ul>
  104. <p>Pour d’autres recommandations (malheureusement sur Facebook Instagram…)&nbsp;: <a href="https://www.instagram.com/sous_nos_lunettes/">Sous nos lunettes</a>.</p>
  105. </details>
  106. <h2><a href="/david/2021/04/06/" title="Lien permanent vers cet article">Antilivre</a> (2021-04-06)</h2>
  107. <details>
  108. <summary>Déplier pour lire le contenu de l’article</summary>
  109. <blockquote>
  110. <p>L’antilivre n’a pas de forme, son impermanence dispose de toutes les formes, il se transforme sans cesse, et son information brute ne connaît aucune fixité, aucune frontière, elle fragmente son essence, distribue le commun, déploie sa liberté au-devant de nos singularités cybernétiques. Son identité fuit l’identique, sa norme la normalité, son extravagance n’image de mouvement qu’au travers de la nécessité de son partage.</p>
  111. <p><cite><em><a href="https://www.antilivre.org/#manifeste">Antilivre</a></em> (<a href="/david/cache/2021/3e96aa14ff8f4e5e4dd4c42eec6fa0df/">cache</a>)</cite></p>
  112. </blockquote>
  113. <p>Se définir en «&nbsp;anti&nbsp;» n’est-il pas déjà donner une légitimité à l’existant et une faiblesse à la création&#8239;?</p>
  114. <p>Il y a (et il y a eu) de très nombreuses initiatives pour tenter de rendre numérique un livre — ou plutôt sa lecture. Or ce besoin de transposition est un non-sujet&nbsp;: le Web est autre chose, incomparable si ce n’est par l’attention — et donc le temps — que l’on peut lui accorder. Il n’y a guère que les maisons d’édition qui tentent de conserver cette dichotomie, le plus souvent pour des enjeux financiers. Libérons les textes. Et les têtes. Pour penser de nouvelles <a href="/david/2021/03/31/" title="Formes">formes</a>.</p>
  115. <hr />
  116. <p>À l’échelle mondiale, est-ce que davantage de personnes allouent du temps à lire des livres ou des pages web dans une journée&#8239;? Dans quelle proportion&#8239;?</p>
  117. </details>
  118. <h2><a href="/david/2021/05/20/" title="Lien permanent vers cet article">Carbone &amp; Silicium</a> (2021-05-20)</h2>
  119. <details>
  120. <summary>Déplier pour lire le contenu de l’article</summary>
  121. <blockquote>
  122. <p>Il arrive que des œuvres obligent à inventer un mot qui pourra les décrire. Et en restituer cette empreinte organique qu’elles laissent dans nos fibres, comme le rouge d’un sang pris dans une trame de chanvre.<br />
  123. Ce mot, ce serait la <em>solstalgie</em>. La nostalgie d’une solitude qui ne serait pas totale, d’un lien entre humains qui ne serait pas coupé, d’un tissage collectif qui pourrait être autre chose qu’un cluster d’atomes interconnectés sur le réseau. Un sentiment situé quelque part entre la <em>solastalgie</em> pré-traumatique d’un monde familier qu’on ne reconnaît plus et la nostalgie d’un retour au pays natal qui n’a jamais existé.</p>
  124. <p>Bienvenue dans une œuvre solstalgique, donc&#8239;! Si solaire et si mélancolique. Où l’on souffre secrètement de la beauté d’une espèce qui se bousille et d’une planète qu’on détruit. <mark>Mais qu’on répare aussi, sans cesse.</mark> D’abord avec l’âme d’une plume et d’un crayon.<br />
  125. <em>“Comment va le monde, d’ailleurs&#8239;?”</em>, demande à la volée Carbone.<br />
  126. <em>“Il se reconstruit. Doucement.”</em>, dit Silicium, de retour de rien.</p>
  127. <p><cite><em>Postface d’Alain Damasio</em>, Carbone &amp; Silicium</cite></p>
  128. </blockquote>
  129. <p>Il est rare qu’une bande dessinée me mette une claque, la dernière fois <a href="/david/stream/2019/05/24/">c’était il y a deux ans</a>, quasiment jour pour jour. Et j’en lis pas mal&#8239;!</p>
  130. <p>Il s’agit d’un long format permettant de s’inscrire dans une temporalité, rythmée par des lieux et leurs couleurs. J’aimerais ne pas en dire trop tellement ça m’a pris par surprise. Je ne sais plus qui (me) l’a conseillé, probablement sur Masto, mais j’ai beaucoup de gratitude pour la personne qui m’a aidé à faire cette découverte.</p>
  131. <blockquote>
  132. <p>Le sentiment de contentement et un peu de déni, c’est ça la vie, rien de plus.</p>
  133. <p><cite><em>Carbone &amp; Silicium</em>, Mathieu Bablet</cite></p>
  134. </blockquote>
  135. </details>
  136. <h2><a href="/david/2021/05/23/" title="Lien permanent vers cet article">Homophobie</a> (2021-05-23)</h2>
  137. <details>
  138. <summary>Déplier pour lire le contenu de l’article</summary>
  139. <blockquote>
  140. <p>[Frank] Herbert maintiendra des propos homophobes jusqu’à la fin de sa vie, en considérant que l’homosexualité est un comportement immature, adolescent. En 1985, lors de sa conférence à UCLA, interpellé par un étudiant gay qui lui reproche d’avoir caricaturé les homosexuels sous les traits du Baron Harkonnen, il répondra&nbsp;: «&nbsp;Les gays agissent pour ne pas faire perdurer l’espèce.&nbsp;» Puis il s’esclaffera d’un rire gras, ainsi que la salle, qui applaudira. <mark>Une autre époque.</mark> […] Bruce Herbert [son fils] mourra du sida à l’âge de 41&nbsp;ans en juin 1993, après avoir été un militant acharné de la cause LGBT.</p>
  141. <p><cite><em>Frank Herbert&nbsp;: itinéraire d’un anti-héros</em>, DUNE&nbsp;: le Mook, Alexandre Sargos</cite></p>
  142. </blockquote>
  143. <p>J’apprends cela en pleine (re)lecture de son œuvre et ça me met mal à l’aise. Aussi, je remarque encore davantage certains extraits à ce sujet. J’essaye de ne pas (trop) couper pour que chacun·e puisse se faire son idée&nbsp;:</p>
  144. <blockquote>
  145. <p>— Et à la curieuse théorie de Leto.<br />
  146. — Oui. Il affirme que les armées exclusivement masculines étaient trop dangereuses pour leur support civil.<br />
  147. — C’est insensé&#8239;! Sans armée, il n’y aurait même pas de…<br />
  148. — Je connais votre argument. Mais il dit que l’armée masculine n’était rien d’autre qu’une survivance de la fonction tampon dévolue aux mâles non reproducteurs de la horde préhistorique. Il dit aussi que, dans cette optique, il est frappant de constater que c’était toujours les mâles plus âgés qui envoyaient les jeunes au combat.<br />
  149. — Qu’est-ce que cela signifie, <em>la fonction tampon</em>&#8239;?<br />
  150. — Il s’agit de ceux qui se trouvaient toujours dans la zone de danger, pour protéger le noyau de mâles reproducteurs, de femmes et d’enfants. Ceux qui affrontaient les prédateurs en premier.<br />
  151. — En quoi est-ce dangereux pour les… civils&#8239;?<br />
  152. — D’après le Seigneur Leto, lorsqu’elle ne trouvait plus d’ennemi extérieur, cette armée de mâles se retournait toujours et invariablement contre ses propres populations.<br />
  153. — Pour ravir les femelles aux autres&#8239;?<br />
  154. — C’est possible. Mais il ne croit visiblement pas que l’explication soit si simple.<br />
  155. — Je ne trouve pas cette théorie particulièrement curieuse.<br />
  156. — C’est parce que vous n’avez pas encore tout entendu.<br />
  157. — Il y a autre chose&#8239;?<br />
  158. — Oh, oui&#8239;! Il dit qu’une armée de mâles a toujours de très fortes tendances homosexuelles.<br />
  159. Idaho, par-dessus la table, le foudroya du regard.<br />
  160. — Je n’ai jamais…<br />
  161. — Bien sûr que non. Il veut parler de sublimation, d’énergie défléchie et de tout le reste.<br />
  162. — Quel reste&#8239;? protesta Idaho, dressé contre ce qu’il interprétait comme une attaque à son image virile.<br />
  163. — Les aptitudes de l’enfance, les jeux de garçons, les plaisanteries destinées uniquement à faire souffrir, la loyauté réservée aux compagnons de horde… des choses de ce genre.<br />
  164. — Et quelle est votre propre opinion&#8239;? demanda froidement Idaho.<br />
  165. — Je me souviens… […] de quelque chose qu’il m’a dit un jour et qui, j’en suis sûr, est exact. Il est chaque soldat de l’histoire humaine. Il me proposait d’incarner devant moi, pour l’exemple, une série de personnages militaires figés dans leur adolescence. J’ai décliné cette offre. J’ai lu attentivement les livres d’histoire, et j’avais déjà par moi-même identifié cette caractéristique. […] Vous devriez y penser capitaine.<br />
  166. Idaho se flattait d’être honnête envers lui-même, et ce que venait de dire Moneo le touchait. L’armée préservant les cultes de la jeunesse et de l’adolescence&#8239;? Il y avait quelque chose de vrai là-dedans. Et certains exemples, dans sa propre expérience…<br />
  167. Moneo poursuivi en hochant la tête&nbsp;:<br />
  168. — L’homosexuel, latent ou non, qui maintient sa condition pour des raisons que l’on pourrait qualifier de purement psychologiques, a tendance à se livrer à des comportements infligeant la douleur, aussi bien à autrui qu’à lui-même. D’après le seigneur Leto, cela remonte aux comportement probatoires de la horde préhistorique.<br />
  169. — Et vous le croyez&#8239;?<br />
  170. — Oui.</p>
  171. <p><cite><em><a href="/david/2020/12/21/#dune">Dune</a> IV. L’Empereur-Dieu de Dune</em>, Frank Herbert</cite></p>
  172. </blockquote>
  173. <p>Il s’agit de personnages fictifs dans une œuvre de science-fiction. Et c’est probablement ce que je me suis dit lors des précédentes lectures, ça facilite la dissociation de l’auteur et de son œuvre, c’est l’option facile pour garder bonne conscience. Est-ce que je supporte aujourd’hui de lire cela&#8239;? Très difficilement, surtout sachant qu’il a mis à la porte son fils en raison de son homosexualité… j’aimerais pouvoir me dire que c’était <q>une autre époque</q> mais je n’y arrive pas.</p>
  174. <p>Et c’est une bonne chose dans mon propre cheminement sur ce que je juge comme étant acceptable ou non. Je vais tout de même aller au bout de la série car j’aimerais savoir l’interprétation que j’ai aujourd’hui de «&nbsp;La maison des mères&nbsp;», avec un peu plus de recul.</p>
  175. <p>Plus loin dans cet ouvrage on peut également lire&nbsp;:</p>
  176. <blockquote>
  177. <p>Moneo parla alors d’une voix apaisante, mais ses paroles secouèrent Idaho.<br />
  178. — Je ne vous le dirai qu’une fois. Les homosexuels ont compté parmi les meilleurs guerriers de notre histoire, les troupes du dernier recours. Ils ont figuré parmi nos meilleurs prêtres et prêtresses. Le célibat des religieux n’a jamais été le fait du hasard, et ce n’est pas un hasard non plus si les adolescents font les meilleurs soldats.<br />
  179. — C’est de la perversion&#8239;!<br />
  180. — D’accord avec vous. Cela fait des milliers de siècles que les commandements militaires tirent parti du déplacement perverti de la sexualité vers la souffrance.<br />
  181. — C’est ce que fait le Grand Dieu Leto&#8239;?<br />
  182. D’une voix toujours douce, Moneo répondit&nbsp;:<br />
  183. — La vraie violence exige que la souffrance soit infligée et reçue. Une armée conduite à cela par ses pulsions profondes est bien plus maniable.</p>
  184. <p><cite><em>Ibid.</em></cite></p>
  185. </blockquote>
  186. </details>
  187. <h2><a href="/david/2021/06/08/" title="Lien permanent vers cet article">Sens</a> (2021-06-08)</h2>
  188. <details>
  189. <summary>Déplier pour lire le contenu de l’article</summary>
  190. <blockquote>
  191. <p>Le mot «&nbsp;sens&nbsp;» est à la mode, c’est pourquoi j’hésite à l’utiliser&nbsp;: il est banalisé. Je me méfie de la quête de sens, de la recherche de sens, du sens que l’on voudrait introduire à tout prix dans le moindre de nos faits et gestes, de celui que l’on essaye de nous proposer ou de nous vendre sous le prétexte d’apprendre à vivre, comme une sorte de supplément d’âme qui résoudrait tous nos problèmes. Quel non-sens&#8239;!</p>
  192. <p>Le sens est bien plus fondamental que ce petit divertissement vers lequel nous sommes poussés, à tout bout de champ, par l’air du temps. On veut me «&nbsp;donner&nbsp;» du sens&#8239;? Mais le sens n’est pas une étiquette autocollante que je pourrais poser sur un évènement que je vis. Parce que le sens ne peut pas être extérieur à ce que je vis&nbsp;: il vient de la profondeur de mon existence, de la manière par laquelle je m’engage, du chemin sur lequel j’avance. Personne ne peut l’édicter pour moi. En revanche, il est de ma responsabilité d’humain de le donner, de le laisser jaillir, de le travailler, de le révéler pour que mon chemin vaille la peine d’être poursuivi.</p>
  193. <p>[…]</p>
  194. <p><mark>Le sens est une boussole qui nous met en chemin, il n’est pas un GPS.</mark> Il nous donne une indication, il ne rentre pas dans les détails du chemin. Il est l’effort qui est juste pour moi parce qu’il me permet d’être davantage moi-même.</p>
  195. <p><cite><em>Comment rester serein quand tout s’effondre</em>, Fabrice Midal</cite></p>
  196. </blockquote>
  197. <p>De temps en temps, j’emprunte un livre de développement personnel à la bibliothèque. Je mets ça sur le coup de la curiosité ou de l’espoir que ça m’apporte un truc, un jour, je sais pas trop.</p>
  198. <p>Je suis trop fatigué pour étayer ce soir. On verra dans quel sens j’aurai envie d’aller une fois la <a href="/david/2021/05/19/" title="Regroupement">tempête</a> passée.</p>
  199. </details>
  200. <h2><a href="/david/2021/06/14/" title="Lien permanent vers cet article">Manquer</a> (2021-06-14)</h2>
  201. <details>
  202. <summary>Déplier pour lire le contenu de l’article</summary>
  203. <blockquote>
  204. <p>«&nbsp;Bonjour,<br />
  205. Il ne faut pas pleurer parce que ça ne ramène pas les gens ni les mamans partis.<br />
  206. Je crois que moi non plus je ne reviendrai pas tant que je suis petit. Soyez pas tristes. Quand je serai grand, j’irai à l’école avec vous.<br />
  207. Ici tout le monde parle italien comme Maman sauf Zio Serafino qui connaît une poésie en français. La Nonna est très gentille.<br />
  208. Je me suis fait une cabane pour regarder la ville et on voit aussi la mer. On mange délicieux, j’adore surtout les pâtes et les aubergines.<br />
  209. Je rentre dès que je serai grand.<br />
  210. Leo&nbsp;»</p>
  211. <p>J’ai rien dit à propos de mon papa à cause des mots qui sont difficiles à faire comprendre.</p>
  212. <p><cite><em>Quelqu’un a qui manquer</em>, Yohan Boniface</cite></p>
  213. </blockquote>
  214. <p>Yohan est un ami. Jusqu’à présent, j’avais surtout relu son code. Hier, j’avais le cœur tout humide à lire son histoire. Je me suis retrouvé en Sardaigne, dans cette cabane, dans cette famille, dans ces doutes et cette tristesse partagée. J’ai eu envie de serrer fort ce petit Leo dans mes bras.</p>
  215. <p>Vous pouvez retrouver son livre <a href="https://grand-monde.fr/">dans plusieurs librairies</a> et il est sous <a href="https://creativecommons.org/licenses/by-nc-sa/3.0/deed.fr">licence CC BY-NC-SA</a>.</p>
  216. </details>
  217. <h2><a href="/david/2021/08/08/" title="Lien permanent vers cet article">Vacance</a> (2021-08-08)</h2>
  218. <details>
  219. <summary>Déplier pour lire le contenu de l’article</summary>
  220. <p>Comme un besoin de rendre ce temps d’écriture vacant pour voir pour qui et par quoi est-ce qu’il pourrait être comblé pendant cette <a href="/david/2021/04/22/" title="Vacances">prise de soin</a>.</p>
  221. <p>J’ai pu regarder la coupe du monde d’échecs en direct et voir Magnus Carlsen perdre contre Jan Krzysztof Duda en demi (mais alors quelle «&nbsp;petite&nbsp;» finale&#8239;!). Je commence à comprendre les lignes et stratégies évoquées par les commentateur·ices et c’est chouette.</p>
  222. <p>Je me suis demandé pourquoi est-ce que j’avais besoin de partager mes photos sur des réseaux instantanés plutôt qu’ici. J’ai l’impression que ça traduit une certaine insécurité, celle d’avoir besoin d’un retour (flatteur) immédiat. Peut-être qu’il faut que je travaille aussi la simplicité de publication pour ces media, cela rejoint des <a href="https://mastodon.social/@dav/106692473064847738">limites que je ressens</a> sur le <a href="https://git.larlet.fr/davidbgk/larlet-fr-david/src/commit/8c47d38cc0a979622399625ca5115565b4183883/site.py">générateur actuel</a>.</p>
  223. <blockquote>
  224. <p>Aller de plateforme en plateforme pour être poseur de tendance et passer de l’autre côté de barrière sans pour autant montrer la dimension réelle du travail. Certaines plateformes tentent un modèle plus ancien en tapant dans la longue traîne des amateurs qui voudraient bien devenir professionnels, ou plus exactement se faire du blé, ou de l’argent de poche, on ne sait pas trop. Une forme d’uberisation de l’image en quelques sortes. C’est fatiguant.</p>
  225. <p>[…]</p>
  226. <ul>
  227. <li><mark>a-matrice&nbsp;: sans matrice&nbsp;: le contraire&nbsp;:)</mark></li>
  228. </ul>
  229. <p><cite><em><a href="https://11d.im/journal/notes-photographie-amatrice/">Notes sur une photographie ouverte (et amatrice)</a></em> (<a href="/david/cache/2021/da6ba7728178232cfb94f52b8765a1d1/">cache</a>)</cite></p>
  230. </blockquote>
  231. <p>J’ai apprécié de faire <em>à nouveau</em> des photos de nénuphars depuis le raft, des cascades en pause longue et des oiseaux flous. Arpenter la forêt boréale jusqu’à épuiser les pensées, se dépenser jusqu’à l’épuisement. Évaluer l’épuisette et remettre les poissons à l’eau, nager comme un gardon avec l’enfant. Gelés et contents.</p>
  232. <figure>
  233. <a href="#geai-bleu"
  234. title="Cliquer pour une version haute résolution">
  235. <img src="/static/david/2021/geai-bleu.jpg" alt="Un geai bleu prenant son envol."
  236. loading="lazy" width="1600" height="1067" />
  237. </a>
  238. <a href="#_" class="lightbox" id="geai-bleu">
  239. <img src="/static/david/2021/geai-bleu.jpg" alt="Un geai bleu prenant son envol."
  240. loading="lazy" width="1600" height="1067" />
  241. </a>
  242. <figcaption>J’ai parfois l’impression d’arriver aux limites de mon matériel et c’est presque thérapeutique (de le penser et de l’accepter).</figcaption>
  243. </figure>
  244. <p>J’ai encore une fois été frustré en essayant de faire une vidéo «&nbsp;en famille&nbsp;» d’une ballade, le tempo n’est tout simplement pas adapté et il faut que je m’en rappelle car cela me met de mauvaise humeur. Ne pas oublier <a href="/david/blog/2013/photographie-exclusion/">ceci</a>.</p>
  245. <p>J’ai appris à jouer à <em>Quarto!</em> et ça m’a plu. Ça donne une bonne idée de la faiblesse du cerveau lorsqu’il s’agit de n’évaluer que 4&nbsp;paramètres à la fois. On n’a pas tenté la variante <em>hardcore</em> qui ajoute aussi les carrés.</p>
  246. <p>J’ai observé avec stupeur des hommes montrer leur muscles et des femmes montrer leurs fesses devant des cascades. Je ne sais pas encore si je vais pouvoir/vouloir comprendre ces pratiques. Je me suis senti vieux.</p>
  247. <p>J’ai lu <em>Rupture(s)</em> de Claire Marin qui est une continuité inattendue après avoir lu <a href="/david/2021/01/07/" title="Blancheur"><em>Disparaître de soi</em></a> de David Le Breton (auquel elle fait d’ailleurs référence&#8239;!). Cela réveille en moi des choses autour de l’identité et de mon propre vécu. Elle m’a dit que c’était le propre des aphorismes.</p>
  248. <blockquote>
  249. <p>Il y aurait des vertus de l’échec. Vraiment&#8239;? Mais la rupture n’est parfois qu’un gâchis, un manque de courage, une lâcheté. Le constat d’échec d’un couple, d’une famille, d’une amitié, d’une politique, d’un projet. Et l’échec n’est souvent rien d’autre que lui-même, pauvre, décevant, un pur raté. <mark>La plupart des échecs ne nous apprennent rien.</mark> Pire, nous nous enlisons souvent dans le bégaiement des mêmes échecs, comme s’ils étaient inévitables, et ce, dans une jouissance paradoxale de leur répétition presque rassurante.</p>
  250. <p><cite><em>Rupture(s)</em>, Claire Marin</cite></p>
  251. </blockquote>
  252. </details>
  253. <h2><a href="/david/2021/10/18/" title="Lien permanent vers cet article">Dune</a> (2021-10-18)</h2>
  254. <details>
  255. <summary>Déplier pour lire le contenu de l’article</summary>
  256. <blockquote>
  257. <p>Les trailers de <em>Dune</em> dévoilent TOUT. LE. FILM.&nbsp;Les scènes grandioses, les enjeux entre les personnages, les costumes incroyables, les pivots narratifs, les décors démesurés, les retournements de situation, <mark>TOUT Y EST</mark> au point de se demander s’il y a encore un intérêt de payer vingt balles (bienvenue en Suisse) pour découvrir au cinéma la version longue d’un clip qui résume l’essentiel du film en trois minutes.</p>
  258. <p><cite><em><a href="https://www.hypothermia.fr/2021/09/divulgachis-cinematographiques/">Divulgâchis cinématographiques</a></em> (<a href="/david/cache/2021/d947a54204547c662e81d7d68fcf2b98/">cache</a>)</cite></p>
  259. </blockquote>
  260. <p>Bon. J’ai vu Dune par Denis Villeneuve. Enfin. Même s’il est sorti le 15&nbsp;septembre en France, il doit sortir le 22&nbsp;octobre au Canada. Plus d’un mois d’attente à slalomer entre les critiques. Après un an d’attente suite à la bande annonce… et j’ai finalement craqué pour un <em>torrent</em> en bonne qualité (oups, <a href="/david/stream/2018/02/18/">encore une</a>).</p>
  261. <p><em>Est-ce qu’il est besoin de préciser que ça va divulgâcher dans la suite&#8239;?</em></p>
  262. <p>J’avais vu la bande annonce et c’était clairement une erreur. Comme le dit Eliness, il n’y a plus aucune surprise. L’histoire je la connais — là n’était pas la surprise — j’avais envie de voir à quoi pouvait ressembler un ornithoptère, un distille ou un Kriss. Et sur ces plans là, c’est vraiment réussi mais ça donne une impression de déjà vu qui est décevante.</p>
  263. <p>Les décors, l’ambiance, la représentation de l’épice, beaucoup de choses sont bien faites et permettent de se plonger dans l’image et de réajuster ses propres projections mentales issues des lectures. J’étais notamment curieux de voir comment la façon de progresser sur le sable allait être interprétée. La musique, il faut aimer ce que fait Hans ZimmerBROOOOM (pas mon cas).</p>
  264. <p>L’univers c’est chouette mais qu’en est-il de l’intrigue&#8239;? Ou plutôt <em>des</em> intrigues&#8239;? Il y a clairement eu une volonté d’exhaustivité sur ce plan là (la pression des fans&#8239;!) et ça endommage un peu ce premier volet. Peut-être qu’il faut au minimum une trilogie&#8239;? Beaucoup de choses m’ont semblé un peu bâclées (au montage&#8239;?) et je me demande comment comprendre tous les rapports de force sans avoir lu les livres. Ça devient un enchainement de scènes et je trouve que ça écrase certaines dimensions et/ou croisements.</p>
  265. <p>La difficulté de faire une adaptation cinématographique de <em>Dune</em>, c’est qu’énormément d’émotions et de réflexions se passent dans la tête des personnages. Or, c’est difficilement retranscriptible dans un medium qui est assez pauvre à ce niveau là. La seule option que je verrais pour les rendre intelligibles serait une voix <em>off</em> très présente, ce qui pourrait vite devenir ennuyant (adaptation de David Lynch). Le choix d’avoir retranscrit ces émotions visuellement rend les personnages <em>visiblement</em> hypersensibles et c’est très éloigné du contrôle de soi opéré par le <em>Bene Gesserit</em> par exemple. Jessica devient un anti-personnage expressif sur ce plan là, grosse déception.</p>
  266. <p>Pour finir sur le négatif, il y a un souci de temporalité qui est inhérent au format. Certaines transformations nécessitent de s’inscrire dans le temps, on ne devient pas un <em>Kwisatz Haderach</em> en 2&nbsp;minutes chrono&#8239;!</p>
  267. <p>Mais sinon, j’ai apprécié que <em>Liet Kynes</em> soit une femme noire et que les <em>Fremens</em> soient représentés par des personnes à la couleur de peau sombre. Oui, on songe forcément aux Touaregs (Kel Tamajeq, ⴾⵍⵜⵎⴰⵣⵗⵜ) et non, c’est pas pour ça qu’une adaptation allait être logique sur ce plan là… on a déjà vu des <em>castings</em> beaucoup moins bien inspirés.</p>
  268. <p>Les boucliers, les combats, tout ce qui est visuel est plutôt bien fait sans tomber dans le travers de vouloir trop en faire. J’avais une grosse appréhension pour l’épreuve du <em>Gom Jabbar</em> et c’est plutôt bien amené. Pareil pour les visions de Paul qui sont extrêmement difficiles à retranscrire avec de l’image. Les <em>Fremens</em> sont plutôt fidèles à la représentation mentale que j’en avais, autant dans le fond que dans la forme. J’ai salué l’angle qui consiste à comparer un oppresseur à un nouvel oppresseur avec une scène de transmission qui a un arrière goût de Troisième Reich.</p>
  269. <p>Ma conclusion&nbsp;: c’est une bonne <em>adaptation</em> mais je crois que je ne pourrais de toute façon jamais me satisfaire d’un film sur le sujet.</p>
  270. <p>J’attends aussi la suite avec impatience. <span aria-label="Bonhomme ASCII art haussant les épaules.">¯\_(ツ)_/¯</span></p>
  271. <hr />
  272. <p>Lu depuis&nbsp;:</p>
  273. <blockquote>
  274. <p>Superstition, brusquerie touchante, sensualité, la caricature de l’Orient tourne à plein régime. Dans un mélange de condescendance, de fascination et d’attirance à connotation sexuelle, les Fremen sont <mark>un cas d’école du regard de l’Occident sur des peuples colonisés</mark>, réduits au rang de curiosités et auxquels on concède quelques qualités venant confirmer leur irréductible infériorité.</p>
  275. <p><cite><em><a href="https://geographiesenmouvement.com/2021/09/22/dune-montagne-de-stereotypes/">«&nbsp;Dune&nbsp;», montagne de stéréotypes</a></em> (<a href="/david/cache/2021/58215a8d1b67f927153fa6e0e023a94e/">cache</a>)</cite></p>
  276. </blockquote>
  277. <p>Et aussi&nbsp;:</p>
  278. <blockquote lang="en">
  279. <p>In a moment of broader cultural gloominess, Dune’s perspective may resonate more with the current movie-going public. Its themes of long-term ecological destruction, terraforming, and the specter of religious extremism seem in many ways ripped out of the headlines, while Asimov’s technocratic belief in scholarly wisdom as a shining light may be less in vogue. Ultimately, though, <mark>the core appeal of these works is not in how each matches with the fashion of today</mark>, but in how they look forward through thousands of years of human futures, keeping our imagination of long-term thinking alive.</p>
  280. <p><cite><em><a href="https://blog.longnow.org/02021/10/22/dune-foundation-and-the-allure-of-science-fiction-that-thinks-long-term/">“Dune,” “Foundation,” and the Allure of Science Fiction that Thinks Long-Term</a></em> (<a href="/david/cache/2021/5727ce8b486c655f1914e61fb51238de/">cache</a>)</cite></p>
  281. </blockquote>
  282. <p>Il faudra que je parle de <em>Foundation</em> à un moment.</p>
  283. </details>
  284. <h2><a href="/david/2021/10/22/" title="Lien permanent vers cet article">Astronaute</a> (2021-10-22)</h2>
  285. <details>
  286. <summary>Déplier pour lire le contenu de l’article</summary>
  287. <blockquote>
  288. <p>Tous les ans, Juliette fait son pèlerinage en vélo dans le quartier de son enfance. Mais cette année, devant l’ancien appartement familial, une affiche: À vendre - Visite libre. En ouvrant, les portes de son décor de jeunesse, les souvenirs remontent. Les amis, les petits bonheurs, mais surtout l’arrivée bouleversante de son frère Tom&nbsp;: le petit astronaute.</p>
  289. <p><cite><em><a href="https://www.lapasteque.com/le-petit-astronaute">Le petit astronaute</a></em>, Jean-Paul Eid</cite></p>
  290. </blockquote>
  291. <p>Cette bande dessinée m’a bien remué. À l’intersection de beaucoup trop de choses qui me font déborder… qui plus est dans un contexte montréalais.</p>
  292. </details>
  293. <h2><a href="/david/2021/11/21/" title="Lien permanent vers cet article">Jour 1</a> (2021-11-21)</h2>
  294. <details>
  295. <summary>Déplier pour lire le contenu de l’article</summary>
  296. <blockquote>
  297. <p>Je commence à comprendre que c’est moi qu’il faudrait aussi protéger de cette caméra.</p>
  298. <p>Au début, je croyais qu’il suffisait d’appuyer sur le déclencheur après avoir réglé l’objectif. Ce n’est pas du tout ça. Il faut y mettre quelque chose d’autre, dans cette caméra. Elle essaye maintenant de me bouffer les tripes.</p>
  299. <p><cite><em>La longue route</em>, Bernard Moitessier</cite></p>
  300. </blockquote>
  301. <p>Cette sortie a été <a href="/david/2021/11/13/" title="Frustration">plusieurs fois décalée</a>, aussi j’essaye d’assurer le coup en me tenant éloigné des <a href="/david/2021/10/10/" title="Jour 1">chasseurs</a>. Je retourne dans un refuge que <a href="/david/stream/2019/01/18/">je connais</a> <a href="/david/stream/2019/09/17/">bien</a> en passant par de nouveaux chemins. Et je laisse la caméra à la maison.</p>
  302. <p>Dès les premiers mètres, je sais déjà que je n’ai pas les chaussures appropriées&nbsp;: ça glisse et c’est très humide, j’ai des chaussures basses, plutôt lisses et pas super étanche. J’ai déjà été dans cette situation, il faut croire qu’il est difficile d’apprendre de ses erreurs. Je persévère et je suis récompensé, passés les premiers kilomètres plus populaires je me retrouve dans une trace fraîche qui est beaucoup plus praticable.</p>
  303. <p>Ce n’est pas la première fois que je remarque que l’hiver ce sont les infrastructures et les activités humaines qui rendent la forêt plus dangereuse (glissades, décrochages, infrastructures, machines, etc).</p>
  304. <figure>
  305. <a href="#ouareau-lac-corbeau"
  306. title="Cliquer pour une version haute résolution">
  307. <img src="/static/david/2021/ouareau-lac-corbeau.jpg" alt="Le lac corbeau, gelé."
  308. loading="lazy" width="2048" height="1536" />
  309. </a>
  310. <a href="#_" class="lightbox" id="ouareau-lac-corbeau">
  311. <img src="/static/david/2021/ouareau-lac-corbeau.jpg" alt="Le lac corbeau, gelé."
  312. loading="lazy" width="2048" height="1536" />
  313. </a>
  314. <figcaption>Je suis surpris que les lacs soient déjà gelés, ça va encore être galère de trouver de l’eau liquide…</figcaption>
  315. </figure>
  316. <p>Je fais un long périple en acceptant le côté glissant de mon pas, me revoilà sur <a href="/david/2020/12/18/">Arrakice</a> avec sa démarche bien particulière pour ne pas attirer l’hiver… (rires). À force de trop glisser en descente, j’ai la malléole qui tape un tronc et ça pique pas mal, sans compter les adducteurs qui commencent à souffrir. Je ne suis pas mécontent d’arriver au refuge après une quinzaine de kilomètres.</p>
  317. <figure>
  318. <a href="#ouareau-lac-corbeau-point-de-vue"
  319. title="Cliquer pour une version haute résolution">
  320. <img src="/static/david/2021/ouareau-lac-corbeau-point-de-vue.jpg" alt="Le lac corbeau, vu de haut."
  321. loading="lazy" width="2048" height="1536" />
  322. </a>
  323. <a href="#_" class="lightbox" id="ouareau-lac-corbeau-point-de-vue">
  324. <img src="/static/david/2021/ouareau-lac-corbeau-point-de-vue.jpg" alt="Le lac corbeau, vu de haut."
  325. loading="lazy" width="2048" height="1536" />
  326. </a>
  327. <figcaption>C’est bien la peine d’avoir pris une bonne suée !</figcaption>
  328. </figure>
  329. <p>Je n’ai croisé personne mais j’ai eu beaucoup de notifications qui sont venues étirer mes pensées. Je me mets en mode avion et je monte à bord du <em>Joshua</em>. J’ai l’impression de partager une partie de cette (longue) route avec la neige qui fouette les vitres telle des embruns et des préoccupations autour de la récupération de l’eau potable.</p>
  330. <blockquote>
  331. <p>Pourtant, c’est une carte bien lourde à porter, ce besoin de rassurer la famille et les amis, de leur donner des nouvelles, des images, de la vie, de leur transmettre ce quelque chose d’infiniment précieux, cette petite plante invisible qui s’appelle l’espoir. La raison me crie de jouer seul, seul, sans m’encombrer des autres. […]</p>
  332. <p>Mais une autre voix insiste depuis plusieurs jours&nbsp;: <em>«&nbsp;Tu es seul, pourtant tu n’es pas seul, les autres ont besoin de toi et tu as besoin d’eux. Sans eux, tu n’arriverais nulle part et rien ne serait vrai.&nbsp;»</em></p>
  333. <p><cite><em>Ibid.</em></cite></p>
  334. </blockquote>
  335. <hr />
  336. <p>J’ai beaucoup de gratitude pour Isabelle Attard qui cite cet ouvrage dans <a href="/david/2020/12/21/#comment-je-suis-devenue-anarchiste">son livre</a> et qui m’a motivé pour l’emprunter à la bibliothèque ainsi que pour <a href="https://oncletom.io/">Thomas</a> qui m’a indirectement incité à amener de la lecture en forêt.</p>
  337. <p><em>Il y a des poids qui allègent.</em></p>
  338. </details>
  339. </main>
  340. <hr>
  341. <footer>
  342. <p>
  343. <a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home">
  344. <use xlink:href="/static/david/icons2/symbol-defs.svg#icon-home"></use>
  345. </svg> Accueil</a> •
  346. <a href="/david/log/" title="Accès au flux RSS"><svg class="icon icon-rss2">
  347. <use xlink:href="/static/david/icons2/symbol-defs.svg#icon-rss2"></use>
  348. </svg> Suivre</a> •
  349. <a href="http://larlet.com" title="Go to my English profile" data-instant><svg class="icon icon-user-tie">
  350. <use xlink:href="/static/david/icons2/symbol-defs.svg#icon-user-tie"></use>
  351. </svg> Pro</a> •
  352. <a href="mailto:david%40larlet.fr" title="Envoyer un courriel"><svg class="icon icon-mail">
  353. <use xlink:href="/static/david/icons2/symbol-defs.svg#icon-mail"></use>
  354. </svg> Email</a> •
  355. <abbr class="nowrap" title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340"><svg class="icon icon-hammer2">
  356. <use xlink:href="/static/david/icons2/symbol-defs.svg#icon-hammer2"></use>
  357. </svg> Légal</abbr>
  358. </p>
  359. <template id="theme-selector">
  360. <form>
  361. <fieldset>
  362. <legend><svg class="icon icon-brightness-contrast">
  363. <use xlink:href="/static/david/icons2/symbol-defs.svg#icon-brightness-contrast"></use>
  364. </svg> Thème</legend>
  365. <label>
  366. <input type="radio" value="auto" name="chosen-color-scheme" checked> Auto
  367. </label>
  368. <label>
  369. <input type="radio" value="dark" name="chosen-color-scheme"> Foncé
  370. </label>
  371. <label>
  372. <input type="radio" value="light" name="chosen-color-scheme"> Clair
  373. </label>
  374. </fieldset>
  375. </form>
  376. </template>
  377. </footer>
  378. <script src="/static/david/js/instantpage-5.1.0.min.js" type="module"></script>
  379. <script>
  380. function loadThemeForm(templateName) {
  381. const themeSelectorTemplate = document.querySelector(templateName)
  382. const form = themeSelectorTemplate.content.firstElementChild
  383. themeSelectorTemplate.replaceWith(form)
  384. form.addEventListener('change', (e) => {
  385. const chosenColorScheme = e.target.value
  386. localStorage.setItem('theme', chosenColorScheme)
  387. toggleTheme(chosenColorScheme)
  388. })
  389. const selectedTheme = localStorage.getItem('theme')
  390. if (selectedTheme && selectedTheme !== 'undefined') {
  391. form.querySelector(`[value="${selectedTheme}"]`).checked = true
  392. }
  393. }
  394. const prefersColorSchemeDark = '(prefers-color-scheme: dark)'
  395. window.addEventListener('load', () => {
  396. let hasDarkRules = false
  397. for (const styleSheet of Array.from(document.styleSheets)) {
  398. let mediaRules = []
  399. for (const cssRule of styleSheet.cssRules) {
  400. if (cssRule.type !== CSSRule.MEDIA_RULE) {
  401. continue
  402. }
  403. // WARNING: Safari does not have/supports `conditionText`.
  404. if (cssRule.conditionText) {
  405. if (cssRule.conditionText !== prefersColorSchemeDark) {
  406. continue
  407. }
  408. } else {
  409. if (cssRule.cssText.startsWith(prefersColorSchemeDark)) {
  410. continue
  411. }
  412. }
  413. mediaRules = mediaRules.concat(Array.from(cssRule.cssRules))
  414. }
  415. // WARNING: do not try to insert a Rule to a styleSheet you are
  416. // currently iterating on, otherwise the browser will be stuck
  417. // in a infinite loop…
  418. for (const mediaRule of mediaRules) {
  419. styleSheet.insertRule(mediaRule.cssText)
  420. hasDarkRules = true
  421. }
  422. }
  423. if (hasDarkRules) {
  424. loadThemeForm('#theme-selector')
  425. }
  426. })
  427. </script>
  428. </body>
  429. </html>