Browse Source

Publishing

master
David Larlet 1 month ago
parent
commit
8aea57d442

+ 2
- 2
david/2021/03/25/index.html View File

@@ -62,7 +62,7 @@
<a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home">
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-home"></use>
</svg> Accueil</a>
• <a rel="next" href="/david/2021/03/26/" title="Publication suivante : Stimulant">Suivant →</a>
</p>
</nav>
<hr>
@@ -85,7 +85,7 @@
<p class="center">
<a rel="prev" href="/david/2021/03/24/" title="Publication précédente : Rareté">← Précédent</a> •
<a href="/david/2021/" title="Liste des publications récentes">↑ En 2021</a>
• <a rel="next" href="/david/2021/03/26/" title="Publication suivante : Stimulant">Suivant →</a>
</p>
</nav>
</article>

+ 181
- 0
david/2021/03/26/index.html View File

@@ -0,0 +1,181 @@
<!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>Stimulant — David Larlet</title>
<meta name="description" content="J’ai évité d’écrire un livre qui mastique toutes les pensées possibles en rapporte avec les questions soulevées dans les pages suivantes. Je ne voudrais pas livrer ces pensées comme une bouillie prédigérée à un lecteur passif. La tension dialectique que j’apprécie le plus se situe entre le lecteur d’un livre et l’écrivain : les indices, les suggestions, les pensées inachevées et les stimuli qui encouragent le lecteur à penser par lui-même ou elle-même. En ces temps qui connaissent de telles fluctuations, il serait arrogant de présenter des analyses et des recettes finies ; je considère plutôt qu’il est de la responsabilité d’un travail sérieux de stimuler la pensée dialectique et écologique. Pour une œuvre si « simple », si « claire » et si peu partagée — en un mot, si élitiste — qu’elle ne nécessite aucune modification, le lecteur devra regarder ailleurs. Ce livre n’est pas un programme idéologique ; c’est un stimulant de la pensée — un ensemble cohérent de concepts que le lecteur ou la lectrice devra achever dans l’intimité de son propre esprit.">
<!-- That good ol' feed, subscribe :). -->
<link rel="alternate" type="application/atom+xml" title="Feed" href="/david/log/">
<!-- Generated from https://realfavicongenerator.net/ such a mess. -->
<link rel="apple-touch-icon" sizes="180x180" href="/static/david/icons2/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/static/david/icons2/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/static/david/icons2/favicon-16x16.png">
<link rel="manifest" href="/static/david/icons2/site.webmanifest">
<link rel="mask-icon" href="/static/david/icons2/safari-pinned-tab.svg" color="#07486c">
<link rel="shortcut icon" href="/static/david/icons2/favicon.ico">
<meta name="msapplication-TileColor" content="#f0f0ea">
<meta name="msapplication-config" content="/static/david/icons2/browserconfig.xml">
<meta name="theme-color" content="#f0f0ea">
<!-- Documented, feel free to shoot an email. -->
<link rel="stylesheet" href="/static/david/css/style_2021-01-20.css">
<!-- See https://www.zachleat.com/web/comprehensive-webfonts/ for the trade-off. -->
<link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_regular.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin>
<link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_bold.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin>
<link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_italic.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin>
<link rel="preload" href="/static/david/css/fonts/triplicate_t3_regular.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin>
<link rel="preload" href="/static/david/css/fonts/triplicate_t3_bold.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin>
<link rel="preload" href="/static/david/css/fonts/triplicate_t3_italic.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin>
<script>
function toggleTheme(themeName) {
document.documentElement.classList.toggle(
'forced-dark',
themeName === 'dark'
)
document.documentElement.classList.toggle(
'forced-light',
themeName === 'light'
)
}
const selectedTheme = localStorage.getItem('theme')
if (selectedTheme !== 'undefined') {
toggleTheme(selectedTheme)
}
</script>

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


<article>
<header>
<h1>Stimulant</h1>
</header>
<nav>
<p class="center">
<a rel="prev" href="/david/2021/03/25/" title="Publication précédente : Sponsor">← 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/03/27/" title="Publication suivante : Immersion">Suivant →</a>
</p>
</nav>
<hr>


