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

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211
  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>Sécheresse — David Larlet</title>
  13. <meta name="description" content="Ces 4 dernières années, durant l’été on a atteint entre 80 et 90 départements en situation de crise au niveau de leurs masses d’eaux profondes. Pourtant on sait très bien que la France est un climat tempéré, avec des masses d’eau extrêmement importantes.">
  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>Sécheresse</h1>
  55. </header>
  56. <nav>
  57. <p class="center">
  58. <a rel="prev" href="/david/2021/06/26/" title="Publication précédente : Hybris">← 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/06/28/" title="Publication suivante : Bin-hômme">Suivant →</a>
  63. </p>
  64. </nav>
  65. <hr>
  66. <blockquote>
  67. <p>Ces 4&nbsp;dernières années, durant l’été on a atteint entre 80&nbsp;et 90&nbsp;départements en situation de crise au niveau de leurs masses d’eaux profondes. Pourtant on sait très bien que la France est un climat tempéré, avec des masses d’eau extrêmement importantes.</p>
  68. <p>[…]</p>
  69. <p>L’ONU l’a prévenu la semaine dernière&nbsp;: «&nbsp;<mark>La sécheresse est sur le point de devenir la prochaine pandémie</mark> et il n’existe aucun vaccin pour la guérir. La majeure partie du monde vivra avec un stress hydrique&nbsp;».</p>
  70. <p><cite><em><a href="https://nourrituresterrestres.substack.com/p/cri-alarme-hydrologue-emma-haziza">#39&nbsp;: Le cri d’alarme de l’hydrologue Emma Haziza</a></em> (<a href="/david/cache/2021/e53ad7a748d59824b3323099fdeb5c48/">cache</a>)</cite></p>
  71. </blockquote>
  72. <p>La <a href="https://fr.wikipedia.org/wiki/Rivi%C3%A8re_des_Prairies">rivière</a> à côté de mon lieu de vie est extrêmement basse. J’ai presque peur d’aller vérifier les débits historiques pour confirmer ou pas ce qui se voit à l’œil nu. De l’autre côté du pays/continent, <a href="https://www.ledevoir.com/societe/environnement/614286/un-dome-de-chaleur-amene-des-temperatures-records-dans-l-ouest-canadien">c’est pire</a> (<a href="/david/cache/2021/7442a8dc900baeaf21294390536024db/">cache</a>).</p>
  73. <p>On vit un nouvel épisode caniculaire et tou·tes les voisin·es ont la climatisation qui tourne à fond. La fin de semaine dernière, je vais chercher mes œufs bio en vélo pour constater qu’il y avait une file de SUV climatisés qui attendaient leur tour devant le pickup de livraison. Et je ne parle même pas de la sortie de l’école, des piscines, <a href="/david/stream/2019/07/02/">des pelouses, des tondeuses et autres barbecues</a>.</p>
  74. <p>Plus tard dans la semaine, je tombe sur cette phrase qui me <a href="https://www.youtube.com/watch?v=oNJo-E4MEk8">fait penser à Franck Lepage</a>&nbsp;:</p>
  75. <blockquote>
  76. <p>«&nbsp;Les vagues de chaleur sont de plus en plus fréquentes et intenses, car les concentrations de gaz à effet de serre entraînent une hausse des températures mondiales. Elles commencent plus tôt et se terminent plus tard et prélèvent un coût croissant sur la santé humaine et les systèmes de santé&nbsp;», a averti mardi l’Organisation météorologique mondiale, installée à Genève.</p>
  77. <p><cite><em><a href="https://www.lemonde.fr/planete/article/2021/06/30/le-canada-subit-une-canicule-des-dizaines-de-morts-subites-dans-la-region-de-vancouver_6086286_3244.html">La canicule au Canada jugée responsable d’une centaine de morts dans la région de Vancouver</a></em> (<a href="/david/cache/2021/cf2952fa1898656b9a6d99ca299ddd2f/">cache</a>)</cite></p>
  78. </blockquote>
  79. <p><q>prélèvent un coût croissant sur la santé</q> pour dire que <em>ça tue des personnes</em> c’est quand même d’un sacré niveau…</p>
  80. <figure>
  81. <a href="#madagascar_canada"
  82. title="Cliquer pour une version haute résolution">
  83. <img src="/static/david/2021/madagascar_canada.jpeg" alt="Mème sur le biais de médiatisation entre les morts de la canicule au Canada et la famine climatique à Madagascar"
  84. loading="lazy" width="800" height="450" />
  85. </a>
  86. <a href="#_" class="lightbox" id="madagascar_canada">
  87. <img src="/static/david/2021/madagascar_canada.jpeg" alt="Mème sur le biais de médiatisation entre les morts de la canicule au Canada et la famine climatique à Madagascar"
  88. loading="lazy" width="800" height="450" />
  89. </a>
  90. <figcaption>Au passage, à qui donner l’attribution d’un « mème » ? L’auteur·ice de la photo, du texte, de la diffusion ?!</figcaption>
  91. </figure>
  92. <p>Comment rendre l’insupportable suffisamment visible aux principaux responsables qui s’achètent des cocons tempérés tout au long de l’année&#8239;?</p>
  93. <blockquote>
  94. <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. <mark>Est-ce que je comprends réellement ce qu’il se passe&#8239;?</mark> Ça n’est pas certain.</p>
  95. <p>Et aussi, en admettant que je comprenne correctement certains points, à quel point est-ce que je me complais dans une forme de déni&#8239;? Je repense à ce message que j’ai vu je ne sais plus où (je paraphrase selon mon souvenir)&nbsp;: «&nbsp;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&nbsp;».</p>
  96. <p><cite><em><a href="http://shl.huld.re/~f6k/log/vol11/102-eau.html">Journal de f6k, vol. 11&nbsp;num. 102</a></em> (<a href="/david/cache/2021/d61a48db32e2449d702ec5e558afbfa4/">cache</a>)</cite></p>
  97. </blockquote>
  98. <p>Le problème de la métaphore de la météorite c’est qu’elle ne donne pas conscience de l’alimenter chaque jour un peu plus…</p>
  99. <nav>
  100. <p class="center">
  101. <a rel="prev" href="/david/2021/06/26/" title="Publication précédente : Hybris">← Précédent</a> •
  102. <a href="/david/2021/" title="Liste des publications récentes">↑ En 2021</a>
  103. • <a rel="next" href="/david/2021/06/28/" title="Publication suivante : Bin-hômme">Suivant →</a>
  104. </p>
  105. </nav>
  106. </article>
  107. <hr>
  108. <footer>
  109. <p>
  110. <a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home">
  111. <use xlink:href="/static/david/icons2/symbol-defs.svg#icon-home"></use>
  112. </svg> Accueil</a> •
  113. <a href="/david/log/" title="Accès au flux RSS"><svg class="icon icon-rss2">
  114. <use xlink:href="/static/david/icons2/symbol-defs.svg#icon-rss2"></use>
  115. </svg> Suivre</a> •
  116. <a href="http://larlet.com" title="Go to my English profile" data-instant><svg class="icon icon-user-tie">
  117. <use xlink:href="/static/david/icons2/symbol-defs.svg#icon-user-tie"></use>
  118. </svg> Pro</a> •
  119. <a href="mailto:david%40larlet.fr" title="Envoyer un courriel"><svg class="icon icon-mail">
  120. <use xlink:href="/static/david/icons2/symbol-defs.svg#icon-mail"></use>
  121. </svg> Email</a> •
  122. <abbr class="nowrap" title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340"><svg class="icon icon-hammer2">
  123. <use xlink:href="/static/david/icons2/symbol-defs.svg#icon-hammer2"></use>
  124. </svg> Légal</abbr>
  125. </p>
  126. <template id="theme-selector">
  127. <form>
  128. <fieldset>
  129. <legend><svg class="icon icon-brightness-contrast">
  130. <use xlink:href="/static/david/icons2/symbol-defs.svg#icon-brightness-contrast"></use>
  131. </svg> Thème</legend>
  132. <label>
  133. <input type="radio" value="auto" name="chosen-color-scheme" checked> Auto
  134. </label>
  135. <label>
  136. <input type="radio" value="dark" name="chosen-color-scheme"> Foncé
  137. </label>
  138. <label>
  139. <input type="radio" value="light" name="chosen-color-scheme"> Clair
  140. </label>
  141. </fieldset>
  142. </form>
  143. </template>
  144. </footer>
  145. <script src="/static/david/js/instantpage-5.1.0.min.js" type="module"></script>
  146. <script>
  147. function loadThemeForm(templateName) {
  148. const themeSelectorTemplate = document.querySelector(templateName)
  149. const form = themeSelectorTemplate.content.firstElementChild
  150. themeSelectorTemplate.replaceWith(form)
  151. form.addEventListener('change', (e) => {
  152. const chosenColorScheme = e.target.value
  153. localStorage.setItem('theme', chosenColorScheme)
  154. toggleTheme(chosenColorScheme)
  155. })
  156. const selectedTheme = localStorage.getItem('theme')
  157. if (selectedTheme && selectedTheme !== 'undefined') {
  158. form.querySelector(`[value="${selectedTheme}"]`).checked = true
  159. }
  160. }
  161. const prefersColorSchemeDark = '(prefers-color-scheme: dark)'
  162. window.addEventListener('load', () => {
  163. let hasDarkRules = false
  164. for (const styleSheet of Array.from(document.styleSheets)) {
  165. let mediaRules = []
  166. for (const cssRule of styleSheet.cssRules) {
  167. if (cssRule.type !== CSSRule.MEDIA_RULE) {
  168. continue
  169. }
  170. // WARNING: Safari does not have/supports `conditionText`.
  171. if (cssRule.conditionText) {
  172. if (cssRule.conditionText !== prefersColorSchemeDark) {
  173. continue
  174. }
  175. } else {
  176. if (cssRule.cssText.startsWith(prefersColorSchemeDark)) {
  177. continue
  178. }
  179. }
  180. mediaRules = mediaRules.concat(Array.from(cssRule.cssRules))
  181. }
  182. // WARNING: do not try to insert a Rule to a styleSheet you are
  183. // currently iterating on, otherwise the browser will be stuck
  184. // in a infinite loop…
  185. for (const mediaRule of mediaRules) {
  186. styleSheet.insertRule(mediaRule.cssText)
  187. hasDarkRules = true
  188. }
  189. }
  190. if (hasDarkRules) {
  191. loadThemeForm('#theme-selector')
  192. }
  193. })
  194. </script>
  195. </body>
  196. </html>