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

Publishing

master
David Larlet 2 years ago
parent
476a07488f
commit
a136723eb3
8 changed files with 524 additions and 39 deletions
Split View Show Diff Stats
  1. 2
    2
      david/2021/08/17/index.html
  2. 201
    0
      david/2021/08/18/index.html
  3. 207
    0
      david/2021/08/19/index.html
  4. 4
    0
      david/2021/index.html
  5. 17
    0
      david/2021/sources/2021-08-18 - Lettres.md
  6. 23
    0
      david/2021/sources/2021-08-19 - Définition.md
  7. 3
    1
      david/index.html
  8. 67
    36
      david/log/index.xml

+ 2
- 2
david/2021/08/17/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/08/18/" title="Publication suivante : Lettres">Suivant →</a>
</p>
</nav>
<hr>
@@ -106,7 +106,7 @@
<p class="center">
<a rel="prev" href="/david/2021/08/16/" title="Publication précédente : Jour 1">← Précédent</a> •
<a href="/david/2021/" title="Liste des publications récentes">↑ En 2021</a>
• <a rel="next" href="/david/2021/08/18/" title="Publication suivante : Lettres">Suivant →</a>
</p>
</nav>
</article>

+ 201
- 0
david/2021/08/18/index.html View File

@@ -0,0 +1,201 @@
<!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>Lettres — David Larlet</title>
<meta name="description" content="This is one small step towards something different: an ethic that prioritizes technologists’ agency, the need for self-reflection, and the importance of historical inquiry.">
<!-- 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>Lettres</h1>
</header>
<nav>
<p class="center">
<a rel="prev" href="/david/2021/08/17/" title="Publication précédente : Jour 2">← 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>
• <a rel="next" href="/david/2021/08/19/" title="Publication suivante : Définition">Suivant →</a>
</p>
</nav>
<hr>


<blockquote lang="en">
<p>This is one small step towards something different: an ethic that prioritizes technologists’ agency, <mark>the need for self-reflection</mark>, and the importance of historical inquiry.</p>
<p><cite><em><a href="https://letterstoayoungtechnologist.com/">Letters to a Young Technologist</a></em> (<a href="/david/cache/2021/2c416b360e5ea82c6be38cada47d9001/">cache</a>)</cite></p>
</blockquote>
<p>La déception du jour ce sont ces lettres avec un contenu profond mais une forme désastreuse. Le courrier est sollicité mais alors l’enveloppe&#8239;! Impossible d’afficher le moindre contenu sans charger pas moins de 13&nbsp;fichiers JavaScript depuis <code>static.cargo.site</code>, pour… 6&nbsp;pages de HTML qui pourraient facilement peser 10&nbsp;fois moins lourd.</p>
<p>Pauvres jeunes, ils auront tellement à réparer…</p>

<blockquote lang="en">
<p>The second way that history can help us avoid mistakes is by showing us predictable ways things can go horribly wrong. In the light of history, we can take the long view on present-day crises and take care <mark>to not repeat the foibles of the past.</mark></p>
<p><cite><em><a href="https://letterstoayoungtechnologist.com/Study-the-Past-Create-the-Future">Study the Past, Create the Future</a></em> (<a href="/david/cache/2021/520ea4867de8d36f3cd2b1132e44b719/">cache</a>)</cite></p>
</blockquote>
<p>Well, ¯\<em>(ツ)</em>/¯.</p>
<figure>
<a href="#merle-amerique"
title="Cliquer pour une version haute résolution">
<img src="/static/david/2021/merle-amerique.jpg" alt="Un merle d’Amérique mangeant une baie."
loading="lazy" width="2048" height="1366" />
</a>
<a href="#_" class="lightbox" id="merle-amerique">
<img src="/static/david/2021/merle-amerique.jpg" alt="Un merle d’Amérique mangeant une baie."
loading="lazy" width="2048" height="1366" />
</a>
<figcaption>Vous reprendriez bien un peu de JS ?</figcaption>
</figure>

<nav>
<p class="center">
<a rel="prev" href="/david/2021/08/17/" title="Publication précédente : Jour 2">← Précédent</a> •
<a href="/david/2021/" title="Liste des publications récentes">↑ En 2021</a>
• <a rel="next" href="/david/2021/08/19/" title="Publication suivante : Définition">Suivant →</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>

+ 207
- 0
david/2021/08/19/index.html View File