<blockquote>
<p>J’ai évité d’écrire un livre qui mastique toutes les pensées possibles en rapporte avec les questions soulevées dans les pages suivantes. Je ne voudrais pas livrer ces pensées comme une bouillie prédigérée à un lecteur passif. La tension dialectique que j’apprécie le plus se situe entre le lecteur d’un livre et l’écrivain&nbsp;: les indices, les suggestions, les pensées inachevées et les stimuli qui encouragent le lecteur à penser par lui-même ou elle-même. En ces temps qui connaissent de telles fluctuations, il serait arrogant de présenter des analyses et des recettes finies&#8239;; je considère plutôt qu’il est de la responsabilité d’un travail sérieux de <mark>stimuler la pensée</mark> dialectique et écologique. Pour une œuvre si «&nbsp;simple&nbsp;», si «&nbsp;claire&nbsp;» et si peu partagée — en un mot, si élitiste — qu’elle ne nécessite aucune modification, le lecteur devra regarder ailleurs. Ce livre n’est pas un programme idéologique&#8239;; c’est un stimulant de la pensée — un ensemble cohérent de concepts que le lecteur ou la lectrice devra achever dans l’intimité de son propre esprit.</p>
<p><cite><em>L’écologie sociale, penser la liberté au-delà de l’humain</em>, Murray Bookchin</cite></p>
</blockquote>
<p>Un bon résumé de ce que j’aimerais que cet espace de pensées soit, devienne, vive, inspire, respire.</p>

<nav>
<p class="center">
<a rel="prev" href="/david/2021/03/25/" title="Publication précédente : Sponsor">← Précédent</a> •
<a href="/david/2021/" title="Liste des publications récentes">↑ En 2021</a>
• <a rel="next" href="/david/2021/03/27/" title="Publication suivante : Immersion">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> 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 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>

+ 180
- 0
david/2021/03/27/index.html View File

@@ -0,0 +1,180 @@
<!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>Immersion — David Larlet</title>
<meta name="description" content="J’ai un micro fabuleux depuis Noël (merci !) mais je n’avais encore jamais pensé à m’en servir en combinaison avec une paire de jumelles. C’est à mi-chemin entre la réalité virtuelle et les capacités de super-héros. Je m’explique.">
<!-- That good ol' feed, subscribe :). -->
<link rel="alternate" type="application/atom+xml" title="Feed" href="/david/log/">
<!-- Generated from https://realfavicongenerator.net/ such a mess. -->
<link rel="apple-touch-icon" sizes="180x180" href="/static/david/icons2/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/static/david/icons2/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/static/david/icons2/favicon-16x16.png">
<link rel="manifest" href="/static/david/icons2/site.webmanifest">
<link rel="mask-icon" href="/static/david/icons2/safari-pinned-tab.svg" color="#07486c">
<link rel="shortcut icon" href="/static/david/icons2/favicon.ico">
<meta name="msapplication-TileColor" content="#f0f0ea">
<meta name="msapplication-config" content="/static/david/icons2/browserconfig.xml">
<meta name="theme-color" content="#f0f0ea">
<!-- Documented, feel free to shoot an email. -->
<link rel="stylesheet" href="/static/david/css/style_2021-01-20.css">
<!-- See https://www.zachleat.com/web/comprehensive-webfonts/ for the trade-off. -->
<link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_regular.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin>
<link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_bold.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin>
<link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_italic.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin>
<link rel="preload" href="/static/david/css/fonts/triplicate_t3_regular.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin>
<link rel="preload" href="/static/david/css/fonts/triplicate_t3_bold.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin>
<link rel="preload" href="/static/david/css/fonts/triplicate_t3_italic.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin>
<script>
function toggleTheme(themeName) {
document.documentElement.classList.toggle(
'forced-dark',
themeName === 'dark'
)
document.documentElement.classList.toggle(
'forced-light',
themeName === 'light'
)
}
const selectedTheme = localStorage.getItem('theme')
if (selectedTheme !== 'undefined') {
toggleTheme(selectedTheme)
}
</script>

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


<article>
<header>
<h1>Immersion</h1>
</header>
<nav>
<p class="center">
<a rel="prev" href="/david/2021/03/26/" title="Publication précédente : Stimulant">← 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/03/28/" title="Publication suivante : Smolstack">Suivant →</a>
</p>
</nav>
<hr>

