A place to cache linked articles (think custom and personal wayback machine)
您最多选择25个主题 主题必须以字母或数字开头,可以包含连字符 (-),并且长度不得超过35个字符

index.html 17KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209
  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>Three observations on my first vaccination shot (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://interconnected.org/home/2021/04/28/vaccination">
  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>Three observations on my first vaccination shot</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://interconnected.org/home/2021/04/28/vaccination" title="Lien vers le contenu original">Source originale</a>
  67. </p>
  68. </nav>
  69. <hr>
  70. <p class="measure-wide f6 f5-l lh-copy black-80">I had my first vaccination shot yesterday: Team AstraZeneca!</p>
  71. <p class="measure-wide f6 f5-l lh-copy black-80">We’re all vaccine sommeliers now. <a href="https://marginalrevolution.com/marginalrevolution/2021/04/the-petty-narcissism-of-small-vaccine-differences.html">Here’s the view from the US:</a></p>
  72. <blockquote class="bl bw1 pl2 b--light-red ml0 italic i">
  73. <p class="measure-wide f6 f5-l lh-copy black-80">Pfizer, distributed by one of the largest U.S. pharmaceutical firms, is the establishment vaccine. …</p>
  74. <p class="measure-wide f6 f5-l lh-copy black-80">Moderna - the very name suggests something new - is the intellectual vaccine. …</p>
  75. <p class="measure-wide f6 f5-l lh-copy black-80">AstraZeneca, for better or worse - mostly worse - has become the forbidden vaccine, or at least the exotic vaccine.</p>
  76. </blockquote>
  77. <p class="measure-wide f6 f5-l lh-copy black-80">Here in the UK, we mostly get AstraZeneca.</p>
  78. <p class="measure-wide f6 f5-l lh-copy black-80">Secretly? I wanted Moderna. I’m into the mRNA tech.</p>
  79. <p class="measure-wide f6 f5-l lh-copy black-80">BUT, now I’ve had it, I’m weirdly proud of being Team AZ. It’s old school, not quite as effective as the others, and super cheap: the UK paid <a href="https://www.theweek.co.uk/951750/what-do-covid-vaccines-cost-who-pays-what">$3/£2.17 per dose.</a> (Pfizer is $14-$30; Moderna is $15-$38.)</p>
  80. <p class="measure-wide f6 f5-l lh-copy black-80">So there’s something staunchly egalitarian about that. Good.</p>
  81. <hr class="h1 xh2-ns w1 xw2-ns ml4 mv4 bb bw1 b--white">
  82. <p class="measure-wide f6 f5-l lh-copy black-80">I had my first vaccination shot yesterday in a white tent in a leafy square (<a href="https://www.instagram.com/p/COLe-Xlpo0I/">here it is</a>), overlooked by the London Shard, and it had the <em>cosy adhocracy</em> aesthetic all over.</p>
  83. <p class="measure-wide f6 f5-l lh-copy black-80"><em>London Bridge vaccination centre 2</em> is a major site, doing (at a guess) 500+ shots/day. I showed my booking reference to someone as I walked in, then I was given a form and directed to a seat in the waiting area.</p>
  84. <p class="measure-wide f6 f5-l lh-copy black-80">Inside the big white tent, there are spaced out chairs (and a person appointed to disinfect each chair as it is vacated) and a large TV screen at the front showing the current waitlist and the names of the people who have been called. It looks like a web app. Another person calls out the names as they appear. Temporary lights are strung from the temporary roof. I could see a temporary thermometer hung on the plastic wall (there’s no air con). Everything is functional and repurposed. Not integrated.</p>
  85. <p class="measure-wide f6 f5-l lh-copy black-80">Some people in the roles changed over while I was there. Were they volunteers? It seemed that way. The service design is clear – you can practically see the circuit diagram underlying the flows of people and the physical structure.</p>
  86. <p class="measure-wide f6 f5-l lh-copy black-80">Further into the tent it is divided into cubicles. Temporary walls. Soft infrastructure. They pulled the curtain closed. One person asked me consent and safety questions, tapped at a computer, and waited for centralised approval to be given. The second gave me the shot. Then I left, back out into the sun.</p>
  87. <p class="measure-wide f6 f5-l lh-copy black-80">Cosy adhocracy:</p>
  88. <p class="measure-wide f6 f5-l lh-copy black-80">I mean <strong>cosy</strong> in the sense of Venkatesh Rao’s coinage <a href="https://www.ribbonfarm.com/series/domestic-cozy/">domestic cozy</a>: <q>Domestic cozy is in an attitude, emerging socioeconomic posture, and aesthetic.</q> It’s homely. Satisfying.</p>
  89. <blockquote cite="https://www.vox.com/the-goods/2020/1/15/21063670/hygge-self-care-domestic-cozy-marketing-brands-haus" class="quoteback bl bw1 pl2 b--light-red ml0 italic i" data-author="Vox" data-title="Why are so many brands pivoting to coziness? (2020)">
  90. <p class="measure-wide f6 f5-l lh-copy black-80">We’ve been sitting on our computers in our modern apartments for the last 10 years and we’re all miserable. It seems like there’s this metashift happening from cool, minimal, and internet-y to in-person, maximalist, and cozy.</p>
  91. </blockquote>
  92. <p class="measure-wide f6 f5-l lh-copy black-80">Just as there is cosiness in being at home with friends, eating together, soft furnishings, etc, there is also cosiness in community – in a neighbourhood. And so…</p>
  93. <p class="measure-wide f6 f5-l lh-copy black-80">I mean <strong>adhocracy</strong> as in Cory Doctorow’s debut novel <em>Down and Out in the Magic Kingdom</em> (<a href="https://craphound.com/down/download/">download here</a>). In this future world, <a href="https://www.stevegrossi.com/on/down-and-out-in-the-magic-kingdom">as described in this review</a>, <q>social structure is provided by <strong>adhocracies,</strong> self-organizing groups of individuals working together to accomplish common goals.</q></p>
  94. <p class="measure-wide f6 f5-l lh-copy black-80">Cosy adhocracy has an aesthetic all of its own. Village fetes, street parties, the vaccine roll-out. That <em>Great British Bake Off</em> tent is tapping into some deep vibes.</p>
  95. <p class="measure-wide f6 f5-l lh-copy black-80">The material culture of cosy adhocracy is trestle tables, lighting used by decorators repurposed to illuminate the street in the early evening, and bunting. It’s books of raffle tickets used to share out the drinks; it’s church halls and other reconfigurable spaces; it’s whatever people have in their sheds.</p>
  96. <p class="measure-wide f6 f5-l lh-copy black-80"><em>(The street parties put together on my road for royal weddings, or - in the depths of lockdown - because we all wanted pizza and socially distanced negronis: they’re organised together on WhatsApp and they make my heart swell. Cosy adhocracy at its finest.)</em></p>
  97. <p class="measure-wide f6 f5-l lh-copy black-80">And then, for bigger events, it’s the playbook used by organisers and volunteer workers.</p>
  98. <p class="measure-wide f6 f5-l lh-copy black-80">e.g.: <a href="https://en.wikipedia.org/wiki/Parkrun">Parkrun</a>: centrally organised, volunteer-run, free 3 mile races every Saturday morning, all around the world. 750,000 people run with Parkrun every weekend (or at least, they did before the pandemic). The tech is so beautifully lightweight: somebody blows a whistle at the start, all 200 of you set off around the park, and at the end you are given a barcoded token. Somebody is recording the token times. Somebody else scans in the barcodes, along with your own personal number. The results show up on a central website. One volunteer always runs with the slowest person to make sure they get round.</p>
  99. <p class="measure-wide f6 f5-l lh-copy black-80">I’ve run in parks in south London, and along the beach in Queensland, and the format is the same everywhere (except in Australia there was also a spoken acknowledgement and celebration of the First Peoples of the land). The playbook is encoded in the minimal application of foolproof technology, and the roles given to the volunteers who direct and operate each race.</p>
  100. <p class="measure-wide f6 f5-l lh-copy black-80">(I think there’s something about volunteering that keeps any central organisation honest. They can’t take advantage, force overwork, or provide useless tech… otherwise people would walk away.)</p>
  101. <p class="measure-wide f6 f5-l lh-copy black-80">In the UK, the vaccination rollout is a wonderful collaboration of the state, private companies, and volunteers.</p>
  102. <p class="measure-wide f6 f5-l lh-copy black-80">I wonder whether service design and simple tech can be used to provide tools for communities to run all kinds of services?</p>
  103. <hr class="h1 xh2-ns w1 xw2-ns ml4 mv4 bb bw1 b--white">
  104. <p class="measure-wide f6 f5-l lh-copy black-80">I had my first vaccination shot yesterday and a wall of tiredness hit me mid afternoon. Overnight I was too cold until about 6am and then too hot. Vivid dream after vivid dream. I had a brutal headache, and my body still aches all over, like I’ve been run over by a truck.</p>
  105. <p class="measure-wide f6 f5-l lh-copy black-80">In the midst of the dreams, I found that it wasn’t an ache like you get with the flu. It was the full-body ache you get after an extraordinary amount of exercise.</p>
  106. <p class="measure-wide f6 f5-l lh-copy black-80">Then it struck me that I’ve been holding my body rigid for over a year now, and with the knowledge of the first vaccination shot, I was allowing myself to let go of some of that tension and fear, the fear for my family and my friends and myself, and the pain I am feeling is from my arms and my legs and my shoulders and my back and my neck and my face and my lungs all wound tight for so long, of course this anxiety leaves its residue in the muscles and the spirit, that’s the ache, but there’s light at the end of the tunnel now, a relief and a release, and as I related this realisation over breakfast this morning, I found myself, however briefly, beginning to cry.</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>