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

index.html 37KB
Неформатований Blame Історія

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607 
  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>Engineers Don't Solve Problems (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://logicmag.io/failure/engineers-dont-solve-problems/">

  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.   Engineers Don't Solve Problems (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://logicmag.io/failure/engineers-dont-solve-problems/">Source originale du contenu</a></h3>

  463.     <p>On July 15, 1951, like so many times before, Mexico City’s lakes returned with a vengeance. After heavy rains, the sewers overflowed onto the streets, eventually covering half the city in fetid water. Dramatic photos circulated in newspapers, showing men rowing boats across the city’s downtown streets. The flood paralyzed the capital for ten days and was a major embarrassment for the national government. The event was a spectacular technological failure—the Grand Canal, the state-of-the-art drainage canal built a half-century earlier, had proven totally unable to drain the city. It sat idly by as the city’s residents waded to work.</p>

  464. 

  465. <p>These kinds of violent, spectacular disasters are what the public has come to understand as a technological failure. But most technological failures, especially when dealing with the environment, are decidedly mundane. They often disproportionately affect the poor in ways that are spatially diffuse and take generations to unfold—a kind of “<a href="http://www.hup.harvard.edu/catalog.php?isbn=9780674072343">slow violence</a>,” as the scholar Rob Nixon has memorably argued. Because of these characteristics, these failures remain largely invisible to those in power and difficult for the majority to fully appreciate. This makes it possible for these technologies to look like successes—until the full extent of their failure is revealed in moments of catastrophe.</p>

  466. 

  467. <p>The story of Mexico City’s battle against flooding offers a telling lesson for us as we face the slow-motion disaster of climate change. The danger today is that we will again fall for the promise of technological fixes peddled by Silicon Valley entrepreneurs that seem to allow us to continue with business as usual. The problem with these solutions is precisely that they so often <em>appear</em> to work, at least for the groups whose voices count—for now.</p>

  468. 

  469. <p>We have been thinking about environmental engineering wrong. It does not “solve problems” as is popularly believed. It <em>transforms</em> problems, creating new and different challenges that burden other people—and future generations. The challenge we face as a society is to build the structures of popular power to decide collectively which burdens are worth their weight, and how to distribute them justly. These are not choices we should leave to politicians, or even engineers.</p>

  470. 

  471. <h3 id="draining-a-sinking-city">Draining a Sinking City</h3>

  472. 

  473. <p>The official reason for Mexico City’s 1951 flood was <a href="http://www.excelsior.com.mx/comunidad/2014/07/13/970607">clogged drains</a>. But engineers knew something else was to blame: the city was sinking, rendering its drainage system a mess. By the 1940s, scientists and engineers like Nabor Carillo had concrete evidence that this sinking was not natural, but anthropogenic. From the turn of the twentieth century, the rapidly growing city had turned to extracting groundwater using mechanical pumps, depleting the water trapped in the soil below. As the clay soils of the former lakebed upon which the city was built dried out, they shrunk irreversibly, leading to a phenomenon known as “land subsidence”—sinking.</p>

  474. 

  475. <p>The subsidence had a particularly marked effect on the Grand Canal, a marvel of early twentieth-century hydraulic engineering. The canal, completed in 1900, ostensibly fulfilled the centuries-old project of draining the city’s lakes, which were seen as the cause of flooding—and impediments to urban expansion. Mexico City was trapped at the bottom of a closed valley with no natural rivers flowing in or out. Stretching over thirty miles, the Grand Canal was designed to collect rain and sewage from the city center and take it first east, towards Lake Texcoco, and then through the mountains of the north, where it would be used to irrigate the agricultural fields of the Valle de Mezquital. There was just one problem: the city’s subsidence meant that the canal rapidly lost its slope in the decades after its completion.</p>

  476. 

  477. <p>By the 1950s, the Grand Canal’s ability to drain the city was already vastly diminished. Engineers began to fear that by the 1970s, the first section of the canal (built on soft, clay soil) would slope towards the city center rather than away from it—rendering it useless. Without the Grand Canal during a major rainstorm, water would accumulate in downtown and turn it into a virtual lake.</p>

  478. 

  479. <p>To prevent such a catastrophic flood of the city center in the future, engineers after 1951 initiated two major changes. First, they began to move groundwater wells out of the city center and towards the urban periphery, particularly the south and eastern fringes where thousands of new internal migrants were arriving daily from the increasingly destitute countryside. Second, they began studying a radical solution to the Grand Canal’s failure: a system of deep drainage tunnels that would be dug in firm soils less susceptible to subsidence.</p>

  480. 

  481. <p>The tunnels, which they called the Deep Drainage System (<em>Sistema del Drenaje Profundo</em>) would capture water from the center of the city and use gravity to send it under the mountains to the Valle de Mezquital. There, during the wet summers, a raging torrent of rain, shit, and industrial waste would be used to irrigate the crops that fed the city. This would expand a practice that had begun in earnest with the water of the Grand Canal in 1900.</p>

  482. 

  483. <p>The Deep Drainage System’s initial phase was completed in 1975. It took over a decade of planning and eight years of dangerous construction, which former workers have described to me as simultaneously awe-inspiring and macabre. (Hundreds are said to have died in its construction, though the number cannot be confirmed with written evidence.) The centerpiece of the system is the Central Emitter Tunnel— nearly twenty feet in diameter, over thirty miles long, and nearly 1000 feet deep in places. The concrete tunnel was large enough that then-President Luis Echevarría was able to tour the completed work in a convoy of trucks, with his full entourage and foreign dignitaries in tow. His government inaugurated the project with great fanfare, releasing full-page ads in every major Mexico City newspaper to declare that the war on the capital’s flooding had finally been won.</p>

  484. 

  485. <p>The following decades brought a gradual expansion of the tunnel system. It now reaches much of the massive city, like an invisible subway network ninety-five miles long that nearly everyone depends on but no one sees. The project has ostensibly been a huge technological success. Nature appears to have been subdued; the city center never again experienced a flood anywhere close to the magnitude of the 1951 inundation. As a result of the flood protection the system offered, the city was able to continue to grow rapidly without worrying about a large-scale disaster.</p>

  486. 

  487. <h3 id="robbing-the-future">Robbing the Future</h3>

  488. 

  489. <p>But this flood protection has come at a steep cost, both for those living on the urban periphery and future generations.</p>

  490. 

  491. <p>With the Deep Drainage System, the city’s groundwater is pumped from the city’s aquifer and mixed with water imported from other watersheds via massive aqueducts, contaminated, and then mixed with the rain that doesn’t evaporate before it is finally ejected from the watershed through the massive tunnel system. An average of four Olympic-size swimming pools of water are expelled <em>per minute</em> through the tunnels. The result is that wastewater that could have been treated and reused in the city—or rainwater that could have been captured in the hillsides and used to replenish the increasingly parched aquifer—is instead sent out a giant tube.</p>

  492. 

  493. <p>The result is unsurprising, yet largely invisible to downtown power brokers: the city’s water table is rapidly falling, particularly in the southern and eastern periphery where most of the city’s wells are now located. As a result, wells must be constantly relocated or deepened to access a diminishing resource. Over a million poor residents lack adequate water service, receiving water just a few times a week if at all. Women must stay home to wait for water tanker trucks that may never come, or pay enormous sums for bottled water to perform basic household chores.</p>

  494. 

  495. <p>Yet this daily deprivation, while at times made visible through popular protests, is largely suffered in silence in the desolate housing blocks of marginalized zones like Iztapalapa. This reality seems worlds away from the gleaming towers of the financial and political elite whose swimming pools never run dry. Across the city, the luxury real estate market has exploded, with new towers sprouting from the rubble of the 2017 earthquake like mushrooms of concrete and steel.</p>

  496. 

  497. <p>To add insult to injury, the falling water table has provoked severe land subsidence, causing many of the same problems in the periphery that the city center had faced in the decades prior. This has left sewer lines—carefully constructed to flow downhill—flipping like see-saws or simply broken. With even modest rains, these sewers overflow onto local streets and double or triple already grueling commute times, especially for the poor who live far from the city center. Even when the waters do not rise high enough to enter their homes, low-income residents run the risk of infection and ruined clothes trudging through the sewage from these shallow floods.</p>

  498. 

  499. <p>But the subsidence is uneven. How much a given point sinks—and thus how much its sewers are damaged—depends on its particular geology and its proximity to pumps. As a result, most floods today are patchy. A single image—even from a drone—would be unable to capture the extent of these localized floods, which are dispersed primarily across the poor periphery. They are seen as isolated events in the popular imagination, rather than symptoms of a systemic failure. As a result, they do not provoke the same level of generalized social discontent as the more concentrated flooding disaster of 1951 did.</p>

  500. 

  501. <p>The Deep Drainage System succeeded precisely by failing in the most mundane and invisible way possible. It transformed a catastrophic problem into a creeping one, out of sight of city elites. In trying to prevent the flooding of the city center, it created a patchwork of flooding along the urban periphery. It displaced the costs of the city’s voracious growth onto the margins, far from the centers of power—and onto future generations.</p>

  502. 

  503. <h3 id="the-politics-of-poop">The Politics of Poop</h3>

  504. 

  505. <p>Emboldened by the false sense of security offered by the tunnels and other hydraulic engineering works, government leaders over the decades since 1975 have had no qualms pushing for further growth of the metropolitan region, even as the aquifer dwindles. The growth of the metropolis has not only generated more humans dumping waste. It has also led to more buildings and roads, shrinking the green areas that once allowed water to infiltrate into the groundwater aquifer, rather than run off into the drainage system.</p>

  506. 

  507. <p>Today, the capacity of the Deep Drainage System is no longer sufficient during the rainy season. During heavy storms, engineers find themselves in an uncomfortable predicament: they have to start closing certain floodgate connections to the surface sewers, or else the tunnels will overflow in spectacular ways they cannot control. With these gates closed, water from the surface sewers has nowhere to go except the streets.</p>

  508. 

  509. <p>The question of which floodgates to close—and hence <em>whose</em> streets (or whose homes and businesses) will be sacrificed is highly political. It is an open secret that engineers simply aren’t allowed to flood the central neighborhoods where the rich and powerful live. So they will generally close the floodgates in poorer peripheral neighborhoods—often where their own families live—leaving residents to wade through fetid wastewater.</p>

  510. 

  511. <p>But the sheer quantity of floodwater, combined with deteriorating infrastructure, has eroded the engineers’ control. Standing in their rudimentary command center on the tenth floor of the water utility’s headquarters, there are moments when all they can do is look out the window at the brewing storms and pray. Floods are increasingly reaching the once untouchable neighborhoods and critical infrastructures of the city. Just last year, the airport itself was temporarily shut down due to flooding.</p>

  512. 

  513. <p>Yet these floods pale in comparison to the city water engineers’ worst nightmare: a collapse of the Central Emitter Tunnel of the Deep Drainage System. This is the system’s main artery, but was designed to function during the rainy season only. Yet in the years after 1975, the city grew exponentially—meaning more sewage and runoff— while the Grand Canal lost even more capacity. This situation forced engineers to use the tunnel year-round just to get the sewage out of the sinking city. With no viable route to divert the sewage, critical maintenance work was delayed for years. This led some engineers by the 1990s to worry the tunnel could collapse due to the degradation of the concrete and steel exposed to years of corrosive gases from wastewater. Such a collapse—in the context of a vastly larger urbanized area—could produce a flood that would make 1951 appear mild in comparison.</p>

  514. 

  515. <p>To forestall this crisis, the government began building a parallel drainage tunnel in 2008. The Eastern Emitter Tunnel (<em>Túnel Emisor Oriente</em>, or TEO in Spanish) has been touted by its builders as the definitive solution to the region’s flooding problem, and as the longest and most complex drainage tunnel in the world. But standing at the bottom of the tunnel’s deepest underground shaft, large enough to fit a thirty-story building into, it’s hard not to feel that Mexico City, in trying to solve its immediate crises, has dug itself into a hole it will find increasingly difficult to climb out of.</p>

  516. 

  517. <p>Initially, the TEO will certainly reduce the likelihood of catastrophic floods of the kind that left thousands in the poor peripheral municipality of Chalco with noxious waters in their homes in 2000. It will allow engineers to divert water from the Central Emitter Tunnel and ideally prevent a major failure. But, like its predecessor, it will accelerate the draining of the city’s aquifer and soon be overwhelmed by the very growth it makes possible. Without the TEO, the new airport and its associated real estate developments being pushed by Carlos Slim and foreign investors would be unimaginable. But the airport—and the urbanization it will stimulate — are likely to produce so much new runoff and sewage that in a couple of short decades, the TEO itself will be insufficient.</p>

  518. 

  519. <p>Yet like the Deep Drainage System before it, politicians and business elites will not judge the TEO by its mundane failures, such as the groundwater depletion and subsidence it facilitates. These effects are slow-moving and concentrated on the urban periphery, far from the centers of power. Instead, elites will consider the TEO a success insofar as it prevents the kind of catastrophic flooding that might stall their dreams of a fast-growing Mexico City.</p>

  520. 

  521. <h3 id="whacking-moles">Whacking Moles</h3>

  522. 

  523. <p>The story of Mexico City’s flood protection infrastructure has its unique twists and turns. But it also has the outlines of a broader truth: in engineering, the “success” of a technology often has less to do with solving problems than rendering them opaque or distant from our imagination. Like an endless game of whack-a-mole, the problems never truly go away—they come back with a vengeance decades later and miles away in new forms, often made worse by the very infrastructure engineers created.</p>

  524. 

  525. <p>This tendency is far from unique to Mexico—or giant sewers. Fossil fuel combustion is a clear example. Like the effects of the Deep Drainage System on residents in the periphery of Mexico City, the effects of burning fuels are felt disproportionately by the poor in the periphery of our capitalist world—in places like Bangladesh, where the sea is slowly swallowing much of the country’s land. Yet this effect is, like Mexico City’s subsidence, nearly invisible—especially to a Wall Street banker or our president.</p>

  526. 

  527. <p>Even with decades of scientific work proving that our technologies have endangered the very survival of our (and countless other) species, our obsession with economic growth at all costs has barely budged. But if we are to listen to Silicon Valley entrepreneurs and their allies in government and academia, we should not worry about changing our collective way of living on the planet: climate change is simply a problem that can be solved with “disruptive” new engineering innovations, from carbon capture and storage to electric cars.</p>

  528. 

  529. <p>Yet the story of Mexico City’s struggles over water suggest that we should be skeptical of claims that environmental problems are ever neatly solved through technologies like these. I once asked a Tesla executive who came to Stanford to give a talk whether creating cheap and efficient electric cars wouldn’t simply encourage more driving, more cars, and, further down the line, crises related to lithium mining for batteries in places like Bolivia. (The idea that people with Teslas would drive more is an example of what economists refer to as the “rebound effect”: if you make something more efficient—and hence reduce the cost—people will tend to use it more, whether it’s driving electric cars or taking advantage of flood control infrastructure to build houses in a floodplain.) The executive responded by saying that “those are questions for philosophers—next question?”</p>

  530. 

  531. <p>These are not questions for philosophers. They are questions for all of us—and especially engineers.</p>

  532. 

  533. <p>But to be able to wrestle with these questions, we need to change the language we use to think about engineering and technology. Saying engineers “solve problems” implies a kind of mathematical tidiness that doesn’t reflect our messy reality. This language suggests that problems just disappear or are neatly contained through technologies. Yet if Mexico City’s floods are any indication, we should instead talk about how engineers <em>transform</em> problems.</p>

  534. 

  535. <p>This subtle shift in language brings our attention to the fact that any “solution” produces, inevitably, more and different problems—many of which may not be visible in the moment or place it is implemented, or to the particular group of people designing the intervention. This seems to be, at first glance, obvious. We often say that a given tool “creates more problems than it solves.” Yet the idiom is rarely taken to heart—even if, as engineers, we talk about tradeoffs and generate cost-benefit analyses of different “alternative solutions.” Anyone who has ever worked in an engineering firm or the government knows that these are inevitably influenced by our own biases and interests, whether conscious or not. Furthermore, not every effect of an engineering solution can be quantified in dollars and placed into our analysis.</p>

  536. 

  537. <p>This is not to say that there are not “better” or “worse” engineering interventions, or that new technologies will not be crucial for dealing with environmental problems. Rather, we must create the popular power necessary to democratically deliberate about these new technologies, and the tradeoffs they represent. We should decide together what kinds of problems we can live with, and what problems we cannot. And we shouldn’t let the promise of magical new technologies distract us from the arduous but essential work of organizing to change our economic system.</p>

  538. 

  539. <p>The notion that engineers simply “solve problems” is alluring, but dangerously imprecise. It allowed Mexico City’s political class to imagine a city that could grow forever, even while sinking and drying out. As long as engineers appeared to “solve” the city’s most immediate crises, the city’s growth continued. It is only in recent years that citizens have begun to question whether that growth is equitable—and worth the social and environmental cost.</p>

  540. 

  541. <p>Beyond Mexico City, the fantasy that engineers can wave magic wands and make problems go away is the basis of a global economy built on the fossil fuel extraction that has led our society to the precipice of environmental collapse. Engineers—and our faith in them—make it possible to imagine that the crises we create today will be solved tomorrow by future innovators.</p>

  542. 

  543. <p>Yet, like the soil underneath Mexico City, this dream is beginning to sink. In recent years, major US cities like New York and Houston have found themselves underwater from storms worsened by climate change. The question is whether we will reverse course before we find ourselves, like Mexico City’s engineers, forced to repeat century-old mistakes just to survive a few years longer.</p>

  544.   </article>

  545. </section>

  546. 

  547. 

  548. <nav id="jumpto">

  549.   <p>

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

  551.     <a href="https://logicmag.io/failure/engineers-dont-solve-problems/">Source originale</a> |

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

  553.   </p>

  554. </nav>

  555. 

  556. <footer>

  557.   <div>

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

  559.     <p>

  560.       Bonjour/Hi!

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

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

  563.     </p>

  564.     <p>

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

  566.     </p>

  567.     

  568.     <p>

  569.       Voici quelques articles choisis :

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  586.     </p>

  587.     <p>

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

  589.     </p>

  590.     <p>

  591.       Je ne traque pas ta navigation mais mon

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

  593.       conserve des logs d’accès.

  594.     </p>

  595.   </div>

  596. </footer>

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

  598.   ;(_ => {

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

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

  601.       e.preventDefault()

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

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

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

  605.     })

  606.   })()

  607. </script>