<p>J’ai un micro fabuleux depuis Noël (merci&#8239;!) mais je n’avais encore jamais pensé à m’en servir en combinaison avec une paire de jumelles. C’est à mi-chemin entre la réalité virtuelle et les capacités de super-héros. Je m’explique.</p>
<p>En reliant le micro à un casque, j’arrive à percevoir des sons bien au-delà de ma portée actuelle, c’est limite choquant d’arriver à écouter distinctement une conversation qui est à plusieurs dizaines de mètres. Si j’ajoute des jumelles, j’ai l’impression d’être à côté de l’oiseau en observation et d’entendre chacun de ses mouvements. Au printemps, c’est fabuleux.</p>
<p>Je vais essayer de vous partager le son, j’aimerais bien le combiner à une <em>timelapse</em> que j’espère faire dans la semaine. Il faut vraiment que je m’entraine, la dernière tentative j’étais resté en mode vidéo et ça m’a fait 300&nbsp;vidéos d’une seconde… qui en plus était en cours de mouvement par la <em>gimbal</em>. #n00b</p>
<p>Mise à jour&nbsp;: la combinaison des deux s’intitule <a href="https://vimeo.com/531066432/da724b9b29">Timelapson</a>, il faut que je trouve comment rendre le son plus net en enlevant la fréquence de la voie rapide dans le fond.</p>
<p><em>Écouté depuis&nbsp;: <a href="https://ici.radio-canada.ca/recit-numerique/2193/son-immersif-vanuatu-trois-dimensions">Le Vanuatu en son 3D</a>, merci <a href="http://shl.huld.re/~f6k/log/vol11/19-vanuatu.html">f6k</a> (<a href="/david/cache/2021/5243221f38525040d87e7407b08e1ff5/">cache</a>)&#8239;!</em></p>

<nav>
<p class="center">
<a rel="prev" href="/david/2021/03/26/" title="Publication précédente : Stimulant">← Précédent</a> •
<a href="/david/2021/" title="Liste des publications récentes">↑ En 2021</a>
• <a rel="next" href="/david/2021/03/28/" title="Publication suivante : Smolstack">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> 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 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>

+ 200
- 0
david/2021/03/28/index.html View File

@@ -0,0 +1,200 @@
<!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>Smolstack — David Larlet</title>
<meta name="description" content="The “smol” net is the “small” net. It’s small because it is build for friends and friends of friends. It doesn’t have to scale to millions of people because those millions should build their own local small nets.">
<!-- That good ol' feed, subscribe :). -->
<link rel="alternate" type="application/atom+xml" title="Feed" href="/david/log/">
<!-- Generated from https://realfavicongenerator.net/ such a mess. -->
<link rel="apple-touch-icon" sizes="180x180" href="/static/david/icons2/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/static/david/icons2/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/static/david/icons2/favicon-16x16.png">
<link rel="manifest" href="/static/david/icons2/site.webmanifest">
<link rel="mask-icon" href="/static/david/icons2/safari-pinned-tab.svg" color="#07486c">
<link rel="shortcut icon" href="/static/david/icons2/favicon.ico">
<meta name="msapplication-TileColor" content="#f0f0ea">
<meta name="msapplication-config" content="/static/david/icons2/browserconfig.xml">
<meta name="theme-color" content="#f0f0ea">
<!-- Documented, feel free to shoot an email. -->
<link rel="stylesheet" href="/static/david/css/style_2021-01-20.css">
<!-- See https://www.zachleat.com/web/comprehensive-webfonts/ for the trade-off. -->
<link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_regular.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin>
<link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_bold.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin>
<link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_italic.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin>
<link rel="preload" href="/static/david/css/fonts/triplicate_t3_regular.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin>
<link rel="preload" href="/static/david/css/fonts/triplicate_t3_bold.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin>
<link rel="preload" href="/static/david/css/fonts/triplicate_t3_italic.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin>
<script>
function toggleTheme(themeName) {
document.documentElement.classList.toggle(
'forced-dark',
themeName === 'dark'
)
document.documentElement.classList.toggle(
'forced-light',
themeName === 'light'
)
}
const selectedTheme = localStorage.getItem('theme')
if (selectedTheme !== 'undefined') {
toggleTheme(selectedTheme)
}
</script>

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


<article>
<header>
<h1>Smolstack</h1>
</header>
<nav>
<p class="center">
<a rel="prev" href="/david/2021/03/27/" title="Publication précédente : Immersion">← 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 lang="en">
<p>The “smol” net is the “small” net. It’s small because it is build for friends and friends of friends. It doesn’t have to scale to millions of people because those millions should build their own local small nets.</p>
<p><cite><em><a href="https://communitywiki.org/wiki/SmolNet">CommunityWiki: Smol Net</a></em> (<a href="/david/cache/2021/cd910565715dbc18d4b31ad60546a4a3/">cache</a>)</cite></p>
</blockquote>
<p>On me demandait <a href="/david/2021/03/23/">récemment</a> si je me considérais comme étant un développeur <em>fullstack</em>. Avec le recul, cette question m’a permis d’affiner ce que j’entends par ce terme et pourquoi je ne veux pas l’être. Je me suis aussi <a href="/david/blog/2017/web-developer/">replongé</a> dans mes <a href="/david/blog/2016/inclusive-developer/">archives</a> car le sujet n’est pas nouveau mais j’ai besoin de le revisiter régulièrement.</p>
<p>Ce que l’on entend traditionnellement par le terme <em>fullstack</em> me semble aller de l’orchestration de containers (incluant sécurité, disponibilité, redondance, etc.) à l’interface utilisateur·ice et à son expérience que l’on espère la plus pertinente possible (incluant l’accessibilité, les performances, etc.) en passant par le <em>backend</em> et le <em>frontend</em> qui apportent leur lot de connaissances à maîtriser et maintenir à jour. Mais ce n’est pas tant le périmètre en lui-même que l’appétence que l’on peut avoir pour l’ensemble de ce spectre qui est une attente qui <em>m</em>’est irréaliste.</p>
<p>Je vais maintenant essayer de définir ce que j’entends par <em>smolstack</em>, c’est brouillon et je vais probablement avoir besoin de plusieurs itérations&nbsp;:</p>
<ul>
<li>vérifier la pertinence des fonctionnalités avec des tests utilisateur·ices&#8239;;</li>
<li>réduire les dépendances au maximum et être guidé par le besoin plus que par la tendance actuelle&#8239;;</li>
<li>prendre le temps de faire le ménage à tous les niveaux&nbsp;: nouvelles attentes, évolution de dépendance, retrait de fonctionnalités, etc.&#8239;;</li>
<li>faire en sorte que les données soient accessibles au plus grand nombre (je vais avoir besoin de préciser ce point)&#8239;;</li>
<li>privilégier le statique tant que c’est possible, il n’y a rien qui soit plus performant et polyvalent&#8239;;</li>
<li>arbitrer la <a href="/david/blog/2017/bugs-complexite/">complexité</a> vis-à-vis de l’impact que cela va avoir sur les utilisateur·ices mais aussi la maintenance, la fiabilité et la légèreté du produit&#8239;;</li>
<li>documenter les choix techniques ainsi que les joies/échecs associés (journal d’équipe&#8239;?)&#8239;;</li>
<li>envisager l’essaimage plutôt que le passage à l’échelle.</li>
</ul>
<p>Je vais m’arrêter là pour ce soir, je n’ai pas l’ambition d’en faire un manifeste, ni la prétention d’en faire un terme consacré. Je le vois plus comme une ébauche <a href="/david/2021/03/26/">inspirante et vivante</a>. C’est incomplet à dessein. Et ce sera obsolète dès demain.</p>
<p><em>Keep smoling!</em> 😀</p>

<blockquote lang="en">
<p>That last bit is a bit of a concern as ageism is already strong enough in web development for 30&nbsp;to be considered old. <mark>The last thing I want is to be labelled a conservative old fogey in an industry dominated by novelty-seeking.</mark> Mostly because it really isn’t accurate. I really <em>do</em> enjoy some of the new developments in the field. So much so that I constantly have to fight the urge to start building projects using the latest bit of shiny.</p>
<p><cite><em><a href="https://www.baldurbjarnason.com/2021/which-kind-of-web-developer-are-you/">Which type of novelty-seeking web developer are you?</a></em> (<a href="/david/cache/2021/809290eb60d9bda55b427919091533f0/">cache</a>)</cite></p>
</blockquote>

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

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

@@ -224,6 +224,12 @@
<h2><a href="/david/2021/03/25/">Sponsor</a> (2021-03-25)</h2>
<h2><a href="/david/2021/03/26/">Stimulant</a> (2021-03-26)</h2>
<h2><a href="/david/2021/03/27/">Immersion</a> (2021-03-27)</h2>
<h2><a href="/david/2021/03/28/">Smolstack</a> (2021-03-28)</h2>
</main>



+ 7
- 0
david/2021/sources/2021-03-26 - Stimulant.md View File

@@ -0,0 +1,7 @@
# Stimulant

> J’ai évité d’écrire un livre qui mastique toutes les pensées possibles en rapporte avec les questions soulevées dans les pages suivantes. Je ne voudrais pas livrer ces pensées comme une bouillie prédigérée à un lecteur passif. La tension dialectique que j’apprécie le plus se situe entre le lecteur d’un livre et l’écrivain : les indices, les suggestions, les pensées inachevées et les stimuli qui encouragent le lecteur à penser par lui-même ou elle-même. En ces temps qui connaissent de telles fluctuations, il serait arrogant de présenter des analyses et des recettes finies ; je considère plutôt qu’il est de la responsabilité d’un travail sérieux de ==stimuler la pensée== dialectique et écologique. Pour une œuvre si « simple », si « claire » et si peu partagée — en un mot, si élitiste — qu’elle ne nécessite aucune modification, le lecteur devra regarder ailleurs. Ce livre n’est pas un programme idéologique ; c’est un stimulant de la pensée — un ensemble cohérent de concepts que le lecteur ou la lectrice devra achever dans l’intimité de son propre esprit.
>
> <cite>*L’écologie sociale, penser la liberté au-delà de l’humain*, Murray Bookchin</cite>

Un bon résumé de ce que j’aimerais que cet espace de pensées soit, devienne, vive, inspire, respire.

+ 11
- 0
david/2021/sources/2021-03-27 - Immersion.md View File

@@ -0,0 +1,11 @@
# Immersion

J’ai un micro fabuleux depuis Noël (merci !) mais je n’avais encore jamais pensé à m’en servir en combinaison avec une paire de jumelles. C’est à mi-chemin entre la réalité virtuelle et les capacités de super-héros. Je m’explique.

En reliant le micro à un casque, j’arrive à percevoir des sons bien au-delà de ma portée actuelle, c’est limite choquant d’arriver à écouter distinctement une conversation qui est à plusieurs dizaines de mètres. Si j’ajoute des jumelles, j’ai l’impression d’être à côté de l’oiseau en observation et d’entendre chacun de ses mouvements. Au printemps, c’est fabuleux.

Je vais essayer de vous partager le son, j’aimerais bien le combiner à une *timelapse* que j’espère faire dans la semaine. Il faut vraiment que je m’entraine, la dernière tentative j’étais resté en mode vidéo et ça m’a fait 300 vidéos d’une seconde… qui en plus était en cours de mouvement par la *gimbal*. #n00b

Mise à jour : la combinaison des deux s’intitule [Timelapson](https://vimeo.com/531066432/da724b9b29), il faut que je trouve comment rendre le son plus net en enlevant la fréquence de la voie rapide dans le fond.

*Écouté depuis : [Le Vanuatu en son 3D](https://ici.radio-canada.ca/recit-numerique/2193/son-immersif-vanuatu-trois-dimensions), merci [f6k](http://shl.huld.re/~f6k/log/vol11/19-vanuatu.html) ([cache](/david/cache/2021/5243221f38525040d87e7407b08e1ff5/)) !*

+ 28
- 0
david/2021/sources/2021-03-28 - Smolstack.md View File

@@ -0,0 +1,28 @@
# Smolstack

> [en] The “smol” net is the “small” net. It’s small because it is build for friends and friends of friends. It doesn’t have to scale to millions of people because those millions should build their own local small nets.
>
> <cite>*[CommunityWiki: Smol Net](https://communitywiki.org/wiki/SmolNet)* ([cache](/david/cache/2021/cd910565715dbc18d4b31ad60546a4a3/))</cite>

On me demandait [récemment](/david/2021/03/23/) si je me considérais comme étant un développeur *fullstack*. Avec le recul, cette question m’a permis d’affiner ce que j’entends par ce terme et pourquoi je ne veux pas l’être. Je me suis aussi [replongé](/david/blog/2017/web-developer/) dans mes [archives](/david/blog/2016/inclusive-developer/) car le sujet n’est pas nouveau mais j’ai besoin de le revisiter régulièrement.

Ce que l’on entend traditionnellement par le terme *fullstack* me semble aller de l’orchestration de containers (incluant sécurité, disponibilité, redondance, etc.) à l’interface utilisateur·ice et à son expérience que l’on espère la plus pertinente possible (incluant l’accessibilité, les performances, etc.) en passant par le *backend* et le *frontend* qui apportent leur lot de connaissances à maîtriser et maintenir à jour. Mais ce n’est pas tant le périmètre en lui-même que l’appétence que l’on peut avoir pour l’ensemble de ce spectre qui est une attente qui *m*’est irréaliste.

Je vais maintenant essayer de définir ce que j’entends par *smolstack*, c’est brouillon et je vais probablement avoir besoin de plusieurs itérations :

* vérifier la pertinence des fonctionnalités avec des tests utilisateur·ices ;
* réduire les dépendances au maximum et être guidé par le besoin plus que par la tendance actuelle ;
* prendre le temps de faire le ménage à tous les niveaux : nouvelles attentes, évolution de dépendance, retrait de fonctionnalités, etc. ;
* faire en sorte que les données soient accessibles au plus grand nombre (je vais avoir besoin de préciser ce point) ;
* privilégier le statique tant que c’est possible, il n’y a rien qui soit plus performant et polyvalent ;
* arbitrer la [complexité](/david/blog/2017/bugs-complexite/) vis-à-vis de l’impact que cela va avoir sur les utilisateur·ices mais aussi la maintenance, la fiabilité et la légèreté du produit ;
* documenter les choix techniques ainsi que les joies/échecs associés (journal d’équipe ?) ;
* envisager l’essaimage plutôt que le passage à l’échelle.

Je vais m’arrêter là pour ce soir, je n’ai pas l’ambition d’en faire un manifeste, ni la prétention d’en faire un terme consacré. Je le vois plus comme une ébauche [inspirante et vivante](/david/2021/03/26/). C’est incomplet à dessein. Et ce sera obsolète dès demain.

*Keep smoling!* 😀

> [en] That last bit is a bit of a concern as ageism is already strong enough in web development for 30 to be considered old. ==The last thing I want is to be labelled a conservative old fogey in an industry dominated by novelty-seeking.== Mostly because it really isn’t accurate. I really *do* enjoy some of the new developments in the field. So much so that I constantly have to fight the urge to start building projects using the latest bit of shiny.
>
> <cite>*[Which type of novelty-seeking web developer are you?](https://www.baldurbjarnason.com/2021/which-kind-of-web-developer-are-you/)* ([cache](/david/cache/2021/809290eb60d9bda55b427919091533f0/))</cite>

+ 6
- 0
david/index.html View File

@@ -74,6 +74,12 @@
<nav>
<ul>
<li><a href="/david/2021/03/28/">Smolstack</a> (2021-03-28)</li>
<li><a href="/david/2021/03/27/">Immersion</a> (2021-03-27)</li>
<li><a href="/david/2021/03/26/">Stimulant</a> (2021-03-26)</li>
<li><a href="/david/2021/03/25/">Sponsor</a> (2021-03-25)</li>
<li><a href="/david/2021/03/24/">Rareté</a> (2021-03-24)</li>

+ 63
- 0
david/log/index.xml View File

@@ -12,6 +12,69 @@
</author>
<rights>Copyright (c) 2004-2021, David Larlet</rights>
<entry xml:lang="fr">
<title>Smolstack</title>
<link href="https://larlet.fr/david/2021/03/28/" rel="alternate" type="text/html" />
<updated>2021-03-28T12:00:00+01:00</updated>
<id>https://larlet.fr/david/2021/03/28/</id>
<summary type="html">

&lt;blockquote lang=&quot;en&quot;&gt;
&lt;p&gt;The “smol” net is the “small” net. It’s small because it is build for friends and friends of friends. It doesn’t have to scale to millions of people because those millions should build their own local small nets.&lt;/p&gt;
&lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://communitywiki.org/wiki/SmolNet&quot;&gt;CommunityWiki: Smol Net&lt;/a&gt;&lt;/em&gt; (&lt;a href=&quot;https://larlet.fr/david/cache/2021/cd910565715dbc18d4b31ad60546a4a3/&quot;&gt;cache&lt;/a&gt;)&lt;/cite&gt;&lt;/p&gt;
&lt;/blockquote&gt;
&lt;p&gt;On me demandait &lt;a href=&quot;https://larlet.fr/david/2021/03/23/&quot;&gt;récemment&lt;/a&gt; si je me considérais comme étant un développeur &lt;em&gt;fullstack&lt;/em&gt;. Avec le recul, cette question m’a permis d’affiner ce que j’entends par ce terme et pourquoi je ne veux pas l’être. Je me suis aussi &lt;a href=&quot;https://larlet.fr/david/blog/2017/web-developer/&quot;&gt;replongé&lt;/a&gt; dans mes &lt;a href=&quot;https://larlet.fr/david/blog/2016/inclusive-developer/&quot;&gt;archives&lt;/a&gt; car le sujet n’est pas nouveau mais j’ai besoin de le revisiter régulièrement.&lt;/p&gt;
&lt;p&gt;Ce que l’on entend traditionnellement par le terme &lt;em&gt;fullstack&lt;/em&gt; me semble aller de l’orchestration de containers (incluant sécurité, disponibilité, redondance, etc.) à l’interface utilisateur·ice et à son expérience que l’on espère la plus pertinente possible (incluant l’accessibilité, les performances, etc.) en passant par le &lt;em&gt;backend&lt;/em&gt; et le &lt;em&gt;frontend&lt;/em&gt; qui apportent leur lot de connaissances à maîtriser et maintenir à jour. Mais ce n’est pas tant le périmètre en lui-même que l’appétence que l’on peut avoir pour l’ensemble de ce spectre qui est une attente qui &lt;em&gt;m&lt;/em&gt;’est irréaliste.&lt;/p&gt;
&lt;p&gt;Je vais maintenant essayer de définir ce que j’entends par &lt;em&gt;smolstack&lt;/em&gt;, c’est brouillon et je vais probablement avoir besoin de plusieurs itérations&amp;nbsp;:&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;vérifier la pertinence des fonctionnalités avec des tests utilisateur·ices&amp;#8239;;&lt;/li&gt;
&lt;li&gt;réduire les dépendances au maximum et être guidé par le besoin plus que par la tendance actuelle&amp;#8239;;&lt;/li&gt;
&lt;li&gt;prendre le temps de faire le ménage à tous les niveaux&amp;nbsp;: nouvelles attentes, évolution de dépendance, retrait de fonctionnalités, etc.&amp;#8239;;&lt;/li&gt;
&lt;li&gt;faire en sorte que les données soient accessibles au plus grand nombre (je vais avoir besoin de préciser ce point)&amp;#8239;;&lt;/li&gt;
&lt;li&gt;privilégier le statique tant que c’est possible, il n’y a rien qui soit plus performant et polyvalent&amp;#8239;;&lt;/li&gt;
&lt;li&gt;arbitrer la &lt;a href=&quot;https://larlet.fr/david/blog/2017/bugs-complexite/&quot;&gt;complexité&lt;/a&gt; vis-à-vis de l’impact que cela va avoir sur les utilisateur·ices mais aussi la maintenance, la fiabilité et la légèreté du produit&amp;#8239;;&lt;/li&gt;
&lt;li&gt;documenter les choix techniques ainsi que les joies/échecs associés (journal d’équipe&amp;#8239;?)&amp;#8239;;&lt;/li&gt;
&lt;li&gt;envisager l’essaimage plutôt que le passage à l’échelle.&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;Je vais m’arrêter là pour ce soir, je n’ai pas l’ambition d’en faire un manifeste, ni la prétention d’en faire un terme consacré. Je le vois plus comme une ébauche &lt;a href=&quot;https://larlet.fr/david/2021/03/26/&quot;&gt;inspirante et vivante&lt;/a&gt;. C’est incomplet à dessein. Et ce sera obsolète dès demain.&lt;/p&gt;
&lt;p&gt;&lt;em&gt;Keep smoling!&lt;/em&gt; 😀&lt;/p&gt;

&lt;blockquote lang=&quot;en&quot;&gt;
&lt;p&gt;That last bit is a bit of a concern as ageism is already strong enough in web development for 30&amp;nbsp;to be considered old. &lt;mark&gt;The last thing I want is to be labelled a conservative old fogey in an industry dominated by novelty-seeking.&lt;/mark&gt; Mostly because it really isn’t accurate. I really &lt;em&gt;do&lt;/em&gt; enjoy some of the new developments in the field. So much so that I constantly have to fight the urge to start building projects using the latest bit of shiny.&lt;/p&gt;
&lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://www.baldurbjarnason.com/2021/which-kind-of-web-developer-are-you/&quot;&gt;Which type of novelty-seeking web developer are you?&lt;/a&gt;&lt;/em&gt; (&lt;a href=&quot;https://larlet.fr/david/cache/2021/809290eb60d9bda55b427919091533f0/&quot;&gt;cache&lt;/a&gt;)&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>Immersion</title>
<link href="https://larlet.fr/david/2021/03/27/" rel="alternate" type="text/html" />
<updated>2021-03-27T12:00:00+01:00</updated>
<id>https://larlet.fr/david/2021/03/27/</id>
<summary type="html">
&lt;p&gt;J’ai un micro fabuleux depuis Noël (merci&amp;#8239;!) mais je n’avais encore jamais pensé à m’en servir en combinaison avec une paire de jumelles. C’est à mi-chemin entre la réalité virtuelle et les capacités de super-héros. Je m’explique.&lt;/p&gt;
&lt;p&gt;En reliant le micro à un casque, j’arrive à percevoir des sons bien au-delà de ma portée actuelle, c’est limite choquant d’arriver à écouter distinctement une conversation qui est à plusieurs dizaines de mètres. Si j’ajoute des jumelles, j’ai l’impression d’être à côté de l’oiseau en observation et d’entendre chacun de ses mouvements. Au printemps, c’est fabuleux.&lt;/p&gt;
&lt;p&gt;Je vais essayer de vous partager le son, j’aimerais bien le combiner à une &lt;em&gt;timelapse&lt;/em&gt; que j’espère faire dans la semaine. Il faut vraiment que je m’entraine, la dernière tentative j’étais resté en mode vidéo et ça m’a fait 300&amp;nbsp;vidéos d’une seconde… qui en plus était en cours de mouvement par la &lt;em&gt;gimbal&lt;/em&gt;. #n00b&lt;/p&gt;
&lt;p&gt;Mise à jour&amp;nbsp;: la combinaison des deux s’intitule &lt;a href=&quot;https://vimeo.com/531066432/da724b9b29&quot;&gt;Timelapson&lt;/a&gt;, il faut que je trouve comment rendre le son plus net en enlevant la fréquence de la voie rapide dans le fond.&lt;/p&gt;
&lt;p&gt;&lt;em&gt;Écouté depuis&amp;nbsp;: &lt;a href=&quot;https://ici.radio-canada.ca/recit-numerique/2193/son-immersif-vanuatu-trois-dimensions&quot;&gt;Le Vanuatu en son 3D&lt;/a&gt;, merci &lt;a href=&quot;http://shl.huld.re/~f6k/log/vol11/19-vanuatu.html&quot;&gt;f6k&lt;/a&gt; (&lt;a href=&quot;https://larlet.fr/david/cache/2021/5243221f38525040d87e7407b08e1ff5/&quot;&gt;cache&lt;/a&gt;)&amp;#8239;!&lt;/em&gt;&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>Stimulant</title>
<link href="https://larlet.fr/david/2021/03/26/" rel="alternate" type="text/html" />
<updated>2021-03-26T12:00:00+01:00</updated>
<id>https://larlet.fr/david/2021/03/26/</id>
<summary type="html">

&lt;blockquote&gt;
&lt;p&gt;J’ai évité d’écrire un livre qui mastique toutes les pensées possibles en rapporte avec les questions soulevées dans les pages suivantes. Je ne voudrais pas livrer ces pensées comme une bouillie prédigérée à un lecteur passif. La tension dialectique que j’apprécie le plus se situe entre le lecteur d’un livre et l’écrivain&amp;nbsp;: les indices, les suggestions, les pensées inachevées et les stimuli qui encouragent le lecteur à penser par lui-même ou elle-même. En ces temps qui connaissent de telles fluctuations, il serait arrogant de présenter des analyses et des recettes finies&amp;#8239;; je considère plutôt qu’il est de la responsabilité d’un travail sérieux de &lt;mark&gt;stimuler la pensée&lt;/mark&gt; dialectique et écologique. Pour une œuvre si «&amp;nbsp;simple&amp;nbsp;», si «&amp;nbsp;claire&amp;nbsp;» et si peu partagée — en un mot, si élitiste — qu’elle ne nécessite aucune modification, le lecteur devra regarder ailleurs. Ce livre n’est pas un programme idéologique&amp;#8239;; c’est un stimulant de la pensée — un ensemble cohérent de concepts que le lecteur ou la lectrice devra achever dans l’intimité de son propre esprit.&lt;/p&gt;
&lt;p&gt;&lt;cite&gt;&lt;em&gt;L’écologie sociale, penser la liberté au-delà de l’humain&lt;/em&gt;, Murray Bookchin&lt;/cite&gt;&lt;/p&gt;
&lt;/blockquote&gt;
&lt;p&gt;Un bon résumé de ce que j’aimerais que cet espace de pensées soit, devienne, vive, inspire, respire.&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>Sponsor</title>
<link href="https://larlet.fr/david/2021/03/25/" rel="alternate" type="text/html" />

Loading…
Cancel
Save