Browse Source

Article

master
David Larlet 1 year ago
parent
commit
33e8f8b93d
Signed by: David Larlet <david@larlet.fr> GPG Key ID: 3E2953A359E7E7BD

+ 5
- 1
Makefile View File

@@ -7,7 +7,11 @@ install: ## Install the dependencies

.PHONY: build
build: ## Generate the site
@python site.py pages tags feed home search
@python site.py pages tags feed home

.PHONY: publish
publish: ## Make heay actions
@python site.py search blogroll


.PHONY: live

+ 1
- 1
david/2023/02/18/index.html View File

@@ -116,7 +116,7 @@
</ul>
<p>Je ne sais pas si c’est le fait de résider sur ces territoires mais les deux m’ont pas mal affecté. L’héritage de la colonisation en étant sur les lieux colonisés est encore plus difficile à&nbsp;porter.</p>
<hr />
<p>Film de la semaine&nbsp;: <a href="https://en.wikipedia.org/wiki/The_Menu_(2022_film)">The Menu</a> (essayez de ne pas vous&nbsp;divulgâcher…).</p>
<p>Film de la semaine&nbsp;: <a href="https://en.wikipedia.org/wiki/The_Menu_(2022_film">The Menu</a>) (essayez de ne pas vous&nbsp;divulgâcher…).</p>
<hr />

<blockquote lang="en">

+ 2
- 2
david/2023/09/08/index.html View File

@@ -81,7 +81,7 @@
Recherche</a
>
</nobr>
• <a rel="next" href="/david/2023/09/09/" title="Publication suivante : Blogroll">Suivant →</a>
</p>
</nav>
<hr>
@@ -164,7 +164,7 @@
<p class="center">
<a rel="prev" href="/david/2023/09/07/" title="Publication précédente : Conteur">← Précédent</a> •
<a href="/david/2023/" title="Liste des publications récentes">↑ En 2023</a>
• <a rel="next" href="/david/2023/09/09/" title="Publication suivante : Blogroll">Suivant →</a>
</p>
</nav>
</article>

+ 273
- 0
david/2023/09/09/index.html View File

@@ -0,0 +1,273 @@
<!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>Blogroll — David Larlet</title>
<meta name="description" content="Je lie cinq blogs person­nels, choi­sis arbi­trai­re­ment et sans hiérar­chie, avec une phrase sur pourquoi ils me sont impor­tants, en choi­sis­sant un billet précis que j’ai aimé y trou­ver […]">
<!-- 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>Blogroll</h1>
</header>
<nav>
<p class="center">
<a rel="prev" href="/david/2023/09/08/" title="Publication précédente : Char&nbsp;2">← Précédent</a> •
<nobr>
<a href="/david/" title="Aller à l’accueil" rel="up"
><svg class="icon icon-home">
<use
xlink:href="/static/david/icons2/symbol-defs-2022-03.svg#icon-home"
></use>
</svg>
Accueil</a
>
</nobr>
<nobr>
<a href="/david/recherche/" title="Aller à la page de recherche" rel="search"
><svg class="icon icon-search">
<use
xlink:href="/static/david/icons2/symbol-defs-2022-03.svg#icon-search"
></use>
</svg>
Recherche</a
>
</nobr>
</p>
</nav>
<hr>


<blockquote>
<p>Je lie cinq blogs person­nels, choi­sis arbi­trai­re­ment et sans hiérar­chie, avec une phrase sur pourquoi ils me sont impor­tants, en choi­sis­sant un billet précis que j’ai aimé y trou­ver&nbsp;[…]</p>
<p><cite><em><a href="https://n.survol.fr/n/la-blogchain">La blogchain - Carnet de notes</a></em>&nbsp;(<a href="/david/cache/2023/543d854b54593b8bf1adc2c491468bca/">cache</a>)</cite></p>
</blockquote>
<p>Je partageais sur Mastodon l’initiative d’Alex Sirac d’avoir fait un·e <a href="https://blogroll.fr/"><em>blogroll</em></a> et en explorant le site je me rends compte qu’<a href="https://blogroll.fr/articles-recents/">il y a une forme de <em>planet</em></a> et ça m’a rappelé de doux souvenirs. Je me souviens d’avoir mis ça en place sur cet espace à un moment, ça m’a rendu nostalgique 5&nbsp;minutes… et j’ai passé les deux heures suivantes à le coder en mode statique&nbsp;:-). Merci-pas-merci&nbsp;Alex&#8239;!</p>
<p>Il y a donc maintenant <a href="/david/blogroll/">une page de blogroll</a> sur ce site avec les deux derniers billets publiés par personne listée. J’espère que j’arriverai à maintenir une page qui représente mes lectures réelles. Elle est loin d’être exhaustive car j’ai 150&nbsp;flux de personnes dans mon agrégateur. J’avais plus envie d’encourager la diversité des&nbsp;publications.</p>
<p>J’ai rencontré deux problèmes durant cette&nbsp;expérience&nbsp;:</p>
<ul>
<li><strong>humain</strong>&nbsp;: certaines personnes souhaitent ne publier certains billets que par le biais de leur flux, est-ce qu’un agrégateur public ne va pas à l’encontre de cette&nbsp;volonté&#8239;?</li>
<li><strong>technique</strong>&nbsp;: une proportion non négligeable de flux ne sont pas valides / standards, j’ai signalé cela à certain·es auteur·ices. Un <a href="https://validator.w3.org/feed/">outil existe</a> de la part du W3C pour effectuer cette&nbsp;vérification.</li>
</ul>
<p>Je me suis aussi demandé si c’était pertinent de faire comme Éric le propose avec un billet d’entrée particulier. C’est ce que <a href="https://www.hypothermia.fr/liens/">fait Eli</a> par exemple et j’avais trouvé ça chouette et plus stimulant qu’une simple liste, je garde ça dans un coin de tête. Je sais aussi d’expérience qu’il ne faut pas que je me prenne trop la tête si je veux garder une liste à jour sinon je vais vite avoir la flemme. Peut-être que je fais suffisamment de liens externes dans mes&nbsp;publications.</p>
<p><del>J’aimerais également prendre le temps de faire une liste des articles techniques qui ont compté pour moi, à l’instar de <a href="https://ericwbailey.website/formative-posts/">Eric W. Bailey</a> et <a href="https://esif.dev/">tant</a> <a href="https://wdrl.info/evergreen/">d’autres</a>.</del> Bon, en fait <a href="/david/stream/2019/12/27/">je l’ai déjà faite</a>, parfois ma mémoire numérique m’aide mais me rappelle que <a href="/david/stream/2018/04/07/">la spirale</a> n’est peut-être pas compatible avec la vieillesse, oups&nbsp;😅. J’aime bien l’idée de la <a href="https://gilest.org/shoebox.html%5D(https://gilest.org/shoebox.html">boîte à chaussures</a>&nbsp;(<a href="/david/cache/2023/462022ad2f27ff57387e9d0f49e96bad/">cache</a>) aussi, avec la crainte que ce musée des <em>vaporwares</em> ne soit un peu trop&nbsp;déprimant.</p>
<hr />
<p>Mot du jour&nbsp;: <a href="https://fr.wikipedia.org/wiki/Eucatastrophe">Eucatastrophe</a> (j’ai arraché deux dents&nbsp;aujourd’hui).</p>


<nav>
<p>
<a href="/david/2023/decentralisation/"
title="Liste de tous les articles 2023 associés à cette étiquette"
rel="tag"
>#décentralisation</a>
<a href="/david/2023/gratitude/"
title="Liste de tous les articles 2023 associés à cette étiquette"
rel="tag"
>#gratitude</a>
<a href="/david/2023/web/"
title="Liste de tous les articles 2023 associés à cette étiquette"
rel="tag"
>#web</a>
<a href="/david/#tags-2023"
title="Liste de toutes les étiquettes 2023"
><svg class="icon icon-tags">
<use xlink:href="/static/david/icons2/symbol-defs-2022-03.svg#icon-tags"></use>
</svg>
tous ?</a
>
</p>
</nav>

<nav>
<p class="center">
<a rel="prev" href="/david/2023/09/08/" title="Publication précédente : Char&nbsp;2">← Précédent</a> •
<a href="/david/2023/" title="Liste des publications récentes">↑ En 2023</a>
</p>
</nav>
</article>


<hr>

