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/02d602945ced92669da54be1e19.../index.html

index.html 59KB
Raw Blame 履歴

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760 
  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>The Good Room (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://frankchimero.com/writing/the-good-room/">

  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.   The Good Room (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://frankchimero.com/writing/the-good-room/">Source originale du contenu</a></h3>

  463.     <p><img src="https://frankchimero.com/writing/the-good-room/images/the-good-room.svg"/>

  464. <div class="section foreword">

  465. <p>This talk was given on February 15, 2018 at <a href="https://www.myldring.no/substans">Substans</a> in Bergen, Norway.</p>

  466. </div>

  467. <div class="section">

  468. <p>I’m a designer, but writing is another important part of my practice. Most of what I’ve written focuses on making the case for a cohesive and generous philosophy for how we design technology: it must not only look good and feel good, it must also <em>be</em> good. Today, I’ll be focusing on the other side of how technology gets made. I want to talk about ways to find a clear path through how we use technology and what we expect from it.</p>

  469. <p>This need seems urgent. It has been the central topic of many of my conversations with friends and professional acquaintances for the last year and a half. If you bundle those conversations together, the diagnosis is clear: there is so much convenience, but so little comfort. Everyone is tired. Our attention is over-extended, over-stimulated, and over-commodified, making us twitchy, unfocused, and, in a very crude sense, afraid.</p>

  470. <p>It feels like many of us are in the first stages of untethering, and we can use this situation as an opportunity for reassessment. Blindly chasing after convenience, amusement, and connection wasn’t all it was set up to be, and it certainly didn’t make life any less complicated. We know that digital technology isn’t going anywhere because of its obvious benefits, so the primary question becomes: how do we fix the way technology fits? Is there a way to keep some of the benefits and diminish the damage? What stays? What goes? Why? And how can we begin to change that fit in our own lives?</p>

  471. <hr/>

  472. <p>Let me start by stating something obvious: in the last decade, technology has transformed from a tool that we use to a place where we live. If we’re setting out to change the character of technology in our lives, we’d be wise to learn from the character of places.</p>

  473. </div>

  474. <p class="section rainbowbreak">

  475. <h1><br/>Place<br/>One<br/><br/></h1>

  476. </p>

  477. <div class="section realblack">

  478. <figure><img data-src="https://frankchimero.com/writing/the-good-room/images/samuel-tilden.jpg" class="tinycentered lazyload"/></figure>

  479. <p>Let’s take a step back in time. In 1886, Samuel Tilden, the wealthy former governor of New York state, died and left a few million dollars for New York City to establish and maintain a free, public library and reading room. This was an astronomical sum in the late 19th century, and after hearing about it a couple years later, the industrialist Andrew Carnegie, below, decided to splash an additional $5 million on to the pile. Happy days for readers, indeed.</p>

  480. <figure><img data-src="https://frankchimero.com/writing/the-good-room/images/andrew-carnegie.jpg" class="tinycentered lazyload"/></figure>

  481. <p>The city eventually settled on a site for the new library at 5th Avenue between 40th and 42nd Street. We now know that area as Bryant Park, but back then it was the defunct Croton Reservoir. The library has a line it likes to use these days when it talks about its construction. They say the pool of water was transformed into a pool of knowledge. Perfection.</p>

  482. <figure><img data-src="https://frankchimero.com/writing/the-good-room/images/croton-reservoir.jpg" class="full lazyload"/>

  483. <figcaption>New York City’s Croton Reservoir, early 1900s</figcaption></figure>

  484. <p>Preparations to the site began in 1900 and construction of the building started in 1902.</p>

  485. <figure><img data-src="https://frankchimero.com/writing/the-good-room/images/nypl-construction.jpg" class="full lazyload"/>

  486. <figcaption>Under construction: the New York Public Library, 1902</figcaption></figure>

  487. <figure><img data-src="https://frankchimero.com/writing/the-good-room/images/nypl-1911.jpg" class="full lazyload"/>

  488. <figcaption>The completed New York Public Library, 1911</figcaption></figure>

  489.  <p>By 1911, the library was ready for the public. The building is now considered to be a Beaux-Arts classic—its most famous touches being those two lions that flank the front stairs. One is named Patience; the other is Fortitude. We don’t name things like that any more, do we?</p>

  490. <p>The location is still open today. In fact, many people who visit New York City put the main branch on their sightseeing list. The tourists are not alone: the NYPL is one of the few tourist stops with just as many visiting locals. I love going to the library, and encourage my friends to visit every time I get the chance. At first, they think this is a very uncool recommendation, but they change their minds when I show them the room at the library where I work.</p>

  491. <figure><img data-src="https://frankchimero.com/writing/the-good-room/images/nypl-rosereadingroom.jpg" class="full lazyload"/></figure>

  492. <p>Step into my office, baby. This is the Rose Reading Room. It’s on the top floor of the building. I do a fair amount of my writing here.</p>

  493. <figure><img data-src="https://frankchimero.com/writing/the-good-room/images/nypl-happyme.jpg" class="tinycentered lazyload"/></figure>

  494. <p>For the sake of being meta, here is a picture of me in the room writing this talk. Look at how happy I am. No big, cheap smiles; instead, you’re seeing a deep and genuine gratitude created by the humility and awe that the room inspires. Those ceilings above me are 16 meters high, and you know what they say—high ceilings, lofty thoughts. This is the best room to work from in New York City. It’s a shame you can’t sneak in a bottle of wine.</p>

  495. <figure><img data-src="https://frankchimero.com/writing/the-good-room/images/nypl-ceilingmural.jpg" class="full lazyload"/></figure>

  496. <p>Here’s a better photo of the murals on the reading room’s ceiling. It’s not quite the Sistine Chapel, but the paintings are a very welcome addition when you’re gazing up, trying to get your arms around a thought.</p>

  497. </div>

  498. <div class="section fade">

  499. <p>The main branch of the NYPL is obviously a beautiful and impressive place, but it shares its most important characteristic with any other library location in the city: it is free and open. All that’s required to sit and work in the Rose Reading Room is a quick check of the bags to ensure you’re not smuggling books or wine. Everyone has access to the library, whatever their purpose.</p>

  500. <p>On my last visit, I saw students studying, a retiree reading Shakespeare out of a big leather-bound edition, a family filling out visa applications they printed, and a kid in headphones making beats in Ableton. This is a nice representation of the world as I wish it to be—all creation, appreciation, education, and exploration. The library is what brought them together, and it asks for nothing back. Its purpose is fulfilled by all of us using it. That means, I think, that the library is one of the best places to get a real and generous sense of the city. How does a city wish to be? Look to the library. A library is the gift a city gives to itself.</p>

  501. <hr/>

  502. <p>This all sounds very rosy and pure, but the first visit to the library as an adult can be a little unnerving. It feels like you are doing something wrong by being there. What’s the catch? Is it a trap? How often is nothing expected of us? It is so rare in New York (and in many other places), because our presence is expected to be the start of a transaction. New York City has some of the most expensive real estate in the world, so every square inch must be monetized. That is why it is so special that this big, beautiful building is plopped right in the center of everything. Just a few blocks away from the mania of Times Square, Samuel Tilden’s gift sits waiting for anyone who wants to open it.</p>

  503. <p>I once heard that a library is one of the few remaining places that cares more about you than your wallet. It means that a person can be a <em>person</em> there: not a customer, not a user, not an economic agent, not a pair of eyes to monetize, but a citizen and community-member, a reader and a thinker, a mind and—God, I am going to say it—a <em>soul</em>.</p>

  504. </div>

  505. <p class="section rainbowbreak">

  506. <h1><br/>Place<br/>Two<br/><br/></h1>

  507. </p>

  508. <div class="section">

  509. <p>Let’s step back in time again. As the city was breaking ground for the library, another large construction job began about 8 blocks away.</p>

  510. <p>The Pennsylvania Railroad Company was building a marquee station for New York City. The city was surprised at the sudden announcement, since the lots for the station’s 12-block footprint were bought in secret. This mixed with a sense of relief, because the station would simplify a complicated train commute into New York.</p>

  511. <figure><img data-src="https://frankchimero.com/writing/the-good-room/images/penn-map.jpg" class="full multiply lazyload"/></figure>

  512. <p>There were no direct Pennsylvania Railroad trains into New York City at the time; their passengers commuted by rail to Jersey City, then had to board ferries across the Hudson River to enter Manhattan. The Penn Station project aimed to give the railroad a proper home in America’s biggest city by boring a new tunnel under the Hudson River to the west and a second tunnel for the East River to the east, thereby connecting Manhattan to Brooklyn, Long Island, and the mainland.</p>

  513. <figure><img data-src="https://frankchimero.com/writing/the-good-room/images/penn-alexandercassat.jpg" class="tinycentered lazyload"/></figure>

  514. <p>The project was an enormously risky undertaking, and Pennsylvania Railroad’s president Alexander Cassatt knew it. Boring under the silty Hudson River would be a dicey proposition for the safety of the workers and structural integrity of the tunnel. In addition, drilling two tunnels underground and expecting them to meet in the middle carried its own degree of risk if the precision of the operation slipped. And then there was the expense on top of the logistical risks. The total cost of the project ballooned to $114 million, or about $3 billion in today’s dollars. That’s a huge investment for one company to service one city, so Cassatt, understandably, absorbed himself in the fun part of the project: the station.</p>

  515. <p>After studying public spaces in Europe ranging from the Gare d’Orsay train station in Paris to the Baths of Caracalla in Rome, this is what they drew up:</p>

  516. <figure><img data-src="https://frankchimero.com/writing/the-good-room/images/penn-architecturaldrawing.jpg" class="full lazyload"/>

  517. <figcaption>Architectural drawing of Pennsylvania Station</figcaption></figure>

  518. <p>In 1910, seven years after tunnel boring began and six years after they broke ground on the terminal, New York City’s Penn Station was open.</p>

  519. <figure><img data-src="https://frankchimero.com/writing/the-good-room/images/penn-photo1.jpg" class="full lazyload"/></figure>

  520. <figure><img data-src="https://frankchimero.com/writing/the-good-room/images/penn-photo2.jpg" class="full lazyload"/></figure>

  521. <figure><img data-src="https://frankchimero.com/writing/the-good-room/images/penn-photo3.jpg" class="full lazyload"/></figure>

  522. <figure><img data-src="https://frankchimero.com/writing/the-good-room/images/penn-photo4.jpg" class="full lazyload"/></figure>

  523. <p>What a magnificent space: airy, light—inspiring in the same way as many of the train stations you find in Europe. America’s premiere city finally had a suitable welcome to those who arrived by rail.</p>

  524. </div>

  525. <div class="section black">

  526. <p>The story has a sad end: Alexander Cassatt died before the construction was completed. He never saw the station open to the public.</p>

  527. <p>Do you know who else has never seen that station? Me. No sentimental stories about my charmed experiences in Penn Station for you. If you’ve been to New York, you know that Penn Station looks nothing like what I’ve just shown you.</p>

  528. <figure><img data-src="https://frankchimero.com/writing/the-good-room/images/penn-soldiers.jpg" class="full lazyload"/></figure>

  529. <p>Here’s why: after World War II, American families flooded out of the cities and into the suburbs. There, they opted to drive instead of travel by train. Pennsylvania Railroad’s business went bust, and by the ’60s, the company was forced to sell the land and airspace above the underground stops.</p>

  530. <figure><img data-src="https://frankchimero.com/writing/the-good-room/images/penn-demolition.jpg" class="full lazyload"/>

  531. <figcaption>Penn Station during the demolition process, 1964</figcaption></figure>

  532. <figure><img data-src="https://frankchimero.com/writing/the-good-room/images/penn-demolition2.jpg" class="full lazyload"/></figure>

  533. <p>In 1963, demolition began on the building, to be replaced by Madison Square Garden. The underground stops were left and are still functional—that’s what you see when you visit the station today. Penn Station went from a building worthy of comparison to Europe’s great feats of architecture to a hole in the ground.</p>

  534. <p>Here is Penn Station today. It’s hard to get a good photo, because there is no light. The station resembles what Kafka would write about if he had the chance to see a derelict shopping mall. He’d have some choice words about the Pizza Hut.</p>

  535. <figure><img data-src="https://frankchimero.com/writing/the-good-room/images/penn-today.jpg" class="full lazyload"/></figure>

  536. </div>

  537. <p class="section rainbowbreak">

  538. <h1><br/>Land<br/>Grab<br/><br/></h1>

  539. </p>

  540. <div class="section fade">

  541. <p>I’ve shared the story of these two buildings for a few reasons. The first is to emphasize the importance of a good room. What kind of thoughts are possible at the library versus the ones that are had in the current Penn Station? Then ask yourself this: if technology is a place where we live, a place that we carry around with us, shouldn’t we choose to be in lively and nourishing digital environments? This reasoning should be enough to encourage you to leave the optional digital places that you don’t enjoy.</p>

  542. <p>Another reason for the comparison is to remind you that we have both commercial and non-commercial elements in our lives. Each has their role, but we shouldn’t misapply commercial approaches to all our needs. Commercial endeavors, even huge ones, are not necessarily more stable than public ones. Look at Penn Station. And private enterprise can’t always provide everything a person requires on good terms. Look at healthcare in America. Life would be miserable if we only spent time in commercial spaces, because not all value can be captured and supported in a commercial context. We all know this, so it is a pity how overfitted and commercialized the internet, our second home, has become.</p>

  543. <p>Commerce can fail us, because money and people sometimes have disagreements about what is valuable. The compatibility between a company’s needs and the public’s needs may only be temporary. This seems to be the case with social media companies, where, right now, what they need and what’s good for society seem to be in conflict. They are wedged between maximizing profits by capturing, retaining, and funneling the majority of the web's attention, while holding the increasingly forced pose of free speech. Meanwhile, there’s increasing evidence, even from Facebook’s own research, that says social media depresses its users and that automated, algorithmic recommendations of content promotes extremism. A few weeks ago, I watched a video on YouTube about an alternate ending for a Star Wars movie; within two autoplays I was knee-deep in misogynistic conspiracy theory videos. The wrong roads are being paved in an increasingly automated culture that values ease.</p>

  544. <p>Consolidated attention produces fewer targets to exploit. Democracy has suffered in the last few years, because these massive systems haven’t differentiated between serving the needs of advertising and inadvertently serving the needs of propaganda. Targeting helps both. In addition, the citizenship doesn’t bring the right level of skepticism to what they’re delivered through these platforms. Any huge, attention-absorbing, unsupervised commercial space that’s supported by advertising will produce the same opportunity for exploitation. All of this would be a difficult problem for anyone to solve, but I have no sympathy. Why should anything that grows to a billion people be allowed to be privately controlled?</p>

  545. <p>The market research firm <a href="https://www.edelman.com/trust-barometer">Edelman recently published their 2018 Trust Barometer</a> and it contains some bad news for everyone, especially those platforms that serve billions. It says that trust in social media is quickly eroding worldwide, because social and search platforms like Facebook and Google are no longer seen as technology, but as part of an untrusted media institution—and the least trusted part of the media at that. 63% of people say they can’t tell the difference between good journalism and falsehoods. 59% say this processes is becoming more difficult. Even more concerning is that participants expressed the lowest confidence ever recorded in the credibility of “a person like yourself.” We are in a spiral of distrust instigated by our digital environments.</p>

  546. <p>Something must change, and to many of us, it seems that a whole new path is necessary. Can we create one without completely disconnecting? I am here to offer a very loud and exasperated, <em>“I don’t know.”</em></p>

  547. </div>

  548. <div class="section">

  549. <p>On the bright side, these transformations and re-imaginings happen more frequently than we think. It’s part of digital technology’s origin story: the web began as military technology co-opted to share scientific knowledge between universities and institutions. The spirit and promise of the early web was captured well by Kevin Kelly, one of the founders of WIRED Magazine, when he wrote:</p>

  550. <blockquote>“Out of complete nothingness we were harnessing a virtual commonwealth.”</blockquote>

  551. <p>Kelly is saying that the web is a boundless and shared estate, and we only later learned how to commercialize it. The commercial endeavors that now dominate our digital experience sit on public land, or, should I say, open protocols. (For now, at least. Eliminating net neutrality and selling privileged access to the network is another attempt to turn the public commons into private property.)</p>

  552. <p>The web commercialization project has been the boom of our age, and the commercial yawp has become the dominant tone of our technology. It’s loud out there. We’re exhausted and over-extended, because everything is vying for nearly boundless amounts of our time and attention. Late last year, Netflix CEO Reed Hastings said their biggest competition was sleep. That’s a pretty grim statement, joke or not. Biology is always such a nuisance for business.</p>

  553. <p>As companies scaled, more and more of the web became monetized. Interactivity cleared a path for transactional thinking because of their striking resemblance. (Let’s remember that pay-per-click is the origin of both Google’s and Facebook’s fortunes.) Helpful personal sites and informational hubs have been replaced by content marketing. Even in places where no money changes hands, follows and likes act as representations of worth, just like money. That’s not to say you can’t ask for money, though—even the dogs I follow on Instagram are trying to sell me stuff. No species is safe from salesmanship.</p>

  554. <figure><img data-src="https://frankchimero.com/writing/the-good-room/images/instagram.jpg" class="full limitmed lazyload"/></figure>

  555. <hr/>

  556. <p>That was a little harsh, wasn’t it? Sorry about that. Though dismal and accurate, what I just offered is an incomplete picture of the web. Remember: the web is a marketplace <em>and</em> a commonwealth, so we have both commerce and culture; it’s just that the non-commercial bits of the web get more difficult to see in comparison to the outsized presence of the commercial web and all that caters to it. It’s a visibility problem that’s an inadvertent consequence of values. The commercial parts become more self-contained and link inside themselves to keep you around—after a while, you’re looping around their cul-de-sac because attention is money on the web. Non-commercial sites link out and will let you go, which immediately puts them at a disadvantage for mindshare.</p>

  557. <p>Facebook, Google, Apple, and Amazon aren’t going anywhere at this point—nor should we expect them to—so it’s best to recalibrate the digital experience by increasing the footprint and mindshare of the kinds of cultural and communal value they can’t provide. The web isn’t like Manhattan real estate—if we want something, we can make space for it.</p>

  558. <p>Different measuring sticks are also in order. If commercial networks on the web measure success by <em>reach and profit</em>, cultural endeavors need to see their successes in terms of <em>resonance and significance</em>. This is the new game, one that elevates both the people who make the work and those who see, use, and enjoy it.</p>

  559. </div>

  560. <p class="section rainbowbreak">

  561. <h1><br/>Choice<br/>and<br/>Will<br/><br/></h1>

  562. </p>

  563. <div class="section">

  564. <p>The digital landscape has an influence on our lives, but we are more directly affected by our personal choices. We must fend for ourselves, whether or not the technology industry chooses to deal with the implications of their work.</p>

  565. <p>Earlier, I said that I felt unfocused and twitchy—too much time in fast-paced places that see me as a bundle of nerves with a wallet, and not enough time in slower, more nourishing places, like the library. The solution seems simple: spend less time in the bad places and more time in the good places!</p>

  566. <p>Okay, but not so fast. First, that’s easier to say than to do. Second, there are no practical steps in there. What are other people doing?</p>

  567. </div>

  568. <div class="section fade">

  569. <h2>Immunization</h2>

  570. <p>Reading a book on paper is a simple, easy step to regain some composure and inoculate yourself against hysterics. That’s it, that’s the whole tip. Books are medicine. This suggestion, of course, is coming from the guy who just spilled a few hundred words on the greatness of libraries. My bias is showing, but follow me here.</p>

  571. <p>A book is useful because it is entertaining and naturally offsets the time you would spend staring into your phone; it’s portable and a great sleep aide. It re-calibrates your expectations for rewards, and properly shames us all by showing us how much our attentions have atrophied. That focus improves with practice, but it will take time. Before, we were scrolling through Instagram reading screenshots of tweets. We have to work our way up to Dostoevsky, you know?</p>

  572. <p>Most importantly, reading a book is active, unlike most of the passive consumption we do in front of screens. I think a lot of the anxiety we can feel from technology comes from that passive relationship alongside its speed. Look at cable news or your social media feeds. All day long, we’re having absurd novelty, enviable affluence, and sincere tragedy and distress sandwiched together and railgunned into our face. A book offers some necessary composure and consistency to help find our bearings in a world oriented toward violent delivery.</p>

  573. <p>A day eventually comes along when a reader’s head clicks back into place. It’s like something important was realigned and you remembered how to carry yourself, similar to how it feels after having your back popped. There are other ways to achieve this, but reading is my preferred method, and maybe by talking about books, I can help you discover a counter-balancing activity that works for you. These benefits can come from any slow, focused, and deep practice. More on beneficial practices in a moment.</p>

  574. <h2>Abstinence</h2>

  575. <p>A drastic step I’ve seen is called “digital detox.” It’s sort of like a destination cleanse diet: you go off to the woods outside San Francisco, for instance, and give them your phone, laptop, and any other digital paraphernalia. The purpose of the trip is to disabuse yourself of your screen addiction by staying away from all screens and media for a week. Mysterious things happen at undisclosed locations, then attendees return home pure, with a slightly worrying glint of rapture in their eyes.</p>

  576. <p>I haven’t done this, but I would like to try, if only to recalibrate my brain’s expectations for dopamine. Perhaps the experience would be similar to when I return to the States after a trip overseas: my tastebuds have adapted, and all American food (even the very nice stuff) tastes too sweet and salty.</p>

  577. <p>Full digital immersion after digital abstinence seems like a difficult plunge. Attendees are dropped back into the environment that produced their problem, though, hopefully, with better skills and tools to manage it. These new strategies, however, might presume a degree of autonomy that may not be available. Most of us are not lucky enough to have much choice in where our social lives happen or what sort of technology we use at our jobs. Many will return from their detox trips, revisit these places, and get a bad taste in their mouth. Perhaps that distaste is precisely what’s needed to create technological change. Time will tell.</p>

  578. <h2>Regulation</h2>

  579. <p>Most of us can’t control our whole technological situation, so it’s been fascinating for me to see how people shape it in the one place where they have the most influence: raising their children. I don’t have kids, so it’s been especially interesting hearing the different standards my friends have set up. Some are laissez-faire with their kids’ use of technology, others set up extremely regimented schedules and sets of rules about what is allowed when and where. Other times things are bonkers enough to sound like a psychological experiment: a friend of mine is raising his kid exclusively on Sesame Street clips from his childhood. We’ll see how long that lasts.</p>

  580. <p>I have no right to judgements about this, but the situation has shown me that we also create these sets of rules for ourselves—it’s just that the ones created for our kids are more evident because they are a mindful construction. The decisions for ourselves are instinctual and individualistic, so there’s usually not a cohesive philosophy behind our personal standards. It’s easy to see how scattered we can be when it’s all spelled out.</p>

  581. </div>

  582. <div class="section">

  583. <p>My technological profile makes it seem like I skipped the 20th century, and it’s not just because I live in a New York City apartment without air conditioning. Let me tell you about my setup:</p></p>

  584. <div class="step">

  585. 

  586. <p>Yes to high-speed internet.</p>

  587. </div>

  588. 

  589. <div class="step">

  590. 

  591. <p>Increasingly, no to Twitter.</p>

  592. </div>

  593. 

  594. <div class="step">

  595. 

  596. <p>No to doing anything new with them.</p>

  597. </div>

  598. 

  599. <div class="step">

  600. 

  601. <p>No to the creepy wiretap speakers they sell.</p>

  602. </div>

  603. 

  604. <p>Of course my standards are wildly inconsistent and sometimes completely contradictory. So, I hope all of this sounds as weird to you as other people’s setups sound strange to me. For instance: most of my friends who own an Amazon Echo also put tape over the cameras on their laptops. Why bother if you’re going to sit next to a microphone that listens to you all day? The mind is a funny place.</p>

  605. 

  606. <p></div>

  607. <div class="section black">

  608. <p>Outside standards always seem to take on this unusual appearance, and in America, the Amish have the most prominent outside attitude to technology. The Amish are a group of religious communities located mostly in the eastern United States, primarily in Pennsylvania, Ohio, and Indiana.</p>

  609. <p>They’re typically seen as anti-technological. Similar to my leapfrogging the 20th century, the Amish are slightly out of time and have mostly stuck to 19th-century technologies. Most notably, they still drive horse and buggy.</p>

  610. <figure><img data-src="https://frankchimero.com/writing/the-good-room/images/amish-buggy.jpg" class="full lazyload"/></figure>

  611. <p>Nearly all of my knowledge about the Amish’s relationship to technology comes from Kevin Kelly. Remember him? He’s the guy I previously quoted about the early web:</p>

  612. <blockquote>“Out of complete nothingness we were harnessing a virtual commonwealth.”</blockquote>

  613. <p>But that’s not the whole quote. He goes on to say:</p>

  614. <blockquote>“And the internet came along and it seemed almost Amish.”</blockquote>

  615. <p>How can the internet, something so obviously technological, seem to be Amish, a set of people resiliently holding out <em>against</em> technology?</p>

  616. <p>It comes down to the idea of the web as a commonwealth. The Amish are not anti-technology. It’s more accurate to say they are only interested in adopting technologies which meet their community-focused criteria. While you or I make individual choices for what technologies we adopt and feel our way through the choice, the Amish collectively make these decisions, so their criteria must be much more clear.</p>

  617. <p>They have two collective standards. First: will it strengthen the family? Second: will it strengthen the community? So when Kelly said that the early web felt Amish, he meant that the digital space they were creating felt like an open, communal space filled with strong bonds.</p>

  618. </div>

  619. <div class="section">

  620. <p>How do the Amish apply these criteria? In some pretty interesting ways. I’d argue that they are only slightly more strange or arbitrary than our own choices once you know their reasons.</p>

  621. <p>The Amish say yes to traveling by horse. Skateboards and rollerblades are also allowed.</p>

  622. <figure><img data-src="https://frankchimero.com/writing/the-good-room/images/amish-yes.jpg" class="full multiply limitsm lazyload"/></figure>

  623. <hr/>

  624. <figure><img data-src="https://frankchimero.com/writing/the-good-room/images/amish-no.jpg" class="full multiply limitsm lazyload"/></figure>

  625. <p>But bicycles and cars are not. Why is that? You can stray too far from home with a car or bike. Horses are accepted, because they can only travel about 30 miles a day. Going by horse keeps you close to your family and tied to your community. You shop locally, attend church locally, and so on. According to the Amish, the choice of transportation method can either strengthen or weaken a sense of family and community.</p>

  626. <p>This all sounds very sensible in intent, if a bit extreme in execution. Still, I’d love to hear the rationale behind some of their other choices. Disposable diapers are allowed, I think for obvious reasons, but zippers are still condemned in most communities. Chainsaws are fine, but velcro is taboo. It is all so strange, but perhaps no stranger than my enjoyment of Instagram and disdain of Facebook.</p>

  627. <hr/>

  628. <p>Aside from the occasional foreign standard, the Amish know what we are having to re-learn: technology’s influence is not a problem to solve through dominance; it’s a situation to navigate through clear goals and critical thinking. Attentiveness is key. Technological adoption can’t be on auto-complete.</p>

  629. <p>Vaguely stated needs lead to bad decisions, so saying you want convenience, amusement, or productivity from technology isn’t enough. Convenience to invest the time where? Productive to what end? Everything we take in comes at the cost of something else, so it’s best to think it through and be sure it is a good deal. There are now so few benefits to early adoption.</p>

  630. <p>The Amish lesson is that what you let in will eventually form you. We both make technology and are made by it. That paradox is uncomfortable for many people, but it must be honored. And there is hope in the situation: as any Eastern or Western spiritual mystic will tell you, a paradox is a sign that you are at the heart of the truth.</p>

  631. </div>

  632. <p class="section rainbowbreak">

  633. <h1><br/>Space<br/>for<br/>Soul<br/><br/></h1>

  634. </p>

  635. <div class="section black">

  636. <p>Here’s another quote from Kevin Kelly:</p>

  637. <blockquote>“What’s missing is the spiritual meaning of technology.”</blockquote>

  638. <p>If technology is increasingly a place where we live, it needs to have space for the soul, like how the library makes room for a healthy, elevated mindset while the current Penn Station inspires despair. Beauty is an important element, but purpose also matters. I think this is what Kelly is hinting at. Using technology for commerce, efficiency, and ease are not enough of a higher purpose for something that dominates a great part of our lives. The heart demands a bigger dream.</p>

  639. <p>What is it all for? What can we imagine? These questions become critical as we find ourselves in a time where we are confronted with questions about identity, self-worth, community, and citizenship in this connected world. If technology is not only for profit and ease, what is it for? We must use our soulful imaginations and be specific.</p>

  640. <hr/>

  641. <p>Most of our dream worlds are dystopias. One reason for this is that we feel technology is only producing commercial possibilities while neglecting or distorting the other essential parts of us. It’s not being very library-like. People have an easier time imagining how technology’s influence can go wrong. Our imaginations have a negative flair, and it’s always been this way.</p>

  642. <p>Take a look at any medieval altarpiece that depicts heaven and hell.</p>

  643. <figure><img data-src="https://frankchimero.com/writing/the-good-room/images/panel-whole.jpg" class="full lazyload"/>

  644. <figcaption>The Last Judgement by Hans Memling</figcaption></figure>

  645. <p>The hell panel is always so much more interesting and fully realized.</p>

  646. <figure><img data-src="https://frankchimero.com/writing/the-good-room/images/panel-hell.jpg" class="full lazyload"/>

  647. <figcaption>The Last Judgement (Detail) by Hans Memling</figcaption></figure>

  648. <p>Hell is a masochistic orgy of nightmares rendered with impressive, inventive detail.</p>

  649. <figure><img data-src="https://frankchimero.com/writing/the-good-room/images/panel-heaven.jpg" class="full lazyload"/>

  650. <figcaption>The Last Judgement (Detail) by Hans Memling</figcaption></figure>

  651. <p>Meanwhile in heaven, it is a bunch of severe and blank men, sitting on clouds, looking like they’re in a board meeting.</p>

  652. <p>This is the divine reward?</p>

  653. <figure><img data-src="https://frankchimero.com/writing/the-good-room/images/panel-jamsession.jpg" class="full lazyload"/>

  654. <figcaption>The Last Judgement (Detail) by Hans Memling</figcaption></figure>

  655. <p>The only ones in heaven who have the opportunity for a good time are the angels jamming on lutes and trumpets at the gates. But it doesn’t seem like a very celebratory welcome committee. Maybe Prince is up there whipping everyone into shape?</p>

  656. <p>Our minds can be gruesomely specific about our fears, but can only make vague, imprecise gestures at our desires through broad words like love, happiness, or contentedness. But these words provide no insight on how to actually achieve any of it or what form it takes. At least advertising is specific about what will make us happy. Perhaps that’s why we trust it, even though we know we shouldn’t.</p>

  657. </div>

  658. <div class="section">

  659. <p>Let’s go back to Kelly’s quote. Spiritual technology is such a captivating phrase. It seems to open up possibilities instead of closing them down, and can help us ask more incisive questions about what we want to happen up there in the clouds. What does the good life look like, and if we use technology to help us get there, what form should it take? What’s the dream again?</p>

  660. <p>I started thinking about what could be considered spiritual technology in a secular sense to help me decide what technology stays and what goes from my life. A few examples came to mind, ranging from small acts like lighting a candle to larger practices like yoga or meditation. The obvious deficiency was that nothing I identified involved screens, which is a bit problematic if you’re searching for ways to add some soul to technology.</p>

  661. <p>That’s why I was pleased to find the <a href="http://humanetech.com/app-ratings/">app ratings survey by the Center for Humane Technology</a>. The survey tracked how much time the 200,000 participants spent in each app on their phone, then asked them if they were happy with that time or if they regretted it.</p>

  662. <p>Let’s start with the apps people regret: Grindr, Candy Crush, Facebook, Reddit, Twitter, Tinder, Instagram, Snapchat—generally the apps we resort to out of boredom, desperation, or loneliness. It's shocking to me that the durations average between 40 minutes to over an hour per day for <em>each</em> app. That’s downright crazy. People are also very regretful of the time spent. It seems these places make our boredom, desperation, or loneliness worse.</p>

  663. <figure><img data-src="https://frankchimero.com/writing/the-good-room/images/survey-unhappy.jpg" class="full limitmed lazyload"/></figure>

  664. <p>Now let’s look at the apps where the participants were pleased with themselves: Calm, Headspace, Insight Timer are three of the top four, and all are apps that help you meditate. I’ll repeat: three out of the top four could be considered spiritual technology. The other two in the top five are a calendar app and the weather, which, at this point, might as well be the digital air we breath.</p>

  665. <figure><img data-src="https://frankchimero.com/writing/the-good-room/images/survey-happy.jpg" class="full limitmed lazyload"/></figure>

  666. <p>A majority of the remaining apps provide art: Spotify, Kindle, Audible, Amazon Music, Podcasts. And look at the average usage: it tops out at 26 minutes of reading or 20 minutes of meditating, but most times are 10 minutes or less. I find it absolutely fascinating that there are no social or communication apps on this “Most Happy” list. Every app either points inward through personal practice, organization, and art, or points outward to help us navigate the world. It seems our alone time with technology should truly be alone time, and that halfway socializing is a source of disappointment, not pleasure.</p>

  667. </div>

  668. <div class="section fade">

  669. <p>The survey provides some clear guidance on forming new technology and making decisions about what we should keep around. There is enough entertainment and connection without intimacy out there, so spiritual technology must take a different path and be a gateway to induce a state of well-being. These tools are about teaching and reinforcing methods, and acknowledge that a primary source of happiness is not convenience, but empowerment.</p>

  670. <p>I started to find other examples of what could be considered spiritual technology. Across the board, they were programs for people instead of programs for computers. The software was merely an assistive device to help people more easily follow the program. It was technology in its best role: as a sidekick for personal application.</p>

  671. <h2>Couch to 5K</h2>

  672. <p>One example is Couch to 5K, a beginner’s program for running. It began <a href="https://bigmedium.com/ideas/c25k.html">as a written routine to follow for a couple months</a>, then some industrious developers came along and wrote apps to help schedule and track your runs. I did a quick search on the app store to check how many apps may be out there, but I lost track at about 20.</p>

  673. <h2>The New York Times H.I.I.T. Workout</h2>

  674. <p>In a similar vein, the New York Times published their <a href="https://well.blogs.nytimes.com/2013/05/09/the-scientific-7-minute-workout/">high-impact, seven-minute workout</a> a few years ago, and shortly after, many apps showed up to help people along.</p>

  675. <h2>Guided Meditation</h2>

  676. <p>And, of course, there are all the apps for guided meditation shown in the survey above. Meditation (along with reading) has turned into one of my daily non-negotiable activities, and my commitment is thanks to some careful prodding by app notifications.</p>

  677. <h2>And others...</h2>

  678. <p>The examples need not only be about health: for instance, consider the glut of productivity apps that follow <a href="https://en.wikipedia.org/wiki/Getting_Things_Done">David Allen’s <em>Getting Things Done</em> methodology.</a> I’m sure there are many other examples.</p>

  679. <p>One of my favorites has been new research from my friend <a href="http://colly.com">Simon Collison</a>. He’s focusing on what he calls <a href="https://tinyletter.com/colly/archive">“The Internet of Natural Things”</a>, meaning ways to use technology to enhance and deepen our connection to the natural world. All of his recommendations have been wonderful. They range from the expected, like the app <a href="https://www.inaturalist.org">iNaturalist</a> to help you identify trees and flowers, bugs and other critters. Others are more odd and imaginative, like his recommendation of a bat detector. It’s called the <a href="https://www.echometertouch.com">Echo Meter Touch</a>, and it plugs into your phone to transform ultrasonic bat calls into audio you can hear. Yes, it’s a real batphone. No matter what the technology, the goal is to cater to our most primary spiritual need: to embody ourselves in the landscape, illuminate our awareness of what is around us, and to encourage us along in the daily practice of discovering our place in the family of life.</p>

  680. <hr/>

  681. <p>It’s interesting to note that many of these apps are corporeal. Contrary to intuition, the way to better technology is through the body, because we do not leave our body behind when we log on. We may be striving to create a nourishing digital condition for ourselves, but it will always be informed by what’s happening on the ground. The place of technology in our lives begins and ends with the place where we find ourselves.</p>

  682. </div>

  683. <div class="section">

  684. <figure><img data-src="https://frankchimero.com/writing/the-good-room/images/nypl-happyme.jpg" class="tinycentered lazyload"/></figure>

  685. <p>Which brings me back to my seat at the library. It was a Tuesday afternoon, cold and quiet, the day wrapped up in that winter sun which gives the sharpest light.</p>

  686. <p>I thought about how to fill out that vague painting of heaven, asking what we want, what we need. What could be up there in those clouds? My dream wasn’t hard to find. It was all around me: a comfortable, lofty, and shared space where everything is borrowed, always circulating. This is a good room for all of us.</p>

  687. <p>There’s the student engaged in her studies, the retiree finally getting to what he has put off for far too long, the family vibrating with anticipation for their trip, the kid in headphones absorbed in making the song he’s about to give to the world. Then there’s me, wondering if this place means as much to them as it does to me. What’s it worth? The money only matters so you can get to this way of being: to have the time, find the opening, get the chance to only be. It takes something to get here, and yet it doesn’t. We all walked right in. I was happy enough to sit and appreciate it all. Maybe that painting of heaven was right—nothing else was necessary.</p>

  688. <hr/>

  689. <p>I only wrote three sentences on the day I took the photo.</p>

  690. <blockquote>

  691. Everyone is looking for help.<br/>

  692. Modest needs should be lavishly met.<br/>

  693. Be grateful for every chance to do something right.<br/>

  694. </blockquote>

  695. <p>Could this dream be big enough?</p>

  696. </div></p>

  697.   </article>

  698. </section>

  699. 

  700. 

  701. <nav id="jumpto">

  702.   <p>

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

  704.     <a href="https://frankchimero.com/writing/the-good-room/">Source originale</a> |

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

  706.   </p>

  707. </nav>

  708. 

  709. <footer>

  710.   <div>

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

  712.     <p>

  713.       Bonjour/Hi!

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

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

  716.     </p>

  717.     <p>

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

  719.     </p>

  720.     

  721.     <p>

  722.       Voici quelques articles choisis :

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  739.     </p>

  740.     <p>

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

  742.     </p>

  743.     <p>

  744.       Je ne traque pas ta navigation mais mon

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

  746.       conserve des logs d’accès.

  747.     </p>

  748.   </div>

  749. </footer>

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

  751.   ;(_ => {

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

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

  754.       e.preventDefault()

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

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

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

  758.     })

  759.   })()

  760. </script>