davidbgk
/
larlet-fr-david-cache
Watch 1
Star 0
Fork 0
Code Releases 0 Activity
Browse Source

More links

master
David Larlet 2 years ago
parent
3df89f3484
commit
d5ea5e74e5
5 changed files with 413 additions and 0 deletions
Split View Show Diff Stats
  1. 173
    0
      cache/2021/5a89944a64394da98512ea35a64bafdc/index.html
  2. 5
    0
      cache/2021/5a89944a64394da98512ea35a64bafdc/index.md
  3. 202
    0
      cache/2021/8809cdb7b9693d1edff1f6627eeaae83/index.html
  4. 29
    0
      cache/2021/8809cdb7b9693d1edff1f6627eeaae83/index.md
  5. 4
    0
      cache/2021/index.html

+ 173
- 0
cache/2021/5a89944a64394da98512ea35a64bafdc/index.html View File

@@ -0,0 +1,173 @@
<!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>
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>#162: Minimum Viable Self (archive) — David Larlet</title>
<meta name="description" content="Publication mise en cache pour en conserver une trace.">
<!-- 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>

<meta name="robots" content="noindex, nofollow">
<meta content="origin-when-cross-origin" name="referrer">
<!-- Canonical URL for SEO purposes -->
<link rel="canonical" href="https://kneelingbus.substack.com/p/162-minimum-viable-self">

<body class="remarkdown h1-underline h2-underline h3-underline em-underscore hr-center ul-star pre-tick">

<article>
<header>
<h1>#162: Minimum Viable Self</h1>
</header>
<nav>
<p class="center">
<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="https://kneelingbus.substack.com/p/162-minimum-viable-self" title="Lien vers le contenu original">Source originale</a>
</p>
</nav>
<hr>
<p>Two decades ago, before social media existed, Zygmunt Bauman articulated a perfect description of how it would soon shape our behavior and frame our relationships to one another. In his 2000 book <em>Liquid Modernity</em>, Bauman wrote: “Seen from a distance, (other people’s) existence seems to possess a coherence and a unity which they cannot have, in reality, but which seems evident to the spectator. This, of course, is an optical illusion. The distance (that is, the paucity of our knowledge) blurs the details and effaces everything that fits ill into the Gestalt. Illusion or not, we tend to see other people’s lives as works of art. And having seen them this way, we struggle to (make our lives) the same.” The conditions Bauman described had already emerged in other media environments, such as television, but the participatory nature of the internet and specifically social media would compel everyone involved to develop an online identity, intentionally or not, that would correspond to their offline identity but would never quite mirror it perfectly. The personal brand, that groan-inducing pillar of digital existence, only occasionally amounts to the refined display that its most sophisticated instances embody. For most people, though, a personal brand is an accidental side effect of their digital presence, something they assume to be a faithful reflection of their “real” selves whether it really is or not.</p>

<p>Even poorly constructed online identities, however, somehow manage to cohere into consistent wholes, thanks to the medium that transmits them. Every social media feed is an endless parade of these fragmentary identities, disaggregated into units of content and passing by quickly enough to evade the scrutiny that would detect their incompleteness. As Bauman presciently realized, the constraints of these digital environments and the sheer volume of users endows even the flimsiest online presences with an illusion of unity. Showing up frequently enough in the feed might elevate one’s presence to a work of art, at least from everyone else’s distracted perspective, and this in turn motivates us all to present our own selves more artfully. The speed of the information flow is essential to the entire illusion: A platform like Twitter makes our asynchronous posts feel like real-time interaction by delivering them in such rapid succession, and that illusion begets another more powerful one, that we’re all actually <em>present</em> within the feed. If you and I are both present, moreover, that implies that we’re together, something that is always almost true within these social networks but never quite achieved. On Twitter every relationship is thus parasocial, even if bidirectionally so, and perhaps that’s why digital relationships continue to demand in-person reification.</p>