<footer>
<p>
<nobr>
<a href="/david/" title="Aller à l’accueil"
><svg class="icon icon-home">
<use
xlink:href="/static/david/icons2/symbol-defs-2022-03.svg#icon-home"
></use>
</svg>
Accueil</a
>
</nobr>
<nobr>
<a href="/david/log/" title="Accès au flux RSS"
><svg class="icon icon-rss2">
<use xlink:href="/static/david/icons2/symbol-defs-2022-03.svg#icon-rss2"></use>
</svg>
Suivre</a
>
</nobr>
<nobr>
<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-2022-03.svg#icon-user-tie"></use>
</svg>
Pro</a
>
</nobr>
<nobr>
<a href="mailto:david%40larlet.fr" title="Envoyer un courriel"
><svg class="icon icon-mail">
<use xlink:href="/static/david/icons2/symbol-defs-2022-03.svg#icon-mail"></use>
</svg>
Email</a
>
</nobr>
<nobr>
<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-2022-03.svg#icon-hammer2"></use>
</svg>
Légal</abbr
>
</nobr>
</p>
<template id="theme-selector">
<form>
<fieldset>
<legend><svg class="icon icon-brightness-contrast">
<use xlink:href="/static/david/icons2/symbol-defs-2022-03.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>

+ 24
- 0
david/2023/_sources/2023-09-09 - Blogroll.md View File

@@ -0,0 +1,24 @@
# Blogroll

