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

3 anni fa
3 anni fa
3 anni fa
3 anni fa
3 anni fa
3 anni fa
3 anni fa
3 anni fa
3 anni fa
3 anni fa
3 anni fa
3 anni fa
3 anni fa
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185
  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>What would have happened if we never fixed the ozone hole? (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.sciof.fi/what-would-have-happened-if-we-never-fixed-the-ozone-hole/">
  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>What would have happened if we never fixed the ozone hole?</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-2021-12.svg#icon-home"></use>
  65. </svg> Accueil</a> •
  66. <a href="https://www.sciof.fi/what-would-have-happened-if-we-never-fixed-the-ozone-hole/" title="Lien vers le contenu original">Source originale</a>
  67. </p>
  68. </nav>
  69. <hr>
  70. <p>In the year 2084, the world is a bleak place. Smog hangs thick over desolate urban skylines, blotting out the Sun and preventing plant life from flourishing. There’s no wildlife to be found, either, only humans, most of whom succumb to an aggressive skin disease shortly after reaching adulthood. The average life expectancy is 25.</p>
  71. <p>This is more than your typical dystopian science fiction scenario. It is one possible version of what scientists call the “<a href="https://www.earthobservatory.nasa.gov/features/WorldWithoutOzone">world avoided</a>,” that is, the world that might have been had humanity failed to fix the ozone hole. While this shadow future is rarely discussed outside of academic circles, recently, the United Nations Ozone Secretariat partnered with South African production company Rooftop to bring it to life for young people who can’t remember a time when the ozone crisis dominated the news.</p>
  72. <figure class="kg-card kg-embed-card"><iframe src="https://www.youtube.com/embed/WP8h3IahGCE?start=1&amp;feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen>VIDEO</iframe></figure>
  73. <p>The result: <em>Reset Earth</em>, an <a href="https://www.youtube.com/watch?v=WP8h3IahGCE&amp;feature=emb_logo">animated short film</a> and free-to-play <a href="https://play.google.com/store/apps/details?id=com.UNEP.ResetEarth">mobile game</a> about a about a group of teens who have to travel back in time to save Earth’s ozone layer. It’s an innovative blend of science and storytelling that, despite the bleak backdrop, offers a hopeful message to the youth of today: it really is possible to solve global environmental challenges. It’s a message worth taking to heart as we move deeper into the most critical decade for tackling climate change.</p>
  74. <p>In the annals of environmental history, humanity’s response to the ozone crisis stands out as a rare success story. During the 1970s and ‘80s, evidence started to mount that certain household chemicals used in refrigerators, air conditioners, and aerosol cans like hairspray were eating a giant hole in Earth’s ozone layer, which prevents harmful ultraviolet radiation from reaching the surface. Facing the terrifying prospect of a future without any atmospheric sunscreen at all, in the late 1980s nations came together to sign the Montreal Protocol, a global treaty to phase out so-called ozone-depleting substances like chlorofluorocarbons.</p>
  75. <p>Since then, the ozone hole has been <a href="https://gizmodo.com/the-ozone-hole-is-finally-healing-1782885459">slowly healing</a>. <a href="https://ozone.unep.org/ozone-and-you">According to the U.N.</a>, it’s now on track to recover fully by mid-century.</p>
  76. <p>But if things hadn’t turned out that way—if the scientific evidence linking man-made chemicals to ozone depletion wasn’t strong enough, or if ozone deniers (yes, there were ozone deniers) successfully stymied the Montreal Protocol—the world might look very different. By the middle of the 21st century, <a href="https://www.earthobservatory.nasa.gov/features/WorldWithoutOzone">computer models suggest</a> that in the world we avoided, global ozone levels would decline nearly 70 percent, doubling the intensity of UV radiation at Earth’s surface. Rates of skin cancer and cataracts—responsible for about half of all blindness worldwide—would soar. The extra dose of UV would damage crops, potentially leading to global food shortages. And it would have a cascade of devastating effects on wild plants and animals which, like us, have evolved to survive in the low-UV conditions created by the ozone layer.</p>
  77. <figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://cdn.substack.com/image/fetch/w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2Fb8d32ab4-7252-4850-bb0e-09bc33e9f133_720x167.png" class="kg-image" alt loading="lazy"><figcaption>Modeled dissipation of the ozone layer if humans never phased out ozone-destroying substances. Credit: NASA</figcaption></figure>
  78. <p>Widespread vegetation die-backs could ensue, triggering huge releases of carbon into the atmosphere and worsening global warming. (To add insult to injury, all the extra UV radiation would probably <a href="https://www.pnas.org/content/113/16/4392">speed up organic matter decay</a>.) Not even synthetic building materials would be safe from rapid deterioration under the harsh new Sun.</p>
  79. <p>Eventually, humans would become so desperate for a fix that we might turn to risky geo-engineering solutions. In the <em>Reset Earth</em> future, one such Hail Mary-plan—spraying the skies with a smog-forming chemical that dissipates UV light—backfires horribly, causing a skin disease even deadlier than cancer, known as the GROW, to flourish. Young people start showing signs of GROW infection in their late teens or early 20s, and most die several years later.</p>
  80. <p>Stephanie Egger Haysmith, a communications officer for the U.N. Ozone Secretariat, told The Science of Fiction that this scenario was based on “numerous conversations with scientists of the Environmental Effects Assessment Panel,” one of the advisory panels for the Montreal Protocol, “exploring the different effects of increased UV radiation on people and the environment.” While the idea of a future ozone crisis intersecting with a public health crisis was under development before the covid-19 pandemic hit, she says that as time went on and the coronavirus’s impacts became more apparent, that “fed into further ideas around the script.”</p>
  81. <p>“The essential idea was that our earth, with all of its complex global environmental issues and their interlinkages, hangs in a balance that can be upset if we don’t protect it using knowledge, science and collaboration,” Haysmith went on.</p>
  82. <p><em>Reset Earth</em> isn’t a flawless production. The writing can be clunky at times, and early reviews on the mobile game, a single-player platformer based on the animated film’s storyline, are decidedly mixed. I’m about halfway through the second stage and so far, collecting all of the clues about where environmental history went wrong has been fun enough to keep me interested, even if the gameplay is a bit basic.</p>
  83. <p>But the ideas behind the project are fascinating, and as a way of reminding kids there are environmental nightmare scenarios we’ve dodged, you can’t do much better than the ozone apocalypse. Personally, I’m hopeful this project can be put to good use in the classroom. If solving puzzles in a retro graphics-version of an atmospheric horror story is how we teach kids there’s still time to save the future, I’m here for it.</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-2021-12.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-2021-12.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-2021-12.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-2021-12.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-2021-12.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-2021-12.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>