<p>Something I frequently joke about—a dark truth that begs for humor—is how social media requires continuous posting just to remind everyone else you exist. I once <a href="https://twitter.com/kneelingbus/status/1339376044097331202">said</a> that if Twitter was real life our bodies would always be slowly shrinking, and tweeting more would be the only way to make ourselves bigger again. We can always opt out of this arrangement, of course, and live happily in meatspace, but that is precisely the point: Offline we exist by default; online we have to post our way into selfhood. Reality, as Philip K. Dick said, is that which doesn’t go away when you stop believing in it, and while the digital and physical worlds may be converging as a hybridized domain of lived experience and outward perception, our own sustained presence as individuals is the quality that distinguishes the two. As I <a href="https://kneelingbus.substack.com/p/149-listen-the-snow-is-falling">wrote</a> in January, silence is effectively impossible on the contemporary internet, where “voids are just filled by other people’s content, and thus vanish instantly.” The illusions that enable social media to feel like a primary reality (rather than a medium that supplements that reality) have become increasingly seamless and less likely to be broken, but <a href="https://studio.ribbonfarm.com/p/digital-homelessness">as Venkatesh Rao has observed</a>, many users are sacrificed at the altar of this reality, slipping through the cracks and becoming “digitally homeless.” This phenomenon, he writes, flourishes in “online zones where, for whatever reasons, psychologically plausible and inhabitable personas have failed to cohere for a significant subset of people.” The feed algorithms and interfaces treat these users the same way the actual homeless are frequently treated: by pushing them to the margins and concealing them from view. For the online homeless, as digital reality matures, maybe nonexistence is no longer an option.</p>
</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> RSS</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>
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>

+ 5
- 0
cache/2021/5a89944a64394da98512ea35a64bafdc/index.md View File

@@ -0,0 +1,5 @@
title: #162: Minimum Viable Self
url: https://kneelingbus.substack.com/p/162-minimum-viable-self
hash_url: 5a89944a64394da98512ea35a64bafdc

<p>Two decades ago, before social media existed, Zygmunt Bauman articulated a perfect description of how it would soon shape our behavior and frame our relationships to one another. In his 2000 book <em>Liquid Modernity</em>, Bauman wrote: “Seen from a distance, (other people’s) existence seems to possess a coherence and a unity which they cannot have, in reality, but which seems evident to the spectator. This, of course, is an optical illusion. The distance (that is, the paucity of our knowledge) blurs the details and effaces everything that fits ill into the Gestalt. Illusion or not, we tend to see other people’s lives as works of art. And having seen them this way, we struggle to (make our lives) the same.” The conditions Bauman described had already emerged in other media environments, such as television, but the participatory nature of the internet and specifically social media would compel everyone involved to develop an online identity, intentionally or not, that would correspond to their offline identity but would never quite mirror it perfectly. The personal brand, that groan-inducing pillar of digital existence, only occasionally amounts to the refined display that its most sophisticated instances embody. For most people, though, a personal brand is an accidental side effect of their digital presence, something they assume to be a faithful reflection of their “real” selves whether it really is or not.</p><p>Even poorly constructed online identities, however, somehow manage to cohere into consistent wholes, thanks to the medium that transmits them. Every social media feed is an endless parade of these fragmentary identities, disaggregated into units of content and passing by quickly enough to evade the scrutiny that would detect their incompleteness. As Bauman presciently realized, the constraints of these digital environments and the sheer volume of users endows even the flimsiest online presences with an illusion of unity. Showing up frequently enough in the feed might elevate one’s presence to a work of art, at least from everyone else’s distracted perspective, and this in turn motivates us all to present our own selves more artfully. The speed of the information flow is essential to the entire illusion: A platform like Twitter makes our asynchronous posts feel like real-time interaction by delivering them in such rapid succession, and that illusion begets another more powerful one, that we’re all actually <em>present</em> within the feed. If you and I are both present, moreover, that implies that we’re together, something that is always almost true within these social networks but never quite achieved. On Twitter every relationship is thus parasocial, even if bidirectionally so, and perhaps that’s why digital relationships continue to demand in-person reification.</p><p>Something I frequently joke about—a dark truth that begs for humor—is how social media requires continuous posting just to remind everyone else you exist. I once <a href="https://twitter.com/kneelingbus/status/1339376044097331202">said</a> that if Twitter was real life our bodies would always be slowly shrinking, and tweeting more would be the only way to make ourselves bigger again. We can always opt out of this arrangement, of course, and live happily in meatspace, but that is precisely the point: Offline we exist by default; online we have to post our way into selfhood. Reality, as Philip K. Dick said, is that which doesn’t go away when you stop believing in it, and while the digital and physical worlds may be converging as a hybridized domain of lived experience and outward perception, our own sustained presence as individuals is the quality that distinguishes the two. As I <a href="https://kneelingbus.substack.com/p/149-listen-the-snow-is-falling">wrote</a> in January, silence is effectively impossible on the contemporary internet, where “voids are just filled by other people’s content, and thus vanish instantly.” The illusions that enable social media to feel like a primary reality (rather than a medium that supplements that reality) have become increasingly seamless and less likely to be broken, but <a href="https://studio.ribbonfarm.com/p/digital-homelessness">as Venkatesh Rao has observed</a>, many users are sacrificed at the altar of this reality, slipping through the cracks and becoming “digitally homeless.” This phenomenon, he writes, flourishes in “online zones where, for whatever reasons, psychologically plausible and inhabitable personas have failed to cohere for a significant subset of people.” The feed algorithms and interfaces treat these users the same way the actual homeless are frequently treated: by pushing them to the margins and concealing them from view. For the online homeless, as digital reality matures, maybe nonexistence is no longer an option.</p>