> Je lie cinq blogs person­nels, choi­sis arbi­trai­re­ment et sans hiérar­chie, avec une phrase sur pourquoi ils me sont impor­tants, en choi­sis­sant un billet précis que j’ai aimé y trou­ver […]
>
> <cite>*[La blogchain - Carnet de notes](https://n.survol.fr/n/la-blogchain)* ([cache](/david/cache/2023/543d854b54593b8bf1adc2c491468bca/))</cite>

Je partageais sur Mastodon l’initiative d’Alex Sirac d’avoir fait un·e [*blogroll*](https://blogroll.fr/) et en explorant le site je me rends compte qu’[il y a une forme de *planet*](https://blogroll.fr/articles-recents/) et ça m’a rappelé de doux souvenirs. Je me souviens d’avoir mis ça en place sur cet espace à un moment, ça m’a rendu nostalgique 5 minutes… et j’ai passé les deux heures suivantes à le coder en mode statique :-). Merci-pas-merci Alex !

Il y a donc maintenant [une page de blogroll](/david/blogroll/) sur ce site avec les deux derniers billets publiés par personne listée. J’espère que j’arriverai à maintenir une page qui représente mes lectures réelles. Elle est loin d’être exhaustive car j’ai 150 flux de personnes dans mon agrégateur. J’avais plus envie d’encourager la diversité des publications.

J’ai rencontré deux problèmes durant cette expérience :

* **humain** : certaines personnes souhaitent ne publier certains billets que par le biais de leur flux, est-ce qu’un agrégateur public ne va pas à l’encontre de cette volonté ?
* **technique** : une proportion non négligeable de flux ne sont pas valides / standards, j’ai signalé cela à certain·es auteur·ices. Un [outil existe](https://validator.w3.org/feed/) de la part du W3C pour effectuer cette vérification.

Je me suis aussi demandé si c’était pertinent de faire comme Éric le propose avec un billet d’entrée particulier. C’est ce que [fait Eli](https://www.hypothermia.fr/liens/) par exemple et j’avais trouvé ça chouette et plus stimulant qu’une simple liste, je garde ça dans un coin de tête. Je sais aussi d’expérience qu’il ne faut pas que je me prenne trop la tête si je veux garder une liste à jour sinon je vais vite avoir la flemme. Peut-être que je fais suffisamment de liens externes dans mes publications.

~~J’aimerais également prendre le temps de faire une liste des articles techniques qui ont compté pour moi, à l’instar de [Eric W. Bailey](https://ericwbailey.website/formative-posts/) et [tant](https://esif.dev/) [d’autres](https://wdrl.info/evergreen/).~~ Bon, en fait [je l’ai déjà faite](/david/stream/2019/12/27/), parfois ma mémoire numérique m’aide mais me rappelle que [la spirale](/david/stream/2018/04/07/) n’est peut-être pas compatible avec la vieillesse, oups 😅. J’aime bien l’idée de la [boîte à chaussures](https://gilest.org/shoebox.html](https://gilest.org/shoebox.html) ([cache](/david/cache/2023/462022ad2f27ff57387e9d0f49e96bad/)) aussi, avec la crainte que ce musée des *vaporwares* ne soit un peu trop déprimant.

---

Mot du jour : [Eucatastrophe](https://fr.wikipedia.org/wiki/Eucatastrophe) (j’ai arraché deux dents aujourd’hui).

#décentralisation #gratitude #web

+ 27
- 1
david/2023/decentralisation/index.html View File

@@ -76,6 +76,29 @@
<main>
<p>Les plus récentes en premier, les 3 premières sont dépliées et ensuite c’est à la demande, bonne exploration !</p>
<h2><a href="/david/2023/09/09/" title="Lien permanent vers cet article">Blogroll</a> (2023-09-09)</h2>

<blockquote>
<p>Je lie cinq blogs person­nels, choi­sis arbi­trai­re­ment et sans hiérar­chie, avec une phrase sur pourquoi ils me sont impor­tants, en choi­sis­sant un billet précis que j’ai aimé y trou­ver&nbsp;[…]</p>
<p><cite><em><a href="https://n.survol.fr/n/la-blogchain">La blogchain - Carnet de notes</a></em>&nbsp;(<a href="/david/cache/2023/543d854b54593b8bf1adc2c491468bca/">cache</a>)</cite></p>
</blockquote>
<p>Je partageais sur Mastodon l’initiative d’Alex Sirac d’avoir fait un·e <a href="https://blogroll.fr/"><em>blogroll</em></a> et en explorant le site je me rends compte qu’<a href="https://blogroll.fr/articles-recents/">il y a une forme de <em>planet</em></a> et ça m’a rappelé de doux souvenirs. Je me souviens d’avoir mis ça en place sur cet espace à un moment, ça m’a rendu nostalgique 5&nbsp;minutes… et j’ai passé les deux heures suivantes à le coder en mode statique&nbsp;:-). Merci-pas-merci&nbsp;Alex&#8239;!</p>
<p>Il y a donc maintenant <a href="/david/blogroll/">une page de blogroll</a> sur ce site avec les deux derniers billets publiés par personne listée. J’espère que j’arriverai à maintenir une page qui représente mes lectures réelles. Elle est loin d’être exhaustive car j’ai 150&nbsp;flux de personnes dans mon agrégateur. J’avais plus envie d’encourager la diversité des&nbsp;publications.</p>
<p>J’ai rencontré deux problèmes durant cette&nbsp;expérience&nbsp;:</p>
<ul>
<li><strong>humain</strong>&nbsp;: certaines personnes souhaitent ne publier certains billets que par le biais de leur flux, est-ce qu’un agrégateur public ne va pas à l’encontre de cette&nbsp;volonté&#8239;?</li>
<li><strong>technique</strong>&nbsp;: une proportion non négligeable de flux ne sont pas valides / standards, j’ai signalé cela à certain·es auteur·ices. Un <a href="https://validator.w3.org/feed/">outil existe</a> de la part du W3C pour effectuer cette&nbsp;vérification.</li>
</ul>
<p>Je me suis aussi demandé si c’était pertinent de faire comme Éric le propose avec un billet d’entrée particulier. C’est ce que <a href="https://www.hypothermia.fr/liens/">fait Eli</a> par exemple et j’avais trouvé ça chouette et plus stimulant qu’une simple liste, je garde ça dans un coin de tête. Je sais aussi d’expérience qu’il ne faut pas que je me prenne trop la tête si je veux garder une liste à jour sinon je vais vite avoir la flemme. Peut-être que je fais suffisamment de liens externes dans mes&nbsp;publications.</p>
<p><del>J’aimerais également prendre le temps de faire une liste des articles techniques qui ont compté pour moi, à l’instar de <a href="https://ericwbailey.website/formative-posts/">Eric W. Bailey</a> et <a href="https://esif.dev/">tant</a> <a href="https://wdrl.info/evergreen/">d’autres</a>.</del> Bon, en fait <a href="/david/stream/2019/12/27/">je l’ai déjà faite</a>, parfois ma mémoire numérique m’aide mais me rappelle que <a href="/david/stream/2018/04/07/">la spirale</a> n’est peut-être pas compatible avec la vieillesse, oups&nbsp;😅. J’aime bien l’idée de la <a href="https://gilest.org/shoebox.html%5D(https://gilest.org/shoebox.html">boîte à chaussures</a>&nbsp;(<a href="/david/cache/2023/462022ad2f27ff57387e9d0f49e96bad/">cache</a>) aussi, avec la crainte que ce musée des <em>vaporwares</em> ne soit un peu trop&nbsp;déprimant.</p>
<hr />
<p>Mot du jour&nbsp;: <a href="https://fr.wikipedia.org/wiki/Eucatastrophe">Eucatastrophe</a> (j’ai arraché deux dents&nbsp;aujourd’hui).</p>


<h2><a href="/david/2023/02/28/" title="Lien permanent vers cet article">AlgoRSSithme</a> (2023-02-28)</h2>
@@ -172,7 +195,9 @@
<h2><a href="/david/2023/01/05/" title="Lien permanent vers cet article">Instanseul</a> (2023-01-05)</h2>
<details>
<summary>Déplier pour lire le contenu de la publication</summary>

<blockquote>
<p>Peut-être que la centralisation d’une identité mastodon est une hérésie. 🤔</p>
@@ -249,6 +274,7 @@
<p><cite><em><a href="https://escapingtech.com/tech/opinions/i-was-wrong-about-mastodon-moderation.html">I Was Wrong About Mastodon</a></em>&nbsp;(<a href="/david/cache/2023/daa39b64681b0574bbe189e80c8a4653/">cache</a>)</cite></p>
</blockquote>

</details>


+ 27
- 1
david/2023/gratitude/index.html View File

@@ -76,6 +76,29 @@
<main>
<p>Les plus récentes en premier, les 3 premières sont dépliées et ensuite c’est à la demande, bonne exploration !</p>
<h2><a href="/david/2023/09/09/" title="Lien permanent vers cet article">Blogroll</a> (2023-09-09)</h2>

<blockquote>
<p>Je lie cinq blogs person­nels, choi­sis arbi­trai­re­ment et sans hiérar­chie, avec une phrase sur pourquoi ils me sont impor­tants, en choi­sis­sant un billet précis que j’ai aimé y trou­ver&nbsp;[…]</p>
<p><cite><em><a href="https://n.survol.fr/n/la-blogchain">La blogchain - Carnet de notes</a></em>&nbsp;(<a href="/david/cache/2023/543d854b54593b8bf1adc2c491468bca/">cache</a>)</cite></p>
</blockquote>
<p>Je partageais sur Mastodon l’initiative d’Alex Sirac d’avoir fait un·e <a href="https://blogroll.fr/"><em>blogroll</em></a> et en explorant le site je me rends compte qu’<a href="https://blogroll.fr/articles-recents/">il y a une forme de <em>planet</em></a> et ça m’a rappelé de doux souvenirs. Je me souviens d’avoir mis ça en place sur cet espace à un moment, ça m’a rendu nostalgique 5&nbsp;minutes… et j’ai passé les deux heures suivantes à le coder en mode statique&nbsp;:-). Merci-pas-merci&nbsp;Alex&#8239;!</p>
<p>Il y a donc maintenant <a href="/david/blogroll/">une page de blogroll</a> sur ce site avec les deux derniers billets publiés par personne listée. J’espère que j’arriverai à maintenir une page qui représente mes lectures réelles. Elle est loin d’être exhaustive car j’ai 150&nbsp;flux de personnes dans mon agrégateur. J’avais plus envie d’encourager la diversité des&nbsp;publications.</p>
<p>J’ai rencontré deux problèmes durant cette&nbsp;expérience&nbsp;:</p>
<ul>
<li><strong>humain</strong>&nbsp;: certaines personnes souhaitent ne publier certains billets que par le biais de leur flux, est-ce qu’un agrégateur public ne va pas à l’encontre de cette&nbsp;volonté&#8239;?</li>
<li><strong>technique</strong>&nbsp;: une proportion non négligeable de flux ne sont pas valides / standards, j’ai signalé cela à certain·es auteur·ices. Un <a href="https://validator.w3.org/feed/">outil existe</a> de la part du W3C pour effectuer cette&nbsp;vérification.</li>
</ul>
<p>Je me suis aussi demandé si c’était pertinent de faire comme Éric le propose avec un billet d’entrée particulier. C’est ce que <a href="https://www.hypothermia.fr/liens/">fait Eli</a> par exemple et j’avais trouvé ça chouette et plus stimulant qu’une simple liste, je garde ça dans un coin de tête. Je sais aussi d’expérience qu’il ne faut pas que je me prenne trop la tête si je veux garder une liste à jour sinon je vais vite avoir la flemme. Peut-être que je fais suffisamment de liens externes dans mes&nbsp;publications.</p>
<p><del>J’aimerais également prendre le temps de faire une liste des articles techniques qui ont compté pour moi, à l’instar de <a href="https://ericwbailey.website/formative-posts/">Eric W. Bailey</a> et <a href="https://esif.dev/">tant</a> <a href="https://wdrl.info/evergreen/">d’autres</a>.</del> Bon, en fait <a href="/david/stream/2019/12/27/">je l’ai déjà faite</a>, parfois ma mémoire numérique m’aide mais me rappelle que <a href="/david/stream/2018/04/07/">la spirale</a> n’est peut-être pas compatible avec la vieillesse, oups&nbsp;😅. J’aime bien l’idée de la <a href="https://gilest.org/shoebox.html%5D(https://gilest.org/shoebox.html">boîte à chaussures</a>&nbsp;(<a href="/david/cache/2023/462022ad2f27ff57387e9d0f49e96bad/">cache</a>) aussi, avec la crainte que ce musée des <em>vaporwares</em> ne soit un peu trop&nbsp;déprimant.</p>
<hr />
<p>Mot du jour&nbsp;: <a href="https://fr.wikipedia.org/wiki/Eucatastrophe">Eucatastrophe</a> (j’ai arraché deux dents&nbsp;aujourd’hui).</p>


<h2><a href="/david/2023/06/19/" title="Lien permanent vers cet article">Village</a> (2023-06-19)</h2>
@@ -182,7 +205,9 @@
<h2><a href="/david/2023/02/07/" title="Lien permanent vers cet article">Madeleine</a> (2023-02-07)</h2>
<details>
<summary>Déplier pour lire le contenu de la publication</summary>
<p>Ma madeleine du jour m’a été offerte par <a href="https://latitude77.org">Aurélien</a> qui pointait vers <a href="https://lightdock.org/">LightDock</a>, ce qui m’a rappelé mon stage de master et mes <a href="/david/biologeek/archives/20051017-parser-un-fichier-pdb-en-python-facilement-et-efficacement/">premiers pas en Python</a>. Où l’on remarque qu’il y a 18&nbsp;ans, les <em>list-comprehensions</em> et les <code>__methodes_magiques__</code> devaient être&nbsp;récentes…</p>
<p>Mais au fait, que s’est-il passé ces 20&nbsp;dernières années en bio-informatique&#8239;? Est-ce encore une matière (hybride) à part entière ou le <em>in silico</em> a-t-il fini par bouffer la&nbsp;madeleine&#8239;?</p>
<hr />
@@ -221,6 +246,7 @@ Will it be used for war, porn or&nbsp;surveillance?</p>
<p><cite><em><a href="https://eupolicy.social/@why0hy/109749311459562949">@why0hy@eupolicy.social sur&nbsp;mastodon</a></em></cite></p>
</blockquote>

</details>


+ 29
- 1
david/2023/web/index.html View File

@@ -76,6 +76,29 @@
<main>
<p>Les plus récentes en premier, les 3 premières sont dépliées et ensuite c’est à la demande, bonne exploration !</p>
<h2><a href="/david/2023/09/09/" title="Lien permanent vers cet article">Blogroll</a> (2023-09-09)</h2>

<blockquote>
<p>Je lie cinq blogs person­nels, choi­sis arbi­trai­re­ment et sans hiérar­chie, avec une phrase sur pourquoi ils me sont impor­tants, en choi­sis­sant un billet précis que j’ai aimé y trou­ver&nbsp;[…]</p>
<p><cite><em><a href="https://n.survol.fr/n/la-blogchain">La blogchain - Carnet de notes</a></em>&nbsp;(<a href="/david/cache/2023/543d854b54593b8bf1adc2c491468bca/">cache</a>)</cite></p>
</blockquote>
<p>Je partageais sur Mastodon l’initiative d’Alex Sirac d’avoir fait un·e <a href="https://blogroll.fr/"><em>blogroll</em></a> et en explorant le site je me rends compte qu’<a href="https://blogroll.fr/articles-recents/">il y a une forme de <em>planet</em></a> et ça m’a rappelé de doux souvenirs. Je me souviens d’avoir mis ça en place sur cet espace à un moment, ça m’a rendu nostalgique 5&nbsp;minutes… et j’ai passé les deux heures suivantes à le coder en mode statique&nbsp;:-). Merci-pas-merci&nbsp;Alex&#8239;!</p>
<p>Il y a donc maintenant <a href="/david/blogroll/">une page de blogroll</a> sur ce site avec les deux derniers billets publiés par personne listée. J’espère que j’arriverai à maintenir une page qui représente mes lectures réelles. Elle est loin d’être exhaustive car j’ai 150&nbsp;flux de personnes dans mon agrégateur. J’avais plus envie d’encourager la diversité des&nbsp;publications.</p>
<p>J’ai rencontré deux problèmes durant cette&nbsp;expérience&nbsp;:</p>
<ul>
<li><strong>humain</strong>&nbsp;: certaines personnes souhaitent ne publier certains billets que par le biais de leur flux, est-ce qu’un agrégateur public ne va pas à l’encontre de cette&nbsp;volonté&#8239;?</li>
<li><strong>technique</strong>&nbsp;: une proportion non négligeable de flux ne sont pas valides / standards, j’ai signalé cela à certain·es auteur·ices. Un <a href="https://validator.w3.org/feed/">outil existe</a> de la part du W3C pour effectuer cette&nbsp;vérification.</li>
</ul>
<p>Je me suis aussi demandé si c’était pertinent de faire comme Éric le propose avec un billet d’entrée particulier. C’est ce que <a href="https://www.hypothermia.fr/liens/">fait Eli</a> par exemple et j’avais trouvé ça chouette et plus stimulant qu’une simple liste, je garde ça dans un coin de tête. Je sais aussi d’expérience qu’il ne faut pas que je me prenne trop la tête si je veux garder une liste à jour sinon je vais vite avoir la flemme. Peut-être que je fais suffisamment de liens externes dans mes&nbsp;publications.</p>
<p><del>J’aimerais également prendre le temps de faire une liste des articles techniques qui ont compté pour moi, à l’instar de <a href="https://ericwbailey.website/formative-posts/">Eric W. Bailey</a> et <a href="https://esif.dev/">tant</a> <a href="https://wdrl.info/evergreen/">d’autres</a>.</del> Bon, en fait <a href="/david/stream/2019/12/27/">je l’ai déjà faite</a>, parfois ma mémoire numérique m’aide mais me rappelle que <a href="/david/stream/2018/04/07/">la spirale</a> n’est peut-être pas compatible avec la vieillesse, oups&nbsp;😅. J’aime bien l’idée de la <a href="https://gilest.org/shoebox.html%5D(https://gilest.org/shoebox.html">boîte à chaussures</a>&nbsp;(<a href="/david/cache/2023/462022ad2f27ff57387e9d0f49e96bad/">cache</a>) aussi, avec la crainte que ce musée des <em>vaporwares</em> ne soit un peu trop&nbsp;déprimant.</p>
<hr />
<p>Mot du jour&nbsp;: <a href="https://fr.wikipedia.org/wiki/Eucatastrophe">Eucatastrophe</a> (j’ai arraché deux dents&nbsp;aujourd’hui).</p>


<h2><a href="/david/2023/02/28/" title="Lien permanent vers cet article">AlgoRSSithme</a> (2023-02-28)</h2>
@@ -177,7 +200,9 @@
<h2><a href="/david/2023/02/09/" title="Lien permanent vers cet article">Allumage</a> (2023-02-09)</h2>
<details>
<summary>Déplier pour lire le contenu de la publication</summary>
<p>Démarrer un nouveau projet avec une nouvelle équipe est un sentiment qui m’est incroyable. J’ai passé mon année 2022&nbsp;à faire —&nbsp;entre autres&nbsp;— des petits produits pour Scopyleft et je ne réalise que maintenant à quel point ça me permet de démarrer plus rapidement aujourd’hui pour un site que l’on fait avec <a href="https://www.maiwann.net/">Maïtané</a> pour la&nbsp;Croix-Rouge.</p>
<p>La structure est toujours un peu la même&nbsp;: des contenus dans du markdown, du déploiement continu de fichiers HTML statiques en utilisant l’intégration continue et l’hébergement de GitLab. Une URL de démonstration dès le premier <em>commit</em>. À partir de là, on peut rajouter des traductions, des images, une navigation particulière mais la base est l’affaire d’un copier-coller de quelques fichiers et d’une centaine de lignes de&nbsp;Python.</p>
<p>Soigner l’allumage technique, c’est avoir plus de temps pour réfléchir à l’accessibilité des données et à l’autonomie des personnes qui vont maintenir le site, c’est permettre de s’adapter aux besoins du public sans être contraint par un cadre, c’est prendre le temps de s’intéresser au problème <em>métier</em> à résoudre. C’est prendre confiance dans de petits outils résilients et&nbsp;frugaux.</p>
@@ -199,6 +224,7 @@
<p><cite><em><a href="https://brr.fyi/posts/south-pole-topography">South Pole Topography</a></em>&nbsp;(<a href="/david/cache/2023/f9e282fb545b5c1f50dfa1c0d98c50e3/">cache</a>)</cite></p>
</blockquote>

</details>

@@ -354,6 +380,7 @@ Mais il est terminé, et c’est le plus&nbsp;important.</p>
</figure>
<details>
<summary>Et pendant ce temps là de l’autre côté de la rue&nbsp;:</summary>

<figure>
<a href="/static/david/2023/2023-01-06-toile-soleil.jpg"
title="Cliquer pour une version haute résolution">
@@ -370,6 +397,7 @@ Mais il est terminé, et c’est le plus&nbsp;important.</p>
</figure>
</details>


</details>


+ 473
- 0
david/blogroll/index.html View File

@@ -0,0 +1,473 @@
<!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>Blogroll — David Larlet</title>
<meta name="description" content="Les sites des ami·es.">
<!-- 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>Blogroll : les sites des ami·es</h1>
</header>
<p>
Pour ne pas être totalement auto-centré, voici quelques portes ouvertes vers le Web que j’aime.
</p>

<nav>
<ul>
<li>
<a href="https://www.maiwann.net/">Maïtané Lenoir</a>
(<a href="https://www.maiwann.net/feed.xml">flux</a>)
</li>
<li>
<a href="https://ynote.hk/">Fanny Cheung</a>
(<a href="https://ynote.hk/feed.xml">flux</a>)
</li>
<li>
<a href="https://lalunemauve.fr/">La Lune Mauve</a>
(<a href="https://lalunemauve.fr/feed/">flux</a>)
</li>
<li>
<a href="https://www.hypothermia.fr/">Eliness</a>
(<a href="https://www.hypothermia.fr/rss">flux</a>)
</li>
<li>
<a href="https://www.hypothermia.fr/">Luce Carević</a>
(<a href="https://luce.carevic.eu/fr/flux">flux</a>)
</li>
<li>
<a href="https://emmaclit.com/">Emma</a>
(<a href="https://emmaclit.com/feed/">flux</a>)
</li>
<li>
<a href="https://www.la-grange.net/">Karl Dubost</a>
(<a href="https://www.la-grange.net/feed.atom">flux</a>)
</li>
<li>
<a href="https://thom4.net/">Thomas Parisot</a>
(<a href="https://thom4.net/feed/">flux</a>)
</li>
<li>
<a href="https://www.arthurperret.fr/">Arthur Perret</a>
(<a href="https://www.arthurperret.fr/feed.xml">flux</a>)
</li>
<li>
<a href="https://www.quaternum.net/">Antoine Fauchié</a>
(<a href="https://www.quaternum.net/atom.xml">flux</a>)
</li>
<li>
<a href="https://n.survol.fr/">Éric D.</a>
(<a href="https://n.survol.fr/feed">flux</a>)
</li>
<li>
<a href="https://winnielim.org/">Winnie Lim (en)</a>
(<a href="https://winnielim.org/feed/">flux</a>)
</li>
</ul>
</nav>

<p>
N’hésitez pas à me contacter si vous ne souhaitez pas figurer dans cette liste.
</p>

<h2>Leurs dernières publications</h2>

<dl>
<dt>
<a href="https://n.survol.fr/n/la-blogchain">La blog­chain</a>
(<a href="https://n.survol.fr/">Éric D.</a>)
</dt>
<dd>
Avec les réseaux sociaux, les petits espaces person­nels inter­con­nec­tés qu’é­taient les blogs ont peu à peu disparu du paysage. Il en reste, mais les liens ne sont plus aussi forts. À la grande époque il était fréquent d’avoir des blogroll. sur un coin de chaque page. J’ai­me­rais relan­cer ça d’une façon ou d’une autre. Je […]
</dd>
</dl>
<dl>
<dt>
<a href="https://emmaclit.com/2023/09/08/medias-et-tdah-la-fatigue/">Médias et TDAH, LA FATIGUE</a>
(<a href="https://emmaclit.com/">Emma</a>)
</dt>
<dd>
Pour un contenu plus complet : https://emmaclit.com/2020/11/26/lucine-et-enzo/
</dd>
</dl>
<dl>
<dt>
<a href="https://www.arthurperret.fr/veille/2023-09-07-des-publications-praticables.html">[Veille] Des publications praticables</a>
(<a href="https://www.arthurperret.fr/">Arthur Perret</a>)
</dt>
<dd>
https://praticable.fr/publications/le-probleme-des-etudes Praticable (anciennement le collectif Bam) fait un plaidoyer convaincant pour la publication multi-formats de la littérature scientifique et technique. L’accès à l’information se faisant désormais via une multitude d’écrans dont ceux des téléphones, il serait utile de repenser nos chaînes éditoriales. L’article commence par une vive…
</dd>
</dl>
<dl>
<dt>
<a href="http://www.maiwann.net//blogperso/tahiti_j6/">Tahiti - jour 6</a>
(<a href="https://www.maiwann.net/">Maïtané Lenoir</a>)
</dt>
<dd>
Je crois que je vais mieux :) L’injonction est toujours là mais moins audible, je trouve le sens dans les petites choses :
</dd>
</dl>
<dl>
<dt>
<a href="http://www.maiwann.net//blogperso/tahiti_j5/">Tahiti - jour 5</a>
(<a href="https://www.maiwann.net/">Maïtané Lenoir</a>)
</dt>
<dd>
Ce matin, grande fatigue avec un début de migraine. Je suis clairement en SPM, donc la triplette anxiété-migraine-fatigue est là pour faire la teuf.
</dd>
</dl>
<dl>
<dt>
<a href="https://winnielim.org/journal/biometrics-pre-during-post-covid/">biometrics pre, during & post-covid</a>
(<a href="https://winnielim.org/">Winnie Lim (en)</a>)
</dt>
<dd>
A couple of weeks ago I received a notification from my apple watch that there were some new health trends from the health app: Obviously this is because I had covid: being...
</dd>
</dl>
<dl>
<dt>
<a href="https://www.arthurperret.fr/veille/2023-08-31-pollen.html">[Veille] Pollen</a>
(<a href="https://www.arthurperret.fr/">Arthur Perret</a>)
</dt>
<dd>
https://docs.racket-lang.org/pollen/ Pollen est un système de publication créé par Matthew Butterick. En fait, j’appellerais volontiers ça un système de programmation éditoriale. Je m’explique : Pollen est un système de publication dans lequel la dimension programmatique n’est pas annexe mais centrale, parce qu’il repose sur un langage de programmation orienté balisage. Pour utiliser un point de…
</dd>
</dl>
<dl>
<dt>
<a href="https://luce.carevic.eu/fr/notes/twitter-avec-nitter">Twitter avec Nitter</a>
(<a href="https://www.hypothermia.fr/">Luce Carević</a>)
</dt>
<dd>
J’ai supprimé mon compte Twitter (X) il y a un mois, poussée par les frasques incessantes d’Elon Musk et encouragée par l’annonce de Julie sur son blog. Une décision plutôt facile à prendre puisqu’il était déjà largement inactif même si j’ai regretté la facilité de suivre des comptes militants notamment sur les questions de validisme, psychophobie, maladies chroniques et de racisme. Depuis…
</dd>
</dl>
<dl>
<dt>
<a href="https://www.hypothermia.fr/2023/08/lambeaux-culturels-organiques/">Parenthèse – Lambeaux culturels organiques</a>
(<a href="https://www.hypothermia.fr/">Eliness</a>)
</dt>
<dd>
Dernières découvertes culturelles plutôt suintantes.
</dd>
</dl>
<dl>
<dt>
<a href="https://n.survol.fr/n/est-ce-important-de-porter-un-casque-a-velo">Est-ce impor­tant de porter un casque à vélo ?</a>
(<a href="https://n.survol.fr/">Éric D.</a>)
</dt>
<dd>
Porter un casque à vélo est utile ⁽¹⁾. Si tout le monde était casqué, on sauve­rait certai­ne­ment des vies. Savoir si c’est perti­nent ou impor­tant est une ques­tion un peu plus complexe ⁽²⁾, qui dépend du risque, de son accep­ta­tion, et de l’im­por­tance qu’on donne à la contrainte du port du casque. Bref, on est dans […]
</dd>
</dl>
<dl>
<dt>
<a href="https://thom4.net/2023/08/27/le-cantonnier/">☕️ Journal : Le cantonnier</a>
(<a href="https://thom4.net/">Thomas Parisot</a>)
</dt>
<dd>
La porte de la voiture s’ouvre, il me demande ma destination. Ça tombe bien, il passe par là. En fait, il habite juste au-dess
</dd>
</dl>
<dl>
<dt>
<a href="https://thom4.net/2023/08/27/notre-premiere-seance/">☕️ Journal : Notre première séance</a>
(<a href="https://thom4.net/">Thomas Parisot</a>)
</dt>
<dd>
ça fait des mois que j’y songe, des semaines que j’attends, des jours d’une impatience grandissante. à 9h pourtant, personne.
</dd>
</dl>
<dl>
<dt>
<a href="https://winnielim.org/journal/documenting-everyday-moments-because-they-will-become-precious/">documenting everyday moments because they will become precious</a>
(<a href="https://winnielim.org/">Winnie Lim (en)</a>)
</dt>
<dd>
A few months ago someone popped up on the Singapore reddit and started posting photos of old Singapore from the 1950s-1970s. He is the grandson of Ivan Polunin, a medical doctor who...
</dd>
</dl>
<dl>
<dt>
<a href="https://ynote.hk/mots/processus-de-creation/raccrocher-les-wagons.html">Raccrocher les wagons</a>
(<a href="https://ynote.hk/">Fanny Cheung</a>)
</dt>
<dd>
Après une grosse période de fatigue, j’ai repris du poil de la bête. J’ai accepté trop de projets par rapport au temps que j’avais… Et je me suis noyée.
</dd>
</dl>
<dl>
<dt>
<a href="https://www.hypothermia.fr/2023/08/questions-de-perception/">Questions de perception</a>
(<a href="https://www.hypothermia.fr/">Eliness</a>)
</dt>
<dd>
Réflexions sur la multiplicité de points de vue en plusieurs actes.
</dd>
</dl>
<dl>
<dt>
<a href="https://ynote.hk/mots/processus-de-creation/valse-violette.html">Valse violette</a>
(<a href="https://ynote.hk/">Fanny Cheung</a>)
</dt>
<dd>
Pendant mon court séjour à Dol-de-Bretagne, j’ai aperçu beaucoup de fleurs dans la palette des violets. À mon habitude, ces observations m’ont donné l’envie de peindre.
</dd>
</dl>
<dl>
<dt>
<a href="https://luce.carevic.eu/fr/notes/actions-rapides-macos-automator">Actions rapides (macOS) avec Automator</a>
(<a href="https://www.hypothermia.fr/">Luce Carević</a>)
</dt>
<dd>
Lancer une conversion Pandoc directement depuis le menu contextuel avec une action rapide macOS, c’est possible. J’ai décrit la méthode pour créer une action rapide avec Raccourcis à privilégier si votre version de macOS dispose de l’application. Ci-dessous la méthode pour faire la même chose avec Automator. Étape 1 : configurer une action rapide avec Automator Ouvrir l'application Automator et…
</dd>
</dl>
<dl>
<dt>
<a href="https://www.quaternum.net/2023/07/21/une-histoire-de-dependances/">[flux] Une histoire de dépendances</a>
(<a href="https://www.quaternum.net/">Antoine Fauchié</a>)
</dt>
<dd>
So I decided to never ask non-wizard users to install any dependencies again. VitoVan, Jack’s Ass, https://sdf.org/~vito/jack.html Si l’histoire fait sourire, elle révèle un problème assez profond dans la volonté de donner des réponses non souhaitées. Tenter de résoudre des problèmes simples avec des processus complexes n’est pas en soit la question, il s’agit plutôt de rendre tout cela…
</dd>
</dl>
<dl>
<dt>
<a href="https://www.quaternum.net/2023/07/19/typst-une-alternative-a-latex/">[flux] Typst, une alternative à LaTeX ?</a>
(<a href="https://www.quaternum.net/">Antoine Fauchié</a>)
</dt>
<dd>
Typst is a new markup-based typesetting system for the sciences. It is designed to be an alternative both to advanced tools like LaTeX and simpler tools like Word and Google Docs. Our goal with Typst is to build a typesetting tool that is highly capable and a pleasure to use. Typst, https://typst.app Si l’émergence d’un nouveau langage de balisage aussi puissant que LaTeX semble une bonne idée,…
</dd>
</dl>
<dl>
<dt>
<a href="https://lalunemauve.fr/perlimpinpin/">Où je crache ma pastille Valda à propos d’Instagram</a>
(<a href="https://lalunemauve.fr/">La Lune Mauve</a>)
</dt>
<dd>
Ce billet est une exclusivité pour l’Antichambre. — Il y a quelques mois, dans une story Instagram, je vous ai demandé ce vous préfériez lire en priorité sur mon blog entre, d’une part, un coup de sang à propos d’Instagram et, d’autre part, mes bonnes adresses à Strasbourg. Vous avez été une large majorité à voter pour le premier choix : je m’exécute donc, même si ça va rafraîchir l’ambiance.…
</dd>
</dl>
<dl>
<dt>
<a href="https://www.la-grange.net/2023/06/18/lutter">lutter</a>
(<a href="https://www.la-grange.net/">Karl Dubost</a>)
</dt>
<dd>
Komagome, Japon, 18 juin 2023 The victims were blamed rather than the exploiters; exploitation was observed as a form of education. — The Myth Of The Lazy Native, Syed Hussein Alatas, urn:isbn:978-967-0311-97-5 Ce livre est… pour l'instant à la fois révoltant et éducatif. Révoltant par les passages que l'auteur a trouvé dans la littérature des colonialistes pour justifier le cynisme de leur…
</dd>
</dl>
<dl>
<dt>
<a href="https://www.la-grange.net/2023/06/17/rien">des tous petits rien</a>
(<a href="https://www.la-grange.net/">Karl Dubost</a>)
</dt>
<dd>
Sugamo, Japon, 17 juin 2023 One clear instance is sufficient. — The Myth Of The Lazy Native, Syed Hussein Alatas, urn:isbn:978-967-0311-97-5 La feuille de chou, le Paris-Normandie n'est plus accessible du Japon. J'hésite à leur envoyer un email. Il y a eu un séisme dans l'ouest de la France perceptible en Normandie. De Sugamo à Ginza à vélo, il fait déjà chaud ce matin. Deux objectifs : Se…
</dd>
</dl>
<dl>
<dt>
<a href="https://lalunemauve.fr/ici-dans-ma-tete/">Life dump II-IV 2023 : par monts et par vaux</a>
(<a href="https://lalunemauve.fr/">La Lune Mauve</a>)
</dt>
<dd>
Ce billet est une exclusivité pour l’Antichambre. — Compte-rendu touffu de trois mois bien remplis : une danse macabre, deux nouveaux tatouages, mon douzième ou treizième concert de Tori Amos, mon quarantième anniversaire ; mais aussi la découverte du Pays de Galles du sud, un week-end à Lyon, Je serai le feu sur scène, la reprise des vide-greniers, une pluie de cadeaux et notre jardin, qui…
</dd>
</dl>
<dl>
<dt>
<a href="https://emmaclit.com/2022/10/06/la-ligne/">La ligne</a>
(<a href="https://emmaclit.com/">Emma</a>)
</dt>
<dd>
Salut à toutes et tous ! Voilà une bédé assez courte, pour répondre à une demande qui revient souvent dans mes messages. J’espère qu’elle conviendra aux principaux intéressés 🙂 As usual un grand merci à Alex, ma relectrice de talent, et à mon poilu pour leur soutien et leurs conseils Bonne lecture !
</dd>
</dl>


</article>


<hr>

<footer>
<p>
<nobr>
<a href="/david/" title="Aller à l’accueil"
><svg class="icon icon-home">
<use
xlink:href="/static/david/icons2/symbol-defs-2022-03.svg#icon-home"
></use>
</svg>
Accueil</a
>
</nobr>
<nobr>
<a href="/david/log/" title="Accès au flux RSS"
><svg class="icon icon-rss2">
<use xlink:href="/static/david/icons2/symbol-defs-2022-03.svg#icon-rss2"></use>
</svg>
Suivre</a
>
</nobr>
<nobr>
<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-2022-03.svg#icon-user-tie"></use>
</svg>
Pro</a
>
</nobr>
<nobr>
<a href="mailto:david%40larlet.fr" title="Envoyer un courriel"
><svg class="icon icon-mail">
<use xlink:href="/static/david/icons2/symbol-defs-2022-03.svg#icon-mail"></use>
</svg>
Email</a
>
</nobr>
<nobr>
<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-2022-03.svg#icon-hammer2"></use>
</svg>
Légal</abbr
>
</nobr>
</p>
<template id="theme-selector">
<form>
<fieldset>
<legend><svg class="icon icon-brightness-contrast">
<use xlink:href="/static/david/icons2/symbol-defs-2022-03.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>

+ 8
- 3
david/index.html View File

@@ -76,6 +76,7 @@

<nav>
<p>
<a href="/david/2023/09/09/">Blogroll</a>,
<a href="/david/2023/09/08/">Char&nbsp;2</a>,
<a href="/david/2023/09/07/">Conteur</a>,
<a href="/david/2023/09/06/">Retour</a>,
@@ -148,13 +149,13 @@
<a href="/david/2023/confiance/" rel="tag">#confiance (5)</a>,
<a href="/david/2023/confidentialite/" rel="tag">#confidentialité (4)</a>,
<a href="/david/2023/courage/" rel="tag">#courage (7)</a>,
<a href="/david/2023/decentralisation/" rel="tag">#décentralisation (3)</a>,
<a href="/david/2023/decentralisation/" rel="tag">#décentralisation (4)</a>,
<a href="/david/2023/don/" rel="tag">#don (2)</a>,
<a href="/david/2023/eau/" rel="tag">#eau (3)</a>,
<a href="/david/2023/ecriture/" rel="tag">#écriture (4)</a>,
<a href="/david/2023/foret/" rel="tag">#forêt (11)</a>,
<a href="/david/2023/gafam/" rel="tag">#gafam (2)</a>,
<a href="/david/2023/gratitude/" rel="tag">#gratitude (7)</a>,
<a href="/david/2023/gratitude/" rel="tag">#gratitude (8)</a>,
<a href="/david/2023/incompetence/" rel="tag">#incompétence (4)</a>,
<a href="/david/2023/intimite/" rel="tag">#intimité (3)</a>,
<a href="/david/2023/livre/" rel="tag">#livre (3)</a>,
@@ -180,11 +181,15 @@
<a href="/david/2023/traces/" rel="tag">#traces (6)</a>,
<a href="/david/2023/tristesse/" rel="tag">#tristesse (4)</a>,
<a href="/david/2023/viande/" rel="tag">#viande (1)</a>,
<a href="/david/2023/web/" rel="tag">#web (7)</a>.
<a href="/david/2023/web/" rel="tag">#web (8)</a>.
</p>
</nav>

<p>
Les <a href="/david/blogroll/">liens des ami·es</a> avec leurs dernières publications 🤗.
</p>

<h2>Publications sporadiques 2022</h2>

<p>Liste des publications en ordre chronologique :</p>

+ 26
- 27
david/log/index.xml View File

@@ -6,13 +6,38 @@
<link href="https://larlet.fr/david/" rel="alternate" type="text/html" />
<link href="https://larlet.fr/david/log/" rel="self" />
<id>https://larlet.fr/david/</id>
<updated>2023-09-08T12:00:00+01:00</updated>
<updated>2023-09-09T12:00:00+01:00</updated>
<author>
<name>David Larlet</name>
<uri>https://larlet.fr/david/</uri>
</author>
<rights>Copyright (c) 2004-2023, David Larlet</rights>
<entry xml:lang="fr">
<title type="html">Blogroll</title>
<link href="https://larlet.fr/david/2023/09/09/" rel="alternate" type="text/html" />
<updated>2023-09-09T12:00:00+01:00</updated>
<id>https://larlet.fr/david/2023/09/09/</id>
<summary type="html">

&lt;blockquote&gt;
&lt;p&gt;Je lie cinq blogs person­nels, choi­sis arbi­trai­re­ment et sans hiérar­chie, avec une phrase sur pourquoi ils me sont impor­tants, en choi­sis­sant un billet précis que j’ai aimé y trou­ver&amp;nbsp;[…]&lt;/p&gt;
&lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://n.survol.fr/n/la-blogchain&quot;&gt;La blogchain - Carnet de notes&lt;/a&gt;&lt;/em&gt;&amp;nbsp;(&lt;a href=&quot;https://larlet.fr/david/cache/2023/543d854b54593b8bf1adc2c491468bca/&quot;&gt;cache&lt;/a&gt;)&lt;/cite&gt;&lt;/p&gt;
&lt;/blockquote&gt;
&lt;p&gt;Je partageais sur Mastodon l’initiative d’Alex Sirac d’avoir fait un·e &lt;a href=&quot;https://blogroll.fr/&quot;&gt;&lt;em&gt;blogroll&lt;/em&gt;&lt;/a&gt; et en explorant le site je me rends compte qu’&lt;a href=&quot;https://blogroll.fr/articles-recents/&quot;&gt;il y a une forme de &lt;em&gt;planet&lt;/em&gt;&lt;/a&gt; et ça m’a rappelé de doux souvenirs. Je me souviens d’avoir mis ça en place sur cet espace à un moment, ça m’a rendu nostalgique 5&amp;nbsp;minutes… et j’ai passé les deux heures suivantes à le coder en mode statique&amp;nbsp;:-). Merci-pas-merci&amp;nbsp;Alex&amp;#8239;!&lt;/p&gt;
&lt;p&gt;Il y a donc maintenant &lt;a href=&quot;https://larlet.fr/david/blogroll/&quot;&gt;une page de blogroll&lt;/a&gt; sur ce site avec les deux derniers billets publiés par personne listée. J’espère que j’arriverai à maintenir une page qui représente mes lectures réelles. Elle est loin d’être exhaustive car j’ai 150&amp;nbsp;flux de personnes dans mon agrégateur. J’avais plus envie d’encourager la diversité des&amp;nbsp;publications.&lt;/p&gt;
&lt;p&gt;J’ai rencontré deux problèmes durant cette&amp;nbsp;expérience&amp;nbsp;:&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;humain&lt;/strong&gt;&amp;nbsp;: certaines personnes souhaitent ne publier certains billets que par le biais de leur flux, est-ce qu’un agrégateur public ne va pas à l’encontre de cette&amp;nbsp;volonté&amp;#8239;?&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;technique&lt;/strong&gt;&amp;nbsp;: une proportion non négligeable de flux ne sont pas valides / standards, j’ai signalé cela à certain·es auteur·ices. Un &lt;a href=&quot;https://validator.w3.org/feed/&quot;&gt;outil existe&lt;/a&gt; de la part du W3C pour effectuer cette&amp;nbsp;vérification.&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;Je me suis aussi demandé si c’était pertinent de faire comme Éric le propose avec un billet d’entrée particulier. C’est ce que &lt;a href=&quot;https://www.hypothermia.fr/liens/&quot;&gt;fait Eli&lt;/a&gt; par exemple et j’avais trouvé ça chouette et plus stimulant qu’une simple liste, je garde ça dans un coin de tête. Je sais aussi d’expérience qu’il ne faut pas que je me prenne trop la tête si je veux garder une liste à jour sinon je vais vite avoir la flemme. Peut-être que je fais suffisamment de liens externes dans mes&amp;nbsp;publications.&lt;/p&gt;
&lt;p&gt;&lt;del&gt;J’aimerais également prendre le temps de faire une liste des articles techniques qui ont compté pour moi, à l’instar de &lt;a href=&quot;https://ericwbailey.website/formative-posts/&quot;&gt;Eric W. Bailey&lt;/a&gt; et &lt;a href=&quot;https://esif.dev/&quot;&gt;tant&lt;/a&gt; &lt;a href=&quot;https://wdrl.info/evergreen/&quot;&gt;d’autres&lt;/a&gt;.&lt;/del&gt; Bon, en fait &lt;a href=&quot;https://larlet.fr/david/stream/2019/12/27/&quot;&gt;je l’ai déjà faite&lt;/a&gt;, parfois ma mémoire numérique m’aide mais me rappelle que &lt;a href=&quot;https://larlet.fr/david/stream/2018/04/07/&quot;&gt;la spirale&lt;/a&gt; n’est peut-être pas compatible avec la vieillesse, oups&amp;nbsp;😅. J’aime bien l’idée de la &lt;a href=&quot;https://gilest.org/shoebox.html%5D(https://gilest.org/shoebox.html&quot;&gt;boîte à chaussures&lt;/a&gt;&amp;nbsp;(&lt;a href=&quot;https://larlet.fr/david/cache/2023/462022ad2f27ff57387e9d0f49e96bad/&quot;&gt;cache&lt;/a&gt;) aussi, avec la crainte que ce musée des &lt;em&gt;vaporwares&lt;/em&gt; ne soit un peu trop&amp;nbsp;déprimant.&lt;/p&gt;
&lt;hr /&gt;
&lt;p&gt;Mot du jour&amp;nbsp;: &lt;a href=&quot;https://fr.wikipedia.org/wiki/Eucatastrophe&quot;&gt;Eucatastrophe&lt;/a&gt; (j’ai arraché deux dents&amp;nbsp;aujourd’hui).&lt;/p&gt;
&lt;nav&gt;&lt;p&gt;&lt;a href=&quot;https://larlet.fr/david/2023/decentralisation/&quot;&gt;#décentralisation&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2023/gratitude/&quot;&gt;#gratitude&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2023/web/&quot;&gt;#web&lt;/a&gt;&lt;/p&gt;&lt;/nav&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">Char&amp;nbsp;2</title>
<link href="https://larlet.fr/david/2023/09/08/" rel="alternate" type="text/html" />
@@ -1371,32 +1396,6 @@ c’était comme si c’était hier — quelque chose comme&amp;nbsp;ça.&lt;/p&
&lt;nav&gt;&lt;p&gt;&lt;a href=&quot;https://larlet.fr/david/2023/ecriture/&quot;&gt;#écriture&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2023/livre/&quot;&gt;#livre&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2023/recherche/&quot;&gt;#recherche&lt;/a&gt;&lt;/p&gt;&lt;/nav&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">Ombres</title>
<link href="https://larlet.fr/david/2023/02/01/" rel="alternate" type="text/html" />
<updated>2023-02-01T12:00:00+01:00</updated>
<id>https://larlet.fr/david/2023/02/01/</id>
<summary type="html">

&lt;blockquote lang=&quot;en&quot;&gt;
&lt;p&gt;I’m not a film buff, so I write this from a layman’s perspective. But every time I watch something made before 2000, it looks so beautiful to me—not otherworldly or majestic, but &lt;mark&gt;beautiful in the way the world around me is beautiful.&lt;/mark&gt; And I don’t think I’m just being nostalgic. […]&lt;/p&gt;
&lt;p&gt;Most usefully, their hollowness offers, by way of counter-example, a key to what does feel meaningful: texture, substance, imperfection, slowing down, taking the scenic route, natural light, places you can touch, making more considered creative choices, making &lt;em&gt;less&lt;/em&gt;.&lt;/p&gt;
&lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://haleynahman.substack.com/p/132-the-contagious-visual-blandness&quot;&gt;#132: The contagious visual blandness of Netflix&lt;/a&gt;&lt;/em&gt;&amp;nbsp;(&lt;a href=&quot;https://larlet.fr/david/cache/2023/4d3fa4020fd0504dbced1a408a2d394e/&quot;&gt;cache&lt;/a&gt;)&lt;/cite&gt;&lt;/p&gt;
&lt;/blockquote&gt;
&lt;p&gt;C’est une chose que j’ai remarqué aussi et l’essai de Robin Rendle à ce sujet &lt;a href=&quot;https://www.robinrendle.com/essays/in-praise-of-shadows/&quot;&gt;In Praise of Shadows&lt;/a&gt;&amp;nbsp;(&lt;a href=&quot;https://larlet.fr/david/cache/2023/055ec9ce09151d35309f39b824189c61/&quot;&gt;cache&lt;/a&gt;) m’avait particulièrement touché cet&amp;nbsp;été.&lt;/p&gt;
&lt;p&gt;Les iPhones, au fil des versions, font de «&amp;nbsp;magnifiques&amp;nbsp;» photographies par exemple mais ce qui est capté de la scène est faible comparé à ce qui est fait en post-acquisition pour qu’elles &lt;em&gt;semblent&lt;/em&gt; magnifiquement nettes et contrastées etc. Et ce n’est qu’un début, l’apprentissage et des algorithmes encore plus avancés permettront de rendre chaque photo plus… parfaite dans la négation de son&amp;nbsp;authenticité.&lt;/p&gt;
&lt;p&gt;Ma bibliothèque dans macOS Photos (iPhone) ressemble à un magazine, à une façon que d’autres ont choisi pour représenter le monde. Celle qui est dans RAW Power (DSLR) est plus modeste mais correspond davantage aux façons dont &lt;em&gt;j’ai&lt;/em&gt; envie d’observer et de partager le&amp;nbsp;monde.&lt;/p&gt;
&lt;p&gt;À force de regarder des séries à l’image parfaite, on se met peut-être à fuir la réalité d’un monde qui nous semble hideux dans ses imperfections et ses zones&amp;nbsp;d’ombres.&lt;/p&gt;
&lt;p&gt;&lt;em&gt;J’imagine que c’est une réflexion de vieux et que les personnes faisant de l’argentique avaient les mêmes arguments il y a quelques années. J’assume&amp;nbsp;(presque).&lt;/em&gt;&lt;/p&gt;
&lt;hr /&gt;

&lt;blockquote lang=&quot;en&quot;&gt;
&lt;p&gt;😔 We found that GitHub, GitLab, SourceForge, and Bitbucket were collectively linked to 160&amp;nbsp;times in 2007&amp;nbsp;and 76,746&amp;nbsp;times in 2021. In 2021, &lt;mark&gt;one out of five publications in the arXiv corpus included a URI to GitHub.&lt;/mark&gt; The complexity of GHPs like GitHub is not amenable to conventional Web archiving techniques. Therefore, the growing use of GHPs in scholarly publications points to an urgent and growing need for dedicated efforts to archive their holdings in order to preserve research code and its scholarly&amp;nbsp;ephemera.&lt;/p&gt;
&lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://arxiv.org/abs/2208.04895&quot;&gt;The Rise of GitHub in Scholarly Publications&lt;/a&gt;&lt;/em&gt;&amp;nbsp;(&lt;a href=&quot;https://larlet.fr/david/cache/2023/57fcca8aa6194cb2840d1dea002cb59b/&quot;&gt;cache&lt;/a&gt;)&lt;/cite&gt;&lt;/p&gt;
&lt;/blockquote&gt;
&lt;nav&gt;&lt;p&gt;&lt;a href=&quot;https://larlet.fr/david/2023/intimite/&quot;&gt;#intimité&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2023/photographie/&quot;&gt;#photographie&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2023/sociologie/&quot;&gt;#sociologie&lt;/a&gt;&lt;/p&gt;&lt;/nav&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">Marcher</title>

+ 44
- 0
david/templates/blogroll.html View File

@@ -0,0 +1,44 @@
{% extends "base_2020.html" %}
{% block lang %}fr{% endblock %}
{% block title %}Blogroll{% endblock %}
{% block description %}Les sites des ami·es.{% endblock %}
{% block content %}
<article>
<header>
<h1>Blogroll : les sites des ami·es</h1>
</header>
<p>
Pour ne pas être totalement auto-centré, voici quelques portes ouvertes vers le Web que j’aime.
</p>

<nav>
<ul>
{% for website in website_list -%}
<li>
<a href="{{ website.url }}">{{ website.name }}</a>
(<a href="{{ website.feed }}">flux</a>)
</li>
{% endfor %}
</ul>
</nav>

<p>
N’hésitez pas à me contacter si vous ne souhaitez pas figurer dans cette liste.
</p>

<h2>Leurs dernières publications</h2>

{% for entry in entry_list -%}
<dl>
<dt>
<a href="{{ entry.link }}">{{ entry.title }}</a>
(<a href="{{ entry.website.url }}">{{ entry.website.name }}</a>)
</dt>
<dd>
{{ entry.summary|striptags|truncate(400, killwords=False, end="…") }}
</dd>
</dl>
{% endfor %}

</article>
{% endblock content %}

+ 4
- 0
david/templates/profil.html View File

@@ -44,6 +44,10 @@
</p>
</nav>

<p>
Les <a href="/david/blogroll/">liens des ami·es</a> avec leurs dernières publications 🤗.
</p>

<h2>Publications sporadiques 2022</h2>

<p>Liste des publications en ordre chronologique :</p>

+ 1
- 0
requirements.txt View File

@@ -1,3 +1,4 @@
feedparser==6.0.10
Jinja2==3.0.1
minicli==0.5.0
mistune==3.0.1

+ 104
- 1
site.py View File

@@ -5,12 +5,14 @@ from collections import defaultdict
from dataclasses import dataclass
from datetime import datetime, timedelta
from html import escape
from itertools import groupby
from itertools import chain, groupby
from operator import attrgetter
from pathlib import Path
from string import Template
from textwrap import dedent
from time import perf_counter

import feedparser
import mistune
from jinja2 import Environment as Env
from jinja2 import FileSystemLoader
@@ -423,6 +425,107 @@ def home():
open(DAVID / "index.html", "w").write(content)


@dataclass
class Website:
name: str
url: str
feed: str

def __post_init__(self):
content = feedparser.parse(self.feed)
entries = content.get("entries")
try:
entries = sorted(entries, key=attrgetter("updated_parsed"), reverse=True)[
:2
]
except AttributeError:
print("No `updated_parsed` in", entries)
for entry in entries:
entry.website = self
self.entries = entries


@cli
def blogroll():
"""Build the blogroll with last published items from people."""
template = environment.get_template("blogroll.html")
website_list = [
# Invalid feed, date not standard.
# Website(
# name="Alex Sirac",
# url="https://alexsirac.com/",
# feed="https://alexsirac.com/feed",
# ),
Website(
name="Maïtané Lenoir",
url="https://www.maiwann.net/",
feed="https://www.maiwann.net/feed.xml",
),
Website(
name="Fanny Cheung",
url="https://ynote.hk/",
feed="https://ynote.hk/feed.xml",
),
Website(
name="La Lune Mauve",
url="https://lalunemauve.fr/",
feed="https://lalunemauve.fr/feed/",
),
Website(
name="Eliness",
url="https://www.hypothermia.fr/",
feed="https://www.hypothermia.fr/rss",
),
Website(
name="Luce Carević",
url="https://www.hypothermia.fr/",
feed="https://luce.carevic.eu/fr/flux",
),
Website(
name="Emma",
url="https://emmaclit.com/",
feed="https://emmaclit.com/feed/",
),
Website(
name="Karl Dubost",
url="https://www.la-grange.net/",
feed="https://www.la-grange.net/feed.atom",
),
Website(
name="Thomas Parisot",
url="https://thom4.net/",
feed="https://thom4.net/feed/",
),
Website(
name="Arthur Perret",
url="https://www.arthurperret.fr/",
feed="https://www.arthurperret.fr/feed.xml",
),
Website(
name="Antoine Fauchié",
url="https://www.quaternum.net/",
feed="https://www.quaternum.net/atom.xml",
),
Website(
name="Éric D.",
url="https://n.survol.fr/",
feed="https://n.survol.fr/feed",
),
Website(
name="Winnie Lim (en)",
url="https://winnielim.org/",
feed="https://winnielim.org/feed/",
),
]
entry_list = sorted(
list(chain(*[website.entries for website in website_list])),
key=attrgetter("updated_parsed"),
reverse=True,
)
content = template.render(website_list=website_list, entry_list=entry_list)
open(DAVID / "blogroll" / "index.html", "w").write(content)


@cli
def toot():
"""Pre-write the Mastodon message."""

Loading…
Cancel
Save