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

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685
  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>Slavery 2.0 and how to avoid it: a practical guide for cyborgs (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://ar.al/2019/05/02/slavery-2.0-and-how-to-avoid-it-a-practical-guide-for-cyborgs/">
  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. Slavery 2.0 and how to avoid it: a practical guide for cyborgs (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://ar.al/2019/05/02/slavery-2.0-and-how-to-avoid-it-a-practical-guide-for-cyborgs/">Source originale du contenu</a></h3>
  445. <p><strong><em><small>This is the original English version of an article that I wrote for <a href="https://www.kulturstiftung-des-bundes.de/de/magazin/magazin_32.html">Issue 32</a> of the <a href="https://www.kulturstiftung-des-bundes.de/">Kulturstiftung des Bundes</a> (The German Federal Cultural Foundation) <a href="https://www.kulturstiftung-des-bundes.de/de/magazin/">magazine</a>. You can also read <a href="https://www.kulturstiftung-des-bundes.de/de/magazin/magazin_32/sklaverei_20_und_wie_man_sie_vermeiden_kann_eine_praktische_anleitung_fuer_cyborgs.html">the German version</a>.</small></em></strong></p>
  446. <p>You are most likely a cyborg and you don’t even know it.</p>
  447. <p>Do you have a smartphone?</p>
  448. <p>You’re a cyborg.</p>
  449. <p>Do you use a computer? Or the web?</p>
  450. <p>Cyborg!</p>
  451. <p>More generally, if you use digital and networked technology today, you are a cyborg. You don’t have to implant yourself with microchips. You don’t have to resemble Robocop. You are a cyborg because you extend your biological abilities using technology.</p>
  452. <p>Reading that definition, you might take pause: “But wait, human beings have been doing that for far longer than digital technology has existed”. And you’d be right.</p>
  453. <p>We were cyborgs long before the first bug crawled into the first vacuum tube of the first mainframe computer.</p>
  454. <p>The caveman brandishing a spear and lighting a fire was the original cyborg. Galileo gazing into the heavens with his telescope was both a Renaissance man and a cyborg. When you pop in your contact lenses in the morning, you’re a cyborg.</p>
  455. <p>Throughout our history as a species, technology has enhanced our senses. It has afforded us greater mastery and control of both our own lives and the world around us. Equally, technology has been used to oppress and exploit us – as anyone who has ever stared down the barrel of their oppressor’s rifle will readily attest.</p>
  456. <p>‘Technology,’ according to Melvin Kranzberg’s first law of technology, ‘is neither good nor bad; nor is it neutral.’</p>
  457. <p>So what decides whether technology contributes to our welfare, human rights, and democracy or erodes them? What separates good technology from bad technology? And, while we’re at it, what separates Galileo’s telescope and your contact lenses from Google and Facebook? And why does it matter whether we see ourselves as cyborgs or not?</p>
  458. <p>We must all try to understand the answers to these questions. The price of not doing so may be very high indeed. These are not merely questions about technology. They are questions that cut to the heart of what it means to be human in the digital and networked age. How we choose to answer these questions holds fundamental consequences for our welfare, both personally and as a society. The answers we choose will determine the character of our societies and, in the long term, possibly even impact the survival of our species.</p>
  459. <h2 id="ownership-and-control-of-the-self-in-the-digital-and-networked-age">Ownership and control of the self in the digital and networked age</h2>
  460. <p>Imagine a world where you’re assigned a device at birth that watches and listens and follows you from that moment onwards. It can also read your mind.</p>
  461. <p>Over the years, this device records your every thought, every word, every movement, and every interaction. It sends all this information about you to a powerful mainframe computer owned by a multinational corporation. There, these aspects of your self are collated using algorithms to create a <em>simulation</em> of you. The corporation uses your simulation as a <em>digital proxy</em> to manipulate your behaviour.</p>
  462. <p>Your digital proxy is invaluable. It is everything that makes you who you are (apart from your physical body). The corporation understands that it does not have to own your physical body to own you. Detractors call the system Slavery 2.0.</p>
  463. <p>All day long, the corporation subjects your simulation to tests. What do you like? What makes you happy? What makes you sad? What do you fear? Who do you love? What are you going to do this afternoon? It uses the insights it derives from these tests to get you to do what it wants. Perhaps to buy a new dress or vote for a certain politician.</p>
  464. <p>The corporation is political. It must continue to survive, grow, and thrive. It cannot be hindered by regulations. So it must influence political discourse. Thankfully, everyone who is a politician today was also assigned the same device you were at birth. So the corporation owns their digital proxies too. This makes it much easier for the corporation to get its way.</p>
  465. <p>All this said, the corporation is not omniscient. It can still make mistakes. It might infer incorrectly – based on your thoughts, words, and actions – that you are a terrorist when you are not. When the corporation gets it right, your digital proxy is an invaluable tool for manipulating your behaviour. When it gets it wrong, it might get you sent to prison. Either way, you lose.</p>
  466. <p>Sounds like a cyberpunk science-fiction dystopia, doesn’t it?</p>
  467. <p>Replace ‘the corporation’ with ‘Silicon Valley.’ Replace powerful mainframe computer with ‘The Cloud.’ Replace ‘the device’ with ‘your smart phone and your smart home assistant and your smart city and your smart this, that, and other.’</p>
  468. <p>Welcome to Earth, circa present day.</p>
  469. <h2 id="surveillance-capitalism">Surveillance Capitalism</h2>
  470. <p>We live in a world where a handful of multinational corporations have unfettered streaming access to the most intimate details of our lives. Their devices watch and listen and track us on our persons, in our homes, on the Web, and (increasingly) on our sidewalks and on our streets. These are not tools we own and control. They are the eyes and ears of the socio-techno-economic system that Shoshana Zuboff calls ‘surveillance capitalism’.</p>
  471. <p>Just as in our fictional cyberpunk dystopia, the robber barons of Silicon Valley are not merely content with watching and listening. For example, Facebook announced at their developer conference in 2017 that they had 60 engineers working on literally reading your mind.</p>
  472. <p>Earlier, I asked what it is that separates Galileo’s telescope and your contact lenses from the wares of Facebook, Google, and other surveillance capitalists. Understanding the answer to that question is crucial to understanding the extent to which the very concept of personhood in under threat by surveillance capitalism.</p>
  473. <p>When Galileo used his telescope, only he saw what he was seeing and only he knew what he was looking at. The same is true for when you wear your lenses. If Galileo had bought his telescope from Facebook, Facebook, Inc., would have recorded everything he saw. Similarly, if you get your contacts from Google, they will come with embedded cameras and Alphabet, Inc., will see what you’re seeing. (Google doesn’t make those lenses yet, but they have a patent for it. In the meanwhile, if you can’t wait, Snapchat makes spectacles with cameras in them.)</p>
  474. <p>When you use a pencil to write in your diary, neither the pencil nor your diary know what you’ve written. When you write your thoughts into a Google document, Google knows every word.</p>
  475. <p>When you send a letter to a friend by regular post, the post office does not know what you’ve written. It’s a crime for anyone else to open your envelope. When you send your friend an instant message on Facebook Messenger, Facebook reads every word.</p>
  476. <p>When you sign into Google Play Services on an Android phone, your every move and interaction is meticulously logged, sent to Google, stored forever, analysed, and used against you in the court of surveillance capitalism.</p>
  477. <p>It used to be that we read newspapers. Today, newspapers read us. As you watch YouTube, so does YouTube watch you.</p>
  478. <p>You get the idea.</p>
  479. <p>Unless we (as individuals) own and control our technology, ‘smart’ is a euphemism for ‘surveillance.’ A smart phone is a tracking device, a smart home is an interrogation cell, and a smart city is a panopticon.</p>
  480. <p>Google, Facebook, and other surveillance capitalist are factory farms for human beings. They make their billions by farming you for your data and exploiting that intimate insight into your life to manipulate your behaviour.</p>
  481. <p>They are scanners for human beings. They exist to digitise you, to own that digital copy, and to use it as a proxy to grow even larger and more powerful.</p>
  482. <p>We must understand that these corporations are not anomalies. They are the norm. They are the mainstream. The mainstream of technology today is a toxic spill of American crony capitalism that threatens to engulf the entire planet. We are hardly immune to its fumes here in Europe.</p>
  483. <p>Our politicians are quickly entranced by the millions these corporations spend in the lobbies of Brussels. They are beguiled by the wisdom of Singularity University (not a university). Meanwhile, our schools stock Chromebooks for our children. Our taxes are lowered, so that surveillance capitalists are not unduly burdened should they want to order another Guinness. And our institutionally-corrupt policymakers are too busy organising data protection conferences keynoted by Google and Facebook to protect our interests. I know, because I spoke at one last year. The speaker from Facebook was fresh out of his job at the French data protection office, renowned for the beauty and efficiency of its revolving doors.</p>
  484. <p>Something has to change.</p>
  485. <p>And I’m increasingly convinced that if that change is to come at all, it must come from Europe.</p>
  486. <p>Silicon Valley is not going to solve the problem it created. Mainly because companies like Google and Facebook do not see billions in profit as a problem. Surveillance capitalism isn’t broken by its own success criteria. It works perfectly for companies like Google and Facebook. They are laughing all the way to bank while laughing in the faces of regulators whose comical fines barely exceed a couple of days of revenue. It’s been said that “punishable by fine” means “legal for rich people”. That’s doubly true when it comes to regulating trillion-dollar multinational corporations.</p>
  487. <p>Similarly, venture capital is not going to invest in the solutions that would destroy the immensely lucrative business model it helped fund.</p>
  488. <p>So when you see initiatives like the so-called Centre for Humane Technology with venture capitalists and ex-Google employees on board, ask some questions. And maybe spare a few more questions for organisations that purport to be creating ethical alternatives while being funded by surveillance capitalists. Mozilla, for example, takes hundreds of millions of dollars from Google every year. It has taken more than a billion dollars from them in total. Are you happy to entrust them with building the ethical alternatives?</p>
  489. <p>If we want to chart a different path forward in Europe, we must fund and build technology differently. We must have the courage to diverge from our friends across the pond. We must have the self-confidence to tell Silicon Valley and their lobbyists that we’re not buying what they’re selling.</p>
  490. <p>And we must base all this on a solid foundation of human rights law. Did I say ‘human rights?’ I meant cyborg rights.</p>
  491. <h2 id="cyborg-rights-are-human-rights">Cyborg rights are human rights</h2>
  492. <p>We are faced with a crisis in human rights law that goes all the way back to what we mean by ‘human.’</p>
  493. <p>Traditionally, we draw the boundaries of the human self at our biological boundaries. Furthermore, we have a system of laws and justice that aims to protect the integrity of those boundaries and thus the dignity of the self. We call this system human rights law.</p>
  494. <p>Sadly, this definition of the self is no longer adequate to fully protect us in the digital and networked age.</p>
  495. <p>In this new age, we extend our biological abilities using digital and networked technologies. We extend our minds and our selves using modern technology. Therefore, we must extend our understanding of the boundaries of the self to include the technologies by which we extend our selves. By extending the definition of the self, we can ensure that human rights law covers and thus protects the entirety of the self in the digital and networked age.</p>
  496. <p>As cyborgs, we are <em>sharded beings</em>. Parts of us live on our phones, parts on a server somewhere, parts on a laptop. The integrity of the self in the digital and networked age is the sum total of the integrity of those shards.</p>
  497. <p>So cyborg rights are human rights as applied to the cyborg self. What we do not need are a separate set of – probably lesser – ‘digital rights.’ This is why The Universal Declaration of Cyborg Rights is not a self-contained document but an addendum to The Universal Declaration of Human Rights.</p>
  498. <p>While constitutional protection of cyborg rights is a necessary long term goal, we do not have to wait for constitutional change before acting. We can and must start protecting ourselves by creating ethical alternatives to mainstream technology.</p>
  499. <h2 id="ethical-technology">Ethical technology</h2>
  500. <p>An ethical technology is a tool that you own and control. It is a tool designed to make your life kinder and easier. It is a tool that enhances your abilities and improves your life. It is a tool that only acts for – and never against – your interests.</p>
  501. <p>Conversely, an unethical technology is a tool owned and controlled by corporations and governments. It furthers their interests at the expense of yours. It is a shiny trap designed to capture your attention, addict you, track your every move, and profile you. It is a factory farm disguised as a playground.</p>
  502. <p>Unethical technology is toxic for our human rights, welfare, and democracy.</p>
  503. <h2 id="planting-better-seeds">Planting better seeds</h2>
  504. <p>Ethical technology does not grow on trees; you have to fund it. How you fund it matters.</p>
  505. <p>Unethical technology is funded by venture capital. Venture capital doesn’t invest in a business, it invests in the sale of the business. It also invests in very risky businesses. A venture capitalist in Silicon Valley will invest, say, $5 million in 10 different startups, knowing that 9 of them will fail. So he (he’s usually a he), needs that 10th one to be a billion-dollar “unicorn” so he can get five to ten times his money back. (It’s not even his money, it belongs to his clients.) The only business model we know in technology that delivers that sort of growth is people farming. Slavery paid well. Slavery 2.0 pays well too.</p>
  506. <p>We should not be surprised that a system that values cancer-like growth above all else has resulted in tumours like Google and Facebook. What is astounding is that we seem to be celebrating the tumours instead of treating the patient. And more perplexing still, we appear doggedly determined to infect ourselves with the same disease here in Europe.</p>
  507. <p>Let’s not.</p>
  508. <p>Let’s fund ethical alternatives.</p>
  509. <p>From the commons.</p>
  510. <p>For the common good.</p>
  511. <p>Yes, that means with our taxes. It’s kind of what they’re for (to build shared infrastructure for the common good that advances the welfare of our people and our societies). If the word “tax” scares you or sounds too old-fashioned, just replace it with “mandatory crowdfunding” or “democratised philanthropy”.</p>
  512. <p>Funding ethical technology from the commons doesn’t mean that we get governments to build, own, or control our technologies. Neither does it mean that we nationalise companies like Google and Facebook. Break them up! Sure. Regulate them! Of course. Do anything and everything that limits their abuses as much as possible. But the only thing worse than a corporate panopticon is a state one (not that these two things are mutually exclusive).</p>
  513. <p>Let’s not replace one big brother with another.</p>
  514. <p>Let’s instead invest in many small and independent not-for-profit organisations and task them with building the ethical alternatives. Let’s get them to compete with each other while doing so. Let’s take what we know works from Silicon Valley (small organisations working iteratively, competing, and failing fast) and remove what is toxic: venture capital, exponential growth, and exits.</p>
  515. <p>Instead of startups, lets build <em>stayups</em> in Europe.</p>
  516. <p>Instead of disposable businesses that either fail fast or become malignant tumours, let’s fund organisations that either fail fast or become sustainable providers of social good.</p>
  517. <p>When I mentioned this plan several years ago at the European Parliament, my words fell on deaf ears. It’s still not too late to try. But every day that we delay, surveillance capitalism becomes ever more entrenched within the fabric of our lives.</p>
  518. <p>We must overcome this failure of imagination and base our technological infrastructure on those principles that are the best of humanity: human rights, social justice, and democracy.</p>
  519. <p>Today, the EU acts like an unpaid research and development department for Silicon Valley. We fund startups, which, if they’re successful, get sold to companies in Silicon Valley. If they fail, the European taxpayer foots the bill. This is madness.</p>
  520. <p>The EC must stop funding startups and invest in stayups instead. Invest €5M in ten stayups in each area where we want ethical alternatives. Unlike a startup, when stayups are successful, they don’t exit. They can’t get bought by Google or Facebook. They remain sustainable European not-for-profits working to deliver technology as a social good.</p>
  521. <p>Furthermore, funding for a stayup must come with a strict specification of the character of the technology it will build. Goods built using public funds must be public goods. Free Software Foundation Europe is currently raising awareness along these lines with their “public money, public code” campaign. However we must go beyond “open source” to stipulate that technology created by stayups must be not only public but also impossible to enclose. For software and hardware, this means using licenses that are <em>copyleft</em>. A copyleft license ensures that if you build on public technology, you must <em>share alike</em>. Share-alike licenses are essential so that our efforts do not become a euphemism for privatisation and to avoid a tragedy of the commons. Corporations with deep pockets must not be able to take what we create with public funds, invest their own millions on top, and not share back the value they’ve added.</p>
  522. <p>Finally, we must stipulate that the technologies built by stayups are peer to peer. Your data must remain on devices that you own and control. And when you communicate, you must communicate directly (without a “man in the middle” like Google or Facebook). Where this is absolutely technically infeasible, any private data controlled by a third party (for example a web host) must be end-to-end encrypted and you must hold the only key.</p>
  523. <p>Even without any statistically-relevant investment in ethical technology, there are already tiny groups working on alternatives. Mastodon, a federated ethical alternative to Twitter was created by one person in their early twenties. A couple of people got together to create a project called Dat that could be the basis of a decentralised web. For over ten years, volunteers have been running an alternative non-commercial domain name system called OpenNIC that could empower everyone with their own place on the Web…</p>
  524. <p>If even without any support these seeds are beginning to sprout, imagine what we could achieve if we actually started watering them and planting new ones. By investing in stayups, we can start a fundamental shift towards ethical technology in Europe. We can start to build a bridge from where we are to where we want to be. From a world in which corporations own us by proxy to a world in which we own ourselves. From a world in which we are again becoming property to a world in which we remain as people. From surveillance capitalism to a <em>peerocracy</em>.</p>
  525. </article>
  526. </section>
  527. <nav id="jumpto">
  528. <p>
  529. <a href="/david/blog/">Accueil du blog</a> |
  530. <a href="https://ar.al/2019/05/02/slavery-2.0-and-how-to-avoid-it-a-practical-guide-for-cyborgs/">Source originale</a> |
  531. <a href="/david/stream/2019/">Accueil du flux</a>
  532. </p>
  533. </nav>
  534. <footer>
  535. <div>
  536. <img src="/static/david/david-larlet-avatar.jpg" loading="lazy" class="avatar" width="200" height="200">
  537. <p>
  538. Bonjour/Hi!
  539. 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>
  540. 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>).
  541. </p>
  542. <p>
  543. 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>.
  544. </p>
  545. <p>
  546. Voici quelques articles choisis :
  547. <a href="/david/blog/2019/faire-equipe/" title="Accéder à l’article complet">Faire équipe</a>,
  548. <a href="/david/blog/2018/bivouac-automnal/" title="Accéder à l’article complet">Bivouac automnal</a>,
  549. <a href="/david/blog/2018/commodite-effondrement/" title="Accéder à l’article complet">Commodité et effondrement</a>,
  550. <a href="/david/blog/2017/donnees-communs/" title="Accéder à l’article complet">Des données aux communs</a>,
  551. <a href="/david/blog/2016/accompagner-enfant/" title="Accéder à l’article complet">Accompagner un enfant</a>,
  552. <a href="/david/blog/2016/senior-developer/" title="Accéder à l’article complet">Senior developer</a>,
  553. <a href="/david/blog/2016/illusion-sociale/" title="Accéder à l’article complet">L’illusion sociale</a>,
  554. <a href="/david/blog/2016/instantane-scopyleft/" title="Accéder à l’article complet">Instantané Scopyleft</a>,
  555. <a href="/david/blog/2016/enseigner-web/" title="Accéder à l’article complet">Enseigner le Web</a>,
  556. <a href="/david/blog/2016/simplicite-defaut/" title="Accéder à l’article complet">Simplicité par défaut</a>,
  557. <a href="/david/blog/2016/minimalisme-esthetique/" title="Accéder à l’article complet">Minimalisme et esthétique</a>,
  558. <a href="/david/blog/2014/un-web-omni-present/" title="Accéder à l’article complet">Un web omni-présent</a>,
  559. <a href="/david/blog/2014/manifeste-developpeur/" title="Accéder à l’article complet">Manifeste de développeur</a>,
  560. <a href="/david/blog/2013/confort-convivialite/" title="Accéder à l’article complet">Confort et convivialité</a>,
  561. <a href="/david/blog/2013/testament-numerique/" title="Accéder à l’article complet">Testament numérique</a>,
  562. et <a href="/david/blog/" title="Accéder aux archives">bien d’autres…</a>
  563. </p>
  564. <p>
  565. 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>.
  566. </p>
  567. <p>
  568. Je ne traque pas ta navigation mais mon
  569. <abbr title="Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33.184162340">hébergeur</abbr>
  570. conserve des logs d’accès.
  571. </p>
  572. </div>
  573. </footer>
  574. <script type="text/javascript">
  575. ;(_ => {
  576. const jumper = document.getElementById('jumper')
  577. jumper.addEventListener('click', e => {
  578. e.preventDefault()
  579. const anchor = e.target.getAttribute('href')
  580. const targetEl = document.getElementById(anchor.substring(1))
  581. targetEl.scrollIntoView({behavior: 'smooth'})
  582. })
  583. })()
  584. </script>