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

  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>Pourquoi internet est-il brutal ? (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://tcrouzet.com/2018/03/09/pourquoi-internet-il-est-brutal/">
  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. Pourquoi internet est-il brutal ? (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://tcrouzet.com/2018/03/09/pourquoi-internet-il-est-brutal/">Source originale du contenu</a></h3>
  445. <p>Je voudrais parler de la façon dont ma vision du monde a évolué ces vingt dernières années, essayant de la représenter par quelques schémas approximatifs.<span id="more-46291"/></p>
  446. <p>J’ai commencé à travailler en 1987. Autant que je me souvienne, c’était une période morose : Sida, crise pétrolière, chômage endémique, stagnation de la croissance, prise de conscience du réchauffement climatique, des perturbations écologiques, fin de la conquête spatiale… On était englué dans le No Future, dans cette idée que <a href="https://fr.wikipedia.org/wiki/Fin_de_l%27histoire">l’Histoire s’était achevée</a>.</p>
  447. <div id="image2" class="image"><a href="https://i1.wp.com/tcrouzet.com/images_tc//2018/03/brutal1.jpg?ssl=1"><img data-attachment-id="46292" data-permalink="https://tcrouzet.com/2018/03/09/pourquoi-internet-il-est-brutal/brutal1/" data-orig-file="https://i1.wp.com/tcrouzet.com/images_tc//2018/03/brutal1.jpg?fit=1200%2C1244&amp;ssl=1" data-orig-size="1200,1244" data-comments-opened="1" data-image-meta="{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}" data-image-title="Société prénumérique" data-image-description="&lt;p&gt;Société prénumérique&lt;/p&gt;&#10;" data-medium-file="https://i1.wp.com/tcrouzet.com/images_tc//2018/03/brutal1.jpg?fit=400%2C415&amp;ssl=1" data-large-file="https://i1.wp.com/tcrouzet.com/images_tc//2018/03/brutal1.jpg?fit=600%2C622&amp;ssl=1" src="https://i1.wp.com/tcrouzet.com/images_tc//2018/03/brutal1.jpg?resize=600%2C622&amp;ssl=1" alt="Société prénumérique" class="alignnone size-large wp-image-46292" srcset="https://i1.wp.com/tcrouzet.com/images_tc//2018/03/brutal1.jpg?resize=600%2C622&amp;ssl=1 600w, https://i1.wp.com/tcrouzet.com/images_tc//2018/03/brutal1.jpg?resize=400%2C415&amp;ssl=1 400w, https://i1.wp.com/tcrouzet.com/images_tc//2018/03/brutal1.jpg?resize=768%2C796&amp;ssl=1 768w, https://i1.wp.com/tcrouzet.com/images_tc//2018/03/brutal1.jpg?w=1200&amp;ssl=1 1200w" sizes="(max-width: 600px) 100vw, 600px" data-recalc-dims="1"/></a><p class="hover">Société prénumérique</p></div>
  448. <p>Le monde ressemblait à un gâteau à trois couches. On avait quelques producteurs de contenus/services/produits/idées qui diffusaient leurs créations grâce à une poignée de distributeurs vers la foule des consommateurs.</p>
  449. <p>La société de consommation ne datait pas d’hier, mais les consommateurs disposaient de choix limités. Les distributeurs faisaient la loi, triant les producteurs, les sélectionnant, brisant bien des vocations. Tout le monde ne pouvait pas diffuser son livre ou sa nouvelle brosse à dents, la plupart des gens n’osaient même pas rêver d’écrire un livre ou de créer une brosse à dents révolutionnaire, ce qui provoquait de la frustration et contribuait à la morosité. La croissance à deux chiffres des années 1950-1960 n’était plus qu’une chimère. La taille du gâteau à se partager avait cessé de croître, imposant à beaucoup de gens de se contenter de ce qu’ils avaient.</p>
  450. <p>Au milieu des années 1990 est arrivé le Web qui nous est soudain apparu comme un El Dorado, pas simplement parce qu’il était nouveau et offrait des opportunités de business, mais surtout parce que nous nous sommes persuadés que grâce à lui nous réussirions à mieux travailler, à mieux coopérer, à mieux vivre ensemble.</p>
  451. <p>Notre nouvelle passion pour le Net n’était pas seulement un truc de libertaires désireux de se débarrasser des structures coercitives. Cette évolution nous paraissait indispensable : l’intelligence d’une structure coercitive égale la somme de celles de ses dirigeants alors que l’intelligence d’une structure coopérative égale la somme de celles tous ses membres. Nous pensions que mieux interconnectés les uns avec les autres, nous serions enfin capables de résoudre les problèmes globaux qui nous minent depuis le milieu des années 1970.</p>
  452. <p>Pas plus que nous n’étions seulement des libertaires, nous n’étions seulement des geeks. Nous croyions fermement que nous allions changer le monde, en faire un endroit plus harmonieux et plus respectueux. Mais pourquoi placer autant d’espoir dans une innovation technologique ? On a toujours collaboré, simplement on le faisait le plus souvent à petite échelle ou alors selon le temps long à la façon des bactéries (de génération en génération une ville se construit par coopération). Mais dès qu’il fallait construire des pyramides ou des cathédrales, les structures coercitives s’imposaient pour encadrer la coopération, la contraindre, quitte à passer par l’esclavage. La collaboration n’a jamais été la forme ultime d’organisation dans les civilisations conquérantes comme la nôtre. Si la coopération était présente, c’était en filigrane.</p>
  453. <p>Nous pensions donc qu’il était temps de lui donner de l’ampleur. Et pour que nous collaborations à l’échelle globale il nous fallait une technologie <em>ad hoc</em> : internet. La boucle était bouclée. Il ne restait qu’à se mettre au travail, à inventer des outils de rencontre, de diffusion, de discussion, d’échange. Nous avions le cahier des charges des réseaux sociaux. Ce n’est pas un hasard si Geneviève Morand a créé <a href="https://www.rezonance.ch/">Rézonance</a> à Genève en 1998.</p>
  454. <div id="image9" class="image"><a href="https://i2.wp.com/tcrouzet.com/images_tc//2018/03/brutal2.jpg?ssl=1"><img data-attachment-id="46293" data-permalink="https://tcrouzet.com/2018/03/09/pourquoi-internet-il-est-brutal/brutal2/" data-orig-file="https://i2.wp.com/tcrouzet.com/images_tc//2018/03/brutal2.jpg?fit=1200%2C1238&amp;ssl=1" data-orig-size="1200,1238" data-comments-opened="1" data-image-meta="{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}" data-image-title="Internet en 2000" data-image-description="&lt;p&gt;Internet en 2000&lt;/p&gt;&#10;" data-medium-file="https://i2.wp.com/tcrouzet.com/images_tc//2018/03/brutal2.jpg?fit=400%2C413&amp;ssl=1" data-large-file="https://i2.wp.com/tcrouzet.com/images_tc//2018/03/brutal2.jpg?fit=600%2C619&amp;ssl=1" src="https://i2.wp.com/tcrouzet.com/images_tc//2018/03/brutal2.jpg?resize=600%2C619&amp;ssl=1" alt="Internet en 2000" class="alignnone size-large wp-image-46293" srcset="https://i2.wp.com/tcrouzet.com/images_tc//2018/03/brutal2.jpg?resize=600%2C619&amp;ssl=1 600w, https://i2.wp.com/tcrouzet.com/images_tc//2018/03/brutal2.jpg?resize=400%2C413&amp;ssl=1 400w, https://i2.wp.com/tcrouzet.com/images_tc//2018/03/brutal2.jpg?resize=768%2C792&amp;ssl=1 768w, https://i2.wp.com/tcrouzet.com/images_tc//2018/03/brutal2.jpg?w=1200&amp;ssl=1 1200w" sizes="(max-width: 600px) 100vw, 600px" data-recalc-dims="1"/></a><p class="hover">Internet en 2000</p></div>
  455. <p>Grâce à internet, au tournant du nouveau millénaire, le monde s’est transformé. Il conservait trois couches, mais les producteurs étaient désormais innombrables de même que les distributeurs. Alors que notre schéma ressemblait à un vase au goulot étroit dans sa version prénumérique, il ressemblait désormais à un fleuve qui irriguait la société. Tout le monde pouvait créer, tout le monde pouvait distribuer, tout le monde pouvait consommer.</p>
  456. <p>Avec <a href="http://comtesse.io/wordpress/sample-page/">Xavier Comtesse</a> et d’autres, nous avons imaginé que nos trois couches fusionnaient en une seule : nous devenions des <a href="https://fr.wikipedia.org/wiki/Consommacteur">consommacteurs</a>, nous portions en même temps toutes les casquettes. La société soudain s’était aplatie, <a href="https://en.wikipedia.org/wiki/The_World_Is_Flat">le monde était devenu plat</a>. On était alors en 2005, au moment où j’écrivais <a href="https://tcrouzet.com/le-peuple-des-connecteurs/"><em>Le peuple des connecteurs</em></a>. Un espoir fou nous habitait.</p>
  457. <div id="image12" class="image"><a href="https://i2.wp.com/tcrouzet.com/images_tc//2018/03/brutal3.jpg?ssl=1"><img data-attachment-id="46294" data-permalink="https://tcrouzet.com/2018/03/09/pourquoi-internet-il-est-brutal/brutal3/" data-orig-file="https://i2.wp.com/tcrouzet.com/images_tc//2018/03/brutal3.jpg?fit=1200%2C527&amp;ssl=1" data-orig-size="1200,527" data-comments-opened="1" data-image-meta="{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}" data-image-title="Monde plat" data-image-description="&lt;p&gt;Monde plat&lt;/p&gt;&#10;" data-medium-file="https://i2.wp.com/tcrouzet.com/images_tc//2018/03/brutal3.jpg?fit=400%2C176&amp;ssl=1" data-large-file="https://i2.wp.com/tcrouzet.com/images_tc//2018/03/brutal3.jpg?fit=600%2C264&amp;ssl=1" src="https://i2.wp.com/tcrouzet.com/images_tc//2018/03/brutal3.jpg?resize=600%2C264&amp;ssl=1" alt="Monde plat" class="alignnone size-large wp-image-46294" srcset="https://i2.wp.com/tcrouzet.com/images_tc//2018/03/brutal3.jpg?resize=600%2C264&amp;ssl=1 600w, https://i2.wp.com/tcrouzet.com/images_tc//2018/03/brutal3.jpg?resize=400%2C176&amp;ssl=1 400w, https://i2.wp.com/tcrouzet.com/images_tc//2018/03/brutal3.jpg?resize=768%2C337&amp;ssl=1 768w, https://i2.wp.com/tcrouzet.com/images_tc//2018/03/brutal3.jpg?w=1200&amp;ssl=1 1200w" sizes="(max-width: 600px) 100vw, 600px" data-recalc-dims="1"/></a><p class="hover">Monde plat</p></div>
  458. <p>Dans cet espace social, nous pouvions nous interconnecter, créer des liens, et c’est toujours possible. Plus nous créons de liens, plus nous augmentons la complexité du graphe social, plus il devient difficile de manager et de contrôler la société sous-jacente, plus ses acteurs sont libres, plus les échanges se fluidifient et facilitent la coopération.</p>
  459. <p>Cette plus grande liberté associée à une perte de pouvoir des forces coercitives impliquait que nous nous auto-organisions sans le secours d’autorités centrales, que nous coopérions, ce qui avait pour effet d’augmenter notre intelligence collective. J’ai mis en évidence ces mécanismes dans <a href="https://tcrouzet.com/alternative-nomade/"><em>L’alternative nomade</em></a>. En résumé : plus je me lie, plus je suis libre, libre notamment de coopérer avec les autres, de créer de nouveaux liens, de me libérer d’autant plus et d’être d’autant plus heureux parce que je deviens un être irréductible.</p>
  460. <p>En fait, c’est la théorie. Sur le papier, une possibilité nous est donnée, dont certains se saisissent pour leur plus grand bénéfice, sans que la plupart des gens effectuent un choix semblable. Mon erreur, et celle de beaucoup d’autres, aura êté de croire que la possibilité d’un changement impliquait ce changement.</p>
  461. <p>J’ai manqué de lucidité. Pourtant, à cette époque, je travaillais sur <a href="https://tcrouzet.com/eratosthene/">Ératosthène</a>. Bien qu’établie dès le IIIe siècle avant notre ère, la possibilité du voyage autour du monde n’a été acceptée que 1800 ans plus tard. Une innovation technique et scientifique n’implique pas une révolution politique et sociale. En 2005, lorsqu’émergeait le Web 2.0, nous n’avons pas collectivement saisi notre chance.</p>
  462. <p>Qu’avons-nous fait de notre excès de liberté ? Nous avions la possibilité de nous lier sans cesse davantage, de consommer hors des sentiers battus, d’explorer, de nous abandonner à notre curiosité. C’était vrai, ça reste vrai, mais, face à la diversité vertigineuse qui s’offrait à nous, beaucoup ont choisi la voie de la facilité, allant tous aux mêmes endroits aux mêmes moments.</p>
  463. <p>Nous appartenons à une espèce grégaire, nous avons besoin de nous imiter les uns les autres (<a href="https://www.newscientist.com/article/mg23731660-600-the-tamed-ape-were-humans-the-first-animal-to-be-domesticated/">fonction sociale qui explique peut-être pourquoi nous aurions surpassé Néandertal</a>). Librement, nous avons massivement choisi de faire confiance aux mêmes distributeurs, engagés dans une fantastique bataille pour capter notre attention. Nous avons créé Google, Amazon, Facebook, Twitter…</p>
  464. <p>En plus de croire que nous pouvions d’un coup de cuillère à pot dépasser nos atavismes, nous avons commis une erreur de raisonnement. Pour coopérer, nous avons besoin de réseaux sociaux, mais, si ces réseaux sociaux sont administrés par une poignée de personnes, elles prennent mécaniquement la tête de structures coercitives, imposant leur volonté de puissance et de contrôle à tous les acteurs. Nous avons oublié que l’administration du réseau aussi devait être coopérative, sinon elle constitue un goulet d’étranglement, un point où l’intelligence collective s’annihile et où nos rêves s’étiolent. Nous avons manqué de cohérence.</p>
  465. <p>Un exemple. Les cryptomonnaies Bitcoin et Ethereum reposent sur une technologie décentralisée de type P2P, la blockchain. Personne ne les administre, pas de banque centrale, pas d’institution tutélaire (sinon le code source des applications). <a href="http://hackingdistributed.com/2018/01/15/decentralization-bitcoin-ethereum/">Pourtant, dans les deux cas, trois ou quatre mineurs contrôlent 50 % de la monnaie.</a> Une structure ouverte se recentralise mécaniquement parce que les acteurs se battent pour le pouvoir (c’est sans doute une conséquence du code, par nature écrit, et qui donc doit être dépassé par une structure humaine bien veillante).</p>
  466. <div id="image21" class="image"><a href="https://i1.wp.com/tcrouzet.com/images_tc//2018/03/brutal4.jpg?ssl=1"><img data-attachment-id="46295" data-permalink="https://tcrouzet.com/2018/03/09/pourquoi-internet-il-est-brutal/brutal4/" data-orig-file="https://i1.wp.com/tcrouzet.com/images_tc//2018/03/brutal4.jpg?fit=1200%2C1223&amp;ssl=1" data-orig-size="1200,1223" data-comments-opened="1" data-image-meta="{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}" data-image-title="Internet recentralisé" data-image-description="&lt;p&gt;Internet recentralisé&lt;/p&gt;&#10;" data-medium-file="https://i1.wp.com/tcrouzet.com/images_tc//2018/03/brutal4.jpg?fit=400%2C408&amp;ssl=1" data-large-file="https://i1.wp.com/tcrouzet.com/images_tc//2018/03/brutal4.jpg?fit=600%2C612&amp;ssl=1" src="https://i1.wp.com/tcrouzet.com/images_tc//2018/03/brutal4.jpg?resize=600%2C612&amp;ssl=1" alt="Internet recentralisé" class="alignnone size-large wp-image-46295" srcset="https://i1.wp.com/tcrouzet.com/images_tc//2018/03/brutal4.jpg?resize=600%2C612&amp;ssl=1 600w, https://i1.wp.com/tcrouzet.com/images_tc//2018/03/brutal4.jpg?resize=400%2C408&amp;ssl=1 400w, https://i1.wp.com/tcrouzet.com/images_tc//2018/03/brutal4.jpg?resize=768%2C783&amp;ssl=1 768w, https://i1.wp.com/tcrouzet.com/images_tc//2018/03/brutal4.jpg?w=1200&amp;ssl=1 1200w" sizes="(max-width: 600px) 100vw, 600px" data-recalc-dims="1"/></a><p class="hover">Internet recentralisé</p></div>
  467. <p>Cette lutte de pouvoir n’a pas affecté les producteurs. Chez eux, le pli est pris. La société déborde de créativité, tout le monde peut imprimer son livre avec l’impression à la demande, fabriquer sa brosse à dents avec une imprimante 3D, mais, pour vendre, plutôt que vendre en direct, nous passons pour la plupart par des plateformes, parce qu’ayant gagné la bataille de la distribution elles sont plus performantes. Les blogueurs publient dans les médias centralisés de type Huffington Post plutôt que chez eux. Les hôteliers louent leurs chambres à travers des agrégateurs comme Booking plutôt qu’en direct ou à travers le réseau des agences de voyages. Les taxis sont ubérisés, de même que bien d’autres métiers à travers Amazon.</p>
  468. <p>La société a repris son ancienne structure en trois couches, les distributeurs devenant un goulet d’étranglement. Ils acceptent de tout vendre, mais les consommateurs n’achètent que les têtes de gondole, si bien qu’il y a peu de place pour l’artisanat, et même moins que par le passé. Les plateformes rackettent les producteurs, les laissant exsangues, ne consacrant que quelques stars pour mieux démontrer que tout le monde peut réussir alors qu’en vérité seulement une élite s’en tire. D’où à nouveau un vent de morosité, puisque bien des espoirs se trouvent brisés.</p>
  469. <p>Dans ces circonstances, plus question de se lier, de coopérer, on en revient au chacun pour soi, d’autant plus dangereux que nous n’avons pas réglé les problèmes globaux.</p>
  470. <p>Qu’est-ce qui a foiré ? Nous avons commis quelques grossières erreurs.</p>
  471. <ol><li>Nous avons fait preuve de constructivisme, doctrine qui croit qu’il suffit de décider quelque chose pour que cette chose advienne. Les communistes en URSS étaient de parfaits constructivistes, annonçant des plans quinquennaux intenables. Nous avons de même décrété l’avènement de la société en réseaux et vanté ses mérites sans observer ce qui se passait vraiment dans une telle société. L’histoire ne se prédétermine pas, elle avance sans que nous la contrôlions.</li>
  472. <li>Nous avons surestimé notre capacité individuelle à nous transformer, à nous arracher à nos habitudes millénaires, notamment à notre grégarisme qui nous pousse à nous rassembler en églises, en partis, en sectes (même les défenseurs du logiciel libre ont fini par former une communauté imperméable à la critique). Nous avons été éduqués à être de bons soldats, pas des hommes libres. Par exemple, nous préférons lire le même livre que les autres plutôt que lire des livres que personne ne lit (d’où le succès grandissant des best-sellers).</li>
  473. <li>Ce penchant pour le mimétisme est dangereux dans une société structurée en réseau comme l’est devenue la nôtre sous l’impulsion d’internet. Peu à peu certains nœuds du réseau récoltent plus de lien que d’autres, et, par un effet boule de neige, ils deviennent gigantesques. C’est ce que nous appelons le <a href="https://tcrouzet.com/tag/winner-take-all/">winner-take-all</a>. Une loi naturelle qui joue métaphoriquement le même rôle que la gravitation dans le monde physique. Plus un nœud est gros, plus il attire de liens à lui et plus il grossit. Ainsi dans une société en réseaux où les acteurs s’imitent les uns les autres, les GAFAM apparaissent mécaniquement. Censurer Google ou Facebook ne sert à rien. Si l’un est abattu, d’autres géants les remplacent immédiatement. Nous avons laissé les pouvoirs se concentrer (cela se produit systématiquement quand nous avons un réseau décentralisé sans administration, <a href="https://tcrouzet.com/https://tcrouzet.com/2018/03/04/carnet-de-route-fevrier-2018">ce qui est le cas pour les cryptomonnaies</a> et contrairement à ce qui c’est passé avec <a href="https://www.rezonance.ch/">Rézonance</a>, qui a toujours été administré).</li>
  474. <li>Nous n’avons rien fait pour empêcher la croissance des inégalités. L’apparition de nœuds gigantesques implique que les personnes à l’origine de ces nœuds s’enrichissent démesurément, en conséquence les riches deviennent toujours plus riches, les 1 % détiennent de plus en plus de la richesse mondiale. Dans l’absolu, ce phénomène n’implique pas une baisse du niveau de vie des plus pauvres, mais relativement oui, ça crée une fracture dans la société, ça provoque un sentiment de rejet, de refus, de révolte. Nous sommes bien loin de l’harmonie initialement escomptée.</li>
  475. <li>La bataille entre les plateformes, et donc leurs administrateurs, a vite impliqué une bataille de tous les producteurs pour acquérir de la visibilité sur ces plateformes. Nous vivons dans un état de guerre permanent pour gagner de l’attention. Plutôt que d’exister en nous-mêmes, par nous-mêmes, au regard des gens qui comptent pour nous, nous avons tendance à vouloir exister aux yeux de tous, rêve que les plateformes nous ont vendu.</li>
  476. </ol>
  477. <p>Ces erreurs nous imposent de réagir si nous voulons que la coopération se développe à vaste échelle et que nous adressions enfin les problèmes induits par la globalisation.</p>
  478. <ol><li>Nous devons tourner le dos au constructivisme et devenir pragmatiques. Par exemple, si nous aimons l’idée du revenu de base, expérimentons le revenu de base comme nous le faisons en ce moment avec <a href="https://tcrouzet.com/2017/12/15/je-ne-donne-plus-je-vends-en-g1/">la monnaie Ğ1</a>. Ne perdons pas de temps à parler des vertus d’une société avec un revenu de base. Nous ne savons rien de cette société. De même, si nous apprécions la coopération, coopérons.</li>
  479. <li>Pour lutter contre le mimétisme, nous devons mieux nous former et nous instruire. Nous devons cultiver notre sensibilité esthétique, notre sens de l’écoute, notre empathie. Nous devons travailler sur nous même, tout en restant curieux de tout. L’art est plus important que jamais.</li>
  480. <li>Pour éviter le winner-take-all, nous devons combattre le mimétisme et en même temps contrer cette loi fondamentale des réseaux. Dès qu’une structure grandit, une instance régulatrice doit encadrer sa croissance pour éviter l’apparition de structure monstrueuse à caractère potentiellement totalitaire. Cela signifie qu’une organisation totalement décentralisée n’est pas la solution. Une telle organisation implique presque mécaniquement l’apparition de potentats, c’est d’autant plus vrai que cette structure est petite (la dictature est la forme optimale d’organisation quand il s’agit de résoudre des problèmes simples). Reste à imaginer une instance régulatrice, une sorte d’État, qui ne serait pas centralisée. Peut-être devons-nous imaginer des réseaux qui se contrôlent les uns les autres.</li>
  481. </ol>
  482. <blockquote><p>
  483. Dans un monde de réseaux, pragmatisme, développement personnel et développement d’une forme ou d’une autre d’État doivent aller de pair. En attendant, internet est brutal.
  484. </p></blockquote>
  485. <p>Je ne dis pas que les choses n’ont fait qu’empirer depuis que le réseau des réseaux nous interconnecte. Je n’ai jamais rencontré autant de gens passionnants que depuis que je suis connecté, j’ai pu quitter Paris pour vivre au bord de la mer, j’ai pu diffuser mes textes sur mon blog sans qu’un éditeur me censure, j’ai vu l’économie de paix de développer, la parole se libérer. Tout n’est pas noir, ces changements sont profonds, durablement installés j’espère. Ils constituent peut-être la première étape d’un grand mouvement d’individuation qui, à terme, nous permettra de lutter contre le mimétisme.</p>
  486. <p>Par ailleurs, nous ne sommes pas revenus au schéma de la société prénumérique. Désormais, la foule des producteurs correspond à la foule des consommateurs. Si on prend le schéma précédent, on peut imaginer le replier pour que le plan des producteurs touche celui des consommateurs. On obtient une chambre à air que les plateformes seraient en train de pincer pour prélever leur dîme au passage des informations, biens et services, matières premières qui pour la plupart circulent dans le même sens.</p>
  487. <div id="image30" class="image"><a href="https://i2.wp.com/tcrouzet.com/images_tc//2018/03/brutal5.jpg?ssl=1"><img data-attachment-id="46296" data-permalink="https://tcrouzet.com/2018/03/09/pourquoi-internet-il-est-brutal/brutal5/" data-orig-file="https://i2.wp.com/tcrouzet.com/images_tc//2018/03/brutal5.jpg?fit=1200%2C1006&amp;ssl=1" data-orig-size="1200,1006" data-comments-opened="1" data-image-meta="{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}" data-image-title="Internet torique" data-image-description="&lt;p&gt;Internet torique&lt;/p&gt;&#10;" data-medium-file="https://i2.wp.com/tcrouzet.com/images_tc//2018/03/brutal5.jpg?fit=400%2C335&amp;ssl=1" data-large-file="https://i2.wp.com/tcrouzet.com/images_tc//2018/03/brutal5.jpg?fit=600%2C503&amp;ssl=1" src="https://i2.wp.com/tcrouzet.com/images_tc//2018/03/brutal5.jpg?resize=600%2C503&amp;ssl=1" alt="Internet torique" class="alignnone size-large wp-image-46296" srcset="https://i2.wp.com/tcrouzet.com/images_tc//2018/03/brutal5.jpg?resize=600%2C503&amp;ssl=1 600w, https://i2.wp.com/tcrouzet.com/images_tc//2018/03/brutal5.jpg?resize=400%2C335&amp;ssl=1 400w, https://i2.wp.com/tcrouzet.com/images_tc//2018/03/brutal5.jpg?resize=768%2C644&amp;ssl=1 768w, https://i2.wp.com/tcrouzet.com/images_tc//2018/03/brutal5.jpg?w=1200&amp;ssl=1 1200w" sizes="(max-width: 600px) 100vw, 600px" data-recalc-dims="1"/></a><p class="hover">Internet torique</p></div>
  488. <p>Si nous voulons ranimer notre rêve d’une société plus coopérative, plus intelligente et harmonieuse, nous pouvons inverser cette circulation, ce qui revient à court-circuiter les plateformes, à resserrer les liens entre les producteurs et les consommateurs. Nous pouvons de même court-circuiter les plateformes en établissant des pontages, exactement comme dans le cas d’un incident cardiaque.</p>
  489. <div id="image32" class="image"><a href="https://i1.wp.com/tcrouzet.com/images_tc//2018/03/brutal6.jpg?ssl=1"><img data-attachment-id="46297" data-permalink="https://tcrouzet.com/2018/03/09/pourquoi-internet-il-est-brutal/brutal6/" data-orig-file="https://i1.wp.com/tcrouzet.com/images_tc//2018/03/brutal6.jpg?fit=1200%2C1078&amp;ssl=1" data-orig-size="1200,1078" data-comments-opened="1" data-image-meta="{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}" data-image-title="Internet ponté" data-image-description="&lt;p&gt;Internet ponté&lt;/p&gt;&#10;" data-medium-file="https://i1.wp.com/tcrouzet.com/images_tc//2018/03/brutal6.jpg?fit=400%2C359&amp;ssl=1" data-large-file="https://i1.wp.com/tcrouzet.com/images_tc//2018/03/brutal6.jpg?fit=600%2C539&amp;ssl=1" src="https://i1.wp.com/tcrouzet.com/images_tc//2018/03/brutal6.jpg?resize=600%2C539&amp;ssl=1" alt="Internet ponté" class="alignnone size-large wp-image-46297" srcset="https://i1.wp.com/tcrouzet.com/images_tc//2018/03/brutal6.jpg?resize=600%2C539&amp;ssl=1 600w, https://i1.wp.com/tcrouzet.com/images_tc//2018/03/brutal6.jpg?resize=400%2C359&amp;ssl=1 400w, https://i1.wp.com/tcrouzet.com/images_tc//2018/03/brutal6.jpg?resize=768%2C690&amp;ssl=1 768w, https://i1.wp.com/tcrouzet.com/images_tc//2018/03/brutal6.jpg?w=1200&amp;ssl=1 1200w" sizes="(max-width: 600px) 100vw, 600px" data-recalc-dims="1"/></a><p class="hover">Internet ponté</p></div>
  490. <p>Nous disposons de tous les outils nécessaires. Reste un problème de taille : comment luttons-nous contre le grégarisme ? Il ne suffit pas d’avoir des outils pour changer le monde, il faut encore que cette volonté soit partagée par la majorité, et au-delà de la volonté qu’elles se traduisent en actes.</p>
  491. <p>Un exemple.</p>
  492. <p>Nous avons des blogueurs, des producteurs donc, qui s’adressent directement aux consommateurs. La vérité, les blogueurs sont moins populaires aujourd’hui qu’hier, moins influents. Les influenceurs ont basculé sur YouTube, une plateforme centralisée, ni plus ni moins qu’un étrangleur de la chambre à air.</p>
  493. <p>Si, pour faire passer nos idées, nous sommes obligés de les publier via des éditeurs qui diffusent à travers la grande distribution, nous tournons le dos à la coopération, nous tournons le dos à notre rêve. Voilà pourquoi, même si je publie des livres, je continue à bloguer. Je me dois d’entretenir cette possibilité pour que nous conservions une chance d’inverser le flux d’énergie dans notre chambre à air.</p>
  494. <p>Je suis devenu beaucoup plus pragmatique que par le passé. Le grégarisme est un fait massif, illustré par bien des drames historiques. On peut lutter contre lui par davantage de formation, de culture, d’art, d’émotions. Nous devons nous enrichir davantage les uns aux autres. Voilà pourquoi j’écris, <a href="https://www.cerveauetpsycho.fr/sd/psychologie/les-romans-renforcent-lempathie-6786.php">en particulier des romans</a>. Pour essayer de donner envie à mes lecteurs d’être eux-mêmes, différents, uniques. Nous devons nous arracher à la foule, nous devons poser notre uniforme de petit soldat.</p>
  495. </article>
  496. </section>
  497. <nav id="jumpto">
  498. <p>
  499. <a href="/david/blog/">Accueil du blog</a> |
  500. <a href="https://tcrouzet.com/2018/03/09/pourquoi-internet-il-est-brutal/">Source originale</a> |
  501. <a href="/david/stream/2019/">Accueil du flux</a>
  502. </p>
  503. </nav>
  504. <footer>
  505. <div>
  506. <img src="/static/david/david-larlet-avatar.jpg" loading="lazy" class="avatar" width="200" height="200">
  507. <p>
  508. Bonjour/Hi!
  509. 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>
  510. 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>).
  511. </p>
  512. <p>
  513. 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>.
  514. </p>
  515. <p>
  516. Voici quelques articles choisis :
  517. <a href="/david/blog/2019/faire-equipe/" title="Accéder à l’article complet">Faire équipe</a>,
  518. <a href="/david/blog/2018/bivouac-automnal/" title="Accéder à l’article complet">Bivouac automnal</a>,
  519. <a href="/david/blog/2018/commodite-effondrement/" title="Accéder à l’article complet">Commodité et effondrement</a>,
  520. <a href="/david/blog/2017/donnees-communs/" title="Accéder à l’article complet">Des données aux communs</a>,
  521. <a href="/david/blog/2016/accompagner-enfant/" title="Accéder à l’article complet">Accompagner un enfant</a>,
  522. <a href="/david/blog/2016/senior-developer/" title="Accéder à l’article complet">Senior developer</a>,
  523. <a href="/david/blog/2016/illusion-sociale/" title="Accéder à l’article complet">L’illusion sociale</a>,
  524. <a href="/david/blog/2016/instantane-scopyleft/" title="Accéder à l’article complet">Instantané Scopyleft</a>,
  525. <a href="/david/blog/2016/enseigner-web/" title="Accéder à l’article complet">Enseigner le Web</a>,
  526. <a href="/david/blog/2016/simplicite-defaut/" title="Accéder à l’article complet">Simplicité par défaut</a>,
  527. <a href="/david/blog/2016/minimalisme-esthetique/" title="Accéder à l’article complet">Minimalisme et esthétique</a>,
  528. <a href="/david/blog/2014/un-web-omni-present/" title="Accéder à l’article complet">Un web omni-présent</a>,
  529. <a href="/david/blog/2014/manifeste-developpeur/" title="Accéder à l’article complet">Manifeste de développeur</a>,
  530. <a href="/david/blog/2013/confort-convivialite/" title="Accéder à l’article complet">Confort et convivialité</a>,
  531. <a href="/david/blog/2013/testament-numerique/" title="Accéder à l’article complet">Testament numérique</a>,
  532. et <a href="/david/blog/" title="Accéder aux archives">bien d’autres…</a>
  533. </p>
  534. <p>
  535. 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>.
  536. </p>
  537. <p>
  538. Je ne traque pas ta navigation mais mon
  539. <abbr title="Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33.184162340">hébergeur</abbr>
  540. conserve des logs d’accès.
  541. </p>
  542. </div>
  543. </footer>
  544. <script type="text/javascript">
  545. ;(_ => {
  546. const jumper = document.getElementById('jumper')
  547. jumper.addEventListener('click', e => {
  548. e.preventDefault()
  549. const anchor = e.target.getAttribute('href')
  550. const targetEl = document.getElementById(anchor.substring(1))
  551. targetEl.scrollIntoView({behavior: 'smooth'})
  552. })
  553. })()
  554. </script>