6 changed files with 226 additions and 28 deletions
+ 2
- 2
david/2021/06/09/index.html
View File
| @@ -62,7 +62,7 @@ | |||
| <a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home"> | |||
| <use xlink:href="/static/david/icons2/symbol-defs.svg#icon-home"></use> | |||
| </svg> Accueil</a> | |||
| • <a rel="next" href="/david/2021/06/10/" title="Publication suivante : Co-écriture">Suivant →</a> | |||
| </p> | |||
| </nav> | |||
| <hr> | |||
| @@ -85,7 +85,7 @@ | |||
| <p class="center"> | |||
| <a rel="prev" href="/david/2021/06/08/" title="Publication précédente : Sens">← Précédent</a> • | |||
| <a href="/david/2021/" title="Liste des publications récentes">↑ En 2021</a> | |||
| • <a rel="next" href="/david/2021/06/10/" title="Publication suivante : Co-écriture">Suivant →</a> | |||
| </p> | |||
| </nav> | |||
| </article> | |||
+ 185
- 0
david/2021/06/10/index.html
View File
| @@ -0,0 +1,185 @@ | |||
| <!doctype html><!-- This is a valid HTML5 document. --> | |||
| <!-- Screen readers, SEO, extensions and so on. --> | |||
| <html lang="fr"> | |||
| <!-- Has to be within the first 1024 bytes, hence before the `title` element | |||
| See: https://www.w3.org/TR/2012/CR-html5-20121217/document-metadata.html#charset --> | |||
| <meta charset="utf-8"> | |||
| <!-- Why no `X-UA-Compatible` meta: https://stackoverflow.com/a/6771584 --> | |||
| <!-- The viewport meta is quite crowded and we are responsible for that. | |||
| See: https://codepen.io/tigt/post/meta-viewport-for-2015 --> | |||
| <meta name="viewport" content="width=device-width,initial-scale=1"> | |||
| <!-- Required to make a valid HTML5 document. --> | |||
| <title>Co-écriture — David Larlet</title> | |||
| <meta name="description" content="Tout seul on va plus vite, ensemble on va ailleurs."> | |||
| <!-- That good ol' feed, subscribe :). --> | |||
| <link rel="alternate" type="application/atom+xml" title="Feed" href="/david/log/"> | |||
| <!-- Generated from https://realfavicongenerator.net/ such a mess. --> | |||
| <link rel="apple-touch-icon" sizes="180x180" href="/static/david/icons2/apple-touch-icon.png"> | |||
| <link rel="icon" type="image/png" sizes="32x32" href="/static/david/icons2/favicon-32x32.png"> | |||
| <link rel="icon" type="image/png" sizes="16x16" href="/static/david/icons2/favicon-16x16.png"> | |||
| <link rel="manifest" href="/static/david/icons2/site.webmanifest"> | |||
| <link rel="mask-icon" href="/static/david/icons2/safari-pinned-tab.svg" color="#07486c"> | |||
| <link rel="shortcut icon" href="/static/david/icons2/favicon.ico"> | |||
| <meta name="msapplication-TileColor" content="#f0f0ea"> | |||
| <meta name="msapplication-config" content="/static/david/icons2/browserconfig.xml"> | |||
| <meta name="theme-color" content="#f0f0ea"> | |||
| <!-- Documented, feel free to shoot an email. --> | |||
| <link rel="stylesheet" href="/static/david/css/style_2021-01-20.css"> | |||
| <!-- See https://www.zachleat.com/web/comprehensive-webfonts/ for the trade-off. --> | |||
| <link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_regular.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin> | |||
| <link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_bold.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin> | |||
| <link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_italic.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin> | |||
| <link rel="preload" href="/static/david/css/fonts/triplicate_t3_regular.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin> | |||
| <link rel="preload" href="/static/david/css/fonts/triplicate_t3_bold.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin> | |||
| <link rel="preload" href="/static/david/css/fonts/triplicate_t3_italic.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin> | |||
| <script> | |||
| function toggleTheme(themeName) { | |||
| document.documentElement.classList.toggle( | |||
| 'forced-dark', | |||
| themeName === 'dark' | |||
| ) | |||
| document.documentElement.classList.toggle( | |||
| 'forced-light', | |||
| themeName === 'light' | |||
| ) | |||
| } | |||
| const selectedTheme = localStorage.getItem('theme') | |||
| if (selectedTheme !== 'undefined') { | |||
| toggleTheme(selectedTheme) | |||
| } | |||
| </script> | |||
| <body class="remarkdown h1-underline h2-underline h3-underline em-underscore hr-center ul-star pre-tick" data-instant-intensity="viewport-all"> | |||
| <article> | |||
| <header> | |||
| <h1>Co-écriture</h1> | |||
| </header> | |||
| <nav> | |||
| <p class="center"> | |||
| <a rel="prev" href="/david/2021/06/09/" title="Publication précédente : Parenthèse">← Précédent</a> • | |||
| <a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home"> | |||
| <use xlink:href="/static/david/icons2/symbol-defs.svg#icon-home"></use> | |||
| </svg> Accueil</a> | |||
| </p> | |||
| </nav> | |||
| <hr> | |||
| <blockquote> | |||
| <p>Tout seul on va plus vite, ensemble on va <em>ailleurs</em>.</p> | |||
| <p><cite>Proverbe africain, <a href="/david/blog/2015/pairmutation-travail/">métissé à Scopyleft</a></cite></p> | |||
| </blockquote> | |||
| <p>L’écriture à plusieurs est une chose qui m’est difficile. Pas douloureuse mais difficile. Le style me parait rapidement être incohérent entre les parties et les bons mots sont lissés par un consensus mou et fonctionnel. Si quelqu’un fait un premier jet, c’est souvent trop franc pour pouvoir être retravaillé en profondeur et si, au contraire, on est nombreux·reuses à vouloir démarrer ça patine à chaque phrase.</p> | |||
| <p>Ce que l’on a expérimenté avec <a href="https://oncletom.io/">Thomas</a> et <a href="http://scopyleft.fr/">Juliette</a> c’est un·e qui écrit et les autres qui racontent (il faut une configuration particulière, ici un retour d’expérience). Le rédacteur ou la rédactrice est libre de l’angle et oriente la discussion pour creuser certains aspects et picorer dans l’histoire qui émerge. On se focalise ensuite sur le résultat pour réajuster lorsqu’il y a eu des incompréhensions. C’est peut-être une piste pour me réconcilier avec une écriture collective.</p> | |||
| <p><em>Merci.</em></p> | |||
| <p>D’une certaine manière, on a mis un mois pour rédiger 9 pages à… 70 mains 😅. Toute <a href="https://fr.wikipedia.org/wiki/Le_Mythe_du_mois-homme">ressemblance</a> ne serait bien évidemment que fortuite. On a aussi appris à se connaître en faisant, explorant cet <q>ailleurs</q> que sont les autres.</p> | |||
| <p>Là-bas était l’essentiel.</p> | |||
| <nav> | |||
| <p class="center"> | |||
| <a rel="prev" href="/david/2021/06/09/" title="Publication précédente : Parenthèse">← Précédent</a> • | |||
| <a href="/david/2021/" title="Liste des publications récentes">↑ En 2021</a> | |||
| </p> | |||
| </nav> | |||
| </article> | |||
| <hr> | |||
| <footer> | |||
| <p> | |||
| <a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home"> | |||
| <use xlink:href="/static/david/icons2/symbol-defs.svg#icon-home"></use> | |||
| </svg> Accueil</a> • | |||
| <a href="/david/log/" title="Accès au flux RSS"><svg class="icon icon-rss2"> | |||
| <use xlink:href="/static/david/icons2/symbol-defs.svg#icon-rss2"></use> | |||
| </svg> Suivre</a> • | |||
| <a href="http://larlet.com" title="Go to my English profile" data-instant><svg class="icon icon-user-tie"> | |||
| <use xlink:href="/static/david/icons2/symbol-defs.svg#icon-user-tie"></use> | |||
| </svg> Pro</a> • | |||
| <a href="mailto:david%40larlet.fr" title="Envoyer un courriel"><svg class="icon icon-mail"> | |||
| <use xlink:href="/static/david/icons2/symbol-defs.svg#icon-mail"></use> | |||
| </svg> Email</a> • | |||
| <abbr class="nowrap" title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340"><svg class="icon icon-hammer2"> | |||
| <use xlink:href="/static/david/icons2/symbol-defs.svg#icon-hammer2"></use> | |||
| </svg> Légal</abbr> | |||
| </p> | |||
| <template id="theme-selector"> | |||
| <form> | |||
| <fieldset> | |||
| <legend><svg class="icon icon-brightness-contrast"> | |||
| <use xlink:href="/static/david/icons2/symbol-defs.svg#icon-brightness-contrast"></use> | |||
| </svg> Thème</legend> | |||
| <label> | |||
| <input type="radio" value="auto" name="chosen-color-scheme" checked> Auto | |||
| </label> | |||
| <label> | |||
| <input type="radio" value="dark" name="chosen-color-scheme"> Foncé | |||
| </label> | |||
| <label> | |||
| <input type="radio" value="light" name="chosen-color-scheme"> Clair | |||
| </label> | |||
| </fieldset> | |||
| </form> | |||
| </template> | |||
| </footer> | |||
| <script src="/static/david/js/instantpage-5.1.0.min.js" type="module"></script> | |||
| <script> | |||
| function loadThemeForm(templateName) { | |||
| const themeSelectorTemplate = document.querySelector(templateName) | |||
| const form = themeSelectorTemplate.content.firstElementChild | |||
| themeSelectorTemplate.replaceWith(form) | |||
| form.addEventListener('change', (e) => { | |||
| const chosenColorScheme = e.target.value | |||
| localStorage.setItem('theme', chosenColorScheme) | |||
| toggleTheme(chosenColorScheme) | |||
| }) | |||
| const selectedTheme = localStorage.getItem('theme') | |||
| if (selectedTheme && selectedTheme !== 'undefined') { | |||
| form.querySelector(`[value="${selectedTheme}"]`).checked = true | |||
| } | |||
| } | |||
| const prefersColorSchemeDark = '(prefers-color-scheme: dark)' | |||
| window.addEventListener('load', () => { | |||
| let hasDarkRules = false | |||
| for (const styleSheet of Array.from(document.styleSheets)) { | |||
| let mediaRules = [] | |||
| for (const cssRule of styleSheet.cssRules) { | |||
| if (cssRule.type !== CSSRule.MEDIA_RULE) { | |||
| continue | |||
| } | |||
| // WARNING: Safari does not have/supports `conditionText`. | |||
| if (cssRule.conditionText) { | |||
| if (cssRule.conditionText !== prefersColorSchemeDark) { | |||
| continue | |||
| } | |||
| } else { | |||
| if (cssRule.cssText.startsWith(prefersColorSchemeDark)) { | |||
| continue | |||
| } | |||
| } | |||
| mediaRules = mediaRules.concat(Array.from(cssRule.cssRules)) | |||
| } | |||
| // WARNING: do not try to insert a Rule to a styleSheet you are | |||
| // currently iterating on, otherwise the browser will be stuck | |||
| // in a infinite loop… | |||
| for (const mediaRule of mediaRules) { | |||
| styleSheet.insertRule(mediaRule.cssText) | |||
| hasDarkRules = true | |||
| } | |||
| } | |||
| if (hasDarkRules) { | |||
| loadThemeForm('#theme-selector') | |||
| } | |||
| }) | |||
| </script> | |||
| </body> | |||
| </html> | |||
+ 2
- 0
david/2021/index.html
View File
| @@ -364,6 +364,8 @@ | |||
| <h2><a href="/david/2021/06/09/">Parenthèse</a> (2021-06-09)</h2> | |||
| <h2><a href="/david/2021/06/10/">Co-écriture</a> (2021-06-10)</h2> | |||
| </main> | |||
+ 15
- 0
david/2021/sources/2021-06-10 - Co-écriture.md
View File
| @@ -0,0 +1,15 @@ | |||
| # Co-écriture | |||
| > Tout seul on va plus vite, ensemble on va _ailleurs_. | |||
| > | |||
| > <cite>Proverbe africain, [métissé à Scopyleft](/david/blog/2015/pairmutation-travail/)</cite> | |||
| L’écriture à plusieurs est une chose qui m’est difficile. Pas douloureuse mais difficile. Le style me parait rapidement être incohérent entre les parties et les bons mots sont lissés par un consensus mou et fonctionnel. Si quelqu’un fait un premier jet, c’est souvent trop franc pour pouvoir être retravaillé en profondeur et si, au contraire, on est nombreux·reuses à vouloir démarrer ça patine à chaque phrase. | |||
| Ce que l’on a expérimenté avec [Thomas](https://oncletom.io/) et [Juliette](http://scopyleft.fr/) c’est un·e qui écrit et les autres qui racontent (il faut une configuration particulière, ici un retour d’expérience). Le rédacteur ou la rédactrice est libre de l’angle et oriente la discussion pour creuser certains aspects et picorer dans l’histoire qui émerge. On se focalise ensuite sur le résultat pour réajuster lorsqu’il y a eu des incompréhensions. C’est peut-être une piste pour me réconcilier avec une écriture collective. | |||
| *Merci.* | |||
| D’une certaine manière, on a mis un mois pour rédiger 9 pages à… 70 mains 😅. Toute [ressemblance](https://fr.wikipedia.org/wiki/Le_Mythe_du_mois-homme) ne serait bien évidemment que fortuite. On a aussi appris à se connaître en faisant, explorant cet <q>ailleurs</q> que sont les autres. | |||
| Là-bas était l’essentiel. | |||
+ 2
- 1
david/index.html
View File
| @@ -83,7 +83,8 @@ | |||
| <a href="/david/2021/06/06/">Abonnement</a>, | |||
| <a href="/david/2021/06/07/">Anxiété</a>, | |||
| <a href="/david/2021/06/08/">Sens</a>, | |||
| <a href="/david/2021/06/09/">Parenthèse</a>. | |||
| <a href="/david/2021/06/09/">Parenthèse</a>, | |||
| <a href="/david/2021/06/10/">Co-écriture</a>. | |||
| </p> | |||
+ 20
- 25
david/log/index.xml
View File
| @@ -6,13 +6,32 @@ | |||
| <link href="https://larlet.fr/david/" rel="alternate" type="text/html" /> | |||
| <link href="https://larlet.fr/david/log/" rel="self" /> | |||
| <id>https://larlet.fr/david/</id> | |||
| <updated>2021-06-16T12:00:00+01:00</updated> | |||
| <updated>2021-06-17T12:00:00+01:00</updated> | |||
| <author> | |||
| <name>David Larlet</name> | |||
| <uri>https://larlet.fr/david/</uri> | |||
| </author> | |||
| <rights>Copyright (c) 2004-2021, David Larlet</rights> | |||
| <entry xml:lang="fr"> | |||
| <title type="html">Co-écriture</title> | |||
| <link href="https://larlet.fr/david/2021/06/10/" rel="alternate" type="text/html" /> | |||
| <updated>2021-06-10T12:00:00+01:00</updated> | |||
| <id>https://larlet.fr/david/2021/06/10/</id> | |||
| <summary type="html"> | |||
| <blockquote> | |||
| <p>Tout seul on va plus vite, ensemble on va <em>ailleurs</em>.</p> | |||
| <p><cite>Proverbe africain, <a href="https://larlet.fr/david/blog/2015/pairmutation-travail/">métissé à Scopyleft</a></cite></p> | |||
| </blockquote> | |||
| <p>L’écriture à plusieurs est une chose qui m’est difficile. Pas douloureuse mais difficile. Le style me parait rapidement être incohérent entre les parties et les bons mots sont lissés par un consensus mou et fonctionnel. Si quelqu’un fait un premier jet, c’est souvent trop franc pour pouvoir être retravaillé en profondeur et si, au contraire, on est nombreux·reuses à vouloir démarrer ça patine à chaque phrase.</p> | |||
| <p>Ce que l’on a expérimenté avec <a href="https://oncletom.io/">Thomas</a> et <a href="http://scopyleft.fr/">Juliette</a> c’est un·e qui écrit et les autres qui racontent (il faut une configuration particulière, ici un retour d’expérience). Le rédacteur ou la rédactrice est libre de l’angle et oriente la discussion pour creuser certains aspects et picorer dans l’histoire qui émerge. On se focalise ensuite sur le résultat pour réajuster lorsqu’il y a eu des incompréhensions. C’est peut-être une piste pour me réconcilier avec une écriture collective.</p> | |||
| <p><em>Merci.</em></p> | |||
| <p>D’une certaine manière, on a mis un mois pour rédiger 9&nbsp;pages à… 70&nbsp;mains 😅. Toute <a href="https://fr.wikipedia.org/wiki/Le_Mythe_du_mois-homme">ressemblance</a> ne serait bien évidemment que fortuite. On a aussi appris à se connaître en faisant, explorant cet <q>ailleurs</q> que sont les autres.</p> | |||
| <p>Là-bas était l’essentiel.</p> | |||
| <hr/><p><a href="mailto:david@larlet.fr">Réagir ?</a></p></summary> | |||
| </entry> | |||
| <entry xml:lang="fr"> | |||
| <title type="html">Parenthèse</title> | |||
| <link href="https://larlet.fr/david/2021/06/09/" rel="alternate" type="text/html" /> | |||
| @@ -682,30 +701,6 @@ Ce mot, ce serait la <em>solstalgie</em>. La nostalgie d’une solit | |||
| <p>Un superbe article sur ce que signifierait «&nbsp;aller vers de la navigation moins carbonée&nbsp;» et un bon rappel qu’un changement de paradigme entraine une évolution des mentalités et des usages associés.</p> | |||
| <p>J’imagine chaque bateau transportant son instance de <a href="https://en.wikipedia.org/wiki/Secure_Scuttlebutt">Secure Scuttlebutt</a> (qui n’aurait jamais aussi bien porté son nom) ou échangeant des fichiers à chaque fois qu’il croise un autre navire avec <a href="https://en.wikipedia.org/wiki/InterPlanetary_File_System">IPFS</a>. On irait attendre des messages numériques comme on attendait probablement le courrier il y a un siècle, au port.</p> | |||
| <p>À quoi ressemblerait un transport… de données pour le 21<sup>e</sup> siècle&#8239;?</p> | |||
| <hr/><p><a href="mailto:david@larlet.fr">Réagir ?</a></p></summary> | |||
| </entry> | |||
| <entry xml:lang="fr"> | |||
| <title type="html">Résilience</title> | |||
| <link href="https://larlet.fr/david/2021/05/10/" rel="alternate" type="text/html" /> | |||
| <updated>2021-05-10T12:00:00+01:00</updated> | |||
| <id>https://larlet.fr/david/2021/05/10/</id> | |||
| <summary type="html"> | |||
| <blockquote> | |||
| <p>La résilience est un concept adulé dans nos sociétés, notamment pour administrer les désastres, c’est-à-dire non seulement pour les gérer mais aussi pour les transformer en remèdes aux dégâts qu’ils génèrent. On peut comprendre cet engouement étant donné que nous sommes de plus en plus confrontés à des catastrophes impossibles à maîtriser. <mark>La résilience apparaît comme une formule magique car elle prétend clore cette impossibilité</mark>, et en faire une source d’inspiration et de rebond vers un soi-disant «&nbsp;monde d’après&nbsp;». En fait, plus on connaît les causes des désastres, plus les réponses que l’on fournit sont concentrées sur leurs conséquences, et sur la meilleure façon dont on peut en tirer parti, rendant ainsi les causes de plus en plus désastreuses. C’est un principe de base de la résilience que l’on pourrait définir comme «&nbsp;l’art de s’adapter au pire&nbsp;».</p> | |||
| <p>Dans le cas d’une catastrophe nucléaire comme celle de Fukushima, mais c’est aussi vrai ailleurs, <mark>la résilience est promue au rang de technique thérapeutique pour faire face au désastre</mark>. On va individualiser le problème et amener les gens à faire fi de leur impuissance face aux dégâts pour, au contraire, leur donner l’impression d’être puissants et agissants. Chacun est exhorté à «&nbsp;rebondir&nbsp;», à «&nbsp;vivre avec&nbsp;». Les victimes sont amenées à cogérer le désastre, en participant à la «&nbsp;décontamination&nbsp;» ou en surveillant la radioactivité ambiante. L’objectif des apôtres de la résilience (autorités étatiques, associations locales, experts internationaux), c’est d’amener chacun à cesser de s’inquiéter «&nbsp;inutilement&nbsp;» d’avoir fatalement à vivre avec la contamination. Personne n’ose dire que l’on va «&nbsp;vivre comme avant&nbsp;» mais on parle de «&nbsp;situation post-normale&nbsp;», qui est en fait une situation de survie. Les gens doivent apprendre à se contenter d’un bonheur palliatif, où règne le «&nbsp;trop peu&nbsp;», considéré comme éternel et indiscutable&nbsp;: «&nbsp;trop peu&nbsp;» de santé, «&nbsp;trop peu&nbsp;» de liberté, «&nbsp;trop peu&nbsp;» de peur, «&nbsp;trop peu&nbsp;» de refus, «&nbsp;trop peu&nbsp;» de vie.</p> | |||
| <p><cite><em><a href="https://www.bastamag.net/Fukushima-contaminations-zones-radioactives-catastrophes-nucleaires-contre-la-resilience-thierry-ribault">Pour les habitants autour de Fukushima, «&nbsp;il y a une injonction à être des contaminés satisfaits&nbsp;»</a></em> (<a href="https://larlet.fr/david/cache/2021/2d4d277eb9521025b82bf2fc233c3238/">cache</a>)</cite></p> | |||
| </blockquote> | |||
| <p>Cette interview de Thierry Ribault m’a donné une autre façon d’interpréter la résilience. Son côté obscur que je n’avais jusqu’alors fait qu’effleurer, il ne suffit parfois que de quelques phrases pour envisager un terme sous son angle inverse. Un <em>pharmakon</em> aurait dit Bernard Stiegler.</p> | |||
| <p>Dans un contexte de pandémie, cet échange prend un nouveau sens. Ce n’est plus une catastrophe nucléaire à l’autre bout du globe, c’est une injonction locale pour chacun·e d’entre nous. Maintenant. La résilience comme un pansement sur la <a href="https://fr.wikipedia.org/wiki/Synd%C3%A9mie">syndémie</a> que l’on essaye de se cacher.</p> | |||
| <blockquote> | |||
| <p>Mais la résilience est plus que cela. C’est une <mark>technologie du consentement</mark> qui précède historiquement le néolibéralisme. Elle s’est développée en même temps que la société industrielle car il s’agit de trouver de bonnes raisons à la traversée de la catastrophe.</p> | |||
| <p>[…]</p> | |||
| <p>L’alternative est de considérer réellement le malheur, de le nommer et non pas de lui donner un sens pour mieux l’évacuer, et de faire advenir à la conscience la dureté de ce que l’on vit, <mark>conscience indispensable pour aller ensuite vers des formes de vie sociale radicalement différentes</mark>, plutôt que se résigner aux rapports sociaux et à leurs nuisibles sous-produits tels qu’ils sont. On ne traverse pas les épreuves, on est traversés par elles.</p> | |||
| <p><cite><em>Ibid.</em></cite></p> | |||
| </blockquote> | |||
| <hr/><p><a href="mailto:david@larlet.fr">Réagir ?</a></p></summary> | |||
| </entry> | |||
Loading…