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

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201
  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,initial-scale=1">
  11. <!-- Required to make a valid HTML5 document. -->
  12. <title>Some rambling thoughts about the stuttering end of the last ice age and what lockdown means (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="#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. <meta name="robots" content="noindex, nofollow">
  52. <meta content="origin-when-cross-origin" name="referrer">
  53. <!-- Canonical URL for SEO purposes -->
  54. <link rel="canonical" href="http://interconnected.org/home/2020/04/20/continuous_partial_lockdown">
  55. <body class="remarkdown h1-underline h2-underline h3-underline em-underscore hr-center ul-star pre-tick">
  56. <article>
  57. <header>
  58. <h1>Some rambling thoughts about the stuttering end of the last ice age and what lockdown means</h1>
  59. </header>
  60. <nav>
  61. <p class="center">
  62. <a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home">
  63. <use xlink:href="/static/david/icons2/symbol-defs.svg#icon-home"></use>
  64. </svg> Accueil</a> •
  65. <a href="http://interconnected.org/home/2020/04/20/continuous_partial_lockdown" title="Lien vers le contenu original">Source originale</a>
  66. </p>
  67. </nav>
  68. <hr>
  69. <p class="measure f5 f4-l lh-copy black-70">The last ice age ended just under 15,000 years ago. The world got warm and wet. Nomadic hunters settled down into villages, the population took off, people were living in Europe.</p>
  70. <p class="measure f5 f4-l lh-copy black-70">And then… the ice age returned, a thousand years of cold and drought, and it all changed. That’s the Younger Dryas.</p>
  71. <p class="measure f5 f4-l lh-copy black-70">After that, around 9,600 BC, the ice age <em>actually</em> ended this time. Warm and wet again, more or less the climate we know now. <a href="http://interconnected.org/notes/2006/02/scifi/?p=33">Here’s a graph.</a></p>
  72. <p><hr class="h1 xh2-ns w1 xw2-ns ml4 mv4 bb bw1 b--white">
  73. <p class="measure f5 f4-l lh-copy black-70">Stephen Mithen’s <a href="https://www.hup.harvard.edu/catalog.php?isbn=9780674019997">After the Ice</a> is an archeological human history spanning 20,000–5,000 BC.</p>
  74. <p class="measure f5 f4-l lh-copy black-70">This story describing Mesopotamia has stuck in my head since I read it. As the Younger Dryas happens, animals get scarcer and the villages disband. And:</p>
  75. <blockquote class="bl bw1 pl2 b--light-red ml0 italic i">
  76. <p class="measure f5 f4-l lh-copy black-70">Wealth and power had evidently been dependent on sedentary village life. This provided the elite with the opportunity to control the trade that brought seashells and other items to the villages. A return to mobile lifestyles swept away the power base and society became egalitarian once again … The shells had lost their value because there was no longer any control over their distribution – mobile hunter-gatherers were able to collect seashells for themselves and trade with whom they wished.</p>
  77. </blockquote>
  78. <p class="measure f5 f4-l lh-copy black-70">No more elite! No more bosses, no more proles!</p>
  79. <p class="measure f5 f4-l lh-copy black-70">This is deduced from looking at burial rituals.</p>
  80. <hr class="h1 xh2-ns w1 xw2-ns ml4 mv4 bb bw1 b--white">
  81. <p class="measure f5 f4-l lh-copy black-70">I can’t help but think of this during this lockdown. It’s hard not to see Covid-19 as part of the beginning of an era of pandemics – species jumpers in the wet markets, antibiotic resistent resurgences, escapees from biolabs, ancient viruses steamed out of newly-thawed permafrost, prions… god <a href="https://www.reddit.com/r/AskReddit/comments/48ujhq/whats_the_scariest_real_thing_on_our_earth/">let’s not even think about prions</a>:</p>
  82. <blockquote class="bl bw1 pl2 b--light-red ml0 italic i">
  83. <p class="measure f5 f4-l lh-copy black-70">They’re tiny, highly-infectious particles that occur when protein molecules found in the nervous system misfold. Once a single bad prion enters a healthy person or animal, it causes all of the properly-folded proteins around it to misfold as well.</p>
  84. </blockquote>
  85. <p class="measure f5 f4-l lh-copy black-70">And: <q>You can boil a prion, dip it in acid, soak it in alcohol, and expose it to radiation, and the prion will still be infectious.</q></p>
  86. <p class="measure f5 f4-l lh-copy black-70">In the future, we maybe won’t name our generations Boomers, Millennials, etc, we’ll name them after whatever global lockdown was responsible for the baby boom that they were born in. (And if we don’t name the upcoming round of coronavirus-lockdown-babies the <em>ca-boomers</em> I for one will be sorely disappointed.)</p>
  87. <hr class="h1 xh2-ns w1 xw2-ns ml4 mv4 bb bw1 b--white">
  88. <p class="measure f5 f4-l lh-copy black-70">Even if we don’t get another lockdown for 10 years, the fact it’s a <em>maybe</em> means that our behaviour will change to account for the possibility.</p>
  89. <p class="measure f5 f4-l lh-copy black-70">So I wonder about the long-term effects not of lockdown itself, but the continuous <em>risk</em> of lockdown. Like, will you book a holiday for 6 months time, or will you book simply the <em>option</em> to go somewhere? Would you ever start a business that had a reliance on in-person meetings, or a supply chain that wasn’t tolerant to an unexpected 3 month stop? Of course not. How do you invest in friendships? Do you ever move far away from ageing parents if there’s a risk that planes won’t fly – or does distance no longer matter when you wouldn’t be able to meet in person anyway?</p>
  90. <p class="measure f5 f4-l lh-copy black-70">And what does all of that mean? How do you act when, at any moment, the physical speed limit of the planet might drop to walking pace?</p>
  91. <p class="measure f5 f4-l lh-copy black-70">I think that’s what makes me think of the Younger Dryas: environment creates power hierarchies creates culture. So when our environment changes…</p>
  92. <hr class="h1 xh2-ns w1 xw2-ns ml4 mv4 bb bw1 b--white">
  93. <p class="measure f5 f4-l lh-copy black-70">Like: right now I’m interacting with strangers less. My world has contracted to my neighbourhood. I’m not randomly meeting friends of friends at events. But I <em>am</em> connecting with certain friends in very small groups more often, and I <em>am</em> investing a lot more time in “continuous partial” connection with my family. And when I <em>am</em> meeting strangers, because it’s generally 1:1 on a video call, I’m spending more time and making a deeper connection.</p>
  94. <p class="measure f5 f4-l lh-copy black-70">What previous power hierarchies have been disrupted? What previously valuable seashells are now available for anyone to grab? What <em>new</em> power hierarchies are being created?</p>
  95. <hr class="h1 xh2-ns w1 xw2-ns ml4 mv4 bb bw1 b--white">
  96. <p class="measure f5 f4-l lh-copy black-70">Here’s a minor one, and this is what I mean because it’s both the society-level things and also the everyday…</p>
  97. <p class="measure f5 f4-l lh-copy black-70"><a href="https://www.sciencedirect.com/science/article/abs/pii/S0191886913012178">‘Big’ men: Male leaders’ height positively relates to followers’ perception of charisma</a>: <q>Physical height is associated with beneficial outcomes for the tall individual (e.g., higher salary and likelihood of occupying a leadership position).</q></p>
  98. <p class="measure f5 f4-l lh-copy black-70">BUT: if we interact over video calls and can’t tell height, what then?</p></p>
  99. </article>
  100. <hr>
  101. <footer>
  102. <p>
  103. <a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home">
  104. <use xlink:href="/static/david/icons2/symbol-defs.svg#icon-home"></use>
  105. </svg> Accueil</a> •
  106. <a href="/david/log/" title="Accès au flux RSS"><svg class="icon icon-rss2">
  107. <use xlink:href="/static/david/icons2/symbol-defs.svg#icon-rss2"></use>
  108. </svg> RSS</a> •
  109. <a href="http://larlet.com" title="Go to my English profile" data-instant><svg class="icon icon-user-tie">
  110. <use xlink:href="/static/david/icons2/symbol-defs.svg#icon-user-tie"></use>
  111. </svg> Pro</a> •
  112. <a href="mailto:david%40larlet.fr" title="Envoyer un courriel"><svg class="icon icon-mail">
  113. <use xlink:href="/static/david/icons2/symbol-defs.svg#icon-mail"></use>
  114. </svg> Email</a> •
  115. <abbr class="nowrap" title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340"><svg class="icon icon-hammer2">
  116. <use xlink:href="/static/david/icons2/symbol-defs.svg#icon-hammer2"></use>
  117. </svg> Légal</abbr>
  118. </p>
  119. <template id="theme-selector">
  120. <form>
  121. <fieldset>
  122. <legend><svg class="icon icon-brightness-contrast">
  123. <use xlink:href="/static/david/icons2/symbol-defs.svg#icon-brightness-contrast"></use>
  124. </svg> Thème</legend>
  125. <label>
  126. <input type="radio" value="auto" name="chosen-color-scheme" checked> Auto
  127. </label>
  128. <label>
  129. <input type="radio" value="dark" name="chosen-color-scheme"> Foncé
  130. </label>
  131. <label>
  132. <input type="radio" value="light" name="chosen-color-scheme"> Clair
  133. </label>
  134. </fieldset>
  135. </form>
  136. </template>
  137. </footer>
  138. <script>
  139. function loadThemeForm(templateName) {
  140. const themeSelectorTemplate = document.querySelector(templateName)
  141. const form = themeSelectorTemplate.content.firstElementChild
  142. themeSelectorTemplate.replaceWith(form)
  143. form.addEventListener('change', (e) => {
  144. const chosenColorScheme = e.target.value
  145. localStorage.setItem('theme', chosenColorScheme)
  146. toggleTheme(chosenColorScheme)
  147. })
  148. const selectedTheme = localStorage.getItem('theme')
  149. if (selectedTheme && selectedTheme !== 'undefined') {
  150. form.querySelector(`[value="${selectedTheme}"]`).checked = true
  151. }
  152. }
  153. const prefersColorSchemeDark = '(prefers-color-scheme: dark)'
  154. window.addEventListener('load', () => {
  155. let hasDarkRules = false
  156. for (const styleSheet of Array.from(document.styleSheets)) {
  157. let mediaRules = []
  158. for (const cssRule of styleSheet.cssRules) {
  159. if (cssRule.type !== CSSRule.MEDIA_RULE) {
  160. continue
  161. }
  162. // WARNING: Safari does not have/supports `conditionText`.
  163. if (cssRule.conditionText) {
  164. if (cssRule.conditionText !== prefersColorSchemeDark) {
  165. continue
  166. }
  167. } else {
  168. if (cssRule.cssText.startsWith(prefersColorSchemeDark)) {
  169. continue
  170. }
  171. }
  172. mediaRules = mediaRules.concat(Array.from(cssRule.cssRules))
  173. }
  174. // WARNING: do not try to insert a Rule to a styleSheet you are
  175. // currently iterating on, otherwise the browser will be stuck
  176. // in a infinite loop…
  177. for (const mediaRule of mediaRules) {
  178. styleSheet.insertRule(mediaRule.cssText)
  179. hasDarkRules = true
  180. }
  181. }
  182. if (hasDarkRules) {
  183. loadThemeForm('#theme-selector')
  184. }
  185. })
  186. </script>
  187. </body>
  188. </html>