A place to cache linked articles (think custom and personal wayback machine)
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 12KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193
  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>Journal de f6k, vol. 11 num. 102 (archive) — David Larlet</title>
  13. <meta name="description" content="Publication mise en cache pour en conserver une trace.">
  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. <meta name="robots" content="noindex, nofollow">
  53. <meta content="origin-when-cross-origin" name="referrer">
  54. <!-- Canonical URL for SEO purposes -->
  55. <link rel="canonical" href="http://shl.huld.re/~f6k/log/vol11/102-eau.html">
  56. <body class="remarkdown h1-underline h2-underline h3-underline em-underscore hr-center ul-star pre-tick" data-instant-intensity="viewport-all">
  57. <article>
  58. <header>
  59. <h1>Journal de f6k, vol. 11 num. 102</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.svg#icon-home"></use>
  65. </svg> Accueil</a> •
  66. <a href="http://shl.huld.re/~f6k/log/vol11/102-eau.html" title="Lien vers le contenu original">Source originale</a>
  67. </p>
  68. </nav>
  69. <hr>
  70. <p><strong>Dim. 27 juin 2021, eau</strong>. — Je lisais ce matin la dernière lettre de Clément Jeanneau où il reproduit <a href="https://nourrituresterrestres.substack.com/p/cri-alarme-hydrologue-emma-haziza">le cri d’alarme de l’hydrologue Emma Haziza</a> lors d’une conférence aux Ateliers des Métamorphoses intitulée <a href="https://www.youtube.com/watch?v=z0AmhqKOBs8&amp;t=2982s"><em>Croissance sobre, oxymore ou projet de société ?</em></a> (que je n’ai pas encore vu, mais la transcription est vraiment très intéressante). Pour résumer elle y parle avec passion du problème d’eau que l’on a déjà et qui ne va faire que se dégrader (pas à l’autre bout du monde, mais bien en France, et pas dans trente ans, mais, là, maintenant). Je retiens notamment deux passages :
  71. </p>
  72. <blockquote>
  73. <p>« (…) Les gens sont encore persuadés que le changement climatique c’est pour 2050, que le changement de températures c’est pour 2100, et que la fonte des glaciers himalayens c’est pour 2350 ; au fond, qu’on a le temps. »</p>
  74. </blockquote>
  75. <p>Plus loin de dire que :</p>
  76. <blockquote>
  77. <p>« On n’arrête pas de parler aux gens des scénarios de 1.5° et 2°C. Mais ces derniers mois, j’ai fait une étude sur la perception de la population face au changement climatique sur des niches spécialisées, et on se rend compte qu’en fait ils ne le comprennent pas, parce qu’ils entendent parler par exemple de -40°C pendant trois semaines à Montréal. En ce moment on est à -6°C en Antarctique avec des anomalies négatives, et on nous dit « mais ça ne se réchauffe pas, on a des anomalies négatives ». De même on nous dit « regardez, le mois de mai a été pluvieux ». Donc les gens ne comprennent pas. Je crois qu’il faut absolument faire un effort de pédagogie pour aller vers un discours qui ne se centre plus sur ce qu’on a envie de raconter, avec une posture de scientifique et parfois d’ego surdimensionné, mais vers sur ce que les gens ont besoin de comprendre. Les gens n’ont pas intégré ces questions-là. »</p>
  78. </blockquote>
  79. <p>Nous avions exactement la même réflexion avec ma sœur hier soir lors d’une discussion autour des enjeux climatiques locaux (c’est-à-dire en Haute-Garonne). La conclusion a été d’arriver à se dire que l’on ne voit pas grand chose se mettre effectivement en place. Au niveau individuel, peu sont ceux à vraiment faire des changements drastiques. Probablement parce que « les gens », comme explique Mme Haziza, ne comprennent pas vraiment.</p>
  80. <p>Et je me suis posé une question. Je crois me renseigner, me documenter, me tenir informé et essayer de prendre pleinement conscience, à mon rythme et à mon échelle. Mais je ne suis pas un scientifique spécialisé dans le climat. Et je me demande à quel point je comprends effectivement la situation dans laquelle nous sommes. Est-ce que je comprends réellement ce qu’il se passe ? Ça n’est pas certain.</p>
  81. <p>Et aussi, en admettant que je comprenne correctement certains enjeux, à quel point est-ce que je me complais dans une forme de déni ? Je repense à ce message que j’ai vu je ne sais plus où (je paraphrase selon mon souvenir) : « ce qu’il se passe avec la crise climatique, c’est comme si on disait au monde qu’il y a une urgence car une énorme météorite va venir détruire la vie sur Terre telle qu’on la connaît, et que chacun continue sa petite vie comme si de rien n’était ».</p>
  82. <p>L’autre pendant, bien sûr, est politique. Il y a bien quelques initiatives ça et là (tant au niveau des administrations comme chez certains groupes engagés) mais il est clair que c’est bien insuffisant au regard de l’urgence de la situation. On pourrait remettre sur le devant la responsabilité individuelle mais je suis de plus en plus persuadé qu’il faut un moteur politique.</p>
  83. <p>Il suffit de se souvenir des effets positifs rapidement observés l’an dernier lorsque le monde s’est arrêté par décision politique à cause de la pandémie. Mme Haziza l’explique d’ailleurs bien quand elle énonce que « 93% de l’eau est utilisée à des fins agricoles (en France c’est en moyenne 80% l’été et 50% le reste de l’année) ». Oui, décidément, il faut de vrais politiques engagées. Et on ne peut pas dire qu’on se dirige dans la bonne direction.</p>
  84. </article>
  85. <hr>
  86. <footer>
  87. <p>
  88. <a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home">
  89. <use xlink:href="/static/david/icons2/symbol-defs.svg#icon-home"></use>
  90. </svg> Accueil</a> •
  91. <a href="/david/log/" title="Accès au flux RSS"><svg class="icon icon-rss2">
  92. <use xlink:href="/static/david/icons2/symbol-defs.svg#icon-rss2"></use>
  93. </svg> Suivre</a> •
  94. <a href="http://larlet.com" title="Go to my English profile" data-instant><svg class="icon icon-user-tie">
  95. <use xlink:href="/static/david/icons2/symbol-defs.svg#icon-user-tie"></use>
  96. </svg> Pro</a> •
  97. <a href="mailto:david%40larlet.fr" title="Envoyer un courriel"><svg class="icon icon-mail">
  98. <use xlink:href="/static/david/icons2/symbol-defs.svg#icon-mail"></use>
  99. </svg> Email</a> •
  100. <abbr class="nowrap" title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340"><svg class="icon icon-hammer2">
  101. <use xlink:href="/static/david/icons2/symbol-defs.svg#icon-hammer2"></use>
  102. </svg> Légal</abbr>
  103. </p>
  104. <template id="theme-selector">
  105. <form>
  106. <fieldset>
  107. <legend><svg class="icon icon-brightness-contrast">
  108. <use xlink:href="/static/david/icons2/symbol-defs.svg#icon-brightness-contrast"></use>
  109. </svg> Thème</legend>
  110. <label>
  111. <input type="radio" value="auto" name="chosen-color-scheme" checked> Auto
  112. </label>
  113. <label>
  114. <input type="radio" value="dark" name="chosen-color-scheme"> Foncé
  115. </label>
  116. <label>
  117. <input type="radio" value="light" name="chosen-color-scheme"> Clair
  118. </label>
  119. </fieldset>
  120. </form>
  121. </template>
  122. </footer>
  123. <script src="/static/david/js/instantpage-5.1.0.min.js" type="module"></script>
  124. <script>
  125. function loadThemeForm(templateName) {
  126. const themeSelectorTemplate = document.querySelector(templateName)
  127. const form = themeSelectorTemplate.content.firstElementChild
  128. themeSelectorTemplate.replaceWith(form)
  129. form.addEventListener('change', (e) => {
  130. const chosenColorScheme = e.target.value
  131. localStorage.setItem('theme', chosenColorScheme)
  132. toggleTheme(chosenColorScheme)
  133. })
  134. const selectedTheme = localStorage.getItem('theme')
  135. if (selectedTheme && selectedTheme !== 'undefined') {
  136. form.querySelector(`[value="${selectedTheme}"]`).checked = true
  137. }
  138. }
  139. const prefersColorSchemeDark = '(prefers-color-scheme: dark)'
  140. window.addEventListener('load', () => {
  141. let hasDarkRules = false
  142. for (const styleSheet of Array.from(document.styleSheets)) {
  143. let mediaRules = []
  144. for (const cssRule of styleSheet.cssRules) {
  145. if (cssRule.type !== CSSRule.MEDIA_RULE) {
  146. continue
  147. }
  148. // WARNING: Safari does not have/supports `conditionText`.
  149. if (cssRule.conditionText) {
  150. if (cssRule.conditionText !== prefersColorSchemeDark) {
  151. continue
  152. }
  153. } else {
  154. if (cssRule.cssText.startsWith(prefersColorSchemeDark)) {
  155. continue
  156. }
  157. }
  158. mediaRules = mediaRules.concat(Array.from(cssRule.cssRules))
  159. }
  160. // WARNING: do not try to insert a Rule to a styleSheet you are
  161. // currently iterating on, otherwise the browser will be stuck
  162. // in a infinite loop…
  163. for (const mediaRule of mediaRules) {
  164. styleSheet.insertRule(mediaRule.cssText)
  165. hasDarkRules = true
  166. }
  167. }
  168. if (hasDarkRules) {
  169. loadThemeForm('#theme-selector')
  170. }
  171. })
  172. </script>
  173. </body>
  174. </html>