davidbgk
/
larlet-fr-david-cache
Watch 1
Star 0
Fork 0
Code Releases 0 Activity
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.
42 Commits
1 Branch
Tree: 2e4d51a7b7
Branches Tags
${ item.name }
Create branch ${ searchTerm }
from '2e4d51a7b7'
${ noResults }
larlet-fr-david-cache/cache/2e6e9c1bb8bb61aebc1754990e7.../index.html

index.html 47KB
Raw Blame History

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671 
  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>La libellule et la muraille. (archive) — David Larlet</title>

  13. <!-- Generated from https://realfavicongenerator.net/ such a mess. -->

  14. <link rel="apple-touch-icon" sizes="180x180" href="/static/david/icons/apple-touch-icon.png">

  15. <link rel="icon" type="image/png" sizes="32x32" href="/static/david/icons/favicon-32x32.png">

  16. <link rel="icon" type="image/png" sizes="16x16" href="/static/david/icons/favicon-16x16.png">

  17. <link rel="manifest" href="/manifest.json">

  18. <link rel="mask-icon" href="/static/david/icons/safari-pinned-tab.svg" color="#5bbad5">

  19. <link rel="shortcut icon" href="/static/david/icons/favicon.ico">

  20. <meta name="apple-mobile-web-app-title" content="David Larlet">

  21. <meta name="application-name" content="David Larlet">

  22. <meta name="msapplication-TileColor" content="#da532c">

  23. <meta name="msapplication-config" content="/static/david/icons/browserconfig.xml">

  24. <meta name="theme-color" content="#f0f0ea">

  25. <!-- That good ol' feed, subscribe :p. -->

  26. <link rel=alternate type="application/atom+xml" title=Feed href="/david/log/">

  27. 

  28.   <meta name="robots" content="noindex, nofollow">

  29.   <meta content="origin-when-cross-origin" name="referrer">

  30.   <!-- Canonical URL for SEO purposes -->

  31.   <link rel="canonical" href="http://affordance.typepad.com/mon_weblog/2018/08/la-libellule-et-la-muraille.html">

  32. 

  33. <style>

  34. /* http://meyerweb.com/eric/tools/css/reset/ */

  35. html, body, div, span,

  36. h1, h2, h3, h4, h5, h6, p, blockquote, pre,

  37. a, abbr, address, big, cite, code,

  38. del, dfn, em, img, ins,

  39. small, strike, strong, tt, var,

  40. dl, dt, dd, ol, ul, li,

  41. fieldset, form, label, legend,

  42. table, caption, tbody, tfoot, thead, tr, th, td,

  43. article, aside, canvas, details, embed,

  44. figure, figcaption, footer, header, hgroup,

  45. menu, nav, output, ruby, section, summary,

  46. time, mark, audio, video {

  47.   margin: 0;

  48.   padding: 0;

  49.   border: 0;

  50.   font-size: 100%;

  51.   font: inherit;

  52.   vertical-align: baseline;

  53. }

  54. /* HTML5 display-role reset for older browsers */

  55. article, aside, details, figcaption, figure,

  56. footer, header, hgroup, menu, nav, section { display: block; }

  57. body { line-height: 1; }

  58. blockquote, q { quotes: none; }

  59. blockquote:before, blockquote:after,

  60. q:before, q:after {

  61.   content: '';

  62.   content: none;

  63. }

  64. table {

  65.   border-collapse: collapse;

  66.   border-spacing: 0;

  67. }

  68. 

  69. /* http://practicaltypography.com/equity.html */

  70. /* https://calendar.perfplanet.com/2016/no-font-face-bulletproof-syntax/ */

  71. /* https://www.filamentgroup.com/lab/js-web-fonts.html */

  72. @font-face {

  73.   font-family: 'EquityTextB';

  74.   src: url('/static/david/css/fonts/Equity-Text-B-Regular-webfont.woff2') format('woff2'),

  75.        url('/static/david/css/fonts/Equity-Text-B-Regular-webfont.woff') format('woff');

  76.   font-weight: 300;

  77.   font-style: normal;

  78.   font-display: swap;

  79. }

  80. @font-face {

  81.   font-family: 'EquityTextB';

  82.   src: url('/static/david/css/fonts/Equity-Text-B-Italic-webfont.woff2') format('woff2'),

  83.        url('/static/david/css/fonts/Equity-Text-B-Italic-webfont.woff') format('woff');

  84.   font-weight: 300;

  85.   font-style: italic;

  86.   font-display: swap;

  87. }

  88. @font-face {

  89.   font-family: 'EquityTextB';

  90.   src: url('/static/david/css/fonts/Equity-Text-B-Bold-webfont.woff2') format('woff2'),

  91.        url('/static/david/css/fonts/Equity-Text-B-Bold-webfont.woff') format('woff');

  92.   font-weight: 700;

  93.   font-style: normal;

  94.   font-display: swap;

  95. }

  96. 

  97. @font-face {

  98.   font-family: 'ConcourseT3';

  99.   src: url('/static/david/css/fonts/concourse_t3_regular-webfont-20190806.woff2') format('woff2'),

  100.        url('/static/david/css/fonts/concourse_t3_regular-webfont-20190806.woff') format('woff');

  101.   font-weight: 300;

  102.   font-style: normal;

  103.   font-display: swap;

  104. }

  105. 

  106. 

  107. /* http://practice.typekit.com/lesson/caring-about-opentype-features/ */

  108. body {

  109.   /* http://www.cssfontstack.com/ Palatino 99% Win 86% Mac */

  110.   font-family: "EquityTextB", Palatino, serif;

  111.   background-color: #f0f0ea;

  112.   color: #07486c;

  113.   font-kerning: normal;

  114.   -moz-osx-font-smoothing: grayscale;

  115.   -webkit-font-smoothing: subpixel-antialiased;

  116.   text-rendering: optimizeLegibility;

  117.   font-variant-ligatures: common-ligatures contextual;

  118.   font-feature-settings: "kern", "liga", "clig", "calt";

  119. }

  120. pre, code, kbd, samp, var, tt {

  121.   font-family: 'TriplicateT4c', monospace;

  122. }

  123. em {

  124.   font-style: italic;

  125.   color: #323a45;

  126. }

  127. strong {

  128.   font-weight: bold;

  129.   color: black;

  130. }

  131. nav {

  132.   background-color: #323a45;

  133.   color: #f0f0ea;

  134.   display: flex;

  135.   justify-content: space-around;

  136.   padding: 1rem .5rem;

  137. }

  138.   nav:last-child {

  139.     border-bottom: 1vh solid #2d7474;

  140.   }

  141.   nav a {

  142.     color: #f0f0ea;

  143.   }

  144.   nav abbr {

  145.     border-bottom: 1px dotted white;

  146.   }

  147. 

  148. h1 {

  149.   border-top: 1vh solid #2d7474;

  150.   border-bottom: .2vh dotted #2d7474;

  151.   background-color: #e3e1e1;

  152.   color: #323a45;

  153.   text-align: center;

  154.   padding: 5rem 0 4rem 0;

  155.   width: 100%;

  156.   font-family: 'ConcourseT3';

  157.   display: flex;

  158.   flex-direction: column;

  159. }

  160.   h1.single {

  161.     padding-bottom: 10rem;

  162.   }

  163.   h1 span {

  164.     position: absolute;

  165.     top: 1vh;

  166.     left: 20%;

  167.     line-height: 0;

  168.   }

  169.     h1 span a {

  170.       line-height: 1.7;

  171.       padding: 1rem 1.2rem .6rem 1.2rem;

  172.       border-radius: 0 0 6% 6%;

  173.       background: #2d7474;

  174.       font-size: 1.3rem;

  175.       color: white;

  176.       text-decoration: none;

  177.     }

  178. h2 {

  179.   margin: 4rem 0 1rem;

  180.   border-top: .2vh solid #2d7474;

  181.   padding-top: 1vh;

  182. }

  183. h3 {

  184.   text-align: center;

  185.   margin: 3rem 0 .75em;

  186. }

  187. hr {

  188.   height: .4rem;

  189.   width: .4rem;

  190.   border-radius: .4rem;

  191.   background: #07486c;

  192.   margin: 2.5rem auto;

  193. }

  194. time {

  195.   display: bloc;

  196.   margin-left: 0 !important;

  197. }

  198. ul, ol {

  199.   margin: 2rem;

  200. }

  201. ul {

  202.   list-style-type: square;

  203. }

  204. a {

  205.   text-decoration-skip-ink: auto;

  206.   text-decoration-thickness: 0.05em;

  207.   text-underline-offset: 0.09em;

  208. }

  209. article {

  210.   max-width: 50rem;

  211.   display: flex;

  212.   flex-direction: column;

  213.   margin: 2rem auto;

  214. }

  215.   article.single {

  216.     border-top: .2vh dotted #2d7474;

  217.     margin: -6rem auto 1rem auto;

  218.     background: #f0f0ea;

  219.     padding: 2rem;

  220.   }

  221.   article p:last-child {

  222.     margin-bottom: 1rem;

  223.   }

  224. p {

  225.   padding: 0 .5rem;

  226.   margin-left: 3rem;

  227. }

  228.   p + p,

  229.   figure + p {

  230.     margin-top: 2rem;

  231.   }

  232. 

  233. blockquote {

  234.   background-color: #e3e1e1;

  235.   border-left: .5vw solid #2d7474;

  236.   display: flex;

  237.   flex-direction: column;

  238.   align-items: center;

  239.   padding: 1rem;

  240.   margin: 1.5rem;

  241. }

  242.   blockquote cite {

  243.     font-style: italic;

  244.   }

  245.   blockquote p {

  246.     margin-left: 0;

  247.   }

  248. 

  249. figure {

  250.   border-top: .2vh solid #2d7474;

  251.   background-color: #e3e1e1;

  252.   text-align: center;

  253.   padding: 1.5rem 0;

  254.   margin: 1rem 0 0;

  255.   font-size: 1.5rem;

  256.   width: 100%;

  257. }

  258.   figure img {

  259.     max-width: 250px;

  260.     max-height: 250px;

  261.     border: .5vw solid #323a45;

  262.     padding: 1px;

  263.   }

  264. figcaption {

  265.   padding: 1rem;

  266.   line-height: 1.4;

  267. }

  268. aside {

  269.   display: flex;

  270.   flex-direction: column;

  271.   background-color: #e3e1e1;

  272.   padding: 1rem 0;

  273.   border-bottom: .2vh solid #07486c;

  274. }

  275.   aside p {

  276.     max-width: 50rem;

  277.     margin: 0 auto;

  278.   }

  279. 

  280. /* https://fvsch.com/code/css-locks/ */

  281. p, li, pre, code, kbd, samp, var, tt, time, details, figcaption {

  282.   font-size: 1rem;

  283.   line-height: calc( 1.5em + 0.2 * 1rem );

  284. }

  285. h1 {

  286.   font-size: 1.9rem;

  287.   line-height: calc( 1.2em + 0.2 * 1rem );

  288. }

  289. h2 {

  290.   font-size: 1.6rem;

  291.   line-height: calc( 1.3em + 0.2 * 1rem );

  292. }

  293. h3 {

  294.   font-size: 1.35rem;

  295.   line-height: calc( 1.4em + 0.2 * 1rem );

  296. }

  297. @media (min-width: 20em) {

  298.   /* The (100vw - 20rem) / (50 - 20) part

  299.      resolves to 0-1rem, depending on the

  300.      viewport width (between 20em and 50em). */

  301.   p, li, pre, code, kbd, samp, var, tt, time, details, figcaption {

  302.     font-size: calc( 1rem + .6 * (100vw - 20rem) / (50 - 20) );

  303.     line-height: calc( 1.5em + 0.2 * (100vw - 50rem) / (20 - 50) );

  304.     margin-left: 0;

  305.   }

  306.   h1 {

  307.     font-size: calc( 1.9rem + 1.5 * (100vw - 20rem) / (50 - 20) );

  308.     line-height: calc( 1.2em + 0.2 * (100vw - 50rem) / (20 - 50) );

  309.   }

  310.   h2 {

  311.     font-size: calc( 1.5rem + 1.5 * (100vw - 20rem) / (50 - 20) );

  312.     line-height: calc( 1.3em + 0.2 * (100vw - 50rem) / (20 - 50) );

  313.   }

  314.   h3 {

  315.     font-size: calc( 1.35rem + 1.5 * (100vw - 20rem) / (50 - 20) );

  316.     line-height: calc( 1.4em + 0.2 * (100vw - 50rem) / (20 - 50) );

  317.   }

  318. }

  319. @media (min-width: 50em) {

  320.   /* The right part of the addition *must* be a

  321.      rem value. In this example we *could* change

  322.      the whole declaration to font-size:2.5rem,

  323.      but if our baseline value was not expressed

  324.      in rem we would have to use calc. */

  325.   p, li, pre, code, kbd, samp, var, tt, time, details, figcaption {

  326.     font-size: calc( 1rem + .6 * 1rem );

  327.     line-height: 1.5em;

  328.   }

  329.   p, li, pre, details {

  330.     margin-left: 3rem;

  331.   }

  332.   h1 {

  333.     font-size: calc( 1.9rem + 1.5 * 1rem );

  334.     line-height: 1.2em;

  335.   }

  336.   h2 {

  337.     font-size: calc( 1.5rem + 1.5 * 1rem );

  338.     line-height: 1.3em;

  339.   }

  340.   h3 {

  341.     font-size: calc( 1.35rem + 1.5 * 1rem );

  342.     line-height: 1.4em;

  343.   }

  344.   figure img {

  345.     max-width: 500px;

  346.     max-height: 500px;

  347.   }

  348. }

  349. 

  350. figure.unsquared {

  351.   margin-bottom: 1.5rem;

  352. }

  353.   figure.unsquared img {

  354.     height: inherit;

  355.   }

  356. 

  357. 

  358. 

  359. @media print {

  360.   body { font-size: 100%; }

  361.   a:after { content: " (" attr(href) ")"; }

  362.   a, a:link, a:visited, a:after {

  363.     text-decoration: underline;

  364.     text-shadow: none !important;

  365.     background-image: none !important;

  366.     background: white;

  367.     color: black;

  368.   }

  369.   abbr[title] { border-bottom: 0; }

  370.   abbr[title]:after { content: " (" attr(title) ")"; }

  371.   img { page-break-inside: avoid; }

  372.   @page { margin: 2cm .5cm; }

  373.   h1, h2, h3 { page-break-after: avoid; }

  374.   p3 { orphans: 3; widows: 3; }

  375.   img {

  376.     max-width: 250px !important;

  377.     max-height: 250px !important;

  378.   }

  379.   nav, aside { display: none; }

  380. }

  381. 

  382. ul.with_columns {

  383.   column-count: 1;

  384. }

  385. @media (min-width: 20em) {

  386.   ul.with_columns {

  387.     column-count: 2;

  388.   }

  389. }

  390. @media (min-width: 50em) {

  391.   ul.with_columns {

  392.     column-count: 3;

  393.   }

  394. }

  395. ul.with_two_columns {

  396.   column-count: 1;

  397. }

  398. @media (min-width: 20em) {

  399.   ul.with_two_columns {

  400.     column-count: 1;

  401.   }

  402. }

  403. @media (min-width: 50em) {

  404.   ul.with_two_columns {

  405.     column-count: 2;

  406.   }

  407. }

  408. 

  409. .gallery {

  410.   display: flex;

  411.   flex-wrap: wrap;

  412.   justify-content: space-around;

  413. }

  414.   .gallery figure img {

  415.     margin-left: 1rem;

  416.     margin-right: 1rem;

  417.   }

  418.   .gallery figure figcaption {

  419.     font-family: 'ConcourseT3'

  420.   }

  421. 

  422. footer {

  423.   font-family: 'ConcourseT3';

  424.   display: flex;

  425.   flex-direction: column;

  426.   border-top: 3px solid white;

  427.   padding: 4rem 0;

  428.   background-color: #07486c;

  429.   color: white;

  430. }

  431.   footer > * {

  432.     max-width: 50rem;

  433.     margin: 0 auto;

  434.   }

  435.   footer a {

  436.     color: #f1c40f;

  437.   }

  438.   footer .avatar {

  439.     width: 200px;

  440.     height: 200px;

  441.     border-radius: 50%;

  442.     float: left;

  443.     -webkit-shape-outside: circle();

  444.     shape-outside: circle();

  445.     margin-right: 2rem;

  446.     padding: 2px 5px 5px 2px;

  447.     background: white;

  448.     border-left: 1px solid #f1c40f;

  449.     border-top: 1px solid #f1c40f;

  450.     border-right: 5px solid #f1c40f;

  451.     border-bottom: 5px solid #f1c40f;

  452.   }

  453. </style>

  454. 

  455. <h1>

  456.   <span><a id="jumper" href="#jumpto" title="Un peu perdu ?">?</a></span>

  457.   La libellule et la muraille. (archive)

  458.   <time>Pour la pérennité des contenus liés. Non-indexé, retrait sur simple email.</time>

  459. </h1>

  460. <section>

  461.   <article>

  462.     <h3><a href="http://affordance.typepad.com/mon_weblog/2018/08/la-libellule-et-la-muraille.html">Source originale du contenu</a></h3>

  463.     <p>Au coeur de l'été. Une libellule. Et une muraille. "Libellule" (en anglais "Dragonfly") c'est le nom de code du projet de Google pour retourner implanter une <a href="https://abonnes.lemonde.fr/economie/article/2018/08/03/google-prepare-un-moteur-de-recherche-censure-pour-la-chine_5339002_3234.html" rel="noopener noreferrer" target="_blank">version censurée de son moteur de recherche en Chine</a> d'après les <a href="https://theintercept.com/2018/08/01/google-china-search-engine-censorship/" rel="noopener noreferrer" target="_blank">révélations de The Intercept</a>. En Chine, d'où la "muraille" du titre de ce billet. </p>

  464. 

  465. <p><a class="asset-img-link" href="http://www.affordance.info/.a/6a00d8341c622e53ef022ad3a9c619200b-pi"><img alt="Sub-buzz-27882-1534440103-1" class="asset  asset-image at-xid-6a00d8341c622e53ef022ad3a9c619200b img-responsive" src="http://www.affordance.info/.a/6a00d8341c622e53ef022ad3a9c619200b-500wi" title="Sub-buzz-27882-1534440103-1"/></a><a class="asset-img-link" href="http://www.affordance.info/.a/6a00d8341c622e53ef022ad38a18d2200d-pi"/>(Source de l'image : <a href="https://www.buzzfeednews.com/article/carolineodonovan/google-dragonfly-maven-employee-protest-demands" rel="noopener noreferrer" target="_blank">BuzzFeed News</a>)<br/><br/></p>

  466. 

  467. <h2>La libellule et la muraille donc.</h2>

  468. 

  469. <p>Ce n'est pas la première fois - ni probablement la dernière - que Google et d'autres multinationales de l'internet négocient leur entrée sur le premier marché mondial au prix d'un renoncement à des valeurs qu'elles continuent très hypocritement de brandir dans les zones du globe plus démocratiques ou moins explicitement autoritaires. </p>

  470. 

  471. <p>Il y a déjà longtemps sur ce même blog je vous avais raconté dans deux articles (<a href="http://affordance.typepad.com/mon_weblog/2006/01/google_tartuffe.html" rel="noopener noreferrer" target="_blank">épisode 1</a>, <a href="http://affordance.typepad.com/mon_weblog/2006/01/google_tartuffe_2.html" rel="noopener noreferrer" target="_blank">épisode 2</a>), la première tentative de Google pour s'installer sur ce marché. Nous étions en Janvier 2006.</p>

  472. 

  473. <p>Dix ans plus tard, en Janvier 2016, des signaux faibles et quelques rumeurs persistantes semblaient indiquer que <a href="https://www.lesechos.fr/08/01/2016/lesechos.fr/021606124431_google-peaufine-son-retour-en-chine--apres-cinq-ans-d-absence.htm" rel="noopener noreferrer" target="_blank">Google se préparait à revenir sur le marché chinois</a>, presque <a href="http://www.slate.fr/story/18641/google-cesse-ses-activites-en-chine-quelles-consequences" rel="noopener noreferrer" target="_blank">6 ans après en être "officiellement" sorti</a>, principalement par le biais de son magasin Google Play. </p>

  474. 

  475. <p>Et voilà deux ans de cela, en Novembre 2016, et alors qu'il y était interdit depuis 2009, c'était au tour de Facebook de tenter le coup de <a href="http://affordance.typepad.com/mon_weblog/2016/11/comment-dit-on-facebook-en-chinois-censure.html" rel="noopener noreferrer" target="_blank">la longue marche du grand retour</a>. Là encore en se pliant à la censure exigée par le gouvernement Chinois. Dans les deux cas, chez Google et Facebook comme d'ailleurs chez tous les autres qui les y avaient précédé, l'argumentaire était le même : mieux valait un outil occidental même un peu (ou beaucoup) censuré pour la population, que de devoir, pour cette même population, se reposer uniquement sur les outils validés et mis à disposition par le régime chinois. Soit le mélange parfait du sophisme argumentatif et du cynisme commercial.   </p>

  476. 

  477. <h2>Tigre et Dragonfly.</h2>

  478. 

  479. <p>Voilà ce que nous apprennent les <a href="https://theintercept.com/2018/08/03/google-search-engine-china-censorship-backlash/" rel="noopener noreferrer" target="_blank">révélations de The Intercept sur le projet Dragonfly</a> :</p>

  480. 

  481. <blockquote>

  482. <p><em>"The Dragonfly project was launched in spring 2017. Since then, small teams of Google engineers have been developing a custom Android app, different versions of which have been named “Maotai” and “Longfei.” The app has been designed to filter out content deemed undesirable by China’s ruling Communist Party regime, such as information about political opponents, free speech, democracy, human rights, and peaceful protest. The censored search will “blacklist sensitive queries” so that “no results will be shown” at all when people enter certain words or phrases, according to internal Google documents."</em> </p>

  483. </blockquote>

  484. 

  485. <p>Pas grand-chose de nouveau donc depuis 2006 dans ne nouveau projet de moteur censuré, si ce n'est la bascule et la dissémination vers la version "application" du moteur.</p>

  486. 

  487. <p><strong>La vraie nouveauté</strong> c'est que <a href="https://theintercept.com/2018/08/03/google-search-engine-china-censorship-backlash/" rel="noopener noreferrer" target="_blank">ce projet à suscité la colère d'une partie des salariés de Google</a>, qui à l'image de la victoire - je pense temporaire - qu'ils avaient remporté pour obliger leur employeur à <a href="https://www.journaldugeek.com/2018/06/04/google-ne-continuera-a-exploiter-programme-militaire-maven/" rel="noopener noreferrer" target="_blank">se retirer du projet militaire Maven</a>, espèrent cette fois <a href="http://www.liberation.fr/planete/2018/08/17/le-projet-chinois-de-google-reveille-des-tensions-internes_1673143" rel="noopener noreferrer" target="_blank">faire suffisamment de bruit pour que ce projet de moteur censuré n'aille pas à son terme</a>. </p>

  488. 

  489. <p>La crise éthique de certains <a href="http://affordance.typepad.com/mon_weblog/2017/12/facebookenstein.html" rel="noopener noreferrer" target="_blank">anciens cadres des GAFA qui agissent comme autant de "repentis" pour les technologies qu'ils ont contribué à créer</a> n'est plus simplement externe mais elle s'étend désormais à l'interne et touche aussi bien Google que Facebook, Microsoft, <a href="https://gizmodo.com/amazon-workers-demand-jeff-bezos-cancel-face-recognitio-1827037509" rel="noopener noreferrer" target="_blank">Amazon</a> (à propos d'un programme de reconnaissance faciale) ou <a href="https://www.wired.com/story/twitter-engineers-speak-out-jack-dorsey-listens/" rel="noopener noreferrer" target="_blank">Twitter</a> (à propos du refus de Jack Dorsey de fermer le compte d'un leader de l'Alt-right complotiste). </p>

  490. 

  491. <h2>Géolinguistique.</h2>

  492. 

  493. <p>La Chine est depuis cette année <a href="http://www.gauchemip.org/spip.php?article23737" rel="noopener noreferrer" target="_blank">la première puissance économique de la planète</a>, passant devant les Etats-Unis. Elle est également, le fait est connu au moins <a href="https://www.youtube.com/watch?v=3GmNh9R2Deo" rel="noopener noreferrer" target="_blank">depuis Jacques Dutronc</a>, la première puissance démographique de la planète. Et donc également, grâce au mandarin, la première puissance <em>linguistique</em> de la planète en nombre de locuteurs natifs. </p>

  494. 

  495. <p>D'une certaine manière, Google est <em>également</em> la première puissance linguistique de la planète. Le "volume" du matériau linguistique capté, collecté, traité et analysé chaque jour par le moteur de recherche depuis désormais 20 ans est sans aucun équivalent tant dans l'aspect quantitatif (volumétrie pure des données linguistiques) que dans l'aspect "qualitatif" renvoyant au nombre de langues analysées et au niveau de service proposé pour chacune (de la traduction à la volée en passant par la consultation de textes rares et l'ensemble des services "vocaux" nécessitant une compréhension minimale de la langue concernée). </p>

  496. 

  497. <p>C'est donc un affrontement de nature géo-linguistique qui fait tout l'intérêt des rapports entre Google et la Chine, entre la libellule et la muraille.</p>

  498. 

  499. <p>Et ce que définit la langue est d'abord un rapport au territoire. Un passe-muraille. </p>

  500. 

  501. <h2>Guerre froide des plateformes.</h2>

  502. 

  503. <p>Nous sommes à un moment de l'histoire des technologies de l'information et du numérique qui est assez comparable à l'état du monde en 1949 c'est à dire au moment où l'autre superpuissance de l'époque (l'union soviétique) se dota également de la bombe nucléaire (voir notamment <a href="http://perspective.usherbrooke.ca/bilan/servlet/BMEve?codeEve=983" rel="noopener noreferrer" target="_blank">ici</a> ou <a href="https://fr.wikipedia.org/wiki/Projet_de_bombe_atomique_sovi%C3%A9tique" rel="noopener noreferrer" target="_blank">là</a>). Ce que je veux dire par là c'est que désormais, la totalité des plateformes existantes "à l'Ouest" dispose d'équivalents "à l'Est". Et le rapport au nucléaire n'est pas seulement analogique ou symbolique <a href="http://affordance.typepad.com/mon_weblog/2014/05/bienvenue-dans-le-world-wide-orwell-1.html" rel="noopener noreferrer" target="_blank">comme je l'écrivais par ici</a> : </p>

  504. 

  505. <blockquote>

  506. <p>"Le numérique est une technologie littéralement nucléaire. Une technologie de noyau. Au "cœur" fissible d’un éventail de possibles aussi prometteurs qu’angoissants et pour certains, incontrôlables."  </p>

  507. </blockquote>

  508. 

  509. <p>L'analogie est également (géo)politique. Toutes les grandes plateformes vont devoir faire le choix <em>politique</em> de savoir dans quelle mesure elles acceptent de se censurer et donc de collaborer avec des régimes autoritaires pour conquérir un marché. Et à l'échelle des enjeux que représentent à la fois les audiences qu'elles touchent déjà et celles qu'elles visent à conquérir, chacun de ces choix est un peu plus qu'un simple choix économique ou même moral.   </p>

  510. 

  511. <p>Dans sa toute dernière tribune pour la Technology Review du MIT, <a href="https://www.technologyreview.com/s/611806/how-social-media-took-us-from-tahrir-square-to-donald-trump/" rel="noopener noreferrer" target="_blank">Zeynep Tufekci livrait une analyse toujours aussi limpide et éclairante</a> sous le titre : "<a href="https://www.technologyreview.com/s/611806/how-social-media-took-us-from-tahrir-square-to-donald-trump/" rel="noopener noreferrer" target="_blank">Comment les médias sociaux nous ont-ils amené de la place Tahrir à Donald Trump ?</a>"</p>

  512. 

  513. <blockquote>

  514. <p>"<em>Le Pouvoir apprend toujours, et les outils puissants finissent toujours entre ses mains. C'est l'une des leçons difficiles de l'histoire, mais une leçon solide. Et c'est la clé pour comprendre de quelle manière, en 7 ans, les technologies numériques qui étaient brandies comme des outils de libération et de changement se sont retrouvées à être blâmées pour les bouleversements qu'elles occasionnaient dans les démocraties de l'Ouest en rendant possible des effets de polarisation de l'opinion toujours plus puissants, des montées de formes d'autoritarisme, et en permettant à la Russie et à d'autres de se mêler d'élections et de scrutins nationaux.</em>" (ma traduction)</p>

  515. </blockquote>

  516. 

  517. <p>Et elle poursuit : </p>

  518. 

  519. <blockquote>

  520. <p>"<em>But to fully understand what has happened, we also need to examine how human social dynamics, ubiquitous digital connectivity, and the business models of tech giants combine to create an environment where misinformation thrives and even true information can confuse and paralyze rather than informing and illuminating.</em>"</p>

  521. </blockquote>

  522. 

  523. <p>A l'image de tout projet politique autoritaire ou dictatorial qui nécessite à la fois une surveillance (Big Brother) et une "sous-veillance" (Little Sisters), la Chine dispose aujourd'hui d'une politique qui l'amène à se servir de la puissance des plateformes numériques pour contrôler la sphère sociale d'une part (côté Big Brother), et la sphère linguistique d'autre part (côté Little Sisters).</p>

  524. 

  525. <h2>Dystopy, is what we need my friend*.</h2>

  526. 

  527. <p>(*<a href="https://www.youtube.com/watch?v=2TMw92_q8Ac" rel="noopener noreferrer" target="_blank">Concernant cet intertitre ...</a>)</p>

  528. 

  529. <p><strong>S'agissant du contrôle de la sphère sociale</strong>, on se réfèrera à la littérature pléthorique sur le "Social Credit Score" qui permet d'accorder à certains des droits refusés à d'autres en fonction de comportements sociaux mesurés et scrutés en permanence par le gouvernement (voir notamment <a href="https://www.wired.co.uk/article/china-social-credit" rel="noopener noreferrer" target="_blank">sur Wired</a> ou <a href="https://fr.wikipedia.org/wiki/Syst%C3%A8me_de_cr%C3%A9dit_social" rel="noopener noreferrer" target="_blank">dans Wikipedia</a>). </p>

  530. 

  531. <p><strong>S'agissant du contrôle linguistique</strong> il opère pour l'instant uniquement au travers des dispositifs et des plateformes agréées par le gouvernement chinois ou opérant sous son autorité directe. C'est le cas par exemple du moteur de recherche Baïdu. Comme d'autres, la Chine n'échappe pas à la multiplication des terminaux de connexion. Là où il y a quelques années il suffisait de surveiller l'ordinateur familial pour capter l'ensemble des pratiques connectées de 5 ou 6 personnes, il faut aujourd'hui étendre et démultiplier les moyens de surveillance sur chaque Smartphone ou tablette. Après la surveillance "de masse" c'est la surveillance "de chacun" qui prime. D'où d'ailleurs, le renforcement du contrôle "social" et du micro-ciblage comportemental qui devient le plus petit dénominateur commun efficient dans le cadre d'une volonté politique de contrôle de la population comme dans le cadre d'une volonté marketing d'expansion commerciale. Les deux aspects finissant d'ailleurs par se rejoindre, ce qui n'est pas le moindre des problèmes que nous avons aujourd'hui à résoudre, car <a href="https://www.ted.com/talks/zeynep_tufekci_we_re_building_a_dystopia_just_to_make_people_click_on_ads?language=fr" rel="noopener noreferrer" target="_blank">pour citer encore Zeynep Tufekci</a> : </p>

  532. 

  533. <blockquote>

  534. <p>"<em>Nous créons une dystopie simplement pour pousser les gens à cliquer sur des publicités</em>".</p>

  535. </blockquote>

  536. 

  537. <p>Il me semble que nous sommes aujourd'hui à la phase d'après. Celle où les gens ont cliqué sur suffisamment de publicités et ont, ce faisant, accepté suffisamment de technologies de traçage actif ou passif pour que les conditions d'existence d'une forme de pouvoir autoritaire soient réunies et surtout pour qu'elle soient en passe d'être acceptées comme naturelles ou, pire, comme légitimes. </p>

  538. 

  539. <p>La question essentielle se déplace donc : il ne s'agit plus de savoir si nous acceptons ou si nous refusons ce traçage publicitaire (débat permis et en partie résolu par le RGPD) ; il s'agit de savoir si nous acceptons ou si nous refusons cette forme de <a href="http://affordance.typepad.com/mon_weblog/2018/01/neo-fascisme-documentaire.html" rel="noopener noreferrer" target="_blank">néo-fascisme documentaire propre au totalitarisme littéral des plateformes</a> et le cadre économico-politique qui est sa condition d'existence première.</p>

  540. 

  541. <p>Les "repentis" de la Silicon Valley l'ont dénoncé de l'extérieur. Désormais les employés de ces firmes tentent de s'y opposer de l'intérieur. Il reste aux citoyens, c'est à dire à nous-mêmes, à terminer le boulot. Et ce ne sera pas facile. Car il nous faut retrouver <em>l'envie</em> de le faire. Or ...</p>

  542. 

  543. <h2>I (don't) want to break free*.</h2>

  544. 

  545. <p>(* <a href="https://www.youtube.com/watch?v=eM8Ss28zjcE" rel="noopener noreferrer" target="_blank">Concernant cet intertitre</a>)</p>

  546. 

  547. <p>Même si cela peut nous sembler étonnant, les chinois biberonnés au moteur Baidu et à sa censure intégrée, ont autant de mal à le quitter et à changer de moteur de recherche que nous en avons nous-même à le faire en nous passant de Google pour lui préférer des concurrents que nous savons pourtant presqu'aussi efficaces et bien plus respectueux de notre vie privée, et ce alors même que nous continuons de prétendre que sa préservation nous apparaît essentielle. </p>

  548. 

  549. <p>Pire (ou mieux selon le point de vue), il est désormais clair que les chinois n'ont plus <em>envie</em> de basculer sur un moteur de recherche qui serait non-censuré, ou qui le serait seulement <em>différemment</em>. C'est ce que révèle <a href="https://www.nytimes.com/2018/08/06/technology/china-generation-blocked-internet.html" rel="noopener noreferrer" target="_blank">ce formidable papier du New-York Times</a> : </p>

  550. 

  551. <blockquote>

  552. <p><em>"Even if the Western apps and sites make it into China, they may face apathy from young people.</em></p>

  553. <p class="css-1i0edl6 e2kc3sl0"><em>Two economists from Peking University and Stanford University concluded this year, after an 18-month survey, that Chinese college students were indifferent about having access to uncensored, politically sensitive information. They had given nearly 1,000 students at two Beijing universities free tools to bypass censorship, but found that nearly half the students did not use them. Among those who did, almost none spent time browsing foreign news websites that were blocked.</em></p>

  554. <p class="css-1i0edl6 e2kc3sl0"><em>“Our findings suggest that censorship in China is effective not only because the regime makes it difficult to access sensitive information, but also because it fosters an environment in which citizens do not demand such information in the first place,” the scholars wrote."</em></p>

  555. </blockquote>

  556. 

  557. <p class="css-1i0edl6 e2kc3sl0">Une génération qui a grandi avec des services certes censurés (Baidu, Alibaba, Tencent, Wechat <a href="https://start.lesechos.fr/actu-entreprises/technologie-digital/qui-sont-les-batx-ces-nouveaux-gafa-asiatiques-10225.php" rel="noopener noreferrer" target="_blank">entre autres</a>) mais équivalents dans leurs fonctions de socialisation et d'information aux Facebook, Twitter, Instagram ou Snapchat : des noms que ces adolescents et jeunes adultes chinois connaissent mais dont ils disent n'avoir ni besoin ni envie. </p>

  558. 

  559. <p class="css-1i0edl6 e2kc3sl0"><a href="https://www.nytimes.com/2018/08/06/technology/china-generation-blocked-internet.html" rel="noopener noreferrer" target="_blank">Le même article</a> - à lire <a href="https://www.technologyreview.com/s/611806/how-social-media-took-us-from-tahrir-square-to-donald-trump/" rel="noopener noreferrer" target="_blank">dans la continuité des leçons que nous propose Zeynep Tufekci</a> - rappelle qu'à rebours du postulat d'une inéluctable émancipation dont serait porteur le numérique et ses plateformes pour des populations sous le joug de régimes autoritaires, c'est l'inverse qui est en train de se produire : c'est le modèle chinois d'un internet censuré qui est en train de s'exporter dès aujourd'hui au Vietnam, en Tanzanie ou en Ethiopie, mais également sous un autre aspect <a href="http://www.liberation.fr/planete/2018/08/16/en-australie-l-ami-chinois-vu-d-un-autre-oeil_1673036" rel="noopener noreferrer" target="_blank">en Australie où le réveil est déjà douloureux</a>, et probablement demain dans l'ensemble de ces pays "émergents" et politiquement instables ou non-démocratiques, les mêmes que visent également les occidentaux GAFA pour aller y puiser leur prochain milliard d'utilisateurs.</p>

  560. 

  561. <p class="css-1i0edl6 e2kc3sl0">Et cette guerre là n'est pas que commerciale. Elle est avant tout culturelle. Et d'un cynisme est sans égal. Car lorsque toutes les ressources naturelles auront été épuisées, lorsque le dernier gisement du dernier minerai aura été extrait et raffiné, il restera encore à tous ces états la possibilité de vendre le visage de leurs citoyens. Ils n'ont d'ailleurs pas attendu. Ainsi le Zimbabwe avec la Chine, justement : </p>

  562. 

  563. <blockquote>

  564. <p class="css-1i0edl6 e2kc3sl0">"<em>Le gouvernement du Zimbabwe a besoin de l'expertise chinoise en matière de surveillance. De son côté, CloudWalk Technology, start-up chinoise, a besoin d'images de visages de personnes noires pour perfectionner son logiciel de reconnaissance faciale, biaisé jusqu'ici, car reconnaissant mieux les visages blancs. L’accord, qui donne à la start-up chinoise l'accès aux informations biométriques des citoyens zimbabwéens, entrera en vigueur le 30 juillet</em>" nous indiquait <a href="https://usbeketrica.com/article/le-zimbabwe-vend-le-visage-de-ses-citoyens-a-la-chine-en-echange-de-cameras" rel="noopener noreferrer" target="_blank">Usbek &amp; Rica</a> d'après une info <a href="https://foreignpolicy.com/2018/07/24/beijings-big-brother-tech-needs-african-faces/" rel="noopener noreferrer" target="_blank">révélée par Foreign Policy</a>.</p>

  565. </blockquote>

  566. 

  567. <h2 class="css-1i0edl6 e2kc3sl0">Géolocaliser et punir.</h2>

  568. 

  569. <p class="css-1i0edl6 e2kc3sl0">Les intérêts des GAFA et des gouvernements disons, "autoritaires", sont donc aujourd'hui peu ou prou les mêmes. Ils cherchent à exporter un modèle d'affaire qui est le prétexte à une forme renouvelée de Soft Power qui fait du risque de dystopie et de la mise en oeuvre de son architecture de surveillance un simple dégât collatéral voire un biais nécessaire. Et leurs stratégies sont également semblables par bien des aspects : là encore elles visent une anecdotisation, une discrétisation des régimes de surveillance qui leur permettent de perpétuer et de légitimer leur modèle d'affaire. Quand aux questions d'éthique et aux scrupules, là encore ... on apprenait récemment que pour que Google cesse réellement de nous géolocaliser via notre smartphone, <a href="https://abonnes.lemonde.fr/pixels/article/2018/08/13/desactiver-l-historique-des-positions-ne-suffit-pas-a-empecher-google-de-savoir-ou-vous-etes_5342035_4408996.html" rel="noopener noreferrer" target="_blank">il ne suffisait pas simplement de lui dire de cesser de nous géolocaliser</a>.</p>

  570. 

  571. <h2 class="css-1i0edl6 e2kc3sl0">Police partout, politique nulle part.</h2>

  572. 

  573. <p class="css-1i0edl6 e2kc3sl0">Ainsi avec d'une part la dissémination de capteurs passifs dans l'ensemble de l'espace public comme de notre sphère privée (anecdotisation des régimes de surveillance), et avec d'autre part la complexification constante des interfaces "ruses" de ces technologies de la persuasion qui rendent la pregnance des systèmes de traçage toujours plus perverse parce que semblant désactivée alors qu'elle est encore active, nos démocraties sont en effet par bien des aspects en train de se transformer en dictatures douces. Elles rendent en tout cas possibles et opérationnelles toutes les conditions techniques et même juridiques de mise en place d'une dictature ou d'un régime autoritaire. Et <a href="http://hyperbate.fr/dernier/?p=38841" rel="noopener noreferrer" target="_blank">l'hystérisation récente autour du "fichage" supposé de milliers de Twittos</a> en est un symptôme qui me semble aussi explicite que malheureux, et rappelle à quel point <a href="http://affordance.typepad.com//mon_weblog/2017/02/undocumented-men.html" rel="noopener noreferrer" target="_blank">la question des "sans papiers" ou des furtifs échappant à l'hyper-surveillance des plateformes et des états est aujourd'hui plus que jamais politiquement centrale</a>.</p>

  574. 

  575. <p class="css-1i0edl6 e2kc3sl0">Il faut craindre qu'à l'instar du réchauffement de la planète et des prochaines migrations de réfugiés climatiques il ne soit hélas déjà trop tard pour prendre réellement la mesure de ce que les grandes plateformes sont en train de préparer et d'instruire comme autant de conditions initiales d'un prochain chaos. Souvenons-nous que <a href="http://affordance.typepad.com/mon_weblog/2017/11/contre-nous-algorithmie.html" rel="noopener noreferrer" target="_blank">le démantèlement ou la nationalisation desdites plateformes ont d'abord prêté à sourire avant de finalement être envisagées</a> même si cela ne fut que d'un point de vue purement théorique. </p>

  576. 

  577. <p class="css-1i0edl6 e2kc3sl0"><a href="https://www.technologyreview.com/s/611806/how-social-media-took-us-from-tahrir-square-to-donald-trump/" rel="noopener noreferrer" target="_blank">Comme le rappelle encore Zeynep Tufekci</a> : </p>

  578. 

  579. <blockquote>

  580. <p class="css-1i0edl6 e2kc3sl0">"<em>Pour comprendre pleinement ce qui se passe, nous avons aussi besoin d'étudier comment les dynamiques des sociétés humaines, la connectivité ubiquitaire, et le modèle d'affaire des géants du numérique se combinent pour créer des environnements dans lesquels la désinformation prospère et où même une information authentique et vérifiée peut nous paralyser et nous rendre confus plutôt que de nous informer et de nous éclairer.</em>" (ma traduction)</p>

  581. </blockquote>

  582. 

  583. <p class="css-1i0edl6 e2kc3sl0">Ce qui me semble le plus frappant dans cette histoire, finalement, c'est l'absence totale de réflexion et de prise de position politique (autre que celle visible de quelques dîners mondains ou celle, invisible, de formes aussi classiques que perverses de lobbying). Croire que les états n'ont pas à se mêler de la stratégie d'entreprises comme Google, Facebook ou Amazon au motif que nous ne serions, justement, pas en Chine ou dans un pays communiste est aujourd'hui le triple aveu d'un dépassement, d'une impuissance et d'une incapacité à penser ce qui se joue réellement à l'échelle politique. </p>

  584. 

  585. <p class="css-1i0edl6 e2kc3sl0"><em>Et en même temps ...</em> imaginer que des états, que nos états actuels, gouvernés par des bouffons narcissiques de la finance ou par des clowns égocentriques ivres de leur nationalisme, imaginer que ces états puissent aujourd'hui se mêler du projet politique de ces mêmes firmes n'apparaît pas davantage comme une solution souhaitable. </p>

  586. 

  587. <h2 class="css-1i0edl6 e2kc3sl0">Moralité.</h2>

  588. 

  589. <p class="css-1i0edl6 e2kc3sl0">Si tout cela n'était qu'une fable, la morale serait qu'aucune muraille ne peut arrêter une libellule ... pour autant que cette dernière ait encore l'envie de la franchir. Mais tout cela n'est pas une fable. Le drame est que nous n'avons plus confiance ni dans les murailles ni dans les libellules. Et que cette érosion totale de la confiance à l'égard du politique et de la technique (numérique) s'ajoute à l'incapacité du premier à penser la seconde alors même que les infrastructures techniques du numérique n'ont de sens que si elles servent un projet politique. </p>

  590. 

  591. <p class="css-1i0edl6 e2kc3sl0">Ce que le numérique a fait voler en éclat depuis 20 ans, accompagnant le délitement politique autour de cette question essentielle, c'est la notion de <em>territoire</em>. Le territoire comme confluence de ce modèle d'affaire des géants du numérique, des dynamiques des sociétés humaines et de la connectivité ubiquitaire qui le déconstruit davantage qu'elle ne le renforce.</p>

  592. 

  593. <p class="css-1i0edl6 e2kc3sl0">Sans territoire, impossible de fonder un projet politique. Et sans projet politique, un territoire n'a pas d'autre valeur que celle, purement spéculative, que lui assigne le modèle d'affaire de ceux qui cherchent à le vendre ou à l'acquérir. La question du territoire donc, est absolument centrale ; et celle de la langue aussi, qui est à la fois ce qui permet d'appartenir à un territoire et de s'en démarquer pour voyager, pour en sortir. La langue et le territoire plutôt que la libellule et la muraille. La géo-linguistique comme première question et comme dernier recours. </p>

  594. 

  595. <h2 class="css-1i0edl6 e2kc3sl0">Apostille qui titille.</h2>

  596. 

  597. <p class="css-1i0edl6 e2kc3sl0">Au coeur de l'été je suis tombé sur <a href="https://www.lemonde.fr/series-d-ete-2018-long-format/article/2018/07/20/il-faut-faire-coincider-la-notion-de-territoire-avec-celle-de-subsistance_5334260_5325928.html" rel="noopener noreferrer" target="_blank">cet entretien avec Bruno Latour publié par Le Monde</a> (et <a href="http://www.bruno-latour.fr/sites/default/files/downloads/2018-LE-MONDE-TRUONG-07-18.pdf" rel="noopener noreferrer" target="_blank">intégralement disponible ici</a>). Il n'y est ni question de la Chine, ni de Google. Pas davantage de libellule ou de muraille. Et pourtant il répond à (presque) toutes les questions que j'ai essayé de poser dans l'article que vous venez de lire. </p>

  598. 

  599. <blockquote>

  600. <p class="css-1i0edl6 e2kc3sl0">"<em>un territoire, ce n’est pas la circonscription administrative, par exemple la ville d’Avignon, c’est ce qui vous permet de subsister. Etes-vous capables de définir ce qui vous permet, vous, de subsister ?</em></p>

  601. <p class="Paragraph"><em>Si oui, alors je prétends que la liste que vous pouvez dresser de vos conditions de subsistance définit le territoire que vous habitez. Peu importe si vous devez y inclure des éléments répartis sur la Terre entière. Ce n’est pas l’espace qui définit un territoire mais les attachements, les conditions de vie. Et j’ajouterais que vous avez un territoire si vous pouvez le visualiser et, bien sûr, que vous tentez de le faire prospérer et de le défendre avec et contre d’autres qui veulent se l’approprier.</em></p>

  602. <p class="Paragraph"><em>Des questions liées : subsistance, visualisation, protection et défense. Mais supposez que vous n’ayez aucune idée précise de ce qui vous permet de subsister, ou une idée tellement abstraite que vous restiez suspendu en l’air, pratiquement hors sol, quand je vous pose la question : « Qui êtes-vous, que voulez-vous, où habitez-vous ? » Eh bien, je prétends que n’ayant pas de monde concret à décrire, vous êtes devenus incapables de définir vos « intérêts » et qu’ainsi, vous ne pourrez plus articuler aucune position politique vaguement défendable. Je prétends que la situation actuelle de retour général à l’Etat-nation derrière des murs vient directement de cette totale impossibilité de préciser quels intérêts on défend. Comment avoir des intérêts si vous ne pouvez pas décrire votre monde ?</em></p>

  603. <p class="Paragraph"><em>L’exemple du Brexit peut servir d’illustration : vous bénéficiez des crédits européens et vous votez contre l’Europe : pourquoi ? Parce que vous n’avez pas pu décrire concrètement ce qui vous permet de subsister.</em></p>

  604. <p class="Paragraph"><em>Je peux maintenant répondre à votre question sur la politique : si les partis ont quasiment disparu à gauche comme à droite, c’est parce qu’ils sont devenus incapables de décrire les conditions de subsistance, et donc les conflits de subsistance, de leurs mandants. Pas de monde, pas d’intérêt, pas de politique, c’est aussi simple que ça. C’est pourquoi je suis obsédé par cette affaire de description</em>."</p>

  605. </blockquote>

  606. 

  607. <p class="Paragraph">Je le suis aussi. <a href="http://affordance.typepad.com/mon_weblog/2017/02/undocumented-men.html" rel="noopener noreferrer" target="_blank">Une obsession documentaire</a>.</p>

  608.   </article>

  609. </section>

  610. 

  611. 

  612. <nav id="jumpto">

  613.   <p>

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

  615.     <a href="http://affordance.typepad.com/mon_weblog/2018/08/la-libellule-et-la-muraille.html">Source originale</a> |

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

  617.   </p>

  618. </nav>

  619. 

  620. <footer>

  621.   <div>

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

  623.     <p>

  624.       Bonjour/Hi!

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

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

  627.     </p>

  628.     <p>

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

  630.     </p>

  631.     

  632.     <p>

  633.       Voici quelques articles choisis :

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  650.     </p>

  651.     <p>

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

  653.     </p>

  654.     <p>

  655.       Je ne traque pas ta navigation mais mon

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

  657.       conserve des logs d’accès.

  658.     </p>

  659.   </div>

  660. </footer>

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

  662.   ;(_ => {

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

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

  665.       e.preventDefault()

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

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

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

  669.     })

  670.   })()

  671. </script>