A place to cache linked articles (think custom and personal wayback machine)
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

index.html 73KB

5 vuotta sitten
1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240124112421243124412451246124712481249125012511252125312541255125612571258125912601261126212631264126512661267126812691270127112721273127412751276127712781279128012811282128312841285128612871288128912901291129212931294129512961297129812991300130113021303130413051306130713081309131013111312131313141315131613171318131913201321132213231324132513261327132813291330133113321333133413351336133713381339134013411342134313441345134613471348134913501351135213531354135513561357135813591360136113621363136413651366136713681369137013711372137313741375137613771378137913801381138213831384138513861387138813891390139113921393139413951396139713981399140014011402140314041405140614071408140914101411141214131414141514161417141814191420142114221423142414251426142714281429143014311432143314341435143614371438143914401441144214431444144514461447
  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 Internet With A Human Face (archive) — David Larlet</title>
  13. <!-- Generated from https://realfavicongenerator.net/ such a mess. -->
  14. <link rel="apple-touch-icon" sizes="180x180" href="/static/david/icons/apple-touch-icon.png">
  15. <link rel="icon" type="image/png" sizes="32x32" href="/static/david/icons/favicon-32x32.png">
  16. <link rel="icon" type="image/png" sizes="16x16" href="/static/david/icons/favicon-16x16.png">
  17. <link rel="manifest" href="/manifest.json">
  18. <link rel="mask-icon" href="/static/david/icons/safari-pinned-tab.svg" color="#5bbad5">
  19. <link rel="shortcut icon" href="/static/david/icons/favicon.ico">
  20. <meta name="apple-mobile-web-app-title" content="David Larlet">
  21. <meta name="application-name" content="David Larlet">
  22. <meta name="msapplication-TileColor" content="#da532c">
  23. <meta name="msapplication-config" content="/static/david/icons/browserconfig.xml">
  24. <meta name="theme-color" content="#f0f0ea">
  25. <!-- That good ol' feed, subscribe :p. -->
  26. <link rel=alternate type="application/atom+xml" title=Feed href="/david/log/">
  27. <meta name="robots" content="noindex, nofollow">
  28. <meta content="origin-when-cross-origin" name="referrer">
  29. <!-- Canonical URL for SEO purposes -->
  30. <link rel="canonical" href="http://idlewords.com/bt14.htm">
  31. <style>
  32. /* http://meyerweb.com/eric/tools/css/reset/ */
  33. html, body, div, span,
  34. h1, h2, h3, h4, h5, h6, p, blockquote, pre,
  35. a, abbr, address, big, cite, code,
  36. del, dfn, em, img, ins,
  37. small, strike, strong, tt, var,
  38. dl, dt, dd, ol, ul, li,
  39. fieldset, form, label, legend,
  40. table, caption, tbody, tfoot, thead, tr, th, td,
  41. article, aside, canvas, details, embed,
  42. figure, figcaption, footer, header, hgroup,
  43. menu, nav, output, ruby, section, summary,
  44. time, mark, audio, video {
  45. margin: 0;
  46. padding: 0;
  47. border: 0;
  48. font-size: 100%;
  49. font: inherit;
  50. vertical-align: baseline;
  51. }
  52. /* HTML5 display-role reset for older browsers */
  53. article, aside, details, figcaption, figure,
  54. footer, header, hgroup, menu, nav, section { display: block; }
  55. body { line-height: 1; }
  56. blockquote, q { quotes: none; }
  57. blockquote:before, blockquote:after,
  58. q:before, q:after {
  59. content: '';
  60. content: none;
  61. }
  62. table {
  63. border-collapse: collapse;
  64. border-spacing: 0;
  65. }
  66. /* http://practicaltypography.com/equity.html */
  67. /* https://calendar.perfplanet.com/2016/no-font-face-bulletproof-syntax/ */
  68. /* https://www.filamentgroup.com/lab/js-web-fonts.html */
  69. @font-face {
  70. font-family: 'EquityTextB';
  71. src: url('/static/david/css/fonts/Equity-Text-B-Regular-webfont.woff2') format('woff2'),
  72. url('/static/david/css/fonts/Equity-Text-B-Regular-webfont.woff') format('woff');
  73. font-weight: 300;
  74. font-style: normal;
  75. font-display: swap;
  76. }
  77. @font-face {
  78. font-family: 'EquityTextB';
  79. src: url('/static/david/css/fonts/Equity-Text-B-Italic-webfont.woff2') format('woff2'),
  80. url('/static/david/css/fonts/Equity-Text-B-Italic-webfont.woff') format('woff');
  81. font-weight: 300;
  82. font-style: italic;
  83. font-display: swap;
  84. }
  85. @font-face {
  86. font-family: 'EquityTextB';
  87. src: url('/static/david/css/fonts/Equity-Text-B-Bold-webfont.woff2') format('woff2'),
  88. url('/static/david/css/fonts/Equity-Text-B-Bold-webfont.woff') format('woff');
  89. font-weight: 700;
  90. font-style: normal;
  91. font-display: swap;
  92. }
  93. @font-face {
  94. font-family: 'ConcourseT3';
  95. src: url('/static/david/css/fonts/concourse_t3_regular-webfont-20190806.woff2') format('woff2'),
  96. url('/static/david/css/fonts/concourse_t3_regular-webfont-20190806.woff') format('woff');
  97. font-weight: 300;
  98. font-style: normal;
  99. font-display: swap;
  100. }
  101. /* http://practice.typekit.com/lesson/caring-about-opentype-features/ */
  102. body {
  103. /* http://www.cssfontstack.com/ Palatino 99% Win 86% Mac */
  104. font-family: "EquityTextB", Palatino, serif;
  105. background-color: #f0f0ea;
  106. color: #07486c;
  107. font-kerning: normal;
  108. -moz-osx-font-smoothing: grayscale;
  109. -webkit-font-smoothing: subpixel-antialiased;
  110. text-rendering: optimizeLegibility;
  111. font-variant-ligatures: common-ligatures contextual;
  112. font-feature-settings: "kern", "liga", "clig", "calt";
  113. }
  114. pre, code, kbd, samp, var, tt {
  115. font-family: 'TriplicateT4c', monospace;
  116. }
  117. em {
  118. font-style: italic;
  119. color: #323a45;
  120. }
  121. strong {
  122. font-weight: bold;
  123. color: black;
  124. }
  125. nav {
  126. background-color: #323a45;
  127. color: #f0f0ea;
  128. display: flex;
  129. justify-content: space-around;
  130. padding: 1rem .5rem;
  131. }
  132. nav:last-child {
  133. border-bottom: 1vh solid #2d7474;
  134. }
  135. nav a {
  136. color: #f0f0ea;
  137. }
  138. nav abbr {
  139. border-bottom: 1px dotted white;
  140. }
  141. h1 {
  142. border-top: 1vh solid #2d7474;
  143. border-bottom: .2vh dotted #2d7474;
  144. background-color: #e3e1e1;
  145. color: #323a45;
  146. text-align: center;
  147. padding: 5rem 0 4rem 0;
  148. width: 100%;
  149. font-family: 'ConcourseT3';
  150. display: flex;
  151. flex-direction: column;
  152. }
  153. h1.single {
  154. padding-bottom: 10rem;
  155. }
  156. h1 span {
  157. position: absolute;
  158. top: 1vh;
  159. left: 20%;
  160. line-height: 0;
  161. }
  162. h1 span a {
  163. line-height: 1.7;
  164. padding: 1rem 1.2rem .6rem 1.2rem;
  165. border-radius: 0 0 6% 6%;
  166. background: #2d7474;
  167. font-size: 1.3rem;
  168. color: white;
  169. text-decoration: none;
  170. }
  171. h2 {
  172. margin: 4rem 0 1rem;
  173. border-top: .2vh solid #2d7474;
  174. padding-top: 1vh;
  175. }
  176. h3 {
  177. text-align: center;
  178. margin: 3rem 0 .75em;
  179. }
  180. hr {
  181. height: .4rem;
  182. width: .4rem;
  183. border-radius: .4rem;
  184. background: #07486c;
  185. margin: 2.5rem auto;
  186. }
  187. time {
  188. display: bloc;
  189. margin-left: 0 !important;
  190. }
  191. ul, ol {
  192. margin: 2rem;
  193. }
  194. ul {
  195. list-style-type: square;
  196. }
  197. a {
  198. text-decoration-skip-ink: auto;
  199. text-decoration-thickness: 0.05em;
  200. text-underline-offset: 0.09em;
  201. }
  202. article {
  203. max-width: 50rem;
  204. display: flex;
  205. flex-direction: column;
  206. margin: 2rem auto;
  207. }
  208. article.single {
  209. border-top: .2vh dotted #2d7474;
  210. margin: -6rem auto 1rem auto;
  211. background: #f0f0ea;
  212. padding: 2rem;
  213. }
  214. article p:last-child {
  215. margin-bottom: 1rem;
  216. }
  217. p {
  218. padding: 0 .5rem;
  219. margin-left: 3rem;
  220. }
  221. p + p,
  222. figure + p {
  223. margin-top: 2rem;
  224. }
  225. blockquote {
  226. background-color: #e3e1e1;
  227. border-left: .5vw solid #2d7474;
  228. display: flex;
  229. flex-direction: column;
  230. align-items: center;
  231. padding: 1rem;
  232. margin: 1.5rem;
  233. }
  234. blockquote cite {
  235. font-style: italic;
  236. }
  237. blockquote p {
  238. margin-left: 0;
  239. }
  240. figure {
  241. border-top: .2vh solid #2d7474;
  242. background-color: #e3e1e1;
  243. text-align: center;
  244. padding: 1.5rem 0;
  245. margin: 1rem 0 0;
  246. font-size: 1.5rem;
  247. width: 100%;
  248. }
  249. figure img {
  250. max-width: 250px;
  251. max-height: 250px;
  252. border: .5vw solid #323a45;
  253. padding: 1px;
  254. }
  255. figcaption {
  256. padding: 1rem;
  257. line-height: 1.4;
  258. }
  259. aside {
  260. display: flex;
  261. flex-direction: column;
  262. background-color: #e3e1e1;
  263. padding: 1rem 0;
  264. border-bottom: .2vh solid #07486c;
  265. }
  266. aside p {
  267. max-width: 50rem;
  268. margin: 0 auto;
  269. }
  270. /* https://fvsch.com/code/css-locks/ */
  271. p, li, pre, code, kbd, samp, var, tt, time, details, figcaption {
  272. font-size: 1rem;
  273. line-height: calc( 1.5em + 0.2 * 1rem );
  274. }
  275. h1 {
  276. font-size: 1.9rem;
  277. line-height: calc( 1.2em + 0.2 * 1rem );
  278. }
  279. h2 {
  280. font-size: 1.6rem;
  281. line-height: calc( 1.3em + 0.2 * 1rem );
  282. }
  283. h3 {
  284. font-size: 1.35rem;
  285. line-height: calc( 1.4em + 0.2 * 1rem );
  286. }
  287. @media (min-width: 20em) {
  288. /* The (100vw - 20rem) / (50 - 20) part
  289. resolves to 0-1rem, depending on the
  290. viewport width (between 20em and 50em). */
  291. p, li, pre, code, kbd, samp, var, tt, time, details, figcaption {
  292. font-size: calc( 1rem + .6 * (100vw - 20rem) / (50 - 20) );
  293. line-height: calc( 1.5em + 0.2 * (100vw - 50rem) / (20 - 50) );
  294. margin-left: 0;
  295. }
  296. h1 {
  297. font-size: calc( 1.9rem + 1.5 * (100vw - 20rem) / (50 - 20) );
  298. line-height: calc( 1.2em + 0.2 * (100vw - 50rem) / (20 - 50) );
  299. }
  300. h2 {
  301. font-size: calc( 1.5rem + 1.5 * (100vw - 20rem) / (50 - 20) );
  302. line-height: calc( 1.3em + 0.2 * (100vw - 50rem) / (20 - 50) );
  303. }
  304. h3 {
  305. font-size: calc( 1.35rem + 1.5 * (100vw - 20rem) / (50 - 20) );
  306. line-height: calc( 1.4em + 0.2 * (100vw - 50rem) / (20 - 50) );
  307. }
  308. }
  309. @media (min-width: 50em) {
  310. /* The right part of the addition *must* be a
  311. rem value. In this example we *could* change
  312. the whole declaration to font-size:2.5rem,
  313. but if our baseline value was not expressed
  314. in rem we would have to use calc. */
  315. p, li, pre, code, kbd, samp, var, tt, time, details, figcaption {
  316. font-size: calc( 1rem + .6 * 1rem );
  317. line-height: 1.5em;
  318. }
  319. p, li, pre, details {
  320. margin-left: 3rem;
  321. }
  322. h1 {
  323. font-size: calc( 1.9rem + 1.5 * 1rem );
  324. line-height: 1.2em;
  325. }
  326. h2 {
  327. font-size: calc( 1.5rem + 1.5 * 1rem );
  328. line-height: 1.3em;
  329. }
  330. h3 {
  331. font-size: calc( 1.35rem + 1.5 * 1rem );
  332. line-height: 1.4em;
  333. }
  334. figure img {
  335. max-width: 500px;
  336. max-height: 500px;
  337. }
  338. }
  339. figure.unsquared {
  340. margin-bottom: 1.5rem;
  341. }
  342. figure.unsquared img {
  343. height: inherit;
  344. }
  345. @media print {
  346. body { font-size: 100%; }
  347. a:after { content: " (" attr(href) ")"; }
  348. a, a:link, a:visited, a:after {
  349. text-decoration: underline;
  350. text-shadow: none !important;
  351. background-image: none !important;
  352. background: white;
  353. color: black;
  354. }
  355. abbr[title] { border-bottom: 0; }
  356. abbr[title]:after { content: " (" attr(title) ")"; }
  357. img { page-break-inside: avoid; }
  358. @page { margin: 2cm .5cm; }
  359. h1, h2, h3 { page-break-after: avoid; }
  360. p3 { orphans: 3; widows: 3; }
  361. img {
  362. max-width: 250px !important;
  363. max-height: 250px !important;
  364. }
  365. nav, aside { display: none; }
  366. }
  367. ul.with_columns {
  368. column-count: 1;
  369. }
  370. @media (min-width: 20em) {
  371. ul.with_columns {
  372. column-count: 2;
  373. }
  374. }
  375. @media (min-width: 50em) {
  376. ul.with_columns {
  377. column-count: 3;
  378. }
  379. }
  380. ul.with_two_columns {
  381. column-count: 1;
  382. }
  383. @media (min-width: 20em) {
  384. ul.with_two_columns {
  385. column-count: 1;
  386. }
  387. }
  388. @media (min-width: 50em) {
  389. ul.with_two_columns {
  390. column-count: 2;
  391. }
  392. }
  393. .gallery {
  394. display: flex;
  395. flex-wrap: wrap;
  396. justify-content: space-around;
  397. }
  398. .gallery figure img {
  399. margin-left: 1rem;
  400. margin-right: 1rem;
  401. }
  402. .gallery figure figcaption {
  403. font-family: 'ConcourseT3'
  404. }
  405. footer {
  406. font-family: 'ConcourseT3';
  407. display: flex;
  408. flex-direction: column;
  409. border-top: 3px solid white;
  410. padding: 4rem 0;
  411. background-color: #07486c;
  412. color: white;
  413. }
  414. footer > * {
  415. max-width: 50rem;
  416. margin: 0 auto;
  417. }
  418. footer a {
  419. color: #f1c40f;
  420. }
  421. footer .avatar {
  422. width: 200px;
  423. height: 200px;
  424. border-radius: 50%;
  425. float: left;
  426. -webkit-shape-outside: circle();
  427. shape-outside: circle();
  428. margin-right: 2rem;
  429. padding: 2px 5px 5px 2px;
  430. background: white;
  431. border-left: 1px solid #f1c40f;
  432. border-top: 1px solid #f1c40f;
  433. border-right: 5px solid #f1c40f;
  434. border-bottom: 5px solid #f1c40f;
  435. }
  436. </style>
  437. <h1>
  438. <span><a id="jumper" href="#jumpto" title="Un peu perdu ?">?</a></span>
  439. The Internet With A Human Face (archive)
  440. <time>Pour la pérennité des contenus liés. Non-indexé, retrait sur simple email.</time>
  441. </h1>
  442. <section>
  443. <article>
  444. <h3><a href="http://idlewords.com/bt14.htm">Source originale du contenu</a></h3>
  445. <p>This is the text version of a talk I gave on May 20, 2014, at Beyond Tellerrand in Düsseldorf, Germany.
  446. </p>
  447. <table>
  448. <tr>
  449. <td><a href="https://static.pinboard.in/bt14/bt14.001.jpg"><img src="https://static.pinboard.in/bt14/thumbs/bt14.001.thumb.jpg"/></a></td>
  450. <td>
  451. <p>Marc [Thiele] emailed me a few weeks ago to ask if I thought my talk would be appropriate to close the conference.
  452. </p><p>"Marc," I told him, "my talk is <em>perfect</em> for closing the conference! The first half is this incredibly dark rant about how the Internet is alienating and inhuman, how it's turning us all into lonely monsters.”
  453. </p><p>“But in the second half, I'll turn it around and present my vision of an alternative future. I'll get the audience fired up like a proper American motivational speaker. After the big finish, we'll burst out of the conference hall into the streets of Düsseldorf, hoist the black flag, and change the world.”</p>
  454. <p>Marc said that sounded fine.</p>
  455. <p>As I was preparing this talk, however, I found it getting longer and longer. In the interests of time, I'm afraid I'm only going to be able to present the first half of it today.
  456. </p><p>This leaves me with a problem of tone.
  457. </p></td>
  458. </tr>
  459. <tr>
  460. <td><a href="https://static.pinboard.in/bt14/bt14.002.jpg"><img src="https://static.pinboard.in/bt14/thumbs/bt14.002.thumb.jpg"/></a></td>
  461. <td><p>To fix it, I've gone through the slides and put in a number of animal pictures. If at any point in the talk you find yourself getting blue, just tune out what I'm saying and wait for one of the animal slides, and you'll feel better. I've tried to put in more animals during the darkest parts of the talk.
  462. </p><p>Look at this guy! Isn't he great?
  463. </p></td>
  464. </tr>
  465. <tr>
  466. <td><a href="https://static.pinboard.in/bt14/bt14.003.jpg"><img src="https://static.pinboard.in/bt14/thumbs/bt14.003.thumb.jpg"/></a></td>
  467. <td><p>I'd like to start with an analogy. In the 1950's, the United States tried a collective social experiment. What would happen if every family had a car?
  468. </p><p>Eisenhower had been very impressed with the German Autobahn network during the war. When he was elected President, he pushed for the creation of the Interstate Highway System, a massive network of fast roads that would connect every population center in the country.
  469. </p><p>Over the next 35 years, America built 75,000 kilometers of interstate highways. If you want to be glib about it (and I do!), you can think of the Interstate as an Internet for cars, a nationwide system unifying thousands of local road networks into an overarching whole.
  470. </p>
  471. </td>
  472. </tr>
  473. <tr>
  474. <td><a href="https://static.pinboard.in/bt14/bt14.004.jpg"><img src="https://static.pinboard.in/bt14/thumbs/bt14.004.thumb.jpg"/></a></td>
  475. <td>
  476. <p>The Interstate made it possible to build things no one had imagined before. Like McDonald's! With a nationwide distribution network, you could have a nationwide, standardized restaurant chain.
  477. </p></td>
  478. </tr>
  479. <tr>
  480. <td><a href="https://static.pinboard.in/bt14/bt14.005.jpg"><img src="https://static.pinboard.in/bt14/thumbs/bt14.005.thumb.jpg"/></a></td>
  481. <td>
  482. <p>The Interstate also gave us the shopping mall. This is a picture of an early mall from 1957, when the concept was new enough that people still made an effort at architecture. You can see a sad little tower in the middle there.
  483. </p></td>
  484. </tr>
  485. <tr>
  486. <td><a href="https://static.pinboard.in/bt14/bt14.006.jpg"><img src="https://static.pinboard.in/bt14/thumbs/bt14.006.thumb.jpg"/></a></td>
  487. <td>
  488. <p>Postwar car culture also gave us the landscape we call suburbia.
  489. </p><p>To early adopters, the suburbs were a magical place. You could work in the city while your spouse and children enjoyed clean living in the fresh country air. Instead of a crowded city apartment, you lived in a stand-alone house of your own, complete with a little piece of land. The suburbs seemed to combine the best of town and country.
  490. </p><p>And best of all, you had that car! The car gave you total freedom.
  491. </p></td>
  492. </tr>
  493. <tr>
  494. <td><a href="https://static.pinboard.in/bt14/bt14.007.jpg"><img src="https://static.pinboard.in/bt14/thumbs/bt14.007.thumb.jpg"/></a></td>
  495. <td>
  496. <p>As time went on, we learned about the drawbacks of car culture. The wide-open spaces that first attracted people to the suburbs were soon filled with cookie-cutter buildings. Our commercial spaces became windowless islands in a sea of parking lots.
  497. </p><p>We discovered gridlock, smog, and the frustrations of trying to walk in a
  498. landscape not designed for people. When everyone has a car, it means you can't get anywhere without one. Instead of freeing you, the car becomes a cage.
  499. </p></td>
  500. </tr>
  501. <tr>
  502. <td><a href="https://static.pinboard.in/bt14/bt14.008.jpg"><img src="https://static.pinboard.in/bt14/thumbs/bt14.008.thumb.jpg"/></a></td>
  503. <td>
  504. <p>The people who built the cars and the roads didn't intend for this to happen. Perhaps they didn't feel they had a say in the matter. Maybe the economic interests promoting car culture were too strong. Maybe they thought this was the inevitable price of progress.
  505. </p><p>Or maybe they lacked an alternative vision for what a world with cars could look like.</p>
  506. </td>
  507. </tr>
  508. <tr>
  509. <td><a href="https://static.pinboard.in/bt14/bt14.009.jpg"><img src="https://static.pinboard.in/bt14/thumbs/bt14.009.thumb.jpg"/></a></td>
  510. <td>
  511. <p>All of us are early adopters of another idea— that everyone should always be online. Those of us in this room have benefitted enormously from this idea. We're at this conference because we've built our careers around it.
  512. </p></td>
  513. </tr>
  514. <tr>
  515. <td><a href="https://static.pinboard.in/bt14/bt14.052.jpg"><img src="https://static.pinboard.in/bt14/thumbs/bt14.052.thumb.jpg"/></a></td>
  516. <td>
  517. <p>But enough time has passed that we're starting to see the shape of the online world to come. It doesn't look appealing at all. At times it looks downright scary.
  518. </p></td>
  519. </tr>
  520. <tr>
  521. <td><a href="https://static.pinboard.in/bt14/bt14.011.jpg"><img src="https://static.pinboard.in/bt14/thumbs/bt14.011.thumb.jpg"/></a></td>
  522. <td>
  523. <p>How about this fellow? Just strolling along the log! Gonna eat some ants!</p>
  524. </td>
  525. </tr>
  526. <tr>
  527. <td><a href="https://static.pinboard.in/bt14/bt14.012.jpg"><img src="https://static.pinboard.in/bt14/thumbs/bt14.012.thumb.jpg"/></a></td>
  528. <td>
  529. <p>I've come to believe that a lot of what's wrong with the Internet has to do with memory. The Internet somehow contrives to remember too much and too little at the same time, and it maps poorly on our concepts of how memory should work.
  530. </p></td>
  531. </tr>
  532. <tr>
  533. <td><a href="http://www.youtube.com/watch?v=bXn4_JkVFVo"><img src="https://static.pinboard.in/bt14/thumbs/bt14.013.thumb.jpg"/></a></td>
  534. <td>
  535. <p>I don't know if they did this in Germany, but in our elementary schools in America, if we did something particularly heinous, they had a special way of threatening you. They would say: "This is going on your permanent record".
  536. </p><p>It was pretty scary. I had never seen a permanent record, but I knew exactly what it must look like. It was bright red, thick, tied with twine. Full of official stamps.
  537. </p><p>The permanent record would follow you through life, and whenever you changed schools, or looked for a job or moved to a new house, people would see the shameful things you had done in fifth grade.
  538. </p><p>How wonderful it felt when I first realized the permanent record didn't exist. They were bluffing! Nothing I did was going to matter! We were free!
  539. </p><p>And then when I grew up, I helped build it for real.
  540. </p></td>
  541. </tr>
  542. <tr>
  543. <td><a href="http://www.youtube.com/watch?v=1An1iRfwpE0"><img src="https://static.pinboard.in/bt14/thumbs/bt14.014.thumb.jpg"/></a></td>
  544. <td>
  545. <p>Anyone who works with computers learns to fear their capacity to forget. Like so many things with computers, memory is strictly binary. There is either perfect recall or total oblivion, with nothing in between. It doesn't matter how important or trivial the information is. The computer can forget anything in an instant. If it remembers, it remembers for keeps.
  546. </p><p>This doesn't map well onto human experience of memory, which is fuzzy. We don't remember anything with perfect fidelity, but we're also not at risk of waking up having forgotten our own name. Memories tend to fade with time, and we remember only the more salient events.
  547. </p><p>Every programmer has firsthand experience of accidentally deleting something important. Our folklore as programmers is filled with stories of lost data, failed backups, inadvertently clobbering some vital piece of information, undoing months of work with a single keystroke. We learn to be afraid.
  548. </p><p>And because we live in a time when storage grows ever cheaper, we learn to save everything, log everything, and keep it forever. You never know what will come in useful. Deleting is dangerous. There are no horror stories—yet—about keeping too much data for too long.
  549. </p><p>Unfortunately, we've let this detail of how computers work percolate up into the design of our online communities. It's as if we forced people to use only integers because computers have difficulty representing real numbers.
  550. </p><p>Our lives have become split between two worlds with two very different norms around memory.
  551. </p><p>The offline world works like it always has. I saw many of you talking yesterday between sessions; I bet none of you has a verbatim transcript of those conversations. If you do, then I bet the people you were talking to would find that extremely creepy.
  552. </p><p>I saw people taking pictures, but there's a nice set of gestures and conventions in place for that. You lift your camera or phone when you want to record, and people around you can see that. All in all, it works pretty smoothly.
  553. </p><p>The online world is very different. Online, everything is recorded by default, and you may not know where or by whom. If you've ever wondered why Facebook is such a joyless place, even though we've theoretically surrounded ourselves with friends and loved ones, it's because of this need to constantly be wearing our public face. Facebook is about as much fun as a zoning board hearing.
  554. </p></td>
  555. </tr>
  556. <tr>
  557. <td><a href="https://static.pinboard.in/bt14/bt14.015.jpg"><img src="https://static.pinboard.in/bt14/thumbs/bt14.015.thumb.jpg"/></a></td>
  558. <td>
  559. <p> It's interesting to watch what happens when these two worlds collide. Somehow it's always Google that does it.
  560. </p></td>
  561. </tr>
  562. <tr>
  563. <td><a href="https://static.pinboard.in/bt14/bt14.016.jpg"><img src="https://static.pinboard.in/bt14/thumbs/bt14.016.thumb.jpg"/></a></td>
  564. <td>
  565. <p>I'd much rather look at this bird than at Scoble.
  566. </p><p>One reason there's a backlash against Google glasses is that they try to bring the online rules into the offline world. Suddenly, anything can be recorded, and there's the expectation (if the product succeeds) that everything will be recorded. The product is called 'glass' instead of 'glasses' because Google imagines a world where every flat surface behaves by the online rules. [The day after this talk, it was revealed Google is seeking patents on showing ads on your thermostat, refrigerator, etc.]
  567. </p><p>Well, people hate the online rules!
  568. </p></td>
  569. </tr>
  570. <tr>
  571. <td><a href="https://static.pinboard.in/bt14/bt14.017.jpg"><img src="https://static.pinboard.in/bt14/thumbs/bt14.017.thumb.jpg"/></a></td>
  572. <td>
  573. <p>Google's answer is, wake up, grandpa, this is the new normal. But all they're doing is trying to port a bug in the Internet over to the real world, and calling it progress.
  574. </p><p>You can dress up a bug and call it a feature. You can also put dog crap in the freezer and call it ice cream. But people can taste the difference.
  575. </p></td>
  576. </tr>
  577. <tr>
  578. <td><a href="https://static.pinboard.in/bt14/bt14.018.jpg"><img src="https://static.pinboard.in/bt14/thumbs/bt14.018.thumb.jpg"/></a></td>
  579. <td>
  580. <p>There's another reason, besides fear, that's driving us to save everything. That reason is hubris.
  581. </p><p>You've all seen those TV shows where the cops are viewing a scene from space, and someone keeps hitting "ENHANCE", until pretty soon you can count the bacteria on the criminal's license plate.
  582. </p><p>We all dream of building that 'enhance' button. In the past, we were going to build it with artificial intelligence. Now we believe in "Big Data". Collect enough information, think of a clever enough algorithm, and you can find anything.
  583. </p><p>This is the classic programmer's delusion, the belief that if you look deep enough, there's a hidden deterministic pattern. Tap the chisel on the right spot and the rock will crack open.
  584. </p></td>
  585. </tr>
  586. <tr>
  587. <td><a href="https://static.pinboard.in/bt14/bt14.019.jpg"><img src="https://static.pinboard.in/bt14/thumbs/bt14.019.thumb.jpg"/></a></td>
  588. <td>
  589. <p>The belief in Big Data turns out to be true, although in an unexpected way. If you collect enough data, you really <em>can</em> find anything you want.
  590. </p><p>This is a graph from <a href="http://www.tylervigen.com">Tyler Vigen's</a> lovely website, which been making the rounds lately. This one shows the relationship between suicides by hanging and the number of lawyers in North Carolina. There are lots of other examples to choose from.
  591. </p><p>There's a 0.993 correlation here. You could publish it in an academic journal! Perhaps that process could be automated.
  592. </p><p>You can even imagine stories that could account for that bump in the middle of the graph. Maybe there was a rope shortage for a few weeks?
  593. </p><p>'Big data' has this intoxicating effect. We start collecting it out of fear, but then it seduces us into thinking that it will give us power. In the end, it's just a mirror, reflecting whatever assumptions we approach it with.
  594. </p><p>But collecting it drives this dynamic of relentless surveillance.
  595. </p></td>
  596. </tr>
  597. <tr>
  598. <td><a href="https://static.pinboard.in/bt14/bt14.020.jpg"><img src="https://static.pinboard.in/bt14/thumbs/bt14.020.thumb.jpg"/></a></td>
  599. <td>
  600. </td>
  601. </tr>
  602. <tr>
  603. <td><a href="https://static.pinboard.in/bt14/bt14.021.jpg"><img alt="pile of tangled fishing nets" src="https://static.pinboard.in/bt14/thumbs/bt14.021.thumb.jpg"/></a></td>
  604. <td>
  605. <p> </p><p>When the web was young, we pictured it looking something like this.</p>
  606. <p>The web was a big mess of hypertext, all linked together. The first browsers also included an authoring tool. It was expected that you wouldn't just consume the web, but contribute to it as well.
  607. </p><p> Like the Internet that it ran on, the web was decentralized, chaotic, but also resilient. There were no obvious points of control, and the whole thing was too big for one company, or even one country, to get its hands around.
  608. </p></td>
  609. </tr>
  610. <tr>
  611. <td><a href="https://static.pinboard.in/bt14/bt14.022.jpg"><img alt="a spider web with dew on it" src="https://static.pinboard.in/bt14/thumbs/bt14.022.thumb.jpg"/></a></td>
  612. <td>
  613. <p>Today, of course, the web looks more like this. The services we use most have all been centralized.
  614. </p><p>The first thing to centralize was search. Google found a superior way to index our web, and the other search engines faded away. Then Google acquired the one true ad network, and wrote the dominant analytics suite.
  615. </p><p>Email centralized in the face of rampant spam, with attractive offers of free storage to sweeten the deal.
  616. </p><p>Facebook won the social network wars in the US, and began gobbling up competitors in other countries.
  617. </p><p>The mobile devices that are taking over the web fall into one of two camps. One of them pretends to be more open than the other, but it's mostly a matter of marketing. In practice they both have complete control of their ecosystem.
  618. </p></td>
  619. </tr>
  620. <tr>
  621. <td><a href="https://static.pinboard.in/bt14/bt14.023.jpg"><img alt="a large spider in the middle of a web" src="https://static.pinboard.in/bt14/thumbs/bt14.023.thumb.jpg"/></a></td>
  622. <td>
  623. <p>The problem with a centralized web is that the few points of control attract some unsavory characters.
  624. </p><p>
  625. </p></td>
  626. </tr>
  627. <tr>
  628. <td><a href="https://static.pinboard.in/bt14/bt14.024.jpg"><img src="https://static.pinboard.in/bt14/thumbs/bt14.024.thumb.jpg"/></a></td>
  629. <td>
  630. <p>The degree of centralization is remarkable. Consider that Google now makes hardware, operating systems, and a browser.
  631. </p><p>It's not just possible, but fairly common for someone to visit a Google website from a Google device, using Google DNS servers and a Google browser on the way.
  632. </p><p>This is a level of of end-to-end control that would have caused us to riot in the streets if Microsoft had attempted it in 1999. But times have changed.
  633. </p></td>
  634. </tr>
  635. <tr>
  636. <td><a href="https://static.pinboard.in/bt14/bt14.025.jpg"><img src="https://static.pinboard.in/bt14/thumbs/bt14.025.thumb.jpg"/></a></td>
  637. <td>
  638. And then there's the cloud. The cloud fascinates me because of the distance between what it promises and what it actually is.
  639. <p>The cloud promises us complete liberation from the mundane world of hardware and infrastructure. It invites us to soar into an astral plane of pure computation, freed from the weary bonds of earth.
  640. </p><p>What the cloud <em>is</em> is a big collection of buildings and computers that we actually know very little about, run by a large American company notorious for being pretty terrible to its workers. Who knows what angry sysadmin lurks inside the cloud?
  641. </p><p>The cloud is a fog of sweet, sweet promises. Amazon promises <a href="http://aws.amazon.com/s3/#protecting">eleven nines of durability</a>. Eleven nines! The Sun will be a charred cinder before a single bit gets flipped in a file you've stored on S3.
  642. </p><p>Amazon promises no single points of failure. Instead, you get a single cloud of failure, the promise that when the system comes crashing down, at least you won't be alone.
  643. </p><p>The problem with these points of control, of course, is that they make it very easy to spy on everyone.
  644. </p></td>
  645. </tr>
  646. <tr>
  647. <td><a href="https://static.pinboard.in/bt14/bt14.026.jpg"><img src="https://static.pinboard.in/bt14/thumbs/bt14.026.thumb.jpg"/></a></td>
  648. <td>
  649. <p>Over the past year, we've learned a lot about the extent to which the American government monitors the Internet.
  650. </p></td>
  651. </tr>
  652. <tr>
  653. <td><a href="https://static.pinboard.in/bt14/bt14.027.jpg"><img src="https://static.pinboard.in/bt14/thumbs/bt14.027.thumb.jpg"/></a></td>
  654. <td>
  655. <p>It's been amusing to watch Silicon Valley clutch its pearls and express shock that the government would dare to collect the same data as private industry.
  656. </p><p>You could argue (and I do!) that this data is actually safer in government hands. In the US, at least, there's no restriction on what companies can do with our private information, while there are stringent limits (in theory) on our government. And the NSA's servers are certainly less likely to get hacked by some kid in Minsk.
  657. </p></td>
  658. </tr>
  659. <tr>
  660. <td><a href="https://static.pinboard.in/bt14/bt14.028.jpg"><img src="https://static.pinboard.in/bt14/thumbs/bt14.028.thumb.jpg"/></a></td>
  661. <td>
  662. <p>But I understand that the government has guns and police and the power to put us in jail. It is legitimately frightening to have the government spying on all its citizens. What I take issue with is the idea that you can have different kinds of mass surveillance.
  663. </p><p>If these vast databases are valuable enough, it doesn't matter who they belong to. The government will always find a way to query them. Who pays for the servers is just an implementation detail.
  664. </p><p>It's romantic to think about cable taps and hacked routers, but history shows us that all an interested government has to do is ask. The word 'terrorism' is an open sesame that opens any doors. Look what happened with telecoms under the Bush administration. The NSA asked for permission to tap phone networks, and every American telecom except one said "no problem—let me help you rack those servers". Their only concern was to make sure they got immunity against lawsuits.
  665. </p></td>
  666. </tr>
  667. <tr>
  668. <td><a href="https://static.pinboard.in/bt14/bt14.029.jpg"><img src="https://static.pinboard.in/bt14/thumbs/bt14.029.thumb.jpg"/></a></td>
  669. <td>
  670. The relationship between the intelligence agencies and Silicon Valley has historically been very cozy. The former head of Facebook security now works at NSA. Dropbox just added Condoleeza Rice, an architect of the Iraq war, to its board of directors. Obama has private fundraisers with the same people who are supposed to champion our privacy. There is not a lot of daylight between the American political Establishment and the Internet establishment. Whatever their politics, these people are on the same team.
  671. </td>
  672. </tr>
  673. <tr>
  674. <td><a href="https://static.pinboard.in/bt14/bt14.030.jpg"><img src="https://static.pinboard.in/bt14/thumbs/bt14.030.thumb.jpg"/></a></td>
  675. <td>
  676. <p>If a company doesn't want to cooperate, the US can trivially obtain whatever it wants through a secret court that doesn't know how to say "no". There's no way of knowing how extensively this authority is used, because the very existence of this kind of order is a state secret.
  677. </p><p>Much of the current debate around the NSA involves making minor changes to this secret mechanism. Americans have an almost perverse faith in the rule of law. They believe that, as long as the secret courts are making sure the secret police obey the secret laws, our democracy is safe. Let the large companies publish statistics about how many requests they field, and the whole problem will go away.
  678. </p><p>For most of you, of course, this legal hair-splitting is beside the point. As "non-US-persons", you fall completely outside the protection of our privacy laws. Too bad your data is on our servers!
  679. </p></td>
  680. </tr>
  681. <tr>
  682. <td><a href="https://static.pinboard.in/bt14/bt14.031.jpg"><img src="https://static.pinboard.in/bt14/thumbs/bt14.031.thumb.jpg"/></a></td>
  683. <td>
  684. <p>But this talk of secret courts and wiretaps is a little bit misleading. It leaves us worrying about James Bond scenarios in a Mr. Bean world.
  685. </p><p>Not long ago Jim Ardis, the mayor of Peoria, Illinois, got angry at some kid making fun of him on Twitter. Peoria is a Midwestern city about the size of my finger. Ardis was quickly able to obtain warrants against Twitter and Comcast, compelling them to hand over all the information they had on this evildoer. Ardis then got a search warrant against this person's house and computer equipment.
  686. </p><p>The police found a bag of pot, and now the guy's roommate is up on Federal drug charges.</p>
  687. <p>You don't have to be afraid of the CIA or NSA. Be afraid of American municipal government!
  688. </p><p>My point again: it's silly to pretend that keeping mass surveillance in private hands would protect us from abuses by government. The only way to keep user information safe is not to store it.
  689. </p></td>
  690. </tr>
  691. <tr>
  692. <td><a href="https://static.pinboard.in/bt14/bt14.032.jpg"><img src="https://static.pinboard.in/bt14/thumbs/bt14.032.thumb.jpg"/></a></td>
  693. <td>
  694. <p>Public and private surveillance are in a curious symbiosis with each other.
  695. </p><p>A few weeks ago, the sociologist Janet Vertesi gave a talk about her efforts to keep Facebook from learning she was pregnant. Pregnant women have to buy all kinds of things for the baby, so they are ten times more valuable to Facebook's advertisers.
  696. </p><p>At one point, Vertesi's husband bought a number of Amazon gift cards with cash, and <a href="http://www.theguardian.com/world/2014/may/11/anonymous-web-nsa-trail-janet-vertesi">the large purchase triggered a police warning</a>. This fits a pattern where privacy-seeking behavior has become grounds for suspicion. Try to avoid the corporate tracking system, and you catch the attention of the police instead.
  697. </p><p>As a wise man once said, if you have something that you don’t want anyone to know, maybe you shouldn’t be doing it in the first place.
  698. </p><p>But there are also dangerous scenarios that don't involve government at all, and that we don't talk enough about.
  699. </p><p>I'll use Facebook as my example. To make the argument stronger, let's assume that everyone currently at Facebook is committed to user privacy and doing their utmost to protect the data they've collected.
  700. </p><p>What happens if Facebook goes out of business, like so many of the social networks that came before it? Or if Facebook gets acquired by a credit agency? How about if it gets acquired by Rupert Murdoch, or taken private by a hedge fund?
  701. </p><p>What happens to all that data?
  702. </p></td>
  703. </tr>
  704. <tr>
  705. <td><a href="https://static.pinboard.in/bt14/bt14.033.jpg"><img src="https://static.pinboard.in/bt14/thumbs/bt14.033.thumb.jpg"/></a></td>
  706. <td>
  707. <p>I was a big <a href="http://www.friendster.com">Friendster</a> user in 2004. Did anybody here use Friendster? [American hands go up; Germans had their own thing]. I used it to meet people, I uploaded a lot of photos; I had a nice profile.
  708. </p><p>Where's all that data now?
  709. </p><p>Here's a screenshot of Friendster from yesterday. I guess they've turned it into some kind of online game. Notice that big 'log in with Facebook' button, for those who didn't learn their lesson the first time.
  710. </p></td>
  711. </tr>
  712. <tr>
  713. <td><a href="https://static.pinboard.in/bt14/bt14.034.jpg"><img src="https://static.pinboard.in/bt14/thumbs/bt14.034.thumb.jpg"/></a></td>
  714. <td>
  715. <p>How about <a href="http://www.sixdegrees.com">SixDegrees.com</a>, did anybody here use that? That was the first big social network, back in 1999. You'll notice the domain doesn't even resolve now.
  716. </p><p>So where's all that data?
  717. </p><p>We've all had the experience of deciding to share information with a small website, only to watch them later get acquired by a large company we would have preferred not see our data. But once you share it, you have no control over where it goes next.
  718. </p><p>Sooner or later, one of the giant websites will meet a similar fate. And then we'll have to scramble, try to remember exactly what they learned about us over the years, and what the consequences of that might be.
  719. </p></td>
  720. </tr>
  721. <tr>
  722. <td><a href="https://static.pinboard.in/bt14/bt14.035.jpg"><img src="https://static.pinboard.in/bt14/thumbs/bt14.035.thumb.jpg"/></a></td>
  723. <td>
  724. <p>Some more scenarios:</p>
  725. <p>What happens if Facebook hires their own Snowden, someone who for ideological reasons decides that data should be published?
  726. </p><p>What if they hire an incompetent or malicious sysadmin? Facebook engineers are <a href="http://arstechnica.com/information-technology/2014/01/why-facebook-thinks-blu-ray-discs-are-perfect-for-the-data-center/">working on Blu-Ray storage technology</a> with a fifty-year time horizon. Are they going to go fifty years without making a seriously bad hire?
  727. </p><p>What if they hire a researcher who releases three months of 'anonymized' data that turns out not to be anonymous at all, like <a href="http://en.wikipedia.org/wiki/AOL_search_data_leak">happened at AOL</a>?
  728. </p><p>Well, that could never happen again, right? No one could violate user privacy on that scale. Except for Google Buzz, which automatically <a href="http://www.theguardian.com/technology/blog/2010/feb/12/google-buzz-stalker-privacy-problems">shared your online activity</a> with the people who emailed you the most often, because Google testers failed to imagine a situation where the person emailing you most often is someone you're trying to avoid.
  729. </p><p>Or Google Plus, which demanded that everyone link their Google activity <a href="http://infotrope.net/2011/07/22/ive-been-suspended-from-google-plus/">to their real name</a>, and applied <a href="http://www.tcdailyplanet.net/column/jay-gabler/google-plus-deceptive-friend-invite">serious pressure</a> to get people to sign up to the new service.
  730. </p><p>I consider myself a pretty cautious user, and I was tricked into creating a Google Plus account by a deceptive dialog box on YouTube. How many other people did that happen to?
  731. </p><p>These are all situations where users who were rigorous about keeping their online and real identity separate found themselves kneecapped by a service that suddenly violated its promise of privacy.
  732. </p><p>There is a lot of potential for harm around these vast collections of private data. To some extent, the focus on government spying prevents us from thinking harder about the real pitfalls of a permanent record.
  733. </p></td>
  734. </tr>
  735. <tr>
  736. <td><a href="https://static.pinboard.in/bt14/bt14.036.jpg"><img src="https://static.pinboard.in/bt14/thumbs/bt14.036.thumb.jpg"/></a></td>
  737. <td>
  738. <p>Out of curiosity, how many people here would be comfortable having their Google search history published? [No hands go up in a room of 800 people]. No Bing users here, I see.
  739. </p><p>This was a nice idea making the rounds. For those who can't see it, it's a medical alert bracelet that says 'Delete My Browser History'.
  740. </p><p>What are you all trying to hide?
  741. </p></td>
  742. </tr>
  743. <tr>
  744. <td><a href="https://static.pinboard.in/bt14/bt14.037.jpg"><img src="https://static.pinboard.in/bt14/thumbs/bt14.037.thumb.jpg"/></a></td>
  745. <td>
  746. <p>As a German audience, you understand just how dangerous and powerful this material is, because you had to deal with the problem of what to do with it during reunification. East Germany had massive archives of secret police files on innocent people. It was this huge dump of informational toxic waste.
  747. </p><p>I'm going to use an example from Poland instead, since I'm more familiar with the situation there. But it's quite similar to what happened in Germany.
  748. </p><p> From 1945 to 1990, the secret police kept files on all kinds of Polish citizens: dissidents, informers, journalists, anyone who was politically active, people who had contacts abroad.
  749. </p><p>After the fall of communism in 1989, those files became the hot potato of Polish politics. No one could agree on how to vet them, or whose job it should be, or whether any of them should be published. The question was quickly politicized and remains a touchy issue today. Governments have fallen over the question. We almost had a coup d'état because of it in the early nineties!
  750. </p></td>
  751. </tr>
  752. <tr>
  753. <td><a href="https://static.pinboard.in/bt14/bt14.038.jpg"><img src="https://static.pinboard.in/bt14/thumbs/bt14.038.thumb.jpg"/></a></td>
  754. <td>
  755. <p>Some of the people in those files were police informers. Maybe they did it for money, or out of misguided patriotism, or maybe they got scared and cracked under the pressure of interrogation. Many of them were innocent men and women called in for questioning who refused to cooperate. Sometimes the secret police would fabricate names and confessions out of whole cloth to meet a bureaucratic quota.
  756. </p><p>None of these distinctions matter in the political carnival surrounding who had been a Communist informant. If your name is in the files, it means you were an informer. It has become a shameful war of leaks, counterleaks, and insinuations that Joe McCarthy would relish.
  757. </p><p>The apex of craziness came when people accused Lech Wałęsa of collaboration. Set aside the question of whether people should be pilloried for mistakes they made forty years ago. If the secret police hired Wałęsa, that was the worst hiring decision in the history of time. But it doesn't matter in the crazy clown car of Polish politics.
  758. </p></td>
  759. </tr>
  760. <tr>
  761. <td><a href="https://static.pinboard.in/bt14/bt14.039.jpg"><img src="https://static.pinboard.in/bt14/thumbs/bt14.039.thumb.jpg"/></a></td>
  762. <td>
  763. <p>It gets worse, though. In the eighties, a police operation called <a href="http://en.wikipedia.org/wiki/Operation_Hyacinth">Project Hyacinth</a> collected information on thousands of gay and lesbian citizens, as well as people the police suspected of homosexual leanings. These are known as the "pink files".
  764. </p><p>Every government since 1989 has agreed that the files should not have been created, and that collecting this material violated basic human rights. Everyone agrees the files need to be destroyed. Poland remains a very homophobic country, so the pink files are incendiary stuff, especially to people in public life.
  765. </p><p>And yet, the data is still around... somewhere. No one is sure which archives the files are in. No one wants to find them. The pink files are political kryptonite. The police have complained that locating and destroying the material would require 200 man years of effort, something they don't have the budget for.
  766. </p><p>So twenty-five years after the fall of Communism, these shameful files live on in bureaucratic limbo, hanging over the heads of eleven thousand innocent people.
  767. </p></td>
  768. </tr>
  769. <tr>
  770. <td><a href="https://static.pinboard.in/bt14/bt14.040.jpg"><img src="https://static.pinboard.in/bt14/thumbs/bt14.040.thumb.jpg"/></a></td>
  771. <td>
  772. These big collections of personal data are like radioactive waste. It's easy to generate, easy to store in the short term, incredibly toxic, and almost impossible to dispose of. Just when you think you've buried it forever, it comes leaching out somewhere unexpected.
  773. <p>Managing this waste requires planning on timescales much longer than we're typically used to. A typical Internet company goes belly-up after a couple of years. The personal data it has collected will remain sensitive for decades.
  774. </p><p>Consider that the stuff in those "pink files" is peanuts compared to the kind of data now sitting on servers in Mountain View.
  775. </p></td>
  776. </tr>
  777. <tr>
  778. <td><a href="https://static.pinboard.in/bt14/bt14.041.jpg"><img src="https://static.pinboard.in/bt14/thumbs/bt14.041.thumb.jpg"/></a></td>
  779. <td>
  780. <p>Now I want to lighten the mood by arguing that the entire economic foundation of our industry is rotten.
  781. </p><p>Man, it's a good thing you're a German audience. I promise there's another animal slide coming up.
  782. </p></td>
  783. </tr>
  784. <tr>
  785. <td><a href="https://static.pinboard.in/bt14/bt14.042.jpg"><img src="https://static.pinboard.in/bt14/thumbs/bt14.042.thumb.jpg"/></a></td>
  786. <td>
  787. Before the Internet, advertisers lived in the Dark Ages. If you wanted to run an ad campaign, you went to Don Draper.
  788. <p>Draper would sip his whiskey and tell you what your next ad campaign would look like.
  789. </p></td>
  790. </tr>
  791. <tr>
  792. <td><a href="https://static.pinboard.in/bt14/bt14.043.jpg"><img src="https://static.pinboard.in/bt14/thumbs/bt14.043.thumb.jpg"/></a></td>
  793. <td>
  794. <p>"We're going to say that smoking keeps you skinny. Bottoms up, gentlemen!"
  795. </p><p>And that was it. The next quarter you looked at your sales figures. If they were up, that meant the ad campaign had succeeded.
  796. </p></td>
  797. </tr>
  798. <tr>
  799. <td><a href="https://static.pinboard.in/bt14/bt14.044.jpg"><img src="https://static.pinboard.in/bt14/thumbs/bt14.044.thumb.jpg"/></a></td>
  800. <td><p>The Internet was Christmas for advertisers. Suddenly you could know exactly who was looking at your ads, and you could target them by age, sex, income, location, almost any criterion you wanted.
  801. </p><p>One of the first banner ads had a click-through rate of 78%. That's mind-boggling. Do you know what two words were on that banner ad?
  802. </p><p>"Shop Naked!" CLICK!
  803. </p><p>But banner ads turned out to be like poison ivy. People clicked them once, and learned never to touch them again. The industry collapsed in a flurry of pop-overs, pop-unders, and shame.
  804. </p></td>
  805. </tr>
  806. <tr>
  807. <td><a href="https://static.pinboard.in/bt14/bt14.045.jpg"><img src="https://static.pinboard.in/bt14/thumbs/bt14.045.thumb.jpg"/></a></td>
  808. <td>
  809. <p>Until Google discovered you could serve little text ads in context, and people would click on them. The whole industry climbed on this life raft, and remains there to this day. Advertising, or the promise of advertising, is the economic foundation of the world wide web.
  810. </p><p>Let me talk about that second formulation a little bit, because we don't pay enough attention to it. It sounds like advertising, but it's really something different that doesn't have a proper name yet. So I'm going to call it "Investor Storytime".
  811. </p></td>
  812. </tr>
  813. <tr>
  814. <td><a href="https://static.pinboard.in/bt14/bt14.046.jpg"><img src="https://static.pinboard.in/bt14/thumbs/bt14.046.thumb.jpg"/></a></td>
  815. <td>
  816. Advertising we all know. Someone pays you to convince your users that they'll be happy if they buy a product or service.
  817. <p>Advertising is really lucrative if you run your own ad network. That's like running a casino. You can't help but make money.
  818. </p><p>If you don't run your own ad network, advertising is a scary business. You bring your user data to the altar and sacrifice it to AdSense. If the AdSense gods are pleased, they rain earnings down upon you.
  819. </p><p>But if the AdSense gods are angry, there is wailing, and gnashing of teeth. You rend your garments and ask forgiveness, but you can never be sure what you did wrong. Maybe you pray to Matt Cutts, the intercessionary saint at Google, who has been known to descend from the clouds and speak with a human voice.
  820. </p></td>
  821. </tr>
  822. <tr>
  823. <td><a href="https://static.pinboard.in/bt14/bt14.047.jpg"><img src="https://static.pinboard.in/bt14/thumbs/bt14.047.thumb.jpg"/></a></td>
  824. <td>
  825. <p>And your users, of course, HATE advertising. So to keep revenue from falling, you're stuck in an arms race where you have to keep changing up your approach.
  826. </p><p>Right now, the frontier of advertising is in mobile apps. Next year it will be something else.
  827. </p><p>Maybe some of you have seen these things popping up recently; paid ads that pretend to be related links. In another few weeks, people will learn to tune them out, and a different plague of ads will descend on us.
  828. </p><p>Advertising is like the flu. If it's not constantly changing, people develop immunity.
  829. </p></td>
  830. </tr>
  831. <tr>
  832. <td><a href="https://static.pinboard.in/bt14/bt14.048.jpg"><img src="https://static.pinboard.in/bt14/thumbs/bt14.048.thumb.jpg"/></a></td>
  833. <td>
  834. <p>Let's compare this to investor storytime.
  835. </p><p>Recall that <strong>advertising</strong> is when someone pays you to tell your users they'll be happy if they buy a product or service.
  836. </p><p>Yahoo is an example of a company that runs on advertising. Gawker is a company that runs on advertising.
  837. </p><p><strong>Investor storytime</strong> is when someone pays you to tell them how rich they'll get when you finally put ads on your site.
  838. </p><p>Pinterest is a site that runs on investor storytime. Most startups run on investor storytime.
  839. </p><p>Investor storytime is not exactly advertising, but it is related to advertising. Think of it as an advertising future, or perhaps the world's most targeted ad.
  840. </p><p>Both business models involve persuasion. In one of them, you're asking millions of listeners to hand over a little bit of money. In the other, you're persuading one or two listeners to hand over millions of money.
  841. </p></td>
  842. </tr>
  843. <tr>
  844. <td><a href="https://static.pinboard.in/bt14/bt14.049.jpg"><img src="https://static.pinboard.in/bt14/thumbs/bt14.049.thumb.jpg"/></a></td>
  845. <td>
  846. I like to think of the quote from King Lear:
  847. <blockquote>
  848. I will do such things,—<br/>
  849. What they are, yet I know not: but they shall be<br/>
  850. The terrors of the earth
  851. </blockquote>
  852. <p>That's the essence of investor storytime. Give us money now, and you won't believe how awesome our ads will be when we finally put them on the site.
  853. </p><p>King Lear would have killed it in Silicon Valley.
  854. </p><p>Investor storytime has a vastly higher ROI than advertising. Startups are rational, and so that's where they put their energy.
  855. </p></td>
  856. </tr>
  857. <tr>
  858. <td><a href="https://static.pinboard.in/bt14/bt14.050.jpg"><img src="https://static.pinboard.in/bt14/thumbs/bt14.050.thumb.jpg"/></a></td>
  859. <td>
  860. <p>Take the case of Quora. Quora is a question-answering website. You type a question and a domain expert might answer it for you.
  861. </p><p>Quora's declared competitor is Wikipedia, a free site that not only doesn't make revenue, but loses so much money they have to ask for donations just to be broke.
  862. </p><p>Recently, Quora raised $80 million in new funding at a $900 million valuation. Their stated reason for taking the money was to postpone having to think about revenue.
  863. </p><p>Quora walked in to an investor meeting, stated these facts as plainly as I have, and walked out with a check for eighty million dollars.
  864. </p><p>That's the power of investor storytime.
  865. </p><p>Let me be clear: I don't begrudge Quora this money. Anything that removes dollars from of the pockets of venture capitalists is something I favor.
  866. </p><p>But investor storytime is a cancer on our industry.
  867. </p><p>Because to make it work, to keep the edifice of promises from tumbling down, companies have to constantly find ways to make advertising more invasive and ubiquitous.
  868. </p><p>Investor storytime only works if you can argue that advertising in the future is going to be effective and lucrative in ways it just isn't today. If the investors stop believing this, the money will dry up.
  869. </p><p>And that's the motor destroying our online privacy. Investor storytime is why you'll see facial detection at store shelves and checkout counters. Investor storytime is why garbage cans in London are talking to your cell phone, to find out who you are. (You'd think that a smartphone would have more self-respect than to talk to a random garbage can, but you're wrong).
  870. </p><p>We're addicted to 'big data' not because it's effective now, but because we need it to tell better stories.
  871. </p></td>
  872. </tr>
  873. <tr>
  874. <td><a href="https://static.pinboard.in/bt14/bt14.051.jpg"><img src="https://static.pinboard.in/bt14/thumbs/bt14.051.thumb.jpg"/></a></td>
  875. <td>
  876. <p>This is my cat, Buster. He sleeps like this all the time. I don't have any pictures of him that are in focus because he is so incredibly fuzzy.
  877. </p><p>Don't you just want to rub that big fat belly? He totally lets you do it, too, unlike most cats.</p>
  878. </td>
  879. </tr>
  880. <tr>
  881. <td><a href="https://static.pinboard.in/bt14/bt14.053.jpg"><img src="https://static.pinboard.in/bt14/thumbs/bt14.053.thumb.jpg"/></a></td>
  882. <td>
  883. So let's have a look at what all this surveillance is buying us. The state of the art in Internet ads, circa 2014. Let's see what the greatest minds of my generation have cooked up for me, the eager consumer.
  884. <p> In the weeks before this conference, I took notes about the ads I was seeing on YouTube. I chose YouTube because I haven't figured out how to block these ads yet.
  885. </p><p>Now, I didn't cheat. I stay logged into Google and YouTube, and they have access to all my email, viewing habits, and search history for the past ten years. So:
  886. </p><p>I saw a lot of ads for GEICO, a brand of car insurance that I already own.
  887. </p></td>
  888. </tr>
  889. <tr>
  890. <td><a href="https://static.pinboard.in/bt14/bt14.054.jpg"><img src="https://static.pinboard.in/bt14/thumbs/bt14.054.thumb.jpg"/></a></td>
  891. <td>
  892. <p>I saw multiple ads for Red Lobster, a seafood restaurant chain in America. Red Lobster doesn't have any branches in San Francisco, where I live.
  893. </p></td>
  894. </tr>
  895. <tr>
  896. <td><a href="https://static.pinboard.in/bt14/bt14.055.jpg"><img src="https://static.pinboard.in/bt14/thumbs/bt14.055.thumb.jpg"/></a></td>
  897. <td>
  898. <p>YouTube showed me tons of makeup ads, including multiple promos for this woman's YouTube channel.
  899. </p></td>
  900. </tr>
  901. <tr>
  902. <td><a href="https://static.pinboard.in/bt14/bt14.056.jpg"><img src="https://static.pinboard.in/bt14/thumbs/bt14.056.thumb.jpg"/></a></td>
  903. <td>
  904. <p>There was an ad for the new Pixies album. This was the one ad that was well targeted; I love the Pixies. I got the torrent right away.
  905. </p></td>
  906. </tr>
  907. <tr>
  908. <td><a href="https://static.pinboard.in/bt14/bt14.057.jpg"><img src="https://static.pinboard.in/bt14/thumbs/bt14.057.thumb.jpg"/></a></td>
  909. <td>
  910. <p>I saw some ads for this place called Passages. The ad didn't say what it was; I had to look it up. It's an $88,000 per month rehab clinic in Malibu!
  911. </p></td>
  912. </tr>
  913. <tr>
  914. <td><a href="https://static.pinboard.in/bt14/bt14.058.jpg"><img src="https://static.pinboard.in/bt14/thumbs/bt14.058.thumb.jpg"/></a></td>
  915. <td>
  916. <p>Finally, I saw a ton of ads for Zipcar, which is a car sharing service. </p><p>These really pissed me off, not because I have a problem with Zipcar, but because they showed me the algorithm wasn't even trying.
  917. </p><p>It's one thing to get the targeting wrong, but the ad engine can't even decide if I have a car or not! You just showed me five ads for car insurance. You don't care that you're mathematically certain to be wasting my time.
  918. </p></td>
  919. </tr>
  920. <tr>
  921. <td><a href="https://static.pinboard.in/bt14/bt14.059.jpg"><img src="https://static.pinboard.in/bt14/thumbs/bt14.059.thumb.jpg"/></a></td>
  922. <td>
  923. <p>Google's answer to this is to demand more personal information. They offer a little 'ad preferences' panel that lets you better target your interests.
  924. </p><p>To me that's like telling the firing squad to move their guns a little to the left, but in the interests of science, I clicked through.
  925. </p><p>And there I found out that Google thinks I am an Arabic speaking woman, age 25-34, whose interests include "Babies &amp; Toddlers", "Meat &amp; Seafood", and "Greater Cleveland".
  926. </p></td>
  927. </tr>
  928. <tr>
  929. <td><a href="https://static.pinboard.in/bt14/bt14.060.jpg"><img src="https://static.pinboard.in/bt14/thumbs/bt14.060.thumb.jpg"/></a></td>
  930. <td>
  931. <p>In other words, this is who Google thinks I am. [Apologies to Fairouz!]
  932. </p><p>In reality, I'm a 38 year old dude who has no interest in babies, toddlers, or Cleveland. In fairness, I do have a profound interest in meat and seafood.
  933. </p><p>Now sure, this is just anecdotal data. But we don't get to experience the Platonic ideal of targeted advertising. We have to sit through the crappy parts too.
  934. </p><p>Consider your own experience. Spend half an hour on the Internet with ad blocking turned off, if you dare. These "targeted" ads just don't target very well. They work on the same principle as spam: throw enough of this shit at a user, and someone is going to click.
  935. </p><p>And it comes at such a steep price.
  936. </p></td>
  937. </tr>
  938. <tr>
  939. <td><a href="https://static.pinboard.in/bt14/bt14.061.jpg"><img src="https://static.pinboard.in/bt14/thumbs/bt14.061.thumb.jpg"/></a></td>
  940. <td>
  941. <p>Of course, for ad sellers, the crappiness of targeted ads is a feature! It means there's vast room for improvement. So many stories to tell the investors.
  942. </p><p>This ghost of a business model propels us to ever greater extremes of surveillance. If the algorithms don't work, that's a sign we need more data. If the algorithms do work, then imagine how much better they'll work with more data. There's only one outcome allowed: collect more data.
  943. </p><p>I don't oppose advertising. I think ads have an important role to play.
  944. </p><p>But advertising, and stories about advertising, can't carry the weight of our entire industry.
  945. </p><p>Right, Mr. Walrus?</p>
  946. </td>
  947. </tr>
  948. <tr>
  949. <td><a href="https://static.pinboard.in/bt14/bt14.062.jpg"><img src="https://static.pinboard.in/bt14/thumbs/bt14.062.thumb.jpg"/></a></td>
  950. <td>
  951. <p>It should be illegal to collect and permanently store most kinds of behavioral data.
  952. </p><p>In the United States, they warn us the world will end if someone tries to regulate the Internet. But the net itself was born of a fairly good regulatory framework that made sure <em>de facto</em> net neutrality existed for decades, paid for basic research into protocols and software, cleared the way for business use of the internet, and encouraged the growth of the commercial web.
  953. </p><p>It's good regulation, not lack of regulation, that kept the web healthy.
  954. </p></td>
  955. </tr>
  956. <tr>
  957. <td><a href="https://static.pinboard.in/bt14/bt14.063.jpg"><img src="https://static.pinboard.in/bt14/thumbs/bt14.063.thumb.jpg"/></a></td>
  958. <td>
  959. <p>Here's one idea for where to begin:
  960. </p><p>1. Limit what kind of behavioral data websites can store. When I say behavioral data, I mean the kinds of things computers notice about you in passing—your search history, what you click on, what cell tower you're using.
  961. </p><p> It's very important that we regulate this at the database, not at the point of collection. People will always find creative ways to collect the data, and
  962. we shouldn't limit people's ability to do neat things with our data on the fly. But there should be strict limits on what you can save.
  963. </p><p> 2. Limit how long they can keep it. Maybe three months, six months, three years. I don't really care, as long as it's not fifty years, or forever. Make the time scale for deleting behavioral data similar to the half-life of a typical Internet business.
  964. </p><p>3. Limit what they can share with third parties. This limit should also apply in the event of bankruptcy, or acquisition. Make people's data non-transferable without their consent.
  965. </p></td>
  966. </tr>
  967. <tr>
  968. <td><a href="https://static.pinboard.in/bt14/bt14.064.jpg"><img src="https://static.pinboard.in/bt14/thumbs/bt14.064.thumb.jpg"/></a></td>
  969. <td>
  970. <p>4. Enforce the right to download. If a website collects information about me, I should be allowed to see it. The EU already mandates this to some extent, but it's not evenly enforced.
  971. </p><p>This rule is a little sneaky, because it will require backend changes on many sites. Personal data can pile up in all kinds of dark corners in your system if you're not concerned about protecting it. But it's a good rule, and easy to explain. You collect data about me? I get to see it.
  972. </p><p>5. Enforce the right to delete. I should be able to delete my account and leave no trace in your system, modulo some reasonable allowance for backups.
  973. </p></td>
  974. </tr>
  975. <tr>
  976. <td><a href="https://static.pinboard.in/bt14/bt14.065.jpg"><img src="https://static.pinboard.in/bt14/thumbs/bt14.065.thumb.jpg"/></a></td>
  977. <td>
  978. <p>6. Give privacy policies teeth. Right now, privacy policies and terms of service can change at any time. They have no legal standing. For example, I would like to promise my users that I'll never run ads on my site and give that promise legal weight. That would be good marketing for me. Let's create a mechanism that allow this.
  979. </p><p>7. Let users opt-in if a site wants to make exceptions to these rules. If today's targeted advertising is so great, you should be able to persuade me to sign up for it. Persuade me! Convince me! Seduce me! You're supposed to be a master advertiser, for Christ's sake!
  980. </p><p>8. Make the protections apply to everyone, not just people in the same jurisdiction as the regulated site. It shouldn't matter what country someone is visiting your site from. Keep it a world-wide web.
  981. </p></td>
  982. </tr>
  983. <tr>
  984. <td><a href="https://static.pinboard.in/bt14/bt14.066.jpg"><img src="https://static.pinboard.in/bt14/thumbs/bt14.066.thumb.jpg"/></a></td>
  985. <td>
  986. <p>I was very taken with Bastian Allgeier's talk yesterday on decentralization. And we'll be discussing a lot of these issues at Decentralize Camp tomorrow.
  987. </p><p>Folklore has it that the Internet was designed to survive a nuclear war. Bombs could take out lots of nodes, but the net would survive and route around the damage.
  988. </p><p>I think this remains a valuable idea, though we never quite got there. A good guiding principle is that no one company, or one country, should have the ability to damage the Internet, even if it begins to act maliciously.
  989. </p><p>We have a broad consensus on the need to decentralize the web; the question is how to do it. In this respect, I think even a little decentralization goes a long way. Consider how much better it is to have four major browser vendors, compared to the days of Internet Explorer.
  990. </p><p>Some kinds of services are just crying out for decentralization. Fifty years from now, people will be shocked that we had one social network that all seven billion people on the planet were expected to join.
  991. </p><p> Imagine if there was only one bar in Düsseldorf, or all of Germany, and if you wanted to hang out with your friends, you had to go there. And when you did, there were cameras everywhere, and microphones, and you were constantly being interrupted by people selling you stuff. That's the situation that obtains with Facebook today.
  992. </p><p>Surveillance as a business model is the only thing that makes a site like Facebook possible.
  993. </p></td>
  994. </tr>
  995. <tr>
  996. <td>
  997. <a href="https://static.pinboard.in/bt14/bt14.067.jpg"><img src="https://static.pinboard.in/bt14/thumbs/bt14.067.thumb.jpg"/></a></td>
  998. <td>
  999. <p>I have always wanted to have a 'Death to America!' slide. Maybe I should just say 'de-americanize'.
  1000. </p><p>As a naturalized US citizen, whose citizenship can potentially be revoked by court order, let me just say America is the greatest country on Earth, and I am lucky to live there. I am sorry that you can't live there too.
  1001. </p><p>In fact, we're so great that we can probably spare one or two of these giant websites and let you replace them with something based here in Europe.
  1002. </p><p>In the past year, you've seen that there is not a lot of concern in America for the privacy rights of the average German citizen. I think 'zero' would be a fair number to put on that.
  1003. </p><p>If your prime minister can't get us to stop bugging her phone, how secure do you think your own data is, when you send it to California?
  1004. </p></td>
  1005. </tr>
  1006. <tr>
  1007. <td><a href="https://static.pinboard.in/bt14/bt14.069.jpg"><img src="https://static.pinboard.in/bt14/thumbs/bt14.069.thumb.jpg"/></a></td>
  1008. <td>
  1009. <p>And speaking of California, let me try another tack.
  1010. </p><p>This festive map shows seismic hazard in Northern California, where pretty much all the large Internet companies are based, along with a zillion startups. The ones that aren't here have their headquarters in an even deadlier zone up in Cascadia.
  1011. </p><p>Now of course, each company has four zillion datacenters, backed up across the world. But how much will that matter when there's a major quake, and Silicon Valley can't get to work for a month? All of these headquarters are going to be shut down for a long time when the Big One comes. You're going to notice it.
  1012. </p><p>So even if you don't agree with my politics, maybe you'll agree with my geology. Let's not build a vast, distributed global network only to put everything in one place!
  1013. </p></td>
  1014. </tr>
  1015. <tr>
  1016. <td><a href="https://static.pinboard.in/bt14/bt14.070.jpg"><img src="https://static.pinboard.in/bt14/thumbs/bt14.070.thumb.jpg"/></a></td>
  1017. <td>
  1018. <p>I'm tired of being scared of what the web is going go look like tomorrow. </p><p>Yesterday, during Robin's incredible talk, I realized how long it had been since I looked at a new technology with wonder, instead of an automatic feeling of dread.
  1019. </p><p>[Robin Christopherson gave a profoundly moving talk about the ways in which smartphones, image recognition, wearable computers and other technologies are changing the lives of disabled people. Robin, who is blind, gave live demos of the apps and technologies he uses to better navigate the world, showing the extent to which they've restored his autonomy.]
  1020. </p><p>One of the worst aspects of surveillance is how it limits our ability to be creative with technology. It's like a tax we all have to pay on innovation. We can't have cool things, because they're too potentially invasive.
  1021. </p><p>Imagine if we didn't have to worry about privacy, if we had strong guarantees that our inventions wouldn't immediately be used against us. Robin gave us a glimpse into that world, and it's a glimpse into what made computers so irresistible in the first place.
  1022. </p><p>I have no idea how to fix it. I'm hoping you'll tell me how to fix it. But we should do <em>something</em> to fix it. We can try a hundred different things. You people are designers; treat it as a design problem! How do we change this industry to make it wonderful again? How do we build an Internet we're not ashamed of?
  1023. </p></td>
  1024. </tr>
  1025. <tr>
  1026. <td><a href="https://static.pinboard.in/bt14/bt14.071.jpg"><img src="https://static.pinboard.in/bt14/thumbs/bt14.071.thumb.jpg"/></a></td>
  1027. <td>
  1028. <p>I'd like to thank Britta Gustafson, Matthew Haughey, Diane Person, Sacha Judd and Thomas Ptacek, who helped me greatly with this talk. [Honorable mention goes to Anil Dash, who liked a photo of it on Facebook.]
  1029. </p><p>Thank you for your kind attention today. I hope you had a wonderful conference.
  1030. <br/><br/>
  1031. </p><p>STORMY, PROLONGED APPLAUSE</p>
  1032. </td></tr>
  1033. </table>
  1034. </article>
  1035. </section>
  1036. <nav id="jumpto">
  1037. <p>
  1038. <a href="/david/blog/">Accueil du blog</a> |
  1039. <a href="http://idlewords.com/bt14.htm">Source originale</a> |
  1040. <a href="/david/stream/2019/">Accueil du flux</a>
  1041. </p>
  1042. </nav>
  1043. <footer>
  1044. <div>
  1045. <img src="/static/david/david-larlet-avatar.jpg" loading="lazy" class="avatar" width="200" height="200">
  1046. <p>
  1047. Bonjour/Hi!
  1048. 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>
  1049. 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>).
  1050. </p>
  1051. <p>
  1052. 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>.
  1053. </p>
  1054. <p>
  1055. Voici quelques articles choisis :
  1056. <a href="/david/blog/2019/faire-equipe/" title="Accéder à l’article complet">Faire équipe</a>,
  1057. <a href="/david/blog/2018/bivouac-automnal/" title="Accéder à l’article complet">Bivouac automnal</a>,
  1058. <a href="/david/blog/2018/commodite-effondrement/" title="Accéder à l’article complet">Commodité et effondrement</a>,
  1059. <a href="/david/blog/2017/donnees-communs/" title="Accéder à l’article complet">Des données aux communs</a>,
  1060. <a href="/david/blog/2016/accompagner-enfant/" title="Accéder à l’article complet">Accompagner un enfant</a>,
  1061. <a href="/david/blog/2016/senior-developer/" title="Accéder à l’article complet">Senior developer</a>,
  1062. <a href="/david/blog/2016/illusion-sociale/" title="Accéder à l’article complet">L’illusion sociale</a>,
  1063. <a href="/david/blog/2016/instantane-scopyleft/" title="Accéder à l’article complet">Instantané Scopyleft</a>,
  1064. <a href="/david/blog/2016/enseigner-web/" title="Accéder à l’article complet">Enseigner le Web</a>,
  1065. <a href="/david/blog/2016/simplicite-defaut/" title="Accéder à l’article complet">Simplicité par défaut</a>,
  1066. <a href="/david/blog/2016/minimalisme-esthetique/" title="Accéder à l’article complet">Minimalisme et esthétique</a>,
  1067. <a href="/david/blog/2014/un-web-omni-present/" title="Accéder à l’article complet">Un web omni-présent</a>,
  1068. <a href="/david/blog/2014/manifeste-developpeur/" title="Accéder à l’article complet">Manifeste de développeur</a>,
  1069. <a href="/david/blog/2013/confort-convivialite/" title="Accéder à l’article complet">Confort et convivialité</a>,
  1070. <a href="/david/blog/2013/testament-numerique/" title="Accéder à l’article complet">Testament numérique</a>,
  1071. et <a href="/david/blog/" title="Accéder aux archives">bien d’autres…</a>
  1072. </p>
  1073. <p>
  1074. 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>.
  1075. </p>
  1076. <p>
  1077. Je ne traque pas ta navigation mais mon
  1078. <abbr title="Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33.184162340">hébergeur</abbr>
  1079. conserve des logs d’accès.
  1080. </p>
  1081. </div>
  1082. </footer>
  1083. <script type="text/javascript">
  1084. ;(_ => {
  1085. const jumper = document.getElementById('jumper')
  1086. jumper.addEventListener('click', e => {
  1087. e.preventDefault()
  1088. const anchor = e.target.getAttribute('href')
  1089. const targetEl = document.getElementById(anchor.substring(1))
  1090. targetEl.scrollIntoView({behavior: 'smooth'})
  1091. })
  1092. })()
  1093. </script>