Explorar el Código

Publishing

master
David Larlet hace 3 años
padre
commit
4279055481

+ 1
- 0
david/2021/05/24/index.html Ver fichero

@@ -99,6 +99,7 @@
<hr />
<p>L’endroit où je suis allé ne ressemblait pas du tout à un <a href="https://blog.monolecte.fr/2021/05/24/covidrome/">covidrome</a> (<a href="/david/cache/2021/f0e0397c5e70029b4f19b530f27c5141/">cache</a>) et je n’ai pas eu à payer quoi que ce soit bien que je ne sois pas détenteur d’une carte de <abbr title="Régie de l’assurance maladie du Québec">RAMQ</abbr>, la sécu locale. Je n’ai pas essayé d’avoir une place avant que ma tranche d’âge ne soit autorisée à prendre rendez-vous. D’ici 2-3&nbsp;semaines, je devrais avoir 92&#8239;% de chances de ne pas développer de formes graves de la Covid, de quoi accepter le risque d’augmenter mon exposition quotidienne en nombre de <a href="/david/2021/01/10/">microCOVIDs</a>.</p>
<p>Prochain épisode le 13&nbsp;septembre, ce qui n’est <a href="/david/2021/05/18/">pas plus mal</a>.</p>
<p><mark>Mise à jour&nbsp;:</mark> finalement <a href="/david/2021/07/26/">le 26&nbsp;juillet</a>.</p>

<nav>
<p class="center">

+ 2
- 2
david/2021/07/23/index.html Ver fichero

@@ -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/07/25/" title="Publication suivante : Dé·mont(r)age">Suivant →</a>
</p>
</nav>
<hr>
@@ -87,7 +87,7 @@
<p class="center">
<a rel="prev" href="/david/2021/07/22/" title="Publication précédente : Vol d’eau">← Précédent</a> •
<a href="/david/2021/" title="Liste des publications récentes">↑ En 2021</a>
• <a rel="next" href="/david/2021/07/25/" title="Publication suivante : Dé·mont(r)age">Suivant →</a>
</p>
</nav>
</article>

+ 184
- 0
david/2021/07/25/index.html Ver fichero

@@ -0,0 +1,184 @@
<!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é·mont(r)age — David Larlet</title>
<meta name="description" content="J’ai passé les dernières 48 heures à convertir, découper et colorer des fragments de vidéos. Suivant le démon de mes propres aspirations. S’assurer que le son soit cohérent parfois, pester contre l’auto-focus encore une fois, se rendre compte que certains réglages n’étaient pas adéquats, irrécupérables parfois. La rage.">
<!-- 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é·mont(r)age</h1>
</header>
<nav>
<p class="center">
<a rel="prev" href="/david/2021/07/23/" title="Publication précédente : Ozone">← 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/07/26/" title="Publication suivante : Dose 2">Suivant →</a>
</p>
</nav>
<hr>

