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

index.html 15KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199
  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>Holisme écologique — David Larlet</title>
  13. <meta name="description" content="Il devint clair pour moi que c’était l’unité de mes opinions — leur holisme écologique, pas seulement leurs composantes individuelles — qui leur donnait une force radicale. Qu’une société soit décentralisée, qu’elle utilise l’énergie solaire ou éolienne, qu’elle cultive biologiquement ou qu’elle réduise la pollution : aucune de ces mesures à elle seule ou même en association limitée ne fait une société écologique. Pas plus que des étapes fragmentaires, même bien intentionnées, ne résolvent même partiellement des problèmes qui ont atteint un caractère universel, global et catastrophique. Au contraire, des « solutions » partielles servent seulement de cosmétique pour dissimuler la nature profonde de la crise écologique. Elles détournent ainsi l’attention publique et la connaissance théorique d’une compréhension adéquate de la profondeur et de l’étendue des changements nécessaires.">
  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_2021-01-20.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>
  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 em-underscore hr-center ul-star pre-tick" data-instant-intensity="viewport-all">
  52. <article>
  53. <header>
  54. <h1>Holisme écologique</h1>
  55. </header>
  56. <nav>
  57. <p class="center">
  58. <a rel="prev" href="/david/2021/01/07/" title="Publication précédente : Blancheur">← Précédent</a> •
  59. <a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home">
  60. <use xlink:href="/static/david/icons2/symbol-defs.svg#icon-home"></use>
  61. </svg> Accueil</a>
  62. • <a rel="next" href="/david/2021/01/09/" title="Publication suivante : Science-F(r)iction">Suivant →</a>
  63. </p>
  64. </nav>
  65. <hr>
  66. <blockquote>
  67. <p>Il devint clair pour moi que c’était l’<em>unité</em> de mes opinions — leur <mark>holisme écologique</mark>, pas seulement leurs composantes individuelles — qui leur donnait une force radicale. Qu’une société soit décentralisée, qu’elle utilise l’énergie solaire ou éolienne, qu’elle cultive biologiquement ou qu’elle réduise la pollution&nbsp;: aucune de ces mesures à elle seule ou même en association limitée ne fait une société écologique. Pas plus que des étapes fragmentaires, même bien intentionnées, ne résolvent même partiellement des problèmes qui ont atteint un caractère universel, global et catastrophique. Au contraire, des «&nbsp;solutions&nbsp;» partielles servent seulement de cosmétique pour dissimuler la nature profonde de la crise écologique. Elles détournent ainsi l’attention publique et la connaissance théorique d’une compréhension adéquate de la profondeur et de l’étendue des changements nécessaires.</p>
  68. <p><cite><em>L’écologie sociale</em>, Murray Bookchin</cite></p>
  69. </blockquote>
  70. <p>Suite de mes <a href="/david/stream/2018/09/03/">aventures</a> pour réduire ma consommation d’animaux tués pour mon plaisir. <strong>Pour essayer de former un tout cohérent dans mes comportements autour du vivant.</strong> Il me reste encore quelques points de friction tenaces&nbsp;:</p>
  71. <ol>
  72. <li>Réduire ma consommation d’œufs&nbsp;: difficile pour l’instant car c’est ma principale source d’acides aminés essentiels et j’ai la croyance que je n’ai pas trop à me soucier de prendre des compléments dans cette situation. À creuser, c’est probablement faux et j’ai peut-être d’autres carences comme la vitamine B12&nbsp;même si je fais attention.</li>
  73. <li>Statuer sur la laine et la fourrure/cuir&nbsp;: il faudrait que je fasse un article complet sur les bienfaits de la laine lorsqu’on passe du temps en forêt et la fourrure est culturellement très ancrée par ici. Je m’auto-convaincs que l’utilisation des chutes issues de la chasse par les Premières Nations est un moindre mal mais ça ne va pas tenir bien longtemps.</li>
  74. <li>Et la pêche&#8239;?! Ce qui est rassurant c’est que je n’ai pas réussi à me nourrir de plus de 5&nbsp;poissons depuis que je suis au Canada&nbsp;:D. Et je dois avouer que la mise à mort de ma dernière «&nbsp;prise&nbsp;» a été difficile à accepter. Suffisamment pour que <a href="/david/blog/2018/bivouac-automnal/">le doute</a> se fasse de plus en plus insistant. J’ai maintenant <a href="/david/2020/10/28/">une autre</a> <a href="/david/stream/2019/07/30/">source d’occupation</a>.</li>
  75. </ol>
  76. <p>Pourquoi en parler aujourd’hui&#8239;? Rien à voir avec une éventuelle résolution mais la conjonction de plusieurs lectures simultanées&nbsp;:</p>
  77. <ol>
  78. <li>Le fait que la Covid a probablement <a href="https://reporterre.net/Les-elevages-de-visons-en-Chine-a-l-origine-du-Covid-19-Les-indices-s-accumulent">pour origine les élevages produisant de la fourrure</a> (<a href="/david/cache/2021/22172cf6d8f4f1e910ed6599b3557c8a/">cache</a>) ce qui m’a renvoyé vers <a href="https://www.actasia.org/wp-content/uploads/2019/10/China-Fur-Report-7.4-DIGITAL-2.pdf">ce document</a> (<a href="/static/david/2021/china-fur-report.pdf">cache</a>, 6Mo) expliquant la situation en Chine. Au passage, on s’éloigne du récit du pauvre chinois qui est obligé d’aller chasser des animaux sauvages pour manger et qui transmet la maladie ainsi. Dans ce scénario, l’origine de cette maladie devient encore une fois… les riches.</li>
  79. <li>Le fait que l’on soit en train d’abattre des centaines de milliers de canards dans le Sud-Ouest français après les avoir torturés afin de lutter contre la «&nbsp;nouvelle&nbsp;» grippe aviaire (il y en aura d’autres, comme les covids). Quel massacre inutile.</li>
  80. <li>Mon dégoût de plus en plus prononcé pour la chasse et les <a href="https://reporterre.net/Des-chasseurs-massacrent-sadiquement-des-sangliers-a-l-arme-blanche">pratiques odieuses</a> (<a href="/david/cache/2021/28242a5ba209770efabfdbe5a6718719/">cache</a>) des chasseurs. De ce besoin de domination de l’homme sur l’animal et en fait sur tout autre être vivant.</li>
  81. </ol>
  82. <p>Merci aux personnes qui m’ont fait évoluer au fil des années sur le sujet sans que je sois suffisamment réactif de mon côté, notamment <a href="http://emmanuel.clement.free.fr/">Emmanuel</a>. C’est par petits coups de rame successifs que j’arrive à réajuster le cap. Et par petits exemples que je montre un autre cap possible aux suivant·e·s.</p>
  83. <blockquote>
  84. <p>Rentré au lac, j’attrape mon premier poisson à cinq heure le soir. Un deuxième trois minutes plus tard et un troisième une heure et demie après. Trois ombles vif-argent, électrisés par la colère, luisent sur la glace. La peau est traversée d’impulsions électriques. Je les tue et regarde la plaine en murmurant ces mots de gratitude que les Sibériens adressaient autrefois à la bête qu’ils détruisaient ou au monde qu’ils contribuaient à vider. Dans la société moderne, la taxe carbone remplace ce <mark>«&nbsp;merci — pardon&nbsp;»</mark>.<br />
  85. Le bonheur d’avoir dans son assiette le poisson que l’on a pêché, dans sa tasse l’eau qu’on a tirée et dans son poêle le bois qu’on a fendu&nbsp;: l’ermite puise à la source. La chair, l’eau et le bois sont encore frémissants.</p>
  86. <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>
  87. </blockquote>
  88. <nav>
  89. <p class="center">
  90. <a rel="prev" href="/david/2021/01/07/" title="Publication précédente : Blancheur">← Précédent</a> •
  91. <a href="/david/2021/" title="Liste des publications récentes">↑ En 2021</a>
  92. • <a rel="next" href="/david/2021/01/09/" title="Publication suivante : Science-F(r)iction">Suivant →</a>
  93. </p>
  94. </nav>
  95. </article>
  96. <hr>
  97. <footer>
  98. <p>
  99. <a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home">
  100. <use xlink:href="/static/david/icons2/symbol-defs.svg#icon-home"></use>
  101. </svg> Accueil</a> •
  102. <a href="/david/log/" title="Accès au flux RSS"><svg class="icon icon-rss2">
  103. <use xlink:href="/static/david/icons2/symbol-defs.svg#icon-rss2"></use>
  104. </svg> RSS</a> •
  105. <a href="http://larlet.com" title="Go to my English profile" data-instant><svg class="icon icon-user-tie">
  106. <use xlink:href="/static/david/icons2/symbol-defs.svg#icon-user-tie"></use>
  107. </svg> Pro</a> •
  108. <a href="mailto:david%40larlet.fr" title="Envoyer un courriel"><svg class="icon icon-mail">
  109. <use xlink:href="/static/david/icons2/symbol-defs.svg#icon-mail"></use>
  110. </svg> Email</a> •
  111. <abbr class="nowrap" title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340"><svg class="icon icon-hammer2">
  112. <use xlink:href="/static/david/icons2/symbol-defs.svg#icon-hammer2"></use>
  113. </svg> Légal</abbr>
  114. </p>
  115. <template id="theme-selector">
  116. <form>
  117. <fieldset>
  118. <legend><svg class="icon icon-brightness-contrast">
  119. <use xlink:href="/static/david/icons2/symbol-defs.svg#icon-brightness-contrast"></use>
  120. </svg> Thème</legend>
  121. <label>
  122. <input type="radio" value="auto" name="chosen-color-scheme" checked> Auto
  123. </label>
  124. <label>
  125. <input type="radio" value="dark" name="chosen-color-scheme"> Foncé
  126. </label>
  127. <label>
  128. <input type="radio" value="light" name="chosen-color-scheme"> Clair
  129. </label>
  130. </fieldset>
  131. </form>
  132. </template>
  133. </footer>
  134. <script src="/static/david/js/instantpage-5.1.0.min.js" type="module"></script>
  135. <script>
  136. function loadThemeForm(templateName) {
  137. const themeSelectorTemplate = document.querySelector(templateName)
  138. const form = themeSelectorTemplate.content.firstElementChild
  139. themeSelectorTemplate.replaceWith(form)
  140. form.addEventListener('change', (e) => {
  141. const chosenColorScheme = e.target.value
  142. localStorage.setItem('theme', chosenColorScheme)
  143. toggleTheme(chosenColorScheme)
  144. })
  145. const selectedTheme = localStorage.getItem('theme')
  146. if (selectedTheme && selectedTheme !== 'undefined') {
  147. form.querySelector(`[value="${selectedTheme}"]`).checked = true
  148. }
  149. }
  150. const prefersColorSchemeDark = '(prefers-color-scheme: dark)'
  151. window.addEventListener('load', () => {
  152. let hasDarkRules = false
  153. for (const styleSheet of Array.from(document.styleSheets)) {
  154. let mediaRules = []
  155. for (const cssRule of styleSheet.cssRules) {
  156. if (cssRule.type !== CSSRule.MEDIA_RULE) {
  157. continue
  158. }
  159. // WARNING: Safari does not have/supports `conditionText`.
  160. if (cssRule.conditionText) {
  161. if (cssRule.conditionText !== prefersColorSchemeDark) {
  162. continue
  163. }
  164. } else {
  165. if (cssRule.cssText.startsWith(prefersColorSchemeDark)) {
  166. continue
  167. }
  168. }
  169. mediaRules = mediaRules.concat(Array.from(cssRule.cssRules))
  170. }
  171. // WARNING: do not try to insert a Rule to a styleSheet you are
  172. // currently iterating on, otherwise the browser will be stuck
  173. // in a infinite loop…
  174. for (const mediaRule of mediaRules) {
  175. styleSheet.insertRule(mediaRule.cssText)
  176. hasDarkRules = true
  177. }
  178. }
  179. if (hasDarkRules) {
  180. loadThemeForm('#theme-selector')
  181. }
  182. })
  183. </script>
  184. </body>
  185. </html>