Repository with sources and generator of https://larlet.fr/david/ https://larlet.fr/david/
Nevar pievienot vairāk kā 25 tēmas Tēmai ir jāsākas ar burtu vai ciparu, tā var saturēt domu zīmes ('-') un var būt līdz 35 simboliem gara.

pirms 5 gadiem
pirms 5 gadiem
pirms 5 gadiem
pirms 5 gadiem
pirms 5 gadiem
pirms 5 gadiem
pirms 5 gadiem
pirms 5 gadiem
pirms 5 gadiem
pirms 5 gadiem
pirms 5 gadiem
pirms 5 gadiem
pirms 5 gadiem
pirms 5 gadiem
pirms 5 gadiem
pirms 5 gadiem
pirms 5 gadiem
pirms 5 gadiem
pirms 5 gadiem
pirms 5 gadiem
pirms 5 gadiem
pirms 5 gadiem
pirms 5 gadiem
pirms 5 gadiem
pirms 5 gadiem
pirms 5 gadiem
pirms 5 gadiem
pirms 5 gadiem
pirms 5 gadiem
pirms 5 gadiem
pirms 5 gadiem
pirms 5 gadiem
pirms 5 gadiem
pirms 5 gadiem
pirms 5 gadiem
pirms 5 gadiem
pirms 5 gadiem
pirms 5 gadiem
pirms 5 gadiem
pirms 5 gadiem
pirms 5 gadiem
pirms 5 gadiem
pirms 5 gadiem
pirms 5 gadiem
pirms 5 gadiem
pirms 5 gadiem
pirms 5 gadiem
pirms 5 gadiem
pirms 5 gadiem
pirms 5 gadiem
pirms 5 gadiem
pirms 5 gadiem
pirms 5 gadiem
pirms 5 gadiem
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909
  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>Ce pas qui nous élève — 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. <!-- Canonical URL for SEO purposes -->
  28. <link rel="canonical" href="https://larlet.fr/david/blog/2016/ce-pas-qui-nous-eleve/">
  29. <!-- SEO/Semantic metadata -->
  30. <meta name="description" content="Si la photocopie n’a pas tuée le livre, la mise en PDF du texte finira par l’achever." />
  31. <meta name="twitter:description" property="og:description" itemprop="description" content="Si la photocopie n’a pas tuée le livre, la mise en PDF du texte finira par l’achever." />
  32. <meta name="twitter:title" property="og:title" itemprop="name" content="Ce pas qui nous élève" />
  33. <meta name="twitter:card" content="summary" />
  34. <meta name="twitter:creator" content="@davidbgk" />
  35. <meta name="twitter:url" property="og:url" content="https://larlet.fr/david/blog/2016/ce-pas-qui-nous-eleve/" />
  36. <meta property="og:type" content="article" />
  37. <meta property="og:site_name" content="David Larlet (@davidbgk)" />
  38. <meta name="twitter:image" property="og:image" itemprop="image" content="https://larlet.fr/static/david/blog/2016/ce-pas-qui-nous-eleve.jpg" />
  39. <style>
  40. /* http://meyerweb.com/eric/tools/css/reset/ */
  41. html, body, div, span,
  42. h1, h2, h3, h4, h5, h6, p, blockquote, pre,
  43. a, abbr, address, big, cite, code,
  44. del, dfn, em, img, ins,
  45. small, strike, strong, tt, var,
  46. dl, dt, dd, ol, ul, li,
  47. fieldset, form, label, legend,
  48. table, caption, tbody, tfoot, thead, tr, th, td,
  49. article, aside, canvas, details, embed,
  50. figure, figcaption, footer, header, hgroup,
  51. menu, nav, output, ruby, section, summary,
  52. time, mark, audio, video {
  53. margin: 0;
  54. padding: 0;
  55. border: 0;
  56. font-size: 100%;
  57. font: inherit;
  58. vertical-align: baseline;
  59. }
  60. /* HTML5 display-role reset for older browsers */
  61. article, aside, details, figcaption, figure,
  62. footer, header, hgroup, menu, nav, section { display: block; }
  63. body { line-height: 1; }
  64. blockquote, q { quotes: none; }
  65. blockquote:before, blockquote:after,
  66. q:before, q:after {
  67. content: '';
  68. content: none;
  69. }
  70. table {
  71. border-collapse: collapse;
  72. border-spacing: 0;
  73. }
  74. /* http://practicaltypography.com/equity.html */
  75. /* https://calendar.perfplanet.com/2016/no-font-face-bulletproof-syntax/ */
  76. /* https://www.filamentgroup.com/lab/js-web-fonts.html */
  77. @font-face {
  78. font-family: 'EquityTextB';
  79. src: url('/static/david/css/fonts/Equity-Text-B-Regular-webfont.woff2') format('woff2'),
  80. url('/static/david/css/fonts/Equity-Text-B-Regular-webfont.woff') format('woff');
  81. font-weight: 300;
  82. font-style: normal;
  83. font-display: swap;
  84. }
  85. @font-face {
  86. font-family: 'EquityTextB';
  87. src: url('/static/david/css/fonts/Equity-Text-B-Italic-webfont.woff2') format('woff2'),
  88. url('/static/david/css/fonts/Equity-Text-B-Italic-webfont.woff') format('woff');
  89. font-weight: 300;
  90. font-style: italic;
  91. font-display: swap;
  92. }
  93. @font-face {
  94. font-family: 'EquityTextB';
  95. src: url('/static/david/css/fonts/Equity-Text-B-Bold-webfont.woff2') format('woff2'),
  96. url('/static/david/css/fonts/Equity-Text-B-Bold-webfont.woff') format('woff');
  97. font-weight: 700;
  98. font-style: normal;
  99. font-display: swap;
  100. }
  101. @font-face {
  102. font-family: 'ConcourseT3';
  103. src: url('/static/david/css/fonts/concourse_t3_regular-webfont-20190806.woff2') format('woff2'),
  104. url('/static/david/css/fonts/concourse_t3_regular-webfont-20190806.woff') format('woff');
  105. font-weight: 300;
  106. font-style: normal;
  107. font-display: swap;
  108. }
  109. /* http://practice.typekit.com/lesson/caring-about-opentype-features/ */
  110. body {
  111. /* http://www.cssfontstack.com/ Palatino 99% Win 86% Mac */
  112. font-family: "EquityTextB", Palatino, serif;
  113. background-color: #f0f0ea;
  114. color: #07486c;
  115. font-kerning: normal;
  116. -moz-osx-font-smoothing: grayscale;
  117. -webkit-font-smoothing: subpixel-antialiased;
  118. text-rendering: optimizeLegibility;
  119. font-variant-ligatures: common-ligatures contextual;
  120. font-feature-settings: "kern", "liga", "clig", "calt";
  121. }
  122. pre, code, kbd, samp, var, tt {
  123. font-family: 'TriplicateT4c', monospace;
  124. }
  125. em {
  126. font-style: italic;
  127. color: #323a45;
  128. }
  129. strong {
  130. font-weight: bold;
  131. color: black;
  132. }
  133. nav {
  134. background-color: #323a45;
  135. color: #f0f0ea;
  136. display: flex;
  137. justify-content: space-around;
  138. padding: 1rem .5rem;
  139. }
  140. nav:last-child {
  141. border-bottom: 1vh solid #2d7474;
  142. }
  143. nav a {
  144. color: #f0f0ea;
  145. }
  146. nav abbr {
  147. border-bottom: 1px dotted white;
  148. }
  149. h1 {
  150. border-top: 1vh solid #2d7474;
  151. border-bottom: .2vh dotted #2d7474;
  152. background-color: #e3e1e1;
  153. color: #323a45;
  154. text-align: center;
  155. padding: 5rem 0 4rem 0;
  156. width: 100%;
  157. font-family: 'ConcourseT3';
  158. display: flex;
  159. flex-direction: column;
  160. }
  161. h1.single {
  162. padding-bottom: 10rem;
  163. }
  164. h1 span {
  165. position: absolute;
  166. top: 1vh;
  167. left: 20%;
  168. line-height: 0;
  169. }
  170. h1 span a {
  171. line-height: 1.7;
  172. padding: 1rem 1.2rem .6rem 1.2rem;
  173. border-radius: 0 0 6% 6%;
  174. background: #2d7474;
  175. font-size: 1.3rem;
  176. color: white;
  177. text-decoration: none;
  178. }
  179. h2 {
  180. margin: 4rem 0 1rem;
  181. border-top: .2vh solid #2d7474;
  182. padding-top: 1vh;
  183. }
  184. h3 {
  185. text-align: center;
  186. margin: 3rem 0 .75em;
  187. }
  188. hr {
  189. height: .4rem;
  190. width: .4rem;
  191. border-radius: .4rem;
  192. background: #07486c;
  193. margin: 2.5rem auto;
  194. }
  195. time {
  196. display: bloc;
  197. margin-left: 0 !important;
  198. }
  199. ul, ol {
  200. margin: 2rem;
  201. }
  202. ul {
  203. list-style-type: square;
  204. }
  205. a {
  206. text-decoration-skip-ink: auto;
  207. text-decoration-thickness: 0.05em;
  208. text-underline-offset: 0.09em;
  209. }
  210. article {
  211. max-width: 50rem;
  212. display: flex;
  213. flex-direction: column;
  214. margin: 2rem auto;
  215. }
  216. article.single {
  217. border-top: .2vh dotted #2d7474;
  218. margin: -6rem auto 1rem auto;
  219. background: #f0f0ea;
  220. padding: 2rem;
  221. }
  222. article p:last-child {
  223. margin-bottom: 1rem;
  224. }
  225. p {
  226. padding: 0 .5rem;
  227. margin-left: 3rem;
  228. }
  229. p + p,
  230. figure + p {
  231. margin-top: 2rem;
  232. }
  233. blockquote {
  234. background-color: #e3e1e1;
  235. border-left: .5vw solid #2d7474;
  236. display: flex;
  237. flex-direction: column;
  238. align-items: center;
  239. padding: 1rem;
  240. margin: 1.5rem;
  241. }
  242. blockquote cite {
  243. font-style: italic;
  244. }
  245. blockquote p {
  246. margin-left: 0;
  247. }
  248. figure {
  249. border-top: .2vh solid #2d7474;
  250. background-color: #e3e1e1;
  251. text-align: center;
  252. padding: 1.5rem 0;
  253. margin: 1rem 0 0;
  254. font-size: 1.5rem;
  255. width: 100%;
  256. }
  257. figure img {
  258. max-width: 250px;
  259. max-height: 250px;
  260. border: .5vw solid #323a45;
  261. padding: 1px;
  262. }
  263. figcaption {
  264. padding: 1rem;
  265. line-height: 1.4;
  266. }
  267. aside {
  268. display: flex;
  269. flex-direction: column;
  270. background-color: #e3e1e1;
  271. padding: 1rem 0;
  272. border-bottom: .2vh solid #07486c;
  273. }
  274. aside p {
  275. max-width: 50rem;
  276. margin: 0 auto;
  277. }
  278. /* https://fvsch.com/code/css-locks/ */
  279. p, li, pre, code, kbd, samp, var, tt, time, details, figcaption {
  280. font-size: 1rem;
  281. line-height: calc( 1.5em + 0.2 * 1rem );
  282. }
  283. h1 {
  284. font-size: 1.9rem;
  285. line-height: calc( 1.2em + 0.2 * 1rem );
  286. }
  287. h2 {
  288. font-size: 1.6rem;
  289. line-height: calc( 1.3em + 0.2 * 1rem );
  290. }
  291. h3 {
  292. font-size: 1.35rem;
  293. line-height: calc( 1.4em + 0.2 * 1rem );
  294. }
  295. @media (min-width: 20em) {
  296. /* The (100vw - 20rem) / (50 - 20) part
  297. resolves to 0-1rem, depending on the
  298. viewport width (between 20em and 50em). */
  299. p, li, pre, code, kbd, samp, var, tt, time, details, figcaption {
  300. font-size: calc( 1rem + .6 * (100vw - 20rem) / (50 - 20) );
  301. line-height: calc( 1.5em + 0.2 * (100vw - 50rem) / (20 - 50) );
  302. margin-left: 0;
  303. }
  304. h1 {
  305. font-size: calc( 1.9rem + 1.5 * (100vw - 20rem) / (50 - 20) );
  306. line-height: calc( 1.2em + 0.2 * (100vw - 50rem) / (20 - 50) );
  307. }
  308. h2 {
  309. font-size: calc( 1.5rem + 1.5 * (100vw - 20rem) / (50 - 20) );
  310. line-height: calc( 1.3em + 0.2 * (100vw - 50rem) / (20 - 50) );
  311. }
  312. h3 {
  313. font-size: calc( 1.35rem + 1.5 * (100vw - 20rem) / (50 - 20) );
  314. line-height: calc( 1.4em + 0.2 * (100vw - 50rem) / (20 - 50) );
  315. }
  316. }
  317. @media (min-width: 50em) {
  318. /* The right part of the addition *must* be a
  319. rem value. In this example we *could* change
  320. the whole declaration to font-size:2.5rem,
  321. but if our baseline value was not expressed
  322. in rem we would have to use calc. */
  323. p, li, pre, code, kbd, samp, var, tt, time, details, figcaption {
  324. font-size: calc( 1rem + .6 * 1rem );
  325. line-height: 1.5em;
  326. }
  327. p, li, pre, details {
  328. margin-left: 3rem;
  329. }
  330. h1 {
  331. font-size: calc( 1.9rem + 1.5 * 1rem );
  332. line-height: 1.2em;
  333. }
  334. h2 {
  335. font-size: calc( 1.5rem + 1.5 * 1rem );
  336. line-height: 1.3em;
  337. }
  338. h3 {
  339. font-size: calc( 1.35rem + 1.5 * 1rem );
  340. line-height: 1.4em;
  341. }
  342. figure img {
  343. max-width: 500px;
  344. max-height: 500px;
  345. }
  346. }
  347. figure.unsquared {
  348. margin-bottom: 1.5rem;
  349. }
  350. figure.unsquared img {
  351. height: inherit;
  352. }
  353. @media print {
  354. body { font-size: 100%; }
  355. a:after { content: " (" attr(href) ")"; }
  356. a, a:link, a:visited, a:after {
  357. text-decoration: underline;
  358. text-shadow: none !important;
  359. background-image: none !important;
  360. background: white;
  361. color: black;
  362. }
  363. abbr[title] { border-bottom: 0; }
  364. abbr[title]:after { content: " (" attr(title) ")"; }
  365. img { page-break-inside: avoid; }
  366. @page { margin: 2cm .5cm; }
  367. h1, h2, h3 { page-break-after: avoid; }
  368. p3 { orphans: 3; widows: 3; }
  369. img {
  370. max-width: 250px !important;
  371. max-height: 250px !important;
  372. }
  373. nav, aside { display: none; }
  374. }
  375. ul.with_columns {
  376. column-count: 1;
  377. }
  378. @media (min-width: 20em) {
  379. ul.with_columns {
  380. column-count: 2;
  381. }
  382. }
  383. @media (min-width: 50em) {
  384. ul.with_columns {
  385. column-count: 3;
  386. }
  387. }
  388. ul.with_two_columns {
  389. column-count: 1;
  390. }
  391. @media (min-width: 20em) {
  392. ul.with_two_columns {
  393. column-count: 1;
  394. }
  395. }
  396. @media (min-width: 50em) {
  397. ul.with_two_columns {
  398. column-count: 2;
  399. }
  400. }
  401. .gallery {
  402. display: flex;
  403. flex-wrap: wrap;
  404. justify-content: space-around;
  405. }
  406. .gallery figure img {
  407. margin-left: 1rem;
  408. margin-right: 1rem;
  409. }
  410. .gallery figure figcaption {
  411. font-family: 'ConcourseT3'
  412. }
  413. footer {
  414. font-family: 'ConcourseT3';
  415. display: flex;
  416. flex-direction: column;
  417. border-top: 3px solid white;
  418. padding: 4rem 0;
  419. background-color: #07486c;
  420. color: white;
  421. }
  422. footer > * {
  423. max-width: 50rem;
  424. margin: 0 auto;
  425. }
  426. footer a {
  427. color: #f1c40f;
  428. }
  429. footer .avatar {
  430. width: 200px;
  431. height: 200px;
  432. border-radius: 50%;
  433. float: left;
  434. -webkit-shape-outside: circle();
  435. shape-outside: circle();
  436. margin-right: 2rem;
  437. padding: 2px 5px 5px 2px;
  438. background: white;
  439. border-left: 1px solid #f1c40f;
  440. border-top: 1px solid #f1c40f;
  441. border-right: 5px solid #f1c40f;
  442. border-bottom: 5px solid #f1c40f;
  443. }
  444. </style>
  445. <h1 class="single">
  446. <span><a id="jumper" href="#jumpto" title="Un peu perdu ?">?</a></span>
  447. Ce pas qui nous élève
  448. <time>Publié le 12 avril 2016</time>
  449. </h1>
  450. <article class="single">
  451. <blockquote>
  452. <p>« Ce pas qui nous élève - pour des écritures numériques créatives, un manifeste » de Luc Dall’Armellina, annoté et augmenté par Philippe Aigrain, Jean-Michel Lebaut, Annie Abrahams, Emmanuel Guez, Antoine Moreau, Jacques Rodet, Julien Longhi, Pierre Fourny, Stephan Hyronde est mis à disposition selon les termes de la licence Creative Commons Attribution 4.0 International CC-BY-SA. Cette oeuvre est libre, vous pouvez (l)également la copier, la diffuser et la modifier selon les termes de la Licence Art Libre 1.3 http://artlibre. org (dernière mise à jour 2 juillet 2014)</p>
  453. </blockquote>
  454. <p>Texte découvert lors d’<a href="http://ecridil.hypotheses.org/">ÉCRiDiL</a> et si la photocopie n’a pas tuée le livre, la <a href="http://lucdall.free.fr/publicat/manifesto.pdf">mise en PDF du texte</a> (<a href="/static/david/blog/manifesto.pdf">cache</a>) finira par l’achever. <strong>Le voici en version intégrale HTML :</strong></p>
  455. <p>L’école comme l’université ont trop longtemps asservi l’écriture au seul dogme de l’accès aux savoirs et à l’injonction de la communication.</p>
  456. <p>Elles l’ont cantonnée à un rôle instrumental, en marge du sillage du capitalisme cognitif (Yann Moulier Boutang), à travers des modes de production industrielle des connaissances, la vidant peu à peu de ses dimensions artistiques, esthétiques et politiques (Luc Dall’Armellina, a).</p>
  457. <p>La situation est telle aujourd’hui qu’écrire n’est plus pour la plupart des élèves et étudiants qu’un passage obligé, une compétence parmi d’autres, une technique qu’il faut bien manipuler puisqu’elle est nécessaire pour réussir à l’école, quelle que soit sa discipline.</p>
  458. <p>Le drame de l’écriture ainsi (s)abordée est qu’elle soit envisagée au singulier, sans alliés, pas même la lecture, dont la pratique collective relève de l’exception. C’est une grande perte car c’est autour d’elle que se dessine, se forme et se révèle la qualité d’une attention (Alain Giffard), terreau d’une culture commune, par delà les langues, au coeur des pratiques de lecture, d’annotation, d’invention.</p>
  459. <p>L’écriture contemporaine est devenue numérique : elle ne porte plus uniquement sur le texte du langage inter-humain mais aussi sur celui du langage humains-machines intégrant les boucles complexes et interactives qui nous lient tous. Il était prévisible que lecture et écriture en soient profondément transformées, altérées. L’écriture numérique agit de plus sur la nature même de la connaissance et en re-configure les modes d’existence (Stéphane Crozat, Bruno Bachimont, Isabelle Cailleau, Serge Bouchardon, Ludovic Gaillard).</p>
  460. <p>L’écriture est devenue autre : fluide, fragmentaire, multiple. Sous nos yeux, sous nos doigts, elle est devenue hybride, trans-disciplinaire, avec plus ou moins de bonheur ou d’inquiétude pour toutes celles et ceux qui s’y livrent sur les réseaux, dans les jeux, sur les tablettes ou les ordinateurs. Les couches de langages superposés, constituantes des écritures numériques, induisent et co-produisent nos récits. Si techniques et écritures ont depuis toujours des destins mêlés (Friedrich A. Kittler), leurs codes comme leurs inter-relations sont aujourd’hui universellement partageables.</p>
  461. <p>L’école reste encore en marge des pratiques d’écritures sur les réseaux, largement considérés comme sources de danger. Quel accompagnement à la culture numérique pour les élèves, les étudiants, les enseignants aujourd’hui ? Ces derniers ont pour mission d’initier les enfants du 21è siècle à des pratiques qu’ils ignorent souvent eux-mêmes, ce qui n’est pas un problème en soi, certains nous ont superbement montré (Joseph Jacotot) qu’on pouvait innover à partir d’une ignorance. Ce qui fait problème, c’est que nos institutions en charge de l’éducation cherchent encore à former à des « outils ». Cette vision réductrice empêche de mesurer que la révolution numérique est essentiellement culturelle, anthropologique. La question éducative portait jusqu’ici sur des compétences, des savoirs techniques et cognitifs mesurables quantitativement. Elle repose aujourd’hui sur une capacité à entrer en relation avec ses pairs, renouvelée par la curiosité, la créativité et la coopération, évaluables qualitativement. Le changement de paradigme est complet (Ken Robinson).</p>
  462. <p>Après la révolution des logiciels libres puis celle des données open, c’est au tour de la pédagogie de devenir ouverte, coopérative, conviviale, et partageable (François Taddéi). Il ne s’agit plus aujourd’hui d’empiler des savoirs, d’ailleurs souvent accessibles sur les réseaux, mais de les articuler à nos expériences sensibles pour en faire des connaissances, puis des nouveaux savoirs. C’est cette boucle d’interactions qu’il nous faut construire ensemble.</p>
  463. <p>Artistes, enseignants, formateurs, chercheurs, designers, auteurs, citoyens, nous déclarons la naissance des écritures numériques créatives, augmentées des pratiques d’ateliers d’écritures créatives en littérature, métissées des pratiques de workshop en art et design, pollénisées de celles des hacklab en développement de logiciel libre.</p>
  464. <p>Nous déclarons révolu le temps des ntic et des tices qui ont découpé, chosifié, didactisé - assez doctement il faut le dire, à coups de stratégies d’usages et de procédures opérationnelles, dans des ENT (espaces numériques de travail) protégés comme des camps retranchés - des pratiques qu’il convenait surtout de découvrir avec attention et d’expérimenter avec curiosité.</p>
  465. <p>« Un signe majeur de la déconnexion des élites est l’usage de l’expression « nouvelles technologies ». Ils parlent de « plan numérique » comme on planifiait la récolte de blé en URSS, cherchant à contrôler des choses qui ne sont pas contrôlables. » déclare Adrienne Alix de Wikimédia (Laure Belot).</p>
  466. <p>Pourquoi dans les écoles, les salles de ntic sont-elles des endroits dont on veut sortir à peine entré ? Des ordinateurs et des étudiants alignés en rang d’oignon et l’enseignant faisant face au groupe, contrôlant les écrans de ses élèves : excellente recette pour décourager toute créativité !</p>
  467. <p>Bougeons les tables, changeons les câblages arborescents au profit de grappes en étoiles. La table ronde permettra à chacun de se voir, de se sourire, de se parler, elle favorisera la convivialité, elle appellera la coopération, une pédagogie ouverte pourra naître. Avec une variété d’assises confortables, d’espaces modulaires, retrouvons les possibilités de notre corps discipliné par trois siècles de dispositifs contraignants (Michel Foucault, a). Créons des espaces dans l’espace, des temps dans le temps, des singularités dans le collectif.</p>
  468. <p>Avec les écritures numériques créatives, nous entendons redonner au mot savoir son sens premier de saveur. Nous appelons créatives, les écritures numériques qui ne se contentent pas de produire des dispositifs, des œuvres ou des savoirs selon des modalités déjà connues, mais qui cherchent dans une co-élaboration émancipée, à mettre ceux-ci en question, en critique, en trouvant de nouvelles voies et formes, en fabriquant par percolation, hybridation, expérimentation. Il n’y pas de modèle pour qui cherche ce qu’il n’a jamais vu (Paul Eluard), aussi, si la littérature c’est ce qui change la littérature, alors pratiquons la sous toutes ses formes !</p>
  469. <p>Pour ce faire, le temps des spécialisations disciplinaires doit cesser son dictat. Les pratiques sensibles doivent retrouver leur place avec les savoirs théoriques, avec les expériences techniques. Écrire n’est pas seulement noter ce que l’on pense pour ne pas l’oublier, mais se constitue en soi-même - et plus que jamais - comme un mode de pensée, qui doit pouvoir se décliner dans le texte donné à lire comme dans le code présidant à son apparition. A quand des ateliers croisant arts visuels, littérature, musique, programmation ? A quand d’autres croisant géographie, sciences économiques, design et data-mining ?</p>
  470. <p>Les écritures numériques créatives œuvrent bien sûr avec les arts et manières de faire de la littérature et de la poésie, mais aussi – c’est leur différence avec les ateliers d’écritures créatives - avec ceux du design et de la programmation car le texte numérique a une forme, réglée par des conditions d’apparition et d’interaction qu’il s’agit de penser et d’expérimenter avec la précision d’une science et l’exigence d’un art.</p>
  471. <p>Ces écritures font appel aux singularités de celles et ceux qui, augmentés en collectifs mixtes de praticiens, théoriciens, artistes, techniciens, n’aspirent qu’à s’élever même s’ils ne savent pas encore très bien comment se nommer (Mc Kenzie Wark). Peu importe, ils sont la communauté qui vient (Giorgio Agamben,(b)) et leurs productions parleront pour eux.</p>
  472. <p>Ce qui s’appelle ateliers d’écritures en littérature, workshops en arts, fablab en design, hacklab en ingénierie pourra constituer en alternance, autant de moments fondateurs dans une culture des écritures numériques créatives. Ces lieux ont émergés des pratiques du réseau, des pratiques de leurs écritures. Ils sont irrigués par une pédagogie du faire et de la coopération, de la créativité et de l’invention, du partage et de l’émancipation. Ensemble, ces cultures peuvent doter l’école des moyens de participer créativement aux transformations majeures qui s’annoncent. Saura-t-elle s’y engager ?</p>
  473. <p>Ces temps et leurs approches trouveront avantageusement leur place - transversale - dans tous les lieux, avec tous les enseignements, de l’école à l’université et en formation (Philippe Aigrain, (a)).</p>
  474. <p>Quelle politique pédagogique, incluant la formation des enseignants et des citoyens tout au long de la vie innovera en proposant d’accueillir et de faire fructifier ces pratiques ? Quel projet pour porter et valoriser l’interdisciplinarité en partenariat comme socle fondateur ? Si les initiatives heureuses ne manquent pas (Café Pédagogique), y compris dans les institutions, les centres de recherche (projet PRECIP, COSTECH-UTC), elle se font encore en marge, avec des énergies individuelles, et beaucoup trop souvent contre l’institution qui ne sait pas les reconnaître, les épauler, en favoriser la fédération, le marcottage, l’essaimage.</p>
  475. <p>Redonner au mot savoir son sens premier de saveur est une question d’exigence esthétique et politique. C’est aujourd’hui une urgence. La restauration de la saveur sera le premier pas vers une démocratie renouvelée, car derrière ce qu’on appelle les écritures numériques, avec le code, les machines, opère une certaine manière de faire : une culture singulière.</p>
  476. <p>Singulière, c’est-à-dire porteuse d’une façon inouïe d’envisager nos rapports les uns aux autres, à l’économie, au savoir, à la connaissance, aux arts et aux techniques, à la science, à l’amitié, au collectif, à l’esthétique, au politique (Jacques Rancière (a)) : « L’homme est un animal politique parce qu’il est un animal littéraire qui se laisse détourner de sa destination « naturelle » par le pouvoir des mots. » Avec les écritures numériques en réseaux, est née la conscience d’habiter le même monde, et avec elle, celle de pouvoir créer, partager, coopérer en pleine conscience et en toute liberté (Olivier Blondeau).</p>
  477. <p>Ensemble nous voulons concevoir l’acte d’écrire numérique créativement. Nous refusons les héritages idéologiques pesants qui maintiennent les pratiques d’écritures dans les corsets de l’utilitarisme ou de la spécialisation, mettant dos-à-dos les techniciens et les littéraires. Nous refusons les coupures disciplinaires, les clivages institutionnels, les protectionnismes administratifs, les oppositions stériles. Les arts contre les sciences, les humanités contre les techniques. Nous avons besoin de la liberté de les hybrider car nous sommes devenus des êtres hybrides (Bruno Latour) : arts, sciences, techniques, humanités.</p>
  478. <p>« Être libre et agir ne font qu’un » dit Hannah Arendt. Le réseau des réseaux est libre - du moins y-a-t-il là un combat - et libres sont ses arts et manières de faire. Nous voulons sans entrave et dans le même mouvement :</p>
  479. <p>écrire - penser - coopérer - expérimenter – résister - lire - apprendre - devenir - construire</p>
  480. <p>// ce texte est le programme d’émergence</p>
  481. <p>// des écritures numériques créatives</p>
  482. <p>// libres échappées de la longue nuit des ntic</p>
  483. <p>// avatars relevant des digital humanities</p>
  484. <p>// après avoir listé les variables qui seront mobilisées</p>
  485. <p>// nous les détaillons ci-après</p>
  486. <h2>écrire</h2>
  487. <p>Nous parlons, écrivons, lisons, tendus vers l’avenir. Nous vivons aujourd’hui à travers nos machines connectées, manipulant les signes de nos alphabets vieux de deux mille cinq cent ans. Nous pressons les touches de nos claviers-machines, à la suite des scribes qui marquaient avant nous la cire ou l’argile avec leurs stylets-calames.</p>
  488. <p>A la différence des signes gravés, nos signes écrans semblent disparaître chaque nuit de nos moniteurs éteints. Mais le lendemain, la machine réveillée, ils reviennent d’un simple appel. Les voilà comme re-générés, formés de quelques traits agencés en vecteurs, scintillants de tous leurs pixels.</p>
  489. <p>Le travail conjoint d’une puce calculante au silicium, d’une mémoire autonome et d’un algorithme produit une forme, un signe, un mot, une phrase, un paragraphe, un texte. Un clic et le voilà à l’autre bout du monde, partagé avec nos pairs lecteurs-scripteurs, dansant, glissant, sous leurs doigts.</p>
  490. <p>Nos machines sont devenues les extensions connectées de nos cerveaux (André Leroi-Gourhan), rencontre pragmatique de nos recherches et de nos désirs. Sensibles savoirs.</p>
  491. <p>Ecriture, histoire ancienne s’il en est, de la Mésopotamie à l’Egypte, de l’Amérique pré-Colombienne à la Crète, de l’Irak à la Palestine, de la Chine à la Syrie, de l’Angleterre à l’Amérique (Anne Zali). Sans cesse elle a changé de forme, d’outils, de supports et conséquemment, de pratiques. Des omoplates d’agneau aux carapaces de tortues, du marbre au parchemin, du papier à l’écran, de l’écran à l’architecture elle-même.</p>
  492. <p>Nous n’avons de cesse, hier comme aujourd’hui, de jouer, rejouer, déjouer l’écriture, de la repriser comme un tissu aux bords sans fin, carte sur le territoire de nos pensées, telle celle que commandait, toujours insatisfait, l’Empereur du Milieu à ses cartographes (Jorge Luis Borgès).</p>
  493. <p>« Si je devais écrire un livre pour communiquer ce que je pense déjà, avant d’avoir commencé à écrire, je n’aurais jamais le courage de l’entreprendre. Je ne l’écris que parce que je ne sais pas encore exactement quoi penser de cette chose que je voudrais tant penser. [...] Je suis un expérimentateur en ce sens que j’écris pour me changer moi-même et ne plus penser la même chose qu’auparavant. » (Michel Foucault, b).</p>
  494. <p>C’est qu’écrire est en soi, une aventure, la tentative fragile, sensible et raisonnée de former une pensée singulière. Écrire c’est choisir une série de mots qui appartiennent à tous et qu’on fait siens dans un certain agencement, dans une respiration qui nous est propre.</p>
  495. <p>Nous écrivons avec les mots des autres (Bakhtine) car la langue est ce qui nous rassemble tous et pourtant nous distingue chacun-e par la liberté du souffle et du style.</p>
  496. <p>L’écriture dès ses origines, réussit à tenir ensemble la culture qui nous unit, et l’art qui nous singularise. C’est cette complétude qu’il nous faut retrouver dans les écoles. Il y a urgence ! Écrire dans notre hyper-modernité en réseaux est devenu une façon essentielle de faire lien, d’enrichir notre pacte démocratique en renouvelant nos arts et manières de de faire.</p>
  497. <p>Quelques-uns nous ont montré qu’on pouvait le faire, avec exigence (André Schiffrin).</p>
  498. <p>Si « écrire c’est (aussi) se livrer à la fascination de l’absence de temps » (Maurice Blanchot), la suspension du temps dans laquelle écrire prend place, est sans doute son point de fondation, la vacance par laquelle naît une pensée propre. Pensée qui ne doit rien à des usages pré-conçus ou formatés, rien non plus aux modes, et rien encore aux injonctions.</p>
  499. <p>Écrire, c’est chercher aujourd’hui, avec le corps et l’esprit, avec nos extensions machiniques, un devenir, animal, humain, un devenir soi (Gilles Deleuze &amp; Félix Guattari). Écrire, c’est avancer dans la nuit, attentifs aux lucioles (Pier Paolo Pasolini).</p>
  500. <p>Écrire n’est pas garder une poire pour la soif c’est marcher avec ses semelles de vent, c’est lécher la rosée à même les brins d’herbe. Écrire, c’est porter attention à ce qu’on ne sait pas, c’est neutraliser ce qu’on croit savoir de façon à être nu devant le dire.</p>
  501. <h2>penser</h2>
  502. <p>La pensée qui se forge dans l’écrire, prend source dans un vacillement de la perception, et se constitue comme une aventure, entre émotion et savoir. Nos écrits sont trempés dans nos vies tissées par les techniques, dans des villes où nous prenons des bains de multitude.</p>
  503. <p>Nous vivons l’entre deux ères des machines mécaniques industrielles et des technologies de l’esprit. Nos innombrables véhicules motorisés nous permettent de nous transporter physiquement sur les réseaux routiers. Nos ordinateurs reliés aux réseaux numériques, eux, nous permettent de lire, voire entendre, échanger à distance, voyages immobiles. Notre pensée contemporaine s’y forme dans une remise en jeu du je et du nous, confrontés-aux mais aussi reliés-par toutes ces machines qui nous environnent.</p>
  504. <p>Machines de transport : avions, trains, voitures, motos, vélos, rollers, chacune ayant son rythme, ses fulgurances et ses fantasmes. Vitesse, fluidités, saccades, allongements, coupures, glisses, heurts, forment la matrice d’un dire à travers leur filtre.</p>
  505. <p>Machines d’informations : télévision, radio, presse, réseaux numériques, ordinateurs, chacune imprimant son flux, son flow, son flu, son mode de circulation, de propagation, sa viralité. Quelques écrivains ont montré de belle manière, comment la fréquentation de ces machines altèrent nos représentations de leurs espaces-temps-mouvements singuliers imprimant leur climax : La prose du Transsibérien et de la petite Jehanne de France de Blaise Cendrars, Sur la route de Jack Kerouac, le Traité du zen et de l’entretien des motocyclettes de Robert M. Pirsig, Les autonautes de la cosmoroute de Julio Cortàzar, En voiture de François Bon, (...).</p>
  506. <p>D’autres se sont attachés à mettre en récit les écritures numériques dans une vision sublimée ou extrapolée de ce qui ne nous offre pas moins de transports que les machines mécaniques, évoquant tour à tour fantasmes et dérives de ces technologies de l’esprit (Pierre Lévy, a) : Le monde de Morel de A. Bioy Casares, Scroogled de Cory Doctorow, Schismatrice de Bruce Sterling, In Milton Lumky Territory et Siva de Philip K. Dick, Idoru de William Gibson, (...).</p>
  507. <p>C’est que « L’art ne consiste pas à mettre en avant des alternatives, mais à résister, par la forme et rien d’autre, contre le cours du monde qui continue de menacer les hommes comme un pistolet appuyé contre leur poitrine. » (T. W. Adorno). </p>
  508. <h2>coopérer</h2>
  509. <p>La forme, cette grande affaire de l’art, qui n’en reste pas moins un acte de résistance (Gilles Deleuze) est aussi un jeu (Donald Winnicott), qui rend la vie plus intéressante que l’art (Robert Filiou).</p>
  510. <p>Écrire est devenu une activité telle qu’on peut la voir sous l’angle d’une anthropologie (Clarisse Herendschmit). Elle concerne aujourd’hui aussi bien la langue, les nombres, les codes, que le produit de leurs hybridations (Kathryn Hayles). C’est-à dire qu’elle forme et porte en germe les mathématiques et l’économie, la science, la technique et les technologies, les arts et la culture.</p>
  511. <p>Le code est méta écriture, il détermine ce qui sera visible, audible, manipulable, quand, comment, et de quelle manière. Pour la première fois dans notre histoire, avec la programmation numérique les mots n’ont plus seulement une valeur sémiotique mais possèdent une efficience performative, en dehors de nous. On peut aujourd’hui écrire le code d’un programme qui commandera l’impression en trois dimension d’un objet physique : voilà un type d’écriture qui n’est pas moins singulier qu’un autre, poétique, littéraire ou philosophique.</p>
  512. <p>Des codes libres circulent sur les réseaux dont il importe de devenir familiers à défaut d’en devenir experts. Il n’est pas anecdotique de remarquer que Pandoc (John Mc Farlane) est l’oeuvre logicielle d’un philosophe, que cet outil universel permet la conversion de documents en de multiples formats, qu’il est libre, gratuit, multi-plate-formes et fait partie - invisible - de nombreux systèmes partout sur le web.</p>
  513. <p>Il existe aujourd’hui sur des plate-formes libres, un véritable éco-système partagé des environnements, langages (GitHub, Sourceforge), et outils d’écritures numériques (FramaSoft), qu’elles soient écritures d’annotations, de traductions, d’hypertextes, de collaborations, de combinatoires, de génération.</p>
  514. <p>Des outils d’écritures numériques multiplate-formes programmables à l’aide de langage comme Processing sont nés du désir d’acculturer les artistes au code informatique (Casey Reas &amp; Ben Fry) et les informaticiens à la culture des arts (John Maeda). Son code de programmation a été simplifié de façon à être compréhensible, autant que peut l’être une langue naturelle, il n’a pour autant rien à envier à d’autres langages quand à sa puissance.</p>
  515. <p>D’autres ont souhaité expérimenter une approche logico-graphique de la programmation comme avec PureData (Miller Puckette) qui a d’abord été pensé pour le traitement du signal sonore et qui a peu à peu étendu ses capacités à tous les types de médias et de capteurs.</p>
  516. <p>Ces deux logiciels sont libres, ouverts, gratuits et fédèrent une communauté mondiale active d’amateurs, de hackers (Eric S. Raymond), d’artistes (Antoine Moreau), qui documente ses codes sources, partage ses pratiques, invente sa culture. L’art en train de se faire se forme à leurs contacts : arts et design d’interactivité, de la performance, de l’installation équipée de capteurs, du son et de l’image.</p>
  517. <p>Quelles écoles - non spécialisées - pratiquent et enseignent les écritures dans cet esprit aujourd’hui, à part quelques écoles d’art ? Où se pratique donc la programmation envisagée comme un des beaux-arts (Pierre Lévy, b) ?</p>
  518. <p>A l’heure des pratiques coopératives numériques dont les fab-lab, hackerspaces et autres medialabs, sont devenus les lieux vivants, eux-mêmes issus de la culture du logiciel libre (Richard Stallman), une voie s’est ouverte, qui rend ou rendra bientôt caduque l’enseignement tel qu’on l’a conçu jusqu’ici parce qu’il a fait l’impasse de la convivialité (Ivan Illich). Il ne suffit pas de déclarer l’école émancipée parce que bien équipée en matériel numérique, encore faut-il que le monde y entre tout entier, que les codeurs, danseurs, conteurs, artisans, poètes, musiciens, écrivains, techniciens, artistes y aient une place d’invités réguliers, de partenaires, d’amis.</p>
  519. <p>Il faut encore qu’il n’y ai plus l’école d’un côté et le monde de l’autre, mais que le monde vive à l’intérieur de l’école. Il faut pour cela des enseignants passeurs, des enseignants à même de circuler entre les savoirs, collaborant avec leurs pairs de toutes les disciplines, des enseignants médiateurs dans une école généreuse, ouverte et accueillante.</p>
  520. <p>Il ne s’agit pas seulement de former aux langages et aux outils mais d’en accompagner les pratiques coopératives en réseaux, les arts, la culture ! Le numérique relève moins de difficultés techniques que d’une préparation culturelle attentionnée car c’est d’une autre façon de faire société dont il est question. Artistes, enseignants, élèves-étudiants, développeurs doivent pouvoir tisser des liens, se comprendre, co-élaborer le tissu du texte numérique contemporain que les spécialisations ne permettent plus d’appréhender créativement.</p>
  521. <p>Nous sommes là, attentifs sur nos lieux de vie, ateliers, classes, amphis, écoles, fab-labs, sur les réseaux, c’est-à-dire sur le terrain, tous à espérer qu’enfin l’école change, qu’elle mute, qu’elle rende possible, qu’elle s’ouvre au monde qui cogne à sa porte !</p>
  522. <h2>expérimenter</h2>
  523. <p>« Oui, je suis un criminel. Mon crime est celui de la curiosité. » déclarait Loyd Blankenship, (alias The Mentor) juste après son arrestation en 1986, dans son manifeste du hacker.</p>
  524. <p>Les modalités actuelles de l’éducation et de l’enseignement sont partout mises en crise par la curiosité, l’expérimentation, la coopération, l’esprit d’invention, propres aux manières de faire contemporaines (Neil Gershenfeld) et qui ont déjà été expérimentées à l’école (Célestin Freinet, Fernand Deligny). Quelle excellente nouvelle pour nous tous !</p>
  525. <p>Et pourtant l’école comme l’université, toutes occupées à la reproduction de leur fonctionnement, n’ont pas encore été en mesure de reconnaître, donc de s’approprier ces approches novatrices dont nous, nos enfants et les leurs ont/auront crucialement besoin. La recherche créative engendre ses propres moyens d’élévation des êtres, d’une façon incomparablement plus profonde que ne l’ont jamais été la course aux savoirs et au premiers rangs de classements qu’on aura oublié demain.</p>
  526. <p>Si l’école et l’université ne changent pas radicalement leur modus operandi, elles deviendront comme ces arbres immenses, secs et isolés, qui ne savent plus attirer vers eux que la foudre. Autour d’eux un paysage nouveau apparaît doucement, se couvrant ça et là de petits îlots de verdure tendre : arts et manières de faire du libre.</p>
  527. <p>Du top-down au bottom-up ! Vite ! Le temps presse ! Les anciennes institutions peuvent encore prendre part aux mutations en cours et ré-inventer leur rôle, en s’appuyant, relayant, accompagnant les heureuses initiatives de leurs bases, en cherchant comment les fédérer sans les étouffer. Il y a urgence, les initiatives créatives ne manquent pas !</p>
  528. <p>Il est de première importance que les écoles et les universités reconnaissent et organisent la pratique de toutes les écritures avec créativité : littéraires comme programmatiques, pas seulement au sein des filières spécialisées, mais dans toutes les écoles. Comme on le fait avec une langue étrangère : par la pratique, le jeu, la culture. Créons des ateliers de lecture et d’écriture du code, inventons les approches discursives des n dimensions de sa culture, trouvons l’espace d’analyse critique des formes d’arts qu’elle invente ou auxquelles elle participe... et connectons cette culture aux écritures littéraires que nous pratiquons déjà.</p>
  529. <p>L’écriture numérique créative prend naturellement sa place dans les contemporaines et transdisciplinaires humanités numériques (Marin Dacos et al.) : arts et cultures et techniques. Ce « et » fait toute la différence avec le mode « ou » des régimes éducatifs précédents. Exit l’esprit de concurrence que l’élitisme a instrumentalisé en prétextant l’excellence, place aux puissances infinies de l’esprit de coopération ! C’est d’elle dont les enfants d’aujourd’hui devront être les experts demain.</p>
  530. <h2>résister</h2>
  531. <p>Il en va de l’écriture du code comme de celle des mots à la naissance des alphabets, elle reste encore aujourd’hui l’apanage des nouveaux scribes. Elle peut mener au désastre d’une confiscation du pouvoir par quelques castes, elle peut aussi devenir un formidable vecteur d’émancipation des individus (Open Classrooms). A nous de peser, d’opposer, de proposer.</p>
  532. <p>Si l’écriture numérique créative a des pouvoirs, nous avons des responsabilités, la première est de prendre toute la mesure de ses puissances. Loin de ne concerner que les individus, loin d’être réduite à des « usages », l’écriture numérique créative suscite par ses pratiques, la collaboration qui conduit à voir le monde avec les yeux des autres.</p>
  533. <p>L’écriture dont l’école a aujourd’hui besoin est celle-ci, plurielle, créative, hybride, littéraire, technique, artistique, philosophique, si l’on veut vivre ensemble dans la complémentarité et la coopération (Denis Kambouchner, Philippe Meirieu, Bernard Stiegler, Julien Gautier, Guillaume Vergne), si l’on veut que chacun puisse vivre une augmentation de son être dans ce mouvement même qui augmente l’autre avec qui il est en relation. C’est là, littéralement, l’origine du mot « auteur ». </p>
  534. <p>Il nous faut pour cela résister créativement et collectivement à la cage numérique dorée que les grands groupes (Apple, Amazon, Google, Facebook) nous ont fabriquée en nous promettant que c’est pour notre bien. Si notre servitude est volontaire, c’est que nous les laissons croire que leurs services sont faits pour nous. Mais nous avons moins besoin de leurs services que de moyens d’émancipation. Nous devons résister à leurs sirènes car nous n’avons dans leurs plans qu’une place d’objets, de consommateurs, et non de sujets pensants et agissants.</p>
  535. <p>Il nous faut, en sujets libres, inventer nos lignes de désirs, rendre poreuses et circulables les voies étanches des spécialisations qui isolent aujourd’hui les lettrés des non lettrés du numérique.</p>
  536. <p>L’écriture numérique créative a le pouvoir de réunir les conditions de l’augmentation des êtres par l’élaboration, le partage et la confrontation des idées nouvelles, par l’enrichissement des pratiques communes et des expressions singulières afin que chacun-e y dessine sa vie dans l’interaction du regard des autres.</p>
  537. <p>L’école comme l’université doivent pour cela opérer une révolution d’importance inédite (!) : rompre avec la fabrication des têtes bien pleines (Michel de Montaigne) assujetties à l’esprit de compétition... car cette mutation reste encore à accomplir. </p>
  538. <h2>lire</h2>
  539. <p>« L’astronome qui lit une carte d’étoiles disparues ; le tisserand qui lit les dessins complexes d’un tapis en cours de tissage ; les parents qui lisent sur le visage du bébé des signes de joie, de peur ou d’étonnement ; l’amant qui lit à l’aveuglette le corps aimé, la nuit sous les draps (...) - tous partagent avec le lecteur de livres l’art de déchiffrer et de traduire des signes. » Alberto Manguel</p>
  540. <p>Les singularités créatives dont notre époque a besoin, ne naitront pas d’enseignements spécialisés défendus par des lobbys, dont le modèle s’est vidé de sens, mais de l’expérience attentive, progressive, ludique et informée des savoirs sensibles, scientifiques et techniques tissés ensemble.</p>
  541. <p>Nous pourrions (re)faire nôtre ce mot de Voltaire qui dit qu’un homme qui ne lit pas une plume à la main est un homme qui dort. La lecture partagée doit redevenir une pratique indissociable de celle d’écrire (Philippe Aigrain, (c)). Elle le doit pour participer de notre éveil. Elle le doit car lorsqu’on lit, c’est notre corps, notre voix qui soufflent un texte pour le former. La pratique des écritures numériques créatives nous le fait curieusement redécouvrir.</p>
  542. <p>Il nous faut chacun-e, retrouver notre souffle, en redevenir familiers. De par le monde, on appelle les vents alysés, baguio, bolon, chergui, hurricane, bise, sonora, tramontane, mistral, ou encore loo, eurus, ghibli (...) parce que chacun d’eux est singulier, porte une histoire, une mémoire, une culture, un parfum, un style. De même, l’expérience du souffle de lire est humainement irremplaçable, c’est une praxis : une expérience esthétique qui porte dans sa pratique, ses questions réflexives et critiques (Antonio Gramsci).</p>
  543. <p>« Si tu es seul à rêver, ce n’est qu’un rêve, si vous rêvez à plusieurs, c’est la réalité qui commence ! » dit une chanson populaire brésilienne.</p>
  544. <p>L’acte de lire a été envisagé depuis toujours comme un acte cognitif, savant, technique mais parfois aussi comme un art. Un collectif d’artistes et développeurs (Téléférique) a créé en 2003 le projet Reader, véritable utopie de la lecture collective, soutenue par une réflexion artistique, philosophique et par la création d’un langage d’affichage temporel du texte (TRML). Les séances de lecture collectives qu’ils ont données en public ont marqué les mémoires et changé les représentations de ce que nous pensions devoir rester un acte individuel.</p>
  545. <p>Annie Abrahams dont les travaux portent sur les communications inter-humaines, développe des performances de lecture-écriture sur le web et en présence. Dans le projet Reading Club qu’elle réalise avec Emmanuel Guez depuis 2013, les participants présents et distants lisent, écrivent, commentent, font et défont un texte, dans un jeu intertextuel et à l’intérieur d’une arène interprétative (Annie Abrahams, Emmanuel Guez). Les artistes mettent en scène, en images et en situations, le processus d’interaction, d’interprétation et de création qu’ils expérimentent en performance.</p>
  546. <p>Lire, c’est accepter d’interpréter ce qu’on a sous les yeux comme si c’était la première fois qu’il s’y présentait, mais à vrai dire c’est toujours la première fois car jamais on ne se baigne dans le même fleuve.</p>
  547. <p>Lire, c’est permettre à son esprit de trouver la liberté de parler à travers son propre corps, même en silence. C’est rendre ce corps attentif, à même de traduire les mots en souffle sensible. Lire c’est encore vivre cette intime réconciliation du corps et de l’esprit qui se partage collectivement dans la lecture à voix haute.</p>
  548. <p>On dit (Wikipédia) que le verbe « lire » revêt aussi un sens plus général, celui de lire les signes des temps. De cela aussi nous avons besoin, non pour être des devins approximatifs mais pour devenir simplement des contemporains courageux (Giorgio Agamben, (a)). </p>
  549. <h2>apprendre</h2>
  550. <p>L’humanisme né de l’imprimerie a libéré la lecture : elle a cessé d’être le privilège des clercs, elle est devenue un moyen offert à chacun de construire sa réflexion et de se confronter au monde.</p>
  551. <p>L’humanisme né avec le numérique libère de surcroît l’écriture : elle a cessé d’être l’apanage des professionnels de la littérature et du savoir, elle est devenue un moyen offert à tous de participer à l’intelligence collective du monde.</p>
  552. <p>À l’école en particulier, il devient par exemple impératif de libérer la littérature des manuels scolaires. Le numérique permet de réinventer-revitaliser-réenchanter le texte, tant il suscite de nouvelles façons de lire, créatives, intrusives, collaboratives, tant il permet de dépasser la tradition de la métatextualité (la culture de la glose, la pédagogie de l’enseignant en chaire) pour s’adonner aux bonheurs de l’intertextualité, de l’intratextualité, de l’hypertextualité, de la textualité numérique…</p>
  553. <p>Le texte est à envisager désormais non comme simple objet (à lire, à étudier), mais comme support d’activités de lecture-écriture-publication, afin que par lui aussi l’élève se constitue comme sujet, sujet de sa langue, sujet de sa représentation du monde, sujet de sa construction de soi et de son rapport aux autres.</p>
  554. <p>Autrement dit, par le numérique, la chance est enfin donnée aux pédagogues de faire de la littérature une pratique, démocratique, et du texte une relation, comblante. </p>
  555. <h2>devenir</h2>
  556. <p>« Fais le pas qui t’élèves. » J’ai vu, comme d’autres, cette inscription écrite à la craie blanche sur le mur d’un couloir de l’université Paris 8, entre le département d’arts et celui d’hypermédia. Elle y est restée lisible les quatre années qu’a duré ma thèse, et ce malgré l’incessante activité d’ajouts-retraits-recouvrements de graffitis et d’affichages tout autour d’elle. Cette petite phrase a finalement été recouverte d’une couche de peinture blanche après des travaux de rénovation. Fragile mémoire. </p>
  557. <p>Le défi des institutions école, université, est de vivifier l’enseignement de l’écriture et de la littérature avec la culture et les pratiques numériques de sa création contemporaine (Luc Dall’Armellina, b). Mais, fluides, légères, ces pratiques débordent cependant de toutes parts toute idée de disciplines. Il s’agit d’ouvrir un espace-temps pour l’écriture numérique créative, comme pratique transversale, inter-disciplinaire, sensible, technique et critique, de l’école à l’université et en formation tout au long de sa vie.</p>
  558. <p>Ce défi est lancé à des institutions dont le mode de gouvernance est sclérosé par des modèles d’organisations hiérarchiques verticales produisant concurrence, défiance, violence. Nos vieilles institutions peinent à relever les défis culturels contemporains de créativité et d’invention, dans les domaines de la formation, de la recherche, de la coopération locale et internationale, soit au moins trois de leur six missions (loi 2013-660 du 22 juillet 2013 sur l’enseignement supérieur et la recherche). Il nous faut agir, transformer les gouvernances, retrouver des institutions à échelle humaine, celle du village (Yona Friedman).</p>
  559. <p>Le défi des accompagnateurs - ensemble hybride de formateurs, d’enseignants, d’artistes, d’auteurs, de musiciens, de chercheurs, de citoyens - est d’aborder les écritures numériques créatives par les arts littéraires (François Bon), mais aussi d’en mesurer les influences et zones de contact, de partage avec les arts visuels (Pierre Ménard), cartographiques et sonores (Cécile Portier), performanciels, narratifs et poétiques car la littérature-monde (Marc Jahjah) les traversent comme jamais auparavant</p>
  560. <p>Leur défi est encore de dépasser le commentaire des œuvres de littérature (numérique ou non) ses outils, langages, esthétiques, pour accompagner les pratiques d’écritures sous toutes leurs formes, connues et à naître. Les accompagnateurs chercheront à ne pas réduire le nouveau au connu mais à favoriser l’émergence de l’esprit d’invention dont tous, nous sommes capables (Joseph Jacotot, Jacques Rancière (b)).</p>
  561. <p>Le défi des pratiquants (élèves, étudiants, chercheurs, auteurs, formateurs, etc) est d’oublier les cours qui se consomment. Leur défi est de coopérer dans un groupe de création et de réflexion artistique et technique.</p>
  562. <p>Leur défi est de lâcher prise afin d’expérimenter dans le même mouvement, la création littéraire en médias d’écriture-lecture, l’écriture des codes performatifs de leurs apparitions, et l’invention d’une esthétique singulière. A partir d’une pratique personnelle et collective mêlée, faire émerger des questions inédites, hybrider des techniques, créer des œuvres, former des idées, inventer des outils. </p>
  563. <h2>construire</h2>
  564. <p>On pourrait à cet endroit demander : pourquoi les écritures créatives numériques constituent-elles un enjeu si important aujourd’hui qu’il faille un manifeste pour les servir ? Peut-être parce que l’écriture, à chaque fois qu’elle a changé de supports d’inscriptions, a profondément révolutionné nos manières de dire, de penser et de faire en étendant et en externalisant continuellement notre mémoire dans des médias et des technologies.</p>
  565. <p>La naissance de l’écriture a permis la naissance du droit, des villes, de la monnaie, du commerce, de la géométrie, des religions monothéistes. L’invention de l’imprimerie a permis les échanges mondiaux, la monnaie imprimée, la science, la littérature et la démocratie modernes (Michel Serres).</p>
  566. <p>Le troisième temps de la révolution des écritures est celui que nous vivons depuis le MEMEX (Vannevar Bush), c’est celui d’une mutation avec ces deux précédents. Il s’agit de s’affranchir des anciens cadres, non parce qu’ils ne sont pas bons mais parce que le poids patrimonial et institutionnel qu’on leur a conféré empêche et retarde l’expérimentation des modalités dont nous avons besoin aujourd’hui pour construire notre présent en pensant à demain.</p>
  567. <p>Les écritures numériques créatives que nous appelons de nos voeux peuvent et doivent participer à re-construire l’« espace potentiel » (Donald Winnicott) ouvert par le jeu, à la base de toute expérience culturelle partageable.</p>
  568. <p>Cet espace potentiel qu’est l’Internet depuis ses débuts, est aujourd’hui mis en péril, menacé dans sa neutralité (La Quadrature du Net) par des choix politiques et économiques qui l’orientent vers un dispositif de contrôle généralisé. Quel(s) politique(s) mesure(nt) que c’est de l’éco-système créatif de nos démocraties dont il s’agit ?</p>
  569. <p>Oui, les écritures numériques créatives ont la capacité de redonner à l’écriture-lecture son pouvoir d’émancipation personnelle par la restauration des puissances d’agir des individus (Martha Nussbaum).</p>
  570. <p>Oui, elles sont à même de porter la fabrique et l’exercice du pouvoir critique d’une pharmacologie des technologies numériques (Bernard Stiegler, Ars Industrialis). Oui, elles ont la forme et l’ambition de contribuer à l’augmentation des êtres par l’expérience des arts (John Dewey), visant une pratique techno-esthétique partagée des biens communs (Philippe Aigrain, b) au sein d’un processus civilisateur (Milad Doueihi).</p>
  571. <p>Un manifeste, parce que les temps, les pratiques et les sensibilités mutent depuis cinquante ans à grande vitesse, mais que les institutions école et université en charge de les accueillir, de les faire fructifier, de les valoriser et de les fédérer sont encore pétrifiées dans leurs rigidités et ne mesurent pas l’urgence de faire peau neuve.</p>
  572. <p>Partout où nous le pourrons, sans attendre, en braconniers s’il le faut, donnons aux écritures numériques créatives, le pouvoir qui est le leur, celui de nous éclairer. </p>
  573. <p><strong>Faisons ce pas qui nous élève.</strong></p>
  574. </article>
  575. <figure class="image" property="schema:image">
  576. <img src="/static/david/blog/2016/ce-pas-qui-nous-eleve.jpg" alt="" />
  577. </figure>
  578. <nav id="jumpto">
  579. <p>
  580. <a rel=prev href="/david/blog/2016/economie-extraction/">← Économie de l’extraction</a> | <a href="/david/blog/" title="Retour à la liste des expériences">↑</a> | <a rel=next href="/david/blog/2016/information-etats/">Information et états →</a>
  581. </p>
  582. </nav>
  583. <footer>
  584. <div>
  585. <img src="/static/david/david-larlet-avatar.jpg" loading="lazy" class="avatar" width="200" height="200">
  586. <p>
  587. Bonjour/Hi!
  588. 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>
  589. 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>).
  590. </p>
  591. <p>
  592. 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>.
  593. </p>
  594. <p>
  595. Les dernières publications hebdomadaires sont :
  596. </p>
  597. <ul class="with_columns">
  598. <li>
  599. <a href="/david/stream/2019/12/31/">Merci</a>
  600. </li>
  601. <li>
  602. <a href="/david/stream/2019/12/27/">Intemporels</a>
  603. </li>
  604. <li>
  605. <a href="/david/stream/2019/12/24/">Outils</a>
  606. </li>
  607. <li>
  608. <a href="/david/stream/2019/12/17/">Origines</a>
  609. </li>
  610. <li>
  611. <a href="/david/stream/2019/12/10/">Publier</a>
  612. </li>
  613. <li>
  614. <a href="/david/stream/2019/12/03/">En forêt</a>
  615. </li>
  616. <li>
  617. <a href="/david/stream/2019/11/26/">Ecocentric</a>
  618. </li>
  619. <li>
  620. <a href="/david/stream/2019/11/19/">Se livrer</a>
  621. </li>
  622. <li>
  623. <a href="/david/stream/2019/11/12/">Dépendances</a>
  624. </li>
  625. <li>
  626. <a href="/david/stream/2019/11/05/">Positif</a>
  627. </li>
  628. <li>
  629. <a href="/david/stream/2019/10/29/">Dettes</a>
  630. </li>
  631. <li>
  632. <a href="/david/stream/2019/10/22/">Privilèges</a>
  633. </li>
  634. <li>
  635. <a href="/david/stream/2019/10/15/">Discrétion</a>
  636. </li>
  637. <li>
  638. <a href="/david/stream/2019/10/08/">Désespérance</a>
  639. </li>
  640. <li>
  641. <a href="/david/stream/2019/10/01/">Présent</a>
  642. </li>
  643. <li>
  644. <a href="/david/stream/2019/09/24/">Manifester</a>
  645. </li>
  646. <li>
  647. <a href="/david/stream/2019/09/17/">Arpenter</a>
  648. </li>
  649. <li>
  650. <a href="/david/stream/2019/09/10/">Nostalgie</a>
  651. </li>
  652. <li>
  653. <a href="/david/stream/2019/09/03/">Déconstruire</a>
  654. </li>
  655. <li>
  656. <a href="/david/stream/2019/08/27/">Documenter</a>
  657. </li>
  658. <li>
  659. <a href="/david/stream/2019/08/20/">Frustration</a>
  660. </li>
  661. <li>
  662. <a href="/david/stream/2019/08/13/">Holisme</a>
  663. </li>
  664. <li>
  665. <a href="/david/stream/2019/08/06/">1%</a>
  666. </li>
  667. <li>
  668. <a href="/david/stream/2019/07/30/">Exemplarité</a>
  669. </li>
  670. <li>
  671. <a href="/david/stream/2019/07/23/">Timelines</a>
  672. </li>
  673. <li>
  674. <a href="/david/stream/2019/07/16/">Écoute</a>
  675. </li>
  676. <li>
  677. <a href="/david/stream/2019/07/02/">Anxiété</a>
  678. </li>
  679. <li>
  680. <a href="/david/stream/2019/06/21/">À lier</a>
  681. </li>
  682. <li>
  683. <a href="/david/stream/2019/06/14/">Pauvreté</a>
  684. </li>
  685. <li>
  686. <a href="/david/stream/2019/06/07/">Amateur</a>
  687. </li>
  688. <li>
  689. <a href="/david/stream/2019/05/31/">Pollution</a>
  690. </li>
  691. <li>
  692. <a href="/david/stream/2019/05/24/">Apaisement</a>
  693. </li>
  694. <li>
  695. <a href="/david/stream/2019/05/10/">Folie</a>
  696. </li>
  697. <li>
  698. <a href="/david/stream/2019/05/03/">Sympathie</a>
  699. </li>
  700. <li>
  701. <a href="/david/stream/2019/04/12/">Péremption</a>
  702. </li>
  703. <li>
  704. <a href="/david/stream/2019/04/05/">Définitions</a>
  705. </li>
  706. <li>
  707. <a href="/david/stream/2019/03/29/">Acceptation</a>
  708. </li>
  709. <li>
  710. <a href="/david/stream/2019/03/22/">Dissonance</a>
  711. </li>
  712. <li>
  713. <a href="/david/stream/2019/03/15/">Reconnaissance</a>
  714. </li>
  715. <li>
  716. <a href="/david/stream/2019/03/08/">Lecture</a>
  717. </li>
  718. <li>
  719. <a href="/david/stream/2019/03/01/">Journaux</a>
  720. </li>
  721. <li>
  722. <a href="/david/stream/2019/02/22/">Écriture</a>
  723. </li>
  724. <li>
  725. <a href="/david/stream/2019/02/15/">Kyriarchie</a>
  726. </li>
  727. <li>
  728. <a href="/david/stream/2019/02/08/">Mots-serrures</a>
  729. </li>
  730. <li>
  731. <a href="/david/stream/2019/02/01/">Sans voie</a>
  732. </li>
  733. <li>
  734. <a href="/david/stream/2019/01/25/">Auto-diagnostic</a>
  735. </li>
  736. <li>
  737. <a href="/david/stream/2019/01/18/">Agilité</a>
  738. </li>
  739. <li>
  740. <a href="/david/stream/2019/01/11/">Métaphores</a>
  741. </li>
  742. <li>
  743. <a href="/david/stream/2019/01/04/">Balbutiements</a>
  744. </li>
  745. </ul>
  746. <p>
  747. Voici quelques articles choisis :
  748. <a href="/david/blog/2019/faire-equipe/" title="Accéder à l’article complet">Faire équipe</a>,
  749. <a href="/david/blog/2018/bivouac-automnal/" title="Accéder à l’article complet">Bivouac automnal</a>,
  750. <a href="/david/blog/2018/commodite-effondrement/" title="Accéder à l’article complet">Commodité et effondrement</a>,
  751. <a href="/david/blog/2017/donnees-communs/" title="Accéder à l’article complet">Des données aux communs</a>,
  752. <a href="/david/blog/2016/accompagner-enfant/" title="Accéder à l’article complet">Accompagner un enfant</a>,
  753. <a href="/david/blog/2016/senior-developer/" title="Accéder à l’article complet">Senior developer</a>,
  754. <a href="/david/blog/2016/illusion-sociale/" title="Accéder à l’article complet">L’illusion sociale</a>,
  755. <a href="/david/blog/2016/instantane-scopyleft/" title="Accéder à l’article complet">Instantané Scopyleft</a>,
  756. <a href="/david/blog/2016/enseigner-web/" title="Accéder à l’article complet">Enseigner le Web</a>,
  757. <a href="/david/blog/2016/simplicite-defaut/" title="Accéder à l’article complet">Simplicité par défaut</a>,
  758. <a href="/david/blog/2016/minimalisme-esthetique/" title="Accéder à l’article complet">Minimalisme et esthétique</a>,
  759. <a href="/david/blog/2014/un-web-omni-present/" title="Accéder à l’article complet">Un web omni-présent</a>,
  760. <a href="/david/blog/2014/manifeste-developpeur/" title="Accéder à l’article complet">Manifeste de développeur</a>,
  761. <a href="/david/blog/2013/confort-convivialite/" title="Accéder à l’article complet">Confort et convivialité</a>,
  762. <a href="/david/blog/2013/testament-numerique/" title="Accéder à l’article complet">Testament numérique</a>,
  763. et <a href="/david/blog/" title="Accéder aux archives">bien d’autres…</a>
  764. </p>
  765. <p>
  766. 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>.
  767. </p>
  768. <p>
  769. Je ne traque pas ta navigation mais mon
  770. <abbr title="Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33.184162340">hébergeur</abbr>
  771. conserve des logs d’accès.
  772. </p>
  773. </div>
  774. </footer>
  775. <script type="text/javascript">
  776. ;(_ => {
  777. const jumper = document.getElementById('jumper')
  778. jumper.addEventListener('click', e => {
  779. e.preventDefault()
  780. const anchor = e.target.getAttribute('href')
  781. const targetEl = document.getElementById(anchor.substring(1))
  782. targetEl.scrollIntoView({behavior: 'smooth'})
  783. })
  784. })()
  785. </script>
  786. <script>
  787. /* Service workers */
  788. if (navigator.serviceWorker) {
  789. window.addEventListener('load', function () {
  790. var selector = 'a[href^="/david/cache/"], a[rel=prev], a[rel=next]'
  791. function sendLinks (selector) {
  792. var links = [].slice.call(document.querySelectorAll(selector)).map(function (link) {
  793. return link.getAttribute('href')
  794. })
  795. links.push(location.pathname) // Put the current page in cache too.
  796. navigator.serviceWorker.controller.postMessage({ links: links })
  797. }
  798. navigator.serviceWorker.getRegistration()
  799. .then(function (registration) {
  800. if (!registration || !navigator.serviceWorker.controller) {
  801. return navigator.serviceWorker.register('/serviceworker.js')
  802. .then(navigator.serviceWorker.ready)
  803. .then(function () {
  804. console.log('[ServiceWorker] Ready to go!')
  805. })
  806. .catch(console.error.bind(console))
  807. } else {
  808. console.log('[ServiceWorker] Send links via registration')
  809. sendLinks(selector)
  810. }
  811. })
  812. navigator.serviceWorker.addEventListener('controllerchange', function () {
  813. console.log('[ServiceWorker] Send links via controller change')
  814. sendLinks(selector)
  815. })
  816. navigator.serviceWorker.addEventListener('message', function (event) {
  817. var link = document.querySelector('a[href="' + event.data.link + '"]')
  818. if (event.data.status && link) {
  819. link.style.backgroundColor = '#2d7474'
  820. link.style.color = '#f0f0ea'
  821. link.setAttribute('title', 'En cache pour consultation sans connexion')
  822. }
  823. })
  824. })
  825. } else {
  826. console.warn('[ServiceWorker] No cache for old browsers.')
  827. }
  828. </script>