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

  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>L’archive épidémique (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="http://affordance.typepad.com//mon_weblog/2018/01/memoire-et-oubli.html">
  31. <style>
  32. /* http://meyerweb.com/eric/tools/css/reset/ */
  33. html, body, div, span,
  34. h1, h2, h3, h4, h5, h6, p, blockquote, pre,
  35. a, abbr, address, big, cite, code,
  36. del, dfn, em, img, ins,
  37. small, strike, strong, tt, var,
  38. dl, dt, dd, ol, ul, li,
  39. fieldset, form, label, legend,
  40. table, caption, tbody, tfoot, thead, tr, th, td,
  41. article, aside, canvas, details, embed,
  42. figure, figcaption, footer, header, hgroup,
  43. menu, nav, output, ruby, section, summary,
  44. time, mark, audio, video {
  45. margin: 0;
  46. padding: 0;
  47. border: 0;
  48. font-size: 100%;
  49. font: inherit;
  50. vertical-align: baseline;
  51. }
  52. /* HTML5 display-role reset for older browsers */
  53. article, aside, details, figcaption, figure,
  54. footer, header, hgroup, menu, nav, section { display: block; }
  55. body { line-height: 1; }
  56. blockquote, q { quotes: none; }
  57. blockquote:before, blockquote:after,
  58. q:before, q:after {
  59. content: '';
  60. content: none;
  61. }
  62. table {
  63. border-collapse: collapse;
  64. border-spacing: 0;
  65. }
  66. /* http://practicaltypography.com/equity.html */
  67. /* https://calendar.perfplanet.com/2016/no-font-face-bulletproof-syntax/ */
  68. /* https://www.filamentgroup.com/lab/js-web-fonts.html */
  69. @font-face {
  70. font-family: 'EquityTextB';
  71. src: url('/static/david/css/fonts/Equity-Text-B-Regular-webfont.woff2') format('woff2'),
  72. url('/static/david/css/fonts/Equity-Text-B-Regular-webfont.woff') format('woff');
  73. font-weight: 300;
  74. font-style: normal;
  75. font-display: swap;
  76. }
  77. @font-face {
  78. font-family: 'EquityTextB';
  79. src: url('/static/david/css/fonts/Equity-Text-B-Italic-webfont.woff2') format('woff2'),
  80. url('/static/david/css/fonts/Equity-Text-B-Italic-webfont.woff') format('woff');
  81. font-weight: 300;
  82. font-style: italic;
  83. font-display: swap;
  84. }
  85. @font-face {
  86. font-family: 'EquityTextB';
  87. src: url('/static/david/css/fonts/Equity-Text-B-Bold-webfont.woff2') format('woff2'),
  88. url('/static/david/css/fonts/Equity-Text-B-Bold-webfont.woff') format('woff');
  89. font-weight: 700;
  90. font-style: normal;
  91. font-display: swap;
  92. }
  93. @font-face {
  94. font-family: 'ConcourseT3';
  95. src: url('/static/david/css/fonts/concourse_t3_regular-webfont-20190806.woff2') format('woff2'),
  96. url('/static/david/css/fonts/concourse_t3_regular-webfont-20190806.woff') format('woff');
  97. font-weight: 300;
  98. font-style: normal;
  99. font-display: swap;
  100. }
  101. /* http://practice.typekit.com/lesson/caring-about-opentype-features/ */
  102. body {
  103. /* http://www.cssfontstack.com/ Palatino 99% Win 86% Mac */
  104. font-family: "EquityTextB", Palatino, serif;
  105. background-color: #f0f0ea;
  106. color: #07486c;
  107. font-kerning: normal;
  108. -moz-osx-font-smoothing: grayscale;
  109. -webkit-font-smoothing: subpixel-antialiased;
  110. text-rendering: optimizeLegibility;
  111. font-variant-ligatures: common-ligatures contextual;
  112. font-feature-settings: "kern", "liga", "clig", "calt";
  113. }
  114. pre, code, kbd, samp, var, tt {
  115. font-family: 'TriplicateT4c', monospace;
  116. }
  117. em {
  118. font-style: italic;
  119. color: #323a45;
  120. }
  121. strong {
  122. font-weight: bold;
  123. color: black;
  124. }
  125. nav {
  126. background-color: #323a45;
  127. color: #f0f0ea;
  128. display: flex;
  129. justify-content: space-around;
  130. padding: 1rem .5rem;
  131. }
  132. nav:last-child {
  133. border-bottom: 1vh solid #2d7474;
  134. }
  135. nav a {
  136. color: #f0f0ea;
  137. }
  138. nav abbr {
  139. border-bottom: 1px dotted white;
  140. }
  141. h1 {
  142. border-top: 1vh solid #2d7474;
  143. border-bottom: .2vh dotted #2d7474;
  144. background-color: #e3e1e1;
  145. color: #323a45;
  146. text-align: center;
  147. padding: 5rem 0 4rem 0;
  148. width: 100%;
  149. font-family: 'ConcourseT3';
  150. display: flex;
  151. flex-direction: column;
  152. }
  153. h1.single {
  154. padding-bottom: 10rem;
  155. }
  156. h1 span {
  157. position: absolute;
  158. top: 1vh;
  159. left: 20%;
  160. line-height: 0;
  161. }
  162. h1 span a {
  163. line-height: 1.7;
  164. padding: 1rem 1.2rem .6rem 1.2rem;
  165. border-radius: 0 0 6% 6%;
  166. background: #2d7474;
  167. font-size: 1.3rem;
  168. color: white;
  169. text-decoration: none;
  170. }
  171. h2 {
  172. margin: 4rem 0 1rem;
  173. border-top: .2vh solid #2d7474;
  174. padding-top: 1vh;
  175. }
  176. h3 {
  177. text-align: center;
  178. margin: 3rem 0 .75em;
  179. }
  180. hr {
  181. height: .4rem;
  182. width: .4rem;
  183. border-radius: .4rem;
  184. background: #07486c;
  185. margin: 2.5rem auto;
  186. }
  187. time {
  188. display: bloc;
  189. margin-left: 0 !important;
  190. }
  191. ul, ol {
  192. margin: 2rem;
  193. }
  194. ul {
  195. list-style-type: square;
  196. }
  197. a {
  198. text-decoration-skip-ink: auto;
  199. text-decoration-thickness: 0.05em;
  200. text-underline-offset: 0.09em;
  201. }
  202. article {
  203. max-width: 50rem;
  204. display: flex;
  205. flex-direction: column;
  206. margin: 2rem auto;
  207. }
  208. article.single {
  209. border-top: .2vh dotted #2d7474;
  210. margin: -6rem auto 1rem auto;
  211. background: #f0f0ea;
  212. padding: 2rem;
  213. }
  214. article p:last-child {
  215. margin-bottom: 1rem;
  216. }
  217. p {
  218. padding: 0 .5rem;
  219. margin-left: 3rem;
  220. }
  221. p + p,
  222. figure + p {
  223. margin-top: 2rem;
  224. }
  225. blockquote {
  226. background-color: #e3e1e1;
  227. border-left: .5vw solid #2d7474;
  228. display: flex;
  229. flex-direction: column;
  230. align-items: center;
  231. padding: 1rem;
  232. margin: 1.5rem;
  233. }
  234. blockquote cite {
  235. font-style: italic;
  236. }
  237. blockquote p {
  238. margin-left: 0;
  239. }
  240. figure {
  241. border-top: .2vh solid #2d7474;
  242. background-color: #e3e1e1;
  243. text-align: center;
  244. padding: 1.5rem 0;
  245. margin: 1rem 0 0;
  246. font-size: 1.5rem;
  247. width: 100%;
  248. }
  249. figure img {
  250. max-width: 250px;
  251. max-height: 250px;
  252. border: .5vw solid #323a45;
  253. padding: 1px;
  254. }
  255. figcaption {
  256. padding: 1rem;
  257. line-height: 1.4;
  258. }
  259. aside {
  260. display: flex;
  261. flex-direction: column;
  262. background-color: #e3e1e1;
  263. padding: 1rem 0;
  264. border-bottom: .2vh solid #07486c;
  265. }
  266. aside p {
  267. max-width: 50rem;
  268. margin: 0 auto;
  269. }
  270. /* https://fvsch.com/code/css-locks/ */
  271. p, li, pre, code, kbd, samp, var, tt, time, details, figcaption {
  272. font-size: 1rem;
  273. line-height: calc( 1.5em + 0.2 * 1rem );
  274. }
  275. h1 {
  276. font-size: 1.9rem;
  277. line-height: calc( 1.2em + 0.2 * 1rem );
  278. }
  279. h2 {
  280. font-size: 1.6rem;
  281. line-height: calc( 1.3em + 0.2 * 1rem );
  282. }
  283. h3 {
  284. font-size: 1.35rem;
  285. line-height: calc( 1.4em + 0.2 * 1rem );
  286. }
  287. @media (min-width: 20em) {
  288. /* The (100vw - 20rem) / (50 - 20) part
  289. resolves to 0-1rem, depending on the
  290. viewport width (between 20em and 50em). */
  291. p, li, pre, code, kbd, samp, var, tt, time, details, figcaption {
  292. font-size: calc( 1rem + .6 * (100vw - 20rem) / (50 - 20) );
  293. line-height: calc( 1.5em + 0.2 * (100vw - 50rem) / (20 - 50) );
  294. margin-left: 0;
  295. }
  296. h1 {
  297. font-size: calc( 1.9rem + 1.5 * (100vw - 20rem) / (50 - 20) );
  298. line-height: calc( 1.2em + 0.2 * (100vw - 50rem) / (20 - 50) );
  299. }
  300. h2 {
  301. font-size: calc( 1.5rem + 1.5 * (100vw - 20rem) / (50 - 20) );
  302. line-height: calc( 1.3em + 0.2 * (100vw - 50rem) / (20 - 50) );
  303. }
  304. h3 {
  305. font-size: calc( 1.35rem + 1.5 * (100vw - 20rem) / (50 - 20) );
  306. line-height: calc( 1.4em + 0.2 * (100vw - 50rem) / (20 - 50) );
  307. }
  308. }
  309. @media (min-width: 50em) {
  310. /* The right part of the addition *must* be a
  311. rem value. In this example we *could* change
  312. the whole declaration to font-size:2.5rem,
  313. but if our baseline value was not expressed
  314. in rem we would have to use calc. */
  315. p, li, pre, code, kbd, samp, var, tt, time, details, figcaption {
  316. font-size: calc( 1rem + .6 * 1rem );
  317. line-height: 1.5em;
  318. }
  319. p, li, pre, details {
  320. margin-left: 3rem;
  321. }
  322. h1 {
  323. font-size: calc( 1.9rem + 1.5 * 1rem );
  324. line-height: 1.2em;
  325. }
  326. h2 {
  327. font-size: calc( 1.5rem + 1.5 * 1rem );
  328. line-height: 1.3em;
  329. }
  330. h3 {
  331. font-size: calc( 1.35rem + 1.5 * 1rem );
  332. line-height: 1.4em;
  333. }
  334. figure img {
  335. max-width: 500px;
  336. max-height: 500px;
  337. }
  338. }
  339. figure.unsquared {
  340. margin-bottom: 1.5rem;
  341. }
  342. figure.unsquared img {
  343. height: inherit;
  344. }
  345. @media print {
  346. body { font-size: 100%; }
  347. a:after { content: " (" attr(href) ")"; }
  348. a, a:link, a:visited, a:after {
  349. text-decoration: underline;
  350. text-shadow: none !important;
  351. background-image: none !important;
  352. background: white;
  353. color: black;
  354. }
  355. abbr[title] { border-bottom: 0; }
  356. abbr[title]:after { content: " (" attr(title) ")"; }
  357. img { page-break-inside: avoid; }
  358. @page { margin: 2cm .5cm; }
  359. h1, h2, h3 { page-break-after: avoid; }
  360. p3 { orphans: 3; widows: 3; }
  361. img {
  362. max-width: 250px !important;
  363. max-height: 250px !important;
  364. }
  365. nav, aside { display: none; }
  366. }
  367. ul.with_columns {
  368. column-count: 1;
  369. }
  370. @media (min-width: 20em) {
  371. ul.with_columns {
  372. column-count: 2;
  373. }
  374. }
  375. @media (min-width: 50em) {
  376. ul.with_columns {
  377. column-count: 3;
  378. }
  379. }
  380. ul.with_two_columns {
  381. column-count: 1;
  382. }
  383. @media (min-width: 20em) {
  384. ul.with_two_columns {
  385. column-count: 1;
  386. }
  387. }
  388. @media (min-width: 50em) {
  389. ul.with_two_columns {
  390. column-count: 2;
  391. }
  392. }
  393. .gallery {
  394. display: flex;
  395. flex-wrap: wrap;
  396. justify-content: space-around;
  397. }
  398. .gallery figure img {
  399. margin-left: 1rem;
  400. margin-right: 1rem;
  401. }
  402. .gallery figure figcaption {
  403. font-family: 'ConcourseT3'
  404. }
  405. footer {
  406. font-family: 'ConcourseT3';
  407. display: flex;
  408. flex-direction: column;
  409. border-top: 3px solid white;
  410. padding: 4rem 0;
  411. background-color: #07486c;
  412. color: white;
  413. }
  414. footer > * {
  415. max-width: 50rem;
  416. margin: 0 auto;
  417. }
  418. footer a {
  419. color: #f1c40f;
  420. }
  421. footer .avatar {
  422. width: 200px;
  423. height: 200px;
  424. border-radius: 50%;
  425. float: left;
  426. -webkit-shape-outside: circle();
  427. shape-outside: circle();
  428. margin-right: 2rem;
  429. padding: 2px 5px 5px 2px;
  430. background: white;
  431. border-left: 1px solid #f1c40f;
  432. border-top: 1px solid #f1c40f;
  433. border-right: 5px solid #f1c40f;
  434. border-bottom: 5px solid #f1c40f;
  435. }
  436. </style>
  437. <h1>
  438. <span><a id="jumper" href="#jumpto" title="Un peu perdu ?">?</a></span>
  439. L’archive épidémique (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="http://affordance.typepad.com//mon_weblog/2018/01/memoire-et-oubli.html">Source originale du contenu</a></h3>
  445. <p>J'ai souvent sur ce blog écrit au sujet de la mémoire. Du rapport à la mémoire que modifie, structurellement et conjoncturellement le numérique (notamment "<a href="http://affordance.typepad.com/mon_weblog/2009/01/funes-ou-la-m%25C3%25A9moire-le-web-hypermn%25C3%25A9sique.html" rel="noopener noreferrer" target="_blank">Funès ou la mémoire : le web hypermnésique</a>" en Janvier 2009, "<a href="http://affordance.typepad.com/mon_weblog/2011/06/nos-memoires-ne-valent-pas-un-cloud.html" rel="noopener noreferrer" target="_blank">Nos mémoires ne valent pas un Cloud</a>" en Juin 2011, "<a href="http://affordance.typepad.com/mon_weblog/2011/09/total-recall.html" rel="noopener noreferrer" target="_blank">Total Recall : Silico Transit Memoria Mundi</a>" en Septembre 2011, "<a href="http://affordance.typepad.com/mon_weblog/2011/11/la-memoire-et-lamer.html" rel="noopener noreferrer" target="_blank">La mémoire et l'amer</a>" en Novembre 2011, "<a href="http://affordance.typepad.com/mon_weblog/2012/02/le-jour-ou-youtube-fermera.html" rel="noopener noreferrer" target="_blank">Le jour où Youtube fermera</a>" en Février 2012, "<a href="http://affordance.typepad.com/mon_weblog/2015/04/extended-memories-les-3-figures-du-memex.html" rel="noopener noreferrer" target="_blank">Extented Memories : l'avenir du Search</a>" en Avril 2015)</p>
  446. <p>&#13;
  447. <h2>Total Recall.</h2>&#13;
  448. <p>Pour le dire rapidement, mon hypothèse était que le numérique changeait radicalement notre rapport à l'archive et au patrimonial (avec l'émergence de l'idée d'un "patrimoine du temporaire"). Comme il devenait impossible de "faire le tri" en amont pour savoir quoi archiver, comment le faire et pour combien de temps, il fallait changer de paradigme archivistique et tout prendre, tout capter, tout conserver, à charge ensuite pour les citoyens et les chercheurs, grâce aux outils numériques du Big Data et de la linguistique de corpus (notamment), de venir extraire de ces gigantesques archives ce dont ils avaient besoin pour comprendre les processus sociaux, politiques et historiques d'une période donnée et pouvoir leur (re)donner du sens. </p>&#13;
  449. <p>L'un des exemples qui m'accompagnait souvent dans cette analyse et que je continuais de donner en exemple à mes étudiant(e)s était celui de la Bibliothèque du Congrès (LoC). Nous étions alors le 14 Avril 2010 et une dépêche AFP venait de tomber en indiquant que ladite bibliothèque du Congrès (LoC) "<em>accueillerait les milliards de messages postés sur le site de microblogs Twitter depuis son lancement en mars 2006.</em>" L'annonce était simultanément faite sur <a href="http://blogs.loc.gov/loc/2010/04/how-tweet-it-is-library-acquires-entire-twitter-archive/" rel="noopener noreferrer" target="_blank">le blog de la LoC</a>.</p>&#13;
  450. <p>Annonce tonitruante dont on peine, 8 ans plus tard, à mesurer l'ampleur, et bouleversement que j'avais commenté dans l'article "<a href="http://affordance.typepad.com/mon_weblog/2010/05/twitter-le-patrimoine-du-superflux-.html" rel="noopener noreferrer" target="_blank">Twitter : un patrimoine superflu(x) ?</a>" et où je rappelais que nous nous rapprochions de la vision de l'archive telle que définie par Foucault :</p>&#13;
  451. <blockquote>&#13;
  452. <p>"<em>Par archive, j’entends d’abord la masse des choses dites dans une culture, conservées, valorisées, réutilisées, répétées et transformées. Bref toute cette masse verbale qui a été fabriquée par les hommes, investie dans leurs techniques et leurs institutions, et qui est tissée avec leur existence et leur histoire.</em>" Michel Foucault, Sur l’archéologie des sciences (1968)</p>&#13;
  453. </blockquote>&#13;
  454. <p>Et que ce rapprochement ouvrait beaucoup plus de problèmes qu'il ne permettait d'envisager de solutions.</p>&#13;
  455. <h2>Archive au choix.</h2>&#13;
  456. <p>Il y a un mois, le 26 décembre 2017 la Bibliothèque du Congrès <a href="https://blogs.loc.gov/loc/2017/12/update-on-the-twitter-archive-at-the-library-of-congress-2/?loclr=blogloc" rel="noopener noreferrer" target="_blank">annonçait sur son blog qu'elle allait revoir complètement cette logique d'archivage de Twitter</a>, pour en revenir à un mode plus "classique", c'est à dire sélectionner et choisir des Tweets en fonction d'événements historiques (élections par exemple) ou de personnalités reconnues. Le site Actualitté titrait en commentaire de cet événement : "<a href="https://www.actualitte.com/article/monde-edition/peut-etre-n-est-il-pas-necessaire-d-archiver-tous-les-tweets-du-monde/86491" rel="noopener noreferrer" target="_blank">Peut-être n'est-il pas nécessaire d'archiver tous les tweets du monde.</a>" Dont acte. </p>&#13;
  457. <p>En l'état la bibliothèque du Congrès conservera donc l'archive "complète" des comptes publics constituée de 2006 à 2010 ainsi qu'une archive permettant de documenter les années 2010 à 2017, et pour le reste la nouvelle politique d'archivistique à l'échelle de ce patrimoine du temporaire <a href="https://blogs.loc.gov/loc/2017/12/update-on-the-twitter-archive-at-the-library-of-congress-2/?loclr=blogloc" rel="noopener noreferrer" target="_blank">sera sélective</a> ("<em>The Library will work with Twitter to acquire tweets on a selective basis.</em>") Le document de la LoC <a href="https://blogs.loc.gov/loc/files/2017/12/2017dec_twitter_white-paper.pdf" rel="noopener noreferrer" target="_blank">précise</a> :</p>&#13;
  458. <blockquote>&#13;
  459. <p>"<em>the tweets collected and archived will be thematic and event-based, including events such as elections, or themes of ongoing national interest, e.g. public policy.</em>"</p>&#13;
  460. </blockquote>&#13;
  461. <p>Et rappelle aussi qu'à la différence des archives mises publiquement à disposition par la LoC, <a href="https://www.loc.gov/websites/" rel="noopener noreferrer" target="_blank">y compris des archives du web</a>, l'archive Twitter reste pour l'instant "<em>sous embargo</em>" afin de régler différents problèmes d'accès et de respect de vie privée (mais aussi peut-être un peu de modèle économique). </p>&#13;
  462. <blockquote>&#13;
  463. <p>"<em>The Library will also engage with Twitter to resolve issues associated with managing transactions that generate deletions of tweets, and user access issues. The Twitter collection will remain embargoed until access issues can be resolved in a cost-effective and sustainable manner.</em>"</p>&#13;
  464. </blockquote>&#13;
  465. <p>La LoC adopte donc une logique de traitement et de constitution des archives plus "classique", à l'image de ce que fait, par exemple, le dépôt légal du web de la BnF en France : <a href="https://beta.arretsurimages.net/emissions/archives-cest-normal-de-conserver-skyblog" rel="noopener noreferrer" target="_blank">on choisit et on sélectionne des hashtags et des comptes en lien avec un événement donné</a> pour les verser dans une collection archivistique <em>ad hoc</em>.</p>&#13;
  466. <h2>Archiver les erreurs des moteurs.</h2>&#13;
  467. <p>Robert Epstein est un scientifique, <a href="https://en.wikipedia.org/wiki/Robert_Epstein" rel="noopener noreferrer" target="_blank">psychologue de Harvard</a>, notamment connu pour sa description et sa démonstration, en 2014, d'un effet de manipulation des moteurs de recherche, particulièrement problématique dans des périodes d'élection : <a href="http://www.pnas.org/content/112/33/E4512.long" rel="noopener noreferrer" target="_blank">le Search Engine Manipulation Effect</a>. Dans une <a href="https://theoutline.com/post/2600/meet-the-man-trying-to-catch-google-search-at-its-worst?zd=1" rel="noopener noreferrer" target="_blank">interview récente à The Outline</a>, reprise et chroniquée <a href="https://www.numerama.com/tech/316715-archiver-les-mots-cle-des-moteurs-de-recherche.html" rel="noopener noreferrer" target="_blank">par Numérama</a>, il explique que pour pouvoir établir et prouver la responsabilité des moteurs de recherche dans certains cas de résultats faux, faussés ou problématiques (notamment en période électorale <a href="http://affordance.typepad.com/mon_weblog/2016/12/algorithmes-tondus-liberation.html" rel="noopener noreferrer" target="_blank">mais pas uniquement</a>), et ces résultats étant en général corrigés après coup via différentes mises à jour algorithmiques faisant du même coup disparaître toute forme de "preuve", il faut construire une archive publique et consultable de - certaines - de ces pages de résultats. </p>&#13;
  468. <p>Je reprends ici la conclusion de <a href="https://www.numerama.com/tech/316715-archiver-les-mots-cle-des-moteurs-de-recherche.html" rel="noopener noreferrer" target="_blank">l'article de Numérama</a> : </p>&#13;
  469. <blockquote>&#13;
  470. <p>"<em>Il faut que nous puissions voir et enregistrer ce que les algorithmes montrent aux gens. Regarder le code ne sert à rien : il faut qu’on puisse voir ce que chacun visualise sur son écran</em> » conclut Robert Epstein. L’équipe dédiée à ce projet a notamment <a href="http://aibrt.org/downloads/PROSPECTUS-The_Sunlight_Society-March_2017-EMBARGOED_until_March_14_2017.pdf" rel="noopener noreferrer" target="_blank">archivé plus de 13 000 recherches Yahoo, Google et Bing</a> liées à l’élection présidentielle américaine entre mai et novembre 2017, ainsi que les près de 100 000 pages de résultats liés. Elle espère convaincre de la viabilité de son système pour rendre les géants de la tech plus responsables."</p>&#13;
  471. </blockquote>&#13;
  472. <h2>Argent trop cher, archives aussi.</h2>&#13;
  473. <p>Depuis Novembre 2017 c'est une annonce et un projet du gouvernement qui faisait réagir la communauté des archivistes et bibliothécaires. Le projet consistant à économiser de l'argent et donc à détruire et à ne plus collecter et conserver autant d'archives. Pour plus de détails on pourra se reporter à <a href="https://www.actualitte.com/article/tribunes/rn2a-la-republique-francaise-s-interesse-t-elle-encore-aux-archives/85996" rel="noopener noreferrer" target="_blank">cet article d'Actualitté</a> ou bien encore à l'excellente émission qu'<a href="https://beta.arretsurimages.net/emissions/archives-cest-normal-de-conserver-skyblog" rel="noopener noreferrer" target="_blank">Arrêt sur Images a consacré à ce sujet mi-janvier 2018</a>.  </p>&#13;
  474. <p><a class="asset-img-link" href="http://www.affordance.info/.a/6a00d8341c622e53ef01b8d2d08045970c-pi"><img alt="Archiv" border="0" class="asset asset-image at-xid-6a00d8341c622e53ef01b8d2d08045970c image-full img-responsive" src="http://www.affordance.info/.a/6a00d8341c622e53ef01b8d2d08045970c-800wi" title="Archiv"/></a></p>&#13;
  475. <h2>Archiver tout Twitter, archiver les moteurs, archiver ... l'essentiel.</h2>&#13;
  476. <p>Trois histoires donc. </p>&#13;
  477. <p>Celle de l'archivage exhaustif de Twitter devenu impossible par la volonté de la puissance publique, fut-elle la Bibliothèque du Congrès.</p>&#13;
  478. <p>Celle de l'archivage et de la conservation des résultats des moteurs de recherche afin de pouvoir documenter non seulement leurs erreurs (et donc d'établir leurs responsabilités) mais également l'évolution de notre propre rapport à l'information.</p>&#13;
  479. <p>Et celle de la question des économies que la "puissance publique" souhaite réaliser autour de ce qu'elle nomme sans vraiment les définir comme étant des "archives essentielles". </p>&#13;
  480. <p>Ces trois histoires posent en creux le cadre d'une réflexion urgente sur la manière dont ces espaces semi-publics et semi-privés que sont moteurs de recherche et réseaux sociaux peuvent ou doivent entrer dans le champ d'une conservation et d'une mise à disposition. Réflexion qui doit également porter sur la nature de cette conservation et ses modalités d'accès et de collecte : faut-il des archives complètes, partielles, sélectives (et sur la base de quels critères ?). </p>&#13;
  481. <p>L'un des premiers axes de cette critériologie est bien sûr la question de l'articulation entre ce qui a vocation à devenir public (et donc archivé) et ce qui doit rester privé.</p>&#13;
  482. <p>Sur l'épineuse question de "<em>la nature publique ou privée d'une source web</em>", la page du <a href="http://www.bnf.fr/fr/professionnels/archivage_web_bnf/a.dlweb_collecte_acces_libre.html#SHDC__Attribute_BlocArticle1BnF" rel="noopener noreferrer" target="_blank">dépôt légal du web de la BnF indique</a> (je souligne) :</p>&#13;
  483. <blockquote>&#13;
  484. <p>"Le dépôt légal s’applique à ce qui est considéré comme publié, c’est-à-dire mis à la disposition du public, en ligne ; les échanges à caractère privé ne sont pas concernés. Les sites, blogs, voire <strong>les parties publiques de réseaux sociaux, sont donc soumis au dépôt légal</strong>, <strong>à l’inverse</strong> des courriels, <strong>des espaces privés des réseaux sociaux</strong> ou des sites intranet qui en sont exclus. <strong>C’est la nature du destinataire qui indique le caractère public ou privé</strong> : dès que le destinataire doit être spécifiquement agréé par l’émetteur du site (par exemple par réception d’un mot de passe ou par acceptation comme membre d’un réseau), le document est d’ordre privé."</p>&#13;
  485. </blockquote>&#13;
  486. <p>Cette règle archivistique est claire - au premier degré - et chacun voit bien qu'elle permet de ne pas archiver, par exemple, les contenus circulant via Messenger. Mais même en se limitant aux deux plateformes que sont Facebook et Twitter, on pourrait avoir des heures de débat sur le fait que tel ou tel "post" ou "tweet" relève de la "<em>partie publique</em>" du réseau ou de son "<em>espace privé</em>", et <em>a fortiori</em> lorsque la même règle archivistique stipule que le document est d'ordre privé dès lors qu'il suppose "<em>l'acceptation comme membre du réseau"</em> ou "<em>la réception d'un mot de passe</em>". A ce titre et toujours au premier degré, la totalité des contenus des plateformes seraient donc hors-champ de toute forme d'archive publique.</p>&#13;
  487. <h2>Archive épidémique ou épidémie d'archives.</h2>&#13;
  488. <p>Il est naturellement impossible de "tout" conserver et de produire l'archive Foucaldienne évoquée plus haut. Tout comme il est impossible de laisser hors-champ de l'archive et du patrimoine la totalité des logiques de production et de réception d'information à l'oeuvre dans les grandes plateformes. Et il est vital que la puissance publique soit en capacité de constituer et de rendre accessible cette archive car en laisser le seul soin à des acteurs privés serait une <a href="http://affordance.typepad.com/mon_weblog/2012/02/le-jour-ou-youtube-fermera.html" rel="noopener noreferrer" target="_blank">pure folie culturelle et politique</a>.  </p>&#13;
  489. <p>On pourrait imaginer qu'il existe en fait deux "situations", deux visions de l'archive à l'échelle d'une société : <strong>une perception endémique de l'archive, et une perception épidémique de l'archive</strong>.</p>&#13;
  490. <p><strong>La perception endémique</strong> désigne la présence habituelle d'un <em>habitus</em> archivistique dans un secteur ou sur un volet patrimonial donné. On "sait faire" une archive et l'on sait "à quoi sert" la même archive (et pourquoi donc on la constitue de telle ou telle manière).</p>&#13;
  491. <p><strong>La perception épidémique</strong> de l'archive désignant alors l'augmentation inhabituelle et subite du nombre d'information à archiver existant à l'état endémique dans un secteur ou sur un volet patrimonial donné. Cette perception épidémique de l'archive est consubstancielle de l'émergence de chaque nouvelle grande plateforme du web, <a href="https://www.slideshare.net/olivier/lavenir-des-collections-la-bibliothque-comme-mme" rel="noopener noreferrer" target="_blank">de chaque nouvelle "collection" ainsi rendue publique ou semi-publique</a>. Lorsqu'apparaissent YouTube, FlickR, Twitter, Facebook et tant d'autres, elles font simultanément basculer nombre de certitudes archivistiques, non pas tant par l'échelle industrielle à laquelle il est nécessaire de se placer pour traiter ces nouveaux contenus (cela les bibliothèques ont appris à le faire), mais du fait des incertitudes qui accompagnent et traversent à la fois les usages et la dimension pérenne de ces plateformes, et du fait également du statut des contenus qui y sont produits et accédés.</p>&#13;
  492. <p>Quand YouTube s'est constitué (Février 2005), et qu'il n'était composé que de contenus piratés ou de films amateurs de mariages, la question de l'archive ne se posait pas. Treize ans plus tard, chacun voit bien <a href="http://affordance.typepad.com/mon_weblog/2012/02/le-jour-ou-youtube-fermera.html" rel="noopener noreferrer" target="_blank">la question que poserait un effacement total de l'archive ainsi constituée</a>. Et on pourrait dire la même chose de tant et tant d'autres services et plateformes. Or si rien ne prouve que ces plateformes disparaîtront prochainement, rien ne prouve davantage qu'elles seront éternelles, et surtout rien n'indique que les modalités de leur accès  - et donc de leur rendu - public n'évolueront pas vers des modes marchands ou bien plus privatifs que ce qu'ils sont actuellement.</p>&#13;
  493. <h2><strong>Faire confiance à des archives publiques de la vie privée.</strong></h2>&#13;
  494. <p>Le titre ci-dessus n'est là que pour le plaisir du trouble qu'il jettera - je l'espère - dans l'esprit de mes lecteurs. Mais la question qu'il pose me semble importante. Cette question c'est celle du rôle et de la place qu'entretient aujourd'hui la question de l'archive avec, d'une part la question de la "privacy" qui est probablement l'un des marqueurs les plus constants et signifiants des bouleversements numériques (<a href="http://www.casilli.fr/2018/01/22/la-vie-privee-et-les-travailleurs-de-la-donnee-le-monde-22-janv-2018/" rel="noopener noreferrer" target="_blank">lire attentivement la dernière tribune D'antonio Casilli et Paola Tubaro dans Le Monde</a>), et avec d'autre part la question de la "confiance" qui permet aux logiques d'archivage de contribuer à renforcer la valeur et la dimension de preuve des documents et items collectés. </p>&#13;
  495. <p>Confiance et "privacy" donc.</p>&#13;
  496. <h3><em><strong>Sur la question de la confiance.</strong></em></h3>&#13;
  497. <p>Sur la question de la confiance, la réflexion sur les archives ne peut plus faire l'économie d'une réflexion croisée autour des <a href="http://affordance.typepad.com//mon_weblog/2017/12/gal-gadot-porno-politique-faux-document.html" rel="noopener noreferrer" target="_blank">technologies de l'artefact</a>. Réflexion qui pourrait démarrer par le questionnement suivant : dans une société où ces technologies de l'artefact occupent une place prépondérante, où les régimes de vérité sont en situation de concurrence faussée, et où les espaces médiatiques de circulation des idées sont pour l'essentiel des plateformes privées revêtant une valeur d'usage(s) public(s), comment garantir la constitution d'une archive permettant de construire une valeur de preuve collective et un indice de confiance stable ? </p>&#13;
  498. <p>Je n'ai bien sûr pas la réponse mais je sais, comme d'autres avant moi l'ont démontré, <a href="http://affordance.typepad.com//mon_weblog/2017/12/gal-gadot-porno-politique-faux-document.html" rel="noopener noreferrer" target="_blank">que nous courrons à la catastrophe si nous n'y parvenons pas</a>. Et à ce titre, la question posée par Epstein sur l'archivage des <em>résultats</em> des moteurs de recherche me semble tout à fait pertinente. </p>&#13;
  499. <h3><em>Sur la question de la "privacy".</em></h3>&#13;
  500. <p>la formule est aussi fausse, dangereuse et démagogique que connue : "<a href="http://www.zdnet.fr/actualites/eric-schmidt-google-seuls-les-criminels-se-soucient-de-proteger-leurs-donnees-personnelles-39711378.htm" rel="noopener noreferrer" target="_blank"><em>Si vous n'avez rien à vous reprocher, vous n'avez rien à cacher.</em></a>" Mais si vous n'avez rien à cacher est-ce pour autant que vous avez tout à archiver ?  </p>&#13;
  501. <p>Il faut nous préparer à une société du paradoxe de la dissimulation. Je parle d'un paradoxe mémoriel et donc de l'archive qui en découle. Un paradoxe mémoriel à l'échelle individuelle et collective. Et je m'explique. Enfin j'essaie :-)</p>&#13;
  502. <h2>Les iPhones des poilus.</h2>&#13;
  503. <p>D'un côté, toutes les informations que nous souhaitons garder secrètes pourront l'être mais, à la différence des lettres cachées ou volées que l'on pouvait toujours retrouver des dizaines d'années plus tard pour les verser "aux archives", ce secret ne pourra jamais être levé et ce quelle qu'en soit la valeur historique ou mémorielle. Je vais vous raconter une petite uchronie, mais avant souvenez-vous. </p>&#13;
  504. <p>Souvenez-vous des nombreuses histoires qui ont opposé Apple (fabriquant d'iPhone) à la justice américaine autour du "secret" absolu et inviolable des informations contenus dans l'iPhone utilisé lors d'un attentat, inviolabilité que la requête dûment diligentée par un juge n'avait pas réussi à casser. Je vous avais raconté cette histoire dans une série de billets ("<a href="http://affordance.typepad.com/mon_weblog/2016/02/iphone-le-degre-zero-de-la-privacy.html">Un terroriste est un client Apple comme les autres</a>" =&gt; "<a href="http://affordance.typepad.com/mon_weblog/2016/02/pomme-pomme-pomme-suppr.html" rel="noopener noreferrer" target="_blank">Pomme Pomme Pomme Suppr</a>" =&gt; "<a href="http://affordance.typepad.com/mon_weblog/2016/04/la-transparence-des-cryptes.html" rel="noopener noreferrer" target="_blank">La transparence de cryptes</a>"), billets dont la conclusion était (en gros) la suivante :</p>&#13;
  505. <blockquote>&#13;
  506. <p>"La question à se poser est alors celle-ci : nous avons tous une vie privée, et nous avons tous le droit à une vie privée. Pour autant, dans le cadre d'un état de droit, et dans le cadre d'une procédure judiciaire, si nous sommes accusés ou reconnus coupables d'un acte délictueux, les éléments qui composent et documentent notre vie privée restent accessible via un mandat de perquisition (ordonné par un juge). <strong>La question que pose le cryptage par défaut incassable des iPhones et la lettre de Tim Cook aux clients d'Apple est celle de savoir si l'espace - physique ou numérique - alloué aux traces documentaires de notre vie privée doit être imperquisitionnable. S'il doit résister à toute forme de perquisition. (...)</strong></p>&#13;
  507. <p><strong>En tant que citoyen et en tant que chercheur travaillant sur la question des traces numériques</strong>, <strong>je trouve inquiétant</strong> qu'il existe ainsi des "boîtes noires", des espaces non accessibles aux requêtes d'un juge dans le cadre d'une enquête criminelle, des espaces "imperquisitionnables". Jusqu'ici, à l'échelle de nos démocraties, aucun domicile, ni même aucun coffre bancaire d'aucune banque (sauf peut-être dans certaines îles des Caïmans, bon et en Suisse aussi d'accord ...) ne pouvait se soustraire à un mandat de perquisition en bonne et due forme."</p>&#13;
  508. </blockquote>&#13;
  509. <p>Bref, le droit à la vie privée dans un état de droit ne doit pas être assimilé à un droit au secret délivré et décrété par un fabriquant de Hardware. Je notais également à propos de cette affaire le renversement total opéré par les plateformes dans leur argumentaire autour de la vie privée : </p>&#13;
  510. <blockquote>&#13;
  511. <p>"Il y a peu, ces mêmes firmes qui nous vantent aujourd'hui l'importance d'offrir un niveau de cryptage absolu sur la moindre de nos communications étaient celles qui nous expliquaient que la vie privée n'existait pas (ou était <a href="http://rue89.nouvelobs.com/2013/11/21/vie-privee-anomalie-les-dogmes-flippants-google-247726" rel="noopener noreferrer" target="_blank">une anomalie</a>) et que <a href="http://www.zdnet.fr/actualites/eric-schmidt-google-seuls-les-criminels-se-soucient-de-proteger-leurs-donnees-personnelles-39711378.htm" rel="noopener noreferrer" target="_blank">si nous n'avions rien à nous reprocher alors nous n'avions rien à - leur - cacher</a>. Il y a peu, ce qui était suspect était la tentation de préserver un semblant de vie privée ; désormais, ce qui est suspect est de ne pas réclamer à hauts-cris un niveau de cryptage résistant à l'ensemble des agences de renseignement de la planète pour la moindre photo de vacances ou le moindre échange de SMS avec nos proches." </p>&#13;
  512. </blockquote>&#13;
  513. <p>Et maintenant donc comme promis laissez-moi vous compter une petite uchronie. Imaginez une guerre. Mondiale. L'une des deux dernières par exemple. Et prenez conscience de la masse d'informations dont nous avons pu disposer sur cette période et sur ces guerres grâce aux archives constituées à partir de lettres et de correspondances, privées donc, retrouvées parfois des - dizaines - années plus tard. Imaginez maintenant que lors de ces guerres, soldats et poilus aient eu à leur disposition des iPhones (j'ai dit que c'était une uchronie). Voilà. Nous n'aurions alors rien pu savoir de leur correspondance. Rien du ressenti adressé à leurs proches n'aurait pu nous permettre de faire mémoire.</p>&#13;
  514. <p>Le droit à la vie privée ne doit pas être un droit au secret. La valeur et l'intérêt d'une archive ne se mesure souvent que longtemps après les événements qui la composent.   </p>&#13;
  515. <h2>L'archive génétique.</h2>&#13;
  516. <p>D'un côté donc, nous sommes aujourd'hui dans une société où chacun peut disposer d'une archive privée définitivement inviolable et imperquisitionnable. Certains s'en réjouissent, d'autres s'en inquiètent (dont moi). Et de l'autre côté, une autre révolution s'amorce avec le fait que les secrets pour le coup les plus intimement biologiques sur notre ascendance et notre héritage biologique, ces secrets inscrits dans la loi et garantis par l'état dans le cadre de la PMA par exemple (anonymat du don de gamètes), ne signifieront plus rien et ne tiendront pas deux minutes au regard des possibilités offertes par la dérégulation et la mondialisation effective du marché de la génomique personnelle. C'est en tout cas ce que vient de démontrer le cas d'Arthur Kermaleven, qui à l'aide du kit fourni par la société 23andMe (une <a href="https://www.google.fr/search?q=%2223andMe%22&amp;btnG=%C2%BB&amp;domains=http://affordance.typepad.com&amp;sitesearch=http://affordance.typepad.com&amp;gws_rd=cr&amp;dcr=0&amp;ei=T6ZnWoWHOOGEgAajoJoQ" rel="noopener noreferrer" target="_blank">vieille connaissance sur ce blog</a> ;-), d'un site de généalogie en ligne, d'une recherche sur LinkedIn (bon et quand même aussi d'un peu de chance) <a href="http://www.liberation.fr/france/2018/01/15/don-de-sperme-le-jour-ou-arthur-kermalvezen-a-retrouve-son-geniteur_1622583" rel="noopener noreferrer" target="_blank">a retrouvé en quelques jours son "donneur".</a></p>&#13;
  517. <h2>Voilà probablement la bascule.</h2>&#13;
  518. <p>Voilà sensiblement le changement de paradigme. Ce ne sont plus les États qui sont aptes à définir juridiquement et à garantir socialement les conditions du secret (y compris d'ailleurs, pour nombre de "secrets d'état" à l'ère post-wikileaks) mais des opérateurs et des plateformes privé(e)s. Ce sont également les mêmes plateformes et opérateurs privés qui sont chaque jour en capacité de faire archive de notre intimité et de notre vie privée. Et ce sont enfin une nouvelles fois les mêmes plateformes et opérateurs privés qui disposent aussi de la "<a href="http://affordance.typepad.com/mon_weblog/2012/04/google-drive-me-crazy.html" rel="noopener noreferrer" target="_blank">golden copy</a>", de la copie dorée et originale de nombre de documents à la valeur patrimoniale et publique incontestable.</p>&#13;
  519. <p>Cette triple conjonction de faits doit, à tout le moins, nous amener à nous interroger sur notre capacité à faire mémoire en dehors du champ desdites plateformes. C'est à dire, puisqu'il ne peut y avoir de société sans mémoire, à nous interroger sur notre capacité à faire société en dehors de ces plateformes.   <a href="https://twitter.com/arouvroy/status/953707530454274049" rel="noopener noreferrer" target="_blank"/></p></p>
  520. </article>
  521. </section>
  522. <nav id="jumpto">
  523. <p>
  524. <a href="/david/blog/">Accueil du blog</a> |
  525. <a href="http://affordance.typepad.com//mon_weblog/2018/01/memoire-et-oubli.html">Source originale</a> |
  526. <a href="/david/stream/2019/">Accueil du flux</a>
  527. </p>
  528. </nav>
  529. <footer>
  530. <div>
  531. <img src="/static/david/david-larlet-avatar.jpg" loading="lazy" class="avatar" width="200" height="200">
  532. <p>
  533. Bonjour/Hi!
  534. 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>
  535. 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>).
  536. </p>
  537. <p>
  538. 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>.
  539. </p>
  540. <p>
  541. Voici quelques articles choisis :
  542. <a href="/david/blog/2019/faire-equipe/" title="Accéder à l’article complet">Faire équipe</a>,
  543. <a href="/david/blog/2018/bivouac-automnal/" title="Accéder à l’article complet">Bivouac automnal</a>,
  544. <a href="/david/blog/2018/commodite-effondrement/" title="Accéder à l’article complet">Commodité et effondrement</a>,
  545. <a href="/david/blog/2017/donnees-communs/" title="Accéder à l’article complet">Des données aux communs</a>,
  546. <a href="/david/blog/2016/accompagner-enfant/" title="Accéder à l’article complet">Accompagner un enfant</a>,
  547. <a href="/david/blog/2016/senior-developer/" title="Accéder à l’article complet">Senior developer</a>,
  548. <a href="/david/blog/2016/illusion-sociale/" title="Accéder à l’article complet">L’illusion sociale</a>,
  549. <a href="/david/blog/2016/instantane-scopyleft/" title="Accéder à l’article complet">Instantané Scopyleft</a>,
  550. <a href="/david/blog/2016/enseigner-web/" title="Accéder à l’article complet">Enseigner le Web</a>,
  551. <a href="/david/blog/2016/simplicite-defaut/" title="Accéder à l’article complet">Simplicité par défaut</a>,
  552. <a href="/david/blog/2016/minimalisme-esthetique/" title="Accéder à l’article complet">Minimalisme et esthétique</a>,
  553. <a href="/david/blog/2014/un-web-omni-present/" title="Accéder à l’article complet">Un web omni-présent</a>,
  554. <a href="/david/blog/2014/manifeste-developpeur/" title="Accéder à l’article complet">Manifeste de développeur</a>,
  555. <a href="/david/blog/2013/confort-convivialite/" title="Accéder à l’article complet">Confort et convivialité</a>,
  556. <a href="/david/blog/2013/testament-numerique/" title="Accéder à l’article complet">Testament numérique</a>,
  557. et <a href="/david/blog/" title="Accéder aux archives">bien d’autres…</a>
  558. </p>
  559. <p>
  560. 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>.
  561. </p>
  562. <p>
  563. Je ne traque pas ta navigation mais mon
  564. <abbr title="Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33.184162340">hébergeur</abbr>
  565. conserve des logs d’accès.
  566. </p>
  567. </div>
  568. </footer>
  569. <script type="text/javascript">
  570. ;(_ => {
  571. const jumper = document.getElementById('jumper')
  572. jumper.addEventListener('click', e => {
  573. e.preventDefault()
  574. const anchor = e.target.getAttribute('href')
  575. const targetEl = document.getElementById(anchor.substring(1))
  576. targetEl.scrollIntoView({behavior: 'smooth'})
  577. })
  578. })()
  579. </script>