+ 202
- 0
cache/2021/8809cdb7b9693d1edff1f6627eeaae83/index.html View File

@@ -0,0 +1,202 @@
<!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>
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>Web envoûté (archive) — David Larlet</title>
<meta name="description" content="Publication mise en cache pour en conserver une trace.">
<!-- 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>

<meta name="robots" content="noindex, nofollow">
<meta content="origin-when-cross-origin" name="referrer">
<!-- Canonical URL for SEO purposes -->
<link rel="canonical" href="https://www.la-grange.net/2021/06/02/envoutement">

<body class="remarkdown h1-underline h2-underline h3-underline em-underscore hr-center ul-star pre-tick">

<article>
<header>
<h1>Web envoûté</h1>
</header>
<nav>
<p class="center">
<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="https://www.la-grange.net/2021/06/02/envoutement" title="Lien vers le contenu original">Source originale</a>
</p>
</nav>
<hr>
<figure>
<img src="https://www.la-grange.net/2021/05/30/1095-poteau-rouille.jpg" alt="peinture écaillée sur un poteau rouillé.">
<figcaption>Tsujido, Japon, 30 mai 2021</figcaption>
</figure>

<blockquote>
<p>Une fois dans ma vie, je fus envoûtée.<br>
— Le pays sans nom, Anna Moï, urn:isbn:978-2-8159-2795-6</p>
</blockquote>

<p>Qu'advient-il de nos sites Web quand nous disparaissons ? Et le problème se pose-t-il de la même façon avec ou sans enfants ? Robin <a href="https://www.robinrendle.com/notes/inheritance.html">écrit</a> en février dernier :</p>

<blockquote>
<p>I thought about this the other day, too. When I die my website will probably stick around until my bank account stops sending money to Hover or Netlify. I guess my brother might have the login details and could start paying for my domain name but then what? If I ever have kids will they take the keys to this thing?</p>
</blockquote>

<p>La question probablement plus importante que celle de la longévité posthume est probablement l'intérêt de la transmission. Les projets open source naissent et meurent indépendamment de leurs créateurs. Si un projet provoque suffisamment d'intérêt dans une communauté choisie, il survivra à l'abandon volontaire ou circonstanciel.</p>

<p>Sommes-nous à ce point envoûtés par le possible de nos mots, par la facilité de la transmission, qu'il nous faille croire à l'immortalité de la prose ? Les mots et encore plus les histoires autour des mots survivent dans les bouches qui manœuvrent les sons, et les tympans qui entrent en transe. La mémoire d'une légende est bien plus riche dans sa multitude que dans le texte fossilisé.</p>

<p>Peut-être qu'il ne faut pas tant se soucier de l'existence posthume d'un site Web. Il suffit qu'une personne ou une communauté de personnes pour réaliser la copie d'un site Web. Et si les enfants ou les grands-enfants avaient un quelconque désir de sauvegarde, ils reprendront le labour des mots. Ils garderont la chandelle vacillante dans la tempête..</p>