@@ -0,0 +1,207 @@
<!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>Définition — David Larlet</title>
<meta name="description" content="On pourrait distinguer des développeur·ses, designer‧ses, agilistes et coach dont c’est l’activité ou la profession, si leur travail nourrit directement une structure capitalistique et qui renforce le maillage néolibéral.">
<!-- 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>Définition</h1>
</header>
<nav>
<p class="center">
<a rel="prev" href="/david/2021/08/18/" title="Publication précédente : Lettres">← 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>On pourrait distinguer des développeur·ses, designer‧ses, agilistes et coach dont c’est l’<em>activité</em> ou la <em>profession</em>, si leur travail nourrit directement une structure capitalistique et qui renforce le maillage néolibéral.</p>
<p><cite><em><a href="https://oncletom.io/2021/08/16/victoire-professionnels/">La victoire des professionnels</a></em> (<a href="/david/cache/2021/1e65aa7484aa157870c2a1b735f36a26/">cache</a>)</cite></p>
</blockquote>
<p>Suivi de&nbsp;:</p>

<blockquote>
<p>(j’ouvre une parenthèse ici pour préciser que quand je dis que je «&nbsp;suis développeur web&nbsp;», j’ai l’impression que ça cache la valeur que j’apporte quand je réfléchis à ces questions de «&nbsp;résilience sociale&nbsp;» autour du logiciel que je créé)</p>
<p><cite><em>David <a href="https://eldritch.cafe/@davidbruant/106777018282632259">sur Mastodon</a></em></cite></p>
</blockquote>
<p>Réflexions croisées qui viennent alimenter mes <a href="/david/2021/05/27/" title="Craftsman">propres explorations</a> plus ou <a href="/david/blog/2015/travail-transition/">moins</a> <a href="/david/blog/2015/pairmutation-travail/">récentes</a> sur le sujet. Ce besoin de définition est même assez <a href="/david/blog/2016/passion-definition/">récurrent</a> ici, le blog étant probablement une forme de définition en soi mais je m’égare et ça devient trop <em>meta</em>.</p>
<p>«&nbsp;Pour qui, <a href="/david/stream/2018/04/04/">pour quoi</a> travaillons-nous&#8239;?&nbsp;» pour reprendre le titre de <a href="/david/2021/01/27/" title="Choix">Jacques Ellul</a>, avec quels espoirs plus ou moins communs engageons-nous notre attention, aspirons-nous à dédier notre fameuse «&nbsp;force de travail&nbsp;»&#8239;? J’ai l’impression d’avoir de moins en moins de réponses à tout cela, une définition peut rester floue, une identité aussi finalement, lorsqu’on est suffisamment en confiance. Peut-être qu’en dépassant cette dénomination, on s’élève, on se libère d’un poids à la fois social et culturel. <strong>«&nbsp;Je fais des trucs en équipe que j’espère utiles et qui parfois se retrouvent sur le Web&nbsp;»</strong>, c’est sûr que ça n’est pas très vendeur pour <a href="/david/2021/03/23/" title="Recrutement">obtenir un emploi</a> mais c’est peut-être ce qui se rapproche le plus de mon <em>activité</em>. En tout cas, ça se retrouve pas mal dans ce qui <a href="http://scopyleft.fr/">nous anime</a> depuis bientôt 9&nbsp;ans.</p>
<p>Au niveau du «&nbsp;pour qui&nbsp;», il y a toujours cette tension à travailler pour un gouvernement, ce péché d’orgueil d’espérer faire moins pire que ce que ça pourrait être. J’imagine que l’Histoire est remplie de personnes bien intentionnées qui — avec ce même raisonnement — en sont arrivées à commettre les pires atrocités. Se pose peut-être davantage la question du «&nbsp;jusqu’à quand&nbsp;» dans ce cas là, savoir s’arrêter avant que la <em>collaboration</em> ne change de sens…</p>