<p>J’ai passé les dernières 48&nbsp;heures à convertir, découper et colorer des fragments de vidéos. Suivant le <em>démon</em> de mes propres aspirations. S’assurer que le son soit cohérent parfois, pester contre l’auto-focus <a href="/david/2021/02/23/">encore une fois</a>, se rendre compte que certains réglages n’étaient pas adéquats, irrécupérables parfois. La <em>rage</em>.</p>
<p>Et puis, il y a ce que l’on veut <em>montrer</em>. À quel point cette mise en scène est ridicule. Donner un sentiment de plénitude et d’apaisement alors que je suis en train de penser à ce chapelé de bits qui viennent remplir la carte mémoire. <em>Dé·montrer</em> aussi les instants où je coupe pour de vrai, où je nage pour moi, où je laisse le trépied dans un coin, où je suis ridicule (vous ne me verrez jamais m’extraire d’un raft&#8239;!). Je me rends compte qu’il faudrait que j’ai une idée préalable de scénario/script si je voulais vraiment partager une histoire. Or, c’est assez incompatible avec l’approche itérative et exploratoire de la forêt que je veux avoir.</p>
<p><em>Démontage</em> enfin de mes peurs et de mes faiblesses vis-à-vis d’un medium que je ne maîtrise pas. Passer outre la tétanie, apprendre. Encore.</p>

<blockquote>
<p>En vous confinant dans un simple rôle d’observateur, vous passez systématiquement à côté du sens même de votre vie. L’idéal pourrait être ainsi défini&nbsp;: Vivez de votre mieux. <mark>La vie est un jeu</mark> dont les règles s’apprennent en y sautant à pieds joints pour être immergé jusqu’au cou sous peine d’être toujours pris au dépourvu, toujours surpris par le moindre changement de décor. Les spectateurs passifs se plaignent en gémissant que la chance est passée juste à côté d’eux. Ils refusent de voir qu’une bonne part de cette chance, c’est à eux qu’il revenait de la créer.</p>
<p><cite><em>Darwi Odrade</em>, <em><a href="/david/2020/12/21/#dune">Dune</a> VI. La maison des mères</em>, Frank Herbert</cite></p>
</blockquote>

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

+ 213
- 0
david/2021/07/26/index.html Ver fichero

@@ -0,0 +1,213 @@
<!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>Dose 2 — David Larlet</title>
<meta name="description" content="Suite des aventures, deux mois plus tard.">
<!-- 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>Dose 2</h1>
</header>
<nav>
<p class="center">
<a rel="prev" href="/david/2021/07/25/" title="Publication précédente : Dé·mont(r)age">← 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/07/27/" title="Publication suivante : Évasion">Suivant →</a>
</p>
</nav>
<hr>

<p><a href="/david/2021/05/24/">Suite</a> des aventures, deux mois plus tard.</p>
<p>J’ai été vacciné <a href="https://twitter.com/vacccprogress">au moment où</a> (<a href="https://github.com/favstats/vacccprogress">code</a>)&nbsp;:</p>
<ul>
<li>1,6&#8239;% de l’Afrique&#8239;; 10,2&#8239;% de l’Asie&#8239;; 37,2&#8239;% de l’Europe&#8239;; 36,9&#8239;% de l’Amérique du Nord&#8239;; 9,9&#8239;% de l’Océanie&#8239;; 17,8&#8239;% de l’Amérique du Sud avaient <a href="https://twitter.com/vacccprogress/status/1419614855980634113">reçues une seconde dose</a>.</li>
<li>2&#8239;122&nbsp;millions de personnes ont <a href="https://twitter.com/vacccprogress/status/1419614877690302467">déjà reçues une dose</a> dans le monde (soit 27,2&#8239;%) et 1&#8239;074&nbsp;millions une seconde dose (soit 13,8&#8239;%).</li>
<li>Le Canada a dépassé la France en pourcentage de population vaccinée 2&nbsp;doses <a href="https://ourworldindata.org/grapher/share-people-fully-vaccinated-covid?country=CAN~FRA">le 1<sup>er</sup> juillet</a>, pour la première dose c’était le cas <a href="https://ourworldindata.org/grapher/share-people-vaccinated-covid?country=CAN~FRA">depuis le 29&nbsp;mars</a>.</li>
<li>40,6&#8239;% des pays à haut revenus&#8239;; 14,9&#8239;% des pays à presque hauts revenus&#8239;; 5,3&#8239;% des pays à presque faibles revenus&#8239;; 0,2&#8239;% des pays à faibles revenus ont <a href="https://twitter.com/vacccprogress/status/1419614964118077441">reçu une seconde dose</a>&#8239;;</li>
<li>48&#8239;% des <a href="https://cdn-contenu.quebec.ca/cdn-contenu/sante/documents/Problemes_de_sante/covid-19/20-210-382W_infographie_sommaire-executif.jpg">québécois·es de ma tranche d’âge</a> (infographie dynamique mise à jour quotidiennement), 61&#8239;% des québécois·es tout court ont reçu cette seconde dose (83&#8239;% des plus de 12&nbsp;ans vaccinables ont au moins reçu une dose).</li>
</ul>
<figure>
<a href="#tableau_de_bord_2021-07-26"
title="Cliquer pour une version haute résolution">
<img src="/static/david/2021/tableau_de_bord_2021-07-26.png" alt="Tableau de bord des chiffres sur l’évolution de la Covid-19 et de sa vaccination au Québec"
loading="lazy" width="1280" height="1106" />
</a>
<a href="#_" class="lightbox" id="tableau_de_bord_2021-07-26">
<img src="/static/david/2021/tableau_de_bord_2021-07-26.png" alt="Tableau de bord des chiffres sur l’évolution de la Covid-19 et de sa vaccination au Québec"
loading="lazy" width="1280" height="1106" />
</a>
<figcaption>Tableau toujours aussi intéressant pour comprendre la stratégie québécoise.</figcaption>
</figure>
<p>Au passage, en voulant récupérer ma <a href="https://covid19.quebec.ca/PreuveVaccinale/">preuve vaccinale</a>&nbsp;:</p>

<blockquote>
<p>Dû à un fort achalandage, le site d’émission de la preuve vaccinale et d’inscription au concours est temporairement non disponible.</p>
</blockquote>
<p>Sachant que c’est la mise en place d’une loterie qui a fait tomber le site, ça me fait glousser&nbsp;:</p>

<blockquote>
<p>Le lancement du concours «&nbsp;Gagner à être vacciné&nbsp;» a connu des ratés, dimanche [on est mardi]. Il fallait faire preuve de patience avant de réussir à s’y inscrire sur le site de quebec.ca.</p>
<p>[…]</p>
<p>Pour être admissible à un lot de 150&#8239;000 $ ou à une bourse d’études de 10&#8239;000 $, il faut avoir obtenu au moins sa première dose et s’inscrire par Internet en passant par le site quebec.ca/vaccincovid et sa section du concours Gagner à être vacciné.</p>
<p><cite><em><a href="https://www.ledevoir.com/societe/620427/debut-de-l-inscription-a-la-loterie-vaccin-covid">Lancement laborieux pour la loterie vaccinale</a></em> (<a href="/david/cache/2021/b22e4e9595ac77a1d763789a3d23106a/">cache</a>)</cite></p>
</blockquote>
<p>C’est quand même pas de bol que la mesure incitative pour se faire vacciner fasse tomber le site qui permet de prendre rendez-vous pour se faire vacciner.</p>
<hr />
<p>Au niveau des effets secondaires sur les 48&nbsp;heures suivantes, un peu de fièvre/fatigue le lendemain qui m’a obligé à faire une sieste de 3&nbsp;heures et ensuite pas la grande forme les 24&nbsp;heures suivantes. Je me rassure en me disant que les corps jeunes sont davantage soumis aux effets secondaires 😇.</p>

<nav>
<p class="center">
<a rel="prev" href="/david/2021/07/25/" title="Publication précédente : Dé·mont(r)age">← Précédent</a> •
<a href="/david/2021/" title="Liste des publications récentes">↑ En 2021</a>
• <a rel="next" href="/david/2021/07/27/" title="Publication suivante : Évasion">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>

+ 184
- 0
david/2021/07/27/index.html Ver fichero

@@ -0,0 +1,184 @@
<!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>Évasion — David Larlet</title>
<meta name="description" content="Deux jours pour me libérer de la prison de mes pensées et prendre soin de ma santé mentale. Quelques instants d’écoute dynamique de la forêt et de mes aspirations. Une tentative maladroite de partager ce sentiment de calme intérieur.">
<!-- 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>Évasion</h1>
</header>
<nav>
<p class="center">
<a rel="prev" href="/david/2021/07/26/" title="Publication précédente : Dose 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>
</p>
</nav>
<hr>

<p><a href="/david/2021/07/19/">Deux</a> <a href="/david/2021/07/20/">jours</a> pour me libérer de la prison de mes pensées et prendre soin de ma santé mentale. Quelques instants d’écoute dynamique de la forêt et de mes aspirations. Une tentative maladroite de partager ce sentiment de calme intérieur.</p>
<p>J’aurais pu soigner encore davantage le son, effacer ces gouttes d’eau sur l’objectif, faire des transitions exotiques, rythmer encore davantage. Et j’apprécie que cela reste un travail amateur, satisfaisant dans ses imperfections et ses approximations. Le <a href="/david/2021/07/25/">montage</a> a encore été la source de nombreux questionnements, c’est à la fois la partie la plus difficile et peut-être la plus intéressante du point de vue introspectif. J’essaye de me fixer la règle de ne pas prendre plus de temps à produire la vidéo que ce que m’a pris la sortie en question&#8239;!</p>
<p>La vidéo&nbsp;: <a href="https://vimeo.com/580086949/0833bc929c">Évasion</a> (23&nbsp;minutes). Normalement, j’ai fait attention à ne pas vous faire mal aux oreilles, même lorsqu’un hydravion me passe au-dessus de la tête… je ne pouvais pas manquer un si gros oiseau.</p>

<blockquote>
<p>Beaucoup de choses que nous faisons tout naturellement nous deviennent difficiles dès l’instant où nous cherchons à les intellectualiser. Il arrive qu’à force d’accumuler les connaissances sur un sujet donné, nous devenions ignares.</p>
<p><cite><em>Texte mentat n°2 (dicto)</em>, <em><a href="/david/2020/12/21/#dune">Dune</a> VI. La maison des mères</em>, Frank Herbert</cite></p>
</blockquote>

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

+ 6
- 0
david/2021/index.html Ver fichero

@@ -449,6 +449,12 @@
<h2><a href="/david/2021/07/23/">Ozone</a> (2021-07-23)</h2>
<h2><a href="/david/2021/07/25/">Dé·mont(r)age</a> (2021-07-25)</h2>
<h2><a href="/david/2021/07/26/">Dose 2</a> (2021-07-26)</h2>
<h2><a href="/david/2021/07/27/">Évasion</a> (2021-07-27)</h2>
</main>



+ 2
- 0
david/2021/sources/2021-05-24 - Dose 1.md Ver fichero

@@ -25,3 +25,5 @@ Je n’ai pas particulièrement ressenti de soulagement après m’être fait pi
L’endroit où je suis allé ne ressemblait pas du tout à un [covidrome](https://blog.monolecte.fr/2021/05/24/covidrome/) ([cache](/david/cache/2021/f0e0397c5e70029b4f19b530f27c5141/)) et je n’ai pas eu à payer quoi que ce soit bien que je ne sois pas détenteur d’une carte de <abbr title="Régie de l’assurance maladie du Québec">RAMQ</abbr>, la sécu locale. Je n’ai pas essayé d’avoir une place avant que ma tranche d’âge ne soit autorisée à prendre rendez-vous. D’ici 2-3 semaines, je devrais avoir 92 % de chances de ne pas développer de formes graves de la Covid, de quoi accepter le risque d’augmenter mon exposition quotidienne en nombre de [microCOVIDs](/david/2021/01/10/).

Prochain épisode le 13 septembre, ce qui n’est [pas plus mal](/david/2021/05/18/).

==Mise à jour :== finalement [le 26 juillet](/david/2021/07/26/).

+ 11
- 0
david/2021/sources/2021-07-25 - Démontrage.md Ver fichero

@@ -0,0 +1,11 @@
# Dé·mont(r)age

J’ai passé les dernières 48 heures à convertir, découper et colorer des fragments de vidéos. Suivant le *démon* de mes propres aspirations. S’assurer que le son soit cohérent parfois, pester contre l’auto-focus [encore une fois](/david/2021/02/23/), se rendre compte que certains réglages n’étaient pas adéquats, irrécupérables parfois. La *rage*.

Et puis, il y a ce que l’on veut *montrer*. À quel point cette mise en scène est ridicule. Donner un sentiment de plénitude et d’apaisement alors que je suis en train de penser à ce chapelé de bits qui viennent remplir la carte mémoire. *Dé·montrer* aussi les instants où je coupe pour de vrai, où je nage pour moi, où je laisse le trépied dans un coin, où je suis ridicule (vous ne me verrez jamais m’extraire d’un raft !). Je me rends compte qu’il faudrait que j’ai une idée préalable de scénario/script si je voulais vraiment partager une histoire. Or, c’est assez incompatible avec l’approche itérative et exploratoire de la forêt que je veux avoir.

*Démontage* enfin de mes peurs et de mes faiblesses vis-à-vis d’un medium que je ne maîtrise pas. Passer outre la tétanie, apprendre. Encore.

> En vous confinant dans un simple rôle d’observateur, vous passez systématiquement à côté du sens même de votre vie. L’idéal pourrait être ainsi défini : Vivez de votre mieux. ==La vie est un jeu== dont les règles s’apprennent en y sautant à pieds joints pour être immergé jusqu’au cou sous peine d’être toujours pris au dépourvu, toujours surpris par le moindre changement de décor. Les spectateurs passifs se plaignent en gémissant que la chance est passée juste à côté d’eux. Ils refusent de voir qu’une bonne part de cette chance, c’est à eux qu’il revenait de la créer.
>
> <cite>*Darwi Odrade*, *[Dune](/david/2020/12/21/#dune) VI. La maison des mères*, Frank Herbert</cite>

+ 33
- 0
david/2021/sources/2021-07-26 - Dose 2.md Ver fichero

@@ -0,0 +1,33 @@
# Dose 2

[Suite](/david/2021/05/24/) des aventures, deux mois plus tard.

J’ai été vacciné [au moment où](https://twitter.com/vacccprogress) ([code](https://github.com/favstats/vacccprogress)) :

* 1,6 % de l’Afrique ; 10,2 % de l’Asie ; 37,2 % de l’Europe ; 36,9 % de l’Amérique du Nord ; 9,9 % de l’Océanie ; 17,8 % de l’Amérique du Sud avaient [reçues une seconde dose](https://twitter.com/vacccprogress/status/1419614855980634113).
* 2 122 millions de personnes ont [déjà reçues une dose](https://twitter.com/vacccprogress/status/1419614877690302467) dans le monde (soit 27,2 %) et 1 074 millions une seconde dose (soit 13,8 %).
* Le Canada a dépassé la France en pourcentage de population vaccinée 2 doses [le 1<sup>er</sup> juillet](https://ourworldindata.org/grapher/share-people-fully-vaccinated-covid?country=CAN~FRA), pour la première dose c’était le cas [depuis le 29 mars](https://ourworldindata.org/grapher/share-people-vaccinated-covid?country=CAN~FRA).
* 40,6 % des pays à haut revenus ; 14,9 % des pays à presque hauts revenus ; 5,3 % des pays à presque faibles revenus ; 0,2 % des pays à faibles revenus ont [reçu une seconde dose](https://twitter.com/vacccprogress/status/1419614964118077441) ;
* 48 % des [québécois·es de ma tranche d’âge](https://cdn-contenu.quebec.ca/cdn-contenu/sante/documents/Problemes_de_sante/covid-19/20-210-382W_infographie_sommaire-executif.jpg) (infographie dynamique mise à jour quotidiennement), 61 % des québécois·es tout court ont reçu cette seconde dose (83 % des plus de 12 ans vaccinables ont au moins reçu une dose).

![Tableau de bord des chiffres sur l’évolution de la Covid-19 et de sa vaccination au Québec](/static/david/2021/tableau_de_bord_2021-07-26.png "Tableau toujours aussi intéressant pour comprendre la stratégie québécoise.")

Au passage, en voulant récupérer ma [preuve vaccinale](https://covid19.quebec.ca/PreuveVaccinale/) :

> Dû à un fort achalandage, le site d’émission de la preuve vaccinale et d’inscription au concours est temporairement non disponible.

Sachant que c’est la mise en place d’une loterie qui a fait tomber le site, ça me fait glousser :

> Le lancement du concours « Gagner à être vacciné » a connu des ratés, dimanche [on est mardi]. Il fallait faire preuve de patience avant de réussir à s’y inscrire sur le site de quebec.ca.
>
> […]
>
> Pour être admissible à un lot de 150 000 $ ou à une bourse d’études de 10 000 $, il faut avoir obtenu au moins sa première dose et s’inscrire par Internet en passant par le site quebec.ca/vaccincovid et sa section du concours Gagner à être vacciné.
>
> <cite>*[Lancement laborieux pour la loterie vaccinale](https://www.ledevoir.com/societe/620427/debut-de-l-inscription-a-la-loterie-vaccin-covid)* ([cache](/david/cache/2021/b22e4e9595ac77a1d763789a3d23106a/))</cite>

C’est quand même pas de bol que la mesure incitative pour se faire vacciner fasse tomber le site qui permet de prendre rendez-vous pour se faire vacciner.

---

Au niveau des effets secondaires sur les 48 heures suivantes, un peu de fièvre/fatigue le lendemain qui m’a obligé à faire une sieste de 3 heures et ensuite pas la grande forme les 24 heures suivantes. Je me rassure en me disant que les corps jeunes sont davantage soumis aux effets secondaires 😇.

+ 12
- 0
david/2021/sources/2021-07-27 - Evasion.md Ver fichero

@@ -0,0 +1,12 @@
# Évasion

[Deux](/david/2021/07/19/) [jours](/david/2021/07/20/) pour me libérer de la prison de mes pensées et prendre soin de ma santé mentale. Quelques instants d’écoute dynamique de la forêt et de mes aspirations. Une tentative maladroite de partager ce sentiment de calme intérieur.

J’aurais pu soigner encore davantage le son, effacer ces gouttes d’eau sur l’objectif, faire des transitions exotiques, rythmer encore davantage. Et j’apprécie que cela reste un travail amateur, satisfaisant dans ses imperfections et ses approximations. Le [montage](/david/2021/07/25/) a encore été la source de nombreux questionnements, c’est à la fois la partie la plus difficile et peut-être la plus intéressante du point de vue introspectif. J’essaye de me fixer la règle de ne pas prendre plus de temps à produire la vidéo que ce que m’a pris la sortie en question !

La vidéo : [Évasion](https://vimeo.com/580086949/0833bc929c) (23 minutes). Normalement, j’ai fait attention à ne pas vous faire mal aux oreilles, même lorsqu’un hydravion me passe au-dessus de la tête… je ne pouvais pas manquer un si gros oiseau.

> Beaucoup de choses que nous faisons tout naturellement nous deviennent difficiles dès l’instant où nous cherchons à les intellectualiser. Il arrive qu’à force d’accumuler les connaissances sur un sujet donné, nous devenions ignares.
>
> <cite>*Texte mentat n°2 (dicto)*, *[Dune](/david/2020/12/21/#dune) VI. La maison des mères*, Frank Herbert</cite>


+ 4
- 1
david/index.html Ver fichero

@@ -96,7 +96,10 @@
<a href="/david/2021/07/20/">Jour 2</a>,
<a href="/david/2021/07/21/">Espoir</a>,
<a href="/david/2021/07/22/">Vol d’eau</a>,
<a href="/david/2021/07/23/">Ozone</a>.
<a href="/david/2021/07/23/">Ozone</a>,
<a href="/david/2021/07/25/">Dé·mont(r)age</a>,
<a href="/david/2021/07/26/">Dose 2</a>,
<a href="/david/2021/07/27/">Évasion</a>.
</p>

+ 77
- 67
david/log/index.xml Ver fichero

@@ -6,13 +6,89 @@
<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-07-30T12:00:00+01:00</updated>
<updated>2021-07-31T12: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">Évasion</title>
<link href="https://larlet.fr/david/2021/07/27/" rel="alternate" type="text/html" />
<updated>2021-07-27T12:00:00+01:00</updated>
<id>https://larlet.fr/david/2021/07/27/</id>
<summary type="html">
&lt;p&gt;&lt;a href=&quot;https://larlet.fr/david/2021/07/19/&quot;&gt;Deux&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2021/07/20/&quot;&gt;jours&lt;/a&gt; pour me libérer de la prison de mes pensées et prendre soin de ma santé mentale. Quelques instants d’écoute dynamique de la forêt et de mes aspirations. Une tentative maladroite de partager ce sentiment de calme intérieur.&lt;/p&gt;
&lt;p&gt;J’aurais pu soigner encore davantage le son, effacer ces gouttes d’eau sur l’objectif, faire des transitions exotiques, rythmer encore davantage. Et j’apprécie que cela reste un travail amateur, satisfaisant dans ses imperfections et ses approximations. Le &lt;a href=&quot;https://larlet.fr/david/2021/07/25/&quot;&gt;montage&lt;/a&gt; a encore été la source de nombreux questionnements, c’est à la fois la partie la plus difficile et peut-être la plus intéressante du point de vue introspectif. J’essaye de me fixer la règle de ne pas prendre plus de temps à produire la vidéo que ce que m’a pris la sortie en question&amp;#8239;!&lt;/p&gt;
&lt;p&gt;La vidéo&amp;nbsp;: &lt;a href=&quot;https://vimeo.com/580086949/0833bc929c&quot;&gt;Évasion&lt;/a&gt; (23&amp;nbsp;minutes). Normalement, j’ai fait attention à ne pas vous faire mal aux oreilles, même lorsqu’un hydravion me passe au-dessus de la tête… je ne pouvais pas manquer un si gros oiseau.&lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;Beaucoup de choses que nous faisons tout naturellement nous deviennent difficiles dès l’instant où nous cherchons à les intellectualiser. Il arrive qu’à force d’accumuler les connaissances sur un sujet donné, nous devenions ignares.&lt;/p&gt;
&lt;p&gt;&lt;cite&gt;&lt;em&gt;Texte mentat n°2 (dicto)&lt;/em&gt;, &lt;em&gt;&lt;a href=&quot;https://larlet.fr/david/2020/12/21/#dune&quot;&gt;Dune&lt;/a&gt; VI. La maison des mères&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">Dose 2</title>
<link href="https://larlet.fr/david/2021/07/26/" rel="alternate" type="text/html" />
<updated>2021-07-26T12:00:00+01:00</updated>
<id>https://larlet.fr/david/2021/07/26/</id>
<summary type="html">
&lt;p&gt;&lt;a href=&quot;https://larlet.fr/david/2021/05/24/&quot;&gt;Suite&lt;/a&gt; des aventures, deux mois plus tard.&lt;/p&gt;
&lt;p&gt;J’ai été vacciné &lt;a href=&quot;https://twitter.com/vacccprogress&quot;&gt;au moment où&lt;/a&gt; (&lt;a href=&quot;https://github.com/favstats/vacccprogress&quot;&gt;code&lt;/a&gt;)&amp;nbsp;:&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;1,6&amp;#8239;% de l’Afrique&amp;#8239;; 10,2&amp;#8239;% de l’Asie&amp;#8239;; 37,2&amp;#8239;% de l’Europe&amp;#8239;; 36,9&amp;#8239;% de l’Amérique du Nord&amp;#8239;; 9,9&amp;#8239;% de l’Océanie&amp;#8239;; 17,8&amp;#8239;% de l’Amérique du Sud avaient &lt;a href=&quot;https://twitter.com/vacccprogress/status/1419614855980634113&quot;&gt;reçues une seconde dose&lt;/a&gt;.&lt;/li&gt;
&lt;li&gt;2&amp;#8239;122&amp;nbsp;millions de personnes ont &lt;a href=&quot;https://twitter.com/vacccprogress/status/1419614877690302467&quot;&gt;déjà reçues une dose&lt;/a&gt; dans le monde (soit 27,2&amp;#8239;%) et 1&amp;#8239;074&amp;nbsp;millions une seconde dose (soit 13,8&amp;#8239;%).&lt;/li&gt;
&lt;li&gt;Le Canada a dépassé la France en pourcentage de population vaccinée 2&amp;nbsp;doses &lt;a href=&quot;https://ourworldindata.org/grapher/share-people-fully-vaccinated-covid?country=CAN~FRA&quot;&gt;le 1&lt;sup&gt;er&lt;/sup&gt; juillet&lt;/a&gt;, pour la première dose c’était le cas &lt;a href=&quot;https://ourworldindata.org/grapher/share-people-vaccinated-covid?country=CAN~FRA&quot;&gt;depuis le 29&amp;nbsp;mars&lt;/a&gt;.&lt;/li&gt;
&lt;li&gt;40,6&amp;#8239;% des pays à haut revenus&amp;#8239;; 14,9&amp;#8239;% des pays à presque hauts revenus&amp;#8239;; 5,3&amp;#8239;% des pays à presque faibles revenus&amp;#8239;; 0,2&amp;#8239;% des pays à faibles revenus ont &lt;a href=&quot;https://twitter.com/vacccprogress/status/1419614964118077441&quot;&gt;reçu une seconde dose&lt;/a&gt;&amp;#8239;;&lt;/li&gt;
&lt;li&gt;48&amp;#8239;% des &lt;a href=&quot;https://cdn-contenu.quebec.ca/cdn-contenu/sante/documents/Problemes_de_sante/covid-19/20-210-382W_infographie_sommaire-executif.jpg&quot;&gt;québécois·es de ma tranche d’âge&lt;/a&gt; (infographie dynamique mise à jour quotidiennement), 61&amp;#8239;% des québécois·es tout court ont reçu cette seconde dose (83&amp;#8239;% des plus de 12&amp;nbsp;ans vaccinables ont au moins reçu une dose).&lt;/li&gt;
&lt;/ul&gt;
&lt;figure&gt;
&lt;a href=&quot;https://larlet.fr/static/david/2021/tableau_de_bord_2021-07-26.png&quot;
title=&quot;Cliquer pour une version haute résolution&quot;&gt;
&lt;img src=&quot;https://larlet.fr/static/david/2021/tableau_de_bord_2021-07-26.png&quot; alt=&quot;Tableau de bord des chiffres sur l’évolution de la Covid-19 et de sa vaccination au Québec&quot;
width=&quot;1280&quot; height=&quot;1106&quot; /&gt;
&lt;/a&gt;
&lt;figcaption&gt;Tableau toujours aussi intéressant pour comprendre la stratégie québécoise.&lt;/figcaption&gt;
&lt;/figure&gt;
&lt;p&gt;Au passage, en voulant récupérer ma &lt;a href=&quot;https://covid19.quebec.ca/PreuveVaccinale/&quot;&gt;preuve vaccinale&lt;/a&gt;&amp;nbsp;:&lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;Dû à un fort achalandage, le site d’émission de la preuve vaccinale et d’inscription au concours est temporairement non disponible.&lt;/p&gt;
&lt;/blockquote&gt;
&lt;p&gt;Sachant que c’est la mise en place d’une loterie qui a fait tomber le site, ça me fait glousser&amp;nbsp;:&lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;Le lancement du concours «&amp;nbsp;Gagner à être vacciné&amp;nbsp;» a connu des ratés, dimanche [on est mardi]. Il fallait faire preuve de patience avant de réussir à s’y inscrire sur le site de quebec.ca.&lt;/p&gt;
&lt;p&gt;[…]&lt;/p&gt;
&lt;p&gt;Pour être admissible à un lot de 150&amp;#8239;000 $ ou à une bourse d’études de 10&amp;#8239;000 $, il faut avoir obtenu au moins sa première dose et s’inscrire par Internet en passant par le site quebec.ca/vaccincovid et sa section du concours Gagner à être vacciné.&lt;/p&gt;
&lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://www.ledevoir.com/societe/620427/debut-de-l-inscription-a-la-loterie-vaccin-covid&quot;&gt;Lancement laborieux pour la loterie vaccinale&lt;/a&gt;&lt;/em&gt; (&lt;a href=&quot;https://larlet.fr/david/cache/2021/b22e4e9595ac77a1d763789a3d23106a/&quot;&gt;cache&lt;/a&gt;)&lt;/cite&gt;&lt;/p&gt;
&lt;/blockquote&gt;
&lt;p&gt;C’est quand même pas de bol que la mesure incitative pour se faire vacciner fasse tomber le site qui permet de prendre rendez-vous pour se faire vacciner.&lt;/p&gt;
&lt;hr /&gt;
&lt;p&gt;Au niveau des effets secondaires sur les 48&amp;nbsp;heures suivantes, un peu de fièvre/fatigue le lendemain qui m’a obligé à faire une sieste de 3&amp;nbsp;heures et ensuite pas la grande forme les 24&amp;nbsp;heures suivantes. Je me rassure en me disant que les corps jeunes sont davantage soumis aux effets secondaires 😇.&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">Dé·mont(r)age</title>
<link href="https://larlet.fr/david/2021/07/25/" rel="alternate" type="text/html" />
<updated>2021-07-25T12:00:00+01:00</updated>
<id>https://larlet.fr/david/2021/07/25/</id>
<summary type="html">
&lt;p&gt;J’ai passé les dernières 48&amp;nbsp;heures à convertir, découper et colorer des fragments de vidéos. Suivant le &lt;em&gt;démon&lt;/em&gt; de mes propres aspirations. S’assurer que le son soit cohérent parfois, pester contre l’auto-focus &lt;a href=&quot;https://larlet.fr/david/2021/02/23/&quot;&gt;encore une fois&lt;/a&gt;, se rendre compte que certains réglages n’étaient pas adéquats, irrécupérables parfois. La &lt;em&gt;rage&lt;/em&gt;.&lt;/p&gt;
&lt;p&gt;Et puis, il y a ce que l’on veut &lt;em&gt;montrer&lt;/em&gt;. À quel point cette mise en scène est ridicule. Donner un sentiment de plénitude et d’apaisement alors que je suis en train de penser à ce chapelé de bits qui viennent remplir la carte mémoire. &lt;em&gt;Dé·montrer&lt;/em&gt; aussi les instants où je coupe pour de vrai, où je nage pour moi, où je laisse le trépied dans un coin, où je suis ridicule (vous ne me verrez jamais m’extraire d’un raft&amp;#8239;!). Je me rends compte qu’il faudrait que j’ai une idée préalable de scénario/script si je voulais vraiment partager une histoire. Or, c’est assez incompatible avec l’approche itérative et exploratoire de la forêt que je veux avoir.&lt;/p&gt;
&lt;p&gt;&lt;em&gt;Démontage&lt;/em&gt; enfin de mes peurs et de mes faiblesses vis-à-vis d’un medium que je ne maîtrise pas. Passer outre la tétanie, apprendre. Encore.&lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;En vous confinant dans un simple rôle d’observateur, vous passez systématiquement à côté du sens même de votre vie. L’idéal pourrait être ainsi défini&amp;nbsp;: Vivez de votre mieux. &lt;mark&gt;La vie est un jeu&lt;/mark&gt; dont les règles s’apprennent en y sautant à pieds joints pour être immergé jusqu’au cou sous peine d’être toujours pris au dépourvu, toujours surpris par le moindre changement de décor. Les spectateurs passifs se plaignent en gémissant que la chance est passée juste à côté d’eux. Ils refusent de voir qu’une bonne part de cette chance, c’est à eux qu’il revenait de la créer.&lt;/p&gt;
&lt;p&gt;&lt;cite&gt;&lt;em&gt;Darwi Odrade&lt;/em&gt;, &lt;em&gt;&lt;a href=&quot;https://larlet.fr/david/2020/12/21/#dune&quot;&gt;Dune&lt;/a&gt; VI. La maison des mères&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">Ozone</title>
<link href="https://larlet.fr/david/2021/07/23/" rel="alternate" type="text/html" />
@@ -776,72 +852,6 @@ else:
&lt;p&gt;Les données de nos vies, ou les évènements qui composent nos vies. L’historique de vos interactions avec autrui. Si tant est que nous soyons plus que la somme de ces micro-expériences.&lt;/p&gt;
&lt;p&gt;J’imagine alors à quoi pourrait correspondre le bouton de suppression de compte&amp;nbsp;:&lt;/p&gt;
&lt;p&gt;&lt;q&gt;Supprimer votre vie.&lt;/q&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 type="html">Long terme</title>
<link href="https://larlet.fr/david/2021/06/24/" rel="alternate" type="text/html" />
<updated>2021-06-24T12:00:00+01:00</updated>
<id>https://larlet.fr/david/2021/06/24/</id>
<summary type="html">

&lt;blockquote lang=&quot;en&quot;&gt;
&lt;p&gt;Agile’s success at the expense of UX is just one manifestation of a deeper truth: Businesses want scaling. And foundational UX work doesn’t scale. It doesn’t lend itself to predictable, repeatable processes and generic cookie-cutter roles. It can’t, because by definition it deals with unknown, slippery, hard-to-define problems that characterize the leading edge of an organically evolving business.&lt;/p&gt;
&lt;p&gt;The same things that make agile a great fit for scaling engineering work—regular sprint tempos; clearly articulated outcomes to be produced; breaking down the complex, unfolding experience of users into concrete elements that can be tied to code—are the very things that make it a terrible fit for foundational UX work. &lt;mark&gt;The holism necessary to do foundational UX is antithetical to the assembly-line chunks of user behavior&lt;/mark&gt; agile requires.&lt;/p&gt;
&lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://www.fastcompany.com/90642462/i-helped-pioneer-ux-design-what-i-see-today-horrifies-me&quot;&gt;I helped pioneer UX design. What I see today disturbs me&lt;/a&gt;&lt;/em&gt; (&lt;a href=&quot;https://larlet.fr/david/cache/2021/f5a7f2346b8c7317be12857b52321f52/&quot;&gt;cache&lt;/a&gt;)&lt;/cite&gt;&lt;/p&gt;
&lt;/blockquote&gt;
&lt;p&gt;Je ne vais pas me focaliser sur l’opposition agile/UX car il y a pas mal de façons de pratiquer ces deux domaines. C’est certain qu’il est malheureux d’avoir appelé ces itérations des &lt;em&gt;sprints&lt;/em&gt; et qu’il faut réussir à avoir suffisamment de recul pour ne pas prendre ce terme au pied de la lettre (sinon ça finit par brûler).&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;Déterminer ensemble ce que l’on veut produire à long terme est très complexe pour une équipe.&lt;/strong&gt; Le contexte change, les utilisateur·ices évoluent, l’équipe elle-même se renouvelle, dans cet espace mouvant il est difficile de conserver un semblant d’unité et de cohérence. Au moins vis-à-vis des interactions avec l’extérieur.&lt;/p&gt;
&lt;p&gt;On peut être tenté d’avoir recours à un &lt;em&gt;Design System&lt;/em&gt; ou &lt;a href=&quot;https://gouvfr.atlassian.net/wiki/spaces/DB/pages/736362561/Version+1.0.0&quot;&gt;Système de Design&lt;/a&gt; même si ce cadre arrive avec une lourdeur qui lui est propre. Ça peut donner l’impression de mettre une carrosserie sur une trottinette qui n’en nécessitait pas tant. C’est une réponse technique efficace (sans être performante) à une problématique qui a trait &lt;a href=&quot;https://larlet.fr/david/2021/06/23/&quot;&gt;à l’humain et à l’empathie&lt;/a&gt;.&lt;/p&gt;
&lt;p&gt;Comment combiner la tactique (faire à court terme) à la stratégie (penser à long terme) alors&amp;#8239;? &lt;strong&gt;Sans technique&lt;/strong&gt;, avec des &lt;em&gt;personnes&lt;/em&gt; qui font le liant. Qui agrègent, qui reli(s)ent, qui partagent l’enthousiasme.&lt;/p&gt;
&lt;p&gt;Qui prennent soin. Qui donnent loin.&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">FullStack</title>
<link href="https://larlet.fr/david/2021/06/23/" rel="alternate" type="text/html" />
<updated>2021-06-23T12:00:00+01:00</updated>
<id>https://larlet.fr/david/2021/06/23/</id>
<summary type="html">

&lt;blockquote lang=&quot;en&quot;&gt;
&lt;p&gt;It’s almost like it’s a culture of masculinity stretching its legs wide across the seats of the tech industry.&lt;/p&gt;
&lt;p&gt;If a skill is worth masculinity points, it’s claimed. If a skill is coded as feminine it’s remade with masculine tools. If a skill can’t be remade it’s dropped and ignored.&lt;/p&gt;
&lt;p&gt;Which is why front end got turned into a programmatic hardcore engineering fest. It’s malleable to that (at huge cost to the users). &lt;mark&gt;It’s also why accessibility will never be considered full stack, as it can’t be automated.&lt;/mark&gt; It requires empathy and communication.&lt;/p&gt;
&lt;p&gt;To feed the ego of a masculine webtech industry we sacrificed accessibility and usability.&lt;/p&gt;
&lt;p&gt;&lt;cite&gt;&lt;em&gt;Charlie Don’t Surf&lt;/em&gt;, &lt;a href=&quot;https://twitter.com/sonniesedge/status/1405099209913679872&quot;&gt;sur Twitter&lt;/a&gt;&lt;/cite&gt;&lt;/p&gt;
&lt;/blockquote&gt;
&lt;p&gt;On touche un point sensible ici, celui de l’automatisation pour pallier ses propres faiblesses de communication. C’est ce que j’observe assez régulièrement avec ma boîte noire favorite&amp;nbsp;:&lt;/p&gt;
&lt;p&gt;Docker. &lt;a href=&quot;https://blog.newsblur.com/2021/06/28/story-of-a-hacking/&quot;&gt;Oups&lt;/a&gt; (&lt;a href=&quot;https://larlet.fr/david/cache/2021/5b96c01bfd8b66a26135b7ce8bdff79d/&quot;&gt;cache&lt;/a&gt;).&lt;/p&gt;
&lt;p&gt;Derrière cette tentative de reproductibilité, on masque un processus d’installation et surtout une remise en cause des dépendances. On perd l’occasion d’avoir la friction (répétée) qui va générer cette discussion. On prolétarise les personnes non-érudites à coups de &lt;code&gt;docker-compose up&lt;/code&gt; en cachant une technique qui serait la voie vers leur autonomie. On contraint les utilisateur·ices &lt;a href=&quot;https://larlet.fr/david/2021/06/06/&quot;&gt;à s’abonner&lt;/a&gt; à nos se(r)vices.&lt;/p&gt;
&lt;p&gt;Ce ne sont pas nos produits que l’on met en boîte mais nos pairs que l’on enferme dans cette façon de (dé)penser pour le confort de quelques uns. Ce domaine a besoin &lt;a href=&quot;https://larlet.fr/david/2021/05/11/&quot;&gt;de voiliers&lt;/a&gt;, pas de cargos.&lt;/p&gt;

&lt;blockquote lang=&quot;en&quot;&gt;
&lt;p&gt;💯 To claim full stack as a title is to declare that you are a replaceable unit in the cog of capitalism. The ultimate human resource to be exploited!&lt;/p&gt;
&lt;p&gt;&lt;cite&gt;&lt;em&gt;Charlie Don’t Surf&lt;/em&gt;, &lt;a href=&quot;https://twitter.com/sonniesedge/status/1405123679801991175&quot;&gt;sur Twitter&lt;/a&gt;&lt;/cite&gt;&lt;/p&gt;
&lt;/blockquote&gt;
&lt;p&gt;&lt;a href=&quot;https://larlet.fr/david/2021/03/28/&quot;&gt;Yup.&lt;/a&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 type="html">Argent</title>
<link href="https://larlet.fr/david/2021/06/22/" rel="alternate" type="text/html" />
<updated>2021-06-22T12:00:00+01:00</updated>
<id>https://larlet.fr/david/2021/06/22/</id>
<summary type="html">

&lt;blockquote&gt;
&lt;p&gt;De la même façon qu’une banque a une empreinte indirecte via ses financements et investissements, notre argent en tant que cliente et client, en a également une.&lt;/p&gt;
&lt;p&gt;Notre dernier rapport sur l’empreinte carbone des banques révèle que notre argent représente notre premier poste d’émissions CO2. Malheureusement, le modèle actuel des banques empêche tout droit de regard sur notre argent et l’utilisation qui en est faite. &lt;mark&gt;Notre argent a donc un impact social et environnemental que nous ne pouvons pas vraiment maîtriser.&lt;/mark&gt;&lt;/p&gt;
&lt;p&gt;Il est urgent que les banques françaises enclenchent réellement leur transition écologique. Et pour changer de logiciel, nous avons besoin d’une vraie régulation de leurs activités, par le biais d’une intervention de l’Etat.&lt;/p&gt;
&lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://oxfam-impact-banques.telescoop.fr/&quot;&gt;Quelle est l’empreinte carbone de mes comptes bancaires&amp;#8239;?&lt;/a&gt;&lt;/em&gt;&lt;/cite&gt;&lt;/p&gt;
&lt;/blockquote&gt;
&lt;p&gt;Ce petit calculateur est tout simple et vous donne une idée en fonction de votre «&amp;nbsp;fortune&amp;nbsp;» et de votre banque française de l’impact que peut avoir cet argent sur la production de CO&lt;sub&gt;2&lt;/sub&gt;. Je ne m’attendais pas à un tel rapport, c’est assez hallucinant. Il y a une &lt;a href=&quot;https://www.oxfamfrance.org/climat-et-energie/calculez-lempreinte-carbone-de-votre-compte-bancaire/&quot;&gt;page dédiée sur le site d’oxfam&lt;/a&gt; (&lt;a href=&quot;https://larlet.fr/david/cache/2021/5c985a9ca21251391839581308334ff7/&quot;&gt;cache&lt;/a&gt;) si vous voulez plus de détails ou alors directement &lt;a href=&quot;https://www.oxfamfrance.org/wp-content/uploads/2020/10/rapportBanque_OXFAM_v5.pdf&quot;&gt;le rapport&lt;/a&gt; (&lt;a href=&quot;https://larlet.fr/static/david/2021/rapportBanque_OXFAM_v5.pdf&quot;&gt;cache - PDF de 1,7&amp;#8239;Mo&lt;/a&gt;).&lt;/p&gt;
&lt;p&gt;Je crois que si j’avais des économies ça me mettrait un gros coup au moral. À ce compte là, peut-être qu’il vaut mieux parfois dépenser son épargne en &lt;a href=&quot;https://larlet.fr/david/2021/06/15/&quot;&gt;billets d’avion&lt;/a&gt;. &lt;em&gt;Oh wait!&lt;/em&gt;&lt;/p&gt;
&lt;p&gt;Et si vous pensiez pouvoir vous en tirer avec des «&amp;nbsp;livrets verts&amp;nbsp;» et compagnie, je vous invite à lire ce &lt;a href=&quot;https://www.greenpeace.ch/fr/publication/69237/fonds-investissements-durables/&quot;&gt;rapport de Greenpeace&lt;/a&gt; (&lt;a href=&quot;https://larlet.fr/static/david/2021/greenpeace_greenwashing_resume.pdf&quot;&gt;résumé en français, 6&amp;nbsp;pages - PDF de 1,4&amp;#8239;Mo&lt;/a&gt;, &lt;a href=&quot;https://larlet.fr/static/david/2021/greenpeace_greenwashing_complet.pdf&quot;&gt;complet en anglais, 110&amp;nbsp;pages - PDF de 1,7&amp;#8239;Mo&lt;/a&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>

Cargando…
Cancelar
Guardar