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

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208
  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>La canicule au Canada jugée responsable d’une centaine de morts dans la région de Vancouver (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="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">
  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>La canicule au Canada jugée responsable d’une centaine de morts dans la région de Vancouver</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="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" title="Lien vers le contenu original">Source originale</a>
  67. </p>
  68. </nav>
  69. <hr>
  70. <figure class="article__media"> <img src="https://img.lemde.fr/2021/06/28/0/0/3500/2329/664/0/75/0/6483c63_ggg-van100-canada-weather-0628-11.jpg" srcset="https://img.lemde.fr/2021/06/28/0/0/3500/2329/1328/0/45/0/6483c63_ggg-van100-canada-weather-0628-11.jpg 1328w, https://img.lemde.fr/2021/06/28/0/0/3500/2329/664/0/75/0/6483c63_ggg-van100-canada-weather-0628-11.jpg 664w" sizes="(min-width: 768px) 664px, 100vw" alt="Un brumisateur installé dans un parc de Vancouver, en Colombie-Britannique, le 27 juin 2021."> <noscript> <img src="https://img.lemde.fr/2021/06/28/0/0/3500/2329/664/0/75/0/6483c63_ggg-van100-canada-weather-0628-11.jpg" alt="Un brumisateur installé dans un parc de Vancouver, en Colombie-Britannique, le 27 juin 2021."> </noscript> <figcaption class="article__legend" aria-hidden="true">Un brumisateur installé dans un parc de Vancouver, en Colombie-Britannique, le 27 juin 2021. <span class="article__credit" aria-hidden="true">JENNIFER GAUTHIER / REUTERS</span> </figcaption> </figure>
  71. <pre><code>
  72. </code></pre>
  73. <p class="article__paragraph ">Depuis lundi, les morts subites se multiplient dans la région de Vancouver, principale ville de la province canadienne de Colombie-Britannique. La gendarmerie royale du Canada (GRC, police fédérale) et la police de la ville ont annoncé, mardi 29 juin, qu’au moins 134 personnes étaient mortes subitement dans les localités de Burnaby et Surrey. <em>« Nous pensons que la chaleur a contribué à la majorité des décès »</em>, précise le communiqué de la police, ajoutant que la plupart des victimes sont des personnes âgées.</p>
  74. <pre><code>
  75. </code></pre>
  76. <p class="article__paragraph "><em>« Ce temps peut être fatal aux membres vulnérables de notre communauté, en particulier les personnes âgées et celles qui ont des problèmes de santé sous-jacents »</em>, a déclaré un porte-parole de la GRC de Burnaby, Mike Kalanj, en enjoignant à la population de <em>« vérifier si les proches et les voisins vont bien »</em>.</p>
  77. <pre><code>
  78. </code></pre>
  79. <p class="article__paragraph ">Un message aussitôt repris par le premier ministre de la Colombie-Britannique, John Horgan : <em>« Nous vivons la semaine la plus chaude que les Britanno-Colombiens aient jamais connue</em>, a-t-il dit lors d’une conférence de presse. <em>Et il y a des conséquences à cela, des conséquences désastreuses pour les familles et les communautés, mais, encore une fois, la meilleure façon de traverser cette période extraordinaire est de se serrer les coudes, de vérifier</em> [l’état de santé]<em> des personnes que nous savons à risque, de nous assurer que nous avons des compresses froides dans le réfrigérateur. »</em></p>
  80. <pre><code>
  81. </code></pre>
  82. <h2 class="article__sub-title">La durée de l’épisode de chaleur inquiète</h2>
  83. <pre><code>
  84. </code></pre>
  85. <p class="article__paragraph ">La métropole canadienne de Vancouver enregistre depuis plusieurs jours des températures supérieures à 30 °C, bien au-dessus de la normale de 21 °C en cette saison. Le Canada a enregistré un record de chaleur mardi, pour le troisième jour d’affilée, le mercure atteignant 49,5 °C à Lytton, village de Colombie-Britannque situé dans les montagnes Rocheuses, selon un service météorologique canadien. Le thermomètre a aussi atteint 42 °C dans la station de ski de Whistler, au nord de Vancouver, selon ce service.</p>
  86. <pre><code>
  87. </code></pre>
  88. <p id="inread-6" class="dfp-slot dfp__slot dfp__inread dfp-unloaded" data-format="inread" aria-hidden="true"></p>
  89. <pre><code>
  90. </code></pre>
  91. <p class="article__paragraph "><em>« La durée de cette canicule est inquiétante, car il y a peu de répit la nuit </em>(…).<em> Cette hausse record des températures fera augmenter le risque de maladies liées aux fortes chaleurs »</em>, a averti le ministère de l’environnement canadien.</p>
  92. <pre><code>
  93. </code></pre>
  94. <p class="article__paragraph ">Outre en Colombie-Britannique, des avertissements de canicule ont aussi été lancés pour les provinces plus à l’est de l’Alberta, de la Saskatchewan et du Manitoba, ainsi que pour une partie des territoires du Yukon et du Nord-Ouest, au nord du Canada. A Portland, aux Etats-Unis, un « centre de rafraîchissement » a été installé.</p>
  95. <pre><code>
  96. </code></pre>
  97. <h2 class="article__sub-title">Le phénomène de « dôme de chaleur »</h2>
  98. <pre><code>
  99. </code></pre>
  100. <p class="article__paragraph ">Cette vague de chaleur, par ailleurs à l’origine de plusieurs incendies de forêt de part et d’autre de la frontière entre le Canada et les Etats-Unis, s’explique par un phénomène appelé « dôme de chaleur » : des hautes pressions emprisonnent l’air chaud dans la région.</p>
  101. <pre><code>
  102. </code></pre>
  103. <p id="inread-12" class="dfp-slot dfp__slot dfp__inread dfp-unloaded" data-format="inread" aria-hidden="true"></p>
  104. <pre><code>
  105. </code></pre>
  106. <p class="article__paragraph "><em>« 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é »</em>, a averti mardi l’Organisation météorologique mondiale, installée à Genève.</p>
  107. </article>
  108. <hr>
  109. <footer>
  110. <p>
  111. <a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home">
  112. <use xlink:href="/static/david/icons2/symbol-defs.svg#icon-home"></use>
  113. </svg> Accueil</a> •
  114. <a href="/david/log/" title="Accès au flux RSS"><svg class="icon icon-rss2">
  115. <use xlink:href="/static/david/icons2/symbol-defs.svg#icon-rss2"></use>
  116. </svg> Suivre</a> •
  117. <a href="http://larlet.com" title="Go to my English profile" data-instant><svg class="icon icon-user-tie">
  118. <use xlink:href="/static/david/icons2/symbol-defs.svg#icon-user-tie"></use>
  119. </svg> Pro</a> •
  120. <a href="mailto:david%40larlet.fr" title="Envoyer un courriel"><svg class="icon icon-mail">
  121. <use xlink:href="/static/david/icons2/symbol-defs.svg#icon-mail"></use>
  122. </svg> Email</a> •
  123. <abbr class="nowrap" title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340"><svg class="icon icon-hammer2">
  124. <use xlink:href="/static/david/icons2/symbol-defs.svg#icon-hammer2"></use>
  125. </svg> Légal</abbr>
  126. </p>
  127. <template id="theme-selector">
  128. <form>
  129. <fieldset>
  130. <legend><svg class="icon icon-brightness-contrast">
  131. <use xlink:href="/static/david/icons2/symbol-defs.svg#icon-brightness-contrast"></use>
  132. </svg> Thème</legend>
  133. <label>
  134. <input type="radio" value="auto" name="chosen-color-scheme" checked> Auto
  135. </label>
  136. <label>
  137. <input type="radio" value="dark" name="chosen-color-scheme"> Foncé
  138. </label>
  139. <label>
  140. <input type="radio" value="light" name="chosen-color-scheme"> Clair
  141. </label>
  142. </fieldset>
  143. </form>
  144. </template>
  145. </footer>
  146. <script src="/static/david/js/instantpage-5.1.0.min.js" type="module"></script>
  147. <script>
  148. function loadThemeForm(templateName) {
  149. const themeSelectorTemplate = document.querySelector(templateName)
  150. const form = themeSelectorTemplate.content.firstElementChild
  151. themeSelectorTemplate.replaceWith(form)
  152. form.addEventListener('change', (e) => {
  153. const chosenColorScheme = e.target.value
  154. localStorage.setItem('theme', chosenColorScheme)
  155. toggleTheme(chosenColorScheme)
  156. })
  157. const selectedTheme = localStorage.getItem('theme')
  158. if (selectedTheme && selectedTheme !== 'undefined') {
  159. form.querySelector(`[value="${selectedTheme}"]`).checked = true
  160. }
  161. }
  162. const prefersColorSchemeDark = '(prefers-color-scheme: dark)'
  163. window.addEventListener('load', () => {
  164. let hasDarkRules = false
  165. for (const styleSheet of Array.from(document.styleSheets)) {
  166. let mediaRules = []
  167. for (const cssRule of styleSheet.cssRules) {
  168. if (cssRule.type !== CSSRule.MEDIA_RULE) {
  169. continue
  170. }
  171. // WARNING: Safari does not have/supports `conditionText`.
  172. if (cssRule.conditionText) {
  173. if (cssRule.conditionText !== prefersColorSchemeDark) {
  174. continue
  175. }
  176. } else {
  177. if (cssRule.cssText.startsWith(prefersColorSchemeDark)) {
  178. continue
  179. }
  180. }
  181. mediaRules = mediaRules.concat(Array.from(cssRule.cssRules))
  182. }
  183. // WARNING: do not try to insert a Rule to a styleSheet you are
  184. // currently iterating on, otherwise the browser will be stuck
  185. // in a infinite loop…
  186. for (const mediaRule of mediaRules) {
  187. styleSheet.insertRule(mediaRule.cssText)
  188. hasDarkRules = true
  189. }
  190. }
  191. if (hasDarkRules) {
  192. loadThemeForm('#theme-selector')
  193. }
  194. })
  195. </script>
  196. </body>
  197. </html>