<blockquote>
<p>Les gens veulent toujours quelque chose de plus qu’une joie immédiate ou que ce sentiment plus profond qu’on appelle le bonheur. C’est là un des secrets qui nous aident à façonner l’accomplissement de nos visées. Ce «&nbsp;petit quelque chose&nbsp;» exerce un pouvoir décuplé sur <mark>ceux qui ne savent lui attribuer un nom</mark> ou (comme c’est le plus souvent le cas) ne soupçonnent même pas son existence. La plupart des gens ne réagissent qu’inconsciemment à de telles forces cachées. De sorte que nous n’avons plus qu’à concevoir un «&nbsp;petit quelque chose&nbsp;» bien étudié et à lui donner une forme et une définition acceptables pour qu’on nous suive comme un seul homme.</p>
<p><cite><em>Les secrets du pouvoir au Bene Gesserit</em>, <em><a href="/david/2020/12/21/#dune">Dune</a> V. Les Hérétiques de Dune</em>, Frank Herbert</cite></p>
</blockquote>
<figure>
<a href="#riviere-megantic"
title="Cliquer pour une version haute résolution">
<img src="/static/david/2021/riviere-megantic.jpg" alt="Une rivière en pause longue au Mont Mégantic."
loading="lazy" width="2048" height="1536" />
</a>
<a href="#_" class="lightbox" id="riviere-megantic">
<img src="/static/david/2021/riviere-megantic.jpg" alt="Une rivière en pause longue au Mont Mégantic."
loading="lazy" width="2048" height="1536" />
</a>
<figcaption>Un flux d’idées, momentanément figé.</figcaption>
</figure>

<nav>
<p class="center">
<a rel="prev" href="/david/2021/08/18/" title="Publication précédente : Lettres">← 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>

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

@@ -481,6 +481,10 @@
<h2><a href="/david/2021/08/17/">Jour 2</a> (2021-08-17)</h2>
<h2><a href="/david/2021/08/18/">Lettres</a> (2021-08-18)</h2>
<h2><a href="/david/2021/08/19/">Définition</a> (2021-08-19)</h2>
</main>



+ 17
- 0
david/2021/sources/2021-08-18 - Lettres.md View File

@@ -0,0 +1,17 @@
# Lettres