<p>J'avais dans le passé une optique plus planificatrice de la maintenance éventuelle de ce site Web au cas de ma disparition. Capitaine de bord, il me fallait tout prévoir et envisager des coups, de la vermine et du scorbut. Je suis beaucoup plus détaché maintenant. J'ai trouvé mon île sans vendredi, juste la tranquillité du sable et de la forêt épaisse. Une forme de libération, une contrainte de moins à gérer, une écriture du maintenant parce que demain n'appartient pas à mes souvenirs.</p>

<h2 id="links">sur le bord du chemin</h2>

<ul>
<li><a href="https://mlstory.org/introduction.html">Machine Learning</a></li>
<li><a href="https://hacks.mozilla.org/2019/04/teaching-machines-to-triage-firefox-bugs/">Teaching machines to triage Firefox bugs</a></li>
<li><a href="https://github.com/mozilla/bugbug">BugBug</a><blockquote>
Bugbug aims at leveraging machine learning techniques to help with bug and quality management, and other software engineering tasks (such as test selection and defect prediction).</blockquote>
</li>
<li><a href="https://www.nytimes.com/2021/03/02/realestate/how-to-choose-care-for-houseplants.html">How to Bring Nature Inside With the Right Houseplants</a></li>
</ul>
</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> RSS</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>
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>

+ 29
- 0
cache/2021/8809cdb7b9693d1edff1f6627eeaae83/index.md View File

@@ -0,0 +1,29 @@
title: Web envoûté
url: https://www.la-grange.net/2021/06/02/envoutement
hash_url: 8809cdb7b9693d1edff1f6627eeaae83
<figure>
<img src="https://www.la-grange.net/2021/05/30/1095-poteau-rouille.jpg" alt="peinture écaillée sur un poteau rouillé.">
<figcaption>Tsujido, Japon, 30 mai 2021</figcaption>
</figure>
<blockquote>
<p>Une fois dans ma vie, je fus envoûtée.<br>
— Le pays sans nom, Anna Moï, urn:isbn:978-2-8159-2795-6</p>
</blockquote>
<p>Qu'advient-il de nos sites Web quand nous disparaissons ? Et le problème se pose-t-il de la même façon avec ou sans enfants ? Robin <a href="https://www.robinrendle.com/notes/inheritance.html">écrit</a> en février dernier :</p>
<blockquote>
<p>I thought about this the other day, too. When I die my website will probably stick around until my bank account stops sending money to Hover or Netlify. I guess my brother might have the login details and could start paying for my domain name but then what? If I ever have kids will they take the keys to this thing?</p>
</blockquote>
<p>La question probablement plus importante que celle de la longévité posthume est probablement l'intérêt de la transmission. Les projets open source naissent et meurent indépendamment de leurs créateurs. Si un projet provoque suffisamment d'intérêt dans une communauté choisie, il survivra à l'abandon volontaire ou circonstanciel.</p>
<p>Sommes-nous à ce point envoûtés par le possible de nos mots, par la facilité de la transmission, qu'il nous faille croire à l'immortalité de la prose ? Les mots et encore plus les histoires autour des mots survivent dans les bouches qui manœuvrent les sons, et les tympans qui entrent en transe. La mémoire d'une légende est bien plus riche dans sa multitude que dans le texte fossilisé.</p>
<p>Peut-être qu'il ne faut pas tant se soucier de l'existence posthume d'un site Web. Il suffit qu'une personne ou une communauté de personnes pour réaliser la copie d'un site Web. Et si les enfants ou les grands-enfants avaient un quelconque désir de sauvegarde, ils reprendront le labour des mots. Ils garderont la chandelle vacillante dans la tempête..</p>
<p>J'avais dans le passé une optique plus planificatrice de la maintenance éventuelle de ce site Web au cas de ma disparition. Capitaine de bord, il me fallait tout prévoir et envisager des coups, de la vermine et du scorbut. Je suis beaucoup plus détaché maintenant. J'ai trouvé mon île sans vendredi, juste la tranquillité du sable et de la forêt épaisse. Une forme de libération, une contrainte de moins à gérer, une écriture du maintenant parce que demain n'appartient pas à mes souvenirs.</p>
<h2 id="links">sur le bord du chemin</h2>
<ul>
<li><a href="https://mlstory.org/introduction.html">Machine Learning</a></li>
<li><a href="https://hacks.mozilla.org/2019/04/teaching-machines-to-triage-firefox-bugs/">Teaching machines to triage Firefox bugs</a></li>
<li><a href="https://github.com/mozilla/bugbug">BugBug</a><blockquote>
Bugbug aims at leveraging machine learning techniques to help with bug and quality management, and other software engineering tasks (such as test selection and defect prediction).</blockquote>
</li>
<li><a href="https://www.nytimes.com/2021/03/02/realestate/how-to-choose-care-for-houseplants.html">How to Bring Nature Inside With the Right Houseplants</a></li>
</ul>

