A place to cache linked articles (think custom and personal wayback machine)
Du kannst nicht mehr als 25 Themen auswählen Themen müssen mit entweder einem Buchstaben oder einer Ziffer beginnen. Sie können Bindestriche („-“) enthalten und bis zu 35 Zeichen lang sein.

index.html 34KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614
  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>6, 90: Sauce (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://tinyletter.com/vruba/letters/6-90-sauce">
  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. 6, 90: Sauce (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://tinyletter.com/vruba/letters/6-90-sauce">Source originale du contenu</a></h3>
  445. <h2>Californian wildfires</h2>
  446. <p>There was no horizon in Oakland today, and the air smells dirty. It’s not like fresh smoke. It’s a staleness. If you stay outside too long you get a little headache. The newest numbers say 71 people have died, more than a thousand missing, and 12,000 buildings burned in the Camp fire. You’d drive well over three hours from here to get to anything that’s still on fire, if the roads were open, but the smoke makes it feel like it’s happening just a couple towns away. The smoke sinks in. The smoke is ashes of forests and houses and people’s bodies.</p>
  447. <p>Neighbors and coworkers are passing around lists of who has respirators in stock and collaborative scratchpads with links to donation programs for the homeless encampments, posts about how refusing to wear a mask is internalized ableism, and instructions on taping a HEPA filter to a house fan. It’s hard to know what to call this. It’s not a disaster, at least not compared to your house burning down and your neighbors dying. But it’s not just another November. It’s schools closing, reminders to stay inside, unhappy conversations with strangers, and a lot of pulmonary and cardiovascular stress that will only be understood in retrospective statistics. It’s a crisis without a moment of crisis. It’s what it looks like: a slightly caustic, minimally dramatic haze over everything.</p>
  448. <p>I hear friends complaining about how this is all covered in national news media: thinly and haphazardly. And yes, many nominally US-wide outlets are endlessly fascinated – and feel a duty to tell the stories of – the kaleidoscopic, fractally complex, wonderfully diverse lives of the 3% of the American population that is white and in the urban Northeast. But it’s not enough for us “out west” to be resentful of how little we are reported. The selection and tone of what’s reported also matters. This is most notorious in the <cite>New York Times</cite>’s persistently understaffed-high-school-student-newspaper–quality reporting on Los Angeles (<a href="http://www.laist.com/2018/07/24/haters_guide_to_reading_about_los_angeles_in_the_new_york_times.php">e.g.</a>, <a href="https://la.curbed.com/2015/2/19/9991026/how-the-new-york-times-gets-los-angeles-hilariously-wrong-the-bingo">e.g.</a>, <a href="http://www.latimes.com/opinion/op-ed/la-oe-friedman-angelenos-new-york-20150514-story.html">e.g.</a>), but the problem is much wider than that newspaper and than trend pieces. It’s a failure of outlets that consider themselves national to see every part of America as <em>here</em> and not <em>there</em>. (As examples of doing it right, I think of <a href="https://twitter.com/kendrawrites">Kendra Pierre-Louis</a> <a href="https://www.nytimes.com/by/kendra-pierre-louis">at <cite>The New York Times</cite></a> and <a href="https://twitter.com/yayitsrob">Robinson Meyer</a> <a href="https://www.theatlantic.com/author/robinson-meyer/">at <cite>The Atlantic</cite></a>, and <a href="https://www.hakaimagazine.com"><cite>Hakai Magazine</cite></a> and <a href="https://psmag.com"><cite>Pacific Standard</cite></a> in general.)</p>
  449. <p>Is California hubristic? So you might suppose from every story – fiction or selected from fact – about ambition and overreach in this state, at every scale from Hollywood starlets to water projects. There is a sense that California <em>shouldn’t be here</em>. Some Californians certainly believe some of it. Three times during the 2012–18 drought, I heard other people living in the Bay Area say versions of “In a sense, it’s our fault for living in the desert”. But the Bay Area is by not by any standard a desert; it isn’t even semi-arid. If people don’t belong in this climate, they also don’t belong in the south of France. There’s a vague, partly internalized sense that we are somehow a place of disasters.</p>
  450. <p>Which disasters are counted as disasters? If you’ve subscribed for a while you may already be sick of this point, but it seems important to me. About 15 years ago, there was an event that killed roughly a thousand times as many people as these fires have. It wasn’t a war, and it wasn’t in a part of the world that you’ve never heard about. It was a natural diaster that killed more than 70,000 people in one of the richest, safest, most connected places. It was the 2003 European heat wave. The heat wave was certainly reported on, but mainly as a huge inconvenience – something like the 2010 eruption of Eyjafjallajökull, which interrupted air travel – and less as a prodigiously lethal disaster. But it was. It killed four or five times more people than the terrible 2011 earthquake and tsunami in Japan, and over ten times more than have died in all California’s earthquakes and fires combined. Yet we don’t think of Europe as a borderline overambitious place for human lives to take root, a zone where nature rejects us, because it isn’t; it’s mostly very hospitable.</p>
  451. <p>What we call a disaster is tied up in what we find dramatic. Many or most of the people who died in the 2003 heat wave were already medically fragile: the elderly, for example. The 70,000 deaths would have been almost entirely quiet and, in isolation, normal-looking. An older cousin with chronic circulatory trouble has a fatal heart attack after climbing her stairs with a heavy grocery bag: tragic, surprising, but surely not <em>a disaster</em>? There was no running from flames or waves or falling rocks. But they were deaths, and I don’t think any of us could accept the idea that a disaster is somehow less real if it mostly kills vulnerable people. By and large, disasters kill vulnerable people by definition. Landslides affect people who live in areas likely to have landslides.</p>
  452. <p>If I’m saying that the 2003 heat wave was a disaster, and can be considered in the same category as the fires, one objection is that I’m minimizing the fires – distracting, what-abouting, from the seriousness of what’s happening in California. To this I’d say: If I am, is it working? When you finish these paragraphs, will you care less, or more importantly do less, about the fires? Obviously not, I’m certain. It pays to be alert to distraction tactics disguised as “let’s get some more context” but sometimes more context is just more context.</p>
  453. <p>However! I am trying to stretch the idea of what’s a disaster, and another objection, a related one, would be that I’m spreading the idea of a disaster so thin that it stops meaning anything specific. If it’s a disaster for people who are already near death to go a little sooner, isn’t a bad medical system a disaster as much as a heat wave is? If something as diffuse and unspecific as a stretch of weather can be a disaster, is there anything bad that wouldn’t count as a disaster? There’s something to this. Little insight is gained by lumping all bad things together. Tsunamis, for example, and lead being allowed in gasoline, let’s say, are indeed different kinds of things. But only in some ways.</p>
  454. <p>If natural versus human-caused disasters is a vertical distinction, some <a href="https://www.unisdr.org/we/inform/publications/15136">some scholars</a> prefer to skip it and make only a horizontal distinction: natural hazards versus disasters. Disasters are never natural in the ordinary sense because they always could have been avoided or mitigated by human choices. Everything that we call a disaster started as a hazard: hazards themselves are only risks, not harms. Whether and how hazards become disasters is shaped by governmental, infrastructural, and economic choices, conscious or unconscious.</p>
  455. <p>If this sounds like I’m saying we should blame the government for disasters, like a medieval peasant who believes the king has lost the mandate of heaven and must lack virtue because there was a flood, hold up. I’m not saying that the government (or the economy, or whatever) is strictly to blame for every bad thing. I’m saying that if we set up an institution to control floods, and rightly give it credit when it does well, it’s equally to blame when it does poorly. This isn’t subtle; it’s what we mean by responsibility. And there are historians now who read the old idea of the mandate of heaven and “moral meteorology” not only as farmers’ superstition but also as an oblique language to say things like: the king didn’t use the massive hydrological infrastructure at his disposal to mitigate the effects of what could have been merely unusually heavy rain. He’s a bad administrator, or, if you prefer, heaven finds him lacking in virtue.</p>
  456. <p>California and the US are, of course, strikingly well-governed in some ways and strikingly badly governed in others. Our disasters follow. The air quality in the Bay Area right now is a hazard; a society that can’t manage to distribute good air filters to everyone who needs to be outside, and allow everyone else to stay inside, is a disaster. The poorest suffer the most. This is true but so true that it’s almost redundant. Poverty in any useful sense isn’t net worth in dollars. It’s more like a high ratio of personal disasters to personal hazards. Will a toothache, a hazard, turn into an untreated infection, a disaster? Will being caught jaywalking, a hazard, turn into a felony record, a disaster? Will getting sick, a hazard, turn into losing your job, a disaster? When we point out that homeless people suffer particularly badly from the smoke, it’s worth remembering that this isn’t some kind of sad coincidence – wow, homeless <em>and</em> at risk from the air! – it’s <em>why</em> we care about homelessness in the first place. A house is one of many machines for mitigating hazards.</p>
  457. <p>Thinking like this makes me a little less mad than the next person, maybe, at PG&amp;E, the power company that’s accused of letting the fires start. According to various lawsuits, they maintained their cables and corridors poorly, and ran power when they shouldn’t have, and their sparks set off wildfires. If this is true, they should pay some recompence and do better next time. Okay. But wildfires <em>will</em> happen. You can’t prevent all ignition sources everywhere in the forests. Sooner or later a dry lightning strike, or friction as a tree falls, or a spark between two rocks in a landslide, or something else will set it off. And the longer it’s been since the last fire, the hotter and faster it’ll burn.</p>
  458. <p>The Black Saturday fires destroyed entire towns and killed 180 people not far from metropolitan Melbourne, Australia, just over a decade ago. The comparisons are easy. They talked about the speed of the fire there too – how you could be preparing to evacuate one minute and surrounded by flames the next. Many people in those hills died defending their houses, with garden hoses and buckets, against unsurvivable heat. I expect that happened here too. After the Black Saturday fires, a lot of experts were exasperated by people rebuilding what had been destroyed, most famously the little town of Marysville. Don’t people realize the fires will be back? The experts were right about the fire but wrong about the people. Everything we make is temporary, and some people will choose to live around trees even knowing they’ll burn. The rest of us can roll our eyes, but we do it from places where we know there will be another hurricane, another earthquake, another heat wave, mass shooting, death in custody, cancer. How dare those people spend their lives doing something that will end.</p>
  459. <p>The closest thing we have to infinity is sustainability, a word secretly disliked by many people who use it most. Sustainability for Californian forests is a fairly clear concept, because it’s <a href="https://www.hcn.org/articles/tribal-affairs-california-wildfires-werent-always-this-destructive">been tried for ten thousand years</a>. The unpalatable part is that it includes setting fires, and as Christian Kull says in <cite>Isle of Fire</cite> (p. 45),</p>
  460. <blockquote>
  461. <p>fire is certainly not a universal “bad” as often claimed by some colonial administrators and naturalists. However, far from always being a clear “good”, fire is a complex and multifaceted process and tool with significant environmental consequences. It is self-propagating and unpredictable, and its effects and meanings are context dependent; it is easily used anonymously and can serve multiple purposes; it is highly visible and destructive, yet simultaneously constructive.</p>
  462. </blockquote>
  463. <p>He’s writing about Madagascar, but all of this is true in California. Fire is hard to govern. A serious program of controlled wildfires in Calfornia would be a political nightmare the first time one got out of control – and one would, because fire does – and burned down someone’s property. It asks a lot of anyone to see their house’s complete destruction in a fire set by someone wearing a uniform as really <em>necessary</em>.</p>
  464. <p>So we can’t switch over to a perfectly sustainable, traditional indigenous knowledge–based fire management regime tomorrow. Houses already under trees – the wildland/ubran interface, in jargon – are one reason. Another reason is that the forest we know today is different from the forest that was sustained. It’s been changed by policies of fire suppression and intense logging. It would have to slowly become something sustainable, and only then could that future forest, which none of us has ever seen, be sustained.</p>
  465. <p>Abrupt climate change is a third reason. <a href="https://twitter.com/RARohde/status/1061932207940530176">Summer is hotter and drier now.</a> What worked well for the entire Holocene epoch doesn’t necessarily work at all in the Anthropocene. And the ideal forest strategy in 2018’s climate will not be ideal in 2068’s, at least the way we’re going. So it comes back to taking carbon out of the air. I think this must be one reason the Californian fires are especially fearsome to many Americans: because the idea of California is often subtly an idea of the future.</p>
  466. <p>I hear people say with disgust that these smoky days are the new normal. But the forests burned every year, <a href="https://www.frames.gov/catalog/46785">in vast areas</a>, though in cooler, slower, individually smaller fires, up until the genocides of settlement. The nearly smokeless summers that my parents’ generation can talk about weren’t the system at equilibrium; they were already an effect of unsustainable imbalance. The oldest Californian never saw the kind of forest we’ll need. If we don’t want this kind of fire, the kind that kills whole families, and if we don’t want to cut down all the plants and be done with the unpredictability of nonhuman life, we’re still left with fires. Safer fires, but smoky fires.</p>
  467. <p>So there will be some ash-tasting days in the happiest future I can imagine for California. The air will be chemically fairly similar to today’s, but it will smell different if you know why. For now, here in Oakland we’re breathing the consequences of the twentieth century. And trying not to forget that this kind of air is ordinary for millions upon millions of people who live around coal power plants.</p>
  468. <p><hr/>
  469. <h3>Briefly</h3></p>
  470. <ul>
  471. <li>
  472. <p><a href="http://www.theraycatsolution.com/#10000">The Raycat Solution</a>.</p>
  473. </li>
  474. <li>
  475. <p><a href="https://www.nasa.gov/feature/goddard/2018/discovering-structure-in-the-outer-corona"><em>Discovering Structure in the Outer Corona</em></a> (which links to the paper in the third paragraph: a blessing on its house).</p>
  476. </li>
  477. <li>
  478. <p><a href="https://lithub.com/is-show-dont-tell-a-universal-truth-or-a-colonial-relic/"><em>Is ‘show don’t tell’ a universal truth or a colonial relic?</em></a>; <a href="http://reviewcanada.ca/magazine/2018/06/canlits-comedy-problem/"><em>CanLit’s comedy problem: Pardon My Parka, and other Humorous Canadian Initiatives</em></a>.</p>
  479. </li>
  480. <li>
  481. <p><a href="http://news.nationalgeographic.com/2017/09/dead-feral-pig-science-ecology/"><em>How a 3-Ton Mess of Dead Pigs Transformed This Landscape</em></a> – reminded of <a href="https://www.iflscience.com/environment/could-orange-peel-be-the-secret-to-reviving-lost-forests/all/">Janzen’s orange peels</a>.</p>
  482. </li>
  483. <li>
  484. <p><a href="https://www.eastbayexpress.com/oakland/the-sacrifices-and-rewards-of-family-run-restaurantsat-shan-dong-asmara-restaurant-and-wolds-fare-donuts-parents-and-their-children-reflec/Content?oid=9423548"><em>The Sacrifices and Rewards of Family-Run Restaurants</em></a>.</p>
  485. </li>
  486. <li>
  487. <p>I was in India for work in February, and an unexpected highlight was achar (pickles), particularly mango achar. I have the relatively common, non–life-threatening mango allergy, but I couldn’t stop taking tiny bites of mango achar, knowing my mouth would be irritated the next day. It’s amazing stuff. A coworker said that <a href="https://www.vegrecipesofindia.com/nimbu-ka-achar-recipe/">this</a> is roughly the recipe he uses for nimbu achar, which is as close as I want to make at home.</p>
  488. </li>
  489. <li>
  490. <p><a href="https://www.nytimes.com/2018/07/23/science/gorongosa-animals-environment.html"><em>In Mozambique, a Living Laboratory for Nature’s Renewal</em></a>.</p>
  491. </li>
  492. <li>
  493. <p><a href="https://www.kalzumeus.com/2018/10/19/japanese-hometown-tax/"><em>Japan’s Hometown Tax</em></a>.</p>
  494. </li>
  495. <li>
  496. <p><a href="https://www.hakaimagazine.com/features/kelly-the-sassy-dolphin/"><em>Kelly, the Sassy Dolphin</em></a>, by the same <a href="https://twitter.com/roseveleth">@roseveleth</a> who runs <a href="https://www.flashforwardpod.com"><em>Flash Forward</em></a>, probably the best podcast.</p>
  497. </li>
  498. <li>
  499. <p><a href="http://carte-blanche.org/hiyoge-owisisi-tanga-ita-cricket-egg-stories/"><em>Híyoge owísisi tánga itá (Cricket egg stories)</em></a>.</p>
  500. </li>
  501. <li>
  502. <p><a href="http://scientificbeekeeping.com/a-comparative-test-of-the-pollen-sub/"><em>A Comparative Test Of The Pollen Subs</em></a>.</p>
  503. </li>
  504. <li>
  505. <p><a href="http://researchonline.rca.ac.uk/430/"><em>The Glow of Significance: Narrating stories using natural history specimens</em></a>. If you’re not sure if you’re interested, start with the appendix.</p>
  506. </li>
  507. <li>I have a note here in my list of things to link that just says “sauce”, so: sauce.</li>
  508. </ul>
  509. <p><hr/>
  510. <p>As always, thank you for reading.</p></p>
  511. </article>
  512. </section>
  513. <nav id="jumpto">
  514. <p>
  515. <a href="/david/blog/">Accueil du blog</a> |
  516. <a href="https://tinyletter.com/vruba/letters/6-90-sauce">Source originale</a> |
  517. <a href="/david/stream/2019/">Accueil du flux</a>
  518. </p>
  519. </nav>
  520. <footer>
  521. <div>
  522. <img src="/static/david/david-larlet-avatar.jpg" loading="lazy" class="avatar" width="200" height="200">
  523. <p>
  524. Bonjour/Hi!
  525. 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>
  526. 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>).
  527. </p>
  528. <p>
  529. 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>.
  530. </p>
  531. <p>
  532. Voici quelques articles choisis :
  533. <a href="/david/blog/2019/faire-equipe/" title="Accéder à l’article complet">Faire équipe</a>,
  534. <a href="/david/blog/2018/bivouac-automnal/" title="Accéder à l’article complet">Bivouac automnal</a>,
  535. <a href="/david/blog/2018/commodite-effondrement/" title="Accéder à l’article complet">Commodité et effondrement</a>,
  536. <a href="/david/blog/2017/donnees-communs/" title="Accéder à l’article complet">Des données aux communs</a>,
  537. <a href="/david/blog/2016/accompagner-enfant/" title="Accéder à l’article complet">Accompagner un enfant</a>,
  538. <a href="/david/blog/2016/senior-developer/" title="Accéder à l’article complet">Senior developer</a>,
  539. <a href="/david/blog/2016/illusion-sociale/" title="Accéder à l’article complet">L’illusion sociale</a>,
  540. <a href="/david/blog/2016/instantane-scopyleft/" title="Accéder à l’article complet">Instantané Scopyleft</a>,
  541. <a href="/david/blog/2016/enseigner-web/" title="Accéder à l’article complet">Enseigner le Web</a>,
  542. <a href="/david/blog/2016/simplicite-defaut/" title="Accéder à l’article complet">Simplicité par défaut</a>,
  543. <a href="/david/blog/2016/minimalisme-esthetique/" title="Accéder à l’article complet">Minimalisme et esthétique</a>,
  544. <a href="/david/blog/2014/un-web-omni-present/" title="Accéder à l’article complet">Un web omni-présent</a>,
  545. <a href="/david/blog/2014/manifeste-developpeur/" title="Accéder à l’article complet">Manifeste de développeur</a>,
  546. <a href="/david/blog/2013/confort-convivialite/" title="Accéder à l’article complet">Confort et convivialité</a>,
  547. <a href="/david/blog/2013/testament-numerique/" title="Accéder à l’article complet">Testament numérique</a>,
  548. et <a href="/david/blog/" title="Accéder aux archives">bien d’autres…</a>
  549. </p>
  550. <p>
  551. 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>.
  552. </p>
  553. <p>
  554. Je ne traque pas ta navigation mais mon
  555. <abbr title="Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33.184162340">hébergeur</abbr>
  556. conserve des logs d’accès.
  557. </p>
  558. </div>
  559. </footer>
  560. <script type="text/javascript">
  561. ;(_ => {
  562. const jumper = document.getElementById('jumper')
  563. jumper.addEventListener('click', e => {
  564. e.preventDefault()
  565. const anchor = e.target.getAttribute('href')
  566. const targetEl = document.getElementById(anchor.substring(1))
  567. targetEl.scrollIntoView({behavior: 'smooth'})
  568. })
  569. })()
  570. </script>