> [en] This is one small step towards something different: an ethic that prioritizes technologists’ agency, ==the need for self-reflection==, and the importance of historical inquiry.
>
> <cite>*[Letters to a Young Technologist](https://letterstoayoungtechnologist.com/)* ([cache](/david/cache/2021/2c416b360e5ea82c6be38cada47d9001/))</cite>

La déception du jour ce sont ces lettres avec un contenu profond mais une forme désastreuse. Le courrier est sollicité mais alors l’enveloppe ! Impossible d’afficher le moindre contenu sans charger pas moins de 13 fichiers JavaScript depuis `static.cargo.site`, pour… 6 pages de HTML qui pourraient facilement peser 10 fois moins lourd.

Pauvres jeunes, ils auront tellement à réparer…

> [en] The second way that history can help us avoid mistakes is by showing us predictable ways things can go horribly wrong. In the light of history, we can take the long view on present-day crises and take care ==to not repeat the foibles of the past.==
>
> <cite>*[Study the Past, Create the Future](https://letterstoayoungtechnologist.com/Study-the-Past-Create-the-Future)* ([cache](/david/cache/2021/520ea4867de8d36f3cd2b1132e44b719/))</cite>

Well, ¯\\_(ツ)_/¯.

![Un merle d’Amérique mangeant une baie.](/static/david/2021/merle-amerique.jpg 'Vous reprendriez bien un peu de JS ?')

+ 23
- 0
david/2021/sources/2021-08-19 - Définition.md View File

@@ -0,0 +1,23 @@
# Définition

> On pourrait distinguer des développeur·ses, designer‧ses, agilistes et coach dont c’est l’*activité* ou la *profession*, si leur travail nourrit directement une structure capitalistique et qui renforce le maillage néolibéral.
>
> <cite>*[La victoire des professionnels](https://oncletom.io/2021/08/16/victoire-professionnels/)* ([cache](/david/cache/2021/1e65aa7484aa157870c2a1b735f36a26/))</cite>

Suivi de :

> (j’ouvre une parenthèse ici pour préciser que quand je dis que je « suis développeur web », j’ai l’impression que ça cache la valeur que j’apporte quand je réfléchis à ces questions de « résilience sociale » autour du logiciel que je créé)
>
> <cite>*David [sur Mastodon](https://eldritch.cafe/@davidbruant/106777018282632259)*</cite>

Réflexions croisées qui viennent alimenter mes [propres explorations](/david/2021/05/27/) plus ou [moins](/david/blog/2015/travail-transition/) [récentes](/david/blog/2015/pairmutation-travail/) sur le sujet. Ce besoin de définition est même assez [récurrent](/david/blog/2016/passion-definition/) ici, le blog étant probablement une forme de définition en soi mais je m’égare et ça devient trop *meta*.

« Pour qui, [pour quoi](/david/stream/2018/04/04/) travaillons-nous ? » pour reprendre le titre de [Jacques Ellul](/david/2021/01/27/), avec quels espoirs plus ou moins communs engageons-nous notre attention, aspirons-nous à dédier notre fameuse « force de travail » ? J’ai l’impression d’avoir de moins en moins de réponses à tout cela, une définition peut rester floue, une identité aussi finalement, lorsqu’on est suffisamment en confiance. Peut-être qu’en dépassant cette dénomination, on s’élève, on se libère d’un poids à la fois social et culturel. **« Je fais des trucs en équipe que j’espère utiles et qui parfois se retrouvent sur le Web »**, c’est sûr que ça n’est pas très vendeur pour [obtenir un emploi](/david/2021/03/23/) mais c’est peut-être ce qui se rapproche le plus de mon *activité*. En tout cas, ça se retrouve pas mal dans ce qui [nous anime](http://scopyleft.fr/) depuis bientôt 9 ans.

Au niveau du « pour qui », il y a toujours cette tension à travailler pour un gouvernement, ce péché d’orgueil d’espérer faire moins pire que ce que ça pourrait être. J’imagine que l’Histoire est remplie de personnes bien intentionnées qui — avec ce même raisonnement — en sont arrivées à commettre les pires atrocités. Se pose peut-être davantage la question du « jusqu’à quand » dans ce cas là, savoir s’arrêter avant que la *collaboration* ne change de sens…

> Les gens veulent toujours quelque chose de plus qu’une joie immédiate ou que ce sentiment plus profond qu’on appelle le bonheur. C’est là un des secrets qui nous aident à façonner l’accomplissement de nos visées. Ce « petit quelque chose » exerce un pouvoir décuplé sur ==ceux qui ne savent lui attribuer un nom== ou (comme c’est le plus souvent le cas) ne soupçonnent même pas son existence. La plupart des gens ne réagissent qu’inconsciemment à de telles forces cachées. De sorte que nous n’avons plus qu’à concevoir un « petit quelque chose » bien étudié et à lui donner une forme et une définition acceptables pour qu’on nous suive comme un seul homme.
>
> <cite>*Les secrets du pouvoir au Bene Gesserit*, *[Dune](/david/2020/12/21/#dune) V. Les Hérétiques de Dune*, Frank Herbert</cite>

![Une rivière en pause longue au Mont Mégantic.](/static/david/2021/riviere-megantic.jpg 'Un flux d’idées, momentanément figé.')

+ 3
- 1
david/index.html View File

@@ -85,7 +85,9 @@
<a href="/david/2021/08/14/">Animalière</a>,
<a href="/david/2021/08/15/">B(r)ouillon</a>,
<a href="/david/2021/08/16/">Jour 1</a>,
<a href="/david/2021/08/17/">Jour 2</a>.
<a href="/david/2021/08/17/">Jour 2</a>,
<a href="/david/2021/08/18/">Lettres</a>,
<a href="/david/2021/08/19/">Définition</a>.
</p>

+ 67
- 36
david/log/index.xml View File

@@ -6,13 +6,79 @@
<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-08-24T12:00:00+01:00</updated>
<updated>2021-08-26T12: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">Définition</title>
<link href="https://larlet.fr/david/2021/08/19/" rel="alternate" type="text/html" />
<updated>2021-08-19T12:00:00+01:00</updated>
<id>https://larlet.fr/david/2021/08/19/</id>
<summary type="html">

&lt;blockquote&gt;
&lt;p&gt;On pourrait distinguer des développeur·ses, designer‧ses, agilistes et coach dont c’est l’&lt;em&gt;activité&lt;/em&gt; ou la &lt;em&gt;profession&lt;/em&gt;, si leur travail nourrit directement une structure capitalistique et qui renforce le maillage néolibéral.&lt;/p&gt;
&lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://oncletom.io/2021/08/16/victoire-professionnels/&quot;&gt;La victoire des professionnels&lt;/a&gt;&lt;/em&gt; (&lt;a href=&quot;https://larlet.fr/david/cache/2021/1e65aa7484aa157870c2a1b735f36a26/&quot;&gt;cache&lt;/a&gt;)&lt;/cite&gt;&lt;/p&gt;
&lt;/blockquote&gt;
&lt;p&gt;Suivi de&amp;nbsp;:&lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;(j’ouvre une parenthèse ici pour préciser que quand je dis que je «&amp;nbsp;suis développeur web&amp;nbsp;», j’ai l’impression que ça cache la valeur que j’apporte quand je réfléchis à ces questions de «&amp;nbsp;résilience sociale&amp;nbsp;» autour du logiciel que je créé)&lt;/p&gt;
&lt;p&gt;&lt;cite&gt;&lt;em&gt;David &lt;a href=&quot;https://eldritch.cafe/@davidbruant/106777018282632259&quot;&gt;sur Mastodon&lt;/a&gt;&lt;/em&gt;&lt;/cite&gt;&lt;/p&gt;
&lt;/blockquote&gt;
&lt;p&gt;Réflexions croisées qui viennent alimenter mes &lt;a href=&quot;https://larlet.fr/david/2021/05/27/&quot; title=&quot;Craftsman&quot;&gt;propres explorations&lt;/a&gt; plus ou &lt;a href=&quot;https://larlet.fr/david/blog/2015/travail-transition/&quot;&gt;moins&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/blog/2015/pairmutation-travail/&quot;&gt;récentes&lt;/a&gt; sur le sujet. Ce besoin de définition est même assez &lt;a href=&quot;https://larlet.fr/david/blog/2016/passion-definition/&quot;&gt;récurrent&lt;/a&gt; ici, le blog étant probablement une forme de définition en soi mais je m’égare et ça devient trop &lt;em&gt;meta&lt;/em&gt;.&lt;/p&gt;
&lt;p&gt;«&amp;nbsp;Pour qui, &lt;a href=&quot;https://larlet.fr/david/stream/2018/04/04/&quot;&gt;pour quoi&lt;/a&gt; travaillons-nous&amp;#8239;?&amp;nbsp;» pour reprendre le titre de &lt;a href=&quot;https://larlet.fr/david/2021/01/27/&quot; title=&quot;Choix&quot;&gt;Jacques Ellul&lt;/a&gt;, avec quels espoirs plus ou moins communs engageons-nous notre attention, aspirons-nous à dédier notre fameuse «&amp;nbsp;force de travail&amp;nbsp;»&amp;#8239;? J’ai l’impression d’avoir de moins en moins de réponses à tout cela, une définition peut rester floue, une identité aussi finalement, lorsqu’on est suffisamment en confiance. Peut-être qu’en dépassant cette dénomination, on s’élève, on se libère d’un poids à la fois social et culturel. &lt;strong&gt;«&amp;nbsp;Je fais des trucs en équipe que j’espère utiles et qui parfois se retrouvent sur le Web&amp;nbsp;»&lt;/strong&gt;, c’est sûr que ça n’est pas très vendeur pour &lt;a href=&quot;https://larlet.fr/david/2021/03/23/&quot; title=&quot;Recrutement&quot;&gt;obtenir un emploi&lt;/a&gt; mais c’est peut-être ce qui se rapproche le plus de mon &lt;em&gt;activité&lt;/em&gt;. En tout cas, ça se retrouve pas mal dans ce qui &lt;a href=&quot;http://scopyleft.fr/&quot;&gt;nous anime&lt;/a&gt; depuis bientôt 9&amp;nbsp;ans.&lt;/p&gt;
&lt;p&gt;Au niveau du «&amp;nbsp;pour qui&amp;nbsp;», il y a toujours cette tension à travailler pour un gouvernement, ce péché d’orgueil d’espérer faire moins pire que ce que ça pourrait être. J’imagine que l’Histoire est remplie de personnes bien intentionnées qui — avec ce même raisonnement — en sont arrivées à commettre les pires atrocités. Se pose peut-être davantage la question du «&amp;nbsp;jusqu’à quand&amp;nbsp;» dans ce cas là, savoir s’arrêter avant que la &lt;em&gt;collaboration&lt;/em&gt; ne change de sens…&lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;Les gens veulent toujours quelque chose de plus qu’une joie immédiate ou que ce sentiment plus profond qu’on appelle le bonheur. C’est là un des secrets qui nous aident à façonner l’accomplissement de nos visées. Ce «&amp;nbsp;petit quelque chose&amp;nbsp;» exerce un pouvoir décuplé sur &lt;mark&gt;ceux qui ne savent lui attribuer un nom&lt;/mark&gt; ou (comme c’est le plus souvent le cas) ne soupçonnent même pas son existence. La plupart des gens ne réagissent qu’inconsciemment à de telles forces cachées. De sorte que nous n’avons plus qu’à concevoir un «&amp;nbsp;petit quelque chose&amp;nbsp;» bien étudié et à lui donner une forme et une définition acceptables pour qu’on nous suive comme un seul homme.&lt;/p&gt;
&lt;p&gt;&lt;cite&gt;&lt;em&gt;Les secrets du pouvoir au Bene Gesserit&lt;/em&gt;, &lt;em&gt;&lt;a href=&quot;https://larlet.fr/david/2020/12/21/#dune&quot;&gt;Dune&lt;/a&gt; V. Les Hérétiques de Dune&lt;/em&gt;, Frank Herbert&lt;/cite&gt;&lt;/p&gt;
&lt;/blockquote&gt;
&lt;figure&gt;
&lt;a href=&quot;https://larlet.fr/static/david/2021/riviere-megantic.jpg&quot;
title=&quot;Cliquer pour une version haute résolution&quot;&gt;
&lt;img src=&quot;https://larlet.fr/static/david/2021/riviere-megantic.jpg&quot; alt=&quot;Une rivière en pause longue au Mont Mégantic.&quot;
width=&quot;2048&quot; height=&quot;1536&quot; /&gt;
&lt;/a&gt;
&lt;figcaption&gt;Un flux d’idées, momentanément figé.&lt;/figcaption&gt;
&lt;/figure&gt;
&lt;hr/&gt;&lt;p&gt;&lt;a href=&quot;mailto:david@larlet.fr&quot;&gt;Réagir ?&lt;/a&gt;&lt;/p&gt;</summary>
</entry>
<entry xml:lang="fr">
<title type="html">Lettres</title>
<link href="https://larlet.fr/david/2021/08/18/" rel="alternate" type="text/html" />
<updated>2021-08-18T12:00:00+01:00</updated>
<id>https://larlet.fr/david/2021/08/18/</id>
<summary type="html">

&lt;blockquote lang=&quot;en&quot;&gt;
&lt;p&gt;This is one small step towards something different: an ethic that prioritizes technologists’ agency, &lt;mark&gt;the need for self-reflection&lt;/mark&gt;, and the importance of historical inquiry.&lt;/p&gt;
&lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://letterstoayoungtechnologist.com/&quot;&gt;Letters to a Young Technologist&lt;/a&gt;&lt;/em&gt; (&lt;a href=&quot;https://larlet.fr/david/cache/2021/2c416b360e5ea82c6be38cada47d9001/&quot;&gt;cache&lt;/a&gt;)&lt;/cite&gt;&lt;/p&gt;
&lt;/blockquote&gt;
&lt;p&gt;La déception du jour ce sont ces lettres avec un contenu profond mais une forme désastreuse. Le courrier est sollicité mais alors l’enveloppe&amp;#8239;! Impossible d’afficher le moindre contenu sans charger pas moins de 13&amp;nbsp;fichiers JavaScript depuis &lt;code&gt;static.cargo.site&lt;/code&gt;, pour… 6&amp;nbsp;pages de HTML qui pourraient facilement peser 10&amp;nbsp;fois moins lourd.&lt;/p&gt;
&lt;p&gt;Pauvres jeunes, ils auront tellement à réparer…&lt;/p&gt;

&lt;blockquote lang=&quot;en&quot;&gt;
&lt;p&gt;The second way that history can help us avoid mistakes is by showing us predictable ways things can go horribly wrong. In the light of history, we can take the long view on present-day crises and take care &lt;mark&gt;to not repeat the foibles of the past.&lt;/mark&gt;&lt;/p&gt;
&lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://letterstoayoungtechnologist.com/Study-the-Past-Create-the-Future&quot;&gt;Study the Past, Create the Future&lt;/a&gt;&lt;/em&gt; (&lt;a href=&quot;https://larlet.fr/david/cache/2021/520ea4867de8d36f3cd2b1132e44b719/&quot;&gt;cache&lt;/a&gt;)&lt;/cite&gt;&lt;/p&gt;
&lt;/blockquote&gt;
&lt;p&gt;Well, ¯\&lt;em&gt;(ツ)&lt;/em&gt;/¯.&lt;/p&gt;
&lt;figure&gt;
&lt;a href=&quot;https://larlet.fr/static/david/2021/merle-amerique.jpg&quot;
title=&quot;Cliquer pour une version haute résolution&quot;&gt;
&lt;img src=&quot;https://larlet.fr/static/david/2021/merle-amerique.jpg&quot; alt=&quot;Un merle d’Amérique mangeant une baie.&quot;
width=&quot;2048&quot; height=&quot;1366&quot; /&gt;
&lt;/a&gt;
&lt;figcaption&gt;Vous reprendriez bien un peu de JS ?&lt;/figcaption&gt;
&lt;/figure&gt;
&lt;hr/&gt;&lt;p&gt;&lt;a href=&quot;mailto:david@larlet.fr&quot;&gt;Réagir ?&lt;/a&gt;&lt;/p&gt;</summary>
</entry>
<entry xml:lang="fr">
<title type="html">Jour 2</title>
<link href="https://larlet.fr/david/2021/08/17/" rel="alternate" type="text/html" />
@@ -932,41 +998,6 @@ Le premier instructeur mentat de Duncan Idaho avait élaboré une configuration
&lt;p&gt;L’oubli… tel est votre destin. Toutes les anciennes leçons de la vie, vous les perdez, vous les gagnez, puis vous les reperdez et vous les regagnez &lt;mark&gt;encore&lt;/mark&gt;.&lt;/p&gt;
&lt;p&gt;&lt;cite&gt;&lt;em&gt;Leto II, La Voix de Dar-es-Balat&lt;/em&gt;, &lt;em&gt;&lt;a href=&quot;https://larlet.fr/david/2020/12/21/#dune&quot;&gt;Dune&lt;/a&gt; V. Les Hérétiques de Dune&lt;/em&gt;, Frank Herbert&lt;/cite&gt;&lt;/p&gt;
&lt;/blockquote&gt;
&lt;hr/&gt;&lt;p&gt;&lt;a href=&quot;mailto:david@larlet.fr&quot;&gt;Réagir ?&lt;/a&gt;&lt;/p&gt;</summary>
</entry>
<entry xml:lang="fr">
<title type="html">Lebensraum</title>
<link href="https://larlet.fr/david/2021/07/11/" rel="alternate" type="text/html" />
<updated>2021-07-11T12:00:00+01:00</updated>
<id>https://larlet.fr/david/2021/07/11/</id>
<summary type="html">

&lt;blockquote lang=&quot;en&quot;&gt;
&lt;p&gt;The quest for German domination was premised on the denial of science. Hitler’s alternative to science was the idea of Lebensraum. Germany needed an Eastern European empire because only conquest, and not agricultural technology, offered the hope of feeding the German people. In Hitler’s “Second Book,” which was composed in 1928&amp;nbsp;and not published until after his death, he insisted that hunger would outstrip crop improvements and that all “the scientific methods of land management” had already failed. No conceivable improvement would allow Germans to be fed “from their own land and territory,” he claimed. Hitler specifically — and wrongly — denied that irrigation, hybrids and fertilizers could change the relationship between people and land.&lt;/p&gt;
&lt;p&gt;[…]&lt;/p&gt;
&lt;p&gt;As exotic as it sounds, &lt;mark&gt;the concept of Lebensraum is less distant from our own ways of thinking than we believe&lt;/mark&gt;. Germany was blockaded during World War I, dependent on imports of agricultural commodities and faced real uncertainties about its food supply. Hitler transformed these fears into a vision of absolute conquest for total security. Lebensraum linked a war of extermination to the improvement of lifestyle. The chief Nazi propagandist, Joseph Goebbels, could therefore define the purpose of a war of extermination as “a big breakfast, a big lunch and a big dinner.” He conflated lifestyle with life.&lt;/p&gt;
&lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://www.nytimes.com/2015/09/13/opinion/sunday/the-next-genocide.html&quot;&gt;The Next Genocide&lt;/a&gt;&lt;/em&gt; (&lt;a href=&quot;https://larlet.fr/david/cache/2021/3815e3f5dd6f18955523fa715cf49853/&quot;&gt;cache&lt;/a&gt;)&lt;/cite&gt;&lt;/p&gt;
&lt;/blockquote&gt;
&lt;p&gt;Cet article met en rapport l’idéologie nazie et l’auto-suffisance avec un angle qui ne m’est pas familier. Je n’avais pas pris conscience de cette prépondérance dans la doctrine que je voyais bien davantage centrée sur la race que sur l’alimentation du peuple. La mise en lumière sur ce qui est en train de se passer dans le monde — aujourd’hui — à ce sujet est assez éloquente.&lt;/p&gt;
&lt;p&gt;La guerre de l’agriculture, et donc &lt;a href=&quot;https://larlet.fr/david/2021/06/27/&quot; title=&quot;Sécheresse&quot;&gt;de l’eau&lt;/a&gt; (aussi &lt;a href=&quot;https://larlet.fr/david/2021/07/10/&quot; title=&quot;Eau virtuelle&quot;&gt;virtuelle&lt;/a&gt; soit-elle), ne fait que s’intensifier.&lt;/p&gt;
&lt;hr/&gt;&lt;p&gt;&lt;a href=&quot;mailto:david@larlet.fr&quot;&gt;Réagir ?&lt;/a&gt;&lt;/p&gt;</summary>
</entry>
<entry xml:lang="fr">
<title type="html">Eau virtuelle</title>
<link href="https://larlet.fr/david/2021/07/10/" rel="alternate" type="text/html" />
<updated>2021-07-10T12:00:00+01:00</updated>
<id>https://larlet.fr/david/2021/07/10/</id>
<summary type="html">

&lt;blockquote&gt;
&lt;p&gt;L’accaparement de l’eau n’est pas le seul marché connexe, il y a aussi l’eau virtuelle, c’est-à-dire l’eau utilisée pour produire des biens manufacturés — des vêtements aux ordinateurs — et celle intégrée dans la production agricole — du bœuf au blé en passant par le riz. La plupart de ces activités sont très gourmandes en eau, dont on dit d’ailleurs qu’elle est «&amp;nbsp;consommée&amp;nbsp;», ce qui signifie qu’elle n’est pas retournée à son bassin versant. Lorsque la marchandise est exportée ou même seulement déplacée ailleurs dans le pays, l’eau est exportée aussi. &lt;mark&gt;L’eau virtuelle constitue la majorité des déplacements d’eau dans le monde&lt;/mark&gt;, même si l’on croit à tort que les exportations d’eau se font par les pipelines, les aqueducs et les canaux.&lt;/p&gt;
&lt;p&gt;De nombreux pays riches conservent leur eau en misant sur l’importation de marchandises qui en nécessitent une grande quantité. Certains aliments, comme les bananes et le café, ne peuvent être produits dans des climats plus froids et doivent donc être importés, mais un nombre croissant de pays utilisent la terre et l’eau des pays étrangers pour s’approvisionner même en produits de première nécessité qu’ils pourraient très bien produire eux-mêmes. Lorsqu’un pays import une kilo de blé plutôt que de le produire chez lui, par exemple, il économise environ 1&amp;#8239;350&amp;nbsp;litres de ses propres ressources en eau. Même si, en théorie, le commerce de l’eau virtuelle pourrait permettre aux pays riches en eau d’exporter les marchandises qu’ils produisent dans les pays qui ont de faibles réserves, la réalité en est tout autre. En fait, les pays riches assurent la sécurité de leur eau en cultivant leur nourriture à l’étranger pour ensuite l’importer.&lt;/p&gt;
&lt;p&gt;&lt;cite&gt;&lt;em&gt;À qui appartient l’eau&amp;#8239;?&lt;/em&gt;, Maude Barlow&lt;/cite&gt;&lt;/p&gt;
&lt;/blockquote&gt;
&lt;p&gt;J’apprends beaucoup de choses grâce à ce livre, notamment dans le contexte canadien (tout en lisant Dune). Je n’avais pas conscience de cette notion d’eau virtuelle permettant de conserver ses propres ressources au détriment des pays pauvres. C’est fabuleux.&lt;/p&gt;
&lt;p&gt;Combien de litres pour la machine sur laquelle je suis en train d’écrire ces mots&amp;#8239;?&lt;/p&gt;
&lt;hr/&gt;&lt;p&gt;&lt;a href=&quot;mailto:david@larlet.fr&quot;&gt;Réagir ?&lt;/a&gt;&lt;/p&gt;</summary>
</entry>

Write Preview
Loading…
Cancel
Save