+ 4
- 0
cache/2021/index.html View File

@@ -243,6 +243,8 @@
<li><a href="/david/cache/2021/8bef65b7167873d697f665dab2fdbb8b/" title="Accès à l’article dans le cache local : Maximizing Possible Outcomes In Simple Interfaces">Maximizing Possible Outcomes In Simple Interfaces</a> (<a href="https://www.otsukare.info/2021/03/29/dumb-down-danger" title="Accès à l’article original distant : Maximizing Possible Outcomes In Simple Interfaces">original</a>)</li>
<li><a href="/david/cache/2021/8809cdb7b9693d1edff1f6627eeaae83/" title="Accès à l’article dans le cache local : Web envoûté">Web envoûté</a> (<a href="https://www.la-grange.net/2021/06/02/envoutement" title="Accès à l’article original distant : Web envoûté">original</a>)</li>
<li><a href="/david/cache/2021/d3a653c926aa97707653300947b65ab5/" title="Accès à l’article dans le cache local : The Mobile Performance Inequality Gap, 2021">The Mobile Performance Inequality Gap, 2021</a> (<a href="https://infrequently.org/2021/03/the-performance-inequality-gap/" title="Accès à l’article original distant : The Mobile Performance Inequality Gap, 2021">original</a>)</li>
<li><a href="/david/cache/2021/4a9c4c407b34c40ec5b3783ac5f274a7/" title="Accès à l’article dans le cache local : Three requests for the Google Chrome team as they experiment with RSS">Three requests for the Google Chrome team as they experiment with RSS</a> (<a href="https://interconnected.org/home/2021/05/26/chrome_and_rss" title="Accès à l’article original distant : Three requests for the Google Chrome team as they experiment with RSS">original</a>)</li>
@@ -255,6 +257,8 @@
<li><a href="/david/cache/2021/4121412b765fff38f76943b7bc6391a5/" title="Accès à l’article dans le cache local : Stumbling">Stumbling</a> (<a href="https://lucybellwood.com/stumbling/" title="Accès à l’article original distant : Stumbling">original</a>)</li>
<li><a href="/david/cache/2021/5a89944a64394da98512ea35a64bafdc/" title="Accès à l’article dans le cache local : #162: Minimum Viable Self">#162: Minimum Viable Self</a> (<a href="https://kneelingbus.substack.com/p/162-minimum-viable-self" title="Accès à l’article original distant : #162: Minimum Viable Self">original</a>)</li>
<li><a href="/david/cache/2021/862d065d924906f327f8a95e23659295/" title="Accès à l’article dans le cache local : The small web is beautiful">The small web is beautiful</a> (<a href="https://benhoyt.com/writings/the-small-web-is-beautiful/" title="Accès à l’article original distant : The small web is beautiful">original</a>)</li>
<li><a href="/david/cache/2021/a722bf15647dfe923d3c28b2e229098c/" title="Accès à l’article dans le cache local : The Future of Web Software Is HTML-over-WebSockets">The Future of Web Software Is HTML-over-WebSockets</a> (<a href="https://alistapart.com/article/the-future-of-web-software-is-html-over-websockets/" title="Accès à l’article original distant : The Future of Web Software Is HTML-over-WebSockets">original</a>)</li>

Write Preview
Loading…
Cancel
Save