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

index.html 14KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212
  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>
  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>Relance — David Larlet</title>
  13. <meta name="description" content="Redémarrer la machine à tout prix.">
  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="#f0f0ea">
  24. <meta name="msapplication-config" content="/static/david/icons2/browserconfig.xml">
  25. <meta name="theme-color" content="#f0f0ea">
  26. <!-- Documented, feel free to shoot an email. -->
  27. <link rel="stylesheet" href="/static/david/css/style_2020-06-19.css">
  28. <!-- See https://www.zachleat.com/web/comprehensive-webfonts/ for the trade-off. -->
  29. <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>
  30. <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>
  31. <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>
  32. <link rel="preload" href="/static/david/css/fonts/triplicate_t3_regular.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin>
  33. <link rel="preload" href="/static/david/css/fonts/triplicate_t3_bold.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin>
  34. <link rel="preload" href="/static/david/css/fonts/triplicate_t3_italic.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin>
  35. <script type="text/javascript">
  36. function toggleTheme(themeName) {
  37. document.documentElement.classList.toggle(
  38. 'forced-dark',
  39. themeName === 'dark'
  40. )
  41. document.documentElement.classList.toggle(
  42. 'forced-light',
  43. themeName === 'light'
  44. )
  45. }
  46. const selectedTheme = localStorage.getItem('theme')
  47. if (selectedTheme !== 'undefined') {
  48. toggleTheme(selectedTheme)
  49. }
  50. </script>
  51. <body class="remarkdown h1-underline h2-underline h3-underline hr-center ul-star pre-tick" data-instant-intensity="viewport-all">
  52. <article>
  53. <header>
  54. <h1>Relance</h1>
  55. </header>
  56. <nav>
  57. <p class="center">
  58. <a rel="prev" href="/david/2020/04/18/" title="Publication précédente : Zam">←</a> •
  59. <a href="/david/" title="Aller à l’accueil">🏠</a>
  60. • <a rel="next" href="/david/2020/05/20/" title="Publication suivante : Bikepacking">→</a>
  61. </p>
  62. </nav>
  63. <hr>
  64. <main>
  65. <p><em>Redémarrer la machine à tout prix.</em></p>
  66. <h2 id="ouverture">Ouverture <a href="#ouverture" title="Ancre vers cette partie">#</a></h2>
  67. <blockquote>
  68. <p>C’est que ce monde ne changera pas simplement parce qu’on comprend avec sa tête qu’il va droit dans le mur : <mark>il changera surtout si notre perception mute et s’ouvre</mark>, apprend à voir ce qu’elle ne voyait pas ou plus, ou mal, ce qui relève d’un exercice tout autant spirituel que physique, d’un métissage serré des deux potentialités. Ce n’est pas l’un ou l’autre, la pensée ou l’émotion, le concept ou le percept, ou l’affect, c’est l’un et l’autre et le troisième, en multicouches. C’est un alliage et c’est une alliance.</p>
  69. <p><cite><em>Postface par Alain Damasio de <a href="https://en.calameo.com/read/005979625dad957c34e3f">La recomposition des mondes</a></em>, <a href="/david/2020/12/21/#la-cosmologie-du-futur">Alessandro Pignocchi</a></cite></p>
  70. </blockquote>
  71. <p>Si le capitalisme repart après avoir été quasi à l’arrêt, je me demande comment est-ce que l’on peut encore croire. Croire qu’un changement radical soit possible. Croire qu’une généralisation des <abbr title="Zones À Défendre">ZAD</abbr> est envisageable. Croire qu’une génération est suffisante alors qu’une pandémie ne l’est manifestement pas.</p>
  72. <p>S’ouvrir à l’acceptation. Celle d’inégalités indécentes. Celle de privilèges plus ou moins innés. Celle qui ira jusqu’à l’épuisement du dernier esclave.</p>
  73. <p>Accepter l’inacceptable sans se détester de trop.</p>
  74. <p><em>Funambulisme quotidien.</em></p>
  75. <h2 id="agriculture">Agriculture <a href="#agriculture" title="Ancre vers cette partie">#</a></h2>
  76. <blockquote>
  77. <p>Mais alors, que n’ont-ils pas abandonné l’agriculture quand le plan se retourna contre eux ? En partie parce qu’il fallu des générations pour s’apercevoir que les petits changements s’accumulaient et transformaient la société, et qu’à ce moment-là personne ne se souvenant avoir jamais vécu autrement. Et en partie parce que la croissance démographique brûla les vaisseaux de l’humanité. Si l’adoption du labourage fit passer la population d’un village de cent à cent dix, quels sont les dix qui eussent été volontaires pour mourir de faim afin que les autres reviennent au bon vieux temps ? Impossible de revenir en arrière. <mark>Le piège s’était refermé.</mark></p>
  78. <p><cite><em>Sapiens</em>, Yuval Noah Harari</cite></p>
  79. </blockquote>
  80. <p>Seule une pandémie éradiquant plus de 90 % de la population permettrait un retour possible au nomadisme. Cela me semble être <em>aujourd’hui</em> la seule sortie envisageable du capitalisme, en valorisant une accumulation de savoirs plutôt que d’avoirs.</p>
  81. <p>À une ou deux petites mutations près, on n’en est plus si éloigné… et si la combinatoire naturelle ne s’en sort pas, il y aura bien un savant fou pour l’aider un peu.</p>
  82. <p>Neuf personnes sur dix trouvent probablement cette idée incongrue. La dixième a-t-elle pour autant davantage de chances de survivre ? <em>Le voudrait-elle seulement ?!</em></p>
  83. <h2 id="ermite">Ermite <a href="#ermite" title="Ancre vers cette partie">#</a></h2>
  84. <blockquote>
  85. <p>Cette vie procure la paix. Non que toute envie s’éteigne en soi. La cabane n’est pas un arbre de l’Éveil bouddhique. L’ermitage resserre les ambitions aux proportions du possible. En rétrécissant la panoplie des actions, on augmente la profondeur de chaque expérience.</p>
  86. <p>[…]</p>
  87. <p>La tentation érémitique procède d’un cycle immuable. Il faut d’abord avoir souffert d’indigestion dans le cœur des villes modernes pour aspirer à une cabane fumant dans la clairière. Une fois ankylosé dans la graisse du conformisme et enkysté dans le saint doux du confort, on est mûr pour l’appel de la forêt.</p>
  88. <p>[…]</p>
  89. <p><mark>Un ermite ne menace pas la société des hommes.</mark> Tout juste en incarne-t-il la critique. […] L’anarchiste rêve de détruire la société dans laquelle il se fond. Le hacker aujourd’hui fomente l’écroulement des citadelles virtuelles depuis sa chambre. […] Tout deux ont besoin de la société honnie. Elle constitue leur cible et la destruction de la cible est leur raison d’être. L’ermite se tient à l’écart, dans un refus poli. […] L’ermite ne s’oppose pas, il épouse un mode de vie. Il ne dénonce pas un mensonge, il cherche une vérité.</p>
  90. <p><cite><em><a href="/david/2020/12/21/#dans-les-forets-de-siberie">Dans les forêts de Sibérie</a></em>, Sylvain Tesson</cite></p>
  91. </blockquote>
  92. <p>De plus en plus tenté par une auto-exclusion. Je crois que dans d’autres circonstances familiales, j’aurais déjà fait ce pas de côté, ce <q>refus poli</q>.</p>
  93. <p>S’isoler dans un petit recoin de forêt. En <a href="https://solar.lowtechmagazine.com/fr/2020/05/keeping-some-of-the-lights-on-redefining-energy-security.html">insécurité énergétique</a> (<a href="/david/cache/2020/ec9701477be934542ffbe81b341b2dc5/">cache</a>). Loin…</p>
  94. <blockquote>
  95. <p>Un bois n’a jamais refusé l’asile. Les princes, eux, envoyaient leurs bûcherons pour abattre les bois. Pour administrer un pays, la règle est de le défricher. Dans un royaume en ordre, la forêt est le dernier bastion de liberté à tomber.</p>
  96. <p><cite><em>Ibid.</em></cite></p>
  97. </blockquote>
  98. <h2 id="recul">Recul <a href="#recul" title="Ancre vers cette partie">#</a></h2>
  99. <blockquote lang="en">
  100. <p>And I thought with a pang of how I was always hurrying him – to get dressed, to get out the door for school, to finish his dinner, to get ready for bed – and of how heedlessly <mark>I was inflicting upon him my own anxious awareness of time as an oppressive force</mark>. How before he knew where he was, his own childhood would have receded into the past, and he too would be out of the secret level of childhood and into the laterally scrolling world of adulthood.</p>
  101. <p><cite><em><a href="https://www.theguardian.com/news/2020/jan/24/wilderness-solo-splendid-isolation-stopped-time-sitting-in-a-forest-24-hours">Splendid isolation: how I stopped time by sitting in a forest for 24 hours</a></em> (<a href="/david/cache/2020/3fc386b9b57aa937db0a1883502b9ab8/">cache</a>)</cite></p>
  102. </blockquote>
  103. <p>On dirait que je ne suis pas le seul à prendre du recul en allant me promener <a href="/david/bushcraft/">en forêt</a>.</p>
  104. <p>Lorsque j’observe le changement qui a pu s’opérer dans notre famille depuis que l’on est en confinement en terme d’apaisement et d’équilibre, je me dis que j’ai besoin de temps pour accepter que l’instruction en famille est peut-être ce qui est préférable pour chacun de nous.</p>
  105. <p>Aussi, il est temps que j’aille faire un petit tour dans les bois.</p>
  106. <h2 id="haine">Haine <a href="#haine" title="Ancre vers cette partie">#</a></h2>
  107. <blockquote>
  108. <p><em>[Discussion autour des commentaires suite à un <a href="https://twitter.com/Val_Plante/status/1261296992543813633">gazouillis de la mairesse</a>.]</em><br />
  109. — Il y a beaucoup de haine à Montréal en ce moment.<br />
  110. <em>[Part en courant dans le salon pour vérifier un truc et revient aussi vite.]</em><br />
  111. — Mais non Papa, il n’y a qu’un « n » à Mo<em>n</em>tréal !</p>
  112. </blockquote>
  113. <p>Il y a un « m » dans humour.</p>
  114. </main>
  115. <nav>
  116. <p class="center">
  117. <a rel="prev" href="/david/2020/04/18/" title="Publication précédente : Zam">←</a> •
  118. <a href="/david/2020/" title="Liste des publications récentes">↑</a>
  119. • <a rel="next" href="/david/2020/05/20/" title="Publication suivante : Bikepacking">→</a>
  120. </p>
  121. </nav>
  122. </article>
  123. <hr>
  124. <footer>
  125. <p>
  126. <a href="/david/" title="Aller à l’accueil">🏠</a> •
  127. <a href="/david/log/" title="Accès au flux RSS">🤖</a> •
  128. <a href="http://larlet.com" title="Go to my English profile" data-instant>🇨🇦</a> •
  129. <a href="mailto:david%40larlet.fr" title="Envoyer un courriel">📮</a> •
  130. <abbr title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340">🧚</abbr>
  131. </p>
  132. <template id="theme-selector">
  133. <form>
  134. <fieldset>
  135. <legend>Thème</legend>
  136. <label>
  137. <input type="radio" value="auto" name="chosen-color-scheme" checked> Auto
  138. </label>
  139. <label>
  140. <input type="radio" value="dark" name="chosen-color-scheme"> Foncé
  141. </label>
  142. <label>
  143. <input type="radio" value="light" name="chosen-color-scheme"> Clair
  144. </label>
  145. </fieldset>
  146. </form>
  147. </template>
  148. </footer>
  149. <script src="/static/david/js/instantpage-5.1.0.min.js" type="module" defer></script>
  150. <script type="text/javascript">
  151. function loadThemeForm(templateName) {
  152. const themeSelectorTemplate = document.querySelector(templateName)
  153. const form = themeSelectorTemplate.content.firstElementChild
  154. themeSelectorTemplate.replaceWith(form)
  155. form.addEventListener('change', (e) => {
  156. const chosenColorScheme = e.target.value
  157. localStorage.setItem('theme', chosenColorScheme)
  158. toggleTheme(chosenColorScheme)
  159. })
  160. const selectedTheme = localStorage.getItem('theme')
  161. if (selectedTheme && selectedTheme !== 'undefined') {
  162. form.querySelector(`[value="${selectedTheme}"]`).checked = true
  163. }
  164. }
  165. const prefersColorSchemeDark = '(prefers-color-scheme: dark)'
  166. window.addEventListener('load', () => {
  167. let hasDarkRules = false
  168. for (const styleSheet of Array.from(document.styleSheets)) {
  169. let mediaRules = []
  170. for (const cssRule of styleSheet.cssRules) {
  171. if (cssRule.type !== CSSRule.MEDIA_RULE) {
  172. continue
  173. }
  174. // WARNING: Safari does not have/supports `conditionText`.
  175. if (cssRule.conditionText) {
  176. if (cssRule.conditionText !== prefersColorSchemeDark) {
  177. continue
  178. }
  179. } else {
  180. if (cssRule.cssText.startsWith(prefersColorSchemeDark)) {
  181. continue
  182. }
  183. }
  184. mediaRules = mediaRules.concat(Array.from(cssRule.cssRules))
  185. }
  186. // WARNING: do not try to insert a Rule to a styleSheet you are
  187. // currently iterating on, otherwise the browser will be stuck
  188. // in a infinite loop…
  189. for (const mediaRule of mediaRules) {
  190. styleSheet.insertRule(mediaRule.cssText)
  191. hasDarkRules = true
  192. }
  193. }
  194. if (hasDarkRules) {
  195. loadThemeForm('#theme-selector')
  196. }
  197. })
  198. </script>
  199. </body>
  200. </html>