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

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716
  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,minimum-scale=1,initial-scale=1,shrink-to-fit=no">
  11. <!-- Required to make a valid HTML5 document. -->
  12. <title>Heat: the next big inequality issue (archive) — David Larlet</title>
  13. <!-- Generated from https://realfavicongenerator.net/ such a mess. -->
  14. <link rel="apple-touch-icon" sizes="180x180" href="/static/david/icons/apple-touch-icon.png">
  15. <link rel="icon" type="image/png" sizes="32x32" href="/static/david/icons/favicon-32x32.png">
  16. <link rel="icon" type="image/png" sizes="16x16" href="/static/david/icons/favicon-16x16.png">
  17. <link rel="manifest" href="/manifest.json">
  18. <link rel="mask-icon" href="/static/david/icons/safari-pinned-tab.svg" color="#5bbad5">
  19. <link rel="shortcut icon" href="/static/david/icons/favicon.ico">
  20. <meta name="apple-mobile-web-app-title" content="David Larlet">
  21. <meta name="application-name" content="David Larlet">
  22. <meta name="msapplication-TileColor" content="#da532c">
  23. <meta name="msapplication-config" content="/static/david/icons/browserconfig.xml">
  24. <meta name="theme-color" content="#f0f0ea">
  25. <!-- That good ol' feed, subscribe :p. -->
  26. <link rel=alternate type="application/atom+xml" title=Feed href="/david/log/">
  27. <meta name="robots" content="noindex, nofollow">
  28. <meta content="origin-when-cross-origin" name="referrer">
  29. <!-- Canonical URL for SEO purposes -->
  30. <link rel="canonical" href="https://www.theguardian.com/cities/2018/aug/13/heat-next-big-inequality-issue-heatwaves-world">
  31. <style>
  32. /* http://meyerweb.com/eric/tools/css/reset/ */
  33. html, body, div, span,
  34. h1, h2, h3, h4, h5, h6, p, blockquote, pre,
  35. a, abbr, address, big, cite, code,
  36. del, dfn, em, img, ins,
  37. small, strike, strong, tt, var,
  38. dl, dt, dd, ol, ul, li,
  39. fieldset, form, label, legend,
  40. table, caption, tbody, tfoot, thead, tr, th, td,
  41. article, aside, canvas, details, embed,
  42. figure, figcaption, footer, header, hgroup,
  43. menu, nav, output, ruby, section, summary,
  44. time, mark, audio, video {
  45. margin: 0;
  46. padding: 0;
  47. border: 0;
  48. font-size: 100%;
  49. font: inherit;
  50. vertical-align: baseline;
  51. }
  52. /* HTML5 display-role reset for older browsers */
  53. article, aside, details, figcaption, figure,
  54. footer, header, hgroup, menu, nav, section { display: block; }
  55. body { line-height: 1; }
  56. blockquote, q { quotes: none; }
  57. blockquote:before, blockquote:after,
  58. q:before, q:after {
  59. content: '';
  60. content: none;
  61. }
  62. table {
  63. border-collapse: collapse;
  64. border-spacing: 0;
  65. }
  66. /* http://practicaltypography.com/equity.html */
  67. /* https://calendar.perfplanet.com/2016/no-font-face-bulletproof-syntax/ */
  68. /* https://www.filamentgroup.com/lab/js-web-fonts.html */
  69. @font-face {
  70. font-family: 'EquityTextB';
  71. src: url('/static/david/css/fonts/Equity-Text-B-Regular-webfont.woff2') format('woff2'),
  72. url('/static/david/css/fonts/Equity-Text-B-Regular-webfont.woff') format('woff');
  73. font-weight: 300;
  74. font-style: normal;
  75. font-display: swap;
  76. }
  77. @font-face {
  78. font-family: 'EquityTextB';
  79. src: url('/static/david/css/fonts/Equity-Text-B-Italic-webfont.woff2') format('woff2'),
  80. url('/static/david/css/fonts/Equity-Text-B-Italic-webfont.woff') format('woff');
  81. font-weight: 300;
  82. font-style: italic;
  83. font-display: swap;
  84. }
  85. @font-face {
  86. font-family: 'EquityTextB';
  87. src: url('/static/david/css/fonts/Equity-Text-B-Bold-webfont.woff2') format('woff2'),
  88. url('/static/david/css/fonts/Equity-Text-B-Bold-webfont.woff') format('woff');
  89. font-weight: 700;
  90. font-style: normal;
  91. font-display: swap;
  92. }
  93. @font-face {
  94. font-family: 'ConcourseT3';
  95. src: url('/static/david/css/fonts/concourse_t3_regular-webfont-20190806.woff2') format('woff2'),
  96. url('/static/david/css/fonts/concourse_t3_regular-webfont-20190806.woff') format('woff');
  97. font-weight: 300;
  98. font-style: normal;
  99. font-display: swap;
  100. }
  101. /* http://practice.typekit.com/lesson/caring-about-opentype-features/ */
  102. body {
  103. /* http://www.cssfontstack.com/ Palatino 99% Win 86% Mac */
  104. font-family: "EquityTextB", Palatino, serif;
  105. background-color: #f0f0ea;
  106. color: #07486c;
  107. font-kerning: normal;
  108. -moz-osx-font-smoothing: grayscale;
  109. -webkit-font-smoothing: subpixel-antialiased;
  110. text-rendering: optimizeLegibility;
  111. font-variant-ligatures: common-ligatures contextual;
  112. font-feature-settings: "kern", "liga", "clig", "calt";
  113. }
  114. pre, code, kbd, samp, var, tt {
  115. font-family: 'TriplicateT4c', monospace;
  116. }
  117. em {
  118. font-style: italic;
  119. color: #323a45;
  120. }
  121. strong {
  122. font-weight: bold;
  123. color: black;
  124. }
  125. nav {
  126. background-color: #323a45;
  127. color: #f0f0ea;
  128. display: flex;
  129. justify-content: space-around;
  130. padding: 1rem .5rem;
  131. }
  132. nav:last-child {
  133. border-bottom: 1vh solid #2d7474;
  134. }
  135. nav a {
  136. color: #f0f0ea;
  137. }
  138. nav abbr {
  139. border-bottom: 1px dotted white;
  140. }
  141. h1 {
  142. border-top: 1vh solid #2d7474;
  143. border-bottom: .2vh dotted #2d7474;
  144. background-color: #e3e1e1;
  145. color: #323a45;
  146. text-align: center;
  147. padding: 5rem 0 4rem 0;
  148. width: 100%;
  149. font-family: 'ConcourseT3';
  150. display: flex;
  151. flex-direction: column;
  152. }
  153. h1.single {
  154. padding-bottom: 10rem;
  155. }
  156. h1 span {
  157. position: absolute;
  158. top: 1vh;
  159. left: 20%;
  160. line-height: 0;
  161. }
  162. h1 span a {
  163. line-height: 1.7;
  164. padding: 1rem 1.2rem .6rem 1.2rem;
  165. border-radius: 0 0 6% 6%;
  166. background: #2d7474;
  167. font-size: 1.3rem;
  168. color: white;
  169. text-decoration: none;
  170. }
  171. h2 {
  172. margin: 4rem 0 1rem;
  173. border-top: .2vh solid #2d7474;
  174. padding-top: 1vh;
  175. }
  176. h3 {
  177. text-align: center;
  178. margin: 3rem 0 .75em;
  179. }
  180. hr {
  181. height: .4rem;
  182. width: .4rem;
  183. border-radius: .4rem;
  184. background: #07486c;
  185. margin: 2.5rem auto;
  186. }
  187. time {
  188. display: bloc;
  189. margin-left: 0 !important;
  190. }
  191. ul, ol {
  192. margin: 2rem;
  193. }
  194. ul {
  195. list-style-type: square;
  196. }
  197. a {
  198. text-decoration-skip-ink: auto;
  199. text-decoration-thickness: 0.05em;
  200. text-underline-offset: 0.09em;
  201. }
  202. article {
  203. max-width: 50rem;
  204. display: flex;
  205. flex-direction: column;
  206. margin: 2rem auto;
  207. }
  208. article.single {
  209. border-top: .2vh dotted #2d7474;
  210. margin: -6rem auto 1rem auto;
  211. background: #f0f0ea;
  212. padding: 2rem;
  213. }
  214. article p:last-child {
  215. margin-bottom: 1rem;
  216. }
  217. p {
  218. padding: 0 .5rem;
  219. margin-left: 3rem;
  220. }
  221. p + p,
  222. figure + p {
  223. margin-top: 2rem;
  224. }
  225. blockquote {
  226. background-color: #e3e1e1;
  227. border-left: .5vw solid #2d7474;
  228. display: flex;
  229. flex-direction: column;
  230. align-items: center;
  231. padding: 1rem;
  232. margin: 1.5rem;
  233. }
  234. blockquote cite {
  235. font-style: italic;
  236. }
  237. blockquote p {
  238. margin-left: 0;
  239. }
  240. figure {
  241. border-top: .2vh solid #2d7474;
  242. background-color: #e3e1e1;
  243. text-align: center;
  244. padding: 1.5rem 0;
  245. margin: 1rem 0 0;
  246. font-size: 1.5rem;
  247. width: 100%;
  248. }
  249. figure img {
  250. max-width: 250px;
  251. max-height: 250px;
  252. border: .5vw solid #323a45;
  253. padding: 1px;
  254. }
  255. figcaption {
  256. padding: 1rem;
  257. line-height: 1.4;
  258. }
  259. aside {
  260. display: flex;
  261. flex-direction: column;
  262. background-color: #e3e1e1;
  263. padding: 1rem 0;
  264. border-bottom: .2vh solid #07486c;
  265. }
  266. aside p {
  267. max-width: 50rem;
  268. margin: 0 auto;
  269. }
  270. /* https://fvsch.com/code/css-locks/ */
  271. p, li, pre, code, kbd, samp, var, tt, time, details, figcaption {
  272. font-size: 1rem;
  273. line-height: calc( 1.5em + 0.2 * 1rem );
  274. }
  275. h1 {
  276. font-size: 1.9rem;
  277. line-height: calc( 1.2em + 0.2 * 1rem );
  278. }
  279. h2 {
  280. font-size: 1.6rem;
  281. line-height: calc( 1.3em + 0.2 * 1rem );
  282. }
  283. h3 {
  284. font-size: 1.35rem;
  285. line-height: calc( 1.4em + 0.2 * 1rem );
  286. }
  287. @media (min-width: 20em) {
  288. /* The (100vw - 20rem) / (50 - 20) part
  289. resolves to 0-1rem, depending on the
  290. viewport width (between 20em and 50em). */
  291. p, li, pre, code, kbd, samp, var, tt, time, details, figcaption {
  292. font-size: calc( 1rem + .6 * (100vw - 20rem) / (50 - 20) );
  293. line-height: calc( 1.5em + 0.2 * (100vw - 50rem) / (20 - 50) );
  294. margin-left: 0;
  295. }
  296. h1 {
  297. font-size: calc( 1.9rem + 1.5 * (100vw - 20rem) / (50 - 20) );
  298. line-height: calc( 1.2em + 0.2 * (100vw - 50rem) / (20 - 50) );
  299. }
  300. h2 {
  301. font-size: calc( 1.5rem + 1.5 * (100vw - 20rem) / (50 - 20) );
  302. line-height: calc( 1.3em + 0.2 * (100vw - 50rem) / (20 - 50) );
  303. }
  304. h3 {
  305. font-size: calc( 1.35rem + 1.5 * (100vw - 20rem) / (50 - 20) );
  306. line-height: calc( 1.4em + 0.2 * (100vw - 50rem) / (20 - 50) );
  307. }
  308. }
  309. @media (min-width: 50em) {
  310. /* The right part of the addition *must* be a
  311. rem value. In this example we *could* change
  312. the whole declaration to font-size:2.5rem,
  313. but if our baseline value was not expressed
  314. in rem we would have to use calc. */
  315. p, li, pre, code, kbd, samp, var, tt, time, details, figcaption {
  316. font-size: calc( 1rem + .6 * 1rem );
  317. line-height: 1.5em;
  318. }
  319. p, li, pre, details {
  320. margin-left: 3rem;
  321. }
  322. h1 {
  323. font-size: calc( 1.9rem + 1.5 * 1rem );
  324. line-height: 1.2em;
  325. }
  326. h2 {
  327. font-size: calc( 1.5rem + 1.5 * 1rem );
  328. line-height: 1.3em;
  329. }
  330. h3 {
  331. font-size: calc( 1.35rem + 1.5 * 1rem );
  332. line-height: 1.4em;
  333. }
  334. figure img {
  335. max-width: 500px;
  336. max-height: 500px;
  337. }
  338. }
  339. figure.unsquared {
  340. margin-bottom: 1.5rem;
  341. }
  342. figure.unsquared img {
  343. height: inherit;
  344. }
  345. @media print {
  346. body { font-size: 100%; }
  347. a:after { content: " (" attr(href) ")"; }
  348. a, a:link, a:visited, a:after {
  349. text-decoration: underline;
  350. text-shadow: none !important;
  351. background-image: none !important;
  352. background: white;
  353. color: black;
  354. }
  355. abbr[title] { border-bottom: 0; }
  356. abbr[title]:after { content: " (" attr(title) ")"; }
  357. img { page-break-inside: avoid; }
  358. @page { margin: 2cm .5cm; }
  359. h1, h2, h3 { page-break-after: avoid; }
  360. p3 { orphans: 3; widows: 3; }
  361. img {
  362. max-width: 250px !important;
  363. max-height: 250px !important;
  364. }
  365. nav, aside { display: none; }
  366. }
  367. ul.with_columns {
  368. column-count: 1;
  369. }
  370. @media (min-width: 20em) {
  371. ul.with_columns {
  372. column-count: 2;
  373. }
  374. }
  375. @media (min-width: 50em) {
  376. ul.with_columns {
  377. column-count: 3;
  378. }
  379. }
  380. ul.with_two_columns {
  381. column-count: 1;
  382. }
  383. @media (min-width: 20em) {
  384. ul.with_two_columns {
  385. column-count: 1;
  386. }
  387. }
  388. @media (min-width: 50em) {
  389. ul.with_two_columns {
  390. column-count: 2;
  391. }
  392. }
  393. .gallery {
  394. display: flex;
  395. flex-wrap: wrap;
  396. justify-content: space-around;
  397. }
  398. .gallery figure img {
  399. margin-left: 1rem;
  400. margin-right: 1rem;
  401. }
  402. .gallery figure figcaption {
  403. font-family: 'ConcourseT3'
  404. }
  405. footer {
  406. font-family: 'ConcourseT3';
  407. display: flex;
  408. flex-direction: column;
  409. border-top: 3px solid white;
  410. padding: 4rem 0;
  411. background-color: #07486c;
  412. color: white;
  413. }
  414. footer > * {
  415. max-width: 50rem;
  416. margin: 0 auto;
  417. }
  418. footer a {
  419. color: #f1c40f;
  420. }
  421. footer .avatar {
  422. width: 200px;
  423. height: 200px;
  424. border-radius: 50%;
  425. float: left;
  426. -webkit-shape-outside: circle();
  427. shape-outside: circle();
  428. margin-right: 2rem;
  429. padding: 2px 5px 5px 2px;
  430. background: white;
  431. border-left: 1px solid #f1c40f;
  432. border-top: 1px solid #f1c40f;
  433. border-right: 5px solid #f1c40f;
  434. border-bottom: 5px solid #f1c40f;
  435. }
  436. </style>
  437. <h1>
  438. <span><a id="jumper" href="#jumpto" title="Un peu perdu ?">?</a></span>
  439. Heat: the next big inequality issue (archive)
  440. <time>Pour la pérennité des contenus liés. Non-indexé, retrait sur simple email.</time>
  441. </h1>
  442. <section>
  443. <article>
  444. <h3><a href="https://www.theguardian.com/cities/2018/aug/13/heat-next-big-inequality-issue-heatwaves-world">Source originale du contenu</a></h3>
  445. <div class="content__article-body from-content-api js-article__body" itemprop="articleBody" data-test-id="article-review-body">
  446. <p><span class="drop-cap"><span class="drop-cap__inner">W</span></span>hen July’s heatwave swept through the Canadian province of Quebec, <a href="https://www.thestar.com/news/canada/2018/07/18/89-deaths-now-linked-to-heat-wave-in-quebec.html" data-link-name="in body link" class="u-underline in-body-link--immersive">killing </a><a href="https://www.thestar.com/news/canada/2018/07/18/89-deaths-now-linked-to-heat-wave-in-quebec.html" data-link-name="in body link" class="u-underline in-body-link--immersive">more than 90 people in little over a week</a>, the unrelenting sunshine threw the disparities between rich and poor into sharp relief.</p>
  447. <p>While the well-heeled residents of Montreal hunkered down in blissfully air conditioned offices and houses, the city’s homeless population – not usually welcome in public areas such as shopping malls and restaurants – struggled to escape the blanket of heat.</p>
  448. <figure class="element element-interactive interactive element--thumbnail" data-interactive="https://interactive.guim.co.uk/embed/iframe-wrapper/0.1/boot.js" data-canonical-url="https://interactive.guim.co.uk/uploader/embed/2018/08/intro-map/giv-3902fOKKgRggJeIN" data-alt="montreal map">
  449. <a href="https://interactive.guim.co.uk/uploader/embed/2018/08/intro-map/giv-3902fOKKgRggJeIN" data-link-name="in body link" class="u-underline in-body-link--immersive">montreal map</a>
  450. </figure>
  451. <p>Benedict Labre House, a day centre for homeless people, wasn’t able to secure a donated air-conditioning unit until five days into the heatwave. “You can imagine when you have 40 or 50 people in an enclosed space and it’s so hot, it’s very hard to deal with,” says Francine Nadler, clinical coordinator at the facility.</p>
  452. <p>Fifty-four Montreal residents were killed by this summer’s heat. Authorities haven’t so far specified whether any homeless people were among them, but according to the regional department of public health, the majority were aged over 50, lived alone, and had underlying physical or mental health problems. None had air conditioning. Montreal coroner Jean Brochu told reporters that many of the bodies examined by his team “were in an advanced state of decay, having sometimes spent up to two days in the heat before being found”.</p>
  453. <aside class="element element-pullquote element--supporting element-pullquote--photo-essay">
  454. <span class="inline-garnett-quote inline-icon ">
  455. <svg viewbox="0 0 35 25" class="inline-garnett-quote__svg inline-icon__svg">
  456. <path d="M69.587.9c-1.842 15.556-3.89 31.316-4.708 48.1H37.043c3.07-16.784 8.391-32.544 17.602-48.1h14.942zM32.949.9c-2.047 15.556-4.094 31.316-4.912 48.1H.2C3.066 32.216 8.592 16.456 17.598.9h15.35z"/>
  457. </svg> </span>
  458. <blockquote>
  459. <p class="pullquote-paragraph">Dying in a heatwave is like being slowly cooked. It’s pure torture ... this heat can kill soldiers, athletes, everyone</p>
  460. <footer>
  461. <cite class="pullquote-cite">Professor ​Camilo Mora</cite>
  462. </footer>
  463. </blockquote>
  464. </aside>
  465. <p>It was the poor and isolated who quietly suffered the most in the heat – a situation echoed in overheated cities across the world. In the US, immigrant workers <a href="https://www.reuters.com/article/us-temperature-immigrants-casualties/immigrant-workers-in-u-s-have-tripled-risk-for-heat-related-death-idUSKBN1DE2G3" data-link-name="in body link" class="u-underline in-body-link--immersive">are three times more likely</a> to die from heat exposure than American citizens. In India, where 24 cities are <a href="https://www.c40.org/other/the-future-we-don-t-want-for-cities-the-heat-is-on" data-link-name="in body link" class="u-underline in-body-link--immersive">expected to reach</a> average summertime highs of at least 35C (95F) by 2050, it is <a href="https://www.thehindu.com/news/cities/Vijayawada/slums-in-indian-cities-most-vulnerable-to-heat-wave/article22822096.ece" data-link-name="in body link" class="u-underline in-body-link--immersive">the slum dwellers</a> who are most vulnerable. And as the global risk of prolonged exposure to deadly heat steadily rises, so do the associated risks of human catastrophe.</p>
  466. <p>Last year, Hawaiian researchers <a href="https://www.nature.com/articles/nclimate3322" data-link-name="in body link" class="u-underline in-body-link--immersive">projected that the</a> share of the world’s population exposed to deadly heat for at least 20 days a year will increase from 30% now to 74% by 2100 if greenhouse gas emissions are allowed to grow. (It will rise to 48% with “drastic reductions”.) They concluded that “an increasing threat to human life from excess heat now seems almost inevitable”.</p>
  467. <figure class="element element-embed" data-alt="The Cityscape: get the best of Guardian Cities delivered to you every week, with just-released data, features and on-the-ground reports from all over the world">
  468. </figure>
  469. <ul>
  470. <li>The Cityscape: get the best of Guardian Cities delivered to you every week, with just-released data, features and on-the-ground reports from all over the world <br/></li>
  471. </ul>
  472. <p>“Dying in a heatwave is like being slowly cooked,” said lead author Professor Camilo Mora at the time of publication. “It’s pure torture. The young and elderly are at particular risk, but we found that this heat can kill soldiers, athletes, everyone.”</p>
  473. <figure itemprop="associatedMedia image" itemscope="" itemtype="http://schema.org/ImageObject" data-component="image" class="element element-image img--landscape element--immersive fig--narrow-caption fig--has-shares section-image element-image--photo-essay" data-media-id="94e42dbfaedc82fe1ed0a4d73f0c3102dc27b1ce" id="img-2">
  474. <h2 class="section-title">Killer temperatures</h2>
  475. <meta itemprop="url" content="https://i.guim.co.uk/img/media/94e42dbfaedc82fe1ed0a4d73f0c3102dc27b1ce/0_9_2901_1741/master/2901.jpg?w=700&amp;q=55&amp;auto=format&amp;usm=12&amp;fit=max&amp;s=70ed1f0b85dda1620106b340fd982a56"/>
  476. <meta itemprop="width" content="2901"/>
  477. <meta itemprop="height" content="1741"/>
  478. <a href="#img-2" class="article__img-container js-gallerythumbs in-body-link--immersive" data-link-name="Launch Article Lightbox" data-is-ajax="">
  479. <span class="inline-expand-image inline-icon centered-icon rounded-icon article__fullscreen modern-visible">
  480. <svg viewbox="0 0 22 22" class="centered-icon__svg rounded-icon__svg article__fullscreen__svg modern-visible__svg inline-expand-image__svg inline-icon__svg">
  481. <path d="M3.4 20.2L9 14.5 7.5 13l-5.7 5.6L1 14H0v7.5l.5.5H8v-1l-4.6-.8M18.7 1.9L13 7.6 14.4 9l5.7-5.7.5 4.7h1.2V.6l-.5-.5H14v1.2l4.7.6"/>
  482. </svg> </span> </a>
  483. </figure>
  484. <figure class="element element-interactive interactive element--thumbnail" data-interactive="https://interactive.guim.co.uk/embed/iframe-wrapper/0.1/boot.js" data-canonical-url="https://interactive.guim.co.uk/uploader/embed/2018/08/heated-divmap/giv-3902w7jp6Dnb8QVu" data-alt="divisions map">
  485. <a href="https://interactive.guim.co.uk/uploader/embed/2018/08/heated-divmap/giv-3902w7jp6Dnb8QVu" data-link-name="in body link" class="u-underline in-body-link--immersive">divisions map</a>
  486. </figure>
  487. <p>The year 2018 is set to be among the hottest since records began, with unprecedented peak temperatures engulfing the planet, from 43C (109F) in Baku, Azerbaijan, to the low 30s across Scandinavia. In Kyoto, Japan, the mercury did not dip below 38C (100F) for a week. In the US, an unusually early and humid July heatwave <a href="https://www.scientificamerican.com/article/l-a-s-not-just-sizzling-its-sultry-why-californias-july-heat-wave-is-so-weird/" data-link-name="in body link" class="u-underline in-body-link--immersive">saw 48.8C (120F) in Chino</a>, inland of Los Angeles. Residents blasted their air conditioners so much they caused power shortages.</p>
  488. <p>Urban areas are reaching these killer temperatures <a href="http://iopscience.iop.org/article/10.1088/1748-9326/10/2/024005" data-link-name="in body link" class="u-underline in-body-link--immersive">faster than </a><a href="http://iopscience.iop.org/article/10.1088/1748-9326/10/2/024005" data-link-name="in body link" class="u-underline in-body-link--immersive">those</a> that are less populated. Cities absorb, create and radiate heat. Asphalt, brick, concrete and dark roofs act like sponges for heat during the day and emit warmth at night. Air conditioning is a lifesaver for those who can afford it, but it makes the streets even hotter for those who can’t.</p>
  489. <p>“Urban heat islands, combined with an ageing population and increased urbanisation, are projected to increase the vulnerability of urban populations, especially the poor, to heat-related health impacts in the future,” a US government assessment <a href="https://nca2014.globalchange.gov/highlights/report-findings/human-health" data-link-name="in body link" class="u-underline in-body-link--immersive">warned</a>.</p>
  490. <p>The World Health Organisation says that 60% of people will live in cities by 2030, and the more densely populated they become, the hotter they’ll get. Considering that <a href="http://advances.sciencemag.org/content/3/8/e1603322" data-link-name="in body link" class="u-underline in-body-link--immersive">recent predictions</a> warn temperatures in South Asia will exceed the limits of human survival by the end of the century, every degree counts. Even this year, 65 people have perished from nearly 44C (111F) heat in Karachi, Pakistan – a city used to extreme heat.</p>
  491. <aside class="element element-pullquote element--supporting element-pullquote--photo-essay">
  492. <span class="inline-garnett-quote inline-icon ">
  493. <svg viewbox="0 0 35 25" class="inline-garnett-quote__svg inline-icon__svg">
  494. <path d="M69.587.9c-1.842 15.556-3.89 31.316-4.708 48.1H37.043c3.07-16.784 8.391-32.544 17.602-48.1h14.942zM32.949.9c-2.047 15.556-4.094 31.316-4.912 48.1H.2C3.066 32.216 8.592 16.456 17.598.9h15.35z"/>
  495. </svg> </span>
  496. <blockquote>
  497. <p class="pullquote-paragraph">These problems are worse for vulnerable or low-income populations living near traffic in poor housing with no air conditioning</p>
  498. <footer>
  499. <cite class="pullquote-cite">Tarik Benmarhnia, public health researcher</cite>
  500. </footer>
  501. </blockquote>
  502. </aside>
  503. <p>But the impact is not evenly distributed. For example, there is a strong correlation between an area’s green spaces and its wealth; when shade from tree canopies <a href="https://www.epa.gov/heat-islands/using-trees-and-vegetation-reduce-heat-islands" data-link-name="in body link" class="u-underline in-body-link--immersive">can lower</a><a href="https://www.epa.gov/heat-islands/using-trees-and-vegetation-reduce-heat-islands" data-link-name="in body link" class="u-underline in-body-link--immersive"> surfaces’ peak temperature</a> by 11–25°C, “landscape is a predictor for morbidity in heatwaves”, says Tarik Benmarhnia, public health researcher at University of California San Diego. <a href="https://www.ncbi.nlm.nih.gov/pubmed/29149680" data-link-name="in body link" class="u-underline in-body-link--immersive">A review paper</a> he recently co-authored found that people living in less vegetated areas had a 5% higher risk of death from heat-related causes.</p>
  504. <p>In 2017, researchers at University of California, Berkeley <a href="https://ehp.niehs.nih.gov/1205919/#tab2" data-link-name="in body link" class="u-underline in-body-link--immersive">were able to map</a> racial divides in the US by proximity to trees. Black people were 52% more likely than white people to live in areas of unnatural “heat risk-related land cover”, while Asians were 32% more likely and Hispanics 21%.</p>
  505. <p><a href="https://www.epa.gov/ozone-pollution-and-your-patients-health/health-effects-ozone-general-population#mortality" data-link-name="in body link" class="u-underline in-body-link--immersive">Air pollution is more deadly</a> in these areas, too, as nitrous oxides generate ozone when heated by the sun, inflaming airways and increasing mortality risk. “These problems are worse,” says Benmarhnia, “for vulnerable or low-income populations living near traffic in poor housing with no air conditioning.”</p>
  506. <p>But air conditioning will remain out of reach for many, even as it increasingly becomes a necessity. In 2014, Public Health England <a href="https://www.theguardian.com/environment/2014/feb/04/heat-related-deaths-climate-change" data-link-name="in body link" class="u-underline in-body-link--immersive">raised concerns that</a> “the distribution of cooling systems may reflect socioeconomic inequalities unless they are heavily subsidised,” adding that rising fuel costs could further exacerbate this. And when we need to use less energy and cool the planet, not just our homes and offices, relying upon air conditioning is not a viable long-term plan – and certainly not for everyone.</p>
  507. <figure itemprop="associatedMedia image" itemscope="" itemtype="http://schema.org/ImageObject" data-component="image" class="element element-image img--landscape element--immersive fig--narrow-caption fig--has-shares section-image element-image--photo-essay" data-media-id="aa1cffc0c5fa07b2dfc6d73f5b23ef5d9c9d7994" id="img-3">
  508. <h2 class="section-title">‘In Cairo everything is suffocating’</h2>
  509. <meta itemprop="url" content="https://i.guim.co.uk/img/media/aa1cffc0c5fa07b2dfc6d73f5b23ef5d9c9d7994/0_94_3000_1800/master/3000.jpg?w=700&amp;q=55&amp;auto=format&amp;usm=12&amp;fit=max&amp;s=210a26e92f1061e12b90ba8b915a1c60"/>
  510. <meta itemprop="width" content="3000"/>
  511. <meta itemprop="height" content="1800"/>
  512. <a href="#img-3" class="article__img-container js-gallerythumbs in-body-link--immersive" data-link-name="Launch Article Lightbox" data-is-ajax="">
  513. <span class="inline-expand-image inline-icon centered-icon rounded-icon article__fullscreen modern-visible">
  514. <svg viewbox="0 0 22 22" class="centered-icon__svg rounded-icon__svg article__fullscreen__svg modern-visible__svg inline-expand-image__svg inline-icon__svg">
  515. <path d="M3.4 20.2L9 14.5 7.5 13l-5.7 5.6L1 14H0v7.5l.5.5H8v-1l-4.6-.8M18.7 1.9L13 7.6 14.4 9l5.7-5.7.5 4.7h1.2V.6l-.5-.5H14v1.2l4.7.6"/>
  516. </svg> </span> </a>
  517. </figure>
  518. <figure class="element element-interactive interactive element--thumbnail" data-interactive="https://interactive.guim.co.uk/embed/iframe-wrapper/0.1/boot.js" data-canonical-url="https://interactive.guim.co.uk/uploader/embed/2018/08/global-issuemap/giv-39026i9JHeU4v3Af" data-alt="Cairo map">
  519. <a href="https://interactive.guim.co.uk/uploader/embed/2018/08/global-issuemap/giv-39026i9JHeU4v3Af" data-link-name="in body link" class="u-underline in-body-link--immersive">Cairo map</a>
  520. </figure>
  521. <p>Most of the research into heatwaves and public health has focused on western countries; Benmarhnia says more studies have been done on the city of Phoenix, Arizona, than the entire continent of Africa. But the problem is global, and especially pronounced across urban slums such as the <em tabindex="-1">ashwiyyat</em> in Cairo, where temperatures during the city’s five-month-long summers have peaked at 46C (115F).</p>
  522. <p>Traditionally Egyptians <a href="https://www.researchgate.net/publication/282988400_The_architecture_of_home_in_cairo_Socio-Spatial_practice_of_the_hawari's_everyday_life" data-link-name="in body link" class="u-underline in-body-link--immersive">built low buildings</a> close together, forming dense networks of shaded alleyways where people could keep cool during summer. But the rapid construction of high-rises and decreasing green spaces have made one of the fastest-growing cities in the world increasingly stifling. Subsidy cuts have brought about a rise of 18-42% in electricity costs, affecting many poor residents’ options for cooling down.</p>
  523. <p>Um Hamad, 41, works as a cleaner and lives with her family in a small flat in <a draggable="true" href="https://www.google.com.eg/maps/place/Musturad,+Arab+Al+Hoson,+Qesm+Al+Matareyah,+Cairo+Governorate/@30.141234,31.2781776,15z/data=!3m1!4b1!4m8!1m2!2m1!1smostorod+cairo!3m4!1s0x1458151f6d36a85d:0xe67b49ff5fa44da2!8m2!3d30.1412304!4d31.2869167" data-link-name="in body link" class="u-underline in-body-link--immersive">Musturad</a> in the city’s north. Though she considers them lucky to live on the relatively cool first floor, “in Cairo everything is suffocating”, she says. Hamad use fans and water to keep cool inside, but the water bill is becoming expensive . “There’s always that trick of sleeping on the floor, and we wear cotton clothes ,” she says. “The temperatures are harder to deal with for women who wear the hijab, so I always tell my daughters to wear only two layers and to wear bright colours.”</p>
  524. <p>In a tight-knit cluster of urban dwellings in Giza, to Cairo’s south, Yassin Al-Ouqba, 42, a train maintenance worker, lives in a house built from a mixture of bricks and mud-bricks. In August, he says, it becomes “like an oven”. “I have a fan and I place it in front of a plate of ice so that it spreads cold air throughout the room. I spread cold water all over the sheets.”</p>
  525. <figure itemprop="associatedMedia image" itemscope="" itemtype="http://schema.org/ImageObject" data-component="image" class="element element-image img--landscape element--immersive fig--narrow-caption fig--has-shares section-image element-image--photo-essay" data-media-id="4797f7e32863fed5f79f425e917c404638df4edd" id="img-4">
  526. <h2 class="section-title">Manila: ‘It gets hellish in summer’</h2>
  527. <meta itemprop="url" content="https://i.guim.co.uk/img/media/4797f7e32863fed5f79f425e917c404638df4edd/420_70_3580_2148/master/3580.jpg?w=700&amp;q=55&amp;auto=format&amp;usm=12&amp;fit=max&amp;s=a4d1c5e58ee31b112370c65d275d0637"/>
  528. <meta itemprop="width" content="3580"/>
  529. <meta itemprop="height" content="2148"/>
  530. <a href="#img-4" class="article__img-container js-gallerythumbs in-body-link--immersive" data-link-name="Launch Article Lightbox" data-is-ajax="">
  531. <span class="inline-expand-image inline-icon centered-icon rounded-icon article__fullscreen modern-visible">
  532. <svg viewbox="0 0 22 22" class="centered-icon__svg rounded-icon__svg article__fullscreen__svg modern-visible__svg inline-expand-image__svg inline-icon__svg">
  533. <path d="M3.4 20.2L9 14.5 7.5 13l-5.7 5.6L1 14H0v7.5l.5.5H8v-1l-4.6-.8M18.7 1.9L13 7.6 14.4 9l5.7-5.7.5 4.7h1.2V.6l-.5-.5H14v1.2l4.7.6"/>
  534. </svg> </span> </a>
  535. </figure>
  536. <figure class="element element-interactive interactive element--thumbnail" data-interactive="https://interactive.guim.co.uk/embed/iframe-wrapper/0.1/boot.js" data-canonical-url="https://interactive.guim.co.uk/uploader/embed/2018/08/hospital-prisonmap/giv-3902UjTTIqp3zO6x" data-alt="Manila map">
  537. <a href="https://interactive.guim.co.uk/uploader/embed/2018/08/hospital-prisonmap/giv-3902UjTTIqp3zO6x" data-link-name="in body link" class="u-underline in-body-link--immersive">Manila map</a>
  538. </figure>
  539. <p>In tropical Manila in the Philippines, where highs above 30C are intensified by stifling humidity, air conditioning is a luxury even for those in medical care. The Dr Jose Fabella Memorial Hospital is said to have one of the world’s busiest maternity wards, with free contraception only recently made available in the predominantly Catholic country.</p>
  540. <p>An air-conditioned private room costs 650 Philippine pesos per night – less than £10, but far beyond the means of most mothers-to-be, who end up in wards reliant on fans buzzing softly on wall mounts. “These fans work nonstop 24 hours a day, so they never last a year,” says Maribel Bote, a nurse at the hospital for 28 years.</p>
  541. <p>The problem is compounded by regular overcrowding: in the maternity ward, known as ground zero of the country’s overpopulation crisis, as many as five mothers <a href="https://www.pri.org/stories/2015-03-05/manila-baby-factory-why-women-put-crowding-four-or-more-bed-after-giving-birth" data-link-name="in body link" class="u-underline in-body-link--immersive">have been forced</a> to share one bed. “It gets hellish in the summer – the fans blow hot air,” says Bote. “You’ll see the mothers using paper fans to cool themselves.”</p>
  542. <p>In Cambodia, which has seen devastating heatwaves and drought in recent years, surviving the heat is as much a question of status for prisoners as it is for civilians. In the early 2000s Chao Sophea, 30, spent more than two years at Phnom Penh’s Prey Sar prison after being convicted on drug charges, which she denies. At the time she was three months pregnant; Sophea’s child spent its first year in an overcrowded cell designated for pregnant women and new mothers.</p>
  543. <aside class="element element-pullquote element--supporting element-pullquote--photo-essay">
  544. <span class="inline-garnett-quote inline-icon ">
  545. <svg viewbox="0 0 35 25" class="inline-garnett-quote__svg inline-icon__svg">
  546. <path d="M69.587.9c-1.842 15.556-3.89 31.316-4.708 48.1H37.043c3.07-16.784 8.391-32.544 17.602-48.1h14.942zM32.949.9c-2.047 15.556-4.094 31.316-4.912 48.1H.2C3.066 32.216 8.592 16.456 17.598.9h15.35z"/>
  547. </svg> </span>
  548. <blockquote>
  549. <p class="pullquote-paragraph">We slept like smoked fish on a skewer. There was no air conditioning, not even a fan</p>
  550. <footer>
  551. <cite class="pullquote-cite">Former Prey Sar prisoner</cite>
  552. </footer>
  553. </blockquote>
  554. </aside>
  555. <p>“It was actually a steaming room,” says Sophea today. “I was using a fan made of a palm leaf to cool my baby down – that was what I could afford. There was a tiny hole in the wall, but can you imagine how much air you would absorb in such a crowded space? We made a request for an electric fan, but it never arrived.”</p>
  556. <p>An environmental activist who wishes to remain anonymous says he shared a cell of about four square metres with at least 25 other men when he was held in Prey Sar’s men’s wing earlier this year. “We slept like smoked fish on a skewer. There was no air conditioning, not even a fan.”</p>
  557. <p>Others may be able to secure better conditions. A 2015 report by the Cambodian League for the Promotion and Defence of Human Rights stated that “some prisons reportedly house ‘VIP cells’ for well-connected prisoners or those able to pay for single-cell accommodation,” and these are believed to be air conditioned.</p>
  558. <figure itemprop="associatedMedia image" itemscope="" itemtype="http://schema.org/ImageObject" data-component="image" class="element element-image img--landscape element--immersive fig--narrow-caption fig--has-shares section-image element-image--photo-essay" data-media-id="37de4f50021f01202712f9e8174c4fb15e02f1b1" id="img-5">
  559. <h2 class="section-title">Jordan: in a metal box in the desert</h2>
  560. <meta itemprop="url" content="https://i.guim.co.uk/img/media/37de4f50021f01202712f9e8174c4fb15e02f1b1/0_242_3500_2101/master/3500.jpg?w=700&amp;q=55&amp;auto=format&amp;usm=12&amp;fit=max&amp;s=c5021b03ce833ad135c469b559afd19f"/>
  561. <meta itemprop="width" content="3500"/>
  562. <meta itemprop="height" content="2101"/>
  563. <a href="#img-5" class="article__img-container js-gallerythumbs in-body-link--immersive" data-link-name="Launch Article Lightbox" data-is-ajax="">
  564. <span class="inline-expand-image inline-icon centered-icon rounded-icon article__fullscreen modern-visible">
  565. <svg viewbox="0 0 22 22" class="centered-icon__svg rounded-icon__svg article__fullscreen__svg modern-visible__svg inline-expand-image__svg inline-icon__svg">
  566. <path d="M3.4 20.2L9 14.5 7.5 13l-5.7 5.6L1 14H0v7.5l.5.5H8v-1l-4.6-.8M18.7 1.9L13 7.6 14.4 9l5.7-5.7.5 4.7h1.2V.6l-.5-.5H14v1.2l4.7.6"/>
  567. </svg> </span> </a>
  568. </figure>
  569. <figure class="element element-interactive interactive element--thumbnail" data-interactive="https://interactive.guim.co.uk/embed/iframe-wrapper/0.1/boot.js" data-canonical-url="https://interactive.guim.co.uk/uploader/embed/2018/08/refugees-map/giv-3902N3d1qq93iMqM" data-alt="Amman map">
  570. <a href="https://interactive.guim.co.uk/uploader/embed/2018/08/refugees-map/giv-3902N3d1qq93iMqM" data-link-name="in body link" class="u-underline in-body-link--immersive">Amman map</a>
  571. </figure>
  572. <p>Compounding the threat posed by the changing climate is the refugee crisis. The two are intimately linked, with extreme weather events often a factor in social, political and economic instability. A <a href="https://www.theguardian.com/environment/climate-consensus-97-per-cent/2018/jan/15/study-finds-that-global-warming-exacerbates-refugee-crises" data-link-name="in body link" class="u-underline in-body-link--immersive">paper published in the journal Science</a> in December found that if greenhouse gas emissions were not meaningfully reduced global asylum applications would increase by almost 200% by the end of the century.</p>
  573. <p>On a plain north of Amman, some 80,000 Syrians live in the <a href="https://www.theguardian.com/commentisfree/2015/sep/14/life-refugee-camp-syrian-family-jordan-escape" data-link-name="in body link" class="u-underline in-body-link--immersive">Za’atari refugee camp</a>, a semi-permanent urban settlement set up six years ago and now <a href="https://www.oxfam.org/en/crisis-syria/life-zaatari-refugee-camp-jordans-fourth-biggest-city" data-link-name="in body link" class="u-underline in-body-link--immersive">considered</a> Jordan’s fourth-largest city. Hamda Al-Marzouq, 27, arrived three years ago, fleeing airstrikes on her neighbourhood in the outskirts of Damascus.</p>
  574. <p>Her husband had gone missing during the war, and she was desperate to save her young son and extended family. Eight of them now live in a prefabricated shelter, essentially a large metal box, which Al-Marzouq says turns into an oven during the summer.</p>
  575. <aside class="element element-pullquote element--supporting element-pullquote--photo-essay">
  576. <span class="inline-garnett-quote inline-icon ">
  577. <svg viewbox="0 0 35 25" class="inline-garnett-quote__svg inline-icon__svg">
  578. <path d="M69.587.9c-1.842 15.556-3.89 31.316-4.708 48.1H37.043c3.07-16.784 8.391-32.544 17.602-48.1h14.942zM32.949.9c-2.047 15.556-4.094 31.316-4.912 48.1H.2C3.066 32.216 8.592 16.456 17.598.9h15.35z"/>
  579. </svg> </span>
  580. <blockquote>
  581. <p class="pullquote-paragraph">It’s suffocating. We soak the towels and try to breathe through them</p>
  582. <footer>
  583. <cite class="pullquote-cite">Hamda Al-Marzouq, Za’atari camp resident</cite>
  584. </footer>
  585. </blockquote>
  586. </aside>
  587. <p>“It’s a desert area, and we’re suffering,” she says by phone from the camp. “We have different ways of coping. We wake in the early morning and soak the floor with water. Then we sprinkle water on ourselves.” There is no daytime electricity, so fans are useless. When power does arrive at night, the desert has already cooled.</p>
  588. <p>Many days, her family will wait until the evening to walk outside, wrapping wet towels around their heads. But the biggest problem are sandstorms, which can arrive violently during the summer months and engulf the camp for days. “We have to close the caravan windows,” she says, adding the room then gets hotter. “It’s suffocating. We soak the towels and try to breathe through them.”</p>
  589. <p>Al-Marzouq’s five-year-old son suffers respiratory problems and keeps getting infections, while asthma is rife across the camp.</p>
  590. <p>Water has also been an issue, with demand in northern Jordan – one of the most water-scarce countries in the world – surging following the refugee arrivals. A <a href="https://www.unicef.org/jordan/media_12566.html" data-link-name="in body link" class="u-underline in-body-link--immersive">Unicef</a><a href="https://www.unicef.org/jordan/media_12566.html" data-link-name="in body link" class="u-underline in-body-link--immersive">-led operation</a> will see all households connected to a water network by October, which Al-Marzouq says has been a significant help.</p>
  591. <p>“We used to collect water with jerry cans and had to carry it for long distances. Now, with the water network being operational, things are much easier. We don’t have to fight in a long queue to get our share of water. Now there is equity.”</p>
  592. <figure itemprop="associatedMedia image" itemscope="" itemtype="http://schema.org/ImageObject" data-component="image" class="element element-image img--landscape fig--narrow-caption fig--has-shares element-image--photo-essay" data-media-id="e1f0d5bef280511b93764be6c1f4e5d6e3c29eaa" id="img-6">
  593. <meta itemprop="url" content="https://i.guim.co.uk/img/media/e1f0d5bef280511b93764be6c1f4e5d6e3c29eaa/0_258_4368_2621/master/4368.jpg?w=700&amp;q=55&amp;auto=format&amp;usm=12&amp;fit=max&amp;s=b90bb60ae4d065dede6fa5718aeea625"/>
  594. <meta itemprop="width" content="4368"/>
  595. <meta itemprop="height" content="2621"/>
  596. <a href="#img-6" class="article__img-container js-gallerythumbs in-body-link--immersive" data-link-name="Launch Article Lightbox" data-is-ajax="">
  597. <span class="inline-expand-image inline-icon centered-icon rounded-icon article__fullscreen modern-visible">
  598. <svg viewbox="0 0 22 22" class="centered-icon__svg rounded-icon__svg article__fullscreen__svg modern-visible__svg inline-expand-image__svg inline-icon__svg">
  599. <path d="M3.4 20.2L9 14.5 7.5 13l-5.7 5.6L1 14H0v7.5l.5.5H8v-1l-4.6-.8M18.7 1.9L13 7.6 14.4 9l5.7-5.7.5 4.7h1.2V.6l-.5-.5H14v1.2l4.7.6"/>
  600. </svg> </span> </a>
  601. </figure>
  602. <h2>A plan for the future?</h2>
  603. <p>Across the board, lack of equality has been found to feed the urban furnaces. The US researchers who in 2013 uncovered the racial divide in urban heat vulnerability discovered that the more segregated a city was, the hotter it was for everyone. Rachel Morello-Frosch, one of the co-authors,<a href="http://www.latimes.com/science/sciencenow/la-sci-sn-minorities-urban-heat-islands-20130709-story.html" data-link-name="in body link" class="u-underline in-body-link--immersive"> told the LA Times</a> at the time that “this pattern of racial segregation appears to increase everyone’s risk of living in a heat-prone environment”.</p>
  604. <p>Treating cities as a whole, ghettos and all, is a more effective way to tackle extreme urban heat, they found. Researchers recommended planting more trees and increasing light-coloured surfaces to reduce the overall heat island effect, adding that urban planning to mitigate future extreme heat “should proactively incorporate an environmental justice perspective and address racial/ethnic disparities”.</p>
  605. <aside class="element element-pullquote element--supporting element-pullquote--photo-essay">
  606. <span class="inline-garnett-quote inline-icon ">
  607. <svg viewbox="0 0 35 25" class="inline-garnett-quote__svg inline-icon__svg">
  608. <path d="M69.587.9c-1.842 15.556-3.89 31.316-4.708 48.1H37.043c3.07-16.784 8.391-32.544 17.602-48.1h14.942zM32.949.9c-2.047 15.556-4.094 31.316-4.912 48.1H.2C3.066 32.216 8.592 16.456 17.598.9h15.35z"/>
  609. </svg> </span>
  610. <blockquote>
  611. <p class="pullquote-paragraph">Cities will have to rethink how we prepare for these emergencies and what we’re able to offer to all of our citizens</p>
  612. <footer>
  613. <cite class="pullquote-cite">Francine Nadler, Benedict Labre House</cite>
  614. </footer>
  615. </blockquote>
  616. </aside>
  617. <p>Working to break social isolation, says Benmarhnia, “is a win-win situation”, with the added benefit of bringing the “invisible” people most at risk – like the homeless, and illegal immigrants – back into the community, where they can be looked after.</p>
  618. <p>In at least one of the world’s hottest countries, steps are starting to be taken. India recently announced that <a href="https://www.theguardian.com/world/2018/jun/02/india-heat-wave-deaths-public-health-measures" data-link-name="in body link" class="u-underline in-body-link--immersive">a series of common-sense public health interventions</a> have led to an enormous reduction in heat-related deaths – from 2,040 in 2015, to a little over 200 in 2017. Successful measures included unlocking the gates to public parks during the day, distributing free water, and painting the roofs of slum communities white, knocking 5C off internal temperatures.</p>
  619. <aside class="element element-rich-link element--thumbnail element-rich-link--not-upgraded" data-component="rich-link" data-link-name="rich-link-1 | 1">
  620. <div class="rich-link">
  621. <div class="rich-link__container">
  622. <p class="rich-link__header">
  623. <h1 class="rich-link__title">Halfway to boiling: the city at 50C</h1>
  624. </p>
  625. <a class="rich-link__link u-faux-block-link__overlay in-body-link--immersive" href="https://www.theguardian.com/cities/2018/aug/13/halfway-boiling-city-50c" aria-label="Halfway to boiling: the city at 50C"/>
  626. </div>
  627. </div>
  628. </aside>
  629. <p>Montreal first implemented <a href="https://ehp.niehs.nih.gov/EHP203/" data-link-name="in body link" class="u-underline in-body-link--immersive">a similar heat action plan in 2004</a>, reducing mortality on hot days by 2.52 deaths per day, but as the heat waves intensify, it is likely that this will need to be reassessed. Nadler says the devastating impacts of global warming are only just beginning to dawn on everyone. “Cities will have to rethink how we prepare for these emergencies and what we’re able to offer to all of our citizens – from the most affluent, to the most vulnerable.”</p>
  630. <p><em>Additional reporting by Ruth Michaelson with Adham Youssef in Cairo, Oliver Holmes in Jerusalem, Carmela Fonbuena in Manila and Holly Robertson in Phnom Penh</em></p>
  631. <p><em>Follow Guardian Cities on <a href="https://twitter.com/guardiancities" data-link-name="in body link" class="u-underline in-body-link--immersive">Twitter</a>, <a href="https://www.facebook.com/guardiancities" data-link-name="in body link" class="u-underline in-body-link--immersive">Facebook</a> and <a href="https://www.instagram.com/guardiancities/?hl=en" data-link-name="in body link" class="u-underline in-body-link--immersive">Instagram</a> to join the discussion, and <a href="https://www.theguardian.com/cities" data-link-name="in body link" class="u-underline in-body-link--immersive">explore our archive here</a></em></p>
  632. </div>
  633. </article>
  634. </section>
  635. <nav id="jumpto">
  636. <p>
  637. <a href="/david/blog/">Accueil du blog</a> |
  638. <a href="https://www.theguardian.com/cities/2018/aug/13/heat-next-big-inequality-issue-heatwaves-world">Source originale</a> |
  639. <a href="/david/stream/2019/">Accueil du flux</a>
  640. </p>
  641. </nav>
  642. <footer>
  643. <div>
  644. <img src="/static/david/david-larlet-avatar.jpg" loading="lazy" class="avatar" width="200" height="200">
  645. <p>
  646. Bonjour/Hi!
  647. Je suis <a href="/david/" title="Profil public">David&nbsp;Larlet</a>, je vis actuellement à Montréal et j’alimente cet espace depuis 15 ans. <br>
  648. Si tu as apprécié cette lecture, n’hésite pas à poursuivre ton exploration. Par exemple via les <a href="/david/blog/" title="Expériences bienveillantes">réflexions bimestrielles</a>, la <a href="/david/stream/2019/" title="Pensées (dés)articulées">veille hebdomadaire</a> ou en t’abonnant au <a href="/david/log/" title="S’abonner aux publications via RSS">flux RSS</a> (<a href="/david/blog/2019/flux-rss/" title="Tiens c’est quoi un flux RSS ?">so 2005</a>).
  649. </p>
  650. <p>
  651. Je m’intéresse à la place que je peux avoir dans ce monde. En tant qu’humain, en tant que membre d’une famille et en tant qu’associé d’une coopérative. De temps en temps, je fais aussi des <a href="https://github.com/davidbgk" title="Principalement sur Github mais aussi ailleurs">trucs techniques</a>. Et encore plus rarement, <a href="/david/talks/" title="En ce moment je laisse plutôt la place aux autres">j’en parle</a>.
  652. </p>
  653. <p>
  654. Voici quelques articles choisis :
  655. <a href="/david/blog/2019/faire-equipe/" title="Accéder à l’article complet">Faire équipe</a>,
  656. <a href="/david/blog/2018/bivouac-automnal/" title="Accéder à l’article complet">Bivouac automnal</a>,
  657. <a href="/david/blog/2018/commodite-effondrement/" title="Accéder à l’article complet">Commodité et effondrement</a>,
  658. <a href="/david/blog/2017/donnees-communs/" title="Accéder à l’article complet">Des données aux communs</a>,
  659. <a href="/david/blog/2016/accompagner-enfant/" title="Accéder à l’article complet">Accompagner un enfant</a>,
  660. <a href="/david/blog/2016/senior-developer/" title="Accéder à l’article complet">Senior developer</a>,
  661. <a href="/david/blog/2016/illusion-sociale/" title="Accéder à l’article complet">L’illusion sociale</a>,
  662. <a href="/david/blog/2016/instantane-scopyleft/" title="Accéder à l’article complet">Instantané Scopyleft</a>,
  663. <a href="/david/blog/2016/enseigner-web/" title="Accéder à l’article complet">Enseigner le Web</a>,
  664. <a href="/david/blog/2016/simplicite-defaut/" title="Accéder à l’article complet">Simplicité par défaut</a>,
  665. <a href="/david/blog/2016/minimalisme-esthetique/" title="Accéder à l’article complet">Minimalisme et esthétique</a>,
  666. <a href="/david/blog/2014/un-web-omni-present/" title="Accéder à l’article complet">Un web omni-présent</a>,
  667. <a href="/david/blog/2014/manifeste-developpeur/" title="Accéder à l’article complet">Manifeste de développeur</a>,
  668. <a href="/david/blog/2013/confort-convivialite/" title="Accéder à l’article complet">Confort et convivialité</a>,
  669. <a href="/david/blog/2013/testament-numerique/" title="Accéder à l’article complet">Testament numérique</a>,
  670. et <a href="/david/blog/" title="Accéder aux archives">bien d’autres…</a>
  671. </p>
  672. <p>
  673. On peut <a href="mailto:david%40larlet.fr" title="Envoyer un courriel">échanger par courriel</a>. Si éventuellement tu souhaites que l’on travaille ensemble, tu devrais commencer par consulter le <a href="http://larlet.com">profil dédié à mon activité professionnelle</a> et/ou contacter directement <a href="http://scopyleft.fr/">scopyleft</a>, la <abbr title="Société coopérative et participative">SCOP</abbr> dont je fais partie depuis six ans. Je recommande au préalable de lire <a href="/david/blog/2018/cout-site/" title="Attention ce qui va suivre peut vous choquer">combien coûte un site</a> et pourquoi je suis plutôt favorable à une <a href="/david/pro/devis/" title="Discutons-en !">non-demande de devis</a>.
  674. </p>
  675. <p>
  676. Je ne traque pas ta navigation mais mon
  677. <abbr title="Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33.184162340">hébergeur</abbr>
  678. conserve des logs d’accès.
  679. </p>
  680. </div>
  681. </footer>
  682. <script type="text/javascript">
  683. ;(_ => {
  684. const jumper = document.getElementById('jumper')
  685. jumper.addEventListener('click', e => {
  686. e.preventDefault()
  687. const anchor = e.target.getAttribute('href')
  688. const targetEl = document.getElementById(anchor.substring(1))
  689. targetEl.scrollIntoView({behavior: 'smooth'})
  690. })
  691. })()
  692. </script>