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

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625
  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>« Veuillez accepter nos conditions » : la fabrique du consentement chez Facebook (et les moyens d’y mettre fin) (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://scinfolex.com/2018/04/22/veuillez-accepter-nos-conditions-la-fabrique-du-consentement-chez-facebook-et-les-moyens-dy-mettre-fin/">
  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. « Veuillez accepter nos conditions » : la fabrique du consentement chez Facebook (et les moyens d’y mettre fin) (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://scinfolex.com/2018/04/22/veuillez-accepter-nos-conditions-la-fabrique-du-consentement-chez-facebook-et-les-moyens-dy-mettre-fin/">Source originale du contenu</a></h3>
  445. <p>Facebook <a href="http://www.lefigaro.fr/flash-eco/2018/04/18/97002-20180418FILWWW00038-facebook-va-proposer-cette-semaine-de-nouveaux-parametres-de-confidentialite.php">s’y était engagé cette semaine</a> et cela s’est produit hier : des millions d’utilisateurs en Europe ont reçu un mail de la plateforme les invitant à accepter <a href="https://www.numerama.com/politique/346176-vie-privee-ce-que-facebook-va-changer-pour-se-conformer-au-droit-europeen.html">les nouveaux paramètres de confidentialité</a> mis en place pour de se mettre en conformité avec le <a href="https://www.cnil.fr/fr/principes-cles/rgpd-se-preparer-en-6-etapes">Règlement Général de Protection des Données (RGPD)</a> qui entrera en vigueur le mois prochain. Le message était intitulé « <i>Veuillez accepter nos conditions d’utilisation avant le 25 mai pour continuer à utiliser Facebook</i> » et en elle-même, cette formulation est problématique, car elle revient une nouvelle fois à exercer sur les utilisateurs une forme de « chantage au service ».</p>
  446. <figure data-shortcode="caption" id="attachment_11662" class="wp-caption aligncenter"><img data-attachment-id="11662" data-permalink="https://scinfolex.com/2018/04/22/veuillez-accepter-nos-conditions-la-fabrique-du-consentement-chez-facebook-et-les-moyens-dy-mettre-fin/agree/" data-orig-file="https://scinfolex.files.wordpress.com/2018/04/agree.png" data-orig-size="996,349" 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="agree" data-image-description="" data-medium-file="https://scinfolex.files.wordpress.com/2018/04/agree.png?w=300" data-large-file="https://scinfolex.files.wordpress.com/2018/04/agree.png?w=640&amp;h=224" class="wp-image-11662 size-large" src="https://scinfolex.files.wordpress.com/2018/04/agree.png?w=640&amp;h=224" alt="" srcset="https://scinfolex.files.wordpress.com/2018/04/agree.png?w=640&amp;h=224 640w, https://scinfolex.files.wordpress.com/2018/04/agree.png?w=150&amp;h=53 150w, https://scinfolex.files.wordpress.com/2018/04/agree.png?w=300&amp;h=105 300w, https://scinfolex.files.wordpress.com/2018/04/agree.png?w=768&amp;h=269 768w, https://scinfolex.files.wordpress.com/2018/04/agree.png 996w" sizes="(max-width: 640px) 100vw, 640px"/><figcaption class="wp-caption-text">L’interprétation de la notion de « consentement libre et éclairé » va être centrale dans l’application du RGPD.</figcaption></figure>
  447. <p>Alors que le scandale Cambridge Analytica est encore dans tous les esprits, Facebook a déployé beaucoup d’efforts pour tenter de rassurer ses utilisateurs européens, allant <a href="http://www.leparisien.fr/high-tech/protection-des-donnees-quand-facebook-fait-la-pub-d-une-reglementation-europeenne-16-04-2018-7667235.php">jusqu’à acheter des publicités en pleine page</a> dans la presse pour vanter les mérites du RGPD et afficher sa volonté de s’y conformer.</p>
  448. <figure data-shortcode="caption" id="attachment_11661" class="wp-caption aligncenter"><img data-attachment-id="11661" data-permalink="https://scinfolex.com/2018/04/22/veuillez-accepter-nos-conditions-la-fabrique-du-consentement-chez-facebook-et-les-moyens-dy-mettre-fin/facebook/" data-orig-file="https://scinfolex.files.wordpress.com/2018/04/facebook.jpg" data-orig-size="1063,1280" data-comments-opened="1" data-image-meta="{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;BEUNAICHE Nicolas&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;1523885909&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="facebook" data-image-description="" data-medium-file="https://scinfolex.files.wordpress.com/2018/04/facebook.jpg?w=249" data-large-file="https://scinfolex.files.wordpress.com/2018/04/facebook.jpg?w=497&amp;h=597" class="wp-image-11661" src="https://scinfolex.files.wordpress.com/2018/04/facebook.jpg?w=497&amp;h=597" alt="" srcset="https://scinfolex.files.wordpress.com/2018/04/facebook.jpg?w=497&amp;h=597 497w, https://scinfolex.files.wordpress.com/2018/04/facebook.jpg?w=992&amp;h=1194 992w, https://scinfolex.files.wordpress.com/2018/04/facebook.jpg?w=125&amp;h=150 125w, https://scinfolex.files.wordpress.com/2018/04/facebook.jpg?w=249&amp;h=300 249w" sizes="(max-width: 497px) 100vw, 497px"/><figcaption class="wp-caption-text">La page de publicité payée par Facebook dans la presse européenne pour informer sur l’entrée en vigueur du RGPD.</figcaption></figure>
  449. <p>A vrai dire, ce texte n’était pas particulièrement rassurant, notamment à cause de cette phrase : « <i>Conformément aux nouvelles règles, </i><i><b>vous devrez revoir vos choix</b></i><i> concernant l’utilisation de vos données personnelles sur Facebook</i>« . Car cela revient encore une fois à renvoyer les individus à la responsabilité de la protection de leurs propres données, alors que c’est l’entreprise elle-même qui devrait revoir ses principes de fonctionnement pour se mettre en conformité avec le RGPD.</p>
  450. <p>Indépendamment de leurs contenus, la manière dont Facebook a demandé à ses utilisateurs d’accepter ce changement de ses conditions d’utilisation fait très sérieusement douter de sa volonté de respecter les principes du RGPD, à commencer par l’obligation de recueillir un « <a href="https://www.august-debouzy.com/fr/blog/1037-rgpd-et-bases-legales-de-traitement-la-place-du-consentement">consentement libre et éclairé</a> » qui n’est ici manifestement pas satisfaite.</p>
  451. <p><span id="more-11660"/></p>
  452. <h2>Dans la « fabrique du consentement » de Facebook</h2>
  453. <p>On doit l’expression « fabrique du consentement » <a href="https://fr.wikipedia.org/wiki/La_Fabrication_du_consentement">à Edward Herman et Noam Chomsky</a>, qui l’ont forgée pour décrire la manière dont les médias exercent une influence déterminante sur les élections aux Etats-Unis. Mais il a matière à reprendre cette formule pour désigner ce qui sera un des enjeux les plus importants de l’application du RGPD : le texte requiert en effet – <a href="https://www.desmarais-avocats.fr/rgpd-le-consentement-nest-pas-systematique/">dans la plupart des cas</a> – que les personnes expriment leur consentement à un traitement de données à caractère personnel. Il sera donc crucial pour les plateformes d’arriver à « faire consentir » leurs utilisateurs et la manière dont Facebook a présenté cette modification de ses CGU constitue un véritable cas d’école de « consentement assisté ».</p>
  454. <p>Quatre points principaux étaient en jeu dans cette révision des conditions d’utilisation :</p>
  455. <ul>
  456. <li>La manière dont sont partagées certaines informations « sensibles » pouvant figurer dans les profils, comme la situation amoureuse, la religion ou l’orientation politique ;</li>
  457. <li>L’activation des fonctionnalités de reconnaissance faciale dans les photos ou les vidéos publiées sur la plateforme ;</li>
  458. <li>Le fait que Facebook puisse utiliser des données fournies par « partenaires » pour proposer des publicités ciblées, notamment des traces laissées lors de l’utilisation de sites tiers ne faisant pas partie des différents sites que possèdent Facebook ;</li>
  459. <li>Divers changements touchant des fonctionnalités comme le Marketplace et la manière dont les données sont partagées entre les différents services détenus par Facebook (WhatsApp, Instagram, Oculus).</li>
  460. </ul>
  461. <p><a href="https://techcrunch.com/2018/04/17/facebook-gdpr-changes/">Comme le relève le site Techcrunch</a>, il y avait déjà une certaine ambiguïté dans le design même des pages par lesquelles Facebook a demandé à ses utilisateurs de consentir à ces changements :</p>
  462. <blockquote><p>A toutes les étapes, vous pouvez appuyer sur le joli bouton bleu « J’accepte et je continue » sans avoir nécessairement scrollé pour lire les informations. Si vous appuyez sur le vilain bouton gris « Modifier les paramètres », vous devez en passer par des écrans intermédiaires où Facebook vous présente des arguments pour essayer de vous dissuader de retirer des informations avant de vous laisser faire votre choix. Il semble que tout ait été pensé pour que les utilisateurs passent leur chemin sans opposer de résistance, tout en introduisant des « frictions » lorsqu’ils souhaitent effectuer des changements.</p></blockquote>
  463. <figure data-shortcode="caption" id="attachment_11675" class="wp-caption aligncenter"><img data-attachment-id="11675" data-permalink="https://scinfolex.com/2018/04/22/veuillez-accepter-nos-conditions-la-fabrique-du-consentement-chez-facebook-et-les-moyens-dy-mettre-fin/facebook-2/" data-orig-file="https://scinfolex.files.wordpress.com/2018/04/facebook.png" data-orig-size="680,440" 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="facebook" data-image-description="" data-medium-file="https://scinfolex.files.wordpress.com/2018/04/facebook.png?w=300" data-large-file="https://scinfolex.files.wordpress.com/2018/04/facebook.png?w=640&amp;h=414" class="wp-image-11675 size-large" src="https://scinfolex.files.wordpress.com/2018/04/facebook.png?w=640&amp;h=414" alt="" srcset="https://scinfolex.files.wordpress.com/2018/04/facebook.png?w=640&amp;h=414 640w, https://scinfolex.files.wordpress.com/2018/04/facebook.png?w=150&amp;h=97 150w, https://scinfolex.files.wordpress.com/2018/04/facebook.png?w=300&amp;h=194 300w, https://scinfolex.files.wordpress.com/2018/04/facebook.png 680w" sizes="(max-width: 640px) 100vw, 640px"/><figcaption class="wp-caption-text">Les interfaces simplifiées utilisées par Facebook pour faire accepter ses nouvelles CGU.</figcaption></figure>
  464. <p>Mais il y a surtout des différences significatives dans la manière dont ces quatre choix ont été présentés aux utilisateurs.</p>
  465. <p>Pour le partage des informations sensibles et la reconnaissance faciale, il semble que Facebook ait bien fait l’effort de se conformer aux prescriptions du RGPD. Concernant ces deux points, les fonctionnalités sont en effet désactivées par défaut et il faut que l’utilisateur aille activement cocher des cases pour exprimer son consentement à ce que ces informations soient partagées ou la reconnaissance faciale activée. On est donc bien dans un consentement « libre » dans la mesure où le refus n’est pas bloquant et ne cause pas de préjudice à l’utilisateur, en l’obligeant notamment à supprimer son profil.</p>
  466. <figure data-shortcode="caption" id="attachment_11669" class="wp-caption aligncenter"><img data-attachment-id="11669" data-permalink="https://scinfolex.com/2018/04/22/veuillez-accepter-nos-conditions-la-fabrique-du-consentement-chez-facebook-et-les-moyens-dy-mettre-fin/faciale/" data-orig-file="https://scinfolex.files.wordpress.com/2018/04/faciale.png?w=640" data-orig-size="705,157" 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="faciale" data-image-description="" data-medium-file="https://scinfolex.files.wordpress.com/2018/04/faciale.png?w=640?w=300" data-large-file="https://scinfolex.files.wordpress.com/2018/04/faciale.png?w=640?w=640" class="wp-image-11669 size-full" src="https://scinfolex.files.wordpress.com/2018/04/faciale.png?w=640" alt="" srcset="https://scinfolex.files.wordpress.com/2018/04/faciale.png?w=640 640w, https://scinfolex.files.wordpress.com/2018/04/faciale.png?w=150 150w, https://scinfolex.files.wordpress.com/2018/04/faciale.png?w=300 300w, https://scinfolex.files.wordpress.com/2018/04/faciale.png 705w" sizes="(max-width: 640px) 100vw, 640px"/><figcaption class="wp-caption-text">L’activation de la reconnaissance faciale requiert une action volontaire de l’utilisateur.</figcaption></figure>
  467. <p>Pour l’utilisation des données partenaires à des fins de ciblage publicitaire, les choses sont déjà subtilement différentes, puisque l’option est activée par défaut et qu’il faut que l’utilisateur aille plonger dans ses paramétrages de confidentialité pour y mettre fin. On peut se demander dans quelle mesure cette modalité d’approbation est bien conforme aux principes de <a href="http://www.cil.cnrs.fr/CIL/spip.php?article2602">« </a><i><a href="http://www.cil.cnrs.fr/CIL/spip.php?article2602">privacy by default</a></i><a href="http://www.cil.cnrs.fr/CIL/spip.php?article2602"> » et de « </a><i><a href="http://www.cil.cnrs.fr/CIL/spip.php?article2602">privacy by design</a></i><a href="http://www.cil.cnrs.fr/CIL/spip.php?article2602">« </a> figurant dans le RGPD, qui impliquent que les personnes obtiennent d’emblée le plus haut niveau de protection possible de leurs données.</p>
  468. <figure data-shortcode="caption" id="attachment_11668" class="wp-caption aligncenter"><img data-attachment-id="11668" data-permalink="https://scinfolex.com/2018/04/22/veuillez-accepter-nos-conditions-la-fabrique-du-consentement-chez-facebook-et-les-moyens-dy-mettre-fin/facebook1/" data-orig-file="https://scinfolex.files.wordpress.com/2018/04/facebook1.png?w=640" data-orig-size="879,220" 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="facebook1" data-image-description="" data-medium-file="https://scinfolex.files.wordpress.com/2018/04/facebook1.png?w=640?w=300" data-large-file="https://scinfolex.files.wordpress.com/2018/04/facebook1.png?w=640?w=640" class="wp-image-11668 size-full" src="https://scinfolex.files.wordpress.com/2018/04/facebook1.png?w=640" alt="" srcset="https://scinfolex.files.wordpress.com/2018/04/facebook1.png?w=640 640w, https://scinfolex.files.wordpress.com/2018/04/facebook1.png?w=150 150w, https://scinfolex.files.wordpress.com/2018/04/facebook1.png?w=300 300w, https://scinfolex.files.wordpress.com/2018/04/facebook1.png?w=768 768w, https://scinfolex.files.wordpress.com/2018/04/facebook1.png 879w" sizes="(max-width: 640px) 100vw, 640px"/><figcaption class="wp-caption-text">L’écran de désactivation des publicités basées sur les « données de partenaires de Facebook ».</figcaption></figure>
  469. <p>Mais c’est surtout pour la dernière partie de l’acceptation des modifications des CGU que la manière de procéder de Facebook est problématique. Notamment pour ce qui a trait au partage de données entre Facebook, Instagram, WhatsApp et Oculus, l’utilisateur n’a en réalité que le choix de les valider ou de supprimer son profil, comme on le voit sur l’écran ci-dessous :</p>
  470. <p><img data-attachment-id="11670" data-permalink="https://scinfolex.com/2018/04/22/veuillez-accepter-nos-conditions-la-fabrique-du-consentement-chez-facebook-et-les-moyens-dy-mettre-fin/supprimer/" data-orig-file="https://scinfolex.files.wordpress.com/2018/04/supprimer.jpg" data-orig-size="694,1200" 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="supprimer" data-image-description="" data-medium-file="https://scinfolex.files.wordpress.com/2018/04/supprimer.jpg?w=174" data-large-file="https://scinfolex.files.wordpress.com/2018/04/supprimer.jpg?w=592&amp;h=1024" class="aligncenter wp-image-11670 size-large" src="https://scinfolex.files.wordpress.com/2018/04/supprimer.jpg?w=592&amp;h=1024" alt="" srcset="https://scinfolex.files.wordpress.com/2018/04/supprimer.jpg?w=592&amp;h=1024 592w, https://scinfolex.files.wordpress.com/2018/04/supprimer.jpg?w=87&amp;h=150 87w, https://scinfolex.files.wordpress.com/2018/04/supprimer.jpg?w=174&amp;h=300 174w, https://scinfolex.files.wordpress.com/2018/04/supprimer.jpg 694w" sizes="(max-width: 592px) 100vw, 592px"/></p>
  471. <p>Facebook nous dit que nous avons « plusieurs options » si nous ne souhaitons pas accepter ces changements, mais en réalité, il n’y a aucune alternative à la suppression du compte en cas de refus. La plateforme propose juste de télécharger ses données avant de la quitter, ce qui permet à l’utilisateur d’exercer <a href="https://www.cnil.fr/fr/le-droit-la-portabilite-en-questions">le droit à la portabilité</a> prévu dans le RGPD.</p>
  472. <h3>Violation du consentement libre</h3>
  473. <p>Il est surprenant que Facebook ait choisi de procéder ainsi, car en acculant ses utilisateurs à accepter ou à quitter la plateforme, il viole l’obligation de recueillir un « consentement libre ». C’est déjà cette forme de « chantage au service » <a href="https://www.cnil.fr/fr/transmission-de-donnees-de-whatsapp-facebook-mise-en-demeure-publique-pour-absence-de-base-legale">qui lui avait été reproché en décembre dernier par la CN</a>IL à l’occasion d’une mise en demeure liée au partage de données entre WhatsApp et Facebook :</p>
  474. <blockquote><p>Le consentement des utilisateurs n’est pas valablement recueilli car il n’est pas libre – le seul moyen de s’opposer à la transmission des données […] est de désinstaller l’application.</p></blockquote>
  475. <p>Cette interprétation résulte <a href="/Users/Toshiba/Downloads/wp259_enpdf.pdf">de lignes directrices que le G29</a> (le groupement des autorités de protection des données en Europe) a émises à la fin de l’année dernière à propos de la notion de consentement. Elles expliquent notamment que « <i>le RGPD prévoit que si la personne concernée n’a pas un véritable choix, se sent contrainte de consentir ou subira des conséquences négatives si elle ne consent pas, alors son consentement n’est pas valide. » </i>Il est également précisé que <i>« le RGPD garantit que le traitement de données personnelles pour lequel le consentement est demandé ne peut pas devenir, directement ou indirectement, la contrepartie d’un contrat ». </i></p>
  476. <p>Cela signifie qu’une plateforme ne peut placer ses utilisateurs devant une option de type « <i>take it or leave it</i>« . Si les individus donnent leur consentement dans une situation où ils y sont contraint pour pouvoir continuer à bénéficier d’un service, alors ce consentement n’est tout simplement pas valide. <a href="https://scinfolex.com/2018/04/05/richard-stallman-le-rgpd-et-les-deux-faces-du-consentement/">Dans un billet précédent</a>, j’expliquais que cette interprétation du G29 est extrêmement importante, car elle va empêcher que les plateformes n’instrumentalisent le consentement des individus pour les faire participer à la fragilisation de leurs propres droits :</p>
  477. <blockquote><p>Ce caractère « <i>libre, spécifique, éclairé et univoque</i> » du consentement constitue autant de critères « objectifs » qui vont permettre de déterminer des conditions dans lesquelles un individu ne pourra pas consentir valablement à un traitement de données. <b>Il s’agit donc moins en réalité de donner à l’individu un pouvoir de consentir que de définir, au contraire, ce à quoi il ne peut pas consentir.</b></p></blockquote>
  478. <p>Le résultat est donc que peu importe que des millions d’individus aient sans doute accepté les modifications de CGU proposées hier par Facebook, cela ne peut pas constituer une base légale pour traiter leurs données personnelles, car les personnes ne pouvaient valablement exprimer leur consentement vu les conditions dans lesquelles elles étaient placées pour exercer leur choix.</p>
  479. <h2>La métaphore trompeuse du restaurant</h2>
  480. <p>Lorsque j’ai essayé d’expliquer ce problème hier sur Twitter, je me suis rapidement heurté à un certain nombre d’objections de la part de personnes qui trouvaient normal que Facebook procède de cette manière pour faire valider ses nouvelles CGU. Et plusieurs d’entre elles ont utilisé la métaphore d’un restaurant et de ses clients pour justifier leur point de vue :</p>
  481. <div class="embed-twitter">
  482. <blockquote class="twitter-tweet" data-width="550" data-dnt="true">
  483. <p lang="fr" dir="ltr">Je ne comprends pas la logique derrière cela. Je ne vais pas dans un restaurant si je n'aime pas la carte, je ne demande pas au restaurant de faire un menu pour moi. Peut être que la problématique se situe au niveau du changement ? Mais dans ce cas aussi il y a un problème…</p>
  484. <p>— Stéphane Klein (@klein_stephane) <a href="https://twitter.com/klein_stephane/status/987596887145484288?ref_src=twsrc%5Etfw">April 21, 2018</a></p></blockquote>
  485. <p/></div>
  486. <p>Cela peut paraître relever du bon sens, mais en réalité, cette comparaison est profondément trompeuse. En effet, la relation entre un restaurant et ses clients est d’emblée marchande, alors que le RGPD – du moins dans la manière dont le G29 l’interprète – vise à éviter justement que les données personnelles soient « marchandisées ». Plus exactement, le texte vise à empêcher que les données des utilisateurs servent de monnaie d’échange en échange de l’accès à un service. C’est aussi ce que le Parlement européen <a href="https://www.laquadrature.net/fr/contenu_num_pe">a affirmé en novembre dernier</a> à l’occasion de l’examen du règlement ePrivacy :</p>
  487. <blockquote><p><i>Les données personnelles ne peuvent être comparées à un prix et, ainsi, ne peuvent être considérées comme des marchandises.</i></p></blockquote>
  488. <p>Si cette interprétation exigeante de la notion de « consentement libre et éclairé » s’impose, alors il en sera fini de ce modèle de fausse gratuité basée sur la publicité ciblée où les internautes devaient « payer » les services avec leurs données et leurs libertés.</p>
  489. <h3>***</h3>
  490. <p>Malgré <a href="https://www.numerama.com/politique/340758-mark-zuckerberg-les-memes-reglages-de-confidentialite-seront-deployes-dans-le-monde-entier.html">les déclarations de Mark Zuckerberg</a>, Facebook s’est donc à nouveau moqué de ses utilisateurs en procédant de la manière dont il l’a fait pour leur faire accepter ces modifications de CGU. Et il est assez piquant de constater qu’alors il présentait ces changements comme une mise en conformité avec le RGPD, il en a en réalité violé l’esprit.</p>
  491. <p>Mais tout l’enjeu à présent va être de faire en sorte de pouvoir faire valoir ces droits que le RGPD garantit, car ils resteront sinon lettre morte et aucun bénéfice réel n’en découlera. C’est la raison pour laquelle il est crucial de soutenir <a href="https://gafam.laquadrature.net/">les actions de groupe que La Quadrature du Net</a> est en train de lancer contre les GAFAM, car elles s’appuient précisément sur la notion de « consentement libre » du RGPD (et la première visera Facebook dès le 25 mai prochain).</p>
  492. <p><img data-attachment-id="11673" data-permalink="https://scinfolex.com/2018/04/22/veuillez-accepter-nos-conditions-la-fabrique-du-consentement-chez-facebook-et-les-moyens-dy-mettre-fin/action-2/" data-orig-file="https://scinfolex.files.wordpress.com/2018/04/action1.png" data-orig-size="647,313" 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="action" data-image-description="" data-medium-file="https://scinfolex.files.wordpress.com/2018/04/action1.png?w=300" data-large-file="https://scinfolex.files.wordpress.com/2018/04/action1.png?w=640&amp;h=310" class="aligncenter wp-image-11673 size-large" src="https://scinfolex.files.wordpress.com/2018/04/action1.png?w=640&amp;h=310" alt="" srcset="https://scinfolex.files.wordpress.com/2018/04/action1.png?w=640&amp;h=310 640w, https://scinfolex.files.wordpress.com/2018/04/action1.png?w=150&amp;h=73 150w, https://scinfolex.files.wordpress.com/2018/04/action1.png?w=300&amp;h=145 300w, https://scinfolex.files.wordpress.com/2018/04/action1.png 647w" sizes="(max-width: 640px) 100vw, 640px"/></p>
  493. <p>Le but poursuivi n’est pas seulement d’obtenir des modifications à la marge des CGU de Facebook, mais<a href="https://www.laquadrature.net/fr/attaquer_facebook"> de détruire le modèle économique hyper-toxique sur lequel Facebook a construit son empire</a> :</p>
  494. <blockquote><p>Le modèle économique de Facebook est en train d’être drastiquement remis en cause. Il n’est plus permis de rémunérer un service en contrepartie de libertés fondamentales. Facebook ne va pas forcément disparaître, mais ne pourra plus continuer à se rémunérer de la même façon.</p>
  495. <p>Mais qu’importe : <b>nous n’avons pas besoin de Facebook</b> pour pouvoir continuer d’utiliser des services gratuits et de qualité. Il existe déjà de nombreuses alternatives aux services des GAFAM qui sont réellement gratuites (c’est-à-dire qui n’impliquent pas de « monnayer » nos libertés), car leur financement repose sur le modèle originel d’Internet : la <b>décentralisation</b>, qui permet la mutualisation des coûts en stockage, en calcul et en bande passante.</p>
  496. <p>[…]</p>
  497. <p>Rejoindre collectivement ces alternatives est bien l’<b>objectif final</b> de nos actions, mais nous pensons pouvoir n’y parvenir qu’une fois chacun et chacune libérée de l’emprise des GAFAM. Nous pourrons alors construire l’Internet de nos rêves, <b>libre et décentralisé</b>, que notre alliée Framasoft <a href="https://contributopia.org/">construit déjà</a> chaque jour ardemment !</p></blockquote>
  498. <p>Pour cela, il importe d’être les plus nombreux possibles à l’occasion de ces actions de groupe pour peser en faveur d’une interprétation la plus stricte possible du RGPD, en mettant la pression sur la CNIL pour qu’elle reste fidèle à la vision qu’elle a mise en oeuvre en décembre dernier face à WhatsApp. Donc prenez le temps <a href="https://gafam.laquadrature.net/">de cliquer sur ce lien </a>: se joindre à la procédure est gratuit , sans risque légal et cela ne requiert que… votre libre consentement dont vous avez l’ccasion de faire une arme plutôt qu’un instrument de soumission !</p>
  499. <p>PS : suite à ce billet, j’ai supprimé mon profil Facebook, ainsi que la page associée à ce blog.</p>
  500. <p>PPS : de nombreux internautes m’ont signalé que des sites comme Airbnb ou BlablaCar exercent eux aussi un « chantage au service » pour faire valider leurs changements de CGU en vue de l’entrée en vigueur du RGPD…</p>
  501. </article>
  502. </section>
  503. <nav id="jumpto">
  504. <p>
  505. <a href="/david/blog/">Accueil du blog</a> |
  506. <a href="https://scinfolex.com/2018/04/22/veuillez-accepter-nos-conditions-la-fabrique-du-consentement-chez-facebook-et-les-moyens-dy-mettre-fin/">Source originale</a> |
  507. <a href="/david/stream/2019/">Accueil du flux</a>
  508. </p>
  509. </nav>
  510. <footer>
  511. <div>
  512. <img src="/static/david/david-larlet-avatar.jpg" loading="lazy" class="avatar" width="200" height="200">
  513. <p>
  514. Bonjour/Hi!
  515. Je suis <a href="/david/" title="Profil public">David&nbsp;Larlet</a>, je vis actuellement à Montréal et j’alimente cet espace depuis 15 ans. <br>
  516. Si tu as apprécié cette lecture, n’hésite pas à poursuivre ton exploration. Par exemple via les <a href="/david/blog/" title="Expériences bienveillantes">réflexions bimestrielles</a>, la <a href="/david/stream/2019/" title="Pensées (dés)articulées">veille hebdomadaire</a> ou en t’abonnant au <a href="/david/log/" title="S’abonner aux publications via RSS">flux RSS</a> (<a href="/david/blog/2019/flux-rss/" title="Tiens c’est quoi un flux RSS ?">so 2005</a>).
  517. </p>
  518. <p>
  519. Je m’intéresse à la place que je peux avoir dans ce monde. En tant qu’humain, en tant que membre d’une famille et en tant qu’associé d’une coopérative. De temps en temps, je fais aussi des <a href="https://github.com/davidbgk" title="Principalement sur Github mais aussi ailleurs">trucs techniques</a>. Et encore plus rarement, <a href="/david/talks/" title="En ce moment je laisse plutôt la place aux autres">j’en parle</a>.
  520. </p>
  521. <p>
  522. Voici quelques articles choisis :
  523. <a href="/david/blog/2019/faire-equipe/" title="Accéder à l’article complet">Faire équipe</a>,
  524. <a href="/david/blog/2018/bivouac-automnal/" title="Accéder à l’article complet">Bivouac automnal</a>,
  525. <a href="/david/blog/2018/commodite-effondrement/" title="Accéder à l’article complet">Commodité et effondrement</a>,
  526. <a href="/david/blog/2017/donnees-communs/" title="Accéder à l’article complet">Des données aux communs</a>,
  527. <a href="/david/blog/2016/accompagner-enfant/" title="Accéder à l’article complet">Accompagner un enfant</a>,
  528. <a href="/david/blog/2016/senior-developer/" title="Accéder à l’article complet">Senior developer</a>,
  529. <a href="/david/blog/2016/illusion-sociale/" title="Accéder à l’article complet">L’illusion sociale</a>,
  530. <a href="/david/blog/2016/instantane-scopyleft/" title="Accéder à l’article complet">Instantané Scopyleft</a>,
  531. <a href="/david/blog/2016/enseigner-web/" title="Accéder à l’article complet">Enseigner le Web</a>,
  532. <a href="/david/blog/2016/simplicite-defaut/" title="Accéder à l’article complet">Simplicité par défaut</a>,
  533. <a href="/david/blog/2016/minimalisme-esthetique/" title="Accéder à l’article complet">Minimalisme et esthétique</a>,
  534. <a href="/david/blog/2014/un-web-omni-present/" title="Accéder à l’article complet">Un web omni-présent</a>,
  535. <a href="/david/blog/2014/manifeste-developpeur/" title="Accéder à l’article complet">Manifeste de développeur</a>,
  536. <a href="/david/blog/2013/confort-convivialite/" title="Accéder à l’article complet">Confort et convivialité</a>,
  537. <a href="/david/blog/2013/testament-numerique/" title="Accéder à l’article complet">Testament numérique</a>,
  538. et <a href="/david/blog/" title="Accéder aux archives">bien d’autres…</a>
  539. </p>
  540. <p>
  541. On peut <a href="mailto:david%40larlet.fr" title="Envoyer un courriel">échanger par courriel</a>. Si éventuellement tu souhaites que l’on travaille ensemble, tu devrais commencer par consulter le <a href="http://larlet.com">profil dédié à mon activité professionnelle</a> et/ou contacter directement <a href="http://scopyleft.fr/">scopyleft</a>, la <abbr title="Société coopérative et participative">SCOP</abbr> dont je fais partie depuis six ans. Je recommande au préalable de lire <a href="/david/blog/2018/cout-site/" title="Attention ce qui va suivre peut vous choquer">combien coûte un site</a> et pourquoi je suis plutôt favorable à une <a href="/david/pro/devis/" title="Discutons-en !">non-demande de devis</a>.
  542. </p>
  543. <p>
  544. Je ne traque pas ta navigation mais mon
  545. <abbr title="Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33.184162340">hébergeur</abbr>
  546. conserve des logs d’accès.
  547. </p>
  548. </div>
  549. </footer>
  550. <script type="text/javascript">
  551. ;(_ => {
  552. const jumper = document.getElementById('jumper')
  553. jumper.addEventListener('click', e => {
  554. e.preventDefault()
  555. const anchor = e.target.getAttribute('href')
  556. const targetEl = document.getElementById(anchor.substring(1))
  557. targetEl.scrollIntoView({behavior: 'smooth'})
  558. })
  559. })()
  560. </script>