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 37KB

4 jaren geleden
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591
  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>DATAcide (archive) — David Larlet</title>
  13. <!-- Generated from https://realfavicongenerator.net/ such a mess. -->
  14. <link rel="apple-touch-icon" sizes="180x180" href="/static/david/icons/apple-touch-icon.png">
  15. <link rel="icon" type="image/png" sizes="32x32" href="/static/david/icons/favicon-32x32.png">
  16. <link rel="icon" type="image/png" sizes="16x16" href="/static/david/icons/favicon-16x16.png">
  17. <link rel="manifest" href="/manifest.json">
  18. <link rel="mask-icon" href="/static/david/icons/safari-pinned-tab.svg" color="#5bbad5">
  19. <link rel="shortcut icon" href="/static/david/icons/favicon.ico">
  20. <meta name="apple-mobile-web-app-title" content="David Larlet">
  21. <meta name="application-name" content="David Larlet">
  22. <meta name="msapplication-TileColor" content="#da532c">
  23. <meta name="msapplication-config" content="/static/david/icons/browserconfig.xml">
  24. <meta name="theme-color" content="#f0f0ea">
  25. <!-- That good ol' feed, subscribe :p. -->
  26. <link rel=alternate type="application/atom+xml" title=Feed href="/david/log/">
  27. <meta name="robots" content="noindex, nofollow">
  28. <meta content="origin-when-cross-origin" name="referrer">
  29. <!-- Canonical URL for SEO purposes -->
  30. <link rel="canonical" href="https://www.adbusters.org/magazine/115/datacide-total-annihilation-life-we-know-it.html">
  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. DATAcide (archive)
  440. <time>Pour la pérennité des contenus liés. Non-indexé, retrait sur simple email.</time>
  441. </h1>
  442. <section>
  443. <article>
  444. <h3><a href="https://www.adbusters.org/magazine/115/datacide-total-annihilation-life-we-know-it.html">Source originale du contenu</a></h3>
  445. <p><em> This article appeared in issue #115, now available in our <a href="http://subscribe.adbusters.org/products/blueprint-for-a-new-world-box-set">Blueprint for a New World Series Box Set.</a></em></p>
  446. <p class="lead">“So tell me, why did you leave your last job?” he asks.</p>
  447. <p>The first thing I remember about the internet was the noise. That screeching howl of static blips signifying that you were, at last, online. I first heard it in the summer of ’93. We were huddled around my friend’s brand new Macintosh, palms sweaty, one of us on lookout for his mom, the others transfixed as our Webcrawler search bore fruit. An image came chugging down, inch by inch. You could hear the modem wince as it loaded, and like a hammer banging out raw pixels from the darkness beyond the screen, a grainy, low-res jpeg came into view. It was a woman and a horse.</p>
  448. <p>Since then, I’ve had a complicated relationship with the internet. We all have. The noise is gone now, and its reach has grown from a network of isolated weirdos into a silent and invisible membrane that connects everything we do and say.</p>
  449. <p>“I needed a bigger challenge,” I say. This is a lie.</p>
  450. <p>The brewpub we’re in has freshly painted white walls and a polished
  451. concrete floor, 20 ft ceilings and dangling lightbulbs. It could double as a minimalist porn set, or perhaps a rendition chamber. Concrete is easy to clean. The table we’re at is long and communal. Whenever someone’s smartphone vibrates we all feel it through the wood, and we’re feeling it every second minute — a look of misery slicing across my face when I realize it’s not mine.</p>
  452. <p>“Tell me about your ideal process,” the guy sitting down the table from us says. My eyes strain sideways. He looks to be about thirty; we all do. Like a young Jeff Bezos, his skin is the color of fresh milk. He’s dressed like a Stasi agent trying to blend in at a disco. Textbook Zuckercore: a collared blue-green plaid shirt unbuttoned with a subdued grey-on-grey graphic tee, blue jeans and sneakers. Functional sneakers. Tech sneakers. This is a tech bar. Frequented by tech people who do tech things. The park down the street is now a tech park. That’s where the tech types gather to broadcast their whimsy and play inclusive non-sports like Quidditch, which, I’m told, is something actual people actually do. It’s a nerd paradise where the only problems that exist are the ones that you’re inspired to solve. And I want in on it, because I want to believe.</p>
  453. <p>“I’m a big fan of social,” I blurt out as an aside. He replies with a calm and ministerial nod. Nobody says “social media” anymore, it’s just “social” now.</p>
  454. <p>My atoms are sitting here drinking a beer, being interviewed for a position at a firm that specializes in online brand management systems. Which is a euphemism for a human centipede of marketers selling marketing to marketers for marketing. The firm is worth a billion dollars. You’ve never heard of it. It’s the type of place where they force you to play ping-pong if you come in looking depressed. Meet the new boss, same as the old boss, except this one is very concerned that you see him as a positive force in the universe.</p>
  455. <p><img src="http://www.adbusters.org/sites/default/files/posts/adbusters_115_datacide_beertwt.jpg"/>
  456. <p>I’m here, bringing the cold beer to my dry lips and bobbing my head in my best impersonation of someone who doesn’t feel ill when he hears the words “key metrics,” “familiarity,” “control groups” and “variant groups.” It’s the dawn of the new creative economy, and I can dig it. I’m here, but I’m also spread across the internet in a series of containers. I’m in Facebook, I’m in Instagram, I’m in Google, I’m in Twitter and a thousand other places I never knew existed. Depending how my body is disposed of, it will either become dirt or atmosphere. But the digital atoms will live forever, or at least until civilization is incinerated by whatever means we
  457. choose to off ourselves.</p>
  458. <p>“What about this position interests you?” he asks.</p>
  459. <p>When the TechCrunchers preach the gospel of disruption, it’s from an industrial perspective that sees life on Earth as a series of business models to be upended. Disrupt or die is the motto, but they never mention the disruptees — the travel agents, the cab drivers, the bellhops. The journalists. The meat in the box before the box is crushed by the anvil of innovation.</p>
  460. <p>“People have ideas about things but it’s a bunch of things. Sign up flow for example, high level things, but sometimes I think — let’s table this for now and put together some idea maps. I feel so empowered because we’re aligned,” someone else says. I look around but can’t trace the source.</p>
  461. <p>It’s hard to focus on his questions when all the conversations occurring parallel to ours combine in a cacophony of sameness, as if we’re all Tedtalking a mantra of ancient buzzwords: Engagement. Intuitive. Connection. User base. Revolutionary. It’s like coke talk gone sour, not words that are meant to say things, but stale semiotics that signify you belong. This is the the new language of business. This is where Wall Street goes to find itself.</p>
  462. <p>“I traded in my suit for khakis and sunglasses,” one of them says. But he’s wearing neither. “That’s the best decision you’ve ever made bro,” his colleague replies.</p>
  463. <p>These are the most boring people on the planet. And it’s their world now, we’re just supplying the data for it. The game is simple: dump venture capital into a concept, get the eyeballs, take the data and profit. But the implications of this crude scheme are profound. Beyond all the hype, something weird is happening.</p>
  464. <p>I can’t eat without instagramming my food. I can’t shit without playing Candy Crush. I can’t even remember who half the people are on my Facebook feed, but I’ll still mindlessly scroll through their tedious status updates and wince at their tacky wedding photos. Out of these aimless swipes, clicks and likes, a new world is being born. A world where everything we do, no matter how inane, is tracked, recorded, sorted and analyzed. Yahoo CEO Marissa Mayer has said the whole process is “like watching the planet develop a nervous system.” And through this system, every human action has become a potential source of profit for our data lords, a signal for them to identify and exploit.</p>
  465. <p>“We are about to enter a world that is half digital and half physical, and without properly noticing, we’ve become half bits and half atoms. These bits are now an integral part of our identity, and we don’t own them,” says Hannes Grassegger.</p>
  466. <p>Grassegger is a German economics journalist who was raised in front of his mom’s Macintosh, and later, on a Commodore 64 he got for his sixth birthday. He recently wrote “Das Kapital bin ich” (I am Capital), a book that has been criticized by the European left for being too capitalist, and by the right for being the communist manifesto of the digital era. In it he tries to answer a deceptively simple question: if our data is the oil of the 21st century, then why aren’t we all sheikhs?</p>
  467. <p>“We’ve all been sharing. But the smart ones have been collecting — and they’ve packed us into their clouds,” he says. “Privacy. Transparency. Surveillance. Security gap. I don’t want to hear about it. These are sloppy downplayings of a radical new condition: We don’t own ourselves any more. We are digital serfs.”</p>
  468. <img src="http://www.adbusters.org/sites/default/files/posts/adbusters_115_datacide_noevil.jpg"/>
  469. <p>Like Grassegger, and like everybody else, I was lured into this radical new condition with the feel-good promises of connection, friendship and self-expression. Apps, sites and services that allowed us to share what we loved, and do what we wanted. For Grassegger, these platforms were merely fresh lots ready to be ploughed, and in turn they kept the harvest: our feelings, thoughts, experiences and emotions, encoded in letters and numbers. Now they’re putting it all to work, exploiting these assets with algorithms and sentiment analysis, and our virtual souls are toiling even while we sleep.</p>
  470. <p>His solution to this dilemma is practical and pragmatic, siding with a lesser evil of establishing a personalized free data market, which would allow us to exploit our information before others do it for us, arguing that “We must carry into the new space those rights and freedoms we eked out in the physical world centuries ago. The ownership over ourselves and the freedom to employ this property for our own benefit. Only this will help us leave behind our self-imposed digital immaturity.”</p>
  471. <p>“KRRAAAAASHH!”</p>
  472. <p>A waitress lets a pint glass slip from her hand and shatter on the floor, but no one bothers to look over; they’re too engaged. Then I notice something eerie about the vibe in this place. There’s no sneering, no sarcasm, and no self-deprecation. Everyone is just sort of floating along in an earnest tranquility. As if each anecdote about “that cool loft I found on Airbnb” contained some deep spiritual significance beyond my grasp.</p>
  473. <p>My interrogator goes for a piss and I load up Facebook in the interim, hoping to find a shard of inspiration in my feed that will provide a topical talking point. Instead I find a listicle. A curiosity gap headline. An ad. A solicitation. Another ad. Another listicle. Oh dear, someone has lost their phone. And finally, an ad in the form of a listicle. Or is it a listicle in the form of an ad?</p>
  474. <p>We were told to surf the web, but in the end, the web serf’d us. Yet there’s a worse fate than digital serfdom, as Snowden’s ongoing NSA revelations suggest. This isn’t simply about the commodification of all human kinesis, it’s the psychological colonialism that makes the commodification possible.</p>
  475. <p>The nature of this bad trip was hinted at in June when we learned that Facebook manipulated the emotional states of nearly 700,000 of its users. Half of those chosen for the study were fed positivity, the others, despair. “The results show emotional contagion,” the Facebook scientists told us, meaning that they had discovered that alternating between positive and negative stimulus does indeed affect our behaviour. Or perhaps rediscovered. There’s a precedent for this. We’ve been here before.</p>
  476. <img src="http://www.adbusters.org/sites/default/files/posts/adbusters_115_datacide_quote_serfd.jpg"/>
  477. <p>Burrhus Frederic Skinner, known simply as B.F. to his BFFs, is best known as the psychologist with the painfully large forehead who tried to convince the world that free will was an illusion. But he wasn’t always so dire. He was once a young man with hopes and dreams who wrote poems and sonnets and wanted to become a stream-of-consciousness novelist like his idol, Marcel Proust. He failed miserably and it led him to conclude that he wasn’t capable of writing anything of interest because he had nothing to say. Frustrated and bitter, he resolved that literature was irrelevant and it should be destroyed, and that psychology was the true art form of the 20th century. So he went to Harvard and developed the concept of operant conditioning by putting a rat in a cage and manipulating its behaviour by alternating positive and negative stimulus. Now we’re the rats in the cage, only we don’t know where the cage ends and where it begins.</p>
  478. <p>“What’s your five year vision for social?” he asks.</p>
  479. <p>There’s a right way and a wrong way to answer this question. The wrong way is to be critical and cast scepticism on the internet’s role in our lives. For instance, you could draw a parallel between Facebook’s probing of emotional contagion and the Pentagon’s ongoing research into how to quash dissent and manage social unrest. Or you could mention how the Internet of Things will inevitably consolidate corporate power over our personal liberty unless we implement strict regulations on what part of ourselves can and cannot be quantified. But if you did that, you’d upset the prevailing good vibes and come off like a sickly paranoiac in desperate need of some likes.</p>
  480. <p>The right way is to turn off, buy in and cash out. Reinforce the grand narrative and talk about how social is going to bring people together, not just online, but in the real world. How it will augment our interactions and make us more open. How in five years you’ll be able to meet your true love through an algorithm that correlates your iTunes activity to your medical history and how that algorithm will be worth a billion fucking dollars. And it’s through that magical cloud of squandered human potential that Skinner emerges once again and starts poking his finger into your brain.</p>
  481. <p>After establishing himself as a household name, Skinner was finally able to live out his dream of writing a novel. That novel was <cite>Walden Two</cite>, a story about a utopian commune where people live a creative and harmonious life in accordance to the principles of radical behaviourism. In contrast to <cite>1984</cite> and <cite>Brave New World</cite>, it was meant to be a positive portrayal of a technologically-enabled utopian ideal. In it he writes, “The majority of people don’t want to plan. They want to be free of the responsibility of planning. What they ask for is merely some assurance that they will be decently provided for. The rest is a day-to-day enjoyment of life.”</p>
  482. <p>In the late 60s, <cite>Walden Two</cite> directly inspired a series of attempts to create real world versions of the fictional community it described. These were just a few of the thousands of communes that were being established across America at that time. Some thrived, but the majority fell apart within a couple short years. They failed for a number of reasons: latrines overflowed, the tofu supply ran out, the livestock starved to death and so forth. But what many of them had in common was a cascading systems failure of their foundational hypothesis — that social change could be achieved through self-transformation and the problems of power could be solved simply by ignoring them. There was always a Machiavellian in the transformational mist, though, and a refusal to acknowledge outright how power creates invisible structures that undermine the potential for cooperative action ultimately led to their implosion. It’s in this stale pub, with its complimentary WiFi and overpriced organic popcorn, that those invisible power structures continue to thrive.</p>
  483. <p>“There has to be incentive. There has to be. You can’t force people to use it,” a woman in the corner mutters. She’s among a cluster of people who for some reason are all carrying the same cheap, ugly backpack. Her hand gestures become more aggressive as the conversation progresses and she looks to be caught in a moment midway between panic and ecstasy. Her expression would make the perfect emoji for the inertia of our time. It looks sort of like this: <span>(&amp;’Z)</span></p>
  484. <p>“Our notions of digital utopianism are deeply rooted in a communal wing of American counter-culture from the 1960s. That group of people have had an enormous impact on how we do technology. Many of the leading figures in technology come from that wing, Steve Jobs would be one,” says Fred Turner, a communications professor at Stanford University who researches and writes about how counterculture and technology interact.</p>
  485. <img src="http://www.adbusters.org/sites/default/files/posts/adbusters_115_datacide_inerji2.jpg"/>
  486. <p>“Their ideas of what a person is and what a community should be has suffused our idealized understanding of what a virtual community can be and what a digital citizen should be. That group believed that what you had to do to save the world was to build communities of consciousness — places where you would step outside mainstream America and turn away from politics and democracy, turn away from the state, and turn instead to people like yourself and to sharing your feelings, your ideas and your information, as a way of making a new world.”</p>
  487. <p>There’s a fault line that runs underneath the recycling bins of America’s abandoned hippy communes all the way to my cracked iPhone 5 screen. And if there is one man who epitomizes the breadth of this fault, it’s Stewart Brand.</p>
  488. <p>In 1968, Brand published the Whole Earth Catalog, an internet before the internet that provided a directory of products for sustainable, alternative and creative lifestyles, and helped connect those who pursued them. When the Whole Earth Catalog went out of business in 1971, Brand threw a “demise party” wherein the audience got to choose who would receive the magazine’s remaining twenty grand. They chose to give it to Fred Moore, an activist moonlighting as a dishwasher, who would go on to found the Homebrew Computer Club — the birthplace of Apple and the PC. In the 80s Brand launched The Whole Earth ’Lectronic Link, one of the world’s first virtual communities. Following its success, he started the Global Business Network — a think tank to shape the future of the world. They’ve worked on “navigating social uncertainty” with corporations like Shell Oil &amp; AT&amp;T, among others. In 2000, GBN was bought by Monitor Group, a consultancy firm that made headlines in 2011 by earning millions of dollars from the Libyan Government to manage and enhance the global profile of Muammar Gaddafi.</p>
  489. <p>Brand’s most enduring legacy will likely come from coining the phrase “information wants to be free,” which serves as the business model for the Actually Existing Internet and the Big Data dream.</p>
  490. <p>Looking around the brewpub, listening to the chatter, and staring into the bright blue eyes of my would-be employer, you can almost hear the words of Google CEO Eric Schmidt echo against the minimalist decor: “We know where you are. We know where you’ve been. We can more or less guess what you’re thinking about.”</p>
  491. <p>In San Francisco, my fellow disruptees have taken to the streets and kicked off a proper bricks &amp; bottle backlash against this sort of dictator-grade hubris that has come to define the Internet of Kings. Crude graffiti reading “DIE TECHIE SCUM” is scrawled on the sidewalk next to Googlebus blockades. TECH = DEATH signs are held up at protests. Tires are slashed, windows are smashed and #techhatecrimes is a hashtag that is being passed around Silicon Valley without a hint of irony.</p>
  492. <p>Just down the street from where I’m sitting, a more passive form of protest has manifested in the form of a new café that promises an escape from the incessant blips and bleeps of the internet and its accoutrements.The tables there are also long and communal, but they’re wrapped inside an aluminum metal mesh designed to interrupt and restrain wireless signals and WiFi.</p>
  493. <p>We are not going to escape this crisis by putting ourselves in a cage. There is no opt-out anymore. You can draw the blinds, deadlock your door, smash your smartphone, and only carry cash, but you’ll still get caught up in their all-seeing algorithmic gaze. They’ve datafied your car, your city and even your snail mail. This is not a conspiracy, it’s the status quo, and we’ve been too busy displacing our anxiety into their tidy little containers to realize what’s going on.</p>
  494. <img src="http://www.adbusters.org/sites/default/files/posts/adbusters_115_datacide_dream.jpg"/>
  495. <p>“Do you have any questions for me?” he finally asks, abruptly. My beer is empty, I’m thirsty for another, and the interview hasn’t gone well. I’ve failed to put on a brave face and the only questions that I have concern how much money I’m going to make. Will it be enough to pay for my escalating rent now that the datarazzi have moved into the neighborhood? Or will I have to drive an Über in my spare time to make ends meet?</p>
  496. <p>The internet is a failed utopia. And we’re all trapped inside of it. But I’m not willing to give up on it yet. It’s where I first discovered punk rock and anarchism. Where I learned about the I Ching and Albert Camus while downloading “Holiday in Cambodia” at 15kbps. It’s where I first perved out on the photos of a girl I would eventually fall in love with. It’s home to me, you and everybody we know.</p>
  497. <p>No, the appropriate question to ask is: “What is the purpose of my life?”</p>
  498. <p>I’ve seen the best minds of my generation sucked dry by the economics of the infinite scroll. Amidst the innovation fatigue inherent to a world with more phones than people, we’ve experienced a spectacular failure of the imagination and turned the internet, likely the only thing between us and a very dark future, into little more than a glorified counting machine.</p>
  499. <p>Am I data, or am I human? The truth is somewhere in between. Next time you click I AGREE on some purposefully confusing terms and conditions form, pause for a moment to interrogate the power that lies behind the code. The dream of the internet may have proven difficult to maintain, but the solution is not to dream less, but to dream harder.</p>
  500. <p class="author-bio">Douglas Haddow is a writer. He’s online. <a href="https://twitter.com/douglashaddow">@douglashaddow</a></p></p>
  501. </article>
  502. </section>
  503. <nav id="jumpto">
  504. <p>
  505. <a href="/david/blog/">Accueil du blog</a> |
  506. <a href="https://www.adbusters.org/magazine/115/datacide-total-annihilation-life-we-know-it.html">Source originale</a> |
  507. <a href="/david/stream/2019/">Accueil du flux</a>
  508. </p>
  509. </nav>
  510. <footer>
  511. <div>
  512. <img src="/static/david/david-larlet-avatar.jpg" loading="lazy" class="avatar" width="200" height="200">
  513. <p>
  514. Bonjour/Hi!
  515. 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>
  516. 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>).
  517. </p>
  518. <p>
  519. 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>.
  520. </p>
  521. <p>
  522. Voici quelques articles choisis :
  523. <a href="/david/blog/2019/faire-equipe/" title="Accéder à l’article complet">Faire équipe</a>,
  524. <a href="/david/blog/2018/bivouac-automnal/" title="Accéder à l’article complet">Bivouac automnal</a>,
  525. <a href="/david/blog/2018/commodite-effondrement/" title="Accéder à l’article complet">Commodité et effondrement</a>,
  526. <a href="/david/blog/2017/donnees-communs/" title="Accéder à l’article complet">Des données aux communs</a>,
  527. <a href="/david/blog/2016/accompagner-enfant/" title="Accéder à l’article complet">Accompagner un enfant</a>,
  528. <a href="/david/blog/2016/senior-developer/" title="Accéder à l’article complet">Senior developer</a>,
  529. <a href="/david/blog/2016/illusion-sociale/" title="Accéder à l’article complet">L’illusion sociale</a>,
  530. <a href="/david/blog/2016/instantane-scopyleft/" title="Accéder à l’article complet">Instantané Scopyleft</a>,
  531. <a href="/david/blog/2016/enseigner-web/" title="Accéder à l’article complet">Enseigner le Web</a>,
  532. <a href="/david/blog/2016/simplicite-defaut/" title="Accéder à l’article complet">Simplicité par défaut</a>,
  533. <a href="/david/blog/2016/minimalisme-esthetique/" title="Accéder à l’article complet">Minimalisme et esthétique</a>,
  534. <a href="/david/blog/2014/un-web-omni-present/" title="Accéder à l’article complet">Un web omni-présent</a>,
  535. <a href="/david/blog/2014/manifeste-developpeur/" title="Accéder à l’article complet">Manifeste de développeur</a>,
  536. <a href="/david/blog/2013/confort-convivialite/" title="Accéder à l’article complet">Confort et convivialité</a>,
  537. <a href="/david/blog/2013/testament-numerique/" title="Accéder à l’article complet">Testament numérique</a>,
  538. et <a href="/david/blog/" title="Accéder aux archives">bien d’autres…</a>
  539. </p>
  540. <p>
  541. 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>.
  542. </p>
  543. <p>
  544. Je ne traque pas ta navigation mais mon
  545. <abbr title="Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33.184162340">hébergeur</abbr>
  546. conserve des logs d’accès.
  547. </p>
  548. </div>
  549. </footer>
  550. <script type="text/javascript">
  551. ;(_ => {
  552. const jumper = document.getElementById('jumper')
  553. jumper.addEventListener('click', e => {
  554. e.preventDefault()
  555. const anchor = e.target.getAttribute('href')
  556. const targetEl = document.getElementById(anchor.substring(1))
  557. targetEl.scrollIntoView({behavior: 'smooth'})
  558. })
  559. })()
  560. </script>