davidbgk
/
larlet-fr-david-cache
Следить 1
В избранное 0
Форкнуть 0
Код Релизы 0 Активность
A place to cache linked articles (think custom and personal wayback machine)
Вы не можете выбрать более 25 тем Темы должны начинаться с буквы или цифры, могут содержать дефисы(-) и должны содержать не более 35 символов.
3 коммитов
1 ветка
Дерево: 683cc655f0
Ветки Теги
${ item.name }
Создать ветку ${ searchTerm }
из '683cc655f0'
${ noResults }
larlet-fr-david-cache/cache/e416dd2c76330823b6670113638.../index.html

index.html 35KB
Исходник Blame История

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619 
  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>A World We Built to Burn (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. 

  28.   <meta name="robots" content="noindex, nofollow">

  29.   <meta content="origin-when-cross-origin" name="referrer">

  30.   <!-- Canonical URL for SEO purposes -->

  31.   <link rel="canonical" href="https://www.emptywheel.net/2019/10/18/a-world-we-built-to-burn/">

  32. 

  33. <style>

  34. /* http://meyerweb.com/eric/tools/css/reset/ */

  35. html, body, div, span,

  36. h1, h2, h3, h4, h5, h6, p, blockquote, pre,

  37. a, abbr, address, big, cite, code,

  38. del, dfn, em, img, ins,

  39. small, strike, strong, tt, var,

  40. dl, dt, dd, ol, ul, li,

  41. fieldset, form, label, legend,

  42. table, caption, tbody, tfoot, thead, tr, th, td,

  43. article, aside, canvas, details, embed,

  44. figure, figcaption, footer, header, hgroup,

  45. menu, nav, output, ruby, section, summary,

  46. time, mark, audio, video {

  47.   margin: 0;

  48.   padding: 0;

  49.   border: 0;

  50.   font-size: 100%;

  51.   font: inherit;

  52.   vertical-align: baseline;

  53. }

  54. /* HTML5 display-role reset for older browsers */

  55. article, aside, details, figcaption, figure,

  56. footer, header, hgroup, menu, nav, section { display: block; }

  57. body { line-height: 1; }

  58. blockquote, q { quotes: none; }

  59. blockquote:before, blockquote:after,

  60. q:before, q:after {

  61.   content: '';

  62.   content: none;

  63. }

  64. table {

  65.   border-collapse: collapse;

  66.   border-spacing: 0;

  67. }

  68. 

  69. /* http://practicaltypography.com/equity.html */

  70. /* https://calendar.perfplanet.com/2016/no-font-face-bulletproof-syntax/ */

  71. /* https://www.filamentgroup.com/lab/js-web-fonts.html */

  72. @font-face {

  73.   font-family: 'EquityTextB';

  74.   src: url('/static/david/css/fonts/Equity-Text-B-Regular-webfont.woff2') format('woff2'),

  75.        url('/static/david/css/fonts/Equity-Text-B-Regular-webfont.woff') format('woff');

  76.   font-weight: 300;

  77.   font-style: normal;

  78.   font-display: swap;

  79. }

  80. @font-face {

  81.   font-family: 'EquityTextB';

  82.   src: url('/static/david/css/fonts/Equity-Text-B-Italic-webfont.woff2') format('woff2'),

  83.        url('/static/david/css/fonts/Equity-Text-B-Italic-webfont.woff') format('woff');

  84.   font-weight: 300;

  85.   font-style: italic;

  86.   font-display: swap;

  87. }

  88. @font-face {

  89.   font-family: 'EquityTextB';

  90.   src: url('/static/david/css/fonts/Equity-Text-B-Bold-webfont.woff2') format('woff2'),

  91.        url('/static/david/css/fonts/Equity-Text-B-Bold-webfont.woff') format('woff');

  92.   font-weight: 700;

  93.   font-style: normal;

  94.   font-display: swap;

  95. }

  96. 

  97. @font-face {

  98.   font-family: 'ConcourseT3';

  99.   src: url('/static/david/css/fonts/concourse_t3_regular-webfont-20190806.woff2') format('woff2'),

  100.        url('/static/david/css/fonts/concourse_t3_regular-webfont-20190806.woff') format('woff');

  101.   font-weight: 300;

  102.   font-style: normal;

  103.   font-display: swap;

  104. }

  105. 

  106. 

  107. /* http://practice.typekit.com/lesson/caring-about-opentype-features/ */

  108. body {

  109.   /* http://www.cssfontstack.com/ Palatino 99% Win 86% Mac */

  110.   font-family: "EquityTextB", Palatino, serif;

  111.   background-color: #f0f0ea;

  112.   color: #07486c;

  113.   font-kerning: normal;

  114.   -moz-osx-font-smoothing: grayscale;

  115.   -webkit-font-smoothing: subpixel-antialiased;

  116.   text-rendering: optimizeLegibility;

  117.   font-variant-ligatures: common-ligatures contextual;

  118.   font-feature-settings: "kern", "liga", "clig", "calt";

  119. }

  120. pre, code, kbd, samp, var, tt {

  121.   font-family: 'TriplicateT4c', monospace;

  122. }

  123. em {

  124.   font-style: italic;

  125.   color: #323a45;

  126. }

  127. strong {

  128.   font-weight: bold;

  129.   color: black;

  130. }

  131. nav {

  132.   background-color: #323a45;

  133.   color: #f0f0ea;

  134.   display: flex;

  135.   justify-content: space-around;

  136.   padding: 1rem .5rem;

  137. }

  138.   nav:last-child {

  139.     border-bottom: 1vh solid #2d7474;

  140.   }

  141.   nav a {

  142.     color: #f0f0ea;

  143.   }

  144.   nav abbr {

  145.     border-bottom: 1px dotted white;

  146.   }

  147. 

  148. h1 {

  149.   border-top: 1vh solid #2d7474;

  150.   border-bottom: .2vh dotted #2d7474;

  151.   background-color: #e3e1e1;

  152.   color: #323a45;

  153.   text-align: center;

  154.   padding: 5rem 0 4rem 0;

  155.   width: 100%;

  156.   font-family: 'ConcourseT3';

  157.   display: flex;

  158.   flex-direction: column;

  159. }

  160.   h1.single {

  161.     padding-bottom: 10rem;

  162.   }

  163.   h1 span {

  164.     position: absolute;

  165.     top: 1vh;

  166.     left: 20%;

  167.     line-height: 0;

  168.   }

  169.     h1 span a {

  170.       line-height: 1.7;

  171.       padding: 1rem 1.2rem .6rem 1.2rem;

  172.       border-radius: 0 0 6% 6%;

  173.       background: #2d7474;

  174.       font-size: 1.3rem;

  175.       color: white;

  176.       text-decoration: none;

  177.     }

  178. h2 {

  179.   margin: 4rem 0 1rem;

  180.   border-top: .2vh solid #2d7474;

  181.   padding-top: 1vh;

  182. }

  183. h3 {

  184.   text-align: center;

  185.   margin: 3rem 0 .75em;

  186. }

  187. hr {

  188.   height: .4rem;

  189.   width: .4rem;

  190.   border-radius: .4rem;

  191.   background: #07486c;

  192.   margin: 2.5rem auto;

  193. }

  194. time {

  195.   display: bloc;

  196.   margin-left: 0 !important;

  197. }

  198. ul, ol {

  199.   margin: 2rem;

  200. }

  201. ul {

  202.   list-style-type: square;

  203. }

  204. a {

  205.   text-decoration-skip-ink: auto;

  206.   text-decoration-thickness: 0.05em;

  207.   text-underline-offset: 0.09em;

  208. }

  209. article {

  210.   max-width: 50rem;

  211.   display: flex;

  212.   flex-direction: column;

  213.   margin: 2rem auto;

  214. }

  215.   article.single {

  216.     border-top: .2vh dotted #2d7474;

  217.     margin: -6rem auto 1rem auto;

  218.     background: #f0f0ea;

  219.     padding: 2rem;

  220.   }

  221.   article p:last-child {

  222.     margin-bottom: 1rem;

  223.   }

  224. p {

  225.   padding: 0 .5rem;

  226.   margin-left: 3rem;

  227. }

  228.   p + p,

  229.   figure + p {

  230.     margin-top: 2rem;

  231.   }

  232. 

  233. blockquote {

  234.   background-color: #e3e1e1;

  235.   border-left: .5vw solid #2d7474;

  236.   display: flex;

  237.   flex-direction: column;

  238.   align-items: center;

  239.   padding: 1rem;

  240.   margin: 1.5rem;

  241. }

  242.   blockquote cite {

  243.     font-style: italic;

  244.   }

  245.   blockquote p {

  246.     margin-left: 0;

  247.   }

  248. 

  249. figure {

  250.   border-top: .2vh solid #2d7474;

  251.   background-color: #e3e1e1;

  252.   text-align: center;

  253.   padding: 1.5rem 0;

  254.   margin: 1rem 0 0;

  255.   font-size: 1.5rem;

  256.   width: 100%;

  257. }

  258.   figure img {

  259.     max-width: 250px;

  260.     max-height: 250px;

  261.     border: .5vw solid #323a45;

  262.     padding: 1px;

  263.   }

  264. figcaption {

  265.   padding: 1rem;

  266.   line-height: 1.4;

  267. }

  268. aside {

  269.   display: flex;

  270.   flex-direction: column;

  271.   background-color: #e3e1e1;

  272.   padding: 1rem 0;

  273.   border-bottom: .2vh solid #07486c;

  274. }

  275.   aside p {

  276.     max-width: 50rem;

  277.     margin: 0 auto;

  278.   }

  279. 

  280. /* https://fvsch.com/code/css-locks/ */

  281. p, li, pre, code, kbd, samp, var, tt, time, details, figcaption {

  282.   font-size: 1rem;

  283.   line-height: calc( 1.5em + 0.2 * 1rem );

  284. }

  285. h1 {

  286.   font-size: 1.9rem;

  287.   line-height: calc( 1.2em + 0.2 * 1rem );

  288. }

  289. h2 {

  290.   font-size: 1.6rem;

  291.   line-height: calc( 1.3em + 0.2 * 1rem );

  292. }

  293. h3 {

  294.   font-size: 1.35rem;

  295.   line-height: calc( 1.4em + 0.2 * 1rem );

  296. }

  297. @media (min-width: 20em) {

  298.   /* The (100vw - 20rem) / (50 - 20) part

  299.      resolves to 0-1rem, depending on the

  300.      viewport width (between 20em and 50em). */

  301.   p, li, pre, code, kbd, samp, var, tt, time, details, figcaption {

  302.     font-size: calc( 1rem + .6 * (100vw - 20rem) / (50 - 20) );

  303.     line-height: calc( 1.5em + 0.2 * (100vw - 50rem) / (20 - 50) );

  304.     margin-left: 0;

  305.   }

  306.   h1 {

  307.     font-size: calc( 1.9rem + 1.5 * (100vw - 20rem) / (50 - 20) );

  308.     line-height: calc( 1.2em + 0.2 * (100vw - 50rem) / (20 - 50) );

  309.   }

  310.   h2 {

  311.     font-size: calc( 1.5rem + 1.5 * (100vw - 20rem) / (50 - 20) );

  312.     line-height: calc( 1.3em + 0.2 * (100vw - 50rem) / (20 - 50) );

  313.   }

  314.   h3 {

  315.     font-size: calc( 1.35rem + 1.5 * (100vw - 20rem) / (50 - 20) );

  316.     line-height: calc( 1.4em + 0.2 * (100vw - 50rem) / (20 - 50) );

  317.   }

  318. }

  319. @media (min-width: 50em) {

  320.   /* The right part of the addition *must* be a

  321.      rem value. In this example we *could* change

  322.      the whole declaration to font-size:2.5rem,

  323.      but if our baseline value was not expressed

  324.      in rem we would have to use calc. */

  325.   p, li, pre, code, kbd, samp, var, tt, time, details, figcaption {

  326.     font-size: calc( 1rem + .6 * 1rem );

  327.     line-height: 1.5em;

  328.   }

  329.   p, li, pre, details {

  330.     margin-left: 3rem;

  331.   }

  332.   h1 {

  333.     font-size: calc( 1.9rem + 1.5 * 1rem );

  334.     line-height: 1.2em;

  335.   }

  336.   h2 {

  337.     font-size: calc( 1.5rem + 1.5 * 1rem );

  338.     line-height: 1.3em;

  339.   }

  340.   h3 {

  341.     font-size: calc( 1.35rem + 1.5 * 1rem );

  342.     line-height: 1.4em;

  343.   }

  344.   figure img {

  345.     max-width: 500px;

  346.     max-height: 500px;

  347.   }

  348. }

  349. 

  350. figure.unsquared {

  351.   margin-bottom: 1.5rem;

  352. }

  353.   figure.unsquared img {

  354.     height: inherit;

  355.   }

  356. 

  357. 

  358. 

  359. @media print {

  360.   body { font-size: 100%; }

  361.   a:after { content: " (" attr(href) ")"; }

  362.   a, a:link, a:visited, a:after {

  363.     text-decoration: underline;

  364.     text-shadow: none !important;

  365.     background-image: none !important;

  366.     background: white;

  367.     color: black;

  368.   }

  369.   abbr[title] { border-bottom: 0; }

  370.   abbr[title]:after { content: " (" attr(title) ")"; }

  371.   img { page-break-inside: avoid; }

  372.   @page { margin: 2cm .5cm; }

  373.   h1, h2, h3 { page-break-after: avoid; }

  374.   p3 { orphans: 3; widows: 3; }

  375.   img {

  376.     max-width: 250px !important;

  377.     max-height: 250px !important;

  378.   }

  379.   nav, aside { display: none; }

  380. }

  381. 

  382. ul.with_columns {

  383.   column-count: 1;

  384. }

  385. @media (min-width: 20em) {

  386.   ul.with_columns {

  387.     column-count: 2;

  388.   }

  389. }

  390. @media (min-width: 50em) {

  391.   ul.with_columns {

  392.     column-count: 3;

  393.   }

  394. }

  395. ul.with_two_columns {

  396.   column-count: 1;

  397. }

  398. @media (min-width: 20em) {

  399.   ul.with_two_columns {

  400.     column-count: 1;

  401.   }

  402. }

  403. @media (min-width: 50em) {

  404.   ul.with_two_columns {

  405.     column-count: 2;

  406.   }

  407. }

  408. 

  409. .gallery {

  410.   display: flex;

  411.   flex-wrap: wrap;

  412.   justify-content: space-around;

  413. }

  414.   .gallery figure img {

  415.     margin-left: 1rem;

  416.     margin-right: 1rem;

  417.   }

  418.   .gallery figure figcaption {

  419.     font-family: 'ConcourseT3'

  420.   }

  421. 

  422. footer {

  423.   font-family: 'ConcourseT3';

  424.   display: flex;

  425.   flex-direction: column;

  426.   border-top: 3px solid white;

  427.   padding: 4rem 0;

  428.   background-color: #07486c;

  429.   color: white;

  430. }

  431.   footer > * {

  432.     max-width: 50rem;

  433.     margin: 0 auto;

  434.   }

  435.   footer a {

  436.     color: #f1c40f;

  437.   }

  438.   footer .avatar {

  439.     width: 200px;

  440.     height: 200px;

  441.     border-radius: 50%;

  442.     float: left;

  443.     -webkit-shape-outside: circle();

  444.     shape-outside: circle();

  445.     margin-right: 2rem;

  446.     padding: 2px 5px 5px 2px;

  447.     background: white;

  448.     border-left: 1px solid #f1c40f;

  449.     border-top: 1px solid #f1c40f;

  450.     border-right: 5px solid #f1c40f;

  451.     border-bottom: 5px solid #f1c40f;

  452.   }

  453. </style>

  454. 

  455. <h1>

  456.   <span><a id="jumper" href="#jumpto" title="Un peu perdu ?">?</a></span>

  457.   A World We Built to Burn (archive)

  458.   <time>Pour la pérennité des contenus liés. Non-indexé, retrait sur simple email.</time>

  459. </h1>

  460. <section>

  461.   <article>

  462.     <h3><a href="https://www.emptywheel.net/2019/10/18/a-world-we-built-to-burn/">Source originale du contenu</a></h3>

  463.     <div id="attachment_77262" class="wp-caption alignleft"><a href="https://www.emptywheel.net/wp-content/uploads/2019/10/Screen-Shot-2019-10-18-at-4.29.44-PM.png" data-wpel-link="internal"><img aria-describedby="caption-attachment-77262" class="wp-image-77262 size-medium" src="https://www.emptywheel.net/wp-content/uploads/2019/10/Screen-Shot-2019-10-18-at-4.29.44-PM-300x298.png" alt="" srcset="https://www.emptywheel.net/wp-content/uploads/2019/10/Screen-Shot-2019-10-18-at-4.29.44-PM-300x298.png 300w, https://www.emptywheel.net/wp-content/uploads/2019/10/Screen-Shot-2019-10-18-at-4.29.44-PM-80x80.png 80w, https://www.emptywheel.net/wp-content/uploads/2019/10/Screen-Shot-2019-10-18-at-4.29.44-PM-36x36.png 36w, https://www.emptywheel.net/wp-content/uploads/2019/10/Screen-Shot-2019-10-18-at-4.29.44-PM-180x180.png 180w, https://www.emptywheel.net/wp-content/uploads/2019/10/Screen-Shot-2019-10-18-at-4.29.44-PM-120x120.png 120w, https://www.emptywheel.net/wp-content/uploads/2019/10/Screen-Shot-2019-10-18-at-4.29.44-PM-450x448.png 450w, https://www.emptywheel.net/wp-content/uploads/2019/10/Screen-Shot-2019-10-18-at-4.29.44-PM.png 599w" sizes="(max-width: 300px) 100vw, 300px"/></a><p id="caption-attachment-77262" class="wp-caption-text">Smoke from the Camp Fire settles on San Francisco, 2018</p></div>

  464. 

  465. <p>It’s the windy end of a hot summer in California right now, and everything wants to burn. This year, like every year, fall winds jostle and tug a dry landscape of golden grasses and scrubland up against forests whose floors are piled with dry litterfall. Old powerlines hang from poles all over a landscape that has been changed by the human suppression of the fires that were always a part of the ecosystem.</p>

  466. 

  467. <p>More houses are closer to this tinderbox, as <a href="https://www.azcentral.com/in-depth/news/local/arizona-wildfires/2019/07/22/wildfire-risks-more-than-500-spots-have-greater-hazard-than-paradise/1434502001/" target="_blank" rel="nofollow noopener noreferrer external" data-wpel-link="external">we’ve pushed the wildland-urban interface further into the interior of the southwestern states than it has ever been</a>. The power lines are owned by a bankrupt utility, PG&amp;E, and in a lot of places, they were turned off last week, to prevent the utility company from burning down more towns like<a href="https://en.wikipedia.org/wiki/Camp_Fire_(2018)" target="_blank" rel="nofollow noopener noreferrer external" data-wpel-link="external"> Paradise, CA</a>, which burned with a kind of biblical rage this time last year.</p>

  468. 

  469. <p>And then, on top of all this, there’s climate change, making the hot and dry and windy just a bit hotter and drier and windier.</p>

  470. 

  471. <p>The reasons PG&amp;E cut off power to millions of people in California are myriad and complicated and go back the better part of a century.</p>

  472. 

  473. <p>This is a story of climate change, but it’s also a story of messed-up political priorities that date to when our great-grandparents were still getting used to the idea of electricity. It’s a story of disrespect and exploitation of the land, of failures in capitalism, regulation, and political will, of people who don’t want to live with the consequences of their decisions, and people who have to live with the consequences of other people’s decisions.</p>

  474. 

  475. <p>There isn’t a right answer here, there isn’t a single responsible party, and there’s not a clear, safe, and easy path forward. In the words of Paradise’s mayor, Jody Jones: “<a href="http://https://www.kqed.org/news/11778926/planned-blackout-during-wildfire-weather-causes-upheaval" target="_blank" rel="nofollow noopener noreferrer external" data-wpel-link="external">It’s really kind of a no-win situation.</a>”</p>

  476. 

  477. <div class="wp-caption alignnone"><img src="https://c10.patreonusercontent.com/3/eyJwIjoxfQ%3D%3D/patreon-media/p/post/30864183/3013bee7f1194b749aa6ff57d714c1c0/1.jpg?token-time=1572566400&amp;token-hash=GJY-d-I0lDX3rdmD9vosnKWNOQdLfLUdCNH4X55ZvTk%3D" alt="" data-media-id="44621412"/><p class="wp-caption-text">Camp Fire, 2018, NASA</p></div>

  478. 

  479. <p>In California those who wanted to blame PG&amp;E for the power shutdowns called this an infrastructure problem, and PG&amp;E deflected by saying it was a climate change problem. But climate change, and more generally, the wider range of the planetary stress we’re living through now, is an infrastructure problem.</p>

  480. 

  481. <p>I’m not just talking about the 2 degrees centigrade we hear about all the time. Everything from fires to CO2 to biodiversity loss and plastic pollution have come from how we have managed our built environment and currently maintain our infrastructure, and our infrastructure touches every part of life and culture, from forests cleared to create agricultural land for beef and palm oil, to travel-related carbon emissions and heat waves, to the houses built in what was once the California wilds. The issue at the heart of all of these things is how we manage the planet, now that we know that’s what we’re doing.</p>

  482. 

  483. <p>None of our old infrastructure was built with planetary management in mind, and very little is even now. What we’re dealing with is hundreds of years of something that software world calls technical debt. Technical debt is the shortcuts and trade-offs engineers use to get something done either cheaper or in less time, which inevitably creates the need to fix systems later, often at great cost or difficulty.</p>

  484. 

  485. <p>Some technical debt is understood up front, some comes from builders being ignorant  of the system they are working in. Most of our planet’s infrastructure is mired in huge amounts of technical debt, most of which we didn’t know we were signing up for at the time, some of which we’re just incurring recklessly as we go along, unable to face the scale of the problem and pushing it off on the next generation.</p>

  486. 

  487. <p>California is a perfect microcosm of this. The infrastructure is failing, and political priorities are just elsewhere. In the case of energy policy, there’s a huge push to switch from fossil fuels to renewables, which is much more politically sexy than fixing transmission lines. With housing, it’s approving building deeper and deeper into wildlands, often while local policies, old laws, and zoning keep city and suburban density low and property prices unsustainably high.</p>

  488. 

  489. <p>So here we are: Keeping the lines on will probably kill people. Turning them off will probably kill people. Our political system is facing <a href="https://en.wikipedia.org/wiki/Trolley_problem" target="_blank" rel="nofollow noopener noreferrer external" data-wpel-link="external">a real-life trolley problem</a> created by our ever-expanding technical debt. It can’t have been easy for the people making the decisions.</p>

  490. 

  491. <p>I’ve known people who worked for PG&amp;E in technical roles. I’ve known plenty of people who work on, and care about, infrastructure. They’re not bad people on the whole, and I’m sure part of the aggressive de-energizing came from a rank and file traumatized by last year’s fires and acutely terrified of having a hand in killing people. There’s almost never as many people cackling in dark rooms while chomping on expensive cigars as people think there are.</p>

  492. 

  493. <p>There just aren’t enough bad guys for all the problems we have right now, leaving us with the hard work fixing problems and not enough of the satisfaction of blaming people.</p>

  494. 

  495. <p>This past week those who lived in the blackout areas were told to prepare as best they could.</p>

  496. 

  497. <p>This <a href="https://www.ktvu.com/news/chp-pge-worker-shot-at-in-colusa-county" target="_blank" rel="nofollow noopener noreferrer external" data-wpel-link="external">enraged</a> many, including California Governor Newsom, who is in charge of the government that would in theory be taking care of this kind of thing. The angry people, from Newsom down, felt somebody, somewhere, was supposed to be responsible for all of this, that there simply weren’t supposed to be problems like choosing between fires and blackouts.</p>

  498. 

  499. <p>But much of the next century is going to be problems like this, not just for California, but for the whole world, as we deal with several generation’s worth of technical debt around infrastructure and learning to really manage our planet. There’s a lot we can learn from the California case, both about how to fix it, and how to cope in the mean time, like: have a plan.</p>

  500. 

  501. <p>People often get very angry when they hear that they have to have a plan. During the European heatwave and evacuations ahead of storm surges on the East Coast over the summer, and then California’s fall fire-and-blackout season, those living in threatened areas were told to have a plan to take care of their people and themselves.</p>

  502. 

  503. <p>Sometimes they were told it was time to take care of themselves without much notice. The anger in the case of every disaster is palpable, even though these days the disasters come one after another. Sometimes it seems like we live on a planet slowly traversing the old metaphorical stages of grief — most caught somewhere between denial and anger, with a few out on the scientific frontier starting the process of bargaining.</p>

  504. 

  505. <p>One of our jobs in this century is to accept that we don’t live on the planet we thought we lived on, and our societies aren’t doing what we thought they were. Even if we were able to change our politics overnight, which is probably impossible without some planetary level disaster wake up call, it would still take many decades to dig ourselves out of out technical debt, and in the mean time, we have to stay alive and try to thrive.</p>

  506. 

  507. <p>Everyone who lives on this stressed-out planet have to have plans, at every level from transnational to individual. We have to build resiliency and  capacity to cope with unstable and difficult circumstances, potentially for years, as we learn to pay down the technical debt and build the infrastructure that can work with our planet. <a href="https://www.redcross.org/get-help/how-to-prepare-for-emergencies/survival-kit-supplies.html" target="_blank" rel="nofollow noopener noreferrer external" data-wpel-link="external">For Californians that means stores of water and non-perishable foods, spare medication, first aid, batteries, N95 masks, and an evacuation plan, </a> especially for those living in fire-prone areas.</p>

  508. 

  509. <p>In hurricane zones, it means a go-bag. It can mean a lot of things depending on where you are and what protecting your home and family means to you. Where I live now, it means iodine pills in the bathroom first aid kit, in case the old and poorly maintained nuclear power plant not from my home goes wrong.</p>

  510. 

  511. <p>There are questions of right and wrong and responsibility our societies need to address, but having a plan not a matter of fairness or right and wrong. Those will be litigated elsewhere or another time. When the fires have started, the lot have gone out, the waters are rising or the radiation is leaking, it’s a matter of knowing how to take care of you and yours and your community as best you can.</p>

  512. 

  513. <p>I can imagine you looking at the screen, saying “It shouldn’t be this way!” But it is this way. The world we thought we had, with a safe stable environment and not too many people, that is not the world we live in. That is, in short, not real. At the individual level as well as the policy level, we need to let go of that which is not real.</p>

  514. 

  515. <p>We are living with infrastructure that is not fit for the reality on our planet. The faster we accept that, the faster we can get to the real work of changing it, politically and socially. Personal resiliency and societal resiliency go hand-in-hand.</p>

  516. 

  517. <p>Without that, bad infrastructure creates vicious circles, both logistical and political.</p>

  518. 

  519. <p>Back in the here and now, a lot of activists have focused in California on <a href="https://www.theguardian.com/us-news/2019/oct/11/california-power-shutoffs-when-your-public-utility-is-owned-by-private-investors" target="_blank" rel="nofollow noopener noreferrer external" data-wpel-link="external">private ownership and investor motivations as the problem</a>, proposing taking utilities into public hands as the solution. I’m sympathetic, but suspect this doesn’t solve any problems on its own, because there’s no solution that doesn’t involve difficult tradeoffs, and governments aren’t particularly good at difficult tradeoffs.</p>

  520. 

  521. <p>PG&amp;E or the state need to modernize energy transmission to reduce waste and stop burning down whole towns. We need to modernize existing infrastructure all over the world to cope with the effects of climate change. We also need to replace and build new infrastructure to mitigate climate change and decarbonization for the future. We need to protect biodiversity, and limit extraction. In California, as in the rest of the world, these goals are hard to get out of conflict. They draw on the same pool of money, the same political will, and even the same class of workers.</p>

  522. 

  523. <p>Both modernizing existing infrastructure and building new sustainable infrastructure at once is slow and viciously expensive. Doing one after another is slower, a little cheaper, and more dangerous. These are the trade-offs that will characterize life in the 21st century on our lovely little water planet.</p>

  524. 

  525. <p>Our incentives often undermine these goals at every level.</p>

  526. 

  527. <p>As a simple example, power cuts lead to people buying generators, which are worse for climate change than power generation. This is a pattern we see all over the developing world, like the otherwise modern lifestyle in <a href="https://www.wired.com/story/beruit-electricity-brokers/" target="_blank" rel="nofollow noopener noreferrer external" data-wpel-link="external">Beirut</a>, but now showing up in the developed world.</p>

  528. 

  529. <p>More complexly, the worthy long term goal of bringing power generation closer to where it is used, such as solar roof panels and municipal or micro generation technologies pose a undesirable threat to PG&amp;E. Localized residential and business power generation is better, with lower emissions and less fire risk. But right now, shifting to local production takes funding away from PG&amp;E, putting it into the position of fighting against a future everyone wants — including most of the people at PG&amp;E. This is because the less money PG&amp;E gets, the less it can do to make power distribution safe by burying or replacing power lines, or meeting the power needs of those who can’t generate for themselves, who are most likely to be the poorest customers.</p>

  530. 

  531. <p>California’s political priority of changing power sources to renewables has gone quite well, but has drawn attention and money away from rebuilding boring power lines hanging above unphotogenic scrubby foliage, like the kind that caught fire last year, incinerating Paradise.</p>

  532. 

  533. <p>Local micropower generation is certainly what we all want in the long term, but because of how we’ve structured the idea of utility service, it can only reduce funding for large scale projects as fewer and fewer people pay in. These priorities don’t have to be in conflict, but until we rethink how we’re coordinating our response to infrastructure needs and planetary management, they will be. That is also technical debt.</p>

  534. 

  535. <p>Part of the is the difficulty with managing planetary resources is telling people they can’t have it all. This is hard with all humans, but especially with Americans. The only thing we seem ok with making personal sacrifice for is war, which seems hardly coincident with calling every major policy “a war on” something or other for the past 60 years.</p>

  536. 

  537. <p>Let me go straight to one of the roughest things we face: not being able to live where we want.</p>

  538. 

  539. <p><a href="https://www.pnas.org/content/115/13/3314.short" target="_blank" rel="nofollow noopener noreferrer external" data-wpel-link="external">Californians think its their pioneering right to build houses and whole towns deep into the wildlands</a>, land evolved to burn in a place that has been catching fire on a geologic time scale. But Fire doesn’t care where we think we should build our wooded, outdoorsy, and cheap retirement homes.</p>

  540. 

  541. <p>What Californians, as well as many other Americans, and hundreds of millions of people around the world need to give up on is living where they think they ought to be able to live. Californians are busy building new neighborhoods into the rightful territory of giant fast moving infernos; post-Hurricane Texans think they have the right to build in low-elevation Houston, and poverty-stricken Bangladeshis and Indonesians think they should hold on to the shores they’ve always lived on.</p>

  542. 

  543. <p>Houston is technical debt. New Orleans is technical debt. Puerto Rico is plagued by intertwined monetary and technical debt. <a href="http://https://www.bbc.com/news/world-asia-44636934" target="_blank" rel="nofollow noopener noreferrer external" data-wpel-link="external">Jakarta is sinking, literally, into technical debt</a>.</p>

  544. 

  545. <p>Paradise, CA was technical debt.</p>

  546. 

  547. <p>One of the first lessons of climate, and infrastructure, is that people have to live closer together and in easier places, or they will die. Nature doesn’t care who deserves what. Nature is not interested in how things are supposed to be. We are interested in being kinder than nature, we are interested in justice, and we are going to have to be responsible for bringing that kindness and justice to the people displaced by nature, and who are in need in need of the good things we can all have when we pay down that technical debt and build global infrastructure that works for everyone, including nature.</p>

  548. 

  549. <p>Ultimately, Californians and Texans and Bangladeshis and Indonesians are participating in the same project, along with the rest of us, to manage ourselves and our resources in ways that let us live comfortably and not quite so heavily upon the Earth.</p>

  550. 

  551. <p>We have to retreat from the shore, stay out of the wild places, and be careful with our water. We have to use less energy, less land, and take better care of each other at the global level. The faster we figure that out, the better our chances are. Most of the world is past denial now, and so is most of California. Skipping past anger and bargaining and even depression, all the way to acceptance of this new reality, and getting to work, is the best we can do.</p>

  552. 

  553. <p><hr/>

  554. <p><em>My work for Emptywheel is supported by my wonderful patrons on Patreon. You can find out more, and support my work, at <a href="https://www.patreon.com/QuinnNorton" rel="external noopener noreferrer" data-wpel-link="external">Patreon</a>. All of my Emptywheel work is CC By, Noncommercial. </em></p>

  555. <p><em>(Thanks to Ryan Singel for invaluable help) </em></p></p>

  556.   </article>

  557. </section>

  558. 

  559. 

  560. <nav id="jumpto">

  561.   <p>

  562.     <a href="/david/blog/">Accueil du blog</a> |

  563.     <a href="https://www.emptywheel.net/2019/10/18/a-world-we-built-to-burn/">Source originale</a> |

  564.     <a href="/david/stream/2019/">Accueil du flux</a>

  565.   </p>

  566. </nav>

  567. 

  568. <footer>

  569.   <div>

  570.     <img src="/static/david/david-larlet-avatar.jpg" loading="lazy" class="avatar" width="200" height="200">

  571.     <p>

  572.       Bonjour/Hi!

  573.       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>

  574.       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>).

  575.     </p>

  576.     <p>

  577.       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>.

  578.     </p>

  579.     

  580.     <p>

  581.       Voici quelques articles choisis :

  582.       <a href="/david/blog/2019/faire-equipe/" title="Accéder à l’article complet">Faire équipe</a>,

  583.       <a href="/david/blog/2018/bivouac-automnal/" title="Accéder à l’article complet">Bivouac automnal</a>,

  584.       <a href="/david/blog/2018/commodite-effondrement/" title="Accéder à l’article complet">Commodité et effondrement</a>,

  585.       <a href="/david/blog/2017/donnees-communs/" title="Accéder à l’article complet">Des données aux communs</a>,

  586.       <a href="/david/blog/2016/accompagner-enfant/" title="Accéder à l’article complet">Accompagner un enfant</a>,

  587.       <a href="/david/blog/2016/senior-developer/" title="Accéder à l’article complet">Senior developer</a>,

  588.       <a href="/david/blog/2016/illusion-sociale/" title="Accéder à l’article complet">L’illusion sociale</a>,

  589.       <a href="/david/blog/2016/instantane-scopyleft/" title="Accéder à l’article complet">Instantané Scopyleft</a>,

  590.       <a href="/david/blog/2016/enseigner-web/" title="Accéder à l’article complet">Enseigner le Web</a>,

  591.       <a href="/david/blog/2016/simplicite-defaut/" title="Accéder à l’article complet">Simplicité par défaut</a>,

  592.       <a href="/david/blog/2016/minimalisme-esthetique/" title="Accéder à l’article complet">Minimalisme et esthétique</a>,

  593.       <a href="/david/blog/2014/un-web-omni-present/" title="Accéder à l’article complet">Un web omni-présent</a>,

  594.       <a href="/david/blog/2014/manifeste-developpeur/" title="Accéder à l’article complet">Manifeste de développeur</a>,

  595.       <a href="/david/blog/2013/confort-convivialite/" title="Accéder à l’article complet">Confort et convivialité</a>,

  596.       <a href="/david/blog/2013/testament-numerique/" title="Accéder à l’article complet">Testament numérique</a>,

  597.       et <a href="/david/blog/" title="Accéder aux archives">bien d’autres…</a>

  598.     </p>

  599.     <p>

  600.       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>.

  601.     </p>

  602.     <p>

  603.       Je ne traque pas ta navigation mais mon

  604.       <abbr title="Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33.184162340">hébergeur</abbr>

  605.       conserve des logs d’accès.

  606.     </p>

  607.   </div>

  608. </footer>

  609. <script type="text/javascript">

  610.   ;(_ => {

  611.     const jumper = document.getElementById('jumper')

  612.     jumper.addEventListener('click', e => {

  613.       e.preventDefault()

  614.       const anchor = e.target.getAttribute('href')

  615.       const targetEl = document.getElementById(anchor.substring(1))

  616.       targetEl.scrollIntoView({behavior: 'smooth'})

  617.     })

  618.   })()

  619. </script>