6 changed files with 245 additions and 25 deletions
+ 2
- 2
david/2021/11/03/index.html
View File
| @@ -63,7 +63,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/11/05/" title="Publication suivante : Palimpseste">Suivant →</a> | |||
| </p> | |||
| </nav> | |||
| <hr> | |||
| @@ -83,7 +83,7 @@ | |||
| <p class="center"> | |||
| <a rel="prev" href="/david/2021/11/02/" title="Publication précédente : Réflexion">← Précédent</a> • | |||
| <a href="/david/2021/" title="Liste des publications récentes">↑ En 2021</a> | |||
| • <a rel="next" href="/david/2021/11/05/" title="Publication suivante : Palimpseste">Suivant →</a> | |||
| </p> | |||
| </nav> | |||
| </article> | |||
+ 192
- 0
david/2021/11/05/index.html
View File
| @@ -0,0 +1,192 @@ | |||
| <!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>Palimpseste — David Larlet</title> | |||
| <meta name="description" content="Manuscrit dont on a fait disparaître l’écriture pour y écrire un autre texte. — wiktionary"> | |||
| <!-- 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="#f7f7f7"> | |||
| <meta name="msapplication-config" content="/static/david/icons2/browserconfig.xml"> | |||
| <meta name="theme-color" content="#f7f7f7" media="(prefers-color-scheme: light)"> | |||
| <meta name="theme-color" content="#272727" media="(prefers-color-scheme: dark)"> | |||
| <!-- 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>Palimpseste</h1> | |||
| </header> | |||
| <nav> | |||
| <p class="center"> | |||
| <a rel="prev" href="/david/2021/11/03/" title="Publication précédente : Composants">← 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>Manuscrit dont on a fait disparaître l’écriture pour y écrire un autre texte. — <a href="https://fr.wiktionary.org/wiki/palimpseste">wiktionary</a></p> | |||
| </blockquote> | |||
| <p>En ce moment, j’interroge ma façon de partager des informations dans un groupe. Et <a href="/david/2021/10/07/" title="Consigner">quels outils</a> pourraient m’aider dans <a href="/david/2021/10/13/" title="Prodiverse">cette tâche</a> extrêmement difficile.</p> | |||
| <p>Tentative du jour, l’adaptation d’une page <a href="https://nownownow.com/about">nownownow</a> (<a href="/david/cache/2021/2234be7b5c98831c39b44861df11e9e9/">cache</a>) pour une équipe. Un simple pad — ou tout autre moyen d’écrire simultanément — où chacun·e est libre d’échanger ses (pré)occupations du moment. La seule information qu’il me semble importante d’avoir en commun est peut-être la date de mise à jour de sa partie, de façon à avoir une idée de la pertinence dans le temps.</p> | |||
| <p>Peut-être un moyen pour les personnes moins à l’aise à l’oral (ou avec la synchronicité des échanges verbaux) de partager des émotions et des informations. Peut-être un moyen pour que le temps d’attention s’équilibre au sein d’un groupe, ce qui est très difficile avec la discussion seule.</p> | |||
| <p>Avec la légèreté de ne pas se préoccuper d’un historique (pour une fois !).</p> | |||
| <p><mark>Une semaine plus tard</mark> : je suis le seul participant 😅.</p> | |||
| <hr /> | |||
| <blockquote lang="en"> | |||
| <p>Information is generally far less useful when it is only stored in one person’s head, as opposed to <mark>being accessible in a shared system</mark> that everyone trusts and can use. If you take important information out of your own head and store it in a medium that allows others to easily find and contextualise it, that’s a win for everyone.</p> | |||
| <p><cite><em><a href="https://xahteiwi.eu/resources/presentations/no-we-wont-have-a-video-call-for-that/">No, We Won’t Have a Video Call for That!</a></em> (<a href="/david/cache/2021/6c45b2e9a3bd7dc678d52e047a88cd1d/">cache</a>)</cite></p> | |||
| </blockquote> | |||
| <p>Beaucoup de choses qui alimentent mes réflexions du moment. Une communication efficace et optimisée soit, mais avec quelle humanité ?</p> | |||
| <nav> | |||
| <p class="center"> | |||
| <a rel="prev" href="/david/2021/11/03/" title="Publication précédente : Composants">← 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
| @@ -609,6 +609,8 @@ | |||
| <h2><a href="/david/2021/11/03/">Composants</a> (2021-11-03)</h2> | |||
| <h2><a href="/david/2021/11/05/">Palimpseste</a> (2021-11-05)</h2> | |||
| </main> | |||
+ 21
- 0
david/2021/sources/2021-11-05 - Palimpseste.md
View File
| @@ -0,0 +1,21 @@ | |||
| # Palimpseste | |||
| > Manuscrit dont on a fait disparaître l’écriture pour y écrire un autre texte. — [wiktionary](https://fr.wiktionary.org/wiki/palimpseste) | |||
| En ce moment, j’interroge ma façon de partager des informations dans un groupe. Et [quels outils](/david/2021/10/07/) pourraient m’aider dans [cette tâche](/david/2021/10/13/) extrêmement difficile. | |||
| Tentative du jour, l’adaptation d’une page [nownownow](https://nownownow.com/about) ([cache](/david/cache/2021/2234be7b5c98831c39b44861df11e9e9/)) pour une équipe. Un simple pad — ou tout autre moyen d’écrire simultanément — où chacun·e est libre d’échanger ses (pré)occupations du moment. La seule information qu’il me semble importante d’avoir en commun est peut-être la date de mise à jour de sa partie, de façon à avoir une idée de la pertinence dans le temps. | |||
| Peut-être un moyen pour les personnes moins à l’aise à l’oral (ou avec la synchronicité des échanges verbaux) de partager des émotions et des informations. Peut-être un moyen pour que le temps d’attention s’équilibre au sein d’un groupe, ce qui est très difficile avec la discussion seule. | |||
| Avec la légèreté de ne pas se préoccuper d’un historique (pour une fois !). | |||
| ==Une semaine plus tard== : je suis le seul participant 😅. | |||
| --- | |||
| > [en] Information is generally far less useful when it is only stored in one person’s head, as opposed to ==being accessible in a shared system== that everyone trusts and can use. If you take important information out of your own head and store it in a medium that allows others to easily find and contextualise it, that’s a win for everyone. | |||
| > | |||
| > <cite>*[No, We Won’t Have a Video Call for That!](https://xahteiwi.eu/resources/presentations/no-we-wont-have-a-video-call-for-that/)* ([cache](/david/cache/2021/6c45b2e9a3bd7dc678d52e047a88cd1d/))</cite> | |||
| Beaucoup de choses qui alimentent mes réflexions du moment. Une communication efficace et optimisée soit, mais avec quelle humanité ? | |||
+ 2
- 1
david/index.html
View File
| @@ -78,7 +78,8 @@ | |||
| <p> | |||
| <a href="/david/2021/11/01/">Inaccessible</a>, | |||
| <a href="/david/2021/11/02/">Réflexion</a>, | |||
| <a href="/david/2021/11/03/">Composants</a>. | |||
| <a href="/david/2021/11/03/">Composants</a>, | |||
| <a href="/david/2021/11/05/">Palimpseste</a>. | |||
| </p> | |||
+ 26
- 22
david/log/index.xml
View File
| @@ -6,13 +6,38 @@ | |||
| <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-11-10T12:00:00+01:00</updated> | |||
| <updated>2021-11-12T12: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">Palimpseste</title> | |||
| <link href="https://larlet.fr/david/2021/11/05/" rel="alternate" type="text/html" /> | |||
| <updated>2021-11-05T12:00:00+01:00</updated> | |||
| <id>https://larlet.fr/david/2021/11/05/</id> | |||
| <summary type="html"> | |||
| <blockquote> | |||
| <p>Manuscrit dont on a fait disparaître l’écriture pour y écrire un autre texte. — <a href="https://fr.wiktionary.org/wiki/palimpseste">wiktionary</a></p> | |||
| </blockquote> | |||
| <p>En ce moment, j’interroge ma façon de partager des informations dans un groupe. Et <a href="https://larlet.fr/david/2021/10/07/" title="Consigner">quels outils</a> pourraient m’aider dans <a href="https://larlet.fr/david/2021/10/13/" title="Prodiverse">cette tâche</a> extrêmement difficile.</p> | |||
| <p>Tentative du jour, l’adaptation d’une page <a href="https://nownownow.com/about">nownownow</a> (<a href="https://larlet.fr/david/cache/2021/2234be7b5c98831c39b44861df11e9e9/">cache</a>) pour une équipe. Un simple pad — ou tout autre moyen d’écrire simultanément — où chacun·e est libre d’échanger ses (pré)occupations du moment. La seule information qu’il me semble importante d’avoir en commun est peut-être la date de mise à jour de sa partie, de façon à avoir une idée de la pertinence dans le temps.</p> | |||
| <p>Peut-être un moyen pour les personnes moins à l’aise à l’oral (ou avec la synchronicité des échanges verbaux) de partager des émotions et des informations. Peut-être un moyen pour que le temps d’attention s’équilibre au sein d’un groupe, ce qui est très difficile avec la discussion seule.</p> | |||
| <p>Avec la légèreté de ne pas se préoccuper d’un historique (pour une fois&#8239;!).</p> | |||
| <p><mark>Une semaine plus tard</mark>&nbsp;: je suis le seul participant 😅.</p> | |||
| <hr /> | |||
| <blockquote lang="en"> | |||
| <p>Information is generally far less useful when it is only stored in one person’s head, as opposed to <mark>being accessible in a shared system</mark> that everyone trusts and can use. If you take important information out of your own head and store it in a medium that allows others to easily find and contextualise it, that’s a win for everyone.</p> | |||
| <p><cite><em><a href="https://xahteiwi.eu/resources/presentations/no-we-wont-have-a-video-call-for-that/">No, We Won’t Have a Video Call for That!</a></em> (<a href="https://larlet.fr/david/cache/2021/6c45b2e9a3bd7dc678d52e047a88cd1d/">cache</a>)</cite></p> | |||
| </blockquote> | |||
| <p>Beaucoup de choses qui alimentent mes réflexions du moment. Une communication efficace et optimisée soit, mais avec quelle humanité&#8239;?</p> | |||
| <hr/><p><a href="mailto:david@larlet.fr">Réagir ?</a></p></summary> | |||
| </entry> | |||
| <entry xml:lang="fr"> | |||
| <title type="html">Composants</title> | |||
| <link href="https://larlet.fr/david/2021/11/03/" rel="alternate" type="text/html" /> | |||
| @@ -670,27 +695,6 @@ | |||
| <p>C’est une question que je me pose souvent vis-à-vis du rythme, il y a une certaine brutalité à asséner des articles quotidiennement. Je sais que certaines personnes avec lesquelles j’interagis sont à la peine de garder ce rythme et la <a href="https://larlet.fr/david/2021/01/01/" title="PresQuotidien">publication décalée</a> me semble aider. Les contenus sont là, rarement dans un <em>tempo</em> critique.</p> | |||
| <p>Ils seront probablement accessibles pour quelques années, la lecture peut être quotidienne mais pourrait tout aussi bien être hebdomadaire ou mensuelle. C’est notre soif d’être à jour, d’avoir une pastille d’agrégateur à zéro, qui peut rendre ce rythme intenable. En un sens, le flux <strong>pérenne</strong> peut aider à une gestion personnelle en stock, apaisée, où l’on vient picorer régulièrement (en n’étant pas trop regardant·e sur <a href="https://larlet.fr/david/2021/02/28/" title="Constance">la qualité</a>). Et je me trompe probablement, il doit y avoir des pratiques dont je n’ai même pas conscience, je serais curieux de connaître la vôtre cher·e lecteur·ice.</p> | |||
| <p>Quant à mon propre épuisement, il me semble être plus salutaire qu’autre chose. Une fois l’éponge pressée, elle redevient disponible. Tel un écureuil, je me nourris des graines des autres, j’en déplace, j’en cache, j’en plante et je suis parfois surpris que ça puisse pousser… me créant un nouveau terrain de jeux.</p> | |||
| <hr/><p><a href="mailto:david@larlet.fr">Réagir ?</a></p></summary> | |||
| </entry> | |||
| <entry xml:lang="fr"> | |||
| <title type="html">Paranoïa</title> | |||
| <link href="https://larlet.fr/david/2021/09/28/" rel="alternate" type="text/html" /> | |||
| <updated>2021-09-28T12:00:00+01:00</updated> | |||
| <id>https://larlet.fr/david/2021/09/28/</id> | |||
| <summary type="html"> | |||
| <blockquote lang="en"> | |||
| <p>Scanning the photos on your phone isn’t like steaming open the mail and peeping inside the envelopes. It’s like rifling through your memory.</p> | |||
| <p>And when those memories may at any time be silently observed or removed… even if it never happens but there is the possibility of it…</p> | |||
| <p>[…]</p> | |||
| <p>And if somebody else is now inside your memories, <mark>can you be sure that they’re not being edited?</mark> Is gaslighting occurring with these most personal of devices? Even if it never happens… that’s the lesson of the Panopticon, the mere possibility is enough to affect behaviour.</p> | |||
| <p><cite><em><a href="https://interconnected.org/home/2021/08/06/paranoia">Apple’s photo scanning and our state of forced collective paranoia</a></em> (<a href="https://larlet.fr/david/cache/2021/afd74b165f837caf94dd2098d161627a/">cache</a>)</cite></p> | |||
| </blockquote> | |||
| <p>Je me suis penché plusieurs fois sur cet article depuis sa publication. Il y a plusieurs lectures possibles pour considérer les liens entre ces différents éléments et, même si ça semble un peu tiré par les cheveux parfois, il y a tout de même cette atmosphère un peu malaisante que j’ai du mal à formuler.</p> | |||
| <p>Les pensées et fragments de mémoire publiés ici me semblent être difficilement falsifiables à mon insu. J’ai un historique, sur plusieurs machines, etc. En revanche pour des photos — qui plus est stockées sur l’ordinateur d’un·e autre — c’est bien plus compliqué à identifier et à prouver.</p> | |||
| <hr /> | |||
| <p>En retournant le problème, cela pourrait être un métier d’aller effacer de mauvais souvenirs… plus ou moins à la demande de la personne.</p> | |||
| <hr/><p><a href="mailto:david@larlet.fr">Réagir ?</a></p></summary> | |||
| </entry> | |||
Loading…