Article

david/2024/01/02/index.html

@@ -142,7 +142,7 @@
 </ul>
 <p>J’aimerais commencer ma CSS par <code>@layer reset</code> mais c’est sur du <a data-link-domain="caniuse.com" href="https://caniuse.com/css-cascade-layers">Baseline™ 2022</a>. Toujours cette tension entre jouer avec les nouveautés sans exclure pour autant une partie de l’auditoire potentiel. <mark>Au pire, cette page nue est consultable</mark> et le flux devrait être supporté partout. Peut-être que je n’ai pas besoin d’avoir des <a data-link-domain="css-tricks.com" href="https://css-tricks.com/css-cascade-layers/">CSS layers</a> mais quand je fais une refonte de cet espace je ne suis pas <em>que</em> sur le besoin. J’obtiens un reset que j’imagine fonctionnel mais il est un peu frustrant d’arriver à un résultat finalement moins lisible que ce que j’avais sans aucun styles. <strong>Commencer par déconstruire pour reconstruire est probablement l’un des maux de notre culture.</strong> Ne pas accepter qu’il puisse exister quelque chose de suffisant sur lequel s’appuyer. Une attitude de&nbsp;colon.</p>
 <p>Je finis par tout jeter / ré-interroger et je m’en sors avec&nbsp;6&nbsp;règles.</p>
-<p>J’ai besoin de voir mon texte en action pour pouvoir le travailler. Qu’il passe de lisible à enviable, que sa fabrique —&nbsp;<a data-link-domain="quaternum.net" href="https://www.quaternum.net/2023/06/02/fabrique-concept/">coucou Antoine</a> <a href="/david/cache/2024/55477786fc56b6fc37bb97231b634d90/" title="Copie locale au 2024-01-07">
+<p>J’ai besoin de voir mon texte en action pour pouvoir le travailler. Qu’il passe de lisible à enviable, que sa fabrique —&nbsp;<a data-link-domain="quaternum.net" href="https://www.quaternum.net/2023/06/02/fabrique-concept/" hreflang="fr">coucou Antoine</a> <a href="/david/cache/2024/55477786fc56b6fc37bb97231b634d90/" title="Copie locale au 2024-01-07" hreflang="fr">
             <svg xmlns="http://www.w3.org/2000/svg"
                 width="20" height="20" viewBox="0 0 24 24"
                 fill="none" stroke="currentColor"
@@ -158,7 +158,7 @@
 
 <blockquote>
 <p>Le long trajet est essentiel. Surtout ne pas se laisser tenter par un livre, un ordinateur de poche, ou autres artifices. L’ennui permet l’étincelle des rêveries, tout comme la nuit la profondeur des&nbsp;rêves.</p>
-<p><cite><em><a data-link-domain="la-grange.net" href="https://www.la-grange.net/2023/07/10/notes-train">notes</a> <a href="/david/cache/2024/9bc04d41d25fc73391116d99b7259a3d/" title="Copie locale au 2024-01-07">
+<p><cite><em><a data-link-domain="la-grange.net" href="https://www.la-grange.net/2023/07/10/notes-train" hreflang="fr">notes</a> <a href="/david/cache/2024/9bc04d41d25fc73391116d99b7259a3d/" title="Copie locale au 2024-01-07" hreflang="fr">
             <svg xmlns="http://www.w3.org/2000/svg"
                 width="20" height="20" viewBox="0 0 24 24"
                 fill="none" stroke="currentColor"

david/2024/01/04/index.html

@@ -139,7 +139,7 @@
 </blockquote>
 <p>Dans un chalet pour quelques jours. Des randonnées à trois générations. Toujours ces questionnements autour de la propriété. Concilier tous les besoins, accepter de changer de vie, ne pas savoir si on serait finalement entourés d’une culture qui ne nous correspond pas (et qui ne nous attire pas non plus). Trouver le bon&nbsp;tempo.</p>
 <a href="#hr-6" title="Lien vers cette section de la page"><hr id="hr-6" /></a>
-<p>Je me demande s’il serait pertinent <a data-link-domain="blog.stephaniestimac.com" href="https://blog.stephaniestimac.com/posts/2023/10/css-text-wrap/">d’utiliser <code>text-wrap</code></a> <a href="/david/cache/2024/b31ba18e3de1fc479b79f1885043026a/" title="Copie locale au 2024-01-07">
+<p>Je me demande s’il serait pertinent <a data-link-domain="blog.stephaniestimac.com" href="https://blog.stephaniestimac.com/posts/2023/10/css-text-wrap/" hreflang="en">d’utiliser <code>text-wrap</code></a> <a href="/david/cache/2024/b31ba18e3de1fc479b79f1885043026a/" title="Copie locale au 2024-01-07" hreflang="en">
             <svg xmlns="http://www.w3.org/2000/svg"
                 width="20" height="20" viewBox="0 0 24 24"
                 fill="none" stroke="currentColor"

david/2024/01/07/index.html

@@ -154,7 +154,7 @@
 <blockquote>
 <p>Une fois la transcription terminée, je peux enregistrer le fichier texte du podcast avec la fonction export en mode paragraphe. (non corrigé, brut).</p>
 <p>Je suis&nbsp;impressionné.</p>
-<p><cite><em><a data-link-domain="la-grange.net" href="https://www.la-grange.net/2024/01/06/ebauche">plaisir d’ébauche</a> <a href="/david/cache/2024/d75afc90a9d3c3b5a56b69446795fbb5/" title="Copie locale au 2024-01-07">
+<p><cite><em><a data-link-domain="la-grange.net" href="https://www.la-grange.net/2024/01/06/ebauche" hreflang="fr">plaisir d’ébauche</a> <a href="/david/cache/2024/d75afc90a9d3c3b5a56b69446795fbb5/" title="Copie locale au 2024-01-07" hreflang="fr">
             <svg xmlns="http://www.w3.org/2000/svg"
                 width="20" height="20" viewBox="0 0 24 24"
                 fill="none" stroke="currentColor"
@@ -173,7 +173,7 @@
 <blockquote lang="en">
 <p>We evaluate APIs only on the basis of merit in the context of providing superior search engine results. Considering company x founder political views is not a factor in this evaluation. <mark>Politics finding its way into tech is one of the reason we do not have innovation any&nbsp;more.</mark></p>
 <p>We are primarily in the business of search and we’d like to stay focused on&nbsp;that.</p>
-<p><cite><em><a data-link-domain="kagifeedback.org" href="https://kagifeedback.org/d/2808-reconsider-your-partnership-with-brave/6">Vlad (admin Kagi) répondant</a> <a href="/david/cache/2024/d236f33cf82727313d17cb23bf36a395/" title="Copie locale au 2024-01-07">
+<p><cite><em><a data-link-domain="kagifeedback.org" href="https://kagifeedback.org/d/2808-reconsider-your-partnership-with-brave/6" hreflang="en">Vlad (admin Kagi) répondant</a> <a href="/david/cache/2024/d236f33cf82727313d17cb23bf36a395/" title="Copie locale au 2024-01-07" hreflang="en">
             <svg xmlns="http://www.w3.org/2000/svg"
                 width="20" height="20" viewBox="0 0 24 24"
                 fill="none" stroke="currentColor"
@@ -186,7 +186,7 @@
             </a> à «&nbsp;Reconsider your partnership with&nbsp;Brave&nbsp;»</em></cite></p>
 </blockquote>
 <p>À un moment l’année dernière, j’ai essayé Kagi et j’ai failli franchir le pas du payant. Je suis bien content de ne pas l’avoir fait car je m’en serais mordu les doigts aujourd’hui. Dans l’idéal, un moteur de recherche serait objectif mais un algorithme comporte toujours les biais de ses créateur·ices. Et vu la population qui code aujourd’hui, autant dire que c’est mal barré. Le fait qu’un administrateur de Kagi puisse être aussi naïf sur le sujet est assez&nbsp;terrible.</p>
-<p><a data-link-domain="theverge.com" href="https://www.theverge.com/2021/4/27/22406673/basecamp-political-speech-policy-controversy">Pas de politique au travail</a> <a href="/david/cache/2024/b80f5159ee7ac70bcaa6a9fde16c2408/" title="Copie locale au 2024-01-07">
+<p><a data-link-domain="theverge.com" href="https://www.theverge.com/2021/4/27/22406673/basecamp-political-speech-policy-controversy" hreflang="en">Pas de politique au travail</a> <a href="/david/cache/2024/b80f5159ee7ac70bcaa6a9fde16c2408/" title="Copie locale au 2024-01-07" hreflang="en">
             <svg xmlns="http://www.w3.org/2000/svg"
                 width="20" height="20" viewBox="0 0 24 24"
                 fill="none" stroke="currentColor"

david/2024/01/08/index.html

@@ -167,7 +167,7 @@ a::before {
 
 <blockquote>
 <p>Ce billet illustre la loi qui dit “Moins un blog est mis à jour, plus il y a de probabilité que ce qui y est publié a pour sujet les aspects techniques dudit&nbsp;blog”.</p>
-<p><cite><em><a data-link-domain="blog.professeurjoachim.com" href="https://blog.professeurjoachim.com/billet/2024-01-05-ma-page-now-ou-plutot-en-ce-moment">Ma page /now (ou plutôt /en-ce-moment)</a> <a href="/david/cache/2024/076169df8a4bd9dde9a4637c6b306dff/" title="Copie locale au 2024-01-07">
+<p><cite><em><a data-link-domain="blog.professeurjoachim.com" href="https://blog.professeurjoachim.com/billet/2024-01-05-ma-page-now-ou-plutot-en-ce-moment" hreflang="fr">Ma page /now (ou plutôt /en-ce-moment)</a> <a href="/david/cache/2024/076169df8a4bd9dde9a4637c6b306dff/" title="Copie locale au 2024-01-07" hreflang="fr">
             <svg xmlns="http://www.w3.org/2000/svg"
                 width="20" height="20" viewBox="0 0 24 24"
                 fill="none" stroke="currentColor"
@@ -184,7 +184,7 @@ a::before {
 <blockquote lang="en">
 <p>I also started noticing when people do this subconiously. For example, most software engineers I know hate blogging, but <mark>they like building their own blog engine to make blogging more pleasant</mark> (I’m very guilty of this&nbsp;too).</p>
 <p>Kent Beck nailed it: “for each desired change, make the change easy (warning: this may be hard), then make the easy&nbsp;change”.</p>
-<p><cite><em><a data-link-domain="frantic.im" href="https://frantic.im/opening-mail/">Opening Mail</a> <a href="/david/cache/2024/7a223e552e8a8e3e11c759cbc5bc3ffa/" title="Copie locale au 2024-01-07">
+<p><cite><em><a data-link-domain="frantic.im" href="https://frantic.im/opening-mail/" hreflang="en">Opening Mail</a> <a href="/david/cache/2024/7a223e552e8a8e3e11c759cbc5bc3ffa/" title="Copie locale au 2024-01-07" hreflang="en">
             <svg xmlns="http://www.w3.org/2000/svg"
                 width="20" height="20" viewBox="0 0 24 24"
                 fill="none" stroke="currentColor"

david/2024/01/09/index.html

@@ -142,7 +142,7 @@
 
 <blockquote lang="en">
 <p>In short, building with accessible semantics from the get-go can give you expressive, meaningful style hooks for free. Leaning on those style hooks in your CSS selectors lets you reduce the number of moving parts in your site or application, and it can prevent accessibility bugs from creeping in down the&nbsp;road.</p>
-<p><cite><em><a data-link-domain="benmyers.dev" href="https://benmyers.dev/blog/semantic-selectors/">Style with Stateful, Semantic Selectors</a> <a href="/david/cache/2024/99e7d2ba7e4adc69dbf0f1b2858a5248/" title="Copie locale au 2024-01-08">
+<p><cite><em><a data-link-domain="benmyers.dev" href="https://benmyers.dev/blog/semantic-selectors/" hreflang="en">Style with Stateful, Semantic Selectors</a> <a href="/david/cache/2024/99e7d2ba7e4adc69dbf0f1b2858a5248/" title="Copie locale au 2024-01-08" hreflang="en">
             <svg xmlns="http://www.w3.org/2000/svg"
                 width="20" height="20" viewBox="0 0 24 24"
                 fill="none" stroke="currentColor"
@@ -158,7 +158,7 @@
 
 <blockquote lang="en">
 <p>Recently I decided to stop using the word <em>semantics</em>. Instead I talk about the <abbr title="User eXperience">UX</abbr> of <abbr title="HyperText Markup Language">HTML</abbr>. And all of a sudden my students are not allergic to <abbr>HTML</abbr> anymore but really interested. Instead of explaining the meaning of a certain element, I show them <em>what it does</em>. So we look at <em>what happens</em> when you add a label to an input: The input and the label now form a pair. You can now click on the label to interact with a checkbox. The label will be read out loud when you focus on an input with a screenreader. When you hover over a <em>label</em>, the hover state of the connected <em>input</em> is shown. My students <em>love</em> stuff like that. They care about <abbr>UX</abbr>.</p>
-<p><cite><em><a data-link-domain="vasilis.nl" href="https://vasilis.nl/nerd/the-ux-of-html/">The UX of HTML</a> <a href="/david/cache/2024/e5056f8e0e6acf87c5777ba5b3a2ba92/" title="Copie locale au 2024-01-08">
+<p><cite><em><a data-link-domain="vasilis.nl" href="https://vasilis.nl/nerd/the-ux-of-html/" hreflang="en">The UX of HTML</a> <a href="/david/cache/2024/e5056f8e0e6acf87c5777ba5b3a2ba92/" title="Copie locale au 2024-01-08" hreflang="en">
             <svg xmlns="http://www.w3.org/2000/svg"
                 width="20" height="20" viewBox="0 0 24 24"
                 fill="none" stroke="currentColor"

david/2024/01/10/index.html

@@ -138,7 +138,7 @@
 <p>But here’s the thing: we need more tools for it. We need simpler tools for it. And we need to make installing and using them <em>trivially simple</em>.</p>
 <p>We need more self-hosted platforms for personal publishing that <em>aren’t Wordpress</em>. <mark>And don’t point me to Hugo or Netlify or Eleventy or all those things - all of them are great, but none of them are simple enough.</mark> We need web publishing tools that do not require users to open the Terminal <em>at all</em>. And we need lots of&nbsp;them.</p>
 <p>We need a whole <em>galaxy</em> of&nbsp;options.</p>
-<p><cite><em><a data-link-domain="gilest.org" href="https://gilest.org/indie-easy.html">Let’s make the indie web easier</a> <a href="/david/cache/2024/faa1d8cae94da6838ff9351e5df791ca/" title="Copie locale au 2024-01-09">
+<p><cite><em><a data-link-domain="gilest.org" href="https://gilest.org/indie-easy.html" hreflang="en">Let’s make the indie web easier</a> <a href="/david/cache/2024/faa1d8cae94da6838ff9351e5df791ca/" title="Copie locale au 2024-01-09" hreflang="en">
             <svg xmlns="http://www.w3.org/2000/svg"
                 width="20" height="20" viewBox="0 0 24 24"
                 fill="none" stroke="currentColor"
@@ -164,7 +164,7 @@
 <blockquote lang="en">
 <p>Among its suggestions: write a longer headline; split a six-sentence paragraph up because it’s “too long”; and replace “too complex” words like “invariably,” “notoriety,” and “modification.” Dozens of sentences were flagged as being confusing (I disagree) — and it really hated em dashes. I rewrote my prose over and over, but it didn’t seem to satisfy my robot grader. I finally chose one thought per sentence, broke up paragraphs, and replaced words with suggested keywords to get rid of the red dots signaling&nbsp;problems.</p>
 <p><mark>The result feels like an AI summary of my story</mark> — at any moment, a paragraph could start with “In conclusion…” or “The next thing to consider is…” The nuance, voice, and unexpected twists and turns have been snuffed out. I’m sure some people would prefer this uncomplicated, beat-by-beat version of the story, but it’s gone from being a story written by a real person to a clinical, stiff series of&nbsp;sentences.</p>
-<p><cite><em><a data-link-domain="theverge.com" href="https://www.theverge.com/c/23998379/google-search-seo-algorithm-webpage-optimization">The Perfect Web Page</a> <a href="/david/cache/2024/3debc675a055d691b32c7d6904531eb4/" title="Copie locale au 2024-01-09">
+<p><cite><em><a data-link-domain="theverge.com" href="https://www.theverge.com/c/23998379/google-search-seo-algorithm-webpage-optimization" hreflang="en">The Perfect Web Page</a> <a href="/david/cache/2024/3debc675a055d691b32c7d6904531eb4/" title="Copie locale au 2024-01-09" hreflang="en">
             <svg xmlns="http://www.w3.org/2000/svg"
                 width="20" height="20" viewBox="0 0 24 24"
                 fill="none" stroke="currentColor"
@@ -181,7 +181,7 @@
 
 <blockquote lang="en">
 <p>I propose <mark>Data Luddism</mark> as a radical response to the productive power of big data and predictive algorithms. My starting point is not the Romantic neo-Luddism of Kirkpatrick Sale but the historical Luddism of 1811-1816, and the Luddites' own rhetoric regarding their resistance to 'obnoxious&nbsp;machines'.</p>
-<p><cite><em><a data-link-domain="danmcquillan.org" href="https://www.danmcquillan.org/dataluddism.html">Data Luddism</a> <a href="/david/cache/2024/b1da1249f2db388d7e84d6ad23c2fc5d/" title="Copie locale au 2024-01-09">
+<p><cite><em><a data-link-domain="danmcquillan.org" href="https://www.danmcquillan.org/dataluddism.html" hreflang="en">Data Luddism</a> <a href="/david/cache/2024/b1da1249f2db388d7e84d6ad23c2fc5d/" title="Copie locale au 2024-01-09" hreflang="en">
             <svg xmlns="http://www.w3.org/2000/svg"
                 width="20" height="20" viewBox="0 0 24 24"
                 fill="none" stroke="currentColor"
@@ -198,7 +198,7 @@
 <blockquote lang="en">
 <p>The <code>everything</code> package and its 3,000+ sub-packages have caused a Denial of Service (DOS) for anyone who installs it. We’re talking about storage space running out and system resource&nbsp;exhaustion.</p>
 <p>But that’s not all. The creator took their prank to the next level by setting up http://everything.npm.lol, showcasing the chaos they unleashed. They even included a meme from Skyrim, adding some humor (or mockery, depending on your perspective) to the&nbsp;situation.</p>
-<p><cite><em><a data-link-domain="socket.dev" href="https://socket.dev/blog/when-everything-becomes-too-much">When “Everything” Becomes Too Much: The npm Package Chaos of 2024</a> <a href="/david/cache/2024/4a56aa5497e68df0c5bb1d5331203219/" title="Copie locale au 2024-01-09">
+<p><cite><em><a data-link-domain="socket.dev" href="https://socket.dev/blog/when-everything-becomes-too-much" hreflang="en">When “Everything” Becomes Too Much: The npm Package Chaos of 2024</a> <a href="/david/cache/2024/4a56aa5497e68df0c5bb1d5331203219/" title="Copie locale au 2024-01-09" hreflang="en">
             <svg xmlns="http://www.w3.org/2000/svg"
                 width="20" height="20" viewBox="0 0 24 24"
                 fill="none" stroke="currentColor"
@@ -226,7 +226,7 @@
 <blockquote lang="en">
 <p>So when we wonder where all the websites have gone, know it’s the <em>curators</em> we’re nostalgic for because the curators showed us the best the web had to offer once upon a time. And the curators— the tenders, aggregators, collectors, and connectors— can bring us back to something better. Because it’s still out there, we just have to find&nbsp;it.</p>
 <p>Here’s the best part. <mark>You can be that curator right now, at this very moment.</mark> You can start to rebuild the interconnectivity that made the web fun to explore. And you don’t need to be a computer scientist to do&nbsp;it.</p>
-<p><cite><em><a data-link-domain="fromjason.xyz" href="https://www.fromjason.xyz/p/notebook/where-have-all-the-websites-gone/">Where have all the websites gone?</a> <a href="/david/cache/2024/c3272392d462da90874d32841e5caac8/" title="Copie locale au 2024-01-09">
+<p><cite><em><a data-link-domain="fromjason.xyz" href="https://www.fromjason.xyz/p/notebook/where-have-all-the-websites-gone/" hreflang="en">Where have all the websites gone?</a> <a href="/david/cache/2024/c3272392d462da90874d32841e5caac8/" title="Copie locale au 2024-01-09" hreflang="en">
             <svg xmlns="http://www.w3.org/2000/svg"
                 width="20" height="20" viewBox="0 0 24 24"
                 fill="none" stroke="currentColor"

david/2024/01/11/index.html

@@ -136,7 +136,7 @@
 <blockquote lang="en">
 <p>If front web developers work closer to the users’ needs and problems, <mark>if they feel more implicated in the user experience,</mark> they will understand the impact of what they are building and will naturally adopt the strengths of the front web. […]</p>
 <p>Maybe, in order to fix the front web, we have to fix human nature: make things less about money and self-satisfaction, and more about improving people’s lives and understanding the impact of what we are&nbsp;creating.</p>
-<p><cite><em><a data-link-domain="gericci.me" href="https://gericci.me/we-need-to-talk-about-the-front-web-5.html">Part 5: Clues to Fix the Front Web</a> <a href="/david/cache/2024/40aada3cc8d6897fda5a277c4299c1fd/" title="Copie locale au 2024-01-09">
+<p><cite><em><a data-link-domain="gericci.me" href="https://gericci.me/we-need-to-talk-about-the-front-web-5.html" hreflang="en">Part 5: Clues to Fix the Front Web</a> <a href="/david/cache/2024/40aada3cc8d6897fda5a277c4299c1fd/" title="Copie locale au 2024-01-09" hreflang="en">
             <svg xmlns="http://www.w3.org/2000/svg"
                 width="20" height="20" viewBox="0 0 24 24"
                 fill="none" stroke="currentColor"
@@ -148,7 +148,7 @@
             <span class="sr-only">[archive]</span>
             </a></em></cite></p>
 </blockquote>
-<p>Même si je m’émeus encore de l’esthétique d’un <em>Web Component</em> ou d’une nouvelle technique CSS, j’essaye d’être plus attentif au fil des ans à l’impact potentiel des bouts de code que j’assemble. C’est là où <a data-link-domain="daverupert.com" href="https://daverupert.com/2022/06/demo-to-demo-loop/">les démo</a> <a href="/david/cache/2024/9f8c0e75066c1882a3b4ce084e3223ed/" title="Copie locale au 2024-01-09">
+<p>Même si je m’émeus encore de l’esthétique d’un <em>Web Component</em> ou d’une nouvelle technique CSS, j’essaye d’être plus attentif au fil des ans à l’impact potentiel des bouts de code que j’assemble. C’est là où <a data-link-domain="daverupert.com" href="https://daverupert.com/2022/06/demo-to-demo-loop/" hreflang="en">les démo</a> <a href="/david/cache/2024/9f8c0e75066c1882a3b4ce084e3223ed/" title="Copie locale au 2024-01-09" hreflang="en">
             <svg xmlns="http://www.w3.org/2000/svg"
                 width="20" height="20" viewBox="0 0 24 24"
                 fill="none" stroke="currentColor"
@@ -166,7 +166,7 @@
 <p>At most software startups, customers typically don’t care if your product runs on Heroku, Kubernetes, or a really brittle singly-homed machine in Joe’s closet. No purchasing decisions hinge on your commitment to write servers in Rust or use Nix for hermetic everything. And although they might exist, I have sadly never had a customer write a testimonial for the elegant collection of internal services involved in responding to that single HTTP&nbsp;request.</p>
 <p>No; customers are not paying for, nor give a shit about, these things. Sorry. It’s still cool stuff. It’s just not what you’re&nbsp;selling.</p>
 <p><mark>Customers want software that delivers problem-solving <em>impact</em>.</mark> And at the early stage, which is all the way until you’ve reached product-market fit, they’re almost certainly not getting enough, fast enough. You should be spending as much time as you can at this level of the stack, The Product: thinking, building, learning.</p>
-<p><cite><em><a data-link-domain="hoho.com" href="https://hoho.com/posts/your-stack-is-not-the-product/">Your tech stack is not the product</a> <a href="/david/cache/2024/877b1e29328f6ad1b6fef26d7407ec5f/" title="Copie locale au 2024-01-09">
+<p><cite><em><a data-link-domain="hoho.com" href="https://hoho.com/posts/your-stack-is-not-the-product/" hreflang="en">Your tech stack is not the product</a> <a href="/david/cache/2024/877b1e29328f6ad1b6fef26d7407ec5f/" title="Copie locale au 2024-01-09" hreflang="en">
             <svg xmlns="http://www.w3.org/2000/svg"
                 width="20" height="20" viewBox="0 0 24 24"
                 fill="none" stroke="currentColor"
@@ -182,7 +182,7 @@
 
 <blockquote lang="en">
 <p>You can’t make an article on a UX topic without showcasing a practical example. Let’s explore examples that I spotted on the web and how to fix&nbsp;them.</p>
-<p><cite><em><a data-link-domain="ishadeed.com" href="https://ishadeed.com/article/target-size">Designing better target sizes</a> <a href="/david/cache/2024/c98206d38897264005bcd5b453d032b1/" title="Copie locale au 2024-01-10">
+<p><cite><em><a data-link-domain="ishadeed.com" href="https://ishadeed.com/article/target-size" hreflang="en">Designing better target sizes</a> <a href="/david/cache/2024/c98206d38897264005bcd5b453d032b1/" title="Copie locale au 2024-01-10" hreflang="en">
             <svg xmlns="http://www.w3.org/2000/svg"
                 width="20" height="20" viewBox="0 0 24 24"
                 fill="none" stroke="currentColor"

david/2024/01/12/index.html

@@ -136,7 +136,7 @@
 <blockquote>
 <p>Mes lieux de lecture et d’écriture sont très associés. J’écris parce que je&nbsp;lis.</p>
 <p>J’écris de deux&nbsp;façons.</p>
-<p><cite><em><a data-link-domain="la-grange.net" href="https://www.la-grange.net/2024/01/11/pourquoi">je ne sais pas pourquoi</a> <a href="/david/cache/2024/87c468a4eddabe5d2c28e902d7f17504/" title="Copie locale au 2024-01-11">
+<p><cite><em><a data-link-domain="la-grange.net" href="https://www.la-grange.net/2024/01/11/pourquoi" hreflang="fr">je ne sais pas pourquoi</a> <a href="/david/cache/2024/87c468a4eddabe5d2c28e902d7f17504/" title="Copie locale au 2024-01-11" hreflang="fr">
             <svg xmlns="http://www.w3.org/2000/svg"
                 width="20" height="20" viewBox="0 0 24 24"
                 fill="none" stroke="currentColor"
@@ -148,7 +148,7 @@
             <span class="sr-only">[archive]</span>
             </a></em></cite></p>
 </blockquote>
-<p>Karl nous parle de ses moments / lieux d’écriture et de lecture. Je me suis souvent posé cette question et je reconnais des <abbr title="Où Lire, Où Écrire.">oloés</abbr> communs (une <a data-link-domain="tw5.immateriel.fr" href="https://tw5.immateriel.fr/wiki/immateriel/b/YXGEDFB">définition par ici</a> <a href="/david/cache/2024/89dbef9daef24f311b6401cef62f5855/" title="Copie locale au 2024-01-11">
+<p>Karl nous parle de ses moments / lieux d’écriture et de lecture. Je me suis souvent posé cette question et je reconnais des <abbr title="Où Lire, Où Écrire.">oloés</abbr> communs (une <a data-link-domain="tw5.immateriel.fr" href="https://tw5.immateriel.fr/wiki/immateriel/b/YXGEDFB" hreflang="fr">définition par ici</a> <a href="/david/cache/2024/89dbef9daef24f311b6401cef62f5855/" title="Copie locale au 2024-01-11" hreflang="fr">
             <svg xmlns="http://www.w3.org/2000/svg"
                 width="20" height="20" viewBox="0 0 24 24"
                 fill="none" stroke="currentColor"
@@ -159,7 +159,7 @@
             </svg>
             <span class="sr-only">[archive]</span>
             </a>). Mes moments et lieux sont beaucoup plus traditionnels, c’est principalement le soir et dans mon bureau-chambre. Mais il n’y a pas de règle stricte pour autant. Parfois, l’envie d’écrire va être trop forte lors d’une lecture en cours de journée, d’autres fois je vais me réveiller tôt et commencer à écrire dans ma tête depuis mon lit ou sous la douche. Une idée peut arriver et/ou s’étirer en faisant du sport ou dans des contextes&nbsp;routiniers.</p>
-<p>Et puis il y a l’écriture qui appelle une autre écriture, ce moment de <a data-link-domain="blog.jim-nielsen.com" href="https://blog.jim-nielsen.com/2023/blogging-and-compositing/">compost</a> <a href="/david/cache/2024/5030196507bcf3e06162e9eaed40abbe/" title="Copie locale au 2024-01-11">
+<p>Et puis il y a l’écriture qui appelle une autre écriture, ce moment de <a data-link-domain="blog.jim-nielsen.com" href="https://blog.jim-nielsen.com/2023/blogging-and-compositing/" hreflang="en">compost</a> <a href="/david/cache/2024/5030196507bcf3e06162e9eaed40abbe/" title="Copie locale au 2024-01-11" hreflang="en">
             <svg xmlns="http://www.w3.org/2000/svg"
                 width="20" height="20" viewBox="0 0 24 24"
                 fill="none" stroke="currentColor"
@@ -176,7 +176,7 @@
 <p>but I think, in this race to “build an audience,” somewhere in the process, something is missing, left behind — perhaps, a sense of humanity, or individual complexity, or truth, or&nbsp;intimacy.</p>
 <p>I don’t want to feel like I’m just an email address, an IP address, or a potential “lead.” I want to feel fully seen. human.</p>
 <p>[…] instead of “building an audience,” build a world. <mark>build a digital garden-ecosystem, that exists</mark> — first and primarily — <em>for itself</em>. a world that doesn’t need likes, traffic, subscribers, or clicks  — in order to validate its&nbsp;existence.</p>
-<p><cite><em><a data-link-domain="keningzhu.com" href="https://keningzhu.com/journal/build-a-world-not-an-audience">build a world, not an audience</a> <a href="/david/cache/2024/cd2fda3dae5d89990f73fbdaa1c3b491/" title="Copie locale au 2024-01-11">
+<p><cite><em><a data-link-domain="keningzhu.com" href="https://keningzhu.com/journal/build-a-world-not-an-audience" hreflang="en">build a world, not an audience</a> <a href="/david/cache/2024/cd2fda3dae5d89990f73fbdaa1c3b491/" title="Copie locale au 2024-01-11" hreflang="en">
             <svg xmlns="http://www.w3.org/2000/svg"
                 width="20" height="20" viewBox="0 0 24 24"
                 fill="none" stroke="currentColor"
@@ -193,7 +193,7 @@
 <blockquote lang="en">
 <p>These are all very interesting questions but for me, the more pressing question is a slightly different one: which <em>you</em> is your personal site representing? We often don’t pay too much attention to this but <mark>we all have different ways of being&nbsp;ourselves.</mark></p>
 <p>So which one of these should my site represent? Should my site be the personal site of the Manu freelance web developer, with his interests in digital typography, minimal design, and simple websites? Or should represent the slightly competitive on the basketball court Manu, who doesn’t really care all that much about winning but is concerned about having fun? Or maybe it should represent Manu the romantic partner, with all his worry about the practical aspects of life but also full of affection for his partner? The list goes on and&nbsp;on.</p>
-<p><cite><em><a data-link-domain="manuelmoreale.com" href="https://manuelmoreale.com/the-personality-of-a-personal-website">The personality of a personal website</a> <a href="/david/cache/2024/e5c1ca8e3beeb0d256a064832c3566aa/" title="Copie locale au 2024-01-11">
+<p><cite><em><a data-link-domain="manuelmoreale.com" href="https://manuelmoreale.com/the-personality-of-a-personal-website" hreflang="en">The personality of a personal website</a> <a href="/david/cache/2024/e5c1ca8e3beeb0d256a064832c3566aa/" title="Copie locale au 2024-01-11" hreflang="en">
             <svg xmlns="http://www.w3.org/2000/svg"
                 width="20" height="20" viewBox="0 0 24 24"
                 fill="none" stroke="currentColor"
@@ -205,7 +205,7 @@
             <span class="sr-only">[archive]</span>
             </a></em></cite></p>
 </blockquote>
-<p>Je m’interroge souvent sur ce que j’essaye de cacher ici. Ce que cela raconte de ma personnalité, si l’image retournée est <a data-link-domain="thom4.net" href="https://thom4.net/2023/02/01/carnets/">vraiment fidèle</a> <a href="/david/cache/2024/09c0739036ea4a8b6c985e127fe7e3c8/" title="Copie locale au 2024-01-11">
+<p>Je m’interroge souvent sur ce que j’essaye de cacher ici. Ce que cela raconte de ma personnalité, si l’image retournée est <a data-link-domain="thom4.net" href="https://thom4.net/2023/02/01/carnets/" hreflang="fr">vraiment fidèle</a> <a href="/david/cache/2024/09c0739036ea4a8b6c985e127fe7e3c8/" title="Copie locale au 2024-01-11" hreflang="fr">
             <svg xmlns="http://www.w3.org/2000/svg"
                 width="20" height="20" viewBox="0 0 24 24"
                 fill="none" stroke="currentColor"
@@ -220,7 +220,7 @@
 
 <blockquote lang="en">
 <p>We shape our structures and afterward our structures shape us, but the <em>we</em> of the first clause and the <em>us</em> of the second <mark>are not the&nbsp;same.</mark></p>
-<p><cite><a data-link-domain="erinkissane.com" href="https://erinkissane.com/tomorrow-and-tomorrow-and-tomorrow">Tomorrow &amp; Tomorrow &amp; Tomorrow</a> <a href="/david/cache/2024/62bf3ce6ef66e39b7f250a6123d92e66/" title="Copie locale au 2024-01-11">
+<p><cite><a data-link-domain="erinkissane.com" href="https://erinkissane.com/tomorrow-and-tomorrow-and-tomorrow" hreflang="en">Tomorrow &amp; Tomorrow &amp; Tomorrow</a> <a href="/david/cache/2024/62bf3ce6ef66e39b7f250a6123d92e66/" title="Copie locale au 2024-01-11" hreflang="en">
             <svg xmlns="http://www.w3.org/2000/svg"
                 width="20" height="20" viewBox="0 0 24 24"
                 fill="none" stroke="currentColor"
@@ -232,7 +232,7 @@
             <span class="sr-only">[archive]</span>
             </a></cite></p>
 </blockquote>
-<p>En rebond de la <a data-link-domain="quaternum.net" href="https://www.quaternum.net/2024/01/08/tools-shape-practices-shape-tools/">découverte d’Antoine</a> <a href="/david/cache/2024/34fec23081019abd741e0578b050c40e/" title="Copie locale au 2024-01-11">
+<p>En rebond de la <a data-link-domain="quaternum.net" href="https://www.quaternum.net/2024/01/08/tools-shape-practices-shape-tools/" hreflang="fr">découverte d’Antoine</a> <a href="/david/cache/2024/34fec23081019abd741e0578b050c40e/" title="Copie locale au 2024-01-11" hreflang="fr">
             <svg xmlns="http://www.w3.org/2000/svg"
                 width="20" height="20" viewBox="0 0 24 24"
                 fill="none" stroke="currentColor"

david/2024/01/13/index.html

@@ -138,7 +138,7 @@
 <p>Décliner l’usage de ce dont on n’a pas besoin, <mark>discerner parmi les technologies celles qui risquent de faire plus de mal que de bien,</mark> voilà qui manque cruellement à notre époque où l’on a oublié que parfois ne pas nuire vaut mieux qu’agir. Il y aurait pourtant un nombre incalculable d’applications pratiques du <em>wuwei</em>, de la géo-ingénierie à l’intelligence artificielle, tant de cas où il serait bon que l’espèce humaine sache se&nbsp;retenir.</p>
 <p><cite><em>Alors nous irons trouver la beauté ailleurs</em>, Corinne Morel&nbsp;Darleux</cite></p>
 </blockquote>
-<p>Cette année encore, ce sera pour moi le <em>non-usage</em> de l’<a data-link-domain="simonwillison.net" href="https://simonwillison.net/2024/Jan/7/call-it-ai/">intelligence artificielle</a> <a href="/david/cache/2024/3ea27fca4fabb81676fc1b98264f3bd8/" title="Copie locale au 2024-01-13">
+<p>Cette année encore, ce sera pour moi le <em>non-usage</em> de l’<a data-link-domain="simonwillison.net" href="https://simonwillison.net/2024/Jan/7/call-it-ai/" hreflang="en">intelligence artificielle</a> <a href="/david/cache/2024/3ea27fca4fabb81676fc1b98264f3bd8/" title="Copie locale au 2024-01-13" hreflang="en">
             <svg xmlns="http://www.w3.org/2000/svg"
                 width="20" height="20" viewBox="0 0 24 24"
                 fill="none" stroke="currentColor"
@@ -148,7 +148,7 @@
                 </path>
             </svg>
             <span class="sr-only">[archive]</span>
-            </a> explicite qui sera mon <em>wuwei</em>. Je précise le <q lang="fr">explicite</q> car il y en a déjà plein partout dans mon téléphone et ailleurs. J’ai peut-être une des dernières générations d’appareil photo qui ne va pas adapter l’image à une norme / culture apprise. Je suis curieux d’observer le nivellement (au sens moyenne, pas forcément par le bas) que vont provoquer les <abbr title="Large Language Model">LLM</abbr> dans le domaine, peut-être deviendra-t-il plus imperceptible qu’une <a data-link-domain="theverge.com" href="https://www.theverge.com/2023/3/13/23637401/samsung-fake-moon-photos-ai-galaxy-s21-s23-ultra">lune</a> <a href="/david/cache/2024/e990536ed88823f047296ea25a6b7933/" title="Copie locale au 2024-01-13">
+            </a> explicite qui sera mon <em>wuwei</em>. Je précise le <q lang="fr">explicite</q> car il y en a déjà plein partout dans mon téléphone et ailleurs. J’ai peut-être une des dernières générations d’appareil photo qui ne va pas adapter l’image à une norme / culture apprise. Je suis curieux d’observer le nivellement (au sens moyenne, pas forcément par le bas) que vont provoquer les <abbr title="Large Language Model">LLM</abbr> dans le domaine, peut-être deviendra-t-il plus imperceptible qu’une <a data-link-domain="theverge.com" href="https://www.theverge.com/2023/3/13/23637401/samsung-fake-moon-photos-ai-galaxy-s21-s23-ultra" hreflang="en">lune</a> <a href="/david/cache/2024/e990536ed88823f047296ea25a6b7933/" title="Copie locale au 2024-01-13" hreflang="en">
             <svg xmlns="http://www.w3.org/2000/svg"
                 width="20" height="20" viewBox="0 0 24 24"
                 fill="none" stroke="currentColor"
@@ -158,7 +158,7 @@
                 </path>
             </svg>
             <span class="sr-only">[archive]</span>
-            </a> ou une <a data-link-domain="theverge.com" href="https://www.theverge.com/2023/12/2/23985299/iphone-bridal-photo-three-poses-explanation-panorama-photoshop-generative-ai">mariée</a> <a href="/david/cache/2024/668d0f82ae65b0e94ea76145057759a7/" title="Copie locale au 2024-01-13">
+            </a> ou une <a data-link-domain="theverge.com" href="https://www.theverge.com/2023/12/2/23985299/iphone-bridal-photo-three-poses-explanation-panorama-photoshop-generative-ai" hreflang="en">mariée</a> <a href="/david/cache/2024/668d0f82ae65b0e94ea76145057759a7/" title="Copie locale au 2024-01-13" hreflang="en">
             <svg xmlns="http://www.w3.org/2000/svg"
                 width="20" height="20" viewBox="0 0 24 24"
                 fill="none" stroke="currentColor"

david/2024/01/14/index.html

@@ -151,7 +151,7 @@
 
 <blockquote lang="en">
 <p>When the right approach reveals itself, it feels obvious. <mark>But only in retrospect.</mark> <strong>Design is only obvious in retrospect.</strong> It takes iteration and discipline to get there. But when you do get there, it’s much easier to explain your design decisions to others. You know why the design is the right one and can frame your rationale in the context of the problem you are trying to&nbsp;solve.</p>
-<p><cite><em><a data-link-domain="lukew.com" href="https://lukew.com/ff/entry.asp?2036">Until the Right Design Emerges…</a> <a href="/david/cache/2024/84f8caf3e7f7b3de9e18281749c3687f/" title="Copie locale au 2024-01-13">
+<p><cite><em><a data-link-domain="lukew.com" href="https://lukew.com/ff/entry.asp?2036" hreflang="en">Until the Right Design Emerges…</a> <a href="/david/cache/2024/84f8caf3e7f7b3de9e18281749c3687f/" title="Copie locale au 2024-01-13" hreflang="en">
             <svg xmlns="http://www.w3.org/2000/svg"
                 width="20" height="20" viewBox="0 0 24 24"
                 fill="none" stroke="currentColor"
@@ -163,7 +163,7 @@
             <span class="sr-only">[archive]</span>
             </a></em></cite></p>
 </blockquote>
-<p><a href="/david/2024/01/13/" title="Wuwei">Non</a>, pas <a data-link-domain="lukew.com" href="https://lukew.com/ff/entry.asp?2008">cette direction</a> <a href="/david/cache/2024/ea2cfc9aa425a6967d2cacd9f96ceb9e/" title="Copie locale au 2024-01-13">
+<p><a href="/david/2024/01/13/" title="Wuwei">Non</a>, pas <a data-link-domain="lukew.com" href="https://lukew.com/ff/entry.asp?2008" hreflang="en">cette direction</a> <a href="/david/cache/2024/ea2cfc9aa425a6967d2cacd9f96ceb9e/" title="Copie locale au 2024-01-13" hreflang="en">
             <svg xmlns="http://www.w3.org/2000/svg"
                 width="20" height="20" viewBox="0 0 24 24"
                 fill="none" stroke="currentColor"

david/2024/01/16/index.html

@@ -147,7 +147,7 @@
 
 <blockquote lang="en">
 <p>If the new software no longer runs on old hardware, it is <mark>worse</mark> than the old&nbsp;software.</p>
-<p><cite><em><a data-link-domain="blog.jim-nielsen.com" href="https://blog.jim-nielsen.com/2024/notes-from-computing-sustainably/">Notes from “An approach to computing and sustainability inspired from permaculture” by Devine LuLinvega</a> <a href="/david/cache/2024/1f40a33f9c57a16d420eb0868a129e96/" title="Copie locale au 2024-01-15">
+<p><cite><em><a data-link-domain="blog.jim-nielsen.com" href="https://blog.jim-nielsen.com/2024/notes-from-computing-sustainably/" hreflang="en">Notes from “An approach to computing and sustainability inspired from permaculture” by Devine LuLinvega</a> <a href="/david/cache/2024/1f40a33f9c57a16d420eb0868a129e96/" title="Copie locale au 2024-01-15" hreflang="en">
             <svg xmlns="http://www.w3.org/2000/svg"
                 width="20" height="20" viewBox="0 0 24 24"
                 fill="none" stroke="currentColor"

david/2024/01/17/index.html

@@ -136,7 +136,7 @@
 <blockquote>
 <p>Je travaille dans des équipes techniques informatiques, le web, les nouvelles technologies, les startups. Autour de moi je ne vois que des jeunes, avec quelques rares personnes de ma&nbsp;génération.</p>
 <p><mark>Il n’y a quasiment aucune personne de 50&nbsp;ans ou plus dans les équipes techniques.</mark> Les exemples que j’ai en tête sont quelques pointures nationales ou internationales, pas du tout représentatives du&nbsp;métier.</p>
-<p><cite><em><a data-link-domain="n.survol.fr" href="https://n.survol.fr/n/quand-je-serai-bien-vieux">Quand je serai bien vieux</a> <a href="/david/cache/2024/112d32ccefb9aec48180de42e1fe1534/" title="Copie locale au 2024-01-16">
+<p><cite><em><a data-link-domain="n.survol.fr" href="https://n.survol.fr/n/quand-je-serai-bien-vieux" hreflang="fr">Quand je serai bien vieux</a> <a href="/david/cache/2024/112d32ccefb9aec48180de42e1fe1534/" title="Copie locale au 2024-01-16" hreflang="fr">
             <svg xmlns="http://www.w3.org/2000/svg"
                 width="20" height="20" viewBox="0 0 24 24"
                 fill="none" stroke="currentColor"
@@ -160,7 +160,7 @@
 
 <blockquote lang="en">
 <p>After almost 10&nbsp;years of remote work, it would be close to impossible for me to go back to an&nbsp;office.</p>
-<p><cite><em><a data-link-domain="world.hey.com" href="https://world.hey.com/jorge/aging-programmer-d448bdec">Aging programmer</a> <a href="/david/cache/2024/ba977526c7a8cab6935708b2cdba5c0c/" title="Copie locale au 2024-01-16">
+<p><cite><em><a data-link-domain="world.hey.com" href="https://world.hey.com/jorge/aging-programmer-d448bdec" hreflang="en">Aging programmer</a> <a href="/david/cache/2024/ba977526c7a8cab6935708b2cdba5c0c/" title="Copie locale au 2024-01-16" hreflang="en">
             <svg xmlns="http://www.w3.org/2000/svg"
                 width="20" height="20" viewBox="0 0 24 24"
                 fill="none" stroke="currentColor"
@@ -180,7 +180,7 @@
 
 <blockquote lang="en">
 <p>The big one is that the logical alternatives to Node – the “no Node” work environments developers are likely to reach for <em>aren’t going to be based on JavaScript</em>. Import maps mean that browsers effectively have an API surface that non-JS projects can use to build a dependency management system. Much of the tooling surrounding JavaScript is <mark>now implemented in Rust,</mark> not JS – much of it driven by Deno itself – and that makes it more easily accessible outside both the Node and Deno&nbsp;ecosystems.</p>
-<p><cite><em><a data-link-domain="baldurbjarnason.com" href="https://www.baldurbjarnason.com/2024/disillusioned-with-deno/">Disillusioned with Deno</a> <a href="/david/cache/2024/7d2d2bce96cbc020423299e7de03d2cf/" title="Copie locale au 2024-01-16">
+<p><cite><em><a data-link-domain="baldurbjarnason.com" href="https://www.baldurbjarnason.com/2024/disillusioned-with-deno/" hreflang="en">Disillusioned with Deno</a> <a href="/david/cache/2024/7d2d2bce96cbc020423299e7de03d2cf/" title="Copie locale au 2024-01-16" hreflang="en">
             <svg xmlns="http://www.w3.org/2000/svg"
                 width="20" height="20" viewBox="0 0 24 24"
                 fill="none" stroke="currentColor"

david/2024/01/19/index.html

@@ -136,7 +136,7 @@
 <blockquote lang="en">
 <p>A walk-and-talk is a moveable salon. A small group of people walk together for a week, having casual conversations side-by-side during most of the day. In the evening the group sits down to an intense hours-long discussion centered on a daily chosen topic by those present. A moderator keeps the conversation on that day’s single topic to sharpen it and make it&nbsp;memorable.</p>
 <p><mark>To focus on conversations while walking,</mark> participants carry only day-packs, and eat locally prepared meals. The walks are not strenuous and to keep it even more inspiring, they take place in storied environments that are walker-friendly, such as footpaths in England, Japan, and Spain. By the end of the week, every person present has walked about 100&#8239;km and has had deep conversations with all the&nbsp;others.</p>
-<p><cite><em><a data-link-domain="craigmod.com" href="https://craigmod.com/ridgeline/176/">The Walk and Talk: Everything We Know</a> <a href="/david/cache/2024/877ad04fd329c26c80113e15dec540df/" title="Copie locale au 2024-01-18">
+<p><cite><em><a data-link-domain="craigmod.com" href="https://craigmod.com/ridgeline/176/" hreflang="en">The Walk and Talk: Everything We Know</a> <a href="/david/cache/2024/877ad04fd329c26c80113e15dec540df/" title="Copie locale au 2024-01-18" hreflang="en">
             <svg xmlns="http://www.w3.org/2000/svg"
                 width="20" height="20" viewBox="0 0 24 24"
                 fill="none" stroke="currentColor"
@@ -154,7 +154,7 @@
 
 <blockquote lang="en">
 <p>Going forward I plan to version the projects I work on in a way that communicates <em>how much effort I expect a user will need to spend to adopt the new version.</em> I’m going to refer to that scheme as <strong>Intended Effort Versioning (EffVer for short)</strong>.</p>
-<p><cite><em><a data-link-domain="jacobtomlinson.dev" href="https://jacobtomlinson.dev/effver/">EffVer: Version your code by the effort required to upgrade</a> <a href="/david/cache/2024/fd6eda56671045e0c1e2d215e07f1a6f/" title="Copie locale au 2024-01-18">
+<p><cite><em><a data-link-domain="jacobtomlinson.dev" href="https://jacobtomlinson.dev/effver/" hreflang="en">EffVer: Version your code by the effort required to upgrade</a> <a href="/david/cache/2024/fd6eda56671045e0c1e2d215e07f1a6f/" title="Copie locale au 2024-01-18" hreflang="en">
             <svg xmlns="http://www.w3.org/2000/svg"
                 width="20" height="20" viewBox="0 0 24 24"
                 fill="none" stroke="currentColor"

david/2024/01/20/index.html

@@ -136,7 +136,7 @@
 <blockquote lang="en">
 <p>So where have all the websites gone? Well, the people who make them have all gone to war for the capitalist machine. They grew up and got jobs. A natural part of growing up. Silos came and plucked their voices. Invasive memes and short form content grew in their place. Hustle overtook leisure. Harassment overtook openness. Influence overtook creativity. An economy of interestingness replaced by one of followers, likes, and engagement&nbsp;metrics.</p>
 <p>One important thing to note; <mark>websites aren’t extinct.</mark> In fact, you’re on one now! Uploading your own words is ancient technology but still&nbsp;works.</p>
-<p><cite><em><a data-link-domain="daverupert.com" href="https://daverupert.com/2024/01/where-have-all-the-websites-gone/">Where have all the flowers gone?</a> <a href="/david/cache/2024/7136e0810bfa42c4a9ca798a55cd2d53/" title="Copie locale au 2024-01-19">
+<p><cite><em><a data-link-domain="daverupert.com" href="https://daverupert.com/2024/01/where-have-all-the-websites-gone/" hreflang="en">Where have all the flowers gone?</a> <a href="/david/cache/2024/7136e0810bfa42c4a9ca798a55cd2d53/" title="Copie locale au 2024-01-19" hreflang="en">
             <svg xmlns="http://www.w3.org/2000/svg"
                 width="20" height="20" viewBox="0 0 24 24"
                 fill="none" stroke="currentColor"
@@ -148,7 +148,7 @@
             <span class="sr-only">[archive]</span>
             </a></em></cite></p>
 </blockquote>
-<p>En réponse à <q lang="en"><a data-link-domain="fromjason.xyz" href="https://www.fromjason.xyz/p/notebook/where-have-all-the-websites-gone/">Where have all the websites gone?</a> <a href="/david/cache/2024/c3272392d462da90874d32841e5caac8/" title="Copie locale au 2024-01-09">
+<p>En réponse à <q lang="en"><a data-link-domain="fromjason.xyz" href="https://www.fromjason.xyz/p/notebook/where-have-all-the-websites-gone/" hreflang="en">Where have all the websites gone?</a> <a href="/david/cache/2024/c3272392d462da90874d32841e5caac8/" title="Copie locale au 2024-01-09" hreflang="en">
             <svg xmlns="http://www.w3.org/2000/svg"
                 width="20" height="20" viewBox="0 0 24 24"
                 fill="none" stroke="currentColor"
@@ -171,7 +171,7 @@
 <li><mark>Graphical user interfaces should not be required for text-based communication.</mark>  Users may have broken graphics drivers, limited eyesight, or be unable to afford modern&nbsp;hardware.</li>
 </ul>
 <p>public-inbox aims to be easy-to-deploy and manage; encouraging projects to run their own instances with minimal&nbsp;overhead.</p>
-<p><cite><em><a data-link-domain="public-inbox.org" href="https://public-inbox.org/README.html">public-inbox - an &quot;archives first&quot; approach to mailing lists</a> <a href="/david/cache/2024/30b40ff8034212e070dc7daf2b9406e9/" title="Copie locale au 2024-01-19">
+<p><cite><em><a data-link-domain="public-inbox.org" href="https://public-inbox.org/README.html" hreflang="en">public-inbox - an &quot;archives first&quot; approach to mailing lists</a> <a href="/david/cache/2024/30b40ff8034212e070dc7daf2b9406e9/" title="Copie locale au 2024-01-19" hreflang="en">
             <svg xmlns="http://www.w3.org/2000/svg"
                 width="20" height="20" viewBox="0 0 24 24"
                 fill="none" stroke="currentColor"

david/2024/01/22/index.html

@@ -141,7 +141,7 @@
 <p>Doit-on être spécialiste d’un sujet pour en parler&#8239;? Rien ne peut fonctionner si seuls les universitaires peuvent écrire des essais, si les romancières sont cantonnées à raconter des histoires, si seuls les insurgés sont légitimes à parler de révolution, les pauvres de misère, les racisés de discrimination, si les déserteurs sont trop diplômés et si les écrivains ne peuvent disserter que sur la&nbsp;création.</p>
 <p><cite><em>Alors nous irons trouver la beauté ailleurs</em>, Corinne Morel&nbsp;Darleux</cite></p>
 </blockquote>
-<p>La légitimité de la personne qui écrit est importante —&nbsp;notamment en terme de crédibilité&nbsp;— et j’apprécie qu’IA Writer <a data-link-domain="ia.net" href="https://ia.net/topics/writing-with-ai">expérimente des choses</a> <a href="/david/cache/2024/291cddda62f18ec9355ec98761b7e9d9/" title="Copie locale au 2024-01-21">
+<p>La légitimité de la personne qui écrit est importante —&nbsp;notamment en terme de crédibilité&nbsp;— et j’apprécie qu’IA Writer <a data-link-domain="ia.net" href="https://ia.net/topics/writing-with-ai" hreflang="en">expérimente des choses</a> <a href="/david/cache/2024/291cddda62f18ec9355ec98761b7e9d9/" title="Copie locale au 2024-01-21" hreflang="en">
             <svg xmlns="http://www.w3.org/2000/svg"
                 width="20" height="20" viewBox="0 0 24 24"
                 fill="none" stroke="currentColor"
@@ -163,7 +163,7 @@
 <blockquote lang="en">
 <p>Sometimes I’d have a realization that I was doing something for the first time since I had left home, 16&nbsp;months earlier. First time pumping gas. First time ringing a doorbell. First time going to a grocery store. First time swimming. Each of these instances brought with it a small feeling of novelty, but it didn’t amount to much. It took conscious effort to remember that I was pumping gas for the first time in 16&nbsp;months. It felt&nbsp;normal.</p>
 <p>I was back in my real life, and although I put it on hold for Antarctica, it was waiting for me when I got back. <mark>Antarctica was a a different world, a radical departure from my normal reality.</mark> It was so different, in fact, that I simply could not merge the two realities into one. I had my real life, and I had my Antarctica life. When my Antarctica life finished, I resumed my real&nbsp;life.</p>
-<p><cite><em><a data-link-domain="brr.fyi" href="https://brr.fyi/posts/redeployment-part-three">Redeployment Part Three</a> <a href="/david/cache/2024/e8748af541273328d9aa9f1aeb1087b2/" title="Copie locale au 2024-01-21">
+<p><cite><em><a data-link-domain="brr.fyi" href="https://brr.fyi/posts/redeployment-part-three" hreflang="en">Redeployment Part Three</a> <a href="/david/cache/2024/e8748af541273328d9aa9f1aeb1087b2/" title="Copie locale au 2024-01-21" hreflang="en">
             <svg xmlns="http://www.w3.org/2000/svg"
                 width="20" height="20" viewBox="0 0 24 24"
                 fill="none" stroke="currentColor"
@@ -175,7 +175,7 @@
             <span class="sr-only">[archive]</span>
             </a></em></cite></p>
 </blockquote>
-<p>Troisième partie (<a data-link-domain="brr.fyi" href="https://brr.fyi/posts/redeployment-part-one">1</a> <a href="/david/cache/2024/da7e5578fd96fe31d46bfb207d041880/" title="Copie locale au 2024-01-21">
+<p>Troisième partie (<a data-link-domain="brr.fyi" href="https://brr.fyi/posts/redeployment-part-one" hreflang="en">1</a> <a href="/david/cache/2024/da7e5578fd96fe31d46bfb207d041880/" title="Copie locale au 2024-01-21" hreflang="en">
             <svg xmlns="http://www.w3.org/2000/svg"
                 width="20" height="20" viewBox="0 0 24 24"
                 fill="none" stroke="currentColor"
@@ -185,7 +185,7 @@
                 </path>
             </svg>
             <span class="sr-only">[archive]</span>
-            </a>, <a data-link-domain="brr.fyi" href="https://brr.fyi/posts/redeployment-part-two">2</a> <a href="/david/cache/2024/284205d0f99390dd18d3af12ff53227c/" title="Copie locale au 2024-01-21">
+            </a>, <a data-link-domain="brr.fyi" href="https://brr.fyi/posts/redeployment-part-two" hreflang="en">2</a> <a href="/david/cache/2024/284205d0f99390dd18d3af12ff53227c/" title="Copie locale au 2024-01-21" hreflang="en">
             <svg xmlns="http://www.w3.org/2000/svg"
                 width="20" height="20" viewBox="0 0 24 24"
                 fill="none" stroke="currentColor"
@@ -201,7 +201,7 @@
 
 <blockquote>
 <p>Il est largement prouvé qu’il n’y a qu’un moyen de faire entrer plus de femmes dans la tech. C’est par le biais de la <strong>représentativité</strong>. <mark>Les jeunes femmes ne peuvent pas se projeter dans des rôles qu’elles ne connaissent pas.</mark> J’espère qu’à un moment où un autre, vous aurez vous aussi envie d’occuper l’espace et de vous rendre visible, pour montrer que les femmes dans la tech existent et que c’est une voie royale. Vous pouvez aussi être <strong>marraine</strong> et intervenir dans des écoles avec <a data-link-domain="ellesbougent.com" href="https://www.ellesbougent.com/">Elles bougent</a> ou <a data-link-domain="intrepidesdelatech.org" href="https://www.intrepidesdelatech.org/">Les intrépides de la tech</a>.</p>
-<p><cite><em><a data-link-domain="duchess-france.fr" href="https://www.duchess-france.fr/dossier/women%20in%20tech/alli%C3%A9s/2023/01/15/manuel-survie-femme-tech.html">Manuel de survie de la femme dans la tech</a> <a href="/david/cache/2024/c4751e7c80b292e3533ee6b3e057b702/" title="Copie locale au 2024-01-21">
+<p><cite><em><a data-link-domain="duchess-france.fr" href="https://www.duchess-france.fr/dossier/women%20in%20tech/alli%C3%A9s/2023/01/15/manuel-survie-femme-tech.html" hreflang="en">Manuel de survie de la femme dans la tech</a> <a href="/david/cache/2024/c4751e7c80b292e3533ee6b3e057b702/" title="Copie locale au 2024-01-21" hreflang="en">
             <svg xmlns="http://www.w3.org/2000/svg"
                 width="20" height="20" viewBox="0 0 24 24"
                 fill="none" stroke="currentColor"

david/2024/01/24/index.html

@@ -144,7 +144,7 @@
 
 <blockquote lang="en">
 <p>Further, if we have learned anything in the last 3&nbsp;years as an industry, it should be to strive for building small, highly efficient teams and avoiding bloated, overstaffed organizations at all costs. Larger teams move slower, create more incidental complexity, and are much more susceptible to the layoffs we’ve all been suffering through. <mark>Engineering leaders would be well served to focus on hiring smaller teams</mark> and providing them with sufficient time and support to create simple solutions that generate business&nbsp;value.</p>
-<p><cite><em><a data-link-domain="blog.testdouble.com" href="https://blog.testdouble.com/posts/2024-01-24-plea-for-lean/">Echoing Wirth’s plea for lean software</a> <a href="/david/cache/2024/82b88d48d8043d79425ce8afd8dff42e/" title="Copie locale au 2024-01-24">
+<p><cite><em><a data-link-domain="blog.testdouble.com" href="https://blog.testdouble.com/posts/2024-01-24-plea-for-lean/" hreflang="en">Echoing Wirth’s plea for lean software</a> <a href="/david/cache/2024/82b88d48d8043d79425ce8afd8dff42e/" title="Copie locale au 2024-01-24" hreflang="en">
             <svg xmlns="http://www.w3.org/2000/svg"
                 width="20" height="20" viewBox="0 0 24 24"
                 fill="none" stroke="currentColor"

david/2024/01/25/index.html

@@ -154,7 +154,7 @@
 
 <blockquote>
 <p>Alors que le malaise dans lequel sont aujourd’hui plongées les sociétés occidentales n’en finit plus d’être commenté, est-il néanmoins possible de dessiner les contours d’une société idéale, une utopie réaliste, susceptible de constituer, pour les Français, un avenir désirable&#8239;? C’est précisément pour apporter des éléments de réponses à cette question qu’a été lancé en 2019&nbsp;l’Observatoire des perspectives utopiques. Dans le sillage de ces deux années de pandémie et à la veille de l’élection présidentielle, il nous est apparu utile de reconduire cette enquête, pour saisir où en sont les Français et évaluer dans quelle mesure leurs représentations et aspirations ont&nbsp;évolué.</p>
-<p><cite><em><a data-link-domain="lobsoco.com" href="https://lobsoco.com/perspectives-utopiques-vague-3/">L’Observatoire des perspectives utopiques</a> <a href="/david/cache/2024/7ed7f4aefae1b5af33b3ec1f607a633f/" title="Copie locale au 2024-01-24">
+<p><cite><em><a data-link-domain="lobsoco.com" href="https://lobsoco.com/perspectives-utopiques-vague-3/" hreflang="fr">L’Observatoire des perspectives utopiques</a> <a href="/david/cache/2024/7ed7f4aefae1b5af33b3ec1f607a633f/" title="Copie locale au 2024-01-24" hreflang="fr">
             <svg xmlns="http://www.w3.org/2000/svg"
                 width="20" height="20" viewBox="0 0 24 24"
                 fill="none" stroke="currentColor"

david/2024/01/26/index.html

@@ -136,7 +136,7 @@
 <blockquote lang="en">
 <p>I think the actual harm of signing git commits is to perpetuate an engineering culture of unquestioningly cargo-culting sophisticated and complex tools like cryptographic signatures into new contexts where they have no&nbsp;use.</p>
 <p>Just from a baseline utilitarian philosophical perspective, for a given action A, all else being equal, it’s always better not to do A, because taking an action always has some non-zero opportunity cost even if it is just the time taken to do it. Epsilon cost and zero benefit is still a net harm. This is even more true in the context of a complex system. Any action taken in response to a rule in a system is going to interact with all the other rules in that system. You have to pay complexity-rent on every new rule. <mark>So an apparently-useless embellishment like signing commits can have potentially far-reaching consequences in the&nbsp;future.</mark></p>
-<p><cite><em><a data-link-domain="blog.glyph.im" href="https://blog.glyph.im/2024/01/unsigned-commits.html">Unsigned Commits</a> <a href="/david/cache/2024/ce5fdc61fd66cdb9ce548fb543eba986/" title="Copie locale au 2024-01-25">
+<p><cite><em><a data-link-domain="blog.glyph.im" href="https://blog.glyph.im/2024/01/unsigned-commits.html" hreflang="en">Unsigned Commits</a> <a href="/david/cache/2024/ce5fdc61fd66cdb9ce548fb543eba986/" title="Copie locale au 2024-01-25" hreflang="en">
             <svg xmlns="http://www.w3.org/2000/svg"
                 width="20" height="20" viewBox="0 0 24 24"
                 fill="none" stroke="currentColor"
@@ -165,7 +165,7 @@ Des affects, qui constituent la nécessaire force motrice du mouvement que nous
 
 <blockquote lang="en">
 <p>Every time I have told someone “I want to replace PDF“, the statement has been met with extreme skepticism. Hopefully this document has convinced you that <mark>HTML-via-EPUB could potentially be a viable</mark> and desirable document format for the&nbsp;future.</p>
-<p><cite><em><a data-link-domain="willcrichton.net" href="https://willcrichton.net/notes/portable-epubs/">Portable EPUBs</a> <a href="/david/cache/2024/ffaf50bf5d5e4cf870a618b518ee5ba7/" title="Copie locale au 2024-01-25">
+<p><cite><em><a data-link-domain="willcrichton.net" href="https://willcrichton.net/notes/portable-epubs/" hreflang="en">Portable EPUBs</a> <a href="/david/cache/2024/ffaf50bf5d5e4cf870a618b518ee5ba7/" title="Copie locale au 2024-01-25" hreflang="en">
             <svg xmlns="http://www.w3.org/2000/svg"
                 width="20" height="20" viewBox="0 0 24 24"
                 fill="none" stroke="currentColor"

david/2024/01/29/index.html

@@ -135,7 +135,7 @@
 
 <blockquote>
 <p>Ce qui me fait penser que cela fait plusieurs fois que je veux demander comment David déploie son&nbsp;site.</p>
-<p><cite><em><a data-link-domain="la-grange.net" href="https://www.la-grange.net/2024/01/24/herbe">herbe</a> <a href="/david/cache/2024/956819385548bba6e768563b12edc2d6/" title="Copie locale au 2024-01-28">
+<p><cite><em><a data-link-domain="la-grange.net" href="https://www.la-grange.net/2024/01/24/herbe" hreflang="fr">herbe</a> <a href="/david/cache/2024/956819385548bba6e768563b12edc2d6/" title="Copie locale au 2024-01-28" hreflang="fr">
             <svg xmlns="http://www.w3.org/2000/svg"
                 width="20" height="20" viewBox="0 0 24 24"
                 fill="none" stroke="currentColor"
@@ -160,7 +160,7 @@ git archive --remote=larlet-fr-david-cache.git master | tar -x -C larlet-fr/davi
 
 <blockquote lang="en">
 <p>I therefore officially announce 2024&nbsp;to be the year when the square checkbox has finally&nbsp;died.</p>
-<p><cite><em><a data-link-domain="tonsky.me" href="https://tonsky.me/blog/checkbox/">In Loving Memory of Square Checkbox</a> <a href="/david/cache/2024/ff566a58892db07815a327802fea66d3/" title="Copie locale au 2024-01-28">
+<p><cite><em><a data-link-domain="tonsky.me" href="https://tonsky.me/blog/checkbox/" hreflang="en">In Loving Memory of Square Checkbox</a> <a href="/david/cache/2024/ff566a58892db07815a327802fea66d3/" title="Copie locale au 2024-01-28" hreflang="en">
             <svg xmlns="http://www.w3.org/2000/svg"
                 width="20" height="20" viewBox="0 0 24 24"
                 fill="none" stroke="currentColor"
@@ -172,7 +172,7 @@ git archive --remote=larlet-fr-david-cache.git master | tar -x -C larlet-fr/davi
             <span class="sr-only">[archive]</span>
             </a></em></cite></p>
 </blockquote>
-<p>À quand une petite coche sur les <a data-link-domain="alvaromontoro.com" href="https://alvaromontoro.com/blog/68049/new-toggle-switch-lands-in-safari">futurs toggle/switch natifs</a> <a href="/david/cache/2024/b351cda8d2ccd73362ca1729845b7e79/" title="Copie locale au 2024-01-28">
+<p>À quand une petite coche sur les <a data-link-domain="alvaromontoro.com" href="https://alvaromontoro.com/blog/68049/new-toggle-switch-lands-in-safari" hreflang="en">futurs toggle/switch natifs</a> <a href="/david/cache/2024/b351cda8d2ccd73362ca1729845b7e79/" title="Copie locale au 2024-01-28" hreflang="en">
             <svg xmlns="http://www.w3.org/2000/svg"
                 width="20" height="20" viewBox="0 0 24 24"
                 fill="none" stroke="currentColor"
@@ -183,7 +183,7 @@ git archive --remote=larlet-fr-david-cache.git master | tar -x -C larlet-fr/davi
             </svg>
             <span class="sr-only">[archive]</span>
             </a>&#8239;? Ou <a data-link-domain="grumpy.website" href="https://grumpy.website/1457">pire</a>&#8239;? 🙈</p>
-<p>R.I.P. <a data-link-domain="nubero.ch" href="https://www.nubero.ch/blog/009/">les boutons</a> <a href="/david/cache/2024/a3ccfb51f65cd59f375d5424d243e012/" title="Copie locale au 2024-01-28">
+<p>R.I.P. <a data-link-domain="nubero.ch" href="https://www.nubero.ch/blog/009/" hreflang="de">les boutons</a> <a href="/david/cache/2024/a3ccfb51f65cd59f375d5424d243e012/" title="Copie locale au 2024-01-28" hreflang="de">
             <svg xmlns="http://www.w3.org/2000/svg"
                 width="20" height="20" viewBox="0 0 24 24"
                 fill="none" stroke="currentColor"
@@ -199,7 +199,7 @@ git archive --remote=larlet-fr-david-cache.git master | tar -x -C larlet-fr/davi
 <blockquote>
 <p>Les poètes et écrivains évitaient tous la colère des rois et des puissants par l’utilisation de métaphores. Mais c’est justement par cette analogie que cela devient&nbsp;intéressant.</p>
 <p><mark>Les empires informatiques d’aujourd’hui comme exemples de l’absolutisme du pouvoir des siècles précédents posent la question plus qu’intéressantes sur la liberté d’expression.</mark> Quand tout l’espace de notre expression transite par un domaine privé et commercial, nous ne sommes plus dans l’espace public de notre expression mais bien dans cet espace contrôlé. Que devient le sens de notre communication si dès que nous sommes sur ces espaces, l’expression devient plus limitée que celle que l’espace public&nbsp;permet.</p>
-<p><cite><em><a data-link-domain="la-grange.net" href="https://www.la-grange.net/2024/01/26/fraichement">fraîchement</a> <a href="/david/cache/2024/b692faaa55fd2775e957b20e833e9e5e/" title="Copie locale au 2024-01-28">
+<p><cite><em><a data-link-domain="la-grange.net" href="https://www.la-grange.net/2024/01/26/fraichement" hreflang="fr">fraîchement</a> <a href="/david/cache/2024/b692faaa55fd2775e957b20e833e9e5e/" title="Copie locale au 2024-01-28" hreflang="fr">
             <svg xmlns="http://www.w3.org/2000/svg"
                 width="20" height="20" viewBox="0 0 24 24"
                 fill="none" stroke="currentColor"
@@ -219,7 +219,7 @@ git archive --remote=larlet-fr-david-cache.git master | tar -x -C larlet-fr/davi
 <p>[…] Je ne sais pas ce qui est le plus important, préserver un nom de domaine n’est qu’une partie. Préserver le contenu derrière le nom de domaine est plus difficile. Il faut penser serveurs, mise à jour de sécurité, les technologies utilisées, etc.</p>
 <p>Le No JS pour les sites Web est rarement mentionné pour la longévité du contenu. Et pourtant c’est une pièce&nbsp;fondamentale.</p>
 <p>Peut-être il serait plus important de <mark>penser à ce que les autres voudront préserver plutôt que de penser à ce que nous voulons transmettre.</mark> De même que voulons nous préserver des générations antérieures pour nous aider à mieux penser notre propre&nbsp;disparition.</p>
-<p><cite><em><a data-link-domain="la-grange.net" href="https://www.la-grange.net/2024/01/23/legacy">ce que nous laissons</a> <a href="/david/cache/2024/1fe484434058e9c44d21bfebb0ddba31/" title="Copie locale au 2024-01-28">
+<p><cite><em><a data-link-domain="la-grange.net" href="https://www.la-grange.net/2024/01/23/legacy" hreflang="fr">ce que nous laissons</a> <a href="/david/cache/2024/1fe484434058e9c44d21bfebb0ddba31/" title="Copie locale au 2024-01-28" hreflang="fr">
             <svg xmlns="http://www.w3.org/2000/svg"
                 width="20" height="20" viewBox="0 0 24 24"
                 fill="none" stroke="currentColor"
@@ -231,7 +231,7 @@ git archive --remote=larlet-fr-david-cache.git master | tar -x -C larlet-fr/davi
             <span class="sr-only">[archive]</span>
             </a></em></cite></p>
 </blockquote>
-<p>Peut-être que si chaque personne avait sa <a href="/david/cache/2024/">propre archive</a> des publications des autres, on aurait accès à un réseau de citations distribuées qui contribueraient à cette préservation. Et qui auraient été considérées comme étant «&nbsp;pertinentes&nbsp;» par les lecteur·ices&#8239;? Les guillemets sont importants car citation ne veut pas forcément dire caution ou intérêt le plus grand. Par exemple, l’<a data-link-domain="la-grange.net" href="https://www.la-grange.net/2024/01/22/carnet">anecdote</a> <a href="/david/cache/2024/790f724c45b26de460f9eeac04d48884/" title="Copie locale au 2024-01-28">
+<p>Peut-être que si chaque personne avait sa <a href="/david/cache/2024/">propre archive</a> des publications des autres, on aurait accès à un réseau de citations distribuées qui contribueraient à cette préservation. Et qui auraient été considérées comme étant «&nbsp;pertinentes&nbsp;» par les lecteur·ices&#8239;? Les guillemets sont importants car citation ne veut pas forcément dire caution ou intérêt le plus grand. Par exemple, l’<a data-link-domain="la-grange.net" href="https://www.la-grange.net/2024/01/22/carnet" hreflang="fr">anecdote</a> <a href="/david/cache/2024/790f724c45b26de460f9eeac04d48884/" title="Copie locale au 2024-01-28" hreflang="fr">
             <svg xmlns="http://www.w3.org/2000/svg"
                 width="20" height="20" viewBox="0 0 24 24"
                 fill="none" stroke="currentColor"

david/2024/01/30/index.html

@@ -141,7 +141,7 @@
 <li><strong>Teams-in-name-only</strong> are groups that claim to be a team, but lack emotional commitment and shared purpose. They are like working groups, but without the efficient processes and individual responsibility. […]</li>
 </ul>
 <p>Although most people are told that they’re part of a team, the reality is that, more often than not, they’re members of a&nbsp;team-in-name-only.</p>
-<p><cite><em><a data-link-domain="strategy-business.com" href="https://www.strategy-business.com/article/Teaming-is-hard-because-youre-probably-not-really-on-a-team">Teaming is hard because you’re probably not really on a team</a> <a href="/david/cache/2024/9b4b5364526390ba1db9c4a651ea8311/" title="Copie locale au 2024-01-29">
+<p><cite><em><a data-link-domain="strategy-business.com" href="https://www.strategy-business.com/article/Teaming-is-hard-because-youre-probably-not-really-on-a-team" hreflang="en">Teaming is hard because you’re probably not really on a team</a> <a href="/david/cache/2024/9b4b5364526390ba1db9c4a651ea8311/" title="Copie locale au 2024-01-29" hreflang="en">
             <svg xmlns="http://www.w3.org/2000/svg"
                 width="20" height="20" viewBox="0 0 24 24"
                 fill="none" stroke="currentColor"

david/2024/02/01/index.html

@@ -135,7 +135,7 @@
 
 <blockquote lang="en">
 <p>But if you were to try just one thing using Vision Pro — just one thing — it has to be <mark>watching a movie</mark> in the TV app, in theater mode. Try that, and no matter how skeptical you were beforehand about the Vision Pro’s price tag, your hand will start inching toward your&nbsp;wallet.</p>
-<p><cite><em><a data-link-domain="daringfireball.net" href="https://daringfireball.net/2024/01/the_vision_pro">Daring Fireball: The Vision Pro</a> <a href="/david/cache/2024/cd9184008ba5d9e4c9be4d0a0eea4f60/" title="Copie locale au 2024-01-31">
+<p><cite><em><a data-link-domain="daringfireball.net" href="https://daringfireball.net/2024/01/the_vision_pro" hreflang="en">Daring Fireball: The Vision Pro</a> <a href="/david/cache/2024/cd9184008ba5d9e4c9be4d0a0eea4f60/" title="Copie locale au 2024-01-31" hreflang="en">
             <svg xmlns="http://www.w3.org/2000/svg"
                 width="20" height="20" viewBox="0 0 24 24"
                 fill="none" stroke="currentColor"
@@ -156,7 +156,7 @@
 <blockquote lang="en">
 <p>The “i” in iPhone stands for “inequality”. […]</p>
 <p><mark>iPhone owners live in a different world</mark> than high-end Android buyers, and light-years away what the bulk of the market experiences. No matter how you slice it, the performance inequality gap is growing for CPU-bound workloads like JavaScript-heavy web&nbsp;apps.</p>
-<p><cite><em><a data-link-domain="infrequently.org" href="https://infrequently.org/2024/01/performance-inequality-gap-2024/">The Performance Inequality Gap, 2024</a> <a href="/david/cache/2024/0676c7ccf1ab2b380641866789366d26/" title="Copie locale au 2024-01-31">
+<p><cite><em><a data-link-domain="infrequently.org" href="https://infrequently.org/2024/01/performance-inequality-gap-2024/" hreflang="en">The Performance Inequality Gap, 2024</a> <a href="/david/cache/2024/0676c7ccf1ab2b380641866789366d26/" title="Copie locale au 2024-01-31" hreflang="en">
             <svg xmlns="http://www.w3.org/2000/svg"
                 width="20" height="20" viewBox="0 0 24 24"
                 fill="none" stroke="currentColor"
@@ -182,7 +182,7 @@
 <blockquote lang="en">
 <p>Rather, the biggest benefits I see are <em>collective</em>, cutting across the industry as a whole. I think web components can make the entire web more accessible. They have the potential to unify currently fragmented communities, including various JavaScript frameworks <em>and</em> <mark>those who avoid them</mark>.</p>
 <p>[…] Web components won’t take web development by storm, or show us the One True Way to build websites. They don’t need to dethrone JavaScript frameworks. We probably won’t even all learn how to write&nbsp;them!</p>
-<p><cite><em><a data-link-domain="jakelazaroff.com" href="https://jakelazaroff.com/words/the-web-component-success-story/">The Web Component Success Story</a> <a href="/david/cache/2024/f4d2d42eba58062be910407690ae447c/" title="Copie locale au 2024-01-31">
+<p><cite><em><a data-link-domain="jakelazaroff.com" href="https://jakelazaroff.com/words/the-web-component-success-story/" hreflang="en">The Web Component Success Story</a> <a href="/david/cache/2024/f4d2d42eba58062be910407690ae447c/" title="Copie locale au 2024-01-31" hreflang="en">
             <svg xmlns="http://www.w3.org/2000/svg"
                 width="20" height="20" viewBox="0 0 24 24"
                 fill="none" stroke="currentColor"

david/2024/02/02/index.html

@@ -125,6 +125,10 @@
          title="Aller à la page de recherche"
          rel="search" data-no-instant>Recherche</a>
       
+        • <a rel="next"
+            href="/david/2024/02/03/"
+            title="Publication suivante : Archives">Suivant →</a>
+      
     </p>
   </nav>
   
@@ -194,7 +198,7 @@
 </ul>
 <p>Prendre l’initiative c’est créer une perturbation dans le système par <em>une partie</em> du groupe, se démarquer. La vision partagée fait appel par contre au collectif. Il s’agit de construire un système ensemble qui autorise à faire des choses dans le cadre de cette vision partagée. Il serait pertinent d’éclairer la tensions entre initiatives locales et impact global (coucou <del>René Dubos</del>&nbsp;<a href="/david/stream/2015/11/22/">Jacques Ellul</a>). On a le véhicule, il faut choisir où il va maintenant grâce à un cadre collectivement&nbsp;consenti.</p>
 <p>Pour progresser, on pourrait travailler sur des prises de décisions concrètes, engageantes. Il faut accepter / souhaiter que ça va déstabiliser le système (immunitaire). Hop, retour à&nbsp;l’intro.</p>
-<p>Note&nbsp;: l’Holacracy est un bon business pour les consultant·es, la Sociocratie ouvre d’autres possibilités au sujet du consentement. Voir aussi <em><a data-link-domain="iapop.com" href="https://iapop.com/deep-democracy/">Deep Democracy</a> <a href="/david/cache/2024/1d60fc5548a6fe61da80a4e16892fa0c/" title="Copie locale au 2024-01-31">
+<p>Note&nbsp;: l’Holacracy est un bon business pour les consultant·es, la Sociocratie ouvre d’autres possibilités au sujet du consentement. Voir aussi <em><a data-link-domain="iapop.com" href="https://iapop.com/deep-democracy/" hreflang="en">Deep Democracy</a> <a href="/david/cache/2024/1d60fc5548a6fe61da80a4e16892fa0c/" title="Copie locale au 2024-01-31" hreflang="en">
             <svg xmlns="http://www.w3.org/2000/svg"
                 width="20" height="20" viewBox="0 0 24 24"
                 fill="none" stroke="currentColor"
@@ -249,6 +253,10 @@
       
       <a href="/david/2024/" title="Liste des publications récentes">↑ En 2024</a>
       
+        • <a rel="next"
+            href="/david/2024/02/03/"
+            title="Publication suivante : Archives">Suivant →</a>
+      
     </p>
   </nav>
 

david/2024/02/03/index.html

@@ -0,0 +1,366 @@
+<!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>
+    Archives
+  — David Larlet</title>
+  <meta name="description" content="Google will no longer be keeping a backup of the entire Internet. Google Search’s “cached” links have long been an alternative way to load a website that was down or had changed, but now the company is killing them off. Google “Search Liaison” Danny Sullivan confirmed the feature removal in an X post, saying the feature “was meant for helping people access pages when way back, you often couldn’t depend on a page loading. These days, things have greatly improved. So, it was decided to retire it.”">
+  <!-- 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)">
+  <!-- Is that even respected? Retrospectively? What a shAItshow…
+  https://neil-clarke.com/block-the-bots-that-feed-ai-models-by-scraping-your-website/ -->
+  <meta name="robots" content="noai, noimageai">
+  <!-- Documented, feel free to shoot an email. -->
+  <link rel="stylesheet" href="/static/david/css/style_2024-01-28.css">
+  <!-- See https://www.zachleat.com/web/comprehensive-webfonts/ for the trade-off. -->
+  <link rel="preload"
+        href="/static/david/css/fonts/century_supra_ot_a_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/century_supra_ot_a_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/century_supra_ot_a_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/century_supra_ot_b_regular.woff2"
+        as="font"
+        type="font/woff2"
+        media="(prefers-color-scheme: dark)"
+        crossorigin>
+  <link rel="preload"
+        href="/static/david/css/fonts/century_supra_ot_b_bold.woff2"
+        as="font"
+        type="font/woff2"
+        media="(prefers-color-scheme: dark)"
+        crossorigin>
+  <link rel="preload"
+        href="/static/david/css/fonts/century_supra_ot_b_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 data-instant-intensity="viewport-all">
+    <article>
+      
+  <header>
+    <hgroup>
+      <h1>Archives</h1>
+      <p>Le <time datetime="2024-02-03">3 février 2024</time></p>
+    </hgroup>
+  </header>
+  <nav>
+    <p>
+      
+        <a rel="prev"
+           href="/david/2024/02/02/"
+           title="Publication précédente : Valeurs">← Précédent</a> •
+      
+      <a href="/david/" title="Aller à l’accueil" rel="up">Accueil</a>
+      •
+      <a href="/david/recherche/"
+         title="Aller à la page de recherche"
+         rel="search" data-no-instant>Recherche</a>
+      
+    </p>
+  </nav>
+  
+
+<blockquote lang="en">
+<p>Google will no longer be keeping a backup of the entire Internet. Google Search’s “cached” links have long been an alternative way to load a website that was down or had changed, but now the company is killing them off. Google “Search Liaison” Danny Sullivan confirmed the feature removal in an X post, saying the feature “was meant for helping people access pages when way back, you often couldn’t depend on a page loading. These days, <mark>things have greatly improved.</mark> So, it was decided to retire&nbsp;it.”</p>
+<p><cite><em><a data-link-domain="arstechnica.com" href="https://arstechnica.com/gadgets/2024/02/google-search-kills-off-cached-webpages/" hreflang="en">Google will no longer back up the Internet: Cached webpages are dead</a> <a href="/david/cache/2024/75c7b6350ba18a5a11ee3bbf8b3b64be/" title="Copie locale au 2024-02-03" hreflang="en">
+            <svg xmlns="http://www.w3.org/2000/svg"
+                width="20" height="20" viewBox="0 0 24 24"
+                fill="none" stroke="currentColor"
+                stroke-width="2" stroke-linecap="square" stroke-linejoin="round"
+                ><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
+                <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1">
+                </path>
+            </svg>
+            <span class="sr-only">[archive]</span>
+            </a></em></cite></p>
+</blockquote>
+<p><em>(rires)</em></p>
+<p>Forcément en lisant ça un samedi matin, j’étais immédiatement motivé pour améliorer la façon dont j’archive les liens par ici. À commencer par des méta-données qui permettraient d’avoir une prévisualisation des liens un peu&nbsp;enrichie.</p>
+<p>Je me dis que je ne dois pas être le seul à essayer d’extraire des informations des pages. Et j’en trouve pas mal&nbsp;: <a data-link-domain="github.com" href="https://github.com/gri38/hyperlink_preview">hyperlink_preview</a>, <a data-link-domain="github.com" href="https://github.com/scrapinghub/extruct">extruct</a> ou <a data-link-domain="github.com" href="https://github.com/seanbreckenridge/url_cache">url_cache</a> pour ne citer qu’eux. Cela me met sur la piste de <a data-link-domain="github.com" href="https://github.com/michaelhelmick/lassie">Lassie</a> qui semble extraire ce que j’aimerais avoir&nbsp;: une image ou favicon, potentiellement une description, ainsi qu’une langue. Jake Lazaroff m’avait <a href="/david/2024/02/01/#hr-60">depuis répondu</a> qu’il génère en fait ses vignettes au moment de la <a data-link-domain="gist.github.com" href="https://gist.github.com/jakelazaroff/36b9665efe02870576acfc033171d6bf">construction du site</a>. Je ne veux pas totalement suivre cette approche car je ne veux pas stocker d’images additionnelles mais je vais essayer d’avoir une solution&nbsp;hybride.</p>
+<p>Cela m’embête de plus en plus de coupler le générateur de site aux (méta-)données des archives. <em>À&nbsp;méditer.</em></p>
+<p>Pour ce qui est de l’interface, ça attendra un autre jour. J’ai tout de même ajouté des attributs <code>hreflang</code> et la bonne langue dans les pages d’archives, un truc qui me grattait depuis un bout de&nbsp;temps.</p>
+<a href="#hr-62" title="Lien vers cette section de la page"><hr id="hr-62" /></a>
+<p>Cela fait <a href="/david/2020/02/07/#sonos">bien longtemps</a> que je regrette d’avoir acheté des enceintes Sonos. Hier —&nbsp;encore une fois frustré par l’application proposée par défaut&nbsp;— je découvre <a data-link-domain="github.com" href="https://github.com/SoCo/SoCo">SoCo</a> ainsi que <a data-link-domain="github.com" href="https://github.com/avantrec/soco-cli">soco-cli</a> après quelques recherches. Je passe ensuite la soirée à batailler avec Automator pour pouvoir faire un clic-droit sur un dossier local et que ça me lise les fichiers FLAC qui sont&nbsp;dedans.</p>
+<p>J’arrive à la solution&nbsp;suivante&nbsp;:</p>
+<pre><code>on run {input, parameters}
+    tell application &quot;Terminal&quot;
+        do script &quot;cd ~/sonos &amp;&amp; sonos Chambre play_dir '&quot; &amp; (POSIX path of input) &amp; &quot;'&quot;
+    end tell
+    return input
+end run
+</code></pre>
+<p>Ce n’est pas très élégant et je n’ai pas réussi à faire en sorte que ça se lance dans iTerm mais au moins ça joue de la&nbsp;musique.</p>
+<a href="#hr-63" title="Lien vers cette section de la page"><hr id="hr-63" /></a>
+
+<blockquote lang="en">
+<p><strong>drab</strong> focuses on providing JavaScript functionality where it’s most useful. Many of the elements are helpful wrappers <mark>around browser APIs.</mark> Here are some of the features of the&nbsp;library.</p>
+<p><cite><em><a data-link-domain="drab.robino.dev" href="https://drab.robino.dev/" hreflang="en">drab - A Headless Custom Element Library</a> <a href="/david/cache/2024/2a1235215c277ebb8a0e9acb7ffd91e0/" title="Copie locale au 2024-02-03" hreflang="en">
+            <svg xmlns="http://www.w3.org/2000/svg"
+                width="20" height="20" viewBox="0 0 24 24"
+                fill="none" stroke="currentColor"
+                stroke-width="2" stroke-linecap="square" stroke-linejoin="round"
+                ><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
+                <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1">
+                </path>
+            </svg>
+            <span class="sr-only">[archive]</span>
+            </a></em></cite></p>
+</blockquote>
+<p>Le futur qui se dessine à ce sujet est <em>très</em> stimulant. Cela fait 15&nbsp;ans qu’il y a une production de masse de code JS qui n’est ni réutilisable, ni interopérable. J’ai bon espoir que ce soit en train de&nbsp;changer.</p>
+<a href="#hr-64" title="Lien vers cette section de la page"><hr id="hr-64" /></a>
+
+<blockquote lang="en">
+<p>When trying to defend this, economists typically claim that we have unlimited desire for new stuff. Apparently, rather than dedicating the time gains from technology to leisure, we pour it into making more stuff for ourselves. This is bogus. People do have a limited desire for new things, because dedicating yourself to endless production (and consumption) comes at the expense of hanging out with your family, friends and pets, or doing stuff like walking in the wilderness or surfing the waves. What people actually desire is a balance of many things, but <mark>the system we’re stuck in has unlimited desire for one direction only.</mark> That’s because it’s a vortex unleashed by humans who no longer know how to stop&nbsp;it.</p>
+<p><cite><em><a data-link-domain="brettscott.substack.com" href="https://brettscott.substack.com/p/tech-doesnt-make-our-lives-easier" hreflang="en">Tech doesn’t make our lives easier. It makes them faster</a> <a href="/david/cache/2024/9750840b448f07a2f2594bb25da23836/" title="Copie locale au 2024-02-03" hreflang="en">
+            <svg xmlns="http://www.w3.org/2000/svg"
+                width="20" height="20" viewBox="0 0 24 24"
+                fill="none" stroke="currentColor"
+                stroke-width="2" stroke-linecap="square" stroke-linejoin="round"
+                ><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
+                <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1">
+                </path>
+            </svg>
+            <span class="sr-only">[archive]</span>
+            </a></em></cite></p>
+</blockquote>
+<p>Un bon article à lire après 24h de galères&nbsp;techniques&nbsp;😅.</p>
+
+  
+    <nav>
+      <p>
+        
+          <a href="/david/2024/dependance/"
+             title="Liste de tous les articles 2024 associés à cette étiquette"
+             rel="tag">#dépendance</a>
+        
+          <a href="/david/2024/opensource/"
+             title="Liste de tous les articles 2024 associés à cette étiquette"
+             rel="tag">#opensource</a>
+        
+          <a href="/david/2024/technique/"
+             title="Liste de tous les articles 2024 associés à cette étiquette"
+             rel="tag">#technique</a>
+        
+        <a href="/david/2024/#tags" title="Liste de toutes les étiquettes 2024">tous ?</a>
+      </p>
+    </nav>
+  
+  <nav>
+    <p>
+      
+        <a rel="prev"
+           href="/david/2024/02/02/"
+           title="Publication précédente : Valeurs">← Précédent</a> •
+      
+      <a href="/david/2024/" title="Liste des publications récentes">↑ En 2024</a>
+      
+    </p>
+  </nav>
+
+      
+        <form action="/david/recherche/" method="get">
+          <fieldset>
+            <legend>Recherche</legend>
+            <label for="input-search">Termes de votre recherche :</label>
+            <input id="input-search" type="search" name="s" aria-describedby="indexation-infos" required>
+            <input type="submit" value="Chercher">
+            <p id="indexation-infos">
+              <small>
+                Seuls les contenus de ces 8 dernières années sont indexés.
+              </small>
+            </p>
+          </fieldset>
+        </form>
+      
+      <aside>
+        <theme-toggle></theme-toggle>
+      </aside>
+    </article>
+    <hr>
+    <footer>
+      <p>
+        <a href="/david/" title="Aller à l’accueil">Accueil</a>
+        •
+        <a href="/david/log/" title="Accès au flux RSS">Suivre</a>
+        •
+        <a href="http://larlet.com"
+           title="Go to my English profile"
+           data-instant>Pro</a>
+        •
+        <a href="mailto:david%40larlet.fr" title="Envoyer un courriel">Email</a>
+        •
+        <abbr title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340">Légal</abbr>
+      </p>
+      <template id="theme-selector">
+        <form>
+          <style type="text/css">
+            fieldset div {
+              text-align: center;
+            }
+          </style>
+          <fieldset>
+            <legend>Thème</legend>
+            <div>
+              <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>
+            </div>
+          </fieldset>
+        </form>
+      </template>
+    </footer>
+    <script src="/static/david/js/instantpage-5.1.0.min.js" type="module"></script>
+    <script>
+      class ThemeToggle extends HTMLElement {
+        constructor() {
+          super()
+          const themeSelectorTemplate = document.querySelector('#theme-selector')
+          const form = themeSelectorTemplate.content.firstElementChild
+          this.attachShadow({ mode: 'open' })
+          this.shadowRoot.appendChild(form.cloneNode(true))
+        }
+
+        connectedCallback() {
+          const form = this.shadowRoot.querySelector('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 colorsLayer = undefined
+        let hasDarkRules = false
+        for (const styleSheet of Array.from(document.styleSheets)) {
+          let mediaRules = []
+          for (const layerRule of styleSheet.cssRules) {
+            if (!(layerRule instanceof CSSLayerBlockRule)) {
+              continue
+            }
+            if (layerRule.name === 'colors') {
+              colorsLayer = layerRule
+            }
+            for (const cssRule of layerRule.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) {
+            // Safari requires the `0` second parameter (even if default).
+            colorsLayer.insertRule(mediaRule.cssText, 0)
+            hasDarkRules = true
+          }
+        }
+
+        if (hasDarkRules) {
+          if ('customElements' in window && !customElements.get('theme-toggle')) {
+            customElements.define('theme-toggle', ThemeToggle)
+          }
+        }
+      })
+    </script>
+    
+  </body>
+</html>

david/2024/_sources/2024-02-03 - Archives.md

@@ -0,0 +1,50 @@
+# Archives
+
+> [en] Google will no longer be keeping a backup of the entire Internet. Google Search’s “cached” links have long been an alternative way to load a website that was down or had changed, but now the company is killing them off. Google “Search Liaison” Danny Sullivan confirmed the feature removal in an X post, saying the feature “was meant for helping people access pages when way back, you often couldn’t depend on a page loading. These days, ==things have greatly improved.== So, it was decided to retire it.”
+> 
+> <cite>*[Google will no longer back up the Internet: Cached webpages are dead](https://arstechnica.com/gadgets/2024/02/google-search-kills-off-cached-webpages/)*</cite>
+
+*(rires)*
+
+Forcément en lisant ça un samedi matin, j’étais immédiatement motivé pour améliorer la façon dont j’archive les liens par ici. À commencer par des méta-données qui permettraient d’avoir une prévisualisation des liens un peu enrichie.
+
+Je me dis que je ne dois pas être le seul à essayer d’extraire des informations des pages. Et j’en trouve pas mal : [hyperlink_preview](https://github.com/gri38/hyperlink_preview), [extruct](https://github.com/scrapinghub/extruct) ou [url_cache](https://github.com/seanbreckenridge/url_cache) pour ne citer qu’eux. Cela me met sur la piste de [Lassie](https://github.com/michaelhelmick/lassie) qui semble extraire ce que j’aimerais avoir : une image ou favicon, potentiellement une description, ainsi qu’une langue. Jake Lazaroff m’avait [depuis répondu](/david/2024/02/01/#hr-60) qu’il génère en fait ses vignettes au moment de la [construction du site](https://gist.github.com/jakelazaroff/36b9665efe02870576acfc033171d6bf). Je ne veux pas totalement suivre cette approche car je ne veux pas stocker d’images additionnelles mais je vais essayer d’avoir une solution hybride.
+
+Cela m’embête de plus en plus de coupler le générateur de site aux (méta-)données des archives. *À méditer.*
+
+Pour ce qui est de l’interface, ça attendra un autre jour. J’ai tout de même ajouté des attributs `hreflang` et la bonne langue dans les pages d’archives, un truc qui me grattait depuis un bout de temps.
+
+---
+
+Cela fait [bien longtemps](/david/2020/02/07/#sonos) que je regrette d’avoir acheté des enceintes Sonos. Hier — encore une fois frustré par l’application proposée par défaut — je découvre [SoCo](https://github.com/SoCo/SoCo) ainsi que [soco-cli](https://github.com/avantrec/soco-cli) après quelques recherches. Je passe ensuite la soirée à batailler avec Automator pour pouvoir faire un clic-droit sur un dossier local et que ça me lise les fichiers FLAC qui sont dedans.
+
+J’arrive à la solution suivante :
+
+```
+on run {input, parameters}
+    tell application "Terminal"
+        do script "cd ~/sonos && sonos Chambre play_dir '" & (POSIX path of input) & "'"
+    end tell
+    return input
+end run
+```
+
+Ce n’est pas très élégant et je n’ai pas réussi à faire en sorte que ça se lance dans iTerm mais au moins ça joue de la musique.
+
+---
+
+> [en] **drab** focuses on providing JavaScript functionality where it’s most useful. Many of the elements are helpful wrappers ==around browser APIs.== Here are some of the features of the library.
+>
+> <cite>*[drab - A Headless Custom Element Library](https://drab.robino.dev/)*</cite>
+
+Le futur qui se dessine à ce sujet est _très_ stimulant. Cela fait 15 ans qu’il y a une production de masse de code JS qui n’est ni réutilisable, ni interopérable. J’ai bon espoir que ce soit en train de changer.
+
+---
+
+> [en] When trying to defend this, economists typically claim that we have unlimited desire for new stuff. Apparently, rather than dedicating the time gains from technology to leisure, we pour it into making more stuff for ourselves. This is bogus. People do have a limited desire for new things, because dedicating yourself to endless production (and consumption) comes at the expense of hanging out with your family, friends and pets, or doing stuff like walking in the wilderness or surfing the waves. What people actually desire is a balance of many things, but ==the system we’re stuck in has unlimited desire for one direction only.== That’s because it’s a vortex unleashed by humans who no longer know how to stop it.
+> 
+> <cite>*[Tech doesn’t make our lives easier. It makes them faster](https://brettscott.substack.com/p/tech-doesnt-make-our-lives-easier)*</cite>
+
+Un bon article à lire après 24h de galères techniques 😅.
+
+#dépendance #opensource #technique

david/2024/accessibilite/index.html

@@ -141,7 +141,7 @@
 
 <blockquote lang="en">
 <p>But if you were to try just one thing using Vision Pro — just one thing — it has to be <mark>watching a movie</mark> in the TV app, in theater mode. Try that, and no matter how skeptical you were beforehand about the Vision Pro’s price tag, your hand will start inching toward your&nbsp;wallet.</p>
-<p><cite><em><a data-link-domain="daringfireball.net" href="https://daringfireball.net/2024/01/the_vision_pro">Daring Fireball: The Vision Pro</a> <a href="/david/cache/2024/cd9184008ba5d9e4c9be4d0a0eea4f60/" title="Copie locale au 2024-01-31">
+<p><cite><em><a data-link-domain="daringfireball.net" href="https://daringfireball.net/2024/01/the_vision_pro" hreflang="en">Daring Fireball: The Vision Pro</a> <a href="/david/cache/2024/cd9184008ba5d9e4c9be4d0a0eea4f60/" title="Copie locale au 2024-01-31" hreflang="en">
             <svg xmlns="http://www.w3.org/2000/svg"
                 width="20" height="20" viewBox="0 0 24 24"
                 fill="none" stroke="currentColor"
@@ -162,7 +162,7 @@
 <blockquote lang="en">
 <p>The “i” in iPhone stands for “inequality”. […]</p>
 <p><mark>iPhone owners live in a different world</mark> than high-end Android buyers, and light-years away what the bulk of the market experiences. No matter how you slice it, the performance inequality gap is growing for CPU-bound workloads like JavaScript-heavy web&nbsp;apps.</p>
-<p><cite><em><a data-link-domain="infrequently.org" href="https://infrequently.org/2024/01/performance-inequality-gap-2024/">The Performance Inequality Gap, 2024</a> <a href="/david/cache/2024/0676c7ccf1ab2b380641866789366d26/" title="Copie locale au 2024-01-31">
+<p><cite><em><a data-link-domain="infrequently.org" href="https://infrequently.org/2024/01/performance-inequality-gap-2024/" hreflang="en">The Performance Inequality Gap, 2024</a> <a href="/david/cache/2024/0676c7ccf1ab2b380641866789366d26/" title="Copie locale au 2024-01-31" hreflang="en">
             <svg xmlns="http://www.w3.org/2000/svg"
                 width="20" height="20" viewBox="0 0 24 24"
                 fill="none" stroke="currentColor"
@@ -188,7 +188,7 @@
 <blockquote lang="en">
 <p>Rather, the biggest benefits I see are <em>collective</em>, cutting across the industry as a whole. I think web components can make the entire web more accessible. They have the potential to unify currently fragmented communities, including various JavaScript frameworks <em>and</em> <mark>those who avoid them</mark>.</p>
 <p>[…] Web components won’t take web development by storm, or show us the One True Way to build websites. They don’t need to dethrone JavaScript frameworks. We probably won’t even all learn how to write&nbsp;them!</p>
-<p><cite><em><a data-link-domain="jakelazaroff.com" href="https://jakelazaroff.com/words/the-web-component-success-story/">The Web Component Success Story</a> <a href="/david/cache/2024/f4d2d42eba58062be910407690ae447c/" title="Copie locale au 2024-01-31">
+<p><cite><em><a data-link-domain="jakelazaroff.com" href="https://jakelazaroff.com/words/the-web-component-success-story/" hreflang="en">The Web Component Success Story</a> <a href="/david/cache/2024/f4d2d42eba58062be910407690ae447c/" title="Copie locale au 2024-01-31" hreflang="en">
             <svg xmlns="http://www.w3.org/2000/svg"
                 width="20" height="20" viewBox="0 0 24 24"
                 fill="none" stroke="currentColor"
@@ -238,7 +238,7 @@
 
 <blockquote lang="en">
 <p>In short, building with accessible semantics from the get-go can give you expressive, meaningful style hooks for free. Leaning on those style hooks in your CSS selectors lets you reduce the number of moving parts in your site or application, and it can prevent accessibility bugs from creeping in down the&nbsp;road.</p>
-<p><cite><em><a data-link-domain="benmyers.dev" href="https://benmyers.dev/blog/semantic-selectors/">Style with Stateful, Semantic Selectors</a> <a href="/david/cache/2024/99e7d2ba7e4adc69dbf0f1b2858a5248/" title="Copie locale au 2024-01-08">
+<p><cite><em><a data-link-domain="benmyers.dev" href="https://benmyers.dev/blog/semantic-selectors/" hreflang="en">Style with Stateful, Semantic Selectors</a> <a href="/david/cache/2024/99e7d2ba7e4adc69dbf0f1b2858a5248/" title="Copie locale au 2024-01-08" hreflang="en">
             <svg xmlns="http://www.w3.org/2000/svg"
                 width="20" height="20" viewBox="0 0 24 24"
                 fill="none" stroke="currentColor"
@@ -254,7 +254,7 @@
 
 <blockquote lang="en">
 <p>Recently I decided to stop using the word <em>semantics</em>. Instead I talk about the <abbr title="User eXperience">UX</abbr> of <abbr title="HyperText Markup Language">HTML</abbr>. And all of a sudden my students are not allergic to <abbr>HTML</abbr> anymore but really interested. Instead of explaining the meaning of a certain element, I show them <em>what it does</em>. So we look at <em>what happens</em> when you add a label to an input: The input and the label now form a pair. You can now click on the label to interact with a checkbox. The label will be read out loud when you focus on an input with a screenreader. When you hover over a <em>label</em>, the hover state of the connected <em>input</em> is shown. My students <em>love</em> stuff like that. They care about <abbr>UX</abbr>.</p>
-<p><cite><em><a data-link-domain="vasilis.nl" href="https://vasilis.nl/nerd/the-ux-of-html/">The UX of HTML</a> <a href="/david/cache/2024/e5056f8e0e6acf87c5777ba5b3a2ba92/" title="Copie locale au 2024-01-08">
+<p><cite><em><a data-link-domain="vasilis.nl" href="https://vasilis.nl/nerd/the-ux-of-html/" hreflang="en">The UX of HTML</a> <a href="/david/cache/2024/e5056f8e0e6acf87c5777ba5b3a2ba92/" title="Copie locale au 2024-01-08" hreflang="en">
             <svg xmlns="http://www.w3.org/2000/svg"
                 width="20" height="20" viewBox="0 0 24 24"
                 fill="none" stroke="currentColor"

david/2024/accompagnement/index.html

@@ -142,7 +142,7 @@
 <blockquote lang="en">
 <p>A walk-and-talk is a moveable salon. A small group of people walk together for a week, having casual conversations side-by-side during most of the day. In the evening the group sits down to an intense hours-long discussion centered on a daily chosen topic by those present. A moderator keeps the conversation on that day’s single topic to sharpen it and make it&nbsp;memorable.</p>
 <p><mark>To focus on conversations while walking,</mark> participants carry only day-packs, and eat locally prepared meals. The walks are not strenuous and to keep it even more inspiring, they take place in storied environments that are walker-friendly, such as footpaths in England, Japan, and Spain. By the end of the week, every person present has walked about 100&#8239;km and has had deep conversations with all the&nbsp;others.</p>
-<p><cite><em><a data-link-domain="craigmod.com" href="https://craigmod.com/ridgeline/176/">The Walk and Talk: Everything We Know</a> <a href="/david/cache/2024/877ad04fd329c26c80113e15dec540df/" title="Copie locale au 2024-01-18">
+<p><cite><em><a data-link-domain="craigmod.com" href="https://craigmod.com/ridgeline/176/" hreflang="en">The Walk and Talk: Everything We Know</a> <a href="/david/cache/2024/877ad04fd329c26c80113e15dec540df/" title="Copie locale au 2024-01-18" hreflang="en">
             <svg xmlns="http://www.w3.org/2000/svg"
                 width="20" height="20" viewBox="0 0 24 24"
                 fill="none" stroke="currentColor"
@@ -160,7 +160,7 @@
 
 <blockquote lang="en">
 <p>Going forward I plan to version the projects I work on in a way that communicates <em>how much effort I expect a user will need to spend to adopt the new version.</em> I’m going to refer to that scheme as <strong>Intended Effort Versioning (EffVer for short)</strong>.</p>
-<p><cite><em><a data-link-domain="jacobtomlinson.dev" href="https://jacobtomlinson.dev/effver/">EffVer: Version your code by the effort required to upgrade</a> <a href="/david/cache/2024/fd6eda56671045e0c1e2d215e07f1a6f/" title="Copie locale au 2024-01-18">
+<p><cite><em><a data-link-domain="jacobtomlinson.dev" href="https://jacobtomlinson.dev/effver/" hreflang="en">EffVer: Version your code by the effort required to upgrade</a> <a href="/david/cache/2024/fd6eda56671045e0c1e2d215e07f1a6f/" title="Copie locale au 2024-01-18" hreflang="en">
             <svg xmlns="http://www.w3.org/2000/svg"
                 width="20" height="20" viewBox="0 0 24 24"
                 fill="none" stroke="currentColor"

david/2024/addiction/index.html

@@ -153,7 +153,7 @@
 
 <blockquote lang="en">
 <p>If the new software no longer runs on old hardware, it is <mark>worse</mark> than the old&nbsp;software.</p>
-<p><cite><em><a data-link-domain="blog.jim-nielsen.com" href="https://blog.jim-nielsen.com/2024/notes-from-computing-sustainably/">Notes from “An approach to computing and sustainability inspired from permaculture” by Devine LuLinvega</a> <a href="/david/cache/2024/1f40a33f9c57a16d420eb0868a129e96/" title="Copie locale au 2024-01-15">
+<p><cite><em><a data-link-domain="blog.jim-nielsen.com" href="https://blog.jim-nielsen.com/2024/notes-from-computing-sustainably/" hreflang="en">Notes from “An approach to computing and sustainability inspired from permaculture” by Devine LuLinvega</a> <a href="/david/cache/2024/1f40a33f9c57a16d420eb0868a129e96/" title="Copie locale au 2024-01-15" hreflang="en">
             <svg xmlns="http://www.w3.org/2000/svg"
                 width="20" height="20" viewBox="0 0 24 24"
                 fill="none" stroke="currentColor"

david/2024/apprentissage/index.html

@@ -147,7 +147,7 @@
 <li><strong>Teams-in-name-only</strong> are groups that claim to be a team, but lack emotional commitment and shared purpose. They are like working groups, but without the efficient processes and individual responsibility. […]</li>
 </ul>
 <p>Although most people are told that they’re part of a team, the reality is that, more often than not, they’re members of a&nbsp;team-in-name-only.</p>
-<p><cite><em><a data-link-domain="strategy-business.com" href="https://www.strategy-business.com/article/Teaming-is-hard-because-youre-probably-not-really-on-a-team">Teaming is hard because you’re probably not really on a team</a> <a href="/david/cache/2024/9b4b5364526390ba1db9c4a651ea8311/" title="Copie locale au 2024-01-29">
+<p><cite><em><a data-link-domain="strategy-business.com" href="https://www.strategy-business.com/article/Teaming-is-hard-because-youre-probably-not-really-on-a-team" hreflang="en">Teaming is hard because you’re probably not really on a team</a> <a href="/david/cache/2024/9b4b5364526390ba1db9c4a651ea8311/" title="Copie locale au 2024-01-29" hreflang="en">
             <svg xmlns="http://www.w3.org/2000/svg"
                 width="20" height="20" viewBox="0 0 24 24"
                 fill="none" stroke="currentColor"
@@ -234,7 +234,7 @@
 
 <blockquote>
 <p>Alors que le malaise dans lequel sont aujourd’hui plongées les sociétés occidentales n’en finit plus d’être commenté, est-il néanmoins possible de dessiner les contours d’une société idéale, une utopie réaliste, susceptible de constituer, pour les Français, un avenir désirable&#8239;? C’est précisément pour apporter des éléments de réponses à cette question qu’a été lancé en 2019&nbsp;l’Observatoire des perspectives utopiques. Dans le sillage de ces deux années de pandémie et à la veille de l’élection présidentielle, il nous est apparu utile de reconduire cette enquête, pour saisir où en sont les Français et évaluer dans quelle mesure leurs représentations et aspirations ont&nbsp;évolué.</p>
-<p><cite><em><a data-link-domain="lobsoco.com" href="https://lobsoco.com/perspectives-utopiques-vague-3/">L’Observatoire des perspectives utopiques</a> <a href="/david/cache/2024/7ed7f4aefae1b5af33b3ec1f607a633f/" title="Copie locale au 2024-01-24">
+<p><cite><em><a data-link-domain="lobsoco.com" href="https://lobsoco.com/perspectives-utopiques-vague-3/" hreflang="fr">L’Observatoire des perspectives utopiques</a> <a href="/david/cache/2024/7ed7f4aefae1b5af33b3ec1f607a633f/" title="Copie locale au 2024-01-24" hreflang="fr">
             <svg xmlns="http://www.w3.org/2000/svg"
                 width="20" height="20" viewBox="0 0 24 24"
                 fill="none" stroke="currentColor"
@@ -343,7 +343,7 @@
 <p>But here’s the thing: we need more tools for it. We need simpler tools for it. And we need to make installing and using them <em>trivially simple</em>.</p>
 <p>We need more self-hosted platforms for personal publishing that <em>aren’t Wordpress</em>. <mark>And don’t point me to Hugo or Netlify or Eleventy or all those things - all of them are great, but none of them are simple enough.</mark> We need web publishing tools that do not require users to open the Terminal <em>at all</em>. And we need lots of&nbsp;them.</p>
 <p>We need a whole <em>galaxy</em> of&nbsp;options.</p>
-<p><cite><em><a data-link-domain="gilest.org" href="https://gilest.org/indie-easy.html">Let’s make the indie web easier</a> <a href="/david/cache/2024/faa1d8cae94da6838ff9351e5df791ca/" title="Copie locale au 2024-01-09">
+<p><cite><em><a data-link-domain="gilest.org" href="https://gilest.org/indie-easy.html" hreflang="en">Let’s make the indie web easier</a> <a href="/david/cache/2024/faa1d8cae94da6838ff9351e5df791ca/" title="Copie locale au 2024-01-09" hreflang="en">
             <svg xmlns="http://www.w3.org/2000/svg"
                 width="20" height="20" viewBox="0 0 24 24"
                 fill="none" stroke="currentColor"
@@ -369,7 +369,7 @@
 <blockquote lang="en">
 <p>Among its suggestions: write a longer headline; split a six-sentence paragraph up because it’s “too long”; and replace “too complex” words like “invariably,” “notoriety,” and “modification.” Dozens of sentences were flagged as being confusing (I disagree) — and it really hated em dashes. I rewrote my prose over and over, but it didn’t seem to satisfy my robot grader. I finally chose one thought per sentence, broke up paragraphs, and replaced words with suggested keywords to get rid of the red dots signaling&nbsp;problems.</p>
 <p><mark>The result feels like an AI summary of my story</mark> — at any moment, a paragraph could start with “In conclusion…” or “The next thing to consider is…” The nuance, voice, and unexpected twists and turns have been snuffed out. I’m sure some people would prefer this uncomplicated, beat-by-beat version of the story, but it’s gone from being a story written by a real person to a clinical, stiff series of&nbsp;sentences.</p>
-<p><cite><em><a data-link-domain="theverge.com" href="https://www.theverge.com/c/23998379/google-search-seo-algorithm-webpage-optimization">The Perfect Web Page</a> <a href="/david/cache/2024/3debc675a055d691b32c7d6904531eb4/" title="Copie locale au 2024-01-09">
+<p><cite><em><a data-link-domain="theverge.com" href="https://www.theverge.com/c/23998379/google-search-seo-algorithm-webpage-optimization" hreflang="en">The Perfect Web Page</a> <a href="/david/cache/2024/3debc675a055d691b32c7d6904531eb4/" title="Copie locale au 2024-01-09" hreflang="en">
             <svg xmlns="http://www.w3.org/2000/svg"
                 width="20" height="20" viewBox="0 0 24 24"
                 fill="none" stroke="currentColor"
@@ -386,7 +386,7 @@
 
 <blockquote lang="en">
 <p>I propose <mark>Data Luddism</mark> as a radical response to the productive power of big data and predictive algorithms. My starting point is not the Romantic neo-Luddism of Kirkpatrick Sale but the historical Luddism of 1811-1816, and the Luddites' own rhetoric regarding their resistance to 'obnoxious&nbsp;machines'.</p>
-<p><cite><em><a data-link-domain="danmcquillan.org" href="https://www.danmcquillan.org/dataluddism.html">Data Luddism</a> <a href="/david/cache/2024/b1da1249f2db388d7e84d6ad23c2fc5d/" title="Copie locale au 2024-01-09">
+<p><cite><em><a data-link-domain="danmcquillan.org" href="https://www.danmcquillan.org/dataluddism.html" hreflang="en">Data Luddism</a> <a href="/david/cache/2024/b1da1249f2db388d7e84d6ad23c2fc5d/" title="Copie locale au 2024-01-09" hreflang="en">
             <svg xmlns="http://www.w3.org/2000/svg"
                 width="20" height="20" viewBox="0 0 24 24"
                 fill="none" stroke="currentColor"
@@ -403,7 +403,7 @@
 <blockquote lang="en">
 <p>The <code>everything</code> package and its 3,000+ sub-packages have caused a Denial of Service (DOS) for anyone who installs it. We’re talking about storage space running out and system resource&nbsp;exhaustion.</p>
 <p>But that’s not all. The creator took their prank to the next level by setting up http://everything.npm.lol, showcasing the chaos they unleashed. They even included a meme from Skyrim, adding some humor (or mockery, depending on your perspective) to the&nbsp;situation.</p>
-<p><cite><em><a data-link-domain="socket.dev" href="https://socket.dev/blog/when-everything-becomes-too-much">When “Everything” Becomes Too Much: The npm Package Chaos of 2024</a> <a href="/david/cache/2024/4a56aa5497e68df0c5bb1d5331203219/" title="Copie locale au 2024-01-09">
+<p><cite><em><a data-link-domain="socket.dev" href="https://socket.dev/blog/when-everything-becomes-too-much" hreflang="en">When “Everything” Becomes Too Much: The npm Package Chaos of 2024</a> <a href="/david/cache/2024/4a56aa5497e68df0c5bb1d5331203219/" title="Copie locale au 2024-01-09" hreflang="en">
             <svg xmlns="http://www.w3.org/2000/svg"
                 width="20" height="20" viewBox="0 0 24 24"
                 fill="none" stroke="currentColor"
@@ -431,7 +431,7 @@
 <blockquote lang="en">
 <p>So when we wonder where all the websites have gone, know it’s the <em>curators</em> we’re nostalgic for because the curators showed us the best the web had to offer once upon a time. And the curators— the tenders, aggregators, collectors, and connectors— can bring us back to something better. Because it’s still out there, we just have to find&nbsp;it.</p>
 <p>Here’s the best part. <mark>You can be that curator right now, at this very moment.</mark> You can start to rebuild the interconnectivity that made the web fun to explore. And you don’t need to be a computer scientist to do&nbsp;it.</p>
-<p><cite><em><a data-link-domain="fromjason.xyz" href="https://www.fromjason.xyz/p/notebook/where-have-all-the-websites-gone/">Where have all the websites gone?</a> <a href="/david/cache/2024/c3272392d462da90874d32841e5caac8/" title="Copie locale au 2024-01-09">
+<p><cite><em><a data-link-domain="fromjason.xyz" href="https://www.fromjason.xyz/p/notebook/where-have-all-the-websites-gone/" hreflang="en">Where have all the websites gone?</a> <a href="/david/cache/2024/c3272392d462da90874d32841e5caac8/" title="Copie locale au 2024-01-09" hreflang="en">
             <svg xmlns="http://www.w3.org/2000/svg"
                 width="20" height="20" viewBox="0 0 24 24"
                 fill="none" stroke="currentColor"
@@ -492,7 +492,7 @@
 <blockquote>
 <p>Une fois la transcription terminée, je peux enregistrer le fichier texte du podcast avec la fonction export en mode paragraphe. (non corrigé, brut).</p>
 <p>Je suis&nbsp;impressionné.</p>
-<p><cite><em><a data-link-domain="la-grange.net" href="https://www.la-grange.net/2024/01/06/ebauche">plaisir d’ébauche</a> <a href="/david/cache/2024/d75afc90a9d3c3b5a56b69446795fbb5/" title="Copie locale au 2024-01-07">
+<p><cite><em><a data-link-domain="la-grange.net" href="https://www.la-grange.net/2024/01/06/ebauche" hreflang="fr">plaisir d’ébauche</a> <a href="/david/cache/2024/d75afc90a9d3c3b5a56b69446795fbb5/" title="Copie locale au 2024-01-07" hreflang="fr">
             <svg xmlns="http://www.w3.org/2000/svg"
                 width="20" height="20" viewBox="0 0 24 24"
                 fill="none" stroke="currentColor"
@@ -511,7 +511,7 @@
 <blockquote lang="en">
 <p>We evaluate APIs only on the basis of merit in the context of providing superior search engine results. Considering company x founder political views is not a factor in this evaluation. <mark>Politics finding its way into tech is one of the reason we do not have innovation any&nbsp;more.</mark></p>
 <p>We are primarily in the business of search and we’d like to stay focused on&nbsp;that.</p>
-<p><cite><em><a data-link-domain="kagifeedback.org" href="https://kagifeedback.org/d/2808-reconsider-your-partnership-with-brave/6">Vlad (admin Kagi) répondant</a> <a href="/david/cache/2024/d236f33cf82727313d17cb23bf36a395/" title="Copie locale au 2024-01-07">
+<p><cite><em><a data-link-domain="kagifeedback.org" href="https://kagifeedback.org/d/2808-reconsider-your-partnership-with-brave/6" hreflang="en">Vlad (admin Kagi) répondant</a> <a href="/david/cache/2024/d236f33cf82727313d17cb23bf36a395/" title="Copie locale au 2024-01-07" hreflang="en">
             <svg xmlns="http://www.w3.org/2000/svg"
                 width="20" height="20" viewBox="0 0 24 24"
                 fill="none" stroke="currentColor"
@@ -524,7 +524,7 @@
             </a> à «&nbsp;Reconsider your partnership with&nbsp;Brave&nbsp;»</em></cite></p>
 </blockquote>
 <p>À un moment l’année dernière, j’ai essayé Kagi et j’ai failli franchir le pas du payant. Je suis bien content de ne pas l’avoir fait car je m’en serais mordu les doigts aujourd’hui. Dans l’idéal, un moteur de recherche serait objectif mais un algorithme comporte toujours les biais de ses créateur·ices. Et vu la population qui code aujourd’hui, autant dire que c’est mal barré. Le fait qu’un administrateur de Kagi puisse être aussi naïf sur le sujet est assez&nbsp;terrible.</p>
-<p><a data-link-domain="theverge.com" href="https://www.theverge.com/2021/4/27/22406673/basecamp-political-speech-policy-controversy">Pas de politique au travail</a> <a href="/david/cache/2024/b80f5159ee7ac70bcaa6a9fde16c2408/" title="Copie locale au 2024-01-07">
+<p><a data-link-domain="theverge.com" href="https://www.theverge.com/2021/4/27/22406673/basecamp-political-speech-policy-controversy" hreflang="en">Pas de politique au travail</a> <a href="/david/cache/2024/b80f5159ee7ac70bcaa6a9fde16c2408/" title="Copie locale au 2024-01-07" hreflang="en">
             <svg xmlns="http://www.w3.org/2000/svg"
                 width="20" height="20" viewBox="0 0 24 24"
                 fill="none" stroke="currentColor"

david/2024/communaute/index.html

@@ -150,7 +150,7 @@
 
 <blockquote lang="en">
 <p>Further, if we have learned anything in the last 3&nbsp;years as an industry, it should be to strive for building small, highly efficient teams and avoiding bloated, overstaffed organizations at all costs. Larger teams move slower, create more incidental complexity, and are much more susceptible to the layoffs we’ve all been suffering through. <mark>Engineering leaders would be well served to focus on hiring smaller teams</mark> and providing them with sufficient time and support to create simple solutions that generate business&nbsp;value.</p>
-<p><cite><em><a data-link-domain="blog.testdouble.com" href="https://blog.testdouble.com/posts/2024-01-24-plea-for-lean/">Echoing Wirth’s plea for lean software</a> <a href="/david/cache/2024/82b88d48d8043d79425ce8afd8dff42e/" title="Copie locale au 2024-01-24">
+<p><cite><em><a data-link-domain="blog.testdouble.com" href="https://blog.testdouble.com/posts/2024-01-24-plea-for-lean/" hreflang="en">Echoing Wirth’s plea for lean software</a> <a href="/david/cache/2024/82b88d48d8043d79425ce8afd8dff42e/" title="Copie locale au 2024-01-24" hreflang="en">
             <svg xmlns="http://www.w3.org/2000/svg"
                 width="20" height="20" viewBox="0 0 24 24"
                 fill="none" stroke="currentColor"
@@ -204,7 +204,7 @@ par nos&nbsp;obscurités</p>
 <blockquote lang="en">
 <p>A walk-and-talk is a moveable salon. A small group of people walk together for a week, having casual conversations side-by-side during most of the day. In the evening the group sits down to an intense hours-long discussion centered on a daily chosen topic by those present. A moderator keeps the conversation on that day’s single topic to sharpen it and make it&nbsp;memorable.</p>
 <p><mark>To focus on conversations while walking,</mark> participants carry only day-packs, and eat locally prepared meals. The walks are not strenuous and to keep it even more inspiring, they take place in storied environments that are walker-friendly, such as footpaths in England, Japan, and Spain. By the end of the week, every person present has walked about 100&#8239;km and has had deep conversations with all the&nbsp;others.</p>
-<p><cite><em><a data-link-domain="craigmod.com" href="https://craigmod.com/ridgeline/176/">The Walk and Talk: Everything We Know</a> <a href="/david/cache/2024/877ad04fd329c26c80113e15dec540df/" title="Copie locale au 2024-01-18">
+<p><cite><em><a data-link-domain="craigmod.com" href="https://craigmod.com/ridgeline/176/" hreflang="en">The Walk and Talk: Everything We Know</a> <a href="/david/cache/2024/877ad04fd329c26c80113e15dec540df/" title="Copie locale au 2024-01-18" hreflang="en">
             <svg xmlns="http://www.w3.org/2000/svg"
                 width="20" height="20" viewBox="0 0 24 24"
                 fill="none" stroke="currentColor"
@@ -222,7 +222,7 @@ par nos&nbsp;obscurités</p>
 
 <blockquote lang="en">
 <p>Going forward I plan to version the projects I work on in a way that communicates <em>how much effort I expect a user will need to spend to adopt the new version.</em> I’m going to refer to that scheme as <strong>Intended Effort Versioning (EffVer for short)</strong>.</p>
-<p><cite><em><a data-link-domain="jacobtomlinson.dev" href="https://jacobtomlinson.dev/effver/">EffVer: Version your code by the effort required to upgrade</a> <a href="/david/cache/2024/fd6eda56671045e0c1e2d215e07f1a6f/" title="Copie locale au 2024-01-18">
+<p><cite><em><a data-link-domain="jacobtomlinson.dev" href="https://jacobtomlinson.dev/effver/" hreflang="en">EffVer: Version your code by the effort required to upgrade</a> <a href="/david/cache/2024/fd6eda56671045e0c1e2d215e07f1a6f/" title="Copie locale au 2024-01-18" hreflang="en">
             <svg xmlns="http://www.w3.org/2000/svg"
                 width="20" height="20" viewBox="0 0 24 24"
                 fill="none" stroke="currentColor"
@@ -294,7 +294,7 @@ quelqu’un nous&nbsp;voit</p>
 <blockquote>
 <p>Une fois la transcription terminée, je peux enregistrer le fichier texte du podcast avec la fonction export en mode paragraphe. (non corrigé, brut).</p>
 <p>Je suis&nbsp;impressionné.</p>
-<p><cite><em><a data-link-domain="la-grange.net" href="https://www.la-grange.net/2024/01/06/ebauche">plaisir d’ébauche</a> <a href="/david/cache/2024/d75afc90a9d3c3b5a56b69446795fbb5/" title="Copie locale au 2024-01-07">
+<p><cite><em><a data-link-domain="la-grange.net" href="https://www.la-grange.net/2024/01/06/ebauche" hreflang="fr">plaisir d’ébauche</a> <a href="/david/cache/2024/d75afc90a9d3c3b5a56b69446795fbb5/" title="Copie locale au 2024-01-07" hreflang="fr">
             <svg xmlns="http://www.w3.org/2000/svg"
                 width="20" height="20" viewBox="0 0 24 24"
                 fill="none" stroke="currentColor"
@@ -313,7 +313,7 @@ quelqu’un nous&nbsp;voit</p>
 <blockquote lang="en">
 <p>We evaluate APIs only on the basis of merit in the context of providing superior search engine results. Considering company x founder political views is not a factor in this evaluation. <mark>Politics finding its way into tech is one of the reason we do not have innovation any&nbsp;more.</mark></p>
 <p>We are primarily in the business of search and we’d like to stay focused on&nbsp;that.</p>
-<p><cite><em><a data-link-domain="kagifeedback.org" href="https://kagifeedback.org/d/2808-reconsider-your-partnership-with-brave/6">Vlad (admin Kagi) répondant</a> <a href="/david/cache/2024/d236f33cf82727313d17cb23bf36a395/" title="Copie locale au 2024-01-07">
+<p><cite><em><a data-link-domain="kagifeedback.org" href="https://kagifeedback.org/d/2808-reconsider-your-partnership-with-brave/6" hreflang="en">Vlad (admin Kagi) répondant</a> <a href="/david/cache/2024/d236f33cf82727313d17cb23bf36a395/" title="Copie locale au 2024-01-07" hreflang="en">
             <svg xmlns="http://www.w3.org/2000/svg"
                 width="20" height="20" viewBox="0 0 24 24"
                 fill="none" stroke="currentColor"
@@ -326,7 +326,7 @@ quelqu’un nous&nbsp;voit</p>
             </a> à «&nbsp;Reconsider your partnership with&nbsp;Brave&nbsp;»</em></cite></p>
 </blockquote>
 <p>À un moment l’année dernière, j’ai essayé Kagi et j’ai failli franchir le pas du payant. Je suis bien content de ne pas l’avoir fait car je m’en serais mordu les doigts aujourd’hui. Dans l’idéal, un moteur de recherche serait objectif mais un algorithme comporte toujours les biais de ses créateur·ices. Et vu la population qui code aujourd’hui, autant dire que c’est mal barré. Le fait qu’un administrateur de Kagi puisse être aussi naïf sur le sujet est assez&nbsp;terrible.</p>
-<p><a data-link-domain="theverge.com" href="https://www.theverge.com/2021/4/27/22406673/basecamp-political-speech-policy-controversy">Pas de politique au travail</a> <a href="/david/cache/2024/b80f5159ee7ac70bcaa6a9fde16c2408/" title="Copie locale au 2024-01-07">
+<p><a data-link-domain="theverge.com" href="https://www.theverge.com/2021/4/27/22406673/basecamp-political-speech-policy-controversy" hreflang="en">Pas de politique au travail</a> <a href="/david/cache/2024/b80f5159ee7ac70bcaa6a9fde16c2408/" title="Copie locale au 2024-01-07" hreflang="en">
             <svg xmlns="http://www.w3.org/2000/svg"
                 width="20" height="20" viewBox="0 0 24 24"
                 fill="none" stroke="currentColor"

david/2024/dependance/index.html

@@ -134,6 +134,97 @@
     </p>
   </nav>
   
+    <h2>
+      <a href="/david/2024/02/03/" title="Lien permanent vers cet article">Archives</a> <time datetime="2024-02-03">3 février 2024</time>
+    </h2>
+    
+
+<blockquote lang="en">
+<p>Google will no longer be keeping a backup of the entire Internet. Google Search’s “cached” links have long been an alternative way to load a website that was down or had changed, but now the company is killing them off. Google “Search Liaison” Danny Sullivan confirmed the feature removal in an X post, saying the feature “was meant for helping people access pages when way back, you often couldn’t depend on a page loading. These days, <mark>things have greatly improved.</mark> So, it was decided to retire&nbsp;it.”</p>
+<p><cite><em><a data-link-domain="arstechnica.com" href="https://arstechnica.com/gadgets/2024/02/google-search-kills-off-cached-webpages/" hreflang="en">Google will no longer back up the Internet: Cached webpages are dead</a> <a href="/david/cache/2024/75c7b6350ba18a5a11ee3bbf8b3b64be/" title="Copie locale au 2024-02-03" hreflang="en">
+            <svg xmlns="http://www.w3.org/2000/svg"
+                width="20" height="20" viewBox="0 0 24 24"
+                fill="none" stroke="currentColor"
+                stroke-width="2" stroke-linecap="square" stroke-linejoin="round"
+                ><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
+                <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1">
+                </path>
+            </svg>
+            <span class="sr-only">[archive]</span>
+            </a></em></cite></p>
+</blockquote>
+<p><em>(rires)</em></p>
+<p>Forcément en lisant ça un samedi matin, j’étais immédiatement motivé pour améliorer la façon dont j’archive les liens par ici. À commencer par des méta-données qui permettraient d’avoir une prévisualisation des liens un peu&nbsp;enrichie.</p>
+<p>Je me dis que je ne dois pas être le seul à essayer d’extraire des informations des pages. Et j’en trouve pas mal&nbsp;: <a data-link-domain="github.com" href="https://github.com/gri38/hyperlink_preview">hyperlink_preview</a>, <a data-link-domain="github.com" href="https://github.com/scrapinghub/extruct">extruct</a> ou <a data-link-domain="github.com" href="https://github.com/seanbreckenridge/url_cache">url_cache</a> pour ne citer qu’eux. Cela me met sur la piste de <a data-link-domain="github.com" href="https://github.com/michaelhelmick/lassie">Lassie</a> qui semble extraire ce que j’aimerais avoir&nbsp;: une image ou favicon, potentiellement une description, ainsi qu’une langue. Jake Lazaroff m’avait <a href="/david/2024/02/01/#hr-60">depuis répondu</a> qu’il génère en fait ses vignettes au moment de la <a data-link-domain="gist.github.com" href="https://gist.github.com/jakelazaroff/36b9665efe02870576acfc033171d6bf">construction du site</a>. Je ne veux pas totalement suivre cette approche car je ne veux pas stocker d’images additionnelles mais je vais essayer d’avoir une solution&nbsp;hybride.</p>
+<p>Cela m’embête de plus en plus de coupler le générateur de site aux (méta-)données des archives. <em>À&nbsp;méditer.</em></p>
+<p>Pour ce qui est de l’interface, ça attendra un autre jour. J’ai tout de même ajouté des attributs <code>hreflang</code> et la bonne langue dans les pages d’archives, un truc qui me grattait depuis un bout de&nbsp;temps.</p>
+<a href="#hr-62" title="Lien vers cette section de la page"><hr id="hr-62" /></a>
+<p>Cela fait <a href="/david/2020/02/07/#sonos">bien longtemps</a> que je regrette d’avoir acheté des enceintes Sonos. Hier —&nbsp;encore une fois frustré par l’application proposée par défaut&nbsp;— je découvre <a data-link-domain="github.com" href="https://github.com/SoCo/SoCo">SoCo</a> ainsi que <a data-link-domain="github.com" href="https://github.com/avantrec/soco-cli">soco-cli</a> après quelques recherches. Je passe ensuite la soirée à batailler avec Automator pour pouvoir faire un clic-droit sur un dossier local et que ça me lise les fichiers FLAC qui sont&nbsp;dedans.</p>
+<p>J’arrive à la solution&nbsp;suivante&nbsp;:</p>
+<pre><code>on run {input, parameters}
+    tell application &quot;Terminal&quot;
+        do script &quot;cd ~/sonos &amp;&amp; sonos Chambre play_dir '&quot; &amp; (POSIX path of input) &amp; &quot;'&quot;
+    end tell
+    return input
+end run
+</code></pre>
+<p>Ce n’est pas très élégant et je n’ai pas réussi à faire en sorte que ça se lance dans iTerm mais au moins ça joue de la&nbsp;musique.</p>
+<a href="#hr-63" title="Lien vers cette section de la page"><hr id="hr-63" /></a>
+
+<blockquote lang="en">
+<p><strong>drab</strong> focuses on providing JavaScript functionality where it’s most useful. Many of the elements are helpful wrappers <mark>around browser APIs.</mark> Here are some of the features of the&nbsp;library.</p>
+<p><cite><em><a data-link-domain="drab.robino.dev" href="https://drab.robino.dev/" hreflang="en">drab - A Headless Custom Element Library</a> <a href="/david/cache/2024/2a1235215c277ebb8a0e9acb7ffd91e0/" title="Copie locale au 2024-02-03" hreflang="en">
+            <svg xmlns="http://www.w3.org/2000/svg"
+                width="20" height="20" viewBox="0 0 24 24"
+                fill="none" stroke="currentColor"
+                stroke-width="2" stroke-linecap="square" stroke-linejoin="round"
+                ><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
+                <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1">
+                </path>
+            </svg>
+            <span class="sr-only">[archive]</span>
+            </a></em></cite></p>
+</blockquote>
+<p>Le futur qui se dessine à ce sujet est <em>très</em> stimulant. Cela fait 15&nbsp;ans qu’il y a une production de masse de code JS qui n’est ni réutilisable, ni interopérable. J’ai bon espoir que ce soit en train de&nbsp;changer.</p>
+<a href="#hr-64" title="Lien vers cette section de la page"><hr id="hr-64" /></a>
+
+<blockquote lang="en">
+<p>When trying to defend this, economists typically claim that we have unlimited desire for new stuff. Apparently, rather than dedicating the time gains from technology to leisure, we pour it into making more stuff for ourselves. This is bogus. People do have a limited desire for new things, because dedicating yourself to endless production (and consumption) comes at the expense of hanging out with your family, friends and pets, or doing stuff like walking in the wilderness or surfing the waves. What people actually desire is a balance of many things, but <mark>the system we’re stuck in has unlimited desire for one direction only.</mark> That’s because it’s a vortex unleashed by humans who no longer know how to stop&nbsp;it.</p>
+<p><cite><em><a data-link-domain="brettscott.substack.com" href="https://brettscott.substack.com/p/tech-doesnt-make-our-lives-easier" hreflang="en">Tech doesn’t make our lives easier. It makes them faster</a> <a href="/david/cache/2024/9750840b448f07a2f2594bb25da23836/" title="Copie locale au 2024-02-03" hreflang="en">
+            <svg xmlns="http://www.w3.org/2000/svg"
+                width="20" height="20" viewBox="0 0 24 24"
+                fill="none" stroke="currentColor"
+                stroke-width="2" stroke-linecap="square" stroke-linejoin="round"
+                ><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
+                <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1">
+                </path>
+            </svg>
+            <span class="sr-only">[archive]</span>
+            </a></em></cite></p>
+</blockquote>
+<p>Un bon article à lire après 24h de galères&nbsp;techniques&nbsp;😅.</p>
+
+    
+      <nav>
+        <p>
+          
+            <a href="/david/2024/dependance/"
+               title="Liste de tous les articles 2024 associés à cette étiquette"
+               rel="tag">#dépendance</a>
+          
+            <a href="/david/2024/opensource/"
+               title="Liste de tous les articles 2024 associés à cette étiquette"
+               rel="tag">#opensource</a>
+          
+            <a href="/david/2024/technique/"
+               title="Liste de tous les articles 2024 associés à cette étiquette"
+               rel="tag">#technique</a>
+          
+          <a href="/david/2024/#tags" title="Liste de toutes les étiquettes 2024">tous ?</a>
+        </p>
+      </nav>
+    
+  
     <h2>
       <a href="/david/2024/01/20/" title="Lien permanent vers cet article">Extinction</a> <time datetime="2024-01-20">20 janvier 2024</time>
     </h2>
@@ -142,7 +233,7 @@
 <blockquote lang="en">
 <p>So where have all the websites gone? Well, the people who make them have all gone to war for the capitalist machine. They grew up and got jobs. A natural part of growing up. Silos came and plucked their voices. Invasive memes and short form content grew in their place. Hustle overtook leisure. Harassment overtook openness. Influence overtook creativity. An economy of interestingness replaced by one of followers, likes, and engagement&nbsp;metrics.</p>
 <p>One important thing to note; <mark>websites aren’t extinct.</mark> In fact, you’re on one now! Uploading your own words is ancient technology but still&nbsp;works.</p>
-<p><cite><em><a data-link-domain="daverupert.com" href="https://daverupert.com/2024/01/where-have-all-the-websites-gone/">Where have all the flowers gone?</a> <a href="/david/cache/2024/7136e0810bfa42c4a9ca798a55cd2d53/" title="Copie locale au 2024-01-19">
+<p><cite><em><a data-link-domain="daverupert.com" href="https://daverupert.com/2024/01/where-have-all-the-websites-gone/" hreflang="en">Where have all the flowers gone?</a> <a href="/david/cache/2024/7136e0810bfa42c4a9ca798a55cd2d53/" title="Copie locale au 2024-01-19" hreflang="en">
             <svg xmlns="http://www.w3.org/2000/svg"
                 width="20" height="20" viewBox="0 0 24 24"
                 fill="none" stroke="currentColor"
@@ -154,7 +245,7 @@
             <span class="sr-only">[archive]</span>
             </a></em></cite></p>
 </blockquote>
-<p>En réponse à <q lang="en"><a data-link-domain="fromjason.xyz" href="https://www.fromjason.xyz/p/notebook/where-have-all-the-websites-gone/">Where have all the websites gone?</a> <a href="/david/cache/2024/c3272392d462da90874d32841e5caac8/" title="Copie locale au 2024-01-09">
+<p>En réponse à <q lang="en"><a data-link-domain="fromjason.xyz" href="https://www.fromjason.xyz/p/notebook/where-have-all-the-websites-gone/" hreflang="en">Where have all the websites gone?</a> <a href="/david/cache/2024/c3272392d462da90874d32841e5caac8/" title="Copie locale au 2024-01-09" hreflang="en">
             <svg xmlns="http://www.w3.org/2000/svg"
                 width="20" height="20" viewBox="0 0 24 24"
                 fill="none" stroke="currentColor"
@@ -177,7 +268,7 @@
 <li><mark>Graphical user interfaces should not be required for text-based communication.</mark>  Users may have broken graphics drivers, limited eyesight, or be unable to afford modern&nbsp;hardware.</li>
 </ul>
 <p>public-inbox aims to be easy-to-deploy and manage; encouraging projects to run their own instances with minimal&nbsp;overhead.</p>
-<p><cite><em><a data-link-domain="public-inbox.org" href="https://public-inbox.org/README.html">public-inbox - an &quot;archives first&quot; approach to mailing lists</a> <a href="/david/cache/2024/30b40ff8034212e070dc7daf2b9406e9/" title="Copie locale au 2024-01-19">
+<p><cite><em><a data-link-domain="public-inbox.org" href="https://public-inbox.org/README.html" hreflang="en">public-inbox - an &quot;archives first&quot; approach to mailing lists</a> <a href="/david/cache/2024/30b40ff8034212e070dc7daf2b9406e9/" title="Copie locale au 2024-01-19" hreflang="en">
             <svg xmlns="http://www.w3.org/2000/svg"
                 width="20" height="20" viewBox="0 0 24 24"
                 fill="none" stroke="currentColor"

david/2024/dystopie/index.html

@@ -141,7 +141,7 @@
 
 <blockquote lang="en">
 <p>But if you were to try just one thing using Vision Pro — just one thing — it has to be <mark>watching a movie</mark> in the TV app, in theater mode. Try that, and no matter how skeptical you were beforehand about the Vision Pro’s price tag, your hand will start inching toward your&nbsp;wallet.</p>
-<p><cite><em><a data-link-domain="daringfireball.net" href="https://daringfireball.net/2024/01/the_vision_pro">Daring Fireball: The Vision Pro</a> <a href="/david/cache/2024/cd9184008ba5d9e4c9be4d0a0eea4f60/" title="Copie locale au 2024-01-31">
+<p><cite><em><a data-link-domain="daringfireball.net" href="https://daringfireball.net/2024/01/the_vision_pro" hreflang="en">Daring Fireball: The Vision Pro</a> <a href="/david/cache/2024/cd9184008ba5d9e4c9be4d0a0eea4f60/" title="Copie locale au 2024-01-31" hreflang="en">
             <svg xmlns="http://www.w3.org/2000/svg"
                 width="20" height="20" viewBox="0 0 24 24"
                 fill="none" stroke="currentColor"
@@ -162,7 +162,7 @@
 <blockquote lang="en">
 <p>The “i” in iPhone stands for “inequality”. […]</p>
 <p><mark>iPhone owners live in a different world</mark> than high-end Android buyers, and light-years away what the bulk of the market experiences. No matter how you slice it, the performance inequality gap is growing for CPU-bound workloads like JavaScript-heavy web&nbsp;apps.</p>
-<p><cite><em><a data-link-domain="infrequently.org" href="https://infrequently.org/2024/01/performance-inequality-gap-2024/">The Performance Inequality Gap, 2024</a> <a href="/david/cache/2024/0676c7ccf1ab2b380641866789366d26/" title="Copie locale au 2024-01-31">
+<p><cite><em><a data-link-domain="infrequently.org" href="https://infrequently.org/2024/01/performance-inequality-gap-2024/" hreflang="en">The Performance Inequality Gap, 2024</a> <a href="/david/cache/2024/0676c7ccf1ab2b380641866789366d26/" title="Copie locale au 2024-01-31" hreflang="en">
             <svg xmlns="http://www.w3.org/2000/svg"
                 width="20" height="20" viewBox="0 0 24 24"
                 fill="none" stroke="currentColor"
@@ -188,7 +188,7 @@
 <blockquote lang="en">
 <p>Rather, the biggest benefits I see are <em>collective</em>, cutting across the industry as a whole. I think web components can make the entire web more accessible. They have the potential to unify currently fragmented communities, including various JavaScript frameworks <em>and</em> <mark>those who avoid them</mark>.</p>
 <p>[…] Web components won’t take web development by storm, or show us the One True Way to build websites. They don’t need to dethrone JavaScript frameworks. We probably won’t even all learn how to write&nbsp;them!</p>
-<p><cite><em><a data-link-domain="jakelazaroff.com" href="https://jakelazaroff.com/words/the-web-component-success-story/">The Web Component Success Story</a> <a href="/david/cache/2024/f4d2d42eba58062be910407690ae447c/" title="Copie locale au 2024-01-31">
+<p><cite><em><a data-link-domain="jakelazaroff.com" href="https://jakelazaroff.com/words/the-web-component-success-story/" hreflang="en">The Web Component Success Story</a> <a href="/david/cache/2024/f4d2d42eba58062be910407690ae447c/" title="Copie locale au 2024-01-31" hreflang="en">
             <svg xmlns="http://www.w3.org/2000/svg"
                 width="20" height="20" viewBox="0 0 24 24"
                 fill="none" stroke="currentColor"

david/2024/echanges/index.html

@@ -141,7 +141,7 @@
 
 <blockquote>
 <p>Ce qui me fait penser que cela fait plusieurs fois que je veux demander comment David déploie son&nbsp;site.</p>
-<p><cite><em><a data-link-domain="la-grange.net" href="https://www.la-grange.net/2024/01/24/herbe">herbe</a> <a href="/david/cache/2024/956819385548bba6e768563b12edc2d6/" title="Copie locale au 2024-01-28">
+<p><cite><em><a data-link-domain="la-grange.net" href="https://www.la-grange.net/2024/01/24/herbe" hreflang="fr">herbe</a> <a href="/david/cache/2024/956819385548bba6e768563b12edc2d6/" title="Copie locale au 2024-01-28" hreflang="fr">
             <svg xmlns="http://www.w3.org/2000/svg"
                 width="20" height="20" viewBox="0 0 24 24"
                 fill="none" stroke="currentColor"
@@ -166,7 +166,7 @@ git archive --remote=larlet-fr-david-cache.git master | tar -x -C larlet-fr/davi
 
 <blockquote lang="en">
 <p>I therefore officially announce 2024&nbsp;to be the year when the square checkbox has finally&nbsp;died.</p>
-<p><cite><em><a data-link-domain="tonsky.me" href="https://tonsky.me/blog/checkbox/">In Loving Memory of Square Checkbox</a> <a href="/david/cache/2024/ff566a58892db07815a327802fea66d3/" title="Copie locale au 2024-01-28">
+<p><cite><em><a data-link-domain="tonsky.me" href="https://tonsky.me/blog/checkbox/" hreflang="en">In Loving Memory of Square Checkbox</a> <a href="/david/cache/2024/ff566a58892db07815a327802fea66d3/" title="Copie locale au 2024-01-28" hreflang="en">
             <svg xmlns="http://www.w3.org/2000/svg"
                 width="20" height="20" viewBox="0 0 24 24"
                 fill="none" stroke="currentColor"
@@ -178,7 +178,7 @@ git archive --remote=larlet-fr-david-cache.git master | tar -x -C larlet-fr/davi
             <span class="sr-only">[archive]</span>
             </a></em></cite></p>
 </blockquote>
-<p>À quand une petite coche sur les <a data-link-domain="alvaromontoro.com" href="https://alvaromontoro.com/blog/68049/new-toggle-switch-lands-in-safari">futurs toggle/switch natifs</a> <a href="/david/cache/2024/b351cda8d2ccd73362ca1729845b7e79/" title="Copie locale au 2024-01-28">
+<p>À quand une petite coche sur les <a data-link-domain="alvaromontoro.com" href="https://alvaromontoro.com/blog/68049/new-toggle-switch-lands-in-safari" hreflang="en">futurs toggle/switch natifs</a> <a href="/david/cache/2024/b351cda8d2ccd73362ca1729845b7e79/" title="Copie locale au 2024-01-28" hreflang="en">
             <svg xmlns="http://www.w3.org/2000/svg"
                 width="20" height="20" viewBox="0 0 24 24"
                 fill="none" stroke="currentColor"
@@ -189,7 +189,7 @@ git archive --remote=larlet-fr-david-cache.git master | tar -x -C larlet-fr/davi
             </svg>
             <span class="sr-only">[archive]</span>
             </a>&#8239;? Ou <a data-link-domain="grumpy.website" href="https://grumpy.website/1457">pire</a>&#8239;? 🙈</p>
-<p>R.I.P. <a data-link-domain="nubero.ch" href="https://www.nubero.ch/blog/009/">les boutons</a> <a href="/david/cache/2024/a3ccfb51f65cd59f375d5424d243e012/" title="Copie locale au 2024-01-28">
+<p>R.I.P. <a data-link-domain="nubero.ch" href="https://www.nubero.ch/blog/009/" hreflang="de">les boutons</a> <a href="/david/cache/2024/a3ccfb51f65cd59f375d5424d243e012/" title="Copie locale au 2024-01-28" hreflang="de">
             <svg xmlns="http://www.w3.org/2000/svg"
                 width="20" height="20" viewBox="0 0 24 24"
                 fill="none" stroke="currentColor"
@@ -205,7 +205,7 @@ git archive --remote=larlet-fr-david-cache.git master | tar -x -C larlet-fr/davi
 <blockquote>
 <p>Les poètes et écrivains évitaient tous la colère des rois et des puissants par l’utilisation de métaphores. Mais c’est justement par cette analogie que cela devient&nbsp;intéressant.</p>
 <p><mark>Les empires informatiques d’aujourd’hui comme exemples de l’absolutisme du pouvoir des siècles précédents posent la question plus qu’intéressantes sur la liberté d’expression.</mark> Quand tout l’espace de notre expression transite par un domaine privé et commercial, nous ne sommes plus dans l’espace public de notre expression mais bien dans cet espace contrôlé. Que devient le sens de notre communication si dès que nous sommes sur ces espaces, l’expression devient plus limitée que celle que l’espace public&nbsp;permet.</p>
-<p><cite><em><a data-link-domain="la-grange.net" href="https://www.la-grange.net/2024/01/26/fraichement">fraîchement</a> <a href="/david/cache/2024/b692faaa55fd2775e957b20e833e9e5e/" title="Copie locale au 2024-01-28">
+<p><cite><em><a data-link-domain="la-grange.net" href="https://www.la-grange.net/2024/01/26/fraichement" hreflang="fr">fraîchement</a> <a href="/david/cache/2024/b692faaa55fd2775e957b20e833e9e5e/" title="Copie locale au 2024-01-28" hreflang="fr">
             <svg xmlns="http://www.w3.org/2000/svg"
                 width="20" height="20" viewBox="0 0 24 24"
                 fill="none" stroke="currentColor"
@@ -225,7 +225,7 @@ git archive --remote=larlet-fr-david-cache.git master | tar -x -C larlet-fr/davi
 <p>[…] Je ne sais pas ce qui est le plus important, préserver un nom de domaine n’est qu’une partie. Préserver le contenu derrière le nom de domaine est plus difficile. Il faut penser serveurs, mise à jour de sécurité, les technologies utilisées, etc.</p>
 <p>Le No JS pour les sites Web est rarement mentionné pour la longévité du contenu. Et pourtant c’est une pièce&nbsp;fondamentale.</p>
 <p>Peut-être il serait plus important de <mark>penser à ce que les autres voudront préserver plutôt que de penser à ce que nous voulons transmettre.</mark> De même que voulons nous préserver des générations antérieures pour nous aider à mieux penser notre propre&nbsp;disparition.</p>
-<p><cite><em><a data-link-domain="la-grange.net" href="https://www.la-grange.net/2024/01/23/legacy">ce que nous laissons</a> <a href="/david/cache/2024/1fe484434058e9c44d21bfebb0ddba31/" title="Copie locale au 2024-01-28">
+<p><cite><em><a data-link-domain="la-grange.net" href="https://www.la-grange.net/2024/01/23/legacy" hreflang="fr">ce que nous laissons</a> <a href="/david/cache/2024/1fe484434058e9c44d21bfebb0ddba31/" title="Copie locale au 2024-01-28" hreflang="fr">
             <svg xmlns="http://www.w3.org/2000/svg"
                 width="20" height="20" viewBox="0 0 24 24"
                 fill="none" stroke="currentColor"
@@ -237,7 +237,7 @@ git archive --remote=larlet-fr-david-cache.git master | tar -x -C larlet-fr/davi
             <span class="sr-only">[archive]</span>
             </a></em></cite></p>
 </blockquote>
-<p>Peut-être que si chaque personne avait sa <a href="/david/cache/2024/">propre archive</a> des publications des autres, on aurait accès à un réseau de citations distribuées qui contribueraient à cette préservation. Et qui auraient été considérées comme étant «&nbsp;pertinentes&nbsp;» par les lecteur·ices&#8239;? Les guillemets sont importants car citation ne veut pas forcément dire caution ou intérêt le plus grand. Par exemple, l’<a data-link-domain="la-grange.net" href="https://www.la-grange.net/2024/01/22/carnet">anecdote</a> <a href="/david/cache/2024/790f724c45b26de460f9eeac04d48884/" title="Copie locale au 2024-01-28">
+<p>Peut-être que si chaque personne avait sa <a href="/david/cache/2024/">propre archive</a> des publications des autres, on aurait accès à un réseau de citations distribuées qui contribueraient à cette préservation. Et qui auraient été considérées comme étant «&nbsp;pertinentes&nbsp;» par les lecteur·ices&#8239;? Les guillemets sont importants car citation ne veut pas forcément dire caution ou intérêt le plus grand. Par exemple, l’<a data-link-domain="la-grange.net" href="https://www.la-grange.net/2024/01/22/carnet" hreflang="fr">anecdote</a> <a href="/david/cache/2024/790f724c45b26de460f9eeac04d48884/" title="Copie locale au 2024-01-28" hreflang="fr">
             <svg xmlns="http://www.w3.org/2000/svg"
                 width="20" height="20" viewBox="0 0 24 24"
                 fill="none" stroke="currentColor"
@@ -285,7 +285,7 @@ git archive --remote=larlet-fr-david-cache.git master | tar -x -C larlet-fr/davi
 <p>Doit-on être spécialiste d’un sujet pour en parler&#8239;? Rien ne peut fonctionner si seuls les universitaires peuvent écrire des essais, si les romancières sont cantonnées à raconter des histoires, si seuls les insurgés sont légitimes à parler de révolution, les pauvres de misère, les racisés de discrimination, si les déserteurs sont trop diplômés et si les écrivains ne peuvent disserter que sur la&nbsp;création.</p>
 <p><cite><em>Alors nous irons trouver la beauté ailleurs</em>, Corinne Morel&nbsp;Darleux</cite></p>
 </blockquote>
-<p>La légitimité de la personne qui écrit est importante —&nbsp;notamment en terme de crédibilité&nbsp;— et j’apprécie qu’IA Writer <a data-link-domain="ia.net" href="https://ia.net/topics/writing-with-ai">expérimente des choses</a> <a href="/david/cache/2024/291cddda62f18ec9355ec98761b7e9d9/" title="Copie locale au 2024-01-21">
+<p>La légitimité de la personne qui écrit est importante —&nbsp;notamment en terme de crédibilité&nbsp;— et j’apprécie qu’IA Writer <a data-link-domain="ia.net" href="https://ia.net/topics/writing-with-ai" hreflang="en">expérimente des choses</a> <a href="/david/cache/2024/291cddda62f18ec9355ec98761b7e9d9/" title="Copie locale au 2024-01-21" hreflang="en">
             <svg xmlns="http://www.w3.org/2000/svg"
                 width="20" height="20" viewBox="0 0 24 24"
                 fill="none" stroke="currentColor"
@@ -307,7 +307,7 @@ git archive --remote=larlet-fr-david-cache.git master | tar -x -C larlet-fr/davi
 <blockquote lang="en">
 <p>Sometimes I’d have a realization that I was doing something for the first time since I had left home, 16&nbsp;months earlier. First time pumping gas. First time ringing a doorbell. First time going to a grocery store. First time swimming. Each of these instances brought with it a small feeling of novelty, but it didn’t amount to much. It took conscious effort to remember that I was pumping gas for the first time in 16&nbsp;months. It felt&nbsp;normal.</p>
 <p>I was back in my real life, and although I put it on hold for Antarctica, it was waiting for me when I got back. <mark>Antarctica was a a different world, a radical departure from my normal reality.</mark> It was so different, in fact, that I simply could not merge the two realities into one. I had my real life, and I had my Antarctica life. When my Antarctica life finished, I resumed my real&nbsp;life.</p>
-<p><cite><em><a data-link-domain="brr.fyi" href="https://brr.fyi/posts/redeployment-part-three">Redeployment Part Three</a> <a href="/david/cache/2024/e8748af541273328d9aa9f1aeb1087b2/" title="Copie locale au 2024-01-21">
+<p><cite><em><a data-link-domain="brr.fyi" href="https://brr.fyi/posts/redeployment-part-three" hreflang="en">Redeployment Part Three</a> <a href="/david/cache/2024/e8748af541273328d9aa9f1aeb1087b2/" title="Copie locale au 2024-01-21" hreflang="en">
             <svg xmlns="http://www.w3.org/2000/svg"
                 width="20" height="20" viewBox="0 0 24 24"
                 fill="none" stroke="currentColor"
@@ -319,7 +319,7 @@ git archive --remote=larlet-fr-david-cache.git master | tar -x -C larlet-fr/davi
             <span class="sr-only">[archive]</span>
             </a></em></cite></p>
 </blockquote>
-<p>Troisième partie (<a data-link-domain="brr.fyi" href="https://brr.fyi/posts/redeployment-part-one">1</a> <a href="/david/cache/2024/da7e5578fd96fe31d46bfb207d041880/" title="Copie locale au 2024-01-21">
+<p>Troisième partie (<a data-link-domain="brr.fyi" href="https://brr.fyi/posts/redeployment-part-one" hreflang="en">1</a> <a href="/david/cache/2024/da7e5578fd96fe31d46bfb207d041880/" title="Copie locale au 2024-01-21" hreflang="en">
             <svg xmlns="http://www.w3.org/2000/svg"
                 width="20" height="20" viewBox="0 0 24 24"
                 fill="none" stroke="currentColor"
@@ -329,7 +329,7 @@ git archive --remote=larlet-fr-david-cache.git master | tar -x -C larlet-fr/davi
                 </path>
             </svg>
             <span class="sr-only">[archive]</span>
-            </a>, <a data-link-domain="brr.fyi" href="https://brr.fyi/posts/redeployment-part-two">2</a> <a href="/david/cache/2024/284205d0f99390dd18d3af12ff53227c/" title="Copie locale au 2024-01-21">
+            </a>, <a data-link-domain="brr.fyi" href="https://brr.fyi/posts/redeployment-part-two" hreflang="en">2</a> <a href="/david/cache/2024/284205d0f99390dd18d3af12ff53227c/" title="Copie locale au 2024-01-21" hreflang="en">
             <svg xmlns="http://www.w3.org/2000/svg"
                 width="20" height="20" viewBox="0 0 24 24"
                 fill="none" stroke="currentColor"
@@ -345,7 +345,7 @@ git archive --remote=larlet-fr-david-cache.git master | tar -x -C larlet-fr/davi
 
 <blockquote>
 <p>Il est largement prouvé qu’il n’y a qu’un moyen de faire entrer plus de femmes dans la tech. C’est par le biais de la <strong>représentativité</strong>. <mark>Les jeunes femmes ne peuvent pas se projeter dans des rôles qu’elles ne connaissent pas.</mark> J’espère qu’à un moment où un autre, vous aurez vous aussi envie d’occuper l’espace et de vous rendre visible, pour montrer que les femmes dans la tech existent et que c’est une voie royale. Vous pouvez aussi être <strong>marraine</strong> et intervenir dans des écoles avec <a data-link-domain="ellesbougent.com" href="https://www.ellesbougent.com/">Elles bougent</a> ou <a data-link-domain="intrepidesdelatech.org" href="https://www.intrepidesdelatech.org/">Les intrépides de la tech</a>.</p>
-<p><cite><em><a data-link-domain="duchess-france.fr" href="https://www.duchess-france.fr/dossier/women%20in%20tech/alli%C3%A9s/2023/01/15/manuel-survie-femme-tech.html">Manuel de survie de la femme dans la tech</a> <a href="/david/cache/2024/c4751e7c80b292e3533ee6b3e057b702/" title="Copie locale au 2024-01-21">
+<p><cite><em><a data-link-domain="duchess-france.fr" href="https://www.duchess-france.fr/dossier/women%20in%20tech/alli%C3%A9s/2023/01/15/manuel-survie-femme-tech.html" hreflang="en">Manuel de survie de la femme dans la tech</a> <a href="/david/cache/2024/c4751e7c80b292e3533ee6b3e057b702/" title="Copie locale au 2024-01-21" hreflang="en">
             <svg xmlns="http://www.w3.org/2000/svg"
                 width="20" height="20" viewBox="0 0 24 24"
                 fill="none" stroke="currentColor"
@@ -397,7 +397,7 @@ git archive --remote=larlet-fr-david-cache.git master | tar -x -C larlet-fr/davi
 <blockquote lang="en">
 <p>A walk-and-talk is a moveable salon. A small group of people walk together for a week, having casual conversations side-by-side during most of the day. In the evening the group sits down to an intense hours-long discussion centered on a daily chosen topic by those present. A moderator keeps the conversation on that day’s single topic to sharpen it and make it&nbsp;memorable.</p>
 <p><mark>To focus on conversations while walking,</mark> participants carry only day-packs, and eat locally prepared meals. The walks are not strenuous and to keep it even more inspiring, they take place in storied environments that are walker-friendly, such as footpaths in England, Japan, and Spain. By the end of the week, every person present has walked about 100&#8239;km and has had deep conversations with all the&nbsp;others.</p>
-<p><cite><em><a data-link-domain="craigmod.com" href="https://craigmod.com/ridgeline/176/">The Walk and Talk: Everything We Know</a> <a href="/david/cache/2024/877ad04fd329c26c80113e15dec540df/" title="Copie locale au 2024-01-18">
+<p><cite><em><a data-link-domain="craigmod.com" href="https://craigmod.com/ridgeline/176/" hreflang="en">The Walk and Talk: Everything We Know</a> <a href="/david/cache/2024/877ad04fd329c26c80113e15dec540df/" title="Copie locale au 2024-01-18" hreflang="en">
             <svg xmlns="http://www.w3.org/2000/svg"
                 width="20" height="20" viewBox="0 0 24 24"
                 fill="none" stroke="currentColor"
@@ -415,7 +415,7 @@ git archive --remote=larlet-fr-david-cache.git master | tar -x -C larlet-fr/davi
 
 <blockquote lang="en">
 <p>Going forward I plan to version the projects I work on in a way that communicates <em>how much effort I expect a user will need to spend to adopt the new version.</em> I’m going to refer to that scheme as <strong>Intended Effort Versioning (EffVer for short)</strong>.</p>
-<p><cite><em><a data-link-domain="jacobtomlinson.dev" href="https://jacobtomlinson.dev/effver/">EffVer: Version your code by the effort required to upgrade</a> <a href="/david/cache/2024/fd6eda56671045e0c1e2d215e07f1a6f/" title="Copie locale au 2024-01-18">
+<p><cite><em><a data-link-domain="jacobtomlinson.dev" href="https://jacobtomlinson.dev/effver/" hreflang="en">EffVer: Version your code by the effort required to upgrade</a> <a href="/david/cache/2024/fd6eda56671045e0c1e2d215e07f1a6f/" title="Copie locale au 2024-01-18" hreflang="en">
             <svg xmlns="http://www.w3.org/2000/svg"
                 width="20" height="20" viewBox="0 0 24 24"
                 fill="none" stroke="currentColor"

david/2024/ecriture/index.html

@@ -157,7 +157,7 @@
 
 <blockquote lang="en">
 <p>When the right approach reveals itself, it feels obvious. <mark>But only in retrospect.</mark> <strong>Design is only obvious in retrospect.</strong> It takes iteration and discipline to get there. But when you do get there, it’s much easier to explain your design decisions to others. You know why the design is the right one and can frame your rationale in the context of the problem you are trying to&nbsp;solve.</p>
-<p><cite><em><a data-link-domain="lukew.com" href="https://lukew.com/ff/entry.asp?2036">Until the Right Design Emerges…</a> <a href="/david/cache/2024/84f8caf3e7f7b3de9e18281749c3687f/" title="Copie locale au 2024-01-13">
+<p><cite><em><a data-link-domain="lukew.com" href="https://lukew.com/ff/entry.asp?2036" hreflang="en">Until the Right Design Emerges…</a> <a href="/david/cache/2024/84f8caf3e7f7b3de9e18281749c3687f/" title="Copie locale au 2024-01-13" hreflang="en">
             <svg xmlns="http://www.w3.org/2000/svg"
                 width="20" height="20" viewBox="0 0 24 24"
                 fill="none" stroke="currentColor"
@@ -169,7 +169,7 @@
             <span class="sr-only">[archive]</span>
             </a></em></cite></p>
 </blockquote>
-<p><a href="/david/2024/01/13/" title="Wuwei">Non</a>, pas <a data-link-domain="lukew.com" href="https://lukew.com/ff/entry.asp?2008">cette direction</a> <a href="/david/cache/2024/ea2cfc9aa425a6967d2cacd9f96ceb9e/" title="Copie locale au 2024-01-13">
+<p><a href="/david/2024/01/13/" title="Wuwei">Non</a>, pas <a data-link-domain="lukew.com" href="https://lukew.com/ff/entry.asp?2008" hreflang="en">cette direction</a> <a href="/david/cache/2024/ea2cfc9aa425a6967d2cacd9f96ceb9e/" title="Copie locale au 2024-01-13" hreflang="en">
             <svg xmlns="http://www.w3.org/2000/svg"
                 width="20" height="20" viewBox="0 0 24 24"
                 fill="none" stroke="currentColor"
@@ -218,7 +218,7 @@
 <p>Décliner l’usage de ce dont on n’a pas besoin, <mark>discerner parmi les technologies celles qui risquent de faire plus de mal que de bien,</mark> voilà qui manque cruellement à notre époque où l’on a oublié que parfois ne pas nuire vaut mieux qu’agir. Il y aurait pourtant un nombre incalculable d’applications pratiques du <em>wuwei</em>, de la géo-ingénierie à l’intelligence artificielle, tant de cas où il serait bon que l’espèce humaine sache se&nbsp;retenir.</p>
 <p><cite><em>Alors nous irons trouver la beauté ailleurs</em>, Corinne Morel&nbsp;Darleux</cite></p>
 </blockquote>
-<p>Cette année encore, ce sera pour moi le <em>non-usage</em> de l’<a data-link-domain="simonwillison.net" href="https://simonwillison.net/2024/Jan/7/call-it-ai/">intelligence artificielle</a> <a href="/david/cache/2024/3ea27fca4fabb81676fc1b98264f3bd8/" title="Copie locale au 2024-01-13">
+<p>Cette année encore, ce sera pour moi le <em>non-usage</em> de l’<a data-link-domain="simonwillison.net" href="https://simonwillison.net/2024/Jan/7/call-it-ai/" hreflang="en">intelligence artificielle</a> <a href="/david/cache/2024/3ea27fca4fabb81676fc1b98264f3bd8/" title="Copie locale au 2024-01-13" hreflang="en">
             <svg xmlns="http://www.w3.org/2000/svg"
                 width="20" height="20" viewBox="0 0 24 24"
                 fill="none" stroke="currentColor"
@@ -228,7 +228,7 @@
                 </path>
             </svg>
             <span class="sr-only">[archive]</span>
-            </a> explicite qui sera mon <em>wuwei</em>. Je précise le <q lang="fr">explicite</q> car il y en a déjà plein partout dans mon téléphone et ailleurs. J’ai peut-être une des dernières générations d’appareil photo qui ne va pas adapter l’image à une norme / culture apprise. Je suis curieux d’observer le nivellement (au sens moyenne, pas forcément par le bas) que vont provoquer les <abbr title="Large Language Model">LLM</abbr> dans le domaine, peut-être deviendra-t-il plus imperceptible qu’une <a data-link-domain="theverge.com" href="https://www.theverge.com/2023/3/13/23637401/samsung-fake-moon-photos-ai-galaxy-s21-s23-ultra">lune</a> <a href="/david/cache/2024/e990536ed88823f047296ea25a6b7933/" title="Copie locale au 2024-01-13">
+            </a> explicite qui sera mon <em>wuwei</em>. Je précise le <q lang="fr">explicite</q> car il y en a déjà plein partout dans mon téléphone et ailleurs. J’ai peut-être une des dernières générations d’appareil photo qui ne va pas adapter l’image à une norme / culture apprise. Je suis curieux d’observer le nivellement (au sens moyenne, pas forcément par le bas) que vont provoquer les <abbr title="Large Language Model">LLM</abbr> dans le domaine, peut-être deviendra-t-il plus imperceptible qu’une <a data-link-domain="theverge.com" href="https://www.theverge.com/2023/3/13/23637401/samsung-fake-moon-photos-ai-galaxy-s21-s23-ultra" hreflang="en">lune</a> <a href="/david/cache/2024/e990536ed88823f047296ea25a6b7933/" title="Copie locale au 2024-01-13" hreflang="en">
             <svg xmlns="http://www.w3.org/2000/svg"
                 width="20" height="20" viewBox="0 0 24 24"
                 fill="none" stroke="currentColor"
@@ -238,7 +238,7 @@
                 </path>
             </svg>
             <span class="sr-only">[archive]</span>
-            </a> ou une <a data-link-domain="theverge.com" href="https://www.theverge.com/2023/12/2/23985299/iphone-bridal-photo-three-poses-explanation-panorama-photoshop-generative-ai">mariée</a> <a href="/david/cache/2024/668d0f82ae65b0e94ea76145057759a7/" title="Copie locale au 2024-01-13">
+            </a> ou une <a data-link-domain="theverge.com" href="https://www.theverge.com/2023/12/2/23985299/iphone-bridal-photo-three-poses-explanation-panorama-photoshop-generative-ai" hreflang="en">mariée</a> <a href="/david/cache/2024/668d0f82ae65b0e94ea76145057759a7/" title="Copie locale au 2024-01-13" hreflang="en">
             <svg xmlns="http://www.w3.org/2000/svg"
                 width="20" height="20" viewBox="0 0 24 24"
                 fill="none" stroke="currentColor"
@@ -290,7 +290,7 @@
 <blockquote>
 <p>Mes lieux de lecture et d’écriture sont très associés. J’écris parce que je&nbsp;lis.</p>
 <p>J’écris de deux&nbsp;façons.</p>
-<p><cite><em><a data-link-domain="la-grange.net" href="https://www.la-grange.net/2024/01/11/pourquoi">je ne sais pas pourquoi</a> <a href="/david/cache/2024/87c468a4eddabe5d2c28e902d7f17504/" title="Copie locale au 2024-01-11">
+<p><cite><em><a data-link-domain="la-grange.net" href="https://www.la-grange.net/2024/01/11/pourquoi" hreflang="fr">je ne sais pas pourquoi</a> <a href="/david/cache/2024/87c468a4eddabe5d2c28e902d7f17504/" title="Copie locale au 2024-01-11" hreflang="fr">
             <svg xmlns="http://www.w3.org/2000/svg"
                 width="20" height="20" viewBox="0 0 24 24"
                 fill="none" stroke="currentColor"
@@ -302,7 +302,7 @@
             <span class="sr-only">[archive]</span>
             </a></em></cite></p>
 </blockquote>
-<p>Karl nous parle de ses moments / lieux d’écriture et de lecture. Je me suis souvent posé cette question et je reconnais des <abbr title="Où Lire, Où Écrire.">oloés</abbr> communs (une <a data-link-domain="tw5.immateriel.fr" href="https://tw5.immateriel.fr/wiki/immateriel/b/YXGEDFB">définition par ici</a> <a href="/david/cache/2024/89dbef9daef24f311b6401cef62f5855/" title="Copie locale au 2024-01-11">
+<p>Karl nous parle de ses moments / lieux d’écriture et de lecture. Je me suis souvent posé cette question et je reconnais des <abbr title="Où Lire, Où Écrire.">oloés</abbr> communs (une <a data-link-domain="tw5.immateriel.fr" href="https://tw5.immateriel.fr/wiki/immateriel/b/YXGEDFB" hreflang="fr">définition par ici</a> <a href="/david/cache/2024/89dbef9daef24f311b6401cef62f5855/" title="Copie locale au 2024-01-11" hreflang="fr">
             <svg xmlns="http://www.w3.org/2000/svg"
                 width="20" height="20" viewBox="0 0 24 24"
                 fill="none" stroke="currentColor"
@@ -313,7 +313,7 @@
             </svg>
             <span class="sr-only">[archive]</span>
             </a>). Mes moments et lieux sont beaucoup plus traditionnels, c’est principalement le soir et dans mon bureau-chambre. Mais il n’y a pas de règle stricte pour autant. Parfois, l’envie d’écrire va être trop forte lors d’une lecture en cours de journée, d’autres fois je vais me réveiller tôt et commencer à écrire dans ma tête depuis mon lit ou sous la douche. Une idée peut arriver et/ou s’étirer en faisant du sport ou dans des contextes&nbsp;routiniers.</p>
-<p>Et puis il y a l’écriture qui appelle une autre écriture, ce moment de <a data-link-domain="blog.jim-nielsen.com" href="https://blog.jim-nielsen.com/2023/blogging-and-compositing/">compost</a> <a href="/david/cache/2024/5030196507bcf3e06162e9eaed40abbe/" title="Copie locale au 2024-01-11">
+<p>Et puis il y a l’écriture qui appelle une autre écriture, ce moment de <a data-link-domain="blog.jim-nielsen.com" href="https://blog.jim-nielsen.com/2023/blogging-and-compositing/" hreflang="en">compost</a> <a href="/david/cache/2024/5030196507bcf3e06162e9eaed40abbe/" title="Copie locale au 2024-01-11" hreflang="en">
             <svg xmlns="http://www.w3.org/2000/svg"
                 width="20" height="20" viewBox="0 0 24 24"
                 fill="none" stroke="currentColor"
@@ -330,7 +330,7 @@
 <p>but I think, in this race to “build an audience,” somewhere in the process, something is missing, left behind — perhaps, a sense of humanity, or individual complexity, or truth, or&nbsp;intimacy.</p>
 <p>I don’t want to feel like I’m just an email address, an IP address, or a potential “lead.” I want to feel fully seen. human.</p>
 <p>[…] instead of “building an audience,” build a world. <mark>build a digital garden-ecosystem, that exists</mark> — first and primarily — <em>for itself</em>. a world that doesn’t need likes, traffic, subscribers, or clicks  — in order to validate its&nbsp;existence.</p>
-<p><cite><em><a data-link-domain="keningzhu.com" href="https://keningzhu.com/journal/build-a-world-not-an-audience">build a world, not an audience</a> <a href="/david/cache/2024/cd2fda3dae5d89990f73fbdaa1c3b491/" title="Copie locale au 2024-01-11">
+<p><cite><em><a data-link-domain="keningzhu.com" href="https://keningzhu.com/journal/build-a-world-not-an-audience" hreflang="en">build a world, not an audience</a> <a href="/david/cache/2024/cd2fda3dae5d89990f73fbdaa1c3b491/" title="Copie locale au 2024-01-11" hreflang="en">
             <svg xmlns="http://www.w3.org/2000/svg"
                 width="20" height="20" viewBox="0 0 24 24"
                 fill="none" stroke="currentColor"
@@ -347,7 +347,7 @@
 <blockquote lang="en">
 <p>These are all very interesting questions but for me, the more pressing question is a slightly different one: which <em>you</em> is your personal site representing? We often don’t pay too much attention to this but <mark>we all have different ways of being&nbsp;ourselves.</mark></p>
 <p>So which one of these should my site represent? Should my site be the personal site of the Manu freelance web developer, with his interests in digital typography, minimal design, and simple websites? Or should represent the slightly competitive on the basketball court Manu, who doesn’t really care all that much about winning but is concerned about having fun? Or maybe it should represent Manu the romantic partner, with all his worry about the practical aspects of life but also full of affection for his partner? The list goes on and&nbsp;on.</p>
-<p><cite><em><a data-link-domain="manuelmoreale.com" href="https://manuelmoreale.com/the-personality-of-a-personal-website">The personality of a personal website</a> <a href="/david/cache/2024/e5c1ca8e3beeb0d256a064832c3566aa/" title="Copie locale au 2024-01-11">
+<p><cite><em><a data-link-domain="manuelmoreale.com" href="https://manuelmoreale.com/the-personality-of-a-personal-website" hreflang="en">The personality of a personal website</a> <a href="/david/cache/2024/e5c1ca8e3beeb0d256a064832c3566aa/" title="Copie locale au 2024-01-11" hreflang="en">
             <svg xmlns="http://www.w3.org/2000/svg"
                 width="20" height="20" viewBox="0 0 24 24"
                 fill="none" stroke="currentColor"
@@ -359,7 +359,7 @@
             <span class="sr-only">[archive]</span>
             </a></em></cite></p>
 </blockquote>
-<p>Je m’interroge souvent sur ce que j’essaye de cacher ici. Ce que cela raconte de ma personnalité, si l’image retournée est <a data-link-domain="thom4.net" href="https://thom4.net/2023/02/01/carnets/">vraiment fidèle</a> <a href="/david/cache/2024/09c0739036ea4a8b6c985e127fe7e3c8/" title="Copie locale au 2024-01-11">
+<p>Je m’interroge souvent sur ce que j’essaye de cacher ici. Ce que cela raconte de ma personnalité, si l’image retournée est <a data-link-domain="thom4.net" href="https://thom4.net/2023/02/01/carnets/" hreflang="fr">vraiment fidèle</a> <a href="/david/cache/2024/09c0739036ea4a8b6c985e127fe7e3c8/" title="Copie locale au 2024-01-11" hreflang="fr">
             <svg xmlns="http://www.w3.org/2000/svg"
                 width="20" height="20" viewBox="0 0 24 24"
                 fill="none" stroke="currentColor"
@@ -374,7 +374,7 @@
 
 <blockquote lang="en">
 <p>We shape our structures and afterward our structures shape us, but the <em>we</em> of the first clause and the <em>us</em> of the second <mark>are not the&nbsp;same.</mark></p>
-<p><cite><a data-link-domain="erinkissane.com" href="https://erinkissane.com/tomorrow-and-tomorrow-and-tomorrow">Tomorrow &amp; Tomorrow &amp; Tomorrow</a> <a href="/david/cache/2024/62bf3ce6ef66e39b7f250a6123d92e66/" title="Copie locale au 2024-01-11">
+<p><cite><a data-link-domain="erinkissane.com" href="https://erinkissane.com/tomorrow-and-tomorrow-and-tomorrow" hreflang="en">Tomorrow &amp; Tomorrow &amp; Tomorrow</a> <a href="/david/cache/2024/62bf3ce6ef66e39b7f250a6123d92e66/" title="Copie locale au 2024-01-11" hreflang="en">
             <svg xmlns="http://www.w3.org/2000/svg"
                 width="20" height="20" viewBox="0 0 24 24"
                 fill="none" stroke="currentColor"
@@ -386,7 +386,7 @@
             <span class="sr-only">[archive]</span>
             </a></cite></p>
 </blockquote>
-<p>En rebond de la <a data-link-domain="quaternum.net" href="https://www.quaternum.net/2024/01/08/tools-shape-practices-shape-tools/">découverte d’Antoine</a> <a href="/david/cache/2024/34fec23081019abd741e0578b050c40e/" title="Copie locale au 2024-01-11">
+<p>En rebond de la <a data-link-domain="quaternum.net" href="https://www.quaternum.net/2024/01/08/tools-shape-practices-shape-tools/" hreflang="fr">découverte d’Antoine</a> <a href="/david/cache/2024/34fec23081019abd741e0578b050c40e/" title="Copie locale au 2024-01-11" hreflang="fr">
             <svg xmlns="http://www.w3.org/2000/svg"
                 width="20" height="20" viewBox="0 0 24 24"
                 fill="none" stroke="currentColor"
@@ -435,7 +435,7 @@
 <p>But here’s the thing: we need more tools for it. We need simpler tools for it. And we need to make installing and using them <em>trivially simple</em>.</p>
 <p>We need more self-hosted platforms for personal publishing that <em>aren’t Wordpress</em>. <mark>And don’t point me to Hugo or Netlify or Eleventy or all those things - all of them are great, but none of them are simple enough.</mark> We need web publishing tools that do not require users to open the Terminal <em>at all</em>. And we need lots of&nbsp;them.</p>
 <p>We need a whole <em>galaxy</em> of&nbsp;options.</p>
-<p><cite><em><a data-link-domain="gilest.org" href="https://gilest.org/indie-easy.html">Let’s make the indie web easier</a> <a href="/david/cache/2024/faa1d8cae94da6838ff9351e5df791ca/" title="Copie locale au 2024-01-09">
+<p><cite><em><a data-link-domain="gilest.org" href="https://gilest.org/indie-easy.html" hreflang="en">Let’s make the indie web easier</a> <a href="/david/cache/2024/faa1d8cae94da6838ff9351e5df791ca/" title="Copie locale au 2024-01-09" hreflang="en">
             <svg xmlns="http://www.w3.org/2000/svg"
                 width="20" height="20" viewBox="0 0 24 24"
                 fill="none" stroke="currentColor"
@@ -461,7 +461,7 @@
 <blockquote lang="en">
 <p>Among its suggestions: write a longer headline; split a six-sentence paragraph up because it’s “too long”; and replace “too complex” words like “invariably,” “notoriety,” and “modification.” Dozens of sentences were flagged as being confusing (I disagree) — and it really hated em dashes. I rewrote my prose over and over, but it didn’t seem to satisfy my robot grader. I finally chose one thought per sentence, broke up paragraphs, and replaced words with suggested keywords to get rid of the red dots signaling&nbsp;problems.</p>
 <p><mark>The result feels like an AI summary of my story</mark> — at any moment, a paragraph could start with “In conclusion…” or “The next thing to consider is…” The nuance, voice, and unexpected twists and turns have been snuffed out. I’m sure some people would prefer this uncomplicated, beat-by-beat version of the story, but it’s gone from being a story written by a real person to a clinical, stiff series of&nbsp;sentences.</p>
-<p><cite><em><a data-link-domain="theverge.com" href="https://www.theverge.com/c/23998379/google-search-seo-algorithm-webpage-optimization">The Perfect Web Page</a> <a href="/david/cache/2024/3debc675a055d691b32c7d6904531eb4/" title="Copie locale au 2024-01-09">
+<p><cite><em><a data-link-domain="theverge.com" href="https://www.theverge.com/c/23998379/google-search-seo-algorithm-webpage-optimization" hreflang="en">The Perfect Web Page</a> <a href="/david/cache/2024/3debc675a055d691b32c7d6904531eb4/" title="Copie locale au 2024-01-09" hreflang="en">
             <svg xmlns="http://www.w3.org/2000/svg"
                 width="20" height="20" viewBox="0 0 24 24"
                 fill="none" stroke="currentColor"
@@ -478,7 +478,7 @@
 
 <blockquote lang="en">
 <p>I propose <mark>Data Luddism</mark> as a radical response to the productive power of big data and predictive algorithms. My starting point is not the Romantic neo-Luddism of Kirkpatrick Sale but the historical Luddism of 1811-1816, and the Luddites' own rhetoric regarding their resistance to 'obnoxious&nbsp;machines'.</p>
-<p><cite><em><a data-link-domain="danmcquillan.org" href="https://www.danmcquillan.org/dataluddism.html">Data Luddism</a> <a href="/david/cache/2024/b1da1249f2db388d7e84d6ad23c2fc5d/" title="Copie locale au 2024-01-09">
+<p><cite><em><a data-link-domain="danmcquillan.org" href="https://www.danmcquillan.org/dataluddism.html" hreflang="en">Data Luddism</a> <a href="/david/cache/2024/b1da1249f2db388d7e84d6ad23c2fc5d/" title="Copie locale au 2024-01-09" hreflang="en">
             <svg xmlns="http://www.w3.org/2000/svg"
                 width="20" height="20" viewBox="0 0 24 24"
                 fill="none" stroke="currentColor"
@@ -495,7 +495,7 @@
 <blockquote lang="en">
 <p>The <code>everything</code> package and its 3,000+ sub-packages have caused a Denial of Service (DOS) for anyone who installs it. We’re talking about storage space running out and system resource&nbsp;exhaustion.</p>
 <p>But that’s not all. The creator took their prank to the next level by setting up http://everything.npm.lol, showcasing the chaos they unleashed. They even included a meme from Skyrim, adding some humor (or mockery, depending on your perspective) to the&nbsp;situation.</p>
-<p><cite><em><a data-link-domain="socket.dev" href="https://socket.dev/blog/when-everything-becomes-too-much">When “Everything” Becomes Too Much: The npm Package Chaos of 2024</a> <a href="/david/cache/2024/4a56aa5497e68df0c5bb1d5331203219/" title="Copie locale au 2024-01-09">
+<p><cite><em><a data-link-domain="socket.dev" href="https://socket.dev/blog/when-everything-becomes-too-much" hreflang="en">When “Everything” Becomes Too Much: The npm Package Chaos of 2024</a> <a href="/david/cache/2024/4a56aa5497e68df0c5bb1d5331203219/" title="Copie locale au 2024-01-09" hreflang="en">
             <svg xmlns="http://www.w3.org/2000/svg"
                 width="20" height="20" viewBox="0 0 24 24"
                 fill="none" stroke="currentColor"
@@ -523,7 +523,7 @@
 <blockquote lang="en">
 <p>So when we wonder where all the websites have gone, know it’s the <em>curators</em> we’re nostalgic for because the curators showed us the best the web had to offer once upon a time. And the curators— the tenders, aggregators, collectors, and connectors— can bring us back to something better. Because it’s still out there, we just have to find&nbsp;it.</p>
 <p>Here’s the best part. <mark>You can be that curator right now, at this very moment.</mark> You can start to rebuild the interconnectivity that made the web fun to explore. And you don’t need to be a computer scientist to do&nbsp;it.</p>
-<p><cite><em><a data-link-domain="fromjason.xyz" href="https://www.fromjason.xyz/p/notebook/where-have-all-the-websites-gone/">Where have all the websites gone?</a> <a href="/david/cache/2024/c3272392d462da90874d32841e5caac8/" title="Copie locale au 2024-01-09">
+<p><cite><em><a data-link-domain="fromjason.xyz" href="https://www.fromjason.xyz/p/notebook/where-have-all-the-websites-gone/" hreflang="en">Where have all the websites gone?</a> <a href="/david/cache/2024/c3272392d462da90874d32841e5caac8/" title="Copie locale au 2024-01-09" hreflang="en">
             <svg xmlns="http://www.w3.org/2000/svg"
                 width="20" height="20" viewBox="0 0 24 24"
                 fill="none" stroke="currentColor"

david/2024/equipe/index.html

@@ -204,7 +204,7 @@
 </ul>
 <p>Prendre l’initiative c’est créer une perturbation dans le système par <em>une partie</em> du groupe, se démarquer. La vision partagée fait appel par contre au collectif. Il s’agit de construire un système ensemble qui autorise à faire des choses dans le cadre de cette vision partagée. Il serait pertinent d’éclairer la tensions entre initiatives locales et impact global (coucou <del>René Dubos</del>&nbsp;<a href="/david/stream/2015/11/22/">Jacques Ellul</a>). On a le véhicule, il faut choisir où il va maintenant grâce à un cadre collectivement&nbsp;consenti.</p>
 <p>Pour progresser, on pourrait travailler sur des prises de décisions concrètes, engageantes. Il faut accepter / souhaiter que ça va déstabiliser le système (immunitaire). Hop, retour à&nbsp;l’intro.</p>
-<p>Note&nbsp;: l’Holacracy est un bon business pour les consultant·es, la Sociocratie ouvre d’autres possibilités au sujet du consentement. Voir aussi <em><a data-link-domain="iapop.com" href="https://iapop.com/deep-democracy/">Deep Democracy</a> <a href="/david/cache/2024/1d60fc5548a6fe61da80a4e16892fa0c/" title="Copie locale au 2024-01-31">
+<p>Note&nbsp;: l’Holacracy est un bon business pour les consultant·es, la Sociocratie ouvre d’autres possibilités au sujet du consentement. Voir aussi <em><a data-link-domain="iapop.com" href="https://iapop.com/deep-democracy/" hreflang="en">Deep Democracy</a> <a href="/david/cache/2024/1d60fc5548a6fe61da80a4e16892fa0c/" title="Copie locale au 2024-01-31" hreflang="en">
             <svg xmlns="http://www.w3.org/2000/svg"
                 width="20" height="20" viewBox="0 0 24 24"
                 fill="none" stroke="currentColor"
@@ -264,7 +264,7 @@
 <li><strong>Teams-in-name-only</strong> are groups that claim to be a team, but lack emotional commitment and shared purpose. They are like working groups, but without the efficient processes and individual responsibility. […]</li>
 </ul>
 <p>Although most people are told that they’re part of a team, the reality is that, more often than not, they’re members of a&nbsp;team-in-name-only.</p>
-<p><cite><em><a data-link-domain="strategy-business.com" href="https://www.strategy-business.com/article/Teaming-is-hard-because-youre-probably-not-really-on-a-team">Teaming is hard because you’re probably not really on a team</a> <a href="/david/cache/2024/9b4b5364526390ba1db9c4a651ea8311/" title="Copie locale au 2024-01-29">
+<p><cite><em><a data-link-domain="strategy-business.com" href="https://www.strategy-business.com/article/Teaming-is-hard-because-youre-probably-not-really-on-a-team" hreflang="en">Teaming is hard because you’re probably not really on a team</a> <a href="/david/cache/2024/9b4b5364526390ba1db9c4a651ea8311/" title="Copie locale au 2024-01-29" hreflang="en">
             <svg xmlns="http://www.w3.org/2000/svg"
                 width="20" height="20" viewBox="0 0 24 24"
                 fill="none" stroke="currentColor"
@@ -351,7 +351,7 @@
 
 <blockquote>
 <p>Alors que le malaise dans lequel sont aujourd’hui plongées les sociétés occidentales n’en finit plus d’être commenté, est-il néanmoins possible de dessiner les contours d’une société idéale, une utopie réaliste, susceptible de constituer, pour les Français, un avenir désirable&#8239;? C’est précisément pour apporter des éléments de réponses à cette question qu’a été lancé en 2019&nbsp;l’Observatoire des perspectives utopiques. Dans le sillage de ces deux années de pandémie et à la veille de l’élection présidentielle, il nous est apparu utile de reconduire cette enquête, pour saisir où en sont les Français et évaluer dans quelle mesure leurs représentations et aspirations ont&nbsp;évolué.</p>
-<p><cite><em><a data-link-domain="lobsoco.com" href="https://lobsoco.com/perspectives-utopiques-vague-3/">L’Observatoire des perspectives utopiques</a> <a href="/david/cache/2024/7ed7f4aefae1b5af33b3ec1f607a633f/" title="Copie locale au 2024-01-24">
+<p><cite><em><a data-link-domain="lobsoco.com" href="https://lobsoco.com/perspectives-utopiques-vague-3/" hreflang="fr">L’Observatoire des perspectives utopiques</a> <a href="/david/cache/2024/7ed7f4aefae1b5af33b3ec1f607a633f/" title="Copie locale au 2024-01-24" hreflang="fr">
             <svg xmlns="http://www.w3.org/2000/svg"
                 width="20" height="20" viewBox="0 0 24 24"
                 fill="none" stroke="currentColor"
@@ -404,7 +404,7 @@
 
 <blockquote lang="en">
 <p>Further, if we have learned anything in the last 3&nbsp;years as an industry, it should be to strive for building small, highly efficient teams and avoiding bloated, overstaffed organizations at all costs. Larger teams move slower, create more incidental complexity, and are much more susceptible to the layoffs we’ve all been suffering through. <mark>Engineering leaders would be well served to focus on hiring smaller teams</mark> and providing them with sufficient time and support to create simple solutions that generate business&nbsp;value.</p>
-<p><cite><em><a data-link-domain="blog.testdouble.com" href="https://blog.testdouble.com/posts/2024-01-24-plea-for-lean/">Echoing Wirth’s plea for lean software</a> <a href="/david/cache/2024/82b88d48d8043d79425ce8afd8dff42e/" title="Copie locale au 2024-01-24">
+<p><cite><em><a data-link-domain="blog.testdouble.com" href="https://blog.testdouble.com/posts/2024-01-24-plea-for-lean/" hreflang="en">Echoing Wirth’s plea for lean software</a> <a href="/david/cache/2024/82b88d48d8043d79425ce8afd8dff42e/" title="Copie locale au 2024-01-24" hreflang="en">
             <svg xmlns="http://www.w3.org/2000/svg"
                 width="20" height="20" viewBox="0 0 24 24"
                 fill="none" stroke="currentColor"

david/2024/evolution/index.html

@@ -141,7 +141,7 @@
 
 <blockquote lang="en">
 <p>But if you were to try just one thing using Vision Pro — just one thing — it has to be <mark>watching a movie</mark> in the TV app, in theater mode. Try that, and no matter how skeptical you were beforehand about the Vision Pro’s price tag, your hand will start inching toward your&nbsp;wallet.</p>
-<p><cite><em><a data-link-domain="daringfireball.net" href="https://daringfireball.net/2024/01/the_vision_pro">Daring Fireball: The Vision Pro</a> <a href="/david/cache/2024/cd9184008ba5d9e4c9be4d0a0eea4f60/" title="Copie locale au 2024-01-31">
+<p><cite><em><a data-link-domain="daringfireball.net" href="https://daringfireball.net/2024/01/the_vision_pro" hreflang="en">Daring Fireball: The Vision Pro</a> <a href="/david/cache/2024/cd9184008ba5d9e4c9be4d0a0eea4f60/" title="Copie locale au 2024-01-31" hreflang="en">
             <svg xmlns="http://www.w3.org/2000/svg"
                 width="20" height="20" viewBox="0 0 24 24"
                 fill="none" stroke="currentColor"
@@ -162,7 +162,7 @@
 <blockquote lang="en">
 <p>The “i” in iPhone stands for “inequality”. […]</p>
 <p><mark>iPhone owners live in a different world</mark> than high-end Android buyers, and light-years away what the bulk of the market experiences. No matter how you slice it, the performance inequality gap is growing for CPU-bound workloads like JavaScript-heavy web&nbsp;apps.</p>
-<p><cite><em><a data-link-domain="infrequently.org" href="https://infrequently.org/2024/01/performance-inequality-gap-2024/">The Performance Inequality Gap, 2024</a> <a href="/david/cache/2024/0676c7ccf1ab2b380641866789366d26/" title="Copie locale au 2024-01-31">
+<p><cite><em><a data-link-domain="infrequently.org" href="https://infrequently.org/2024/01/performance-inequality-gap-2024/" hreflang="en">The Performance Inequality Gap, 2024</a> <a href="/david/cache/2024/0676c7ccf1ab2b380641866789366d26/" title="Copie locale au 2024-01-31" hreflang="en">
             <svg xmlns="http://www.w3.org/2000/svg"
                 width="20" height="20" viewBox="0 0 24 24"
                 fill="none" stroke="currentColor"
@@ -188,7 +188,7 @@
 <blockquote lang="en">
 <p>Rather, the biggest benefits I see are <em>collective</em>, cutting across the industry as a whole. I think web components can make the entire web more accessible. They have the potential to unify currently fragmented communities, including various JavaScript frameworks <em>and</em> <mark>those who avoid them</mark>.</p>
 <p>[…] Web components won’t take web development by storm, or show us the One True Way to build websites. They don’t need to dethrone JavaScript frameworks. We probably won’t even all learn how to write&nbsp;them!</p>
-<p><cite><em><a data-link-domain="jakelazaroff.com" href="https://jakelazaroff.com/words/the-web-component-success-story/">The Web Component Success Story</a> <a href="/david/cache/2024/f4d2d42eba58062be910407690ae447c/" title="Copie locale au 2024-01-31">
+<p><cite><em><a data-link-domain="jakelazaroff.com" href="https://jakelazaroff.com/words/the-web-component-success-story/" hreflang="en">The Web Component Success Story</a> <a href="/david/cache/2024/f4d2d42eba58062be910407690ae447c/" title="Copie locale au 2024-01-31" hreflang="en">
             <svg xmlns="http://www.w3.org/2000/svg"
                 width="20" height="20" viewBox="0 0 24 24"
                 fill="none" stroke="currentColor"
@@ -232,7 +232,7 @@
 <blockquote lang="en">
 <p>So where have all the websites gone? Well, the people who make them have all gone to war for the capitalist machine. They grew up and got jobs. A natural part of growing up. Silos came and plucked their voices. Invasive memes and short form content grew in their place. Hustle overtook leisure. Harassment overtook openness. Influence overtook creativity. An economy of interestingness replaced by one of followers, likes, and engagement&nbsp;metrics.</p>
 <p>One important thing to note; <mark>websites aren’t extinct.</mark> In fact, you’re on one now! Uploading your own words is ancient technology but still&nbsp;works.</p>
-<p><cite><em><a data-link-domain="daverupert.com" href="https://daverupert.com/2024/01/where-have-all-the-websites-gone/">Where have all the flowers gone?</a> <a href="/david/cache/2024/7136e0810bfa42c4a9ca798a55cd2d53/" title="Copie locale au 2024-01-19">
+<p><cite><em><a data-link-domain="daverupert.com" href="https://daverupert.com/2024/01/where-have-all-the-websites-gone/" hreflang="en">Where have all the flowers gone?</a> <a href="/david/cache/2024/7136e0810bfa42c4a9ca798a55cd2d53/" title="Copie locale au 2024-01-19" hreflang="en">
             <svg xmlns="http://www.w3.org/2000/svg"
                 width="20" height="20" viewBox="0 0 24 24"
                 fill="none" stroke="currentColor"
@@ -244,7 +244,7 @@
             <span class="sr-only">[archive]</span>
             </a></em></cite></p>
 </blockquote>
-<p>En réponse à <q lang="en"><a data-link-domain="fromjason.xyz" href="https://www.fromjason.xyz/p/notebook/where-have-all-the-websites-gone/">Where have all the websites gone?</a> <a href="/david/cache/2024/c3272392d462da90874d32841e5caac8/" title="Copie locale au 2024-01-09">
+<p>En réponse à <q lang="en"><a data-link-domain="fromjason.xyz" href="https://www.fromjason.xyz/p/notebook/where-have-all-the-websites-gone/" hreflang="en">Where have all the websites gone?</a> <a href="/david/cache/2024/c3272392d462da90874d32841e5caac8/" title="Copie locale au 2024-01-09" hreflang="en">
             <svg xmlns="http://www.w3.org/2000/svg"
                 width="20" height="20" viewBox="0 0 24 24"
                 fill="none" stroke="currentColor"
@@ -267,7 +267,7 @@
 <li><mark>Graphical user interfaces should not be required for text-based communication.</mark>  Users may have broken graphics drivers, limited eyesight, or be unable to afford modern&nbsp;hardware.</li>
 </ul>
 <p>public-inbox aims to be easy-to-deploy and manage; encouraging projects to run their own instances with minimal&nbsp;overhead.</p>
-<p><cite><em><a data-link-domain="public-inbox.org" href="https://public-inbox.org/README.html">public-inbox - an &quot;archives first&quot; approach to mailing lists</a> <a href="/david/cache/2024/30b40ff8034212e070dc7daf2b9406e9/" title="Copie locale au 2024-01-19">
+<p><cite><em><a data-link-domain="public-inbox.org" href="https://public-inbox.org/README.html" hreflang="en">public-inbox - an &quot;archives first&quot; approach to mailing lists</a> <a href="/david/cache/2024/30b40ff8034212e070dc7daf2b9406e9/" title="Copie locale au 2024-01-19" hreflang="en">
             <svg xmlns="http://www.w3.org/2000/svg"
                 width="20" height="20" viewBox="0 0 24 24"
                 fill="none" stroke="currentColor"
@@ -345,7 +345,7 @@
 
 <blockquote lang="en">
 <p>If the new software no longer runs on old hardware, it is <mark>worse</mark> than the old&nbsp;software.</p>
-<p><cite><em><a data-link-domain="blog.jim-nielsen.com" href="https://blog.jim-nielsen.com/2024/notes-from-computing-sustainably/">Notes from “An approach to computing and sustainability inspired from permaculture” by Devine LuLinvega</a> <a href="/david/cache/2024/1f40a33f9c57a16d420eb0868a129e96/" title="Copie locale au 2024-01-15">
+<p><cite><em><a data-link-domain="blog.jim-nielsen.com" href="https://blog.jim-nielsen.com/2024/notes-from-computing-sustainably/" hreflang="en">Notes from “An approach to computing and sustainability inspired from permaculture” by Devine LuLinvega</a> <a href="/david/cache/2024/1f40a33f9c57a16d420eb0868a129e96/" title="Copie locale au 2024-01-15" hreflang="en">
             <svg xmlns="http://www.w3.org/2000/svg"
                 width="20" height="20" viewBox="0 0 24 24"
                 fill="none" stroke="currentColor"
@@ -423,7 +423,7 @@
 <blockquote lang="en">
 <p>If front web developers work closer to the users’ needs and problems, <mark>if they feel more implicated in the user experience,</mark> they will understand the impact of what they are building and will naturally adopt the strengths of the front web. […]</p>
 <p>Maybe, in order to fix the front web, we have to fix human nature: make things less about money and self-satisfaction, and more about improving people’s lives and understanding the impact of what we are&nbsp;creating.</p>
-<p><cite><em><a data-link-domain="gericci.me" href="https://gericci.me/we-need-to-talk-about-the-front-web-5.html">Part 5: Clues to Fix the Front Web</a> <a href="/david/cache/2024/40aada3cc8d6897fda5a277c4299c1fd/" title="Copie locale au 2024-01-09">
+<p><cite><em><a data-link-domain="gericci.me" href="https://gericci.me/we-need-to-talk-about-the-front-web-5.html" hreflang="en">Part 5: Clues to Fix the Front Web</a> <a href="/david/cache/2024/40aada3cc8d6897fda5a277c4299c1fd/" title="Copie locale au 2024-01-09" hreflang="en">
             <svg xmlns="http://www.w3.org/2000/svg"
                 width="20" height="20" viewBox="0 0 24 24"
                 fill="none" stroke="currentColor"
@@ -435,7 +435,7 @@
             <span class="sr-only">[archive]</span>
             </a></em></cite></p>
 </blockquote>
-<p>Même si je m’émeus encore de l’esthétique d’un <em>Web Component</em> ou d’une nouvelle technique CSS, j’essaye d’être plus attentif au fil des ans à l’impact potentiel des bouts de code que j’assemble. C’est là où <a data-link-domain="daverupert.com" href="https://daverupert.com/2022/06/demo-to-demo-loop/">les démo</a> <a href="/david/cache/2024/9f8c0e75066c1882a3b4ce084e3223ed/" title="Copie locale au 2024-01-09">
+<p>Même si je m’émeus encore de l’esthétique d’un <em>Web Component</em> ou d’une nouvelle technique CSS, j’essaye d’être plus attentif au fil des ans à l’impact potentiel des bouts de code que j’assemble. C’est là où <a data-link-domain="daverupert.com" href="https://daverupert.com/2022/06/demo-to-demo-loop/" hreflang="en">les démo</a> <a href="/david/cache/2024/9f8c0e75066c1882a3b4ce084e3223ed/" title="Copie locale au 2024-01-09" hreflang="en">
             <svg xmlns="http://www.w3.org/2000/svg"
                 width="20" height="20" viewBox="0 0 24 24"
                 fill="none" stroke="currentColor"
@@ -453,7 +453,7 @@
 <p>At most software startups, customers typically don’t care if your product runs on Heroku, Kubernetes, or a really brittle singly-homed machine in Joe’s closet. No purchasing decisions hinge on your commitment to write servers in Rust or use Nix for hermetic everything. And although they might exist, I have sadly never had a customer write a testimonial for the elegant collection of internal services involved in responding to that single HTTP&nbsp;request.</p>
 <p>No; customers are not paying for, nor give a shit about, these things. Sorry. It’s still cool stuff. It’s just not what you’re&nbsp;selling.</p>
 <p><mark>Customers want software that delivers problem-solving <em>impact</em>.</mark> And at the early stage, which is all the way until you’ve reached product-market fit, they’re almost certainly not getting enough, fast enough. You should be spending as much time as you can at this level of the stack, The Product: thinking, building, learning.</p>
-<p><cite><em><a data-link-domain="hoho.com" href="https://hoho.com/posts/your-stack-is-not-the-product/">Your tech stack is not the product</a> <a href="/david/cache/2024/877b1e29328f6ad1b6fef26d7407ec5f/" title="Copie locale au 2024-01-09">
+<p><cite><em><a data-link-domain="hoho.com" href="https://hoho.com/posts/your-stack-is-not-the-product/" hreflang="en">Your tech stack is not the product</a> <a href="/david/cache/2024/877b1e29328f6ad1b6fef26d7407ec5f/" title="Copie locale au 2024-01-09" hreflang="en">
             <svg xmlns="http://www.w3.org/2000/svg"
                 width="20" height="20" viewBox="0 0 24 24"
                 fill="none" stroke="currentColor"
@@ -469,7 +469,7 @@
 
 <blockquote lang="en">
 <p>You can’t make an article on a UX topic without showcasing a practical example. Let’s explore examples that I spotted on the web and how to fix&nbsp;them.</p>
-<p><cite><em><a data-link-domain="ishadeed.com" href="https://ishadeed.com/article/target-size">Designing better target sizes</a> <a href="/david/cache/2024/c98206d38897264005bcd5b453d032b1/" title="Copie locale au 2024-01-10">
+<p><cite><em><a data-link-domain="ishadeed.com" href="https://ishadeed.com/article/target-size" hreflang="en">Designing better target sizes</a> <a href="/david/cache/2024/c98206d38897264005bcd5b453d032b1/" title="Copie locale au 2024-01-10" hreflang="en">
             <svg xmlns="http://www.w3.org/2000/svg"
                 width="20" height="20" viewBox="0 0 24 24"
                 fill="none" stroke="currentColor"

david/2024/experience/index.html

@@ -346,7 +346,7 @@
 <p>Doit-on être spécialiste d’un sujet pour en parler&#8239;? Rien ne peut fonctionner si seuls les universitaires peuvent écrire des essais, si les romancières sont cantonnées à raconter des histoires, si seuls les insurgés sont légitimes à parler de révolution, les pauvres de misère, les racisés de discrimination, si les déserteurs sont trop diplômés et si les écrivains ne peuvent disserter que sur la&nbsp;création.</p>
 <p><cite><em>Alors nous irons trouver la beauté ailleurs</em>, Corinne Morel&nbsp;Darleux</cite></p>
 </blockquote>
-<p>La légitimité de la personne qui écrit est importante —&nbsp;notamment en terme de crédibilité&nbsp;— et j’apprécie qu’IA Writer <a data-link-domain="ia.net" href="https://ia.net/topics/writing-with-ai">expérimente des choses</a> <a href="/david/cache/2024/291cddda62f18ec9355ec98761b7e9d9/" title="Copie locale au 2024-01-21">
+<p>La légitimité de la personne qui écrit est importante —&nbsp;notamment en terme de crédibilité&nbsp;— et j’apprécie qu’IA Writer <a data-link-domain="ia.net" href="https://ia.net/topics/writing-with-ai" hreflang="en">expérimente des choses</a> <a href="/david/cache/2024/291cddda62f18ec9355ec98761b7e9d9/" title="Copie locale au 2024-01-21" hreflang="en">
             <svg xmlns="http://www.w3.org/2000/svg"
                 width="20" height="20" viewBox="0 0 24 24"
                 fill="none" stroke="currentColor"
@@ -368,7 +368,7 @@
 <blockquote lang="en">
 <p>Sometimes I’d have a realization that I was doing something for the first time since I had left home, 16&nbsp;months earlier. First time pumping gas. First time ringing a doorbell. First time going to a grocery store. First time swimming. Each of these instances brought with it a small feeling of novelty, but it didn’t amount to much. It took conscious effort to remember that I was pumping gas for the first time in 16&nbsp;months. It felt&nbsp;normal.</p>
 <p>I was back in my real life, and although I put it on hold for Antarctica, it was waiting for me when I got back. <mark>Antarctica was a a different world, a radical departure from my normal reality.</mark> It was so different, in fact, that I simply could not merge the two realities into one. I had my real life, and I had my Antarctica life. When my Antarctica life finished, I resumed my real&nbsp;life.</p>
-<p><cite><em><a data-link-domain="brr.fyi" href="https://brr.fyi/posts/redeployment-part-three">Redeployment Part Three</a> <a href="/david/cache/2024/e8748af541273328d9aa9f1aeb1087b2/" title="Copie locale au 2024-01-21">
+<p><cite><em><a data-link-domain="brr.fyi" href="https://brr.fyi/posts/redeployment-part-three" hreflang="en">Redeployment Part Three</a> <a href="/david/cache/2024/e8748af541273328d9aa9f1aeb1087b2/" title="Copie locale au 2024-01-21" hreflang="en">
             <svg xmlns="http://www.w3.org/2000/svg"
                 width="20" height="20" viewBox="0 0 24 24"
                 fill="none" stroke="currentColor"
@@ -380,7 +380,7 @@
             <span class="sr-only">[archive]</span>
             </a></em></cite></p>
 </blockquote>
-<p>Troisième partie (<a data-link-domain="brr.fyi" href="https://brr.fyi/posts/redeployment-part-one">1</a> <a href="/david/cache/2024/da7e5578fd96fe31d46bfb207d041880/" title="Copie locale au 2024-01-21">
+<p>Troisième partie (<a data-link-domain="brr.fyi" href="https://brr.fyi/posts/redeployment-part-one" hreflang="en">1</a> <a href="/david/cache/2024/da7e5578fd96fe31d46bfb207d041880/" title="Copie locale au 2024-01-21" hreflang="en">
             <svg xmlns="http://www.w3.org/2000/svg"
                 width="20" height="20" viewBox="0 0 24 24"
                 fill="none" stroke="currentColor"
@@ -390,7 +390,7 @@
                 </path>
             </svg>
             <span class="sr-only">[archive]</span>
-            </a>, <a data-link-domain="brr.fyi" href="https://brr.fyi/posts/redeployment-part-two">2</a> <a href="/david/cache/2024/284205d0f99390dd18d3af12ff53227c/" title="Copie locale au 2024-01-21">
+            </a>, <a data-link-domain="brr.fyi" href="https://brr.fyi/posts/redeployment-part-two" hreflang="en">2</a> <a href="/david/cache/2024/284205d0f99390dd18d3af12ff53227c/" title="Copie locale au 2024-01-21" hreflang="en">
             <svg xmlns="http://www.w3.org/2000/svg"
                 width="20" height="20" viewBox="0 0 24 24"
                 fill="none" stroke="currentColor"
@@ -406,7 +406,7 @@
 
 <blockquote>
 <p>Il est largement prouvé qu’il n’y a qu’un moyen de faire entrer plus de femmes dans la tech. C’est par le biais de la <strong>représentativité</strong>. <mark>Les jeunes femmes ne peuvent pas se projeter dans des rôles qu’elles ne connaissent pas.</mark> J’espère qu’à un moment où un autre, vous aurez vous aussi envie d’occuper l’espace et de vous rendre visible, pour montrer que les femmes dans la tech existent et que c’est une voie royale. Vous pouvez aussi être <strong>marraine</strong> et intervenir dans des écoles avec <a data-link-domain="ellesbougent.com" href="https://www.ellesbougent.com/">Elles bougent</a> ou <a data-link-domain="intrepidesdelatech.org" href="https://www.intrepidesdelatech.org/">Les intrépides de la tech</a>.</p>
-<p><cite><em><a data-link-domain="duchess-france.fr" href="https://www.duchess-france.fr/dossier/women%20in%20tech/alli%C3%A9s/2023/01/15/manuel-survie-femme-tech.html">Manuel de survie de la femme dans la tech</a> <a href="/david/cache/2024/c4751e7c80b292e3533ee6b3e057b702/" title="Copie locale au 2024-01-21">
+<p><cite><em><a data-link-domain="duchess-france.fr" href="https://www.duchess-france.fr/dossier/women%20in%20tech/alli%C3%A9s/2023/01/15/manuel-survie-femme-tech.html" hreflang="en">Manuel de survie de la femme dans la tech</a> <a href="/david/cache/2024/c4751e7c80b292e3533ee6b3e057b702/" title="Copie locale au 2024-01-21" hreflang="en">
             <svg xmlns="http://www.w3.org/2000/svg"
                 width="20" height="20" viewBox="0 0 24 24"
                 fill="none" stroke="currentColor"
@@ -458,7 +458,7 @@
 <blockquote>
 <p>Je travaille dans des équipes techniques informatiques, le web, les nouvelles technologies, les startups. Autour de moi je ne vois que des jeunes, avec quelques rares personnes de ma&nbsp;génération.</p>
 <p><mark>Il n’y a quasiment aucune personne de 50&nbsp;ans ou plus dans les équipes techniques.</mark> Les exemples que j’ai en tête sont quelques pointures nationales ou internationales, pas du tout représentatives du&nbsp;métier.</p>
-<p><cite><em><a data-link-domain="n.survol.fr" href="https://n.survol.fr/n/quand-je-serai-bien-vieux">Quand je serai bien vieux</a> <a href="/david/cache/2024/112d32ccefb9aec48180de42e1fe1534/" title="Copie locale au 2024-01-16">
+<p><cite><em><a data-link-domain="n.survol.fr" href="https://n.survol.fr/n/quand-je-serai-bien-vieux" hreflang="fr">Quand je serai bien vieux</a> <a href="/david/cache/2024/112d32ccefb9aec48180de42e1fe1534/" title="Copie locale au 2024-01-16" hreflang="fr">
             <svg xmlns="http://www.w3.org/2000/svg"
                 width="20" height="20" viewBox="0 0 24 24"
                 fill="none" stroke="currentColor"
@@ -482,7 +482,7 @@
 
 <blockquote lang="en">
 <p>After almost 10&nbsp;years of remote work, it would be close to impossible for me to go back to an&nbsp;office.</p>
-<p><cite><em><a data-link-domain="world.hey.com" href="https://world.hey.com/jorge/aging-programmer-d448bdec">Aging programmer</a> <a href="/david/cache/2024/ba977526c7a8cab6935708b2cdba5c0c/" title="Copie locale au 2024-01-16">
+<p><cite><em><a data-link-domain="world.hey.com" href="https://world.hey.com/jorge/aging-programmer-d448bdec" hreflang="en">Aging programmer</a> <a href="/david/cache/2024/ba977526c7a8cab6935708b2cdba5c0c/" title="Copie locale au 2024-01-16" hreflang="en">
             <svg xmlns="http://www.w3.org/2000/svg"
                 width="20" height="20" viewBox="0 0 24 24"
                 fill="none" stroke="currentColor"
@@ -502,7 +502,7 @@
 
 <blockquote lang="en">
 <p>The big one is that the logical alternatives to Node – the “no Node” work environments developers are likely to reach for <em>aren’t going to be based on JavaScript</em>. Import maps mean that browsers effectively have an API surface that non-JS projects can use to build a dependency management system. Much of the tooling surrounding JavaScript is <mark>now implemented in Rust,</mark> not JS – much of it driven by Deno itself – and that makes it more easily accessible outside both the Node and Deno&nbsp;ecosystems.</p>
-<p><cite><em><a data-link-domain="baldurbjarnason.com" href="https://www.baldurbjarnason.com/2024/disillusioned-with-deno/">Disillusioned with Deno</a> <a href="/david/cache/2024/7d2d2bce96cbc020423299e7de03d2cf/" title="Copie locale au 2024-01-16">
+<p><cite><em><a data-link-domain="baldurbjarnason.com" href="https://www.baldurbjarnason.com/2024/disillusioned-with-deno/" hreflang="en">Disillusioned with Deno</a> <a href="/david/cache/2024/7d2d2bce96cbc020423299e7de03d2cf/" title="Copie locale au 2024-01-16" hreflang="en">
             <svg xmlns="http://www.w3.org/2000/svg"
                 width="20" height="20" viewBox="0 0 24 24"
                 fill="none" stroke="currentColor"
@@ -561,7 +561,7 @@
 
 <blockquote lang="en">
 <p>When the right approach reveals itself, it feels obvious. <mark>But only in retrospect.</mark> <strong>Design is only obvious in retrospect.</strong> It takes iteration and discipline to get there. But when you do get there, it’s much easier to explain your design decisions to others. You know why the design is the right one and can frame your rationale in the context of the problem you are trying to&nbsp;solve.</p>
-<p><cite><em><a data-link-domain="lukew.com" href="https://lukew.com/ff/entry.asp?2036">Until the Right Design Emerges…</a> <a href="/david/cache/2024/84f8caf3e7f7b3de9e18281749c3687f/" title="Copie locale au 2024-01-13">
+<p><cite><em><a data-link-domain="lukew.com" href="https://lukew.com/ff/entry.asp?2036" hreflang="en">Until the Right Design Emerges…</a> <a href="/david/cache/2024/84f8caf3e7f7b3de9e18281749c3687f/" title="Copie locale au 2024-01-13" hreflang="en">
             <svg xmlns="http://www.w3.org/2000/svg"
                 width="20" height="20" viewBox="0 0 24 24"
                 fill="none" stroke="currentColor"
@@ -573,7 +573,7 @@
             <span class="sr-only">[archive]</span>
             </a></em></cite></p>
 </blockquote>
-<p><a href="/david/2024/01/13/" title="Wuwei">Non</a>, pas <a data-link-domain="lukew.com" href="https://lukew.com/ff/entry.asp?2008">cette direction</a> <a href="/david/cache/2024/ea2cfc9aa425a6967d2cacd9f96ceb9e/" title="Copie locale au 2024-01-13">
+<p><a href="/david/2024/01/13/" title="Wuwei">Non</a>, pas <a data-link-domain="lukew.com" href="https://lukew.com/ff/entry.asp?2008" hreflang="en">cette direction</a> <a href="/david/cache/2024/ea2cfc9aa425a6967d2cacd9f96ceb9e/" title="Copie locale au 2024-01-13" hreflang="en">
             <svg xmlns="http://www.w3.org/2000/svg"
                 width="20" height="20" viewBox="0 0 24 24"
                 fill="none" stroke="currentColor"
@@ -626,7 +626,7 @@
 </ul>
 <p>J’aimerais commencer ma CSS par <code>@layer reset</code> mais c’est sur du <a data-link-domain="caniuse.com" href="https://caniuse.com/css-cascade-layers">Baseline™ 2022</a>. Toujours cette tension entre jouer avec les nouveautés sans exclure pour autant une partie de l’auditoire potentiel. <mark>Au pire, cette page nue est consultable</mark> et le flux devrait être supporté partout. Peut-être que je n’ai pas besoin d’avoir des <a data-link-domain="css-tricks.com" href="https://css-tricks.com/css-cascade-layers/">CSS layers</a> mais quand je fais une refonte de cet espace je ne suis pas <em>que</em> sur le besoin. J’obtiens un reset que j’imagine fonctionnel mais il est un peu frustrant d’arriver à un résultat finalement moins lisible que ce que j’avais sans aucun styles. <strong>Commencer par déconstruire pour reconstruire est probablement l’un des maux de notre culture.</strong> Ne pas accepter qu’il puisse exister quelque chose de suffisant sur lequel s’appuyer. Une attitude de&nbsp;colon.</p>
 <p>Je finis par tout jeter / ré-interroger et je m’en sors avec&nbsp;6&nbsp;règles.</p>
-<p>J’ai besoin de voir mon texte en action pour pouvoir le travailler. Qu’il passe de lisible à enviable, que sa fabrique —&nbsp;<a data-link-domain="quaternum.net" href="https://www.quaternum.net/2023/06/02/fabrique-concept/">coucou Antoine</a> <a href="/david/cache/2024/55477786fc56b6fc37bb97231b634d90/" title="Copie locale au 2024-01-07">
+<p>J’ai besoin de voir mon texte en action pour pouvoir le travailler. Qu’il passe de lisible à enviable, que sa fabrique —&nbsp;<a data-link-domain="quaternum.net" href="https://www.quaternum.net/2023/06/02/fabrique-concept/" hreflang="fr">coucou Antoine</a> <a href="/david/cache/2024/55477786fc56b6fc37bb97231b634d90/" title="Copie locale au 2024-01-07" hreflang="fr">
             <svg xmlns="http://www.w3.org/2000/svg"
                 width="20" height="20" viewBox="0 0 24 24"
                 fill="none" stroke="currentColor"
@@ -642,7 +642,7 @@
 
 <blockquote>
 <p>Le long trajet est essentiel. Surtout ne pas se laisser tenter par un livre, un ordinateur de poche, ou autres artifices. L’ennui permet l’étincelle des rêveries, tout comme la nuit la profondeur des&nbsp;rêves.</p>
-<p><cite><em><a data-link-domain="la-grange.net" href="https://www.la-grange.net/2023/07/10/notes-train">notes</a> <a href="/david/cache/2024/9bc04d41d25fc73391116d99b7259a3d/" title="Copie locale au 2024-01-07">
+<p><cite><em><a data-link-domain="la-grange.net" href="https://www.la-grange.net/2023/07/10/notes-train" hreflang="fr">notes</a> <a href="/david/cache/2024/9bc04d41d25fc73391116d99b7259a3d/" title="Copie locale au 2024-01-07" hreflang="fr">
             <svg xmlns="http://www.w3.org/2000/svg"
                 width="20" height="20" viewBox="0 0 24 24"
                 fill="none" stroke="currentColor"

david/2024/fediverse/index.html

@@ -160,7 +160,7 @@
 <blockquote>
 <p>Une fois la transcription terminée, je peux enregistrer le fichier texte du podcast avec la fonction export en mode paragraphe. (non corrigé, brut).</p>
 <p>Je suis&nbsp;impressionné.</p>
-<p><cite><em><a data-link-domain="la-grange.net" href="https://www.la-grange.net/2024/01/06/ebauche">plaisir d’ébauche</a> <a href="/david/cache/2024/d75afc90a9d3c3b5a56b69446795fbb5/" title="Copie locale au 2024-01-07">
+<p><cite><em><a data-link-domain="la-grange.net" href="https://www.la-grange.net/2024/01/06/ebauche" hreflang="fr">plaisir d’ébauche</a> <a href="/david/cache/2024/d75afc90a9d3c3b5a56b69446795fbb5/" title="Copie locale au 2024-01-07" hreflang="fr">
             <svg xmlns="http://www.w3.org/2000/svg"
                 width="20" height="20" viewBox="0 0 24 24"
                 fill="none" stroke="currentColor"
@@ -179,7 +179,7 @@
 <blockquote lang="en">
 <p>We evaluate APIs only on the basis of merit in the context of providing superior search engine results. Considering company x founder political views is not a factor in this evaluation. <mark>Politics finding its way into tech is one of the reason we do not have innovation any&nbsp;more.</mark></p>
 <p>We are primarily in the business of search and we’d like to stay focused on&nbsp;that.</p>
-<p><cite><em><a data-link-domain="kagifeedback.org" href="https://kagifeedback.org/d/2808-reconsider-your-partnership-with-brave/6">Vlad (admin Kagi) répondant</a> <a href="/david/cache/2024/d236f33cf82727313d17cb23bf36a395/" title="Copie locale au 2024-01-07">
+<p><cite><em><a data-link-domain="kagifeedback.org" href="https://kagifeedback.org/d/2808-reconsider-your-partnership-with-brave/6" hreflang="en">Vlad (admin Kagi) répondant</a> <a href="/david/cache/2024/d236f33cf82727313d17cb23bf36a395/" title="Copie locale au 2024-01-07" hreflang="en">
             <svg xmlns="http://www.w3.org/2000/svg"
                 width="20" height="20" viewBox="0 0 24 24"
                 fill="none" stroke="currentColor"
@@ -192,7 +192,7 @@
             </a> à «&nbsp;Reconsider your partnership with&nbsp;Brave&nbsp;»</em></cite></p>
 </blockquote>
 <p>À un moment l’année dernière, j’ai essayé Kagi et j’ai failli franchir le pas du payant. Je suis bien content de ne pas l’avoir fait car je m’en serais mordu les doigts aujourd’hui. Dans l’idéal, un moteur de recherche serait objectif mais un algorithme comporte toujours les biais de ses créateur·ices. Et vu la population qui code aujourd’hui, autant dire que c’est mal barré. Le fait qu’un administrateur de Kagi puisse être aussi naïf sur le sujet est assez&nbsp;terrible.</p>
-<p><a data-link-domain="theverge.com" href="https://www.theverge.com/2021/4/27/22406673/basecamp-political-speech-policy-controversy">Pas de politique au travail</a> <a href="/david/cache/2024/b80f5159ee7ac70bcaa6a9fde16c2408/" title="Copie locale au 2024-01-07">
+<p><a data-link-domain="theverge.com" href="https://www.theverge.com/2021/4/27/22406673/basecamp-political-speech-policy-controversy" hreflang="en">Pas de politique au travail</a> <a href="/david/cache/2024/b80f5159ee7ac70bcaa6a9fde16c2408/" title="Copie locale au 2024-01-07" hreflang="en">
             <svg xmlns="http://www.w3.org/2000/svg"
                 width="20" height="20" viewBox="0 0 24 24"
                 fill="none" stroke="currentColor"

david/2024/gratitude/index.html

@@ -142,7 +142,7 @@
 <blockquote lang="en">
 <p>I think the actual harm of signing git commits is to perpetuate an engineering culture of unquestioningly cargo-culting sophisticated and complex tools like cryptographic signatures into new contexts where they have no&nbsp;use.</p>
 <p>Just from a baseline utilitarian philosophical perspective, for a given action A, all else being equal, it’s always better not to do A, because taking an action always has some non-zero opportunity cost even if it is just the time taken to do it. Epsilon cost and zero benefit is still a net harm. This is even more true in the context of a complex system. Any action taken in response to a rule in a system is going to interact with all the other rules in that system. You have to pay complexity-rent on every new rule. <mark>So an apparently-useless embellishment like signing commits can have potentially far-reaching consequences in the&nbsp;future.</mark></p>
-<p><cite><em><a data-link-domain="blog.glyph.im" href="https://blog.glyph.im/2024/01/unsigned-commits.html">Unsigned Commits</a> <a href="/david/cache/2024/ce5fdc61fd66cdb9ce548fb543eba986/" title="Copie locale au 2024-01-25">
+<p><cite><em><a data-link-domain="blog.glyph.im" href="https://blog.glyph.im/2024/01/unsigned-commits.html" hreflang="en">Unsigned Commits</a> <a href="/david/cache/2024/ce5fdc61fd66cdb9ce548fb543eba986/" title="Copie locale au 2024-01-25" hreflang="en">
             <svg xmlns="http://www.w3.org/2000/svg"
                 width="20" height="20" viewBox="0 0 24 24"
                 fill="none" stroke="currentColor"
@@ -171,7 +171,7 @@ Des affects, qui constituent la nécessaire force motrice du mouvement que nous
 
 <blockquote lang="en">
 <p>Every time I have told someone “I want to replace PDF“, the statement has been met with extreme skepticism. Hopefully this document has convinced you that <mark>HTML-via-EPUB could potentially be a viable</mark> and desirable document format for the&nbsp;future.</p>
-<p><cite><em><a data-link-domain="willcrichton.net" href="https://willcrichton.net/notes/portable-epubs/">Portable EPUBs</a> <a href="/david/cache/2024/ffaf50bf5d5e4cf870a618b518ee5ba7/" title="Copie locale au 2024-01-25">
+<p><cite><em><a data-link-domain="willcrichton.net" href="https://willcrichton.net/notes/portable-epubs/" hreflang="en">Portable EPUBs</a> <a href="/david/cache/2024/ffaf50bf5d5e4cf870a618b518ee5ba7/" title="Copie locale au 2024-01-25" hreflang="en">
             <svg xmlns="http://www.w3.org/2000/svg"
                 width="20" height="20" viewBox="0 0 24 24"
                 fill="none" stroke="currentColor"
@@ -227,7 +227,7 @@ Des affects, qui constituent la nécessaire force motrice du mouvement que nous
 <p>Doit-on être spécialiste d’un sujet pour en parler&#8239;? Rien ne peut fonctionner si seuls les universitaires peuvent écrire des essais, si les romancières sont cantonnées à raconter des histoires, si seuls les insurgés sont légitimes à parler de révolution, les pauvres de misère, les racisés de discrimination, si les déserteurs sont trop diplômés et si les écrivains ne peuvent disserter que sur la&nbsp;création.</p>
 <p><cite><em>Alors nous irons trouver la beauté ailleurs</em>, Corinne Morel&nbsp;Darleux</cite></p>
 </blockquote>
-<p>La légitimité de la personne qui écrit est importante —&nbsp;notamment en terme de crédibilité&nbsp;— et j’apprécie qu’IA Writer <a data-link-domain="ia.net" href="https://ia.net/topics/writing-with-ai">expérimente des choses</a> <a href="/david/cache/2024/291cddda62f18ec9355ec98761b7e9d9/" title="Copie locale au 2024-01-21">
+<p>La légitimité de la personne qui écrit est importante —&nbsp;notamment en terme de crédibilité&nbsp;— et j’apprécie qu’IA Writer <a data-link-domain="ia.net" href="https://ia.net/topics/writing-with-ai" hreflang="en">expérimente des choses</a> <a href="/david/cache/2024/291cddda62f18ec9355ec98761b7e9d9/" title="Copie locale au 2024-01-21" hreflang="en">
             <svg xmlns="http://www.w3.org/2000/svg"
                 width="20" height="20" viewBox="0 0 24 24"
                 fill="none" stroke="currentColor"
@@ -249,7 +249,7 @@ Des affects, qui constituent la nécessaire force motrice du mouvement que nous
 <blockquote lang="en">
 <p>Sometimes I’d have a realization that I was doing something for the first time since I had left home, 16&nbsp;months earlier. First time pumping gas. First time ringing a doorbell. First time going to a grocery store. First time swimming. Each of these instances brought with it a small feeling of novelty, but it didn’t amount to much. It took conscious effort to remember that I was pumping gas for the first time in 16&nbsp;months. It felt&nbsp;normal.</p>
 <p>I was back in my real life, and although I put it on hold for Antarctica, it was waiting for me when I got back. <mark>Antarctica was a a different world, a radical departure from my normal reality.</mark> It was so different, in fact, that I simply could not merge the two realities into one. I had my real life, and I had my Antarctica life. When my Antarctica life finished, I resumed my real&nbsp;life.</p>
-<p><cite><em><a data-link-domain="brr.fyi" href="https://brr.fyi/posts/redeployment-part-three">Redeployment Part Three</a> <a href="/david/cache/2024/e8748af541273328d9aa9f1aeb1087b2/" title="Copie locale au 2024-01-21">
+<p><cite><em><a data-link-domain="brr.fyi" href="https://brr.fyi/posts/redeployment-part-three" hreflang="en">Redeployment Part Three</a> <a href="/david/cache/2024/e8748af541273328d9aa9f1aeb1087b2/" title="Copie locale au 2024-01-21" hreflang="en">
             <svg xmlns="http://www.w3.org/2000/svg"
                 width="20" height="20" viewBox="0 0 24 24"
                 fill="none" stroke="currentColor"
@@ -261,7 +261,7 @@ Des affects, qui constituent la nécessaire force motrice du mouvement que nous
             <span class="sr-only">[archive]</span>
             </a></em></cite></p>
 </blockquote>
-<p>Troisième partie (<a data-link-domain="brr.fyi" href="https://brr.fyi/posts/redeployment-part-one">1</a> <a href="/david/cache/2024/da7e5578fd96fe31d46bfb207d041880/" title="Copie locale au 2024-01-21">
+<p>Troisième partie (<a data-link-domain="brr.fyi" href="https://brr.fyi/posts/redeployment-part-one" hreflang="en">1</a> <a href="/david/cache/2024/da7e5578fd96fe31d46bfb207d041880/" title="Copie locale au 2024-01-21" hreflang="en">
             <svg xmlns="http://www.w3.org/2000/svg"
                 width="20" height="20" viewBox="0 0 24 24"
                 fill="none" stroke="currentColor"
@@ -271,7 +271,7 @@ Des affects, qui constituent la nécessaire force motrice du mouvement que nous
                 </path>
             </svg>
             <span class="sr-only">[archive]</span>
-            </a>, <a data-link-domain="brr.fyi" href="https://brr.fyi/posts/redeployment-part-two">2</a> <a href="/david/cache/2024/284205d0f99390dd18d3af12ff53227c/" title="Copie locale au 2024-01-21">
+            </a>, <a data-link-domain="brr.fyi" href="https://brr.fyi/posts/redeployment-part-two" hreflang="en">2</a> <a href="/david/cache/2024/284205d0f99390dd18d3af12ff53227c/" title="Copie locale au 2024-01-21" hreflang="en">
             <svg xmlns="http://www.w3.org/2000/svg"
                 width="20" height="20" viewBox="0 0 24 24"
                 fill="none" stroke="currentColor"
@@ -287,7 +287,7 @@ Des affects, qui constituent la nécessaire force motrice du mouvement que nous
 
 <blockquote>
 <p>Il est largement prouvé qu’il n’y a qu’un moyen de faire entrer plus de femmes dans la tech. C’est par le biais de la <strong>représentativité</strong>. <mark>Les jeunes femmes ne peuvent pas se projeter dans des rôles qu’elles ne connaissent pas.</mark> J’espère qu’à un moment où un autre, vous aurez vous aussi envie d’occuper l’espace et de vous rendre visible, pour montrer que les femmes dans la tech existent et que c’est une voie royale. Vous pouvez aussi être <strong>marraine</strong> et intervenir dans des écoles avec <a data-link-domain="ellesbougent.com" href="https://www.ellesbougent.com/">Elles bougent</a> ou <a data-link-domain="intrepidesdelatech.org" href="https://www.intrepidesdelatech.org/">Les intrépides de la tech</a>.</p>
-<p><cite><em><a data-link-domain="duchess-france.fr" href="https://www.duchess-france.fr/dossier/women%20in%20tech/alli%C3%A9s/2023/01/15/manuel-survie-femme-tech.html">Manuel de survie de la femme dans la tech</a> <a href="/david/cache/2024/c4751e7c80b292e3533ee6b3e057b702/" title="Copie locale au 2024-01-21">
+<p><cite><em><a data-link-domain="duchess-france.fr" href="https://www.duchess-france.fr/dossier/women%20in%20tech/alli%C3%A9s/2023/01/15/manuel-survie-femme-tech.html" hreflang="en">Manuel de survie de la femme dans la tech</a> <a href="/david/cache/2024/c4751e7c80b292e3533ee6b3e057b702/" title="Copie locale au 2024-01-21" hreflang="en">
             <svg xmlns="http://www.w3.org/2000/svg"
                 width="20" height="20" viewBox="0 0 24 24"
                 fill="none" stroke="currentColor"

david/2024/ia/index.html

@@ -144,7 +144,7 @@
 <p>Décliner l’usage de ce dont on n’a pas besoin, <mark>discerner parmi les technologies celles qui risquent de faire plus de mal que de bien,</mark> voilà qui manque cruellement à notre époque où l’on a oublié que parfois ne pas nuire vaut mieux qu’agir. Il y aurait pourtant un nombre incalculable d’applications pratiques du <em>wuwei</em>, de la géo-ingénierie à l’intelligence artificielle, tant de cas où il serait bon que l’espèce humaine sache se&nbsp;retenir.</p>
 <p><cite><em>Alors nous irons trouver la beauté ailleurs</em>, Corinne Morel&nbsp;Darleux</cite></p>
 </blockquote>
-<p>Cette année encore, ce sera pour moi le <em>non-usage</em> de l’<a data-link-domain="simonwillison.net" href="https://simonwillison.net/2024/Jan/7/call-it-ai/">intelligence artificielle</a> <a href="/david/cache/2024/3ea27fca4fabb81676fc1b98264f3bd8/" title="Copie locale au 2024-01-13">
+<p>Cette année encore, ce sera pour moi le <em>non-usage</em> de l’<a data-link-domain="simonwillison.net" href="https://simonwillison.net/2024/Jan/7/call-it-ai/" hreflang="en">intelligence artificielle</a> <a href="/david/cache/2024/3ea27fca4fabb81676fc1b98264f3bd8/" title="Copie locale au 2024-01-13" hreflang="en">
             <svg xmlns="http://www.w3.org/2000/svg"
                 width="20" height="20" viewBox="0 0 24 24"
                 fill="none" stroke="currentColor"
@@ -154,7 +154,7 @@
                 </path>
             </svg>
             <span class="sr-only">[archive]</span>
-            </a> explicite qui sera mon <em>wuwei</em>. Je précise le <q lang="fr">explicite</q> car il y en a déjà plein partout dans mon téléphone et ailleurs. J’ai peut-être une des dernières générations d’appareil photo qui ne va pas adapter l’image à une norme / culture apprise. Je suis curieux d’observer le nivellement (au sens moyenne, pas forcément par le bas) que vont provoquer les <abbr title="Large Language Model">LLM</abbr> dans le domaine, peut-être deviendra-t-il plus imperceptible qu’une <a data-link-domain="theverge.com" href="https://www.theverge.com/2023/3/13/23637401/samsung-fake-moon-photos-ai-galaxy-s21-s23-ultra">lune</a> <a href="/david/cache/2024/e990536ed88823f047296ea25a6b7933/" title="Copie locale au 2024-01-13">
+            </a> explicite qui sera mon <em>wuwei</em>. Je précise le <q lang="fr">explicite</q> car il y en a déjà plein partout dans mon téléphone et ailleurs. J’ai peut-être une des dernières générations d’appareil photo qui ne va pas adapter l’image à une norme / culture apprise. Je suis curieux d’observer le nivellement (au sens moyenne, pas forcément par le bas) que vont provoquer les <abbr title="Large Language Model">LLM</abbr> dans le domaine, peut-être deviendra-t-il plus imperceptible qu’une <a data-link-domain="theverge.com" href="https://www.theverge.com/2023/3/13/23637401/samsung-fake-moon-photos-ai-galaxy-s21-s23-ultra" hreflang="en">lune</a> <a href="/david/cache/2024/e990536ed88823f047296ea25a6b7933/" title="Copie locale au 2024-01-13" hreflang="en">
             <svg xmlns="http://www.w3.org/2000/svg"
                 width="20" height="20" viewBox="0 0 24 24"
                 fill="none" stroke="currentColor"
@@ -164,7 +164,7 @@
                 </path>
             </svg>
             <span class="sr-only">[archive]</span>
-            </a> ou une <a data-link-domain="theverge.com" href="https://www.theverge.com/2023/12/2/23985299/iphone-bridal-photo-three-poses-explanation-panorama-photoshop-generative-ai">mariée</a> <a href="/david/cache/2024/668d0f82ae65b0e94ea76145057759a7/" title="Copie locale au 2024-01-13">
+            </a> ou une <a data-link-domain="theverge.com" href="https://www.theverge.com/2023/12/2/23985299/iphone-bridal-photo-three-poses-explanation-panorama-photoshop-generative-ai" hreflang="en">mariée</a> <a href="/david/cache/2024/668d0f82ae65b0e94ea76145057759a7/" title="Copie locale au 2024-01-13" hreflang="en">
             <svg xmlns="http://www.w3.org/2000/svg"
                 width="20" height="20" viewBox="0 0 24 24"
                 fill="none" stroke="currentColor"
@@ -218,7 +218,7 @@
 <p>But here’s the thing: we need more tools for it. We need simpler tools for it. And we need to make installing and using them <em>trivially simple</em>.</p>
 <p>We need more self-hosted platforms for personal publishing that <em>aren’t Wordpress</em>. <mark>And don’t point me to Hugo or Netlify or Eleventy or all those things - all of them are great, but none of them are simple enough.</mark> We need web publishing tools that do not require users to open the Terminal <em>at all</em>. And we need lots of&nbsp;them.</p>
 <p>We need a whole <em>galaxy</em> of&nbsp;options.</p>
-<p><cite><em><a data-link-domain="gilest.org" href="https://gilest.org/indie-easy.html">Let’s make the indie web easier</a> <a href="/david/cache/2024/faa1d8cae94da6838ff9351e5df791ca/" title="Copie locale au 2024-01-09">
+<p><cite><em><a data-link-domain="gilest.org" href="https://gilest.org/indie-easy.html" hreflang="en">Let’s make the indie web easier</a> <a href="/david/cache/2024/faa1d8cae94da6838ff9351e5df791ca/" title="Copie locale au 2024-01-09" hreflang="en">
             <svg xmlns="http://www.w3.org/2000/svg"
                 width="20" height="20" viewBox="0 0 24 24"
                 fill="none" stroke="currentColor"
@@ -244,7 +244,7 @@
 <blockquote lang="en">
 <p>Among its suggestions: write a longer headline; split a six-sentence paragraph up because it’s “too long”; and replace “too complex” words like “invariably,” “notoriety,” and “modification.” Dozens of sentences were flagged as being confusing (I disagree) — and it really hated em dashes. I rewrote my prose over and over, but it didn’t seem to satisfy my robot grader. I finally chose one thought per sentence, broke up paragraphs, and replaced words with suggested keywords to get rid of the red dots signaling&nbsp;problems.</p>
 <p><mark>The result feels like an AI summary of my story</mark> — at any moment, a paragraph could start with “In conclusion…” or “The next thing to consider is…” The nuance, voice, and unexpected twists and turns have been snuffed out. I’m sure some people would prefer this uncomplicated, beat-by-beat version of the story, but it’s gone from being a story written by a real person to a clinical, stiff series of&nbsp;sentences.</p>
-<p><cite><em><a data-link-domain="theverge.com" href="https://www.theverge.com/c/23998379/google-search-seo-algorithm-webpage-optimization">The Perfect Web Page</a> <a href="/david/cache/2024/3debc675a055d691b32c7d6904531eb4/" title="Copie locale au 2024-01-09">
+<p><cite><em><a data-link-domain="theverge.com" href="https://www.theverge.com/c/23998379/google-search-seo-algorithm-webpage-optimization" hreflang="en">The Perfect Web Page</a> <a href="/david/cache/2024/3debc675a055d691b32c7d6904531eb4/" title="Copie locale au 2024-01-09" hreflang="en">
             <svg xmlns="http://www.w3.org/2000/svg"
                 width="20" height="20" viewBox="0 0 24 24"
                 fill="none" stroke="currentColor"
@@ -261,7 +261,7 @@
 
 <blockquote lang="en">
 <p>I propose <mark>Data Luddism</mark> as a radical response to the productive power of big data and predictive algorithms. My starting point is not the Romantic neo-Luddism of Kirkpatrick Sale but the historical Luddism of 1811-1816, and the Luddites' own rhetoric regarding their resistance to 'obnoxious&nbsp;machines'.</p>
-<p><cite><em><a data-link-domain="danmcquillan.org" href="https://www.danmcquillan.org/dataluddism.html">Data Luddism</a> <a href="/david/cache/2024/b1da1249f2db388d7e84d6ad23c2fc5d/" title="Copie locale au 2024-01-09">
+<p><cite><em><a data-link-domain="danmcquillan.org" href="https://www.danmcquillan.org/dataluddism.html" hreflang="en">Data Luddism</a> <a href="/david/cache/2024/b1da1249f2db388d7e84d6ad23c2fc5d/" title="Copie locale au 2024-01-09" hreflang="en">
             <svg xmlns="http://www.w3.org/2000/svg"
                 width="20" height="20" viewBox="0 0 24 24"
                 fill="none" stroke="currentColor"
@@ -278,7 +278,7 @@
 <blockquote lang="en">
 <p>The <code>everything</code> package and its 3,000+ sub-packages have caused a Denial of Service (DOS) for anyone who installs it. We’re talking about storage space running out and system resource&nbsp;exhaustion.</p>
 <p>But that’s not all. The creator took their prank to the next level by setting up http://everything.npm.lol, showcasing the chaos they unleashed. They even included a meme from Skyrim, adding some humor (or mockery, depending on your perspective) to the&nbsp;situation.</p>
-<p><cite><em><a data-link-domain="socket.dev" href="https://socket.dev/blog/when-everything-becomes-too-much">When “Everything” Becomes Too Much: The npm Package Chaos of 2024</a> <a href="/david/cache/2024/4a56aa5497e68df0c5bb1d5331203219/" title="Copie locale au 2024-01-09">
+<p><cite><em><a data-link-domain="socket.dev" href="https://socket.dev/blog/when-everything-becomes-too-much" hreflang="en">When “Everything” Becomes Too Much: The npm Package Chaos of 2024</a> <a href="/david/cache/2024/4a56aa5497e68df0c5bb1d5331203219/" title="Copie locale au 2024-01-09" hreflang="en">
             <svg xmlns="http://www.w3.org/2000/svg"
                 width="20" height="20" viewBox="0 0 24 24"
                 fill="none" stroke="currentColor"
@@ -306,7 +306,7 @@
 <blockquote lang="en">
 <p>So when we wonder where all the websites have gone, know it’s the <em>curators</em> we’re nostalgic for because the curators showed us the best the web had to offer once upon a time. And the curators— the tenders, aggregators, collectors, and connectors— can bring us back to something better. Because it’s still out there, we just have to find&nbsp;it.</p>
 <p>Here’s the best part. <mark>You can be that curator right now, at this very moment.</mark> You can start to rebuild the interconnectivity that made the web fun to explore. And you don’t need to be a computer scientist to do&nbsp;it.</p>
-<p><cite><em><a data-link-domain="fromjason.xyz" href="https://www.fromjason.xyz/p/notebook/where-have-all-the-websites-gone/">Where have all the websites gone?</a> <a href="/david/cache/2024/c3272392d462da90874d32841e5caac8/" title="Copie locale au 2024-01-09">
+<p><cite><em><a data-link-domain="fromjason.xyz" href="https://www.fromjason.xyz/p/notebook/where-have-all-the-websites-gone/" hreflang="en">Where have all the websites gone?</a> <a href="/david/cache/2024/c3272392d462da90874d32841e5caac8/" title="Copie locale au 2024-01-09" hreflang="en">
             <svg xmlns="http://www.w3.org/2000/svg"
                 width="20" height="20" viewBox="0 0 24 24"
                 fill="none" stroke="currentColor"

david/2024/index.html

@@ -166,7 +166,8 @@
     <h2>Février 2024</h2>
     <p>
       <a href="/david/2024/02/01/">Vision</a>, 
-      <a href="/david/2024/02/02/">Valeurs</a>.
+      <a href="/david/2024/02/02/">Valeurs</a>, 
+      <a href="/david/2024/02/03/">Archives</a>.
       
     </p>
   
@@ -180,7 +181,7 @@
       <a href="/david/2024/commun/" rel="tag">#commun (3)</a>, 
       <a href="/david/2024/communaute/" rel="tag">#communauté (3)</a>, 
       <a href="/david/2024/decision/" rel="tag">#décision (2)</a>, 
-      <a href="/david/2024/dependance/" rel="tag">#dépendance (1)</a>, 
+      <a href="/david/2024/dependance/" rel="tag">#dépendance (2)</a>, 
       <a href="/david/2024/documentation/" rel="tag">#documentation (1)</a>, 
       <a href="/david/2024/dystopie/" rel="tag">#dystopie (1)</a>, 
       <a href="/david/2024/echanges/" rel="tag">#échanges (3)</a>, 
@@ -192,7 +193,7 @@
       <a href="/david/2024/foret/" rel="tag">#forêt (3)</a>, 
       <a href="/david/2024/gratitude/" rel="tag">#gratitude (2)</a>, 
       <a href="/david/2024/ia/" rel="tag">#IA (2)</a>, 
-      <a href="/david/2024/opensource/" rel="tag">#opensource (1)</a>, 
+      <a href="/david/2024/opensource/" rel="tag">#opensource (2)</a>, 
       <a href="/david/2024/parentalite/" rel="tag">#parentalité (3)</a>, 
       <a href="/david/2024/partage/" rel="tag">#partage (2)</a>, 
       <a href="/david/2024/parvenir/" rel="tag">#parvenir (1)</a>, 
@@ -201,7 +202,7 @@
       <a href="/david/2024/psychologie/" rel="tag">#psychologie (2)</a>, 
       <a href="/david/2024/solastalgia/" rel="tag">#solastalgia (1)</a>, 
       <a href="/david/2024/sport/" rel="tag">#sport (3)</a>, 
-      <a href="/david/2024/technique/" rel="tag">#technique (7)</a>, 
+      <a href="/david/2024/technique/" rel="tag">#technique (8)</a>, 
       <a href="/david/2024/velo/" rel="tag">#vélo (1)</a>, 
       <a href="/david/2024/web/" rel="tag">#web (5)</a>.
       

david/2024/opensource/index.html

@@ -134,6 +134,97 @@
     </p>
   </nav>
   
+    <h2>
+      <a href="/david/2024/02/03/" title="Lien permanent vers cet article">Archives</a> <time datetime="2024-02-03">3 février 2024</time>
+    </h2>
+    
+
+<blockquote lang="en">
+<p>Google will no longer be keeping a backup of the entire Internet. Google Search’s “cached” links have long been an alternative way to load a website that was down or had changed, but now the company is killing them off. Google “Search Liaison” Danny Sullivan confirmed the feature removal in an X post, saying the feature “was meant for helping people access pages when way back, you often couldn’t depend on a page loading. These days, <mark>things have greatly improved.</mark> So, it was decided to retire&nbsp;it.”</p>
+<p><cite><em><a data-link-domain="arstechnica.com" href="https://arstechnica.com/gadgets/2024/02/google-search-kills-off-cached-webpages/" hreflang="en">Google will no longer back up the Internet: Cached webpages are dead</a> <a href="/david/cache/2024/75c7b6350ba18a5a11ee3bbf8b3b64be/" title="Copie locale au 2024-02-03" hreflang="en">
+            <svg xmlns="http://www.w3.org/2000/svg"
+                width="20" height="20" viewBox="0 0 24 24"
+                fill="none" stroke="currentColor"
+                stroke-width="2" stroke-linecap="square" stroke-linejoin="round"
+                ><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
+                <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1">
+                </path>
+            </svg>
+            <span class="sr-only">[archive]</span>
+            </a></em></cite></p>
+</blockquote>
+<p><em>(rires)</em></p>
+<p>Forcément en lisant ça un samedi matin, j’étais immédiatement motivé pour améliorer la façon dont j’archive les liens par ici. À commencer par des méta-données qui permettraient d’avoir une prévisualisation des liens un peu&nbsp;enrichie.</p>
+<p>Je me dis que je ne dois pas être le seul à essayer d’extraire des informations des pages. Et j’en trouve pas mal&nbsp;: <a data-link-domain="github.com" href="https://github.com/gri38/hyperlink_preview">hyperlink_preview</a>, <a data-link-domain="github.com" href="https://github.com/scrapinghub/extruct">extruct</a> ou <a data-link-domain="github.com" href="https://github.com/seanbreckenridge/url_cache">url_cache</a> pour ne citer qu’eux. Cela me met sur la piste de <a data-link-domain="github.com" href="https://github.com/michaelhelmick/lassie">Lassie</a> qui semble extraire ce que j’aimerais avoir&nbsp;: une image ou favicon, potentiellement une description, ainsi qu’une langue. Jake Lazaroff m’avait <a href="/david/2024/02/01/#hr-60">depuis répondu</a> qu’il génère en fait ses vignettes au moment de la <a data-link-domain="gist.github.com" href="https://gist.github.com/jakelazaroff/36b9665efe02870576acfc033171d6bf">construction du site</a>. Je ne veux pas totalement suivre cette approche car je ne veux pas stocker d’images additionnelles mais je vais essayer d’avoir une solution&nbsp;hybride.</p>
+<p>Cela m’embête de plus en plus de coupler le générateur de site aux (méta-)données des archives. <em>À&nbsp;méditer.</em></p>
+<p>Pour ce qui est de l’interface, ça attendra un autre jour. J’ai tout de même ajouté des attributs <code>hreflang</code> et la bonne langue dans les pages d’archives, un truc qui me grattait depuis un bout de&nbsp;temps.</p>
+<a href="#hr-62" title="Lien vers cette section de la page"><hr id="hr-62" /></a>
+<p>Cela fait <a href="/david/2020/02/07/#sonos">bien longtemps</a> que je regrette d’avoir acheté des enceintes Sonos. Hier —&nbsp;encore une fois frustré par l’application proposée par défaut&nbsp;— je découvre <a data-link-domain="github.com" href="https://github.com/SoCo/SoCo">SoCo</a> ainsi que <a data-link-domain="github.com" href="https://github.com/avantrec/soco-cli">soco-cli</a> après quelques recherches. Je passe ensuite la soirée à batailler avec Automator pour pouvoir faire un clic-droit sur un dossier local et que ça me lise les fichiers FLAC qui sont&nbsp;dedans.</p>
+<p>J’arrive à la solution&nbsp;suivante&nbsp;:</p>
+<pre><code>on run {input, parameters}
+    tell application &quot;Terminal&quot;
+        do script &quot;cd ~/sonos &amp;&amp; sonos Chambre play_dir '&quot; &amp; (POSIX path of input) &amp; &quot;'&quot;
+    end tell
+    return input
+end run
+</code></pre>
+<p>Ce n’est pas très élégant et je n’ai pas réussi à faire en sorte que ça se lance dans iTerm mais au moins ça joue de la&nbsp;musique.</p>
+<a href="#hr-63" title="Lien vers cette section de la page"><hr id="hr-63" /></a>
+
+<blockquote lang="en">
+<p><strong>drab</strong> focuses on providing JavaScript functionality where it’s most useful. Many of the elements are helpful wrappers <mark>around browser APIs.</mark> Here are some of the features of the&nbsp;library.</p>
+<p><cite><em><a data-link-domain="drab.robino.dev" href="https://drab.robino.dev/" hreflang="en">drab - A Headless Custom Element Library</a> <a href="/david/cache/2024/2a1235215c277ebb8a0e9acb7ffd91e0/" title="Copie locale au 2024-02-03" hreflang="en">
+            <svg xmlns="http://www.w3.org/2000/svg"
+                width="20" height="20" viewBox="0 0 24 24"
+                fill="none" stroke="currentColor"
+                stroke-width="2" stroke-linecap="square" stroke-linejoin="round"
+                ><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
+                <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1">
+                </path>
+            </svg>
+            <span class="sr-only">[archive]</span>
+            </a></em></cite></p>
+</blockquote>
+<p>Le futur qui se dessine à ce sujet est <em>très</em> stimulant. Cela fait 15&nbsp;ans qu’il y a une production de masse de code JS qui n’est ni réutilisable, ni interopérable. J’ai bon espoir que ce soit en train de&nbsp;changer.</p>
+<a href="#hr-64" title="Lien vers cette section de la page"><hr id="hr-64" /></a>
+
+<blockquote lang="en">
+<p>When trying to defend this, economists typically claim that we have unlimited desire for new stuff. Apparently, rather than dedicating the time gains from technology to leisure, we pour it into making more stuff for ourselves. This is bogus. People do have a limited desire for new things, because dedicating yourself to endless production (and consumption) comes at the expense of hanging out with your family, friends and pets, or doing stuff like walking in the wilderness or surfing the waves. What people actually desire is a balance of many things, but <mark>the system we’re stuck in has unlimited desire for one direction only.</mark> That’s because it’s a vortex unleashed by humans who no longer know how to stop&nbsp;it.</p>
+<p><cite><em><a data-link-domain="brettscott.substack.com" href="https://brettscott.substack.com/p/tech-doesnt-make-our-lives-easier" hreflang="en">Tech doesn’t make our lives easier. It makes them faster</a> <a href="/david/cache/2024/9750840b448f07a2f2594bb25da23836/" title="Copie locale au 2024-02-03" hreflang="en">
+            <svg xmlns="http://www.w3.org/2000/svg"
+                width="20" height="20" viewBox="0 0 24 24"
+                fill="none" stroke="currentColor"
+                stroke-width="2" stroke-linecap="square" stroke-linejoin="round"
+                ><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
+                <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1">
+                </path>
+            </svg>
+            <span class="sr-only">[archive]</span>
+            </a></em></cite></p>
+</blockquote>
+<p>Un bon article à lire après 24h de galères&nbsp;techniques&nbsp;😅.</p>
+
+    
+      <nav>
+        <p>
+          
+            <a href="/david/2024/dependance/"
+               title="Liste de tous les articles 2024 associés à cette étiquette"
+               rel="tag">#dépendance</a>
+          
+            <a href="/david/2024/opensource/"
+               title="Liste de tous les articles 2024 associés à cette étiquette"
+               rel="tag">#opensource</a>
+          
+            <a href="/david/2024/technique/"
+               title="Liste de tous les articles 2024 associés à cette étiquette"
+               rel="tag">#technique</a>
+          
+          <a href="/david/2024/#tags" title="Liste de toutes les étiquettes 2024">tous ?</a>
+        </p>
+      </nav>
+    
+  
     <h2>
       <a href="/david/2024/01/18/" title="Lien permanent vers cet article">Open-source</a> <time datetime="2024-01-18">18 janvier 2024</time>
     </h2>

david/2024/parentalite/index.html

@@ -291,7 +291,7 @@
 <blockquote lang="en">
 <p>So where have all the websites gone? Well, the people who make them have all gone to war for the capitalist machine. They grew up and got jobs. A natural part of growing up. Silos came and plucked their voices. Invasive memes and short form content grew in their place. Hustle overtook leisure. Harassment overtook openness. Influence overtook creativity. An economy of interestingness replaced by one of followers, likes, and engagement&nbsp;metrics.</p>
 <p>One important thing to note; <mark>websites aren’t extinct.</mark> In fact, you’re on one now! Uploading your own words is ancient technology but still&nbsp;works.</p>
-<p><cite><em><a data-link-domain="daverupert.com" href="https://daverupert.com/2024/01/where-have-all-the-websites-gone/">Where have all the flowers gone?</a> <a href="/david/cache/2024/7136e0810bfa42c4a9ca798a55cd2d53/" title="Copie locale au 2024-01-19">
+<p><cite><em><a data-link-domain="daverupert.com" href="https://daverupert.com/2024/01/where-have-all-the-websites-gone/" hreflang="en">Where have all the flowers gone?</a> <a href="/david/cache/2024/7136e0810bfa42c4a9ca798a55cd2d53/" title="Copie locale au 2024-01-19" hreflang="en">
             <svg xmlns="http://www.w3.org/2000/svg"
                 width="20" height="20" viewBox="0 0 24 24"
                 fill="none" stroke="currentColor"
@@ -303,7 +303,7 @@
             <span class="sr-only">[archive]</span>
             </a></em></cite></p>
 </blockquote>
-<p>En réponse à <q lang="en"><a data-link-domain="fromjason.xyz" href="https://www.fromjason.xyz/p/notebook/where-have-all-the-websites-gone/">Where have all the websites gone?</a> <a href="/david/cache/2024/c3272392d462da90874d32841e5caac8/" title="Copie locale au 2024-01-09">
+<p>En réponse à <q lang="en"><a data-link-domain="fromjason.xyz" href="https://www.fromjason.xyz/p/notebook/where-have-all-the-websites-gone/" hreflang="en">Where have all the websites gone?</a> <a href="/david/cache/2024/c3272392d462da90874d32841e5caac8/" title="Copie locale au 2024-01-09" hreflang="en">
             <svg xmlns="http://www.w3.org/2000/svg"
                 width="20" height="20" viewBox="0 0 24 24"
                 fill="none" stroke="currentColor"
@@ -326,7 +326,7 @@
 <li><mark>Graphical user interfaces should not be required for text-based communication.</mark>  Users may have broken graphics drivers, limited eyesight, or be unable to afford modern&nbsp;hardware.</li>
 </ul>
 <p>public-inbox aims to be easy-to-deploy and manage; encouraging projects to run their own instances with minimal&nbsp;overhead.</p>
-<p><cite><em><a data-link-domain="public-inbox.org" href="https://public-inbox.org/README.html">public-inbox - an &quot;archives first&quot; approach to mailing lists</a> <a href="/david/cache/2024/30b40ff8034212e070dc7daf2b9406e9/" title="Copie locale au 2024-01-19">
+<p><cite><em><a data-link-domain="public-inbox.org" href="https://public-inbox.org/README.html" hreflang="en">public-inbox - an &quot;archives first&quot; approach to mailing lists</a> <a href="/david/cache/2024/30b40ff8034212e070dc7daf2b9406e9/" title="Copie locale au 2024-01-19" hreflang="en">
             <svg xmlns="http://www.w3.org/2000/svg"
                 width="20" height="20" viewBox="0 0 24 24"
                 fill="none" stroke="currentColor"

david/2024/partage/index.html

@@ -245,7 +245,7 @@ Représentant de l’entreprise /  Représentant de&nbsp;l’association</p>
 <blockquote lang="en">
 <p>I think the actual harm of signing git commits is to perpetuate an engineering culture of unquestioningly cargo-culting sophisticated and complex tools like cryptographic signatures into new contexts where they have no&nbsp;use.</p>
 <p>Just from a baseline utilitarian philosophical perspective, for a given action A, all else being equal, it’s always better not to do A, because taking an action always has some non-zero opportunity cost even if it is just the time taken to do it. Epsilon cost and zero benefit is still a net harm. This is even more true in the context of a complex system. Any action taken in response to a rule in a system is going to interact with all the other rules in that system. You have to pay complexity-rent on every new rule. <mark>So an apparently-useless embellishment like signing commits can have potentially far-reaching consequences in the&nbsp;future.</mark></p>
-<p><cite><em><a data-link-domain="blog.glyph.im" href="https://blog.glyph.im/2024/01/unsigned-commits.html">Unsigned Commits</a> <a href="/david/cache/2024/ce5fdc61fd66cdb9ce548fb543eba986/" title="Copie locale au 2024-01-25">
+<p><cite><em><a data-link-domain="blog.glyph.im" href="https://blog.glyph.im/2024/01/unsigned-commits.html" hreflang="en">Unsigned Commits</a> <a href="/david/cache/2024/ce5fdc61fd66cdb9ce548fb543eba986/" title="Copie locale au 2024-01-25" hreflang="en">
             <svg xmlns="http://www.w3.org/2000/svg"
                 width="20" height="20" viewBox="0 0 24 24"
                 fill="none" stroke="currentColor"
@@ -274,7 +274,7 @@ Des affects, qui constituent la nécessaire force motrice du mouvement que nous
 
 <blockquote lang="en">
 <p>Every time I have told someone “I want to replace PDF“, the statement has been met with extreme skepticism. Hopefully this document has convinced you that <mark>HTML-via-EPUB could potentially be a viable</mark> and desirable document format for the&nbsp;future.</p>
-<p><cite><em><a data-link-domain="willcrichton.net" href="https://willcrichton.net/notes/portable-epubs/">Portable EPUBs</a> <a href="/david/cache/2024/ffaf50bf5d5e4cf870a618b518ee5ba7/" title="Copie locale au 2024-01-25">
+<p><cite><em><a data-link-domain="willcrichton.net" href="https://willcrichton.net/notes/portable-epubs/" hreflang="en">Portable EPUBs</a> <a href="/david/cache/2024/ffaf50bf5d5e4cf870a618b518ee5ba7/" title="Copie locale au 2024-01-25" hreflang="en">
             <svg xmlns="http://www.w3.org/2000/svg"
                 width="20" height="20" viewBox="0 0 24 24"
                 fill="none" stroke="currentColor"

david/2024/parvenir/index.html

@@ -144,7 +144,7 @@
 <p>Décliner l’usage de ce dont on n’a pas besoin, <mark>discerner parmi les technologies celles qui risquent de faire plus de mal que de bien,</mark> voilà qui manque cruellement à notre époque où l’on a oublié que parfois ne pas nuire vaut mieux qu’agir. Il y aurait pourtant un nombre incalculable d’applications pratiques du <em>wuwei</em>, de la géo-ingénierie à l’intelligence artificielle, tant de cas où il serait bon que l’espèce humaine sache se&nbsp;retenir.</p>
 <p><cite><em>Alors nous irons trouver la beauté ailleurs</em>, Corinne Morel&nbsp;Darleux</cite></p>
 </blockquote>
-<p>Cette année encore, ce sera pour moi le <em>non-usage</em> de l’<a data-link-domain="simonwillison.net" href="https://simonwillison.net/2024/Jan/7/call-it-ai/">intelligence artificielle</a> <a href="/david/cache/2024/3ea27fca4fabb81676fc1b98264f3bd8/" title="Copie locale au 2024-01-13">
+<p>Cette année encore, ce sera pour moi le <em>non-usage</em> de l’<a data-link-domain="simonwillison.net" href="https://simonwillison.net/2024/Jan/7/call-it-ai/" hreflang="en">intelligence artificielle</a> <a href="/david/cache/2024/3ea27fca4fabb81676fc1b98264f3bd8/" title="Copie locale au 2024-01-13" hreflang="en">
             <svg xmlns="http://www.w3.org/2000/svg"
                 width="20" height="20" viewBox="0 0 24 24"
                 fill="none" stroke="currentColor"
@@ -154,7 +154,7 @@
                 </path>
             </svg>
             <span class="sr-only">[archive]</span>
-            </a> explicite qui sera mon <em>wuwei</em>. Je précise le <q lang="fr">explicite</q> car il y en a déjà plein partout dans mon téléphone et ailleurs. J’ai peut-être une des dernières générations d’appareil photo qui ne va pas adapter l’image à une norme / culture apprise. Je suis curieux d’observer le nivellement (au sens moyenne, pas forcément par le bas) que vont provoquer les <abbr title="Large Language Model">LLM</abbr> dans le domaine, peut-être deviendra-t-il plus imperceptible qu’une <a data-link-domain="theverge.com" href="https://www.theverge.com/2023/3/13/23637401/samsung-fake-moon-photos-ai-galaxy-s21-s23-ultra">lune</a> <a href="/david/cache/2024/e990536ed88823f047296ea25a6b7933/" title="Copie locale au 2024-01-13">
+            </a> explicite qui sera mon <em>wuwei</em>. Je précise le <q lang="fr">explicite</q> car il y en a déjà plein partout dans mon téléphone et ailleurs. J’ai peut-être une des dernières générations d’appareil photo qui ne va pas adapter l’image à une norme / culture apprise. Je suis curieux d’observer le nivellement (au sens moyenne, pas forcément par le bas) que vont provoquer les <abbr title="Large Language Model">LLM</abbr> dans le domaine, peut-être deviendra-t-il plus imperceptible qu’une <a data-link-domain="theverge.com" href="https://www.theverge.com/2023/3/13/23637401/samsung-fake-moon-photos-ai-galaxy-s21-s23-ultra" hreflang="en">lune</a> <a href="/david/cache/2024/e990536ed88823f047296ea25a6b7933/" title="Copie locale au 2024-01-13" hreflang="en">
             <svg xmlns="http://www.w3.org/2000/svg"
                 width="20" height="20" viewBox="0 0 24 24"
                 fill="none" stroke="currentColor"
@@ -164,7 +164,7 @@
                 </path>
             </svg>
             <span class="sr-only">[archive]</span>
-            </a> ou une <a data-link-domain="theverge.com" href="https://www.theverge.com/2023/12/2/23985299/iphone-bridal-photo-three-poses-explanation-panorama-photoshop-generative-ai">mariée</a> <a href="/david/cache/2024/668d0f82ae65b0e94ea76145057759a7/" title="Copie locale au 2024-01-13">
+            </a> ou une <a data-link-domain="theverge.com" href="https://www.theverge.com/2023/12/2/23985299/iphone-bridal-photo-three-poses-explanation-panorama-photoshop-generative-ai" hreflang="en">mariée</a> <a href="/david/cache/2024/668d0f82ae65b0e94ea76145057759a7/" title="Copie locale au 2024-01-13" hreflang="en">
             <svg xmlns="http://www.w3.org/2000/svg"
                 width="20" height="20" viewBox="0 0 24 24"
                 fill="none" stroke="currentColor"

david/2024/processus/index.html

@@ -204,7 +204,7 @@
 </ul>
 <p>Prendre l’initiative c’est créer une perturbation dans le système par <em>une partie</em> du groupe, se démarquer. La vision partagée fait appel par contre au collectif. Il s’agit de construire un système ensemble qui autorise à faire des choses dans le cadre de cette vision partagée. Il serait pertinent d’éclairer la tensions entre initiatives locales et impact global (coucou <del>René Dubos</del>&nbsp;<a href="/david/stream/2015/11/22/">Jacques Ellul</a>). On a le véhicule, il faut choisir où il va maintenant grâce à un cadre collectivement&nbsp;consenti.</p>
 <p>Pour progresser, on pourrait travailler sur des prises de décisions concrètes, engageantes. Il faut accepter / souhaiter que ça va déstabiliser le système (immunitaire). Hop, retour à&nbsp;l’intro.</p>
-<p>Note&nbsp;: l’Holacracy est un bon business pour les consultant·es, la Sociocratie ouvre d’autres possibilités au sujet du consentement. Voir aussi <em><a data-link-domain="iapop.com" href="https://iapop.com/deep-democracy/">Deep Democracy</a> <a href="/david/cache/2024/1d60fc5548a6fe61da80a4e16892fa0c/" title="Copie locale au 2024-01-31">
+<p>Note&nbsp;: l’Holacracy est un bon business pour les consultant·es, la Sociocratie ouvre d’autres possibilités au sujet du consentement. Voir aussi <em><a data-link-domain="iapop.com" href="https://iapop.com/deep-democracy/" hreflang="en">Deep Democracy</a> <a href="/david/cache/2024/1d60fc5548a6fe61da80a4e16892fa0c/" title="Copie locale au 2024-01-31" hreflang="en">
             <svg xmlns="http://www.w3.org/2000/svg"
                 width="20" height="20" viewBox="0 0 24 24"
                 fill="none" stroke="currentColor"
@@ -264,7 +264,7 @@
 <li><strong>Teams-in-name-only</strong> are groups that claim to be a team, but lack emotional commitment and shared purpose. They are like working groups, but without the efficient processes and individual responsibility. […]</li>
 </ul>
 <p>Although most people are told that they’re part of a team, the reality is that, more often than not, they’re members of a&nbsp;team-in-name-only.</p>
-<p><cite><em><a data-link-domain="strategy-business.com" href="https://www.strategy-business.com/article/Teaming-is-hard-because-youre-probably-not-really-on-a-team">Teaming is hard because you’re probably not really on a team</a> <a href="/david/cache/2024/9b4b5364526390ba1db9c4a651ea8311/" title="Copie locale au 2024-01-29">
+<p><cite><em><a data-link-domain="strategy-business.com" href="https://www.strategy-business.com/article/Teaming-is-hard-because-youre-probably-not-really-on-a-team" hreflang="en">Teaming is hard because you’re probably not really on a team</a> <a href="/david/cache/2024/9b4b5364526390ba1db9c4a651ea8311/" title="Copie locale au 2024-01-29" hreflang="en">
             <svg xmlns="http://www.w3.org/2000/svg"
                 width="20" height="20" viewBox="0 0 24 24"
                 fill="none" stroke="currentColor"
@@ -341,7 +341,7 @@
 
 <blockquote lang="en">
 <p>Further, if we have learned anything in the last 3&nbsp;years as an industry, it should be to strive for building small, highly efficient teams and avoiding bloated, overstaffed organizations at all costs. Larger teams move slower, create more incidental complexity, and are much more susceptible to the layoffs we’ve all been suffering through. <mark>Engineering leaders would be well served to focus on hiring smaller teams</mark> and providing them with sufficient time and support to create simple solutions that generate business&nbsp;value.</p>
-<p><cite><em><a data-link-domain="blog.testdouble.com" href="https://blog.testdouble.com/posts/2024-01-24-plea-for-lean/">Echoing Wirth’s plea for lean software</a> <a href="/david/cache/2024/82b88d48d8043d79425ce8afd8dff42e/" title="Copie locale au 2024-01-24">
+<p><cite><em><a data-link-domain="blog.testdouble.com" href="https://blog.testdouble.com/posts/2024-01-24-plea-for-lean/" hreflang="en">Echoing Wirth’s plea for lean software</a> <a href="/david/cache/2024/82b88d48d8043d79425ce8afd8dff42e/" title="Copie locale au 2024-01-24" hreflang="en">
             <svg xmlns="http://www.w3.org/2000/svg"
                 width="20" height="20" viewBox="0 0 24 24"
                 fill="none" stroke="currentColor"
@@ -445,7 +445,7 @@ par nos&nbsp;obscurités</p>
 <blockquote>
 <p>Mes lieux de lecture et d’écriture sont très associés. J’écris parce que je&nbsp;lis.</p>
 <p>J’écris de deux&nbsp;façons.</p>
-<p><cite><em><a data-link-domain="la-grange.net" href="https://www.la-grange.net/2024/01/11/pourquoi">je ne sais pas pourquoi</a> <a href="/david/cache/2024/87c468a4eddabe5d2c28e902d7f17504/" title="Copie locale au 2024-01-11">
+<p><cite><em><a data-link-domain="la-grange.net" href="https://www.la-grange.net/2024/01/11/pourquoi" hreflang="fr">je ne sais pas pourquoi</a> <a href="/david/cache/2024/87c468a4eddabe5d2c28e902d7f17504/" title="Copie locale au 2024-01-11" hreflang="fr">
             <svg xmlns="http://www.w3.org/2000/svg"
                 width="20" height="20" viewBox="0 0 24 24"
                 fill="none" stroke="currentColor"
@@ -457,7 +457,7 @@ par nos&nbsp;obscurités</p>
             <span class="sr-only">[archive]</span>
             </a></em></cite></p>
 </blockquote>
-<p>Karl nous parle de ses moments / lieux d’écriture et de lecture. Je me suis souvent posé cette question et je reconnais des <abbr title="Où Lire, Où Écrire.">oloés</abbr> communs (une <a data-link-domain="tw5.immateriel.fr" href="https://tw5.immateriel.fr/wiki/immateriel/b/YXGEDFB">définition par ici</a> <a href="/david/cache/2024/89dbef9daef24f311b6401cef62f5855/" title="Copie locale au 2024-01-11">
+<p>Karl nous parle de ses moments / lieux d’écriture et de lecture. Je me suis souvent posé cette question et je reconnais des <abbr title="Où Lire, Où Écrire.">oloés</abbr> communs (une <a data-link-domain="tw5.immateriel.fr" href="https://tw5.immateriel.fr/wiki/immateriel/b/YXGEDFB" hreflang="fr">définition par ici</a> <a href="/david/cache/2024/89dbef9daef24f311b6401cef62f5855/" title="Copie locale au 2024-01-11" hreflang="fr">
             <svg xmlns="http://www.w3.org/2000/svg"
                 width="20" height="20" viewBox="0 0 24 24"
                 fill="none" stroke="currentColor"
@@ -468,7 +468,7 @@ par nos&nbsp;obscurités</p>
             </svg>
             <span class="sr-only">[archive]</span>
             </a>). Mes moments et lieux sont beaucoup plus traditionnels, c’est principalement le soir et dans mon bureau-chambre. Mais il n’y a pas de règle stricte pour autant. Parfois, l’envie d’écrire va être trop forte lors d’une lecture en cours de journée, d’autres fois je vais me réveiller tôt et commencer à écrire dans ma tête depuis mon lit ou sous la douche. Une idée peut arriver et/ou s’étirer en faisant du sport ou dans des contextes&nbsp;routiniers.</p>
-<p>Et puis il y a l’écriture qui appelle une autre écriture, ce moment de <a data-link-domain="blog.jim-nielsen.com" href="https://blog.jim-nielsen.com/2023/blogging-and-compositing/">compost</a> <a href="/david/cache/2024/5030196507bcf3e06162e9eaed40abbe/" title="Copie locale au 2024-01-11">
+<p>Et puis il y a l’écriture qui appelle une autre écriture, ce moment de <a data-link-domain="blog.jim-nielsen.com" href="https://blog.jim-nielsen.com/2023/blogging-and-compositing/" hreflang="en">compost</a> <a href="/david/cache/2024/5030196507bcf3e06162e9eaed40abbe/" title="Copie locale au 2024-01-11" hreflang="en">
             <svg xmlns="http://www.w3.org/2000/svg"
                 width="20" height="20" viewBox="0 0 24 24"
                 fill="none" stroke="currentColor"
@@ -485,7 +485,7 @@ par nos&nbsp;obscurités</p>
 <p>but I think, in this race to “build an audience,” somewhere in the process, something is missing, left behind — perhaps, a sense of humanity, or individual complexity, or truth, or&nbsp;intimacy.</p>
 <p>I don’t want to feel like I’m just an email address, an IP address, or a potential “lead.” I want to feel fully seen. human.</p>
 <p>[…] instead of “building an audience,” build a world. <mark>build a digital garden-ecosystem, that exists</mark> — first and primarily — <em>for itself</em>. a world that doesn’t need likes, traffic, subscribers, or clicks  — in order to validate its&nbsp;existence.</p>
-<p><cite><em><a data-link-domain="keningzhu.com" href="https://keningzhu.com/journal/build-a-world-not-an-audience">build a world, not an audience</a> <a href="/david/cache/2024/cd2fda3dae5d89990f73fbdaa1c3b491/" title="Copie locale au 2024-01-11">
+<p><cite><em><a data-link-domain="keningzhu.com" href="https://keningzhu.com/journal/build-a-world-not-an-audience" hreflang="en">build a world, not an audience</a> <a href="/david/cache/2024/cd2fda3dae5d89990f73fbdaa1c3b491/" title="Copie locale au 2024-01-11" hreflang="en">
             <svg xmlns="http://www.w3.org/2000/svg"
                 width="20" height="20" viewBox="0 0 24 24"
                 fill="none" stroke="currentColor"
@@ -502,7 +502,7 @@ par nos&nbsp;obscurités</p>
 <blockquote lang="en">
 <p>These are all very interesting questions but for me, the more pressing question is a slightly different one: which <em>you</em> is your personal site representing? We often don’t pay too much attention to this but <mark>we all have different ways of being&nbsp;ourselves.</mark></p>
 <p>So which one of these should my site represent? Should my site be the personal site of the Manu freelance web developer, with his interests in digital typography, minimal design, and simple websites? Or should represent the slightly competitive on the basketball court Manu, who doesn’t really care all that much about winning but is concerned about having fun? Or maybe it should represent Manu the romantic partner, with all his worry about the practical aspects of life but also full of affection for his partner? The list goes on and&nbsp;on.</p>
-<p><cite><em><a data-link-domain="manuelmoreale.com" href="https://manuelmoreale.com/the-personality-of-a-personal-website">The personality of a personal website</a> <a href="/david/cache/2024/e5c1ca8e3beeb0d256a064832c3566aa/" title="Copie locale au 2024-01-11">
+<p><cite><em><a data-link-domain="manuelmoreale.com" href="https://manuelmoreale.com/the-personality-of-a-personal-website" hreflang="en">The personality of a personal website</a> <a href="/david/cache/2024/e5c1ca8e3beeb0d256a064832c3566aa/" title="Copie locale au 2024-01-11" hreflang="en">
             <svg xmlns="http://www.w3.org/2000/svg"
                 width="20" height="20" viewBox="0 0 24 24"
                 fill="none" stroke="currentColor"
@@ -514,7 +514,7 @@ par nos&nbsp;obscurités</p>
             <span class="sr-only">[archive]</span>
             </a></em></cite></p>
 </blockquote>
-<p>Je m’interroge souvent sur ce que j’essaye de cacher ici. Ce que cela raconte de ma personnalité, si l’image retournée est <a data-link-domain="thom4.net" href="https://thom4.net/2023/02/01/carnets/">vraiment fidèle</a> <a href="/david/cache/2024/09c0739036ea4a8b6c985e127fe7e3c8/" title="Copie locale au 2024-01-11">
+<p>Je m’interroge souvent sur ce que j’essaye de cacher ici. Ce que cela raconte de ma personnalité, si l’image retournée est <a data-link-domain="thom4.net" href="https://thom4.net/2023/02/01/carnets/" hreflang="fr">vraiment fidèle</a> <a href="/david/cache/2024/09c0739036ea4a8b6c985e127fe7e3c8/" title="Copie locale au 2024-01-11" hreflang="fr">
             <svg xmlns="http://www.w3.org/2000/svg"
                 width="20" height="20" viewBox="0 0 24 24"
                 fill="none" stroke="currentColor"
@@ -529,7 +529,7 @@ par nos&nbsp;obscurités</p>
 
 <blockquote lang="en">
 <p>We shape our structures and afterward our structures shape us, but the <em>we</em> of the first clause and the <em>us</em> of the second <mark>are not the&nbsp;same.</mark></p>
-<p><cite><a data-link-domain="erinkissane.com" href="https://erinkissane.com/tomorrow-and-tomorrow-and-tomorrow">Tomorrow &amp; Tomorrow &amp; Tomorrow</a> <a href="/david/cache/2024/62bf3ce6ef66e39b7f250a6123d92e66/" title="Copie locale au 2024-01-11">
+<p><cite><a data-link-domain="erinkissane.com" href="https://erinkissane.com/tomorrow-and-tomorrow-and-tomorrow" hreflang="en">Tomorrow &amp; Tomorrow &amp; Tomorrow</a> <a href="/david/cache/2024/62bf3ce6ef66e39b7f250a6123d92e66/" title="Copie locale au 2024-01-11" hreflang="en">
             <svg xmlns="http://www.w3.org/2000/svg"
                 width="20" height="20" viewBox="0 0 24 24"
                 fill="none" stroke="currentColor"
@@ -541,7 +541,7 @@ par nos&nbsp;obscurités</p>
             <span class="sr-only">[archive]</span>
             </a></cite></p>
 </blockquote>
-<p>En rebond de la <a data-link-domain="quaternum.net" href="https://www.quaternum.net/2024/01/08/tools-shape-practices-shape-tools/">découverte d’Antoine</a> <a href="/david/cache/2024/34fec23081019abd741e0578b050c40e/" title="Copie locale au 2024-01-11">
+<p>En rebond de la <a data-link-domain="quaternum.net" href="https://www.quaternum.net/2024/01/08/tools-shape-practices-shape-tools/" hreflang="fr">découverte d’Antoine</a> <a href="/david/cache/2024/34fec23081019abd741e0578b050c40e/" title="Copie locale au 2024-01-11" hreflang="fr">
             <svg xmlns="http://www.w3.org/2000/svg"
                 width="20" height="20" viewBox="0 0 24 24"
                 fill="none" stroke="currentColor"
@@ -619,7 +619,7 @@ a::before {
 
 <blockquote>
 <p>Ce billet illustre la loi qui dit “Moins un blog est mis à jour, plus il y a de probabilité que ce qui y est publié a pour sujet les aspects techniques dudit&nbsp;blog”.</p>
-<p><cite><em><a data-link-domain="blog.professeurjoachim.com" href="https://blog.professeurjoachim.com/billet/2024-01-05-ma-page-now-ou-plutot-en-ce-moment">Ma page /now (ou plutôt /en-ce-moment)</a> <a href="/david/cache/2024/076169df8a4bd9dde9a4637c6b306dff/" title="Copie locale au 2024-01-07">
+<p><cite><em><a data-link-domain="blog.professeurjoachim.com" href="https://blog.professeurjoachim.com/billet/2024-01-05-ma-page-now-ou-plutot-en-ce-moment" hreflang="fr">Ma page /now (ou plutôt /en-ce-moment)</a> <a href="/david/cache/2024/076169df8a4bd9dde9a4637c6b306dff/" title="Copie locale au 2024-01-07" hreflang="fr">
             <svg xmlns="http://www.w3.org/2000/svg"
                 width="20" height="20" viewBox="0 0 24 24"
                 fill="none" stroke="currentColor"
@@ -636,7 +636,7 @@ a::before {
 <blockquote lang="en">
 <p>I also started noticing when people do this subconiously. For example, most software engineers I know hate blogging, but <mark>they like building their own blog engine to make blogging more pleasant</mark> (I’m very guilty of this&nbsp;too).</p>
 <p>Kent Beck nailed it: “for each desired change, make the change easy (warning: this may be hard), then make the easy&nbsp;change”.</p>
-<p><cite><em><a data-link-domain="frantic.im" href="https://frantic.im/opening-mail/">Opening Mail</a> <a href="/david/cache/2024/7a223e552e8a8e3e11c759cbc5bc3ffa/" title="Copie locale au 2024-01-07">
+<p><cite><em><a data-link-domain="frantic.im" href="https://frantic.im/opening-mail/" hreflang="en">Opening Mail</a> <a href="/david/cache/2024/7a223e552e8a8e3e11c759cbc5bc3ffa/" title="Copie locale au 2024-01-07" hreflang="en">
             <svg xmlns="http://www.w3.org/2000/svg"
                 width="20" height="20" viewBox="0 0 24 24"
                 fill="none" stroke="currentColor"

david/2024/protopie/index.html

@@ -204,7 +204,7 @@
 </ul>
 <p>Prendre l’initiative c’est créer une perturbation dans le système par <em>une partie</em> du groupe, se démarquer. La vision partagée fait appel par contre au collectif. Il s’agit de construire un système ensemble qui autorise à faire des choses dans le cadre de cette vision partagée. Il serait pertinent d’éclairer la tensions entre initiatives locales et impact global (coucou <del>René Dubos</del>&nbsp;<a href="/david/stream/2015/11/22/">Jacques Ellul</a>). On a le véhicule, il faut choisir où il va maintenant grâce à un cadre collectivement&nbsp;consenti.</p>
 <p>Pour progresser, on pourrait travailler sur des prises de décisions concrètes, engageantes. Il faut accepter / souhaiter que ça va déstabiliser le système (immunitaire). Hop, retour à&nbsp;l’intro.</p>
-<p>Note&nbsp;: l’Holacracy est un bon business pour les consultant·es, la Sociocratie ouvre d’autres possibilités au sujet du consentement. Voir aussi <em><a data-link-domain="iapop.com" href="https://iapop.com/deep-democracy/">Deep Democracy</a> <a href="/david/cache/2024/1d60fc5548a6fe61da80a4e16892fa0c/" title="Copie locale au 2024-01-31">
+<p>Note&nbsp;: l’Holacracy est un bon business pour les consultant·es, la Sociocratie ouvre d’autres possibilités au sujet du consentement. Voir aussi <em><a data-link-domain="iapop.com" href="https://iapop.com/deep-democracy/" hreflang="en">Deep Democracy</a> <a href="/david/cache/2024/1d60fc5548a6fe61da80a4e16892fa0c/" title="Copie locale au 2024-01-31" hreflang="en">
             <svg xmlns="http://www.w3.org/2000/svg"
                 width="20" height="20" viewBox="0 0 24 24"
                 fill="none" stroke="currentColor"
@@ -336,7 +336,7 @@
 
 <blockquote lang="en">
 <p>When the right approach reveals itself, it feels obvious. <mark>But only in retrospect.</mark> <strong>Design is only obvious in retrospect.</strong> It takes iteration and discipline to get there. But when you do get there, it’s much easier to explain your design decisions to others. You know why the design is the right one and can frame your rationale in the context of the problem you are trying to&nbsp;solve.</p>
-<p><cite><em><a data-link-domain="lukew.com" href="https://lukew.com/ff/entry.asp?2036">Until the Right Design Emerges…</a> <a href="/david/cache/2024/84f8caf3e7f7b3de9e18281749c3687f/" title="Copie locale au 2024-01-13">
+<p><cite><em><a data-link-domain="lukew.com" href="https://lukew.com/ff/entry.asp?2036" hreflang="en">Until the Right Design Emerges…</a> <a href="/david/cache/2024/84f8caf3e7f7b3de9e18281749c3687f/" title="Copie locale au 2024-01-13" hreflang="en">
             <svg xmlns="http://www.w3.org/2000/svg"
                 width="20" height="20" viewBox="0 0 24 24"
                 fill="none" stroke="currentColor"
@@ -348,7 +348,7 @@
             <span class="sr-only">[archive]</span>
             </a></em></cite></p>
 </blockquote>
-<p><a href="/david/2024/01/13/" title="Wuwei">Non</a>, pas <a data-link-domain="lukew.com" href="https://lukew.com/ff/entry.asp?2008">cette direction</a> <a href="/david/cache/2024/ea2cfc9aa425a6967d2cacd9f96ceb9e/" title="Copie locale au 2024-01-13">
+<p><a href="/david/2024/01/13/" title="Wuwei">Non</a>, pas <a data-link-domain="lukew.com" href="https://lukew.com/ff/entry.asp?2008" hreflang="en">cette direction</a> <a href="/david/cache/2024/ea2cfc9aa425a6967d2cacd9f96ceb9e/" title="Copie locale au 2024-01-13" hreflang="en">
             <svg xmlns="http://www.w3.org/2000/svg"
                 width="20" height="20" viewBox="0 0 24 24"
                 fill="none" stroke="currentColor"

david/2024/psychologie/index.html

@@ -142,7 +142,7 @@
 <blockquote lang="en">
 <p>I think the actual harm of signing git commits is to perpetuate an engineering culture of unquestioningly cargo-culting sophisticated and complex tools like cryptographic signatures into new contexts where they have no&nbsp;use.</p>
 <p>Just from a baseline utilitarian philosophical perspective, for a given action A, all else being equal, it’s always better not to do A, because taking an action always has some non-zero opportunity cost even if it is just the time taken to do it. Epsilon cost and zero benefit is still a net harm. This is even more true in the context of a complex system. Any action taken in response to a rule in a system is going to interact with all the other rules in that system. You have to pay complexity-rent on every new rule. <mark>So an apparently-useless embellishment like signing commits can have potentially far-reaching consequences in the&nbsp;future.</mark></p>
-<p><cite><em><a data-link-domain="blog.glyph.im" href="https://blog.glyph.im/2024/01/unsigned-commits.html">Unsigned Commits</a> <a href="/david/cache/2024/ce5fdc61fd66cdb9ce548fb543eba986/" title="Copie locale au 2024-01-25">
+<p><cite><em><a data-link-domain="blog.glyph.im" href="https://blog.glyph.im/2024/01/unsigned-commits.html" hreflang="en">Unsigned Commits</a> <a href="/david/cache/2024/ce5fdc61fd66cdb9ce548fb543eba986/" title="Copie locale au 2024-01-25" hreflang="en">
             <svg xmlns="http://www.w3.org/2000/svg"
                 width="20" height="20" viewBox="0 0 24 24"
                 fill="none" stroke="currentColor"
@@ -171,7 +171,7 @@ Des affects, qui constituent la nécessaire force motrice du mouvement que nous
 
 <blockquote lang="en">
 <p>Every time I have told someone “I want to replace PDF“, the statement has been met with extreme skepticism. Hopefully this document has convinced you that <mark>HTML-via-EPUB could potentially be a viable</mark> and desirable document format for the&nbsp;future.</p>
-<p><cite><em><a data-link-domain="willcrichton.net" href="https://willcrichton.net/notes/portable-epubs/">Portable EPUBs</a> <a href="/david/cache/2024/ffaf50bf5d5e4cf870a618b518ee5ba7/" title="Copie locale au 2024-01-25">
+<p><cite><em><a data-link-domain="willcrichton.net" href="https://willcrichton.net/notes/portable-epubs/" hreflang="en">Portable EPUBs</a> <a href="/david/cache/2024/ffaf50bf5d5e4cf870a618b518ee5ba7/" title="Copie locale au 2024-01-25" hreflang="en">
             <svg xmlns="http://www.w3.org/2000/svg"
                 width="20" height="20" viewBox="0 0 24 24"
                 fill="none" stroke="currentColor"
@@ -222,7 +222,7 @@ Des affects, qui constituent la nécessaire force motrice du mouvement que nous
 <blockquote>
 <p>Mes lieux de lecture et d’écriture sont très associés. J’écris parce que je&nbsp;lis.</p>
 <p>J’écris de deux&nbsp;façons.</p>
-<p><cite><em><a data-link-domain="la-grange.net" href="https://www.la-grange.net/2024/01/11/pourquoi">je ne sais pas pourquoi</a> <a href="/david/cache/2024/87c468a4eddabe5d2c28e902d7f17504/" title="Copie locale au 2024-01-11">
+<p><cite><em><a data-link-domain="la-grange.net" href="https://www.la-grange.net/2024/01/11/pourquoi" hreflang="fr">je ne sais pas pourquoi</a> <a href="/david/cache/2024/87c468a4eddabe5d2c28e902d7f17504/" title="Copie locale au 2024-01-11" hreflang="fr">
             <svg xmlns="http://www.w3.org/2000/svg"
                 width="20" height="20" viewBox="0 0 24 24"
                 fill="none" stroke="currentColor"
@@ -234,7 +234,7 @@ Des affects, qui constituent la nécessaire force motrice du mouvement que nous
             <span class="sr-only">[archive]</span>
             </a></em></cite></p>
 </blockquote>
-<p>Karl nous parle de ses moments / lieux d’écriture et de lecture. Je me suis souvent posé cette question et je reconnais des <abbr title="Où Lire, Où Écrire.">oloés</abbr> communs (une <a data-link-domain="tw5.immateriel.fr" href="https://tw5.immateriel.fr/wiki/immateriel/b/YXGEDFB">définition par ici</a> <a href="/david/cache/2024/89dbef9daef24f311b6401cef62f5855/" title="Copie locale au 2024-01-11">
+<p>Karl nous parle de ses moments / lieux d’écriture et de lecture. Je me suis souvent posé cette question et je reconnais des <abbr title="Où Lire, Où Écrire.">oloés</abbr> communs (une <a data-link-domain="tw5.immateriel.fr" href="https://tw5.immateriel.fr/wiki/immateriel/b/YXGEDFB" hreflang="fr">définition par ici</a> <a href="/david/cache/2024/89dbef9daef24f311b6401cef62f5855/" title="Copie locale au 2024-01-11" hreflang="fr">
             <svg xmlns="http://www.w3.org/2000/svg"
                 width="20" height="20" viewBox="0 0 24 24"
                 fill="none" stroke="currentColor"
@@ -245,7 +245,7 @@ Des affects, qui constituent la nécessaire force motrice du mouvement que nous
             </svg>
             <span class="sr-only">[archive]</span>
             </a>). Mes moments et lieux sont beaucoup plus traditionnels, c’est principalement le soir et dans mon bureau-chambre. Mais il n’y a pas de règle stricte pour autant. Parfois, l’envie d’écrire va être trop forte lors d’une lecture en cours de journée, d’autres fois je vais me réveiller tôt et commencer à écrire dans ma tête depuis mon lit ou sous la douche. Une idée peut arriver et/ou s’étirer en faisant du sport ou dans des contextes&nbsp;routiniers.</p>
-<p>Et puis il y a l’écriture qui appelle une autre écriture, ce moment de <a data-link-domain="blog.jim-nielsen.com" href="https://blog.jim-nielsen.com/2023/blogging-and-compositing/">compost</a> <a href="/david/cache/2024/5030196507bcf3e06162e9eaed40abbe/" title="Copie locale au 2024-01-11">
+<p>Et puis il y a l’écriture qui appelle une autre écriture, ce moment de <a data-link-domain="blog.jim-nielsen.com" href="https://blog.jim-nielsen.com/2023/blogging-and-compositing/" hreflang="en">compost</a> <a href="/david/cache/2024/5030196507bcf3e06162e9eaed40abbe/" title="Copie locale au 2024-01-11" hreflang="en">
             <svg xmlns="http://www.w3.org/2000/svg"
                 width="20" height="20" viewBox="0 0 24 24"
                 fill="none" stroke="currentColor"
@@ -262,7 +262,7 @@ Des affects, qui constituent la nécessaire force motrice du mouvement que nous
 <p>but I think, in this race to “build an audience,” somewhere in the process, something is missing, left behind — perhaps, a sense of humanity, or individual complexity, or truth, or&nbsp;intimacy.</p>
 <p>I don’t want to feel like I’m just an email address, an IP address, or a potential “lead.” I want to feel fully seen. human.</p>
 <p>[…] instead of “building an audience,” build a world. <mark>build a digital garden-ecosystem, that exists</mark> — first and primarily — <em>for itself</em>. a world that doesn’t need likes, traffic, subscribers, or clicks  — in order to validate its&nbsp;existence.</p>
-<p><cite><em><a data-link-domain="keningzhu.com" href="https://keningzhu.com/journal/build-a-world-not-an-audience">build a world, not an audience</a> <a href="/david/cache/2024/cd2fda3dae5d89990f73fbdaa1c3b491/" title="Copie locale au 2024-01-11">
+<p><cite><em><a data-link-domain="keningzhu.com" href="https://keningzhu.com/journal/build-a-world-not-an-audience" hreflang="en">build a world, not an audience</a> <a href="/david/cache/2024/cd2fda3dae5d89990f73fbdaa1c3b491/" title="Copie locale au 2024-01-11" hreflang="en">
             <svg xmlns="http://www.w3.org/2000/svg"
                 width="20" height="20" viewBox="0 0 24 24"
                 fill="none" stroke="currentColor"
@@ -279,7 +279,7 @@ Des affects, qui constituent la nécessaire force motrice du mouvement que nous
 <blockquote lang="en">
 <p>These are all very interesting questions but for me, the more pressing question is a slightly different one: which <em>you</em> is your personal site representing? We often don’t pay too much attention to this but <mark>we all have different ways of being&nbsp;ourselves.</mark></p>
 <p>So which one of these should my site represent? Should my site be the personal site of the Manu freelance web developer, with his interests in digital typography, minimal design, and simple websites? Or should represent the slightly competitive on the basketball court Manu, who doesn’t really care all that much about winning but is concerned about having fun? Or maybe it should represent Manu the romantic partner, with all his worry about the practical aspects of life but also full of affection for his partner? The list goes on and&nbsp;on.</p>
-<p><cite><em><a data-link-domain="manuelmoreale.com" href="https://manuelmoreale.com/the-personality-of-a-personal-website">The personality of a personal website</a> <a href="/david/cache/2024/e5c1ca8e3beeb0d256a064832c3566aa/" title="Copie locale au 2024-01-11">
+<p><cite><em><a data-link-domain="manuelmoreale.com" href="https://manuelmoreale.com/the-personality-of-a-personal-website" hreflang="en">The personality of a personal website</a> <a href="/david/cache/2024/e5c1ca8e3beeb0d256a064832c3566aa/" title="Copie locale au 2024-01-11" hreflang="en">
             <svg xmlns="http://www.w3.org/2000/svg"
                 width="20" height="20" viewBox="0 0 24 24"
                 fill="none" stroke="currentColor"
@@ -291,7 +291,7 @@ Des affects, qui constituent la nécessaire force motrice du mouvement que nous
             <span class="sr-only">[archive]</span>
             </a></em></cite></p>
 </blockquote>
-<p>Je m’interroge souvent sur ce que j’essaye de cacher ici. Ce que cela raconte de ma personnalité, si l’image retournée est <a data-link-domain="thom4.net" href="https://thom4.net/2023/02/01/carnets/">vraiment fidèle</a> <a href="/david/cache/2024/09c0739036ea4a8b6c985e127fe7e3c8/" title="Copie locale au 2024-01-11">
+<p>Je m’interroge souvent sur ce que j’essaye de cacher ici. Ce que cela raconte de ma personnalité, si l’image retournée est <a data-link-domain="thom4.net" href="https://thom4.net/2023/02/01/carnets/" hreflang="fr">vraiment fidèle</a> <a href="/david/cache/2024/09c0739036ea4a8b6c985e127fe7e3c8/" title="Copie locale au 2024-01-11" hreflang="fr">
             <svg xmlns="http://www.w3.org/2000/svg"
                 width="20" height="20" viewBox="0 0 24 24"
                 fill="none" stroke="currentColor"
@@ -306,7 +306,7 @@ Des affects, qui constituent la nécessaire force motrice du mouvement que nous
 
 <blockquote lang="en">
 <p>We shape our structures and afterward our structures shape us, but the <em>we</em> of the first clause and the <em>us</em> of the second <mark>are not the&nbsp;same.</mark></p>
-<p><cite><a data-link-domain="erinkissane.com" href="https://erinkissane.com/tomorrow-and-tomorrow-and-tomorrow">Tomorrow &amp; Tomorrow &amp; Tomorrow</a> <a href="/david/cache/2024/62bf3ce6ef66e39b7f250a6123d92e66/" title="Copie locale au 2024-01-11">
+<p><cite><a data-link-domain="erinkissane.com" href="https://erinkissane.com/tomorrow-and-tomorrow-and-tomorrow" hreflang="en">Tomorrow &amp; Tomorrow &amp; Tomorrow</a> <a href="/david/cache/2024/62bf3ce6ef66e39b7f250a6123d92e66/" title="Copie locale au 2024-01-11" hreflang="en">
             <svg xmlns="http://www.w3.org/2000/svg"
                 width="20" height="20" viewBox="0 0 24 24"
                 fill="none" stroke="currentColor"
@@ -318,7 +318,7 @@ Des affects, qui constituent la nécessaire force motrice du mouvement que nous
             <span class="sr-only">[archive]</span>
             </a></cite></p>
 </blockquote>
-<p>En rebond de la <a data-link-domain="quaternum.net" href="https://www.quaternum.net/2024/01/08/tools-shape-practices-shape-tools/">découverte d’Antoine</a> <a href="/david/cache/2024/34fec23081019abd741e0578b050c40e/" title="Copie locale au 2024-01-11">
+<p>En rebond de la <a data-link-domain="quaternum.net" href="https://www.quaternum.net/2024/01/08/tools-shape-practices-shape-tools/" hreflang="fr">découverte d’Antoine</a> <a href="/david/cache/2024/34fec23081019abd741e0578b050c40e/" title="Copie locale au 2024-01-11" hreflang="fr">
             <svg xmlns="http://www.w3.org/2000/svg"
                 width="20" height="20" viewBox="0 0 24 24"
                 fill="none" stroke="currentColor"

david/2024/solastalgia/index.html

@@ -173,7 +173,7 @@ a::before {
 
 <blockquote>
 <p>Ce billet illustre la loi qui dit “Moins un blog est mis à jour, plus il y a de probabilité que ce qui y est publié a pour sujet les aspects techniques dudit&nbsp;blog”.</p>
-<p><cite><em><a data-link-domain="blog.professeurjoachim.com" href="https://blog.professeurjoachim.com/billet/2024-01-05-ma-page-now-ou-plutot-en-ce-moment">Ma page /now (ou plutôt /en-ce-moment)</a> <a href="/david/cache/2024/076169df8a4bd9dde9a4637c6b306dff/" title="Copie locale au 2024-01-07">
+<p><cite><em><a data-link-domain="blog.professeurjoachim.com" href="https://blog.professeurjoachim.com/billet/2024-01-05-ma-page-now-ou-plutot-en-ce-moment" hreflang="fr">Ma page /now (ou plutôt /en-ce-moment)</a> <a href="/david/cache/2024/076169df8a4bd9dde9a4637c6b306dff/" title="Copie locale au 2024-01-07" hreflang="fr">
             <svg xmlns="http://www.w3.org/2000/svg"
                 width="20" height="20" viewBox="0 0 24 24"
                 fill="none" stroke="currentColor"
@@ -190,7 +190,7 @@ a::before {
 <blockquote lang="en">
 <p>I also started noticing when people do this subconiously. For example, most software engineers I know hate blogging, but <mark>they like building their own blog engine to make blogging more pleasant</mark> (I’m very guilty of this&nbsp;too).</p>
 <p>Kent Beck nailed it: “for each desired change, make the change easy (warning: this may be hard), then make the easy&nbsp;change”.</p>
-<p><cite><em><a data-link-domain="frantic.im" href="https://frantic.im/opening-mail/">Opening Mail</a> <a href="/david/cache/2024/7a223e552e8a8e3e11c759cbc5bc3ffa/" title="Copie locale au 2024-01-07">
+<p><cite><em><a data-link-domain="frantic.im" href="https://frantic.im/opening-mail/" hreflang="en">Opening Mail</a> <a href="/david/cache/2024/7a223e552e8a8e3e11c759cbc5bc3ffa/" title="Copie locale au 2024-01-07" hreflang="en">
             <svg xmlns="http://www.w3.org/2000/svg"
                 width="20" height="20" viewBox="0 0 24 24"
                 fill="none" stroke="currentColor"

david/2024/sport/index.html

@@ -184,7 +184,7 @@
 
 <blockquote lang="en">
 <p>In short, building with accessible semantics from the get-go can give you expressive, meaningful style hooks for free. Leaning on those style hooks in your CSS selectors lets you reduce the number of moving parts in your site or application, and it can prevent accessibility bugs from creeping in down the&nbsp;road.</p>
-<p><cite><em><a data-link-domain="benmyers.dev" href="https://benmyers.dev/blog/semantic-selectors/">Style with Stateful, Semantic Selectors</a> <a href="/david/cache/2024/99e7d2ba7e4adc69dbf0f1b2858a5248/" title="Copie locale au 2024-01-08">
+<p><cite><em><a data-link-domain="benmyers.dev" href="https://benmyers.dev/blog/semantic-selectors/" hreflang="en">Style with Stateful, Semantic Selectors</a> <a href="/david/cache/2024/99e7d2ba7e4adc69dbf0f1b2858a5248/" title="Copie locale au 2024-01-08" hreflang="en">
             <svg xmlns="http://www.w3.org/2000/svg"
                 width="20" height="20" viewBox="0 0 24 24"
                 fill="none" stroke="currentColor"
@@ -200,7 +200,7 @@
 
 <blockquote lang="en">
 <p>Recently I decided to stop using the word <em>semantics</em>. Instead I talk about the <abbr title="User eXperience">UX</abbr> of <abbr title="HyperText Markup Language">HTML</abbr>. And all of a sudden my students are not allergic to <abbr>HTML</abbr> anymore but really interested. Instead of explaining the meaning of a certain element, I show them <em>what it does</em>. So we look at <em>what happens</em> when you add a label to an input: The input and the label now form a pair. You can now click on the label to interact with a checkbox. The label will be read out loud when you focus on an input with a screenreader. When you hover over a <em>label</em>, the hover state of the connected <em>input</em> is shown. My students <em>love</em> stuff like that. They care about <abbr>UX</abbr>.</p>
-<p><cite><em><a data-link-domain="vasilis.nl" href="https://vasilis.nl/nerd/the-ux-of-html/">The UX of HTML</a> <a href="/david/cache/2024/e5056f8e0e6acf87c5777ba5b3a2ba92/" title="Copie locale au 2024-01-08">
+<p><cite><em><a data-link-domain="vasilis.nl" href="https://vasilis.nl/nerd/the-ux-of-html/" hreflang="en">The UX of HTML</a> <a href="/david/cache/2024/e5056f8e0e6acf87c5777ba5b3a2ba92/" title="Copie locale au 2024-01-08" hreflang="en">
             <svg xmlns="http://www.w3.org/2000/svg"
                 width="20" height="20" viewBox="0 0 24 24"
                 fill="none" stroke="currentColor"

david/2024/technique/index.html

@@ -134,6 +134,97 @@
     </p>
   </nav>
   
+    <h2>
+      <a href="/david/2024/02/03/" title="Lien permanent vers cet article">Archives</a> <time datetime="2024-02-03">3 février 2024</time>
+    </h2>
+    
+
+<blockquote lang="en">
+<p>Google will no longer be keeping a backup of the entire Internet. Google Search’s “cached” links have long been an alternative way to load a website that was down or had changed, but now the company is killing them off. Google “Search Liaison” Danny Sullivan confirmed the feature removal in an X post, saying the feature “was meant for helping people access pages when way back, you often couldn’t depend on a page loading. These days, <mark>things have greatly improved.</mark> So, it was decided to retire&nbsp;it.”</p>
+<p><cite><em><a data-link-domain="arstechnica.com" href="https://arstechnica.com/gadgets/2024/02/google-search-kills-off-cached-webpages/" hreflang="en">Google will no longer back up the Internet: Cached webpages are dead</a> <a href="/david/cache/2024/75c7b6350ba18a5a11ee3bbf8b3b64be/" title="Copie locale au 2024-02-03" hreflang="en">
+            <svg xmlns="http://www.w3.org/2000/svg"
+                width="20" height="20" viewBox="0 0 24 24"
+                fill="none" stroke="currentColor"
+                stroke-width="2" stroke-linecap="square" stroke-linejoin="round"
+                ><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
+                <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1">
+                </path>
+            </svg>
+            <span class="sr-only">[archive]</span>
+            </a></em></cite></p>
+</blockquote>
+<p><em>(rires)</em></p>
+<p>Forcément en lisant ça un samedi matin, j’étais immédiatement motivé pour améliorer la façon dont j’archive les liens par ici. À commencer par des méta-données qui permettraient d’avoir une prévisualisation des liens un peu&nbsp;enrichie.</p>
+<p>Je me dis que je ne dois pas être le seul à essayer d’extraire des informations des pages. Et j’en trouve pas mal&nbsp;: <a data-link-domain="github.com" href="https://github.com/gri38/hyperlink_preview">hyperlink_preview</a>, <a data-link-domain="github.com" href="https://github.com/scrapinghub/extruct">extruct</a> ou <a data-link-domain="github.com" href="https://github.com/seanbreckenridge/url_cache">url_cache</a> pour ne citer qu’eux. Cela me met sur la piste de <a data-link-domain="github.com" href="https://github.com/michaelhelmick/lassie">Lassie</a> qui semble extraire ce que j’aimerais avoir&nbsp;: une image ou favicon, potentiellement une description, ainsi qu’une langue. Jake Lazaroff m’avait <a href="/david/2024/02/01/#hr-60">depuis répondu</a> qu’il génère en fait ses vignettes au moment de la <a data-link-domain="gist.github.com" href="https://gist.github.com/jakelazaroff/36b9665efe02870576acfc033171d6bf">construction du site</a>. Je ne veux pas totalement suivre cette approche car je ne veux pas stocker d’images additionnelles mais je vais essayer d’avoir une solution&nbsp;hybride.</p>
+<p>Cela m’embête de plus en plus de coupler le générateur de site aux (méta-)données des archives. <em>À&nbsp;méditer.</em></p>
+<p>Pour ce qui est de l’interface, ça attendra un autre jour. J’ai tout de même ajouté des attributs <code>hreflang</code> et la bonne langue dans les pages d’archives, un truc qui me grattait depuis un bout de&nbsp;temps.</p>
+<a href="#hr-62" title="Lien vers cette section de la page"><hr id="hr-62" /></a>
+<p>Cela fait <a href="/david/2020/02/07/#sonos">bien longtemps</a> que je regrette d’avoir acheté des enceintes Sonos. Hier —&nbsp;encore une fois frustré par l’application proposée par défaut&nbsp;— je découvre <a data-link-domain="github.com" href="https://github.com/SoCo/SoCo">SoCo</a> ainsi que <a data-link-domain="github.com" href="https://github.com/avantrec/soco-cli">soco-cli</a> après quelques recherches. Je passe ensuite la soirée à batailler avec Automator pour pouvoir faire un clic-droit sur un dossier local et que ça me lise les fichiers FLAC qui sont&nbsp;dedans.</p>
+<p>J’arrive à la solution&nbsp;suivante&nbsp;:</p>
+<pre><code>on run {input, parameters}
+    tell application &quot;Terminal&quot;
+        do script &quot;cd ~/sonos &amp;&amp; sonos Chambre play_dir '&quot; &amp; (POSIX path of input) &amp; &quot;'&quot;
+    end tell
+    return input
+end run
+</code></pre>
+<p>Ce n’est pas très élégant et je n’ai pas réussi à faire en sorte que ça se lance dans iTerm mais au moins ça joue de la&nbsp;musique.</p>
+<a href="#hr-63" title="Lien vers cette section de la page"><hr id="hr-63" /></a>
+
+<blockquote lang="en">
+<p><strong>drab</strong> focuses on providing JavaScript functionality where it’s most useful. Many of the elements are helpful wrappers <mark>around browser APIs.</mark> Here are some of the features of the&nbsp;library.</p>
+<p><cite><em><a data-link-domain="drab.robino.dev" href="https://drab.robino.dev/" hreflang="en">drab - A Headless Custom Element Library</a> <a href="/david/cache/2024/2a1235215c277ebb8a0e9acb7ffd91e0/" title="Copie locale au 2024-02-03" hreflang="en">
+            <svg xmlns="http://www.w3.org/2000/svg"
+                width="20" height="20" viewBox="0 0 24 24"
+                fill="none" stroke="currentColor"
+                stroke-width="2" stroke-linecap="square" stroke-linejoin="round"
+                ><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
+                <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1">
+                </path>
+            </svg>
+            <span class="sr-only">[archive]</span>
+            </a></em></cite></p>
+</blockquote>
+<p>Le futur qui se dessine à ce sujet est <em>très</em> stimulant. Cela fait 15&nbsp;ans qu’il y a une production de masse de code JS qui n’est ni réutilisable, ni interopérable. J’ai bon espoir que ce soit en train de&nbsp;changer.</p>
+<a href="#hr-64" title="Lien vers cette section de la page"><hr id="hr-64" /></a>
+
+<blockquote lang="en">
+<p>When trying to defend this, economists typically claim that we have unlimited desire for new stuff. Apparently, rather than dedicating the time gains from technology to leisure, we pour it into making more stuff for ourselves. This is bogus. People do have a limited desire for new things, because dedicating yourself to endless production (and consumption) comes at the expense of hanging out with your family, friends and pets, or doing stuff like walking in the wilderness or surfing the waves. What people actually desire is a balance of many things, but <mark>the system we’re stuck in has unlimited desire for one direction only.</mark> That’s because it’s a vortex unleashed by humans who no longer know how to stop&nbsp;it.</p>
+<p><cite><em><a data-link-domain="brettscott.substack.com" href="https://brettscott.substack.com/p/tech-doesnt-make-our-lives-easier" hreflang="en">Tech doesn’t make our lives easier. It makes them faster</a> <a href="/david/cache/2024/9750840b448f07a2f2594bb25da23836/" title="Copie locale au 2024-02-03" hreflang="en">
+            <svg xmlns="http://www.w3.org/2000/svg"
+                width="20" height="20" viewBox="0 0 24 24"
+                fill="none" stroke="currentColor"
+                stroke-width="2" stroke-linecap="square" stroke-linejoin="round"
+                ><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
+                <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1">
+                </path>
+            </svg>
+            <span class="sr-only">[archive]</span>
+            </a></em></cite></p>
+</blockquote>
+<p>Un bon article à lire après 24h de galères&nbsp;techniques&nbsp;😅.</p>
+
+    
+      <nav>
+        <p>
+          
+            <a href="/david/2024/dependance/"
+               title="Liste de tous les articles 2024 associés à cette étiquette"
+               rel="tag">#dépendance</a>
+          
+            <a href="/david/2024/opensource/"
+               title="Liste de tous les articles 2024 associés à cette étiquette"
+               rel="tag">#opensource</a>
+          
+            <a href="/david/2024/technique/"
+               title="Liste de tous les articles 2024 associés à cette étiquette"
+               rel="tag">#technique</a>
+          
+          <a href="/david/2024/#tags" title="Liste de toutes les étiquettes 2024">tous ?</a>
+        </p>
+      </nav>
+    
+  
     <h2>
       <a href="/david/2024/01/29/" title="Lien permanent vers cet article">Déploiement</a> <time datetime="2024-01-29">29 janvier 2024</time>
     </h2>
@@ -141,7 +232,7 @@
 
 <blockquote>
 <p>Ce qui me fait penser que cela fait plusieurs fois que je veux demander comment David déploie son&nbsp;site.</p>
-<p><cite><em><a data-link-domain="la-grange.net" href="https://www.la-grange.net/2024/01/24/herbe">herbe</a> <a href="/david/cache/2024/956819385548bba6e768563b12edc2d6/" title="Copie locale au 2024-01-28">
+<p><cite><em><a data-link-domain="la-grange.net" href="https://www.la-grange.net/2024/01/24/herbe" hreflang="fr">herbe</a> <a href="/david/cache/2024/956819385548bba6e768563b12edc2d6/" title="Copie locale au 2024-01-28" hreflang="fr">
             <svg xmlns="http://www.w3.org/2000/svg"
                 width="20" height="20" viewBox="0 0 24 24"
                 fill="none" stroke="currentColor"
@@ -166,7 +257,7 @@ git archive --remote=larlet-fr-david-cache.git master | tar -x -C larlet-fr/davi
 
 <blockquote lang="en">
 <p>I therefore officially announce 2024&nbsp;to be the year when the square checkbox has finally&nbsp;died.</p>
-<p><cite><em><a data-link-domain="tonsky.me" href="https://tonsky.me/blog/checkbox/">In Loving Memory of Square Checkbox</a> <a href="/david/cache/2024/ff566a58892db07815a327802fea66d3/" title="Copie locale au 2024-01-28">
+<p><cite><em><a data-link-domain="tonsky.me" href="https://tonsky.me/blog/checkbox/" hreflang="en">In Loving Memory of Square Checkbox</a> <a href="/david/cache/2024/ff566a58892db07815a327802fea66d3/" title="Copie locale au 2024-01-28" hreflang="en">
             <svg xmlns="http://www.w3.org/2000/svg"
                 width="20" height="20" viewBox="0 0 24 24"
                 fill="none" stroke="currentColor"
@@ -178,7 +269,7 @@ git archive --remote=larlet-fr-david-cache.git master | tar -x -C larlet-fr/davi
             <span class="sr-only">[archive]</span>
             </a></em></cite></p>
 </blockquote>
-<p>À quand une petite coche sur les <a data-link-domain="alvaromontoro.com" href="https://alvaromontoro.com/blog/68049/new-toggle-switch-lands-in-safari">futurs toggle/switch natifs</a> <a href="/david/cache/2024/b351cda8d2ccd73362ca1729845b7e79/" title="Copie locale au 2024-01-28">
+<p>À quand une petite coche sur les <a data-link-domain="alvaromontoro.com" href="https://alvaromontoro.com/blog/68049/new-toggle-switch-lands-in-safari" hreflang="en">futurs toggle/switch natifs</a> <a href="/david/cache/2024/b351cda8d2ccd73362ca1729845b7e79/" title="Copie locale au 2024-01-28" hreflang="en">
             <svg xmlns="http://www.w3.org/2000/svg"
                 width="20" height="20" viewBox="0 0 24 24"
                 fill="none" stroke="currentColor"
@@ -189,7 +280,7 @@ git archive --remote=larlet-fr-david-cache.git master | tar -x -C larlet-fr/davi
             </svg>
             <span class="sr-only">[archive]</span>
             </a>&#8239;? Ou <a data-link-domain="grumpy.website" href="https://grumpy.website/1457">pire</a>&#8239;? 🙈</p>
-<p>R.I.P. <a data-link-domain="nubero.ch" href="https://www.nubero.ch/blog/009/">les boutons</a> <a href="/david/cache/2024/a3ccfb51f65cd59f375d5424d243e012/" title="Copie locale au 2024-01-28">
+<p>R.I.P. <a data-link-domain="nubero.ch" href="https://www.nubero.ch/blog/009/" hreflang="de">les boutons</a> <a href="/david/cache/2024/a3ccfb51f65cd59f375d5424d243e012/" title="Copie locale au 2024-01-28" hreflang="de">
             <svg xmlns="http://www.w3.org/2000/svg"
                 width="20" height="20" viewBox="0 0 24 24"
                 fill="none" stroke="currentColor"
@@ -205,7 +296,7 @@ git archive --remote=larlet-fr-david-cache.git master | tar -x -C larlet-fr/davi
 <blockquote>
 <p>Les poètes et écrivains évitaient tous la colère des rois et des puissants par l’utilisation de métaphores. Mais c’est justement par cette analogie que cela devient&nbsp;intéressant.</p>
 <p><mark>Les empires informatiques d’aujourd’hui comme exemples de l’absolutisme du pouvoir des siècles précédents posent la question plus qu’intéressantes sur la liberté d’expression.</mark> Quand tout l’espace de notre expression transite par un domaine privé et commercial, nous ne sommes plus dans l’espace public de notre expression mais bien dans cet espace contrôlé. Que devient le sens de notre communication si dès que nous sommes sur ces espaces, l’expression devient plus limitée que celle que l’espace public&nbsp;permet.</p>
-<p><cite><em><a data-link-domain="la-grange.net" href="https://www.la-grange.net/2024/01/26/fraichement">fraîchement</a> <a href="/david/cache/2024/b692faaa55fd2775e957b20e833e9e5e/" title="Copie locale au 2024-01-28">
+<p><cite><em><a data-link-domain="la-grange.net" href="https://www.la-grange.net/2024/01/26/fraichement" hreflang="fr">fraîchement</a> <a href="/david/cache/2024/b692faaa55fd2775e957b20e833e9e5e/" title="Copie locale au 2024-01-28" hreflang="fr">
             <svg xmlns="http://www.w3.org/2000/svg"
                 width="20" height="20" viewBox="0 0 24 24"
                 fill="none" stroke="currentColor"
@@ -225,7 +316,7 @@ git archive --remote=larlet-fr-david-cache.git master | tar -x -C larlet-fr/davi
 <p>[…] Je ne sais pas ce qui est le plus important, préserver un nom de domaine n’est qu’une partie. Préserver le contenu derrière le nom de domaine est plus difficile. Il faut penser serveurs, mise à jour de sécurité, les technologies utilisées, etc.</p>
 <p>Le No JS pour les sites Web est rarement mentionné pour la longévité du contenu. Et pourtant c’est une pièce&nbsp;fondamentale.</p>
 <p>Peut-être il serait plus important de <mark>penser à ce que les autres voudront préserver plutôt que de penser à ce que nous voulons transmettre.</mark> De même que voulons nous préserver des générations antérieures pour nous aider à mieux penser notre propre&nbsp;disparition.</p>
-<p><cite><em><a data-link-domain="la-grange.net" href="https://www.la-grange.net/2024/01/23/legacy">ce que nous laissons</a> <a href="/david/cache/2024/1fe484434058e9c44d21bfebb0ddba31/" title="Copie locale au 2024-01-28">
+<p><cite><em><a data-link-domain="la-grange.net" href="https://www.la-grange.net/2024/01/23/legacy" hreflang="fr">ce que nous laissons</a> <a href="/david/cache/2024/1fe484434058e9c44d21bfebb0ddba31/" title="Copie locale au 2024-01-28" hreflang="fr">
             <svg xmlns="http://www.w3.org/2000/svg"
                 width="20" height="20" viewBox="0 0 24 24"
                 fill="none" stroke="currentColor"
@@ -237,7 +328,7 @@ git archive --remote=larlet-fr-david-cache.git master | tar -x -C larlet-fr/davi
             <span class="sr-only">[archive]</span>
             </a></em></cite></p>
 </blockquote>
-<p>Peut-être que si chaque personne avait sa <a href="/david/cache/2024/">propre archive</a> des publications des autres, on aurait accès à un réseau de citations distribuées qui contribueraient à cette préservation. Et qui auraient été considérées comme étant «&nbsp;pertinentes&nbsp;» par les lecteur·ices&#8239;? Les guillemets sont importants car citation ne veut pas forcément dire caution ou intérêt le plus grand. Par exemple, l’<a data-link-domain="la-grange.net" href="https://www.la-grange.net/2024/01/22/carnet">anecdote</a> <a href="/david/cache/2024/790f724c45b26de460f9eeac04d48884/" title="Copie locale au 2024-01-28">
+<p>Peut-être que si chaque personne avait sa <a href="/david/cache/2024/">propre archive</a> des publications des autres, on aurait accès à un réseau de citations distribuées qui contribueraient à cette préservation. Et qui auraient été considérées comme étant «&nbsp;pertinentes&nbsp;» par les lecteur·ices&#8239;? Les guillemets sont importants car citation ne veut pas forcément dire caution ou intérêt le plus grand. Par exemple, l’<a data-link-domain="la-grange.net" href="https://www.la-grange.net/2024/01/22/carnet" hreflang="fr">anecdote</a> <a href="/david/cache/2024/790f724c45b26de460f9eeac04d48884/" title="Copie locale au 2024-01-28" hreflang="fr">
             <svg xmlns="http://www.w3.org/2000/svg"
                 width="20" height="20" viewBox="0 0 24 24"
                 fill="none" stroke="currentColor"
@@ -280,7 +371,7 @@ git archive --remote=larlet-fr-david-cache.git master | tar -x -C larlet-fr/davi
 <blockquote>
 <p>Je travaille dans des équipes techniques informatiques, le web, les nouvelles technologies, les startups. Autour de moi je ne vois que des jeunes, avec quelques rares personnes de ma&nbsp;génération.</p>
 <p><mark>Il n’y a quasiment aucune personne de 50&nbsp;ans ou plus dans les équipes techniques.</mark> Les exemples que j’ai en tête sont quelques pointures nationales ou internationales, pas du tout représentatives du&nbsp;métier.</p>
-<p><cite><em><a data-link-domain="n.survol.fr" href="https://n.survol.fr/n/quand-je-serai-bien-vieux">Quand je serai bien vieux</a> <a href="/david/cache/2024/112d32ccefb9aec48180de42e1fe1534/" title="Copie locale au 2024-01-16">
+<p><cite><em><a data-link-domain="n.survol.fr" href="https://n.survol.fr/n/quand-je-serai-bien-vieux" hreflang="fr">Quand je serai bien vieux</a> <a href="/david/cache/2024/112d32ccefb9aec48180de42e1fe1534/" title="Copie locale au 2024-01-16" hreflang="fr">
             <svg xmlns="http://www.w3.org/2000/svg"
                 width="20" height="20" viewBox="0 0 24 24"
                 fill="none" stroke="currentColor"
@@ -304,7 +395,7 @@ git archive --remote=larlet-fr-david-cache.git master | tar -x -C larlet-fr/davi
 
 <blockquote lang="en">
 <p>After almost 10&nbsp;years of remote work, it would be close to impossible for me to go back to an&nbsp;office.</p>
-<p><cite><em><a data-link-domain="world.hey.com" href="https://world.hey.com/jorge/aging-programmer-d448bdec">Aging programmer</a> <a href="/david/cache/2024/ba977526c7a8cab6935708b2cdba5c0c/" title="Copie locale au 2024-01-16">
+<p><cite><em><a data-link-domain="world.hey.com" href="https://world.hey.com/jorge/aging-programmer-d448bdec" hreflang="en">Aging programmer</a> <a href="/david/cache/2024/ba977526c7a8cab6935708b2cdba5c0c/" title="Copie locale au 2024-01-16" hreflang="en">
             <svg xmlns="http://www.w3.org/2000/svg"
                 width="20" height="20" viewBox="0 0 24 24"
                 fill="none" stroke="currentColor"
@@ -324,7 +415,7 @@ git archive --remote=larlet-fr-david-cache.git master | tar -x -C larlet-fr/davi
 
 <blockquote lang="en">
 <p>The big one is that the logical alternatives to Node – the “no Node” work environments developers are likely to reach for <em>aren’t going to be based on JavaScript</em>. Import maps mean that browsers effectively have an API surface that non-JS projects can use to build a dependency management system. Much of the tooling surrounding JavaScript is <mark>now implemented in Rust,</mark> not JS – much of it driven by Deno itself – and that makes it more easily accessible outside both the Node and Deno&nbsp;ecosystems.</p>
-<p><cite><em><a data-link-domain="baldurbjarnason.com" href="https://www.baldurbjarnason.com/2024/disillusioned-with-deno/">Disillusioned with Deno</a> <a href="/david/cache/2024/7d2d2bce96cbc020423299e7de03d2cf/" title="Copie locale au 2024-01-16">
+<p><cite><em><a data-link-domain="baldurbjarnason.com" href="https://www.baldurbjarnason.com/2024/disillusioned-with-deno/" hreflang="en">Disillusioned with Deno</a> <a href="/david/cache/2024/7d2d2bce96cbc020423299e7de03d2cf/" title="Copie locale au 2024-01-16" hreflang="en">
             <svg xmlns="http://www.w3.org/2000/svg"
                 width="20" height="20" viewBox="0 0 24 24"
                 fill="none" stroke="currentColor"
@@ -379,7 +470,7 @@ git archive --remote=larlet-fr-david-cache.git master | tar -x -C larlet-fr/davi
 
 <blockquote lang="en">
 <p>If the new software no longer runs on old hardware, it is <mark>worse</mark> than the old&nbsp;software.</p>
-<p><cite><em><a data-link-domain="blog.jim-nielsen.com" href="https://blog.jim-nielsen.com/2024/notes-from-computing-sustainably/">Notes from “An approach to computing and sustainability inspired from permaculture” by Devine LuLinvega</a> <a href="/david/cache/2024/1f40a33f9c57a16d420eb0868a129e96/" title="Copie locale au 2024-01-15">
+<p><cite><em><a data-link-domain="blog.jim-nielsen.com" href="https://blog.jim-nielsen.com/2024/notes-from-computing-sustainably/" hreflang="en">Notes from “An approach to computing and sustainability inspired from permaculture” by Devine LuLinvega</a> <a href="/david/cache/2024/1f40a33f9c57a16d420eb0868a129e96/" title="Copie locale au 2024-01-15" hreflang="en">
             <svg xmlns="http://www.w3.org/2000/svg"
                 width="20" height="20" viewBox="0 0 24 24"
                 fill="none" stroke="currentColor"
@@ -421,7 +512,7 @@ git archive --remote=larlet-fr-david-cache.git master | tar -x -C larlet-fr/davi
 <blockquote lang="en">
 <p>If front web developers work closer to the users’ needs and problems, <mark>if they feel more implicated in the user experience,</mark> they will understand the impact of what they are building and will naturally adopt the strengths of the front web. […]</p>
 <p>Maybe, in order to fix the front web, we have to fix human nature: make things less about money and self-satisfaction, and more about improving people’s lives and understanding the impact of what we are&nbsp;creating.</p>
-<p><cite><em><a data-link-domain="gericci.me" href="https://gericci.me/we-need-to-talk-about-the-front-web-5.html">Part 5: Clues to Fix the Front Web</a> <a href="/david/cache/2024/40aada3cc8d6897fda5a277c4299c1fd/" title="Copie locale au 2024-01-09">
+<p><cite><em><a data-link-domain="gericci.me" href="https://gericci.me/we-need-to-talk-about-the-front-web-5.html" hreflang="en">Part 5: Clues to Fix the Front Web</a> <a href="/david/cache/2024/40aada3cc8d6897fda5a277c4299c1fd/" title="Copie locale au 2024-01-09" hreflang="en">
             <svg xmlns="http://www.w3.org/2000/svg"
                 width="20" height="20" viewBox="0 0 24 24"
                 fill="none" stroke="currentColor"
@@ -433,7 +524,7 @@ git archive --remote=larlet-fr-david-cache.git master | tar -x -C larlet-fr/davi
             <span class="sr-only">[archive]</span>
             </a></em></cite></p>
 </blockquote>
-<p>Même si je m’émeus encore de l’esthétique d’un <em>Web Component</em> ou d’une nouvelle technique CSS, j’essaye d’être plus attentif au fil des ans à l’impact potentiel des bouts de code que j’assemble. C’est là où <a data-link-domain="daverupert.com" href="https://daverupert.com/2022/06/demo-to-demo-loop/">les démo</a> <a href="/david/cache/2024/9f8c0e75066c1882a3b4ce084e3223ed/" title="Copie locale au 2024-01-09">
+<p>Même si je m’émeus encore de l’esthétique d’un <em>Web Component</em> ou d’une nouvelle technique CSS, j’essaye d’être plus attentif au fil des ans à l’impact potentiel des bouts de code que j’assemble. C’est là où <a data-link-domain="daverupert.com" href="https://daverupert.com/2022/06/demo-to-demo-loop/" hreflang="en">les démo</a> <a href="/david/cache/2024/9f8c0e75066c1882a3b4ce084e3223ed/" title="Copie locale au 2024-01-09" hreflang="en">
             <svg xmlns="http://www.w3.org/2000/svg"
                 width="20" height="20" viewBox="0 0 24 24"
                 fill="none" stroke="currentColor"
@@ -451,7 +542,7 @@ git archive --remote=larlet-fr-david-cache.git master | tar -x -C larlet-fr/davi
 <p>At most software startups, customers typically don’t care if your product runs on Heroku, Kubernetes, or a really brittle singly-homed machine in Joe’s closet. No purchasing decisions hinge on your commitment to write servers in Rust or use Nix for hermetic everything. And although they might exist, I have sadly never had a customer write a testimonial for the elegant collection of internal services involved in responding to that single HTTP&nbsp;request.</p>
 <p>No; customers are not paying for, nor give a shit about, these things. Sorry. It’s still cool stuff. It’s just not what you’re&nbsp;selling.</p>
 <p><mark>Customers want software that delivers problem-solving <em>impact</em>.</mark> And at the early stage, which is all the way until you’ve reached product-market fit, they’re almost certainly not getting enough, fast enough. You should be spending as much time as you can at this level of the stack, The Product: thinking, building, learning.</p>
-<p><cite><em><a data-link-domain="hoho.com" href="https://hoho.com/posts/your-stack-is-not-the-product/">Your tech stack is not the product</a> <a href="/david/cache/2024/877b1e29328f6ad1b6fef26d7407ec5f/" title="Copie locale au 2024-01-09">
+<p><cite><em><a data-link-domain="hoho.com" href="https://hoho.com/posts/your-stack-is-not-the-product/" hreflang="en">Your tech stack is not the product</a> <a href="/david/cache/2024/877b1e29328f6ad1b6fef26d7407ec5f/" title="Copie locale au 2024-01-09" hreflang="en">
             <svg xmlns="http://www.w3.org/2000/svg"
                 width="20" height="20" viewBox="0 0 24 24"
                 fill="none" stroke="currentColor"
@@ -467,7 +558,7 @@ git archive --remote=larlet-fr-david-cache.git master | tar -x -C larlet-fr/davi
 
 <blockquote lang="en">
 <p>You can’t make an article on a UX topic without showcasing a practical example. Let’s explore examples that I spotted on the web and how to fix&nbsp;them.</p>
-<p><cite><em><a data-link-domain="ishadeed.com" href="https://ishadeed.com/article/target-size">Designing better target sizes</a> <a href="/david/cache/2024/c98206d38897264005bcd5b453d032b1/" title="Copie locale au 2024-01-10">
+<p><cite><em><a data-link-domain="ishadeed.com" href="https://ishadeed.com/article/target-size" hreflang="en">Designing better target sizes</a> <a href="/david/cache/2024/c98206d38897264005bcd5b453d032b1/" title="Copie locale au 2024-01-10" hreflang="en">
             <svg xmlns="http://www.w3.org/2000/svg"
                 width="20" height="20" viewBox="0 0 24 24"
                 fill="none" stroke="currentColor"
@@ -525,7 +616,7 @@ git archive --remote=larlet-fr-david-cache.git master | tar -x -C larlet-fr/davi
 
 <blockquote lang="en">
 <p>In short, building with accessible semantics from the get-go can give you expressive, meaningful style hooks for free. Leaning on those style hooks in your CSS selectors lets you reduce the number of moving parts in your site or application, and it can prevent accessibility bugs from creeping in down the&nbsp;road.</p>
-<p><cite><em><a data-link-domain="benmyers.dev" href="https://benmyers.dev/blog/semantic-selectors/">Style with Stateful, Semantic Selectors</a> <a href="/david/cache/2024/99e7d2ba7e4adc69dbf0f1b2858a5248/" title="Copie locale au 2024-01-08">
+<p><cite><em><a data-link-domain="benmyers.dev" href="https://benmyers.dev/blog/semantic-selectors/" hreflang="en">Style with Stateful, Semantic Selectors</a> <a href="/david/cache/2024/99e7d2ba7e4adc69dbf0f1b2858a5248/" title="Copie locale au 2024-01-08" hreflang="en">
             <svg xmlns="http://www.w3.org/2000/svg"
                 width="20" height="20" viewBox="0 0 24 24"
                 fill="none" stroke="currentColor"
@@ -541,7 +632,7 @@ git archive --remote=larlet-fr-david-cache.git master | tar -x -C larlet-fr/davi
 
 <blockquote lang="en">
 <p>Recently I decided to stop using the word <em>semantics</em>. Instead I talk about the <abbr title="User eXperience">UX</abbr> of <abbr title="HyperText Markup Language">HTML</abbr>. And all of a sudden my students are not allergic to <abbr>HTML</abbr> anymore but really interested. Instead of explaining the meaning of a certain element, I show them <em>what it does</em>. So we look at <em>what happens</em> when you add a label to an input: The input and the label now form a pair. You can now click on the label to interact with a checkbox. The label will be read out loud when you focus on an input with a screenreader. When you hover over a <em>label</em>, the hover state of the connected <em>input</em> is shown. My students <em>love</em> stuff like that. They care about <abbr>UX</abbr>.</p>
-<p><cite><em><a data-link-domain="vasilis.nl" href="https://vasilis.nl/nerd/the-ux-of-html/">The UX of HTML</a> <a href="/david/cache/2024/e5056f8e0e6acf87c5777ba5b3a2ba92/" title="Copie locale au 2024-01-08">
+<p><cite><em><a data-link-domain="vasilis.nl" href="https://vasilis.nl/nerd/the-ux-of-html/" hreflang="en">The UX of HTML</a> <a href="/david/cache/2024/e5056f8e0e6acf87c5777ba5b3a2ba92/" title="Copie locale au 2024-01-08" hreflang="en">
             <svg xmlns="http://www.w3.org/2000/svg"
                 width="20" height="20" viewBox="0 0 24 24"
                 fill="none" stroke="currentColor"
@@ -614,7 +705,7 @@ a::before {
 
 <blockquote>
 <p>Ce billet illustre la loi qui dit “Moins un blog est mis à jour, plus il y a de probabilité que ce qui y est publié a pour sujet les aspects techniques dudit&nbsp;blog”.</p>
-<p><cite><em><a data-link-domain="blog.professeurjoachim.com" href="https://blog.professeurjoachim.com/billet/2024-01-05-ma-page-now-ou-plutot-en-ce-moment">Ma page /now (ou plutôt /en-ce-moment)</a> <a href="/david/cache/2024/076169df8a4bd9dde9a4637c6b306dff/" title="Copie locale au 2024-01-07">
+<p><cite><em><a data-link-domain="blog.professeurjoachim.com" href="https://blog.professeurjoachim.com/billet/2024-01-05-ma-page-now-ou-plutot-en-ce-moment" hreflang="fr">Ma page /now (ou plutôt /en-ce-moment)</a> <a href="/david/cache/2024/076169df8a4bd9dde9a4637c6b306dff/" title="Copie locale au 2024-01-07" hreflang="fr">
             <svg xmlns="http://www.w3.org/2000/svg"
                 width="20" height="20" viewBox="0 0 24 24"
                 fill="none" stroke="currentColor"
@@ -631,7 +722,7 @@ a::before {
 <blockquote lang="en">
 <p>I also started noticing when people do this subconiously. For example, most software engineers I know hate blogging, but <mark>they like building their own blog engine to make blogging more pleasant</mark> (I’m very guilty of this&nbsp;too).</p>
 <p>Kent Beck nailed it: “for each desired change, make the change easy (warning: this may be hard), then make the easy&nbsp;change”.</p>
-<p><cite><em><a data-link-domain="frantic.im" href="https://frantic.im/opening-mail/">Opening Mail</a> <a href="/david/cache/2024/7a223e552e8a8e3e11c759cbc5bc3ffa/" title="Copie locale au 2024-01-07">
+<p><cite><em><a data-link-domain="frantic.im" href="https://frantic.im/opening-mail/" hreflang="en">Opening Mail</a> <a href="/david/cache/2024/7a223e552e8a8e3e11c759cbc5bc3ffa/" title="Copie locale au 2024-01-07" hreflang="en">
             <svg xmlns="http://www.w3.org/2000/svg"
                 width="20" height="20" viewBox="0 0 24 24"
                 fill="none" stroke="currentColor"
@@ -682,7 +773,7 @@ a::before {
 </ul>
 <p>J’aimerais commencer ma CSS par <code>@layer reset</code> mais c’est sur du <a data-link-domain="caniuse.com" href="https://caniuse.com/css-cascade-layers">Baseline™ 2022</a>. Toujours cette tension entre jouer avec les nouveautés sans exclure pour autant une partie de l’auditoire potentiel. <mark>Au pire, cette page nue est consultable</mark> et le flux devrait être supporté partout. Peut-être que je n’ai pas besoin d’avoir des <a data-link-domain="css-tricks.com" href="https://css-tricks.com/css-cascade-layers/">CSS layers</a> mais quand je fais une refonte de cet espace je ne suis pas <em>que</em> sur le besoin. J’obtiens un reset que j’imagine fonctionnel mais il est un peu frustrant d’arriver à un résultat finalement moins lisible que ce que j’avais sans aucun styles. <strong>Commencer par déconstruire pour reconstruire est probablement l’un des maux de notre culture.</strong> Ne pas accepter qu’il puisse exister quelque chose de suffisant sur lequel s’appuyer. Une attitude de&nbsp;colon.</p>
 <p>Je finis par tout jeter / ré-interroger et je m’en sors avec&nbsp;6&nbsp;règles.</p>
-<p>J’ai besoin de voir mon texte en action pour pouvoir le travailler. Qu’il passe de lisible à enviable, que sa fabrique —&nbsp;<a data-link-domain="quaternum.net" href="https://www.quaternum.net/2023/06/02/fabrique-concept/">coucou Antoine</a> <a href="/david/cache/2024/55477786fc56b6fc37bb97231b634d90/" title="Copie locale au 2024-01-07">
+<p>J’ai besoin de voir mon texte en action pour pouvoir le travailler. Qu’il passe de lisible à enviable, que sa fabrique —&nbsp;<a data-link-domain="quaternum.net" href="https://www.quaternum.net/2023/06/02/fabrique-concept/" hreflang="fr">coucou Antoine</a> <a href="/david/cache/2024/55477786fc56b6fc37bb97231b634d90/" title="Copie locale au 2024-01-07" hreflang="fr">
             <svg xmlns="http://www.w3.org/2000/svg"
                 width="20" height="20" viewBox="0 0 24 24"
                 fill="none" stroke="currentColor"
@@ -698,7 +789,7 @@ a::before {
 
 <blockquote>
 <p>Le long trajet est essentiel. Surtout ne pas se laisser tenter par un livre, un ordinateur de poche, ou autres artifices. L’ennui permet l’étincelle des rêveries, tout comme la nuit la profondeur des&nbsp;rêves.</p>
-<p><cite><em><a data-link-domain="la-grange.net" href="https://www.la-grange.net/2023/07/10/notes-train">notes</a> <a href="/david/cache/2024/9bc04d41d25fc73391116d99b7259a3d/" title="Copie locale au 2024-01-07">
+<p><cite><em><a data-link-domain="la-grange.net" href="https://www.la-grange.net/2023/07/10/notes-train" hreflang="fr">notes</a> <a href="/david/cache/2024/9bc04d41d25fc73391116d99b7259a3d/" title="Copie locale au 2024-01-07" hreflang="fr">
             <svg xmlns="http://www.w3.org/2000/svg"
                 width="20" height="20" viewBox="0 0 24 24"
                 fill="none" stroke="currentColor"

david/2024/velo/index.html

@@ -160,7 +160,7 @@
 
 <blockquote>
 <p>Alors que le malaise dans lequel sont aujourd’hui plongées les sociétés occidentales n’en finit plus d’être commenté, est-il néanmoins possible de dessiner les contours d’une société idéale, une utopie réaliste, susceptible de constituer, pour les Français, un avenir désirable&#8239;? C’est précisément pour apporter des éléments de réponses à cette question qu’a été lancé en 2019&nbsp;l’Observatoire des perspectives utopiques. Dans le sillage de ces deux années de pandémie et à la veille de l’élection présidentielle, il nous est apparu utile de reconduire cette enquête, pour saisir où en sont les Français et évaluer dans quelle mesure leurs représentations et aspirations ont&nbsp;évolué.</p>
-<p><cite><em><a data-link-domain="lobsoco.com" href="https://lobsoco.com/perspectives-utopiques-vague-3/">L’Observatoire des perspectives utopiques</a> <a href="/david/cache/2024/7ed7f4aefae1b5af33b3ec1f607a633f/" title="Copie locale au 2024-01-24">
+<p><cite><em><a data-link-domain="lobsoco.com" href="https://lobsoco.com/perspectives-utopiques-vague-3/" hreflang="fr">L’Observatoire des perspectives utopiques</a> <a href="/david/cache/2024/7ed7f4aefae1b5af33b3ec1f607a633f/" title="Copie locale au 2024-01-24" hreflang="fr">
             <svg xmlns="http://www.w3.org/2000/svg"
                 width="20" height="20" viewBox="0 0 24 24"
                 fill="none" stroke="currentColor"

david/2024/web/index.html

@@ -141,7 +141,7 @@
 
 <blockquote>
 <p>Ce qui me fait penser que cela fait plusieurs fois que je veux demander comment David déploie son&nbsp;site.</p>
-<p><cite><em><a data-link-domain="la-grange.net" href="https://www.la-grange.net/2024/01/24/herbe">herbe</a> <a href="/david/cache/2024/956819385548bba6e768563b12edc2d6/" title="Copie locale au 2024-01-28">
+<p><cite><em><a data-link-domain="la-grange.net" href="https://www.la-grange.net/2024/01/24/herbe" hreflang="fr">herbe</a> <a href="/david/cache/2024/956819385548bba6e768563b12edc2d6/" title="Copie locale au 2024-01-28" hreflang="fr">
             <svg xmlns="http://www.w3.org/2000/svg"
                 width="20" height="20" viewBox="0 0 24 24"
                 fill="none" stroke="currentColor"
@@ -166,7 +166,7 @@ git archive --remote=larlet-fr-david-cache.git master | tar -x -C larlet-fr/davi
 
 <blockquote lang="en">
 <p>I therefore officially announce 2024&nbsp;to be the year when the square checkbox has finally&nbsp;died.</p>
-<p><cite><em><a data-link-domain="tonsky.me" href="https://tonsky.me/blog/checkbox/">In Loving Memory of Square Checkbox</a> <a href="/david/cache/2024/ff566a58892db07815a327802fea66d3/" title="Copie locale au 2024-01-28">
+<p><cite><em><a data-link-domain="tonsky.me" href="https://tonsky.me/blog/checkbox/" hreflang="en">In Loving Memory of Square Checkbox</a> <a href="/david/cache/2024/ff566a58892db07815a327802fea66d3/" title="Copie locale au 2024-01-28" hreflang="en">
             <svg xmlns="http://www.w3.org/2000/svg"
                 width="20" height="20" viewBox="0 0 24 24"
                 fill="none" stroke="currentColor"
@@ -178,7 +178,7 @@ git archive --remote=larlet-fr-david-cache.git master | tar -x -C larlet-fr/davi
             <span class="sr-only">[archive]</span>
             </a></em></cite></p>
 </blockquote>
-<p>À quand une petite coche sur les <a data-link-domain="alvaromontoro.com" href="https://alvaromontoro.com/blog/68049/new-toggle-switch-lands-in-safari">futurs toggle/switch natifs</a> <a href="/david/cache/2024/b351cda8d2ccd73362ca1729845b7e79/" title="Copie locale au 2024-01-28">
+<p>À quand une petite coche sur les <a data-link-domain="alvaromontoro.com" href="https://alvaromontoro.com/blog/68049/new-toggle-switch-lands-in-safari" hreflang="en">futurs toggle/switch natifs</a> <a href="/david/cache/2024/b351cda8d2ccd73362ca1729845b7e79/" title="Copie locale au 2024-01-28" hreflang="en">
             <svg xmlns="http://www.w3.org/2000/svg"
                 width="20" height="20" viewBox="0 0 24 24"
                 fill="none" stroke="currentColor"
@@ -189,7 +189,7 @@ git archive --remote=larlet-fr-david-cache.git master | tar -x -C larlet-fr/davi
             </svg>
             <span class="sr-only">[archive]</span>
             </a>&#8239;? Ou <a data-link-domain="grumpy.website" href="https://grumpy.website/1457">pire</a>&#8239;? 🙈</p>
-<p>R.I.P. <a data-link-domain="nubero.ch" href="https://www.nubero.ch/blog/009/">les boutons</a> <a href="/david/cache/2024/a3ccfb51f65cd59f375d5424d243e012/" title="Copie locale au 2024-01-28">
+<p>R.I.P. <a data-link-domain="nubero.ch" href="https://www.nubero.ch/blog/009/" hreflang="de">les boutons</a> <a href="/david/cache/2024/a3ccfb51f65cd59f375d5424d243e012/" title="Copie locale au 2024-01-28" hreflang="de">
             <svg xmlns="http://www.w3.org/2000/svg"
                 width="20" height="20" viewBox="0 0 24 24"
                 fill="none" stroke="currentColor"
@@ -205,7 +205,7 @@ git archive --remote=larlet-fr-david-cache.git master | tar -x -C larlet-fr/davi
 <blockquote>
 <p>Les poètes et écrivains évitaient tous la colère des rois et des puissants par l’utilisation de métaphores. Mais c’est justement par cette analogie que cela devient&nbsp;intéressant.</p>
 <p><mark>Les empires informatiques d’aujourd’hui comme exemples de l’absolutisme du pouvoir des siècles précédents posent la question plus qu’intéressantes sur la liberté d’expression.</mark> Quand tout l’espace de notre expression transite par un domaine privé et commercial, nous ne sommes plus dans l’espace public de notre expression mais bien dans cet espace contrôlé. Que devient le sens de notre communication si dès que nous sommes sur ces espaces, l’expression devient plus limitée que celle que l’espace public&nbsp;permet.</p>
-<p><cite><em><a data-link-domain="la-grange.net" href="https://www.la-grange.net/2024/01/26/fraichement">fraîchement</a> <a href="/david/cache/2024/b692faaa55fd2775e957b20e833e9e5e/" title="Copie locale au 2024-01-28">
+<p><cite><em><a data-link-domain="la-grange.net" href="https://www.la-grange.net/2024/01/26/fraichement" hreflang="fr">fraîchement</a> <a href="/david/cache/2024/b692faaa55fd2775e957b20e833e9e5e/" title="Copie locale au 2024-01-28" hreflang="fr">
             <svg xmlns="http://www.w3.org/2000/svg"
                 width="20" height="20" viewBox="0 0 24 24"
                 fill="none" stroke="currentColor"
@@ -225,7 +225,7 @@ git archive --remote=larlet-fr-david-cache.git master | tar -x -C larlet-fr/davi
 <p>[…] Je ne sais pas ce qui est le plus important, préserver un nom de domaine n’est qu’une partie. Préserver le contenu derrière le nom de domaine est plus difficile. Il faut penser serveurs, mise à jour de sécurité, les technologies utilisées, etc.</p>
 <p>Le No JS pour les sites Web est rarement mentionné pour la longévité du contenu. Et pourtant c’est une pièce&nbsp;fondamentale.</p>
 <p>Peut-être il serait plus important de <mark>penser à ce que les autres voudront préserver plutôt que de penser à ce que nous voulons transmettre.</mark> De même que voulons nous préserver des générations antérieures pour nous aider à mieux penser notre propre&nbsp;disparition.</p>
-<p><cite><em><a data-link-domain="la-grange.net" href="https://www.la-grange.net/2024/01/23/legacy">ce que nous laissons</a> <a href="/david/cache/2024/1fe484434058e9c44d21bfebb0ddba31/" title="Copie locale au 2024-01-28">
+<p><cite><em><a data-link-domain="la-grange.net" href="https://www.la-grange.net/2024/01/23/legacy" hreflang="fr">ce que nous laissons</a> <a href="/david/cache/2024/1fe484434058e9c44d21bfebb0ddba31/" title="Copie locale au 2024-01-28" hreflang="fr">
             <svg xmlns="http://www.w3.org/2000/svg"
                 width="20" height="20" viewBox="0 0 24 24"
                 fill="none" stroke="currentColor"
@@ -237,7 +237,7 @@ git archive --remote=larlet-fr-david-cache.git master | tar -x -C larlet-fr/davi
             <span class="sr-only">[archive]</span>
             </a></em></cite></p>
 </blockquote>
-<p>Peut-être que si chaque personne avait sa <a href="/david/cache/2024/">propre archive</a> des publications des autres, on aurait accès à un réseau de citations distribuées qui contribueraient à cette préservation. Et qui auraient été considérées comme étant «&nbsp;pertinentes&nbsp;» par les lecteur·ices&#8239;? Les guillemets sont importants car citation ne veut pas forcément dire caution ou intérêt le plus grand. Par exemple, l’<a data-link-domain="la-grange.net" href="https://www.la-grange.net/2024/01/22/carnet">anecdote</a> <a href="/david/cache/2024/790f724c45b26de460f9eeac04d48884/" title="Copie locale au 2024-01-28">
+<p>Peut-être que si chaque personne avait sa <a href="/david/cache/2024/">propre archive</a> des publications des autres, on aurait accès à un réseau de citations distribuées qui contribueraient à cette préservation. Et qui auraient été considérées comme étant «&nbsp;pertinentes&nbsp;» par les lecteur·ices&#8239;? Les guillemets sont importants car citation ne veut pas forcément dire caution ou intérêt le plus grand. Par exemple, l’<a data-link-domain="la-grange.net" href="https://www.la-grange.net/2024/01/22/carnet" hreflang="fr">anecdote</a> <a href="/david/cache/2024/790f724c45b26de460f9eeac04d48884/" title="Copie locale au 2024-01-28" hreflang="fr">
             <svg xmlns="http://www.w3.org/2000/svg"
                 width="20" height="20" viewBox="0 0 24 24"
                 fill="none" stroke="currentColor"
@@ -280,7 +280,7 @@ git archive --remote=larlet-fr-david-cache.git master | tar -x -C larlet-fr/davi
 <blockquote>
 <p>Je travaille dans des équipes techniques informatiques, le web, les nouvelles technologies, les startups. Autour de moi je ne vois que des jeunes, avec quelques rares personnes de ma&nbsp;génération.</p>
 <p><mark>Il n’y a quasiment aucune personne de 50&nbsp;ans ou plus dans les équipes techniques.</mark> Les exemples que j’ai en tête sont quelques pointures nationales ou internationales, pas du tout représentatives du&nbsp;métier.</p>
-<p><cite><em><a data-link-domain="n.survol.fr" href="https://n.survol.fr/n/quand-je-serai-bien-vieux">Quand je serai bien vieux</a> <a href="/david/cache/2024/112d32ccefb9aec48180de42e1fe1534/" title="Copie locale au 2024-01-16">
+<p><cite><em><a data-link-domain="n.survol.fr" href="https://n.survol.fr/n/quand-je-serai-bien-vieux" hreflang="fr">Quand je serai bien vieux</a> <a href="/david/cache/2024/112d32ccefb9aec48180de42e1fe1534/" title="Copie locale au 2024-01-16" hreflang="fr">
             <svg xmlns="http://www.w3.org/2000/svg"
                 width="20" height="20" viewBox="0 0 24 24"
                 fill="none" stroke="currentColor"
@@ -304,7 +304,7 @@ git archive --remote=larlet-fr-david-cache.git master | tar -x -C larlet-fr/davi
 
 <blockquote lang="en">
 <p>After almost 10&nbsp;years of remote work, it would be close to impossible for me to go back to an&nbsp;office.</p>
-<p><cite><em><a data-link-domain="world.hey.com" href="https://world.hey.com/jorge/aging-programmer-d448bdec">Aging programmer</a> <a href="/david/cache/2024/ba977526c7a8cab6935708b2cdba5c0c/" title="Copie locale au 2024-01-16">
+<p><cite><em><a data-link-domain="world.hey.com" href="https://world.hey.com/jorge/aging-programmer-d448bdec" hreflang="en">Aging programmer</a> <a href="/david/cache/2024/ba977526c7a8cab6935708b2cdba5c0c/" title="Copie locale au 2024-01-16" hreflang="en">
             <svg xmlns="http://www.w3.org/2000/svg"
                 width="20" height="20" viewBox="0 0 24 24"
                 fill="none" stroke="currentColor"
@@ -324,7 +324,7 @@ git archive --remote=larlet-fr-david-cache.git master | tar -x -C larlet-fr/davi
 
 <blockquote lang="en">
 <p>The big one is that the logical alternatives to Node – the “no Node” work environments developers are likely to reach for <em>aren’t going to be based on JavaScript</em>. Import maps mean that browsers effectively have an API surface that non-JS projects can use to build a dependency management system. Much of the tooling surrounding JavaScript is <mark>now implemented in Rust,</mark> not JS – much of it driven by Deno itself – and that makes it more easily accessible outside both the Node and Deno&nbsp;ecosystems.</p>
-<p><cite><em><a data-link-domain="baldurbjarnason.com" href="https://www.baldurbjarnason.com/2024/disillusioned-with-deno/">Disillusioned with Deno</a> <a href="/david/cache/2024/7d2d2bce96cbc020423299e7de03d2cf/" title="Copie locale au 2024-01-16">
+<p><cite><em><a data-link-domain="baldurbjarnason.com" href="https://www.baldurbjarnason.com/2024/disillusioned-with-deno/" hreflang="en">Disillusioned with Deno</a> <a href="/david/cache/2024/7d2d2bce96cbc020423299e7de03d2cf/" title="Copie locale au 2024-01-16" hreflang="en">
             <svg xmlns="http://www.w3.org/2000/svg"
                 width="20" height="20" viewBox="0 0 24 24"
                 fill="none" stroke="currentColor"
@@ -368,7 +368,7 @@ git archive --remote=larlet-fr-david-cache.git master | tar -x -C larlet-fr/davi
 <blockquote lang="en">
 <p>If front web developers work closer to the users’ needs and problems, <mark>if they feel more implicated in the user experience,</mark> they will understand the impact of what they are building and will naturally adopt the strengths of the front web. […]</p>
 <p>Maybe, in order to fix the front web, we have to fix human nature: make things less about money and self-satisfaction, and more about improving people’s lives and understanding the impact of what we are&nbsp;creating.</p>
-<p><cite><em><a data-link-domain="gericci.me" href="https://gericci.me/we-need-to-talk-about-the-front-web-5.html">Part 5: Clues to Fix the Front Web</a> <a href="/david/cache/2024/40aada3cc8d6897fda5a277c4299c1fd/" title="Copie locale au 2024-01-09">
+<p><cite><em><a data-link-domain="gericci.me" href="https://gericci.me/we-need-to-talk-about-the-front-web-5.html" hreflang="en">Part 5: Clues to Fix the Front Web</a> <a href="/david/cache/2024/40aada3cc8d6897fda5a277c4299c1fd/" title="Copie locale au 2024-01-09" hreflang="en">
             <svg xmlns="http://www.w3.org/2000/svg"
                 width="20" height="20" viewBox="0 0 24 24"
                 fill="none" stroke="currentColor"
@@ -380,7 +380,7 @@ git archive --remote=larlet-fr-david-cache.git master | tar -x -C larlet-fr/davi
             <span class="sr-only">[archive]</span>
             </a></em></cite></p>
 </blockquote>
-<p>Même si je m’émeus encore de l’esthétique d’un <em>Web Component</em> ou d’une nouvelle technique CSS, j’essaye d’être plus attentif au fil des ans à l’impact potentiel des bouts de code que j’assemble. C’est là où <a data-link-domain="daverupert.com" href="https://daverupert.com/2022/06/demo-to-demo-loop/">les démo</a> <a href="/david/cache/2024/9f8c0e75066c1882a3b4ce084e3223ed/" title="Copie locale au 2024-01-09">
+<p>Même si je m’émeus encore de l’esthétique d’un <em>Web Component</em> ou d’une nouvelle technique CSS, j’essaye d’être plus attentif au fil des ans à l’impact potentiel des bouts de code que j’assemble. C’est là où <a data-link-domain="daverupert.com" href="https://daverupert.com/2022/06/demo-to-demo-loop/" hreflang="en">les démo</a> <a href="/david/cache/2024/9f8c0e75066c1882a3b4ce084e3223ed/" title="Copie locale au 2024-01-09" hreflang="en">
             <svg xmlns="http://www.w3.org/2000/svg"
                 width="20" height="20" viewBox="0 0 24 24"
                 fill="none" stroke="currentColor"
@@ -398,7 +398,7 @@ git archive --remote=larlet-fr-david-cache.git master | tar -x -C larlet-fr/davi
 <p>At most software startups, customers typically don’t care if your product runs on Heroku, Kubernetes, or a really brittle singly-homed machine in Joe’s closet. No purchasing decisions hinge on your commitment to write servers in Rust or use Nix for hermetic everything. And although they might exist, I have sadly never had a customer write a testimonial for the elegant collection of internal services involved in responding to that single HTTP&nbsp;request.</p>
 <p>No; customers are not paying for, nor give a shit about, these things. Sorry. It’s still cool stuff. It’s just not what you’re&nbsp;selling.</p>
 <p><mark>Customers want software that delivers problem-solving <em>impact</em>.</mark> And at the early stage, which is all the way until you’ve reached product-market fit, they’re almost certainly not getting enough, fast enough. You should be spending as much time as you can at this level of the stack, The Product: thinking, building, learning.</p>
-<p><cite><em><a data-link-domain="hoho.com" href="https://hoho.com/posts/your-stack-is-not-the-product/">Your tech stack is not the product</a> <a href="/david/cache/2024/877b1e29328f6ad1b6fef26d7407ec5f/" title="Copie locale au 2024-01-09">
+<p><cite><em><a data-link-domain="hoho.com" href="https://hoho.com/posts/your-stack-is-not-the-product/" hreflang="en">Your tech stack is not the product</a> <a href="/david/cache/2024/877b1e29328f6ad1b6fef26d7407ec5f/" title="Copie locale au 2024-01-09" hreflang="en">
             <svg xmlns="http://www.w3.org/2000/svg"
                 width="20" height="20" viewBox="0 0 24 24"
                 fill="none" stroke="currentColor"
@@ -414,7 +414,7 @@ git archive --remote=larlet-fr-david-cache.git master | tar -x -C larlet-fr/davi
 
 <blockquote lang="en">
 <p>You can’t make an article on a UX topic without showcasing a practical example. Let’s explore examples that I spotted on the web and how to fix&nbsp;them.</p>
-<p><cite><em><a data-link-domain="ishadeed.com" href="https://ishadeed.com/article/target-size">Designing better target sizes</a> <a href="/david/cache/2024/c98206d38897264005bcd5b453d032b1/" title="Copie locale au 2024-01-10">
+<p><cite><em><a data-link-domain="ishadeed.com" href="https://ishadeed.com/article/target-size" hreflang="en">Designing better target sizes</a> <a href="/david/cache/2024/c98206d38897264005bcd5b453d032b1/" title="Copie locale au 2024-01-10" hreflang="en">
             <svg xmlns="http://www.w3.org/2000/svg"
                 width="20" height="20" viewBox="0 0 24 24"
                 fill="none" stroke="currentColor"
@@ -512,7 +512,7 @@ git archive --remote=larlet-fr-david-cache.git master | tar -x -C larlet-fr/davi
 </ul>
 <p>J’aimerais commencer ma CSS par <code>@layer reset</code> mais c’est sur du <a data-link-domain="caniuse.com" href="https://caniuse.com/css-cascade-layers">Baseline™ 2022</a>. Toujours cette tension entre jouer avec les nouveautés sans exclure pour autant une partie de l’auditoire potentiel. <mark>Au pire, cette page nue est consultable</mark> et le flux devrait être supporté partout. Peut-être que je n’ai pas besoin d’avoir des <a data-link-domain="css-tricks.com" href="https://css-tricks.com/css-cascade-layers/">CSS layers</a> mais quand je fais une refonte de cet espace je ne suis pas <em>que</em> sur le besoin. J’obtiens un reset que j’imagine fonctionnel mais il est un peu frustrant d’arriver à un résultat finalement moins lisible que ce que j’avais sans aucun styles. <strong>Commencer par déconstruire pour reconstruire est probablement l’un des maux de notre culture.</strong> Ne pas accepter qu’il puisse exister quelque chose de suffisant sur lequel s’appuyer. Une attitude de&nbsp;colon.</p>
 <p>Je finis par tout jeter / ré-interroger et je m’en sors avec&nbsp;6&nbsp;règles.</p>
-<p>J’ai besoin de voir mon texte en action pour pouvoir le travailler. Qu’il passe de lisible à enviable, que sa fabrique —&nbsp;<a data-link-domain="quaternum.net" href="https://www.quaternum.net/2023/06/02/fabrique-concept/">coucou Antoine</a> <a href="/david/cache/2024/55477786fc56b6fc37bb97231b634d90/" title="Copie locale au 2024-01-07">
+<p>J’ai besoin de voir mon texte en action pour pouvoir le travailler. Qu’il passe de lisible à enviable, que sa fabrique —&nbsp;<a data-link-domain="quaternum.net" href="https://www.quaternum.net/2023/06/02/fabrique-concept/" hreflang="fr">coucou Antoine</a> <a href="/david/cache/2024/55477786fc56b6fc37bb97231b634d90/" title="Copie locale au 2024-01-07" hreflang="fr">
             <svg xmlns="http://www.w3.org/2000/svg"
                 width="20" height="20" viewBox="0 0 24 24"
                 fill="none" stroke="currentColor"
@@ -528,7 +528,7 @@ git archive --remote=larlet-fr-david-cache.git master | tar -x -C larlet-fr/davi
 
 <blockquote>
 <p>Le long trajet est essentiel. Surtout ne pas se laisser tenter par un livre, un ordinateur de poche, ou autres artifices. L’ennui permet l’étincelle des rêveries, tout comme la nuit la profondeur des&nbsp;rêves.</p>
-<p><cite><em><a data-link-domain="la-grange.net" href="https://www.la-grange.net/2023/07/10/notes-train">notes</a> <a href="/david/cache/2024/9bc04d41d25fc73391116d99b7259a3d/" title="Copie locale au 2024-01-07">
+<p><cite><em><a data-link-domain="la-grange.net" href="https://www.la-grange.net/2023/07/10/notes-train" hreflang="fr">notes</a> <a href="/david/cache/2024/9bc04d41d25fc73391116d99b7259a3d/" title="Copie locale au 2024-01-07" hreflang="fr">
             <svg xmlns="http://www.w3.org/2000/svg"
                 width="20" height="20" viewBox="0 0 24 24"
                 fill="none" stroke="currentColor"

david/blogroll/index.html

@@ -176,52 +176,82 @@
     <h2>Leurs dernières publications</h2>
     <dl>
         <dt>
-          <a href="https://www.la-grange.net/2024/01/31/pruniers">pruniers</a>,
-          31-01-2024
+          <a href="https://www.arthurperret.fr/blog/2024-02-03-cosma-at-fosdem-24.html">[Blog] Cosma at FOSDEM 24</a>,
+          03-02-2024
         </dt>
         <dd>
-          Sugamo, Japon, 31 janvier 2024 Contempler le pré, sentier le pied s'y enfoncer, éprouver sa consistance, son odeur, son haleine, sa respiration, l'écouter, apprécier éventuellement son silence en fait un lieu privilégié de la rêverie. — La fraîcheur de l'herbe, Alain Corbin, urn:isbn:978-2-8185-0589-2 Dans les ruelles étroites, dans lesquelles on se faufile tous les deux à vélo en revenant de…
-          — <a href="https://www.la-grange.net/">Karl Dubost</a>
+          Cosma came as part of HyperOtlet, a research programme on Paul Otlet. I’m glad to mention him at FOSDEM 24 in Brussels because he was born here. He was a figure of Belgian intellectual life, a pioneer of knowledge organization, a precursor of information science. He’s the one who popularized the words document and documentation. Otlet’s main idea was to go beyond the book: to extract facts from…
+          — <a href="https://www.arthurperret.fr/">Arthur Perret</a>
         </dd>
       </dl>
     <dl>
         <dt>
-          <a href="https://www.la-grange.net/2024/01/30/sento">sento</a>,
-          30-01-2024
+          <a href="https://winnielim.org/notes/interview-with-people-blogs/">interview with “people & blogs”</a>,
+          02-02-2024
         </dt>
         <dd>
-          Komagome, Japon, 30 janvier 2024 Contrairement à celle des jardins publics urbains, le pré est pelouse non interdite — La fraîcheur de l'herbe, Alain Corbin, urn:isbn:978-2-8185-0589-2 Depuis plusieurs jours, il me demande si nous pouvons aller au sento. Alors ce soir, avant d'aller se coucher, nous sommes allés au sento lui et moi pour se laver et se relaxer dans l'eau chaude avant de revenir à…
-          — <a href="https://www.la-grange.net/">Karl Dubost</a>
+          …where I talk about livejournal, blogging, how I blog, paywalls, the longevity of websites, etc: A while later my friend introduced me to Livejournal, which is interesting to me till this day because...
+          — <a href="https://winnielim.org/">Winnie Lim (en)</a>
         </dd>
       </dl>
     <dl>
         <dt>
-          <a href="https://www.hypothermia.fr/2024/01/il-ny-a-pas-de-hasards-que-des-rendez-vous/">Il n’y a pas de hasards, que des rendez-vous.</a>,
-          29-01-2024
+          <a href="https://winnielim.org/notes/93-months-of-intentional-love/">93 months of intentional love</a>,
+          02-02-2024
         </dt>
         <dd>
-          Chercher le clan dans des huttes de sauna ou sur des tapis de yoga.
-          — <a href="https://www.hypothermia.fr/">Eliness</a>
+          one important thing i’ve learnt in life is that we have to be very intentional in our living, or time will just pass us by while we spend each single day numbed by familiarity and routines. every time we celebrate our monthly anniversary it compels us to be very intentional with the day and each other: we try to think of fun or meaningful plans, and it is the only day in the entire month we put…
+          — <a href="https://winnielim.org/">Winnie Lim (en)</a>
         </dd>
       </dl>
     <dl>
         <dt>
-          <a href="https://winnielim.org/journal/the-amazing-tools-and-research-we-now-have-for-our-metabolic-health/">the amazing tools and research we now have for our metabolic health</a>,
-          28-01-2024
+          <a href="https://blog.ecologie-politique.eu/post/Cheres-collaboratrices">Chères collaboratrices</a>,
+          02-02-2024
         </dt>
         <dd>
-          [cw: metabolic health, diet] My paternal grandmother died before I was born, apparently of diabetes complications. When I was younger I couldn’t understand what it meant to die of diabetes complications –...
-          — <a href="https://winnielim.org/">Winnie Lim (en)</a>
+          Sandrine Holin, Chères collaboratrices. Comment échapper au féminisme néolibéral, La Découverte, 2023, 240 pages, 19,50 € Voici un livre dont on a envie de partager la lecture avec beaucoup d’amies et de camarades, en raison de son sujet qui en France reste assez rarement abordé. S’il est facile de mépriser certains féminismes, il est plus difficile en revanche de poser le doigt sur ce qui pose…
+          — <a href="https://blog.ecologie-politique.eu/">Aude</a>
         </dd>
       </dl>
     <dl>
         <dt>
-          <a href="https://winnielim.org/notes/huge-backlog-of-sketchbook-spreads-to-post/">huge backlog of sketchbook spreads to post</a>,
-          26-01-2024
+          <a href="https://www.quaternum.net/2024/02/02/trois-reponses-sur-ma-these/">Trois réponses sur ma thèse</a>,
+          02-02-2024
         </dt>
         <dd>
-          have a huge backlog of sketchbook spreads to post, wonder if i’ll find the momentum to post them all. this was the first time in probably years since i’ve eaten pasta (because...
-          — <a href="https://winnielim.org/">Winnie Lim (en)</a>
+          David a assisté à la soutenance de ma thèse de doctorat, il m’a posé trois questions via un billet de blog, à défaut d’avoir pu le faire pendant la soutenance. Voici trois réponses. (Et toute question est bienvenue !) Comment transformer ces fabriques de logiciels open-source en communs numériques ? La question exacte est la suivante : “Comment transformer ces fabriques de logiciels open-source…
+          — <a href="https://www.quaternum.net/">Antoine Fauchié</a>
+        </dd>
+      </dl>
+    <dl>
+        <dt>
+          <a href="https://www.la-grange.net/2024/02/01/20ans">20 ans</a>,
+          01-02-2024
+        </dt>
+        <dd>
+          Montréal, Canada, 31 janvier 2004 Sa dimension permet de l'apprécier à perte de vue. Elle s'offre avant tout au plaisir des yeux. La prairie se contemple. — La fraîcheur de l'herbe, Alain Corbin, urn:isbn:978-2-8185-0589-2 Vingt ans. Il y a 20 ans. J'avais un autre corps. Je vivais à Montréal. Il y a 20 ans. Le soir du 31 janvier 2004, je suis allé manger chez des amis. Il y a 20 ans. Nous avons…
+          — <a href="https://www.la-grange.net/">Karl Dubost</a>
+        </dd>
+      </dl>
+    <dl>
+        <dt>
+          <a href="https://www.la-grange.net/2024/01/31/pruniers">pruniers</a>,
+          31-01-2024
+        </dt>
+        <dd>
+          Sugamo, Japon, 31 janvier 2024 Contempler le pré, sentier le pied s'y enfoncer, éprouver sa consistance, son odeur, son haleine, sa respiration, l'écouter, apprécier éventuellement son silence en fait un lieu privilégié de la rêverie. — La fraîcheur de l'herbe, Alain Corbin, urn:isbn:978-2-8185-0589-2 Dans les ruelles étroites, dans lesquelles on se faufile tous les deux à vélo en revenant de…
+          — <a href="https://www.la-grange.net/">Karl Dubost</a>
+        </dd>
+      </dl>
+    <dl>
+        <dt>
+          <a href="https://www.hypothermia.fr/2024/01/il-ny-a-pas-de-hasards-que-des-rendez-vous/">Il n’y a pas de hasards, que des rendez-vous.</a>,
+          29-01-2024
+        </dt>
+        <dd>
+          Chercher le clan dans des huttes de sauna ou sur des tapis de yoga.
+          — <a href="https://www.hypothermia.fr/">Eliness</a>
         </dd>
       </dl>
     <dl>
@@ -294,16 +324,6 @@
           — <a href="https://www.arthurperret.fr/">Arthur Perret</a>
         </dd>
       </dl>
-    <dl>
-        <dt>
-          <a href="https://www.quaternum.net/2024/01/08/tools-shape-practices-shape-tools/">[flux] Tools shape practices shape tools…</a>,
-          08-01-2024
-        </dt>
-        <dd>
-          When i first saw it, i felt it so nicely expressed something that had been deep in my heart. I continue to unfold its many meanings: both broader and more specific than F/LOSS culture. Doriane, https://practices.tools Je découvre (très) tardivement ce mantra, ou plutôt ce positionnement récursif et infini : les pratiques modèlent les outils qui modèlent les pratiques qui modèlent les pratiques…
-          — <a href="https://www.quaternum.net/">Antoine Fauchié</a>
-        </dd>
-      </dl>
     <dl>
         <dt>
           <a href="https://emmaclit.com/2024/01/06/darmaprout/">Darmaprout</a>,
@@ -314,16 +334,6 @@
           — <a href="https://emmaclit.com/">Emma</a>
         </dd>
       </dl>
-    <dl>
-        <dt>
-          <a href="https://www.arthurperret.fr/veille/2024-01-01-l-outil-d-ecriture-ideal-n-existe-pas.html">[Veille] L’outil d’écriture idéal n’existe pas</a>,
-          01-01-2024
-        </dt>
-        <dd>
-          https://tcrouzet.com/2023/12/31/ecrire-a-la-recherche-de-lediteur-de-texte-ideal/ Thierry Crouzet, à la recherche d’une alternative à Ulysses, partage ses impressions concernant plusieurs outils d’écriture. Il en arrive à la conclusion que l’outil idéal n’existe pas, pour plein de raisons (diversité des besoins, effet usine à gaz, outils tiers irremplaçables…) ; l’enjeu est plutôt de trouver des…
-          — <a href="https://www.arthurperret.fr/">Arthur Perret</a>
-        </dd>
-      </dl>
     <dl>
         <dt>
           <a href="https://n.survol.fr/n/code-en-francais">Code en français</a>,
@@ -334,16 +344,6 @@
           — <a href="https://n.survol.fr/">Éric D.</a>
         </dd>
       </dl>
-    <dl>
-        <dt>
-          <a href="https://blog.ecologie-politique.eu/post/Le-Prix-de-la-democratie">Le Prix de la démocratie</a>,
-          28-12-2023
-        </dt>
-        <dd>
-          Julia Cagé, Le Prix de la démocratie (2018), Folio, 2020, 629 pages, 10,90 € Ces derniers jours, vous avez été assailli·es de propositions visant à contribuer à l’existence d’associations diverses et vous avez peut-être eu du mal à choisir entre toutes : celles qui surveillent l’état des droits humains et des libertés civiles en France, celles qui diffusent une information de qualité et font…
-          — <a href="https://blog.ecologie-politique.eu/">Aude</a>
-        </dd>
-      </dl>
     <dl>
         <dt>
           <a href="https://n.survol.fr/n/cherche-un-vae-de-rando">Cherche un VAE de rando</a>,

david/index.html

@@ -143,6 +143,7 @@
   <h2>Publications 2024</h2>
   <p>Liste des publications récentes en ordre anté-chronologique :</p>
   <p>
+    <a href="/david/2024/02/03/">Archives</a>,
     <a href="/david/2024/02/02/">Valeurs</a>,
     <a href="/david/2024/02/01/">Vision</a>,
     <a href="/david/2024/01/31/">Mécénat</a>,
@@ -188,7 +189,7 @@
     <a href="/david/2024/commun/" rel="tag">#commun (3)</a>,
     <a href="/david/2024/communaute/" rel="tag">#communauté (3)</a>,
     <a href="/david/2024/decision/" rel="tag">#décision (2)</a>,
-    <a href="/david/2024/dependance/" rel="tag">#dépendance (1)</a>,
+    <a href="/david/2024/dependance/" rel="tag">#dépendance (2)</a>,
     <a href="/david/2024/documentation/" rel="tag">#documentation (1)</a>,
     <a href="/david/2024/dystopie/" rel="tag">#dystopie (1)</a>,
     <a href="/david/2024/echanges/" rel="tag">#échanges (3)</a>,
@@ -200,7 +201,7 @@
     <a href="/david/2024/foret/" rel="tag">#forêt (3)</a>,
     <a href="/david/2024/gratitude/" rel="tag">#gratitude (2)</a>,
     <a href="/david/2024/ia/" rel="tag">#IA (2)</a>,
-    <a href="/david/2024/opensource/" rel="tag">#opensource (1)</a>,
+    <a href="/david/2024/opensource/" rel="tag">#opensource (2)</a>,
     <a href="/david/2024/parentalite/" rel="tag">#parentalité (3)</a>,
     <a href="/david/2024/partage/" rel="tag">#partage (2)</a>,
     <a href="/david/2024/parvenir/" rel="tag">#parvenir (1)</a>,
@@ -209,7 +210,7 @@
     <a href="/david/2024/psychologie/" rel="tag">#psychologie (2)</a>,
     <a href="/david/2024/solastalgia/" rel="tag">#solastalgia (1)</a>,
     <a href="/david/2024/sport/" rel="tag">#sport (3)</a>,
-    <a href="/david/2024/technique/" rel="tag">#technique (7)</a>,
+    <a href="/david/2024/technique/" rel="tag">#technique (8)</a>,
     <a href="/david/2024/velo/" rel="tag">#vélo (1)</a>,
     <a href="/david/2024/web/" rel="tag">#web (5)</a>.
       

david/log/index.xml

@@ -6,13 +6,57 @@
     <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>2024-02-02T12:00:00+01:00</updated>
+    <updated>2024-02-03T12:00:00+01:00</updated>
     <author>
         <name>David Larlet</name>
         <uri>https://larlet.fr/david/</uri>
     </author>
     <rights>Copyright (c) 2004-2024, David Larlet</rights>
     
+        <entry xml:lang="fr">
+            <title type="html">Archives</title>
+            <link href="https://larlet.fr/david/2024/02/03/" rel="alternate" type="text/html" />
+            <updated>2024-02-03T12:00:00+01:00</updated>
+            <id>https://larlet.fr/david/2024/02/03/</id>
+            <summary type="html">
+
+&lt;blockquote lang=&quot;en&quot;&gt;
+&lt;p&gt;Google will no longer be keeping a backup of the entire Internet. Google Search’s “cached” links have long been an alternative way to load a website that was down or had changed, but now the company is killing them off. Google “Search Liaison” Danny Sullivan confirmed the feature removal in an X post, saying the feature “was meant for helping people access pages when way back, you often couldn’t depend on a page loading. These days, &lt;mark&gt;things have greatly improved.&lt;/mark&gt; So, it was decided to retire&amp;nbsp;it.”&lt;/p&gt;
+&lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://arstechnica.com/gadgets/2024/02/google-search-kills-off-cached-webpages/&quot;&gt;Google will no longer back up the Internet: Cached webpages are&amp;nbsp;dead&lt;/a&gt;&lt;/em&gt;&lt;/cite&gt;&lt;/p&gt;
+&lt;/blockquote&gt;
+&lt;p&gt;&lt;em&gt;(rires)&lt;/em&gt;&lt;/p&gt;
+&lt;p&gt;Forcément en lisant ça un samedi matin, j’étais immédiatement motivé pour améliorer la façon dont j’archive les liens par ici. À commencer par des méta-données qui permettraient d’avoir une prévisualisation des liens un peu&amp;nbsp;enrichie.&lt;/p&gt;
+&lt;p&gt;Je me dis que je ne dois pas être le seul à essayer d’extraire des informations des pages. Et j’en trouve pas mal&amp;nbsp;: &lt;a href=&quot;https://github.com/gri38/hyperlink_preview&quot;&gt;hyperlink_preview&lt;/a&gt;, &lt;a href=&quot;https://github.com/scrapinghub/extruct&quot;&gt;extruct&lt;/a&gt; ou &lt;a href=&quot;https://github.com/seanbreckenridge/url_cache&quot;&gt;url_cache&lt;/a&gt; pour ne citer qu’eux. Cela me met sur la piste de &lt;a href=&quot;https://github.com/michaelhelmick/lassie&quot;&gt;Lassie&lt;/a&gt; qui semble extraire ce que j’aimerais avoir&amp;nbsp;: une image ou favicon, potentiellement une description, ainsi qu’une langue. Jake Lazaroff m’avait &lt;a href=&quot;https://larlet.fr/david/2024/02/01/#hr-60&quot;&gt;depuis répondu&lt;/a&gt; qu’il génère en fait ses vignettes au moment de la &lt;a href=&quot;https://gist.github.com/jakelazaroff/36b9665efe02870576acfc033171d6bf&quot;&gt;construction du site&lt;/a&gt;. Je ne veux pas totalement suivre cette approche car je ne veux pas stocker d’images additionnelles mais je vais essayer d’avoir une solution&amp;nbsp;hybride.&lt;/p&gt;
+&lt;p&gt;Cela m’embête de plus en plus de coupler le générateur de site aux (méta-)données des archives. &lt;em&gt;À&amp;nbsp;méditer.&lt;/em&gt;&lt;/p&gt;
+&lt;p&gt;Pour ce qui est de l’interface, ça attendra un autre jour. J’ai tout de même ajouté des attributs &lt;code&gt;hreflang&lt;/code&gt; et la bonne langue dans les pages d’archives, un truc qui me grattait depuis un bout de&amp;nbsp;temps.&lt;/p&gt;
+&lt;hr /&gt;
+&lt;p&gt;Cela fait &lt;a href=&quot;https://larlet.fr/david/2020/02/07/#sonos&quot;&gt;bien longtemps&lt;/a&gt; que je regrette d’avoir acheté des enceintes Sonos. Hier —&amp;nbsp;encore une fois frustré par l’application proposée par défaut&amp;nbsp;— je découvre &lt;a href=&quot;https://github.com/SoCo/SoCo&quot;&gt;SoCo&lt;/a&gt; ainsi que &lt;a href=&quot;https://github.com/avantrec/soco-cli&quot;&gt;soco-cli&lt;/a&gt; après quelques recherches. Je passe ensuite la soirée à batailler avec Automator pour pouvoir faire un clic-droit sur un dossier local et que ça me lise les fichiers FLAC qui sont&amp;nbsp;dedans.&lt;/p&gt;
+&lt;p&gt;J’arrive à la solution&amp;nbsp;suivante&amp;nbsp;:&lt;/p&gt;
+&lt;pre&gt;&lt;code&gt;on run {input, parameters}
+    tell application &amp;quot;Terminal&amp;quot;
+        do script &amp;quot;cd ~/sonos &amp;amp;&amp;amp; sonos Chambre play_dir &#x27;&amp;quot; &amp;amp; (POSIX path of input) &amp;amp; &amp;quot;&#x27;&amp;quot;
+    end tell
+    return input
+end run
+&lt;/code&gt;&lt;/pre&gt;
+&lt;p&gt;Ce n’est pas très élégant et je n’ai pas réussi à faire en sorte que ça se lance dans iTerm mais au moins ça joue de la&amp;nbsp;musique.&lt;/p&gt;
+&lt;hr /&gt;
+
+&lt;blockquote lang=&quot;en&quot;&gt;
+&lt;p&gt;&lt;strong&gt;drab&lt;/strong&gt; focuses on providing JavaScript functionality where it’s most useful. Many of the elements are helpful wrappers &lt;mark&gt;around browser APIs.&lt;/mark&gt; Here are some of the features of the&amp;nbsp;library.&lt;/p&gt;
+&lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://drab.robino.dev/&quot;&gt;drab - A Headless Custom Element&amp;nbsp;Library&lt;/a&gt;&lt;/em&gt;&lt;/cite&gt;&lt;/p&gt;
+&lt;/blockquote&gt;
+&lt;p&gt;Le futur qui se dessine à ce sujet est &lt;em&gt;très&lt;/em&gt; stimulant. Cela fait 15&amp;nbsp;ans qu’il y a une production de masse de code JS qui n’est ni réutilisable, ni interopérable. J’ai bon espoir que ce soit en train de&amp;nbsp;changer.&lt;/p&gt;
+&lt;hr /&gt;
+
+&lt;blockquote lang=&quot;en&quot;&gt;
+&lt;p&gt;When trying to defend this, economists typically claim that we have unlimited desire for new stuff. Apparently, rather than dedicating the time gains from technology to leisure, we pour it into making more stuff for ourselves. This is bogus. People do have a limited desire for new things, because dedicating yourself to endless production (and consumption) comes at the expense of hanging out with your family, friends and pets, or doing stuff like walking in the wilderness or surfing the waves. What people actually desire is a balance of many things, but &lt;mark&gt;the system we’re stuck in has unlimited desire for one direction only.&lt;/mark&gt; That’s because it’s a vortex unleashed by humans who no longer know how to stop&amp;nbsp;it.&lt;/p&gt;
+&lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://brettscott.substack.com/p/tech-doesnt-make-our-lives-easier&quot;&gt;Tech doesn’t make our lives easier. It makes them&amp;nbsp;faster&lt;/a&gt;&lt;/em&gt;&lt;/cite&gt;&lt;/p&gt;
+&lt;/blockquote&gt;
+&lt;p&gt;Un bon article à lire après 24h de galères&amp;nbsp;techniques&amp;nbsp;😅.&lt;/p&gt;
+&lt;nav&gt;&lt;p&gt;&lt;a href=&quot;https://larlet.fr/david/2024/dependance/&quot;&gt;#dépendance&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2024/opensource/&quot;&gt;#opensource&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2024/technique/&quot;&gt;#technique&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">Valeurs</title>
             <link href="https://larlet.fr/david/2024/02/02/" rel="alternate" type="text/html" />
@@ -1317,32 +1361,4 @@ Isobel hésite. Sans lever les yeux de son livre, Emily répond à sa place&amp;
 &lt;nav&gt;&lt;p&gt;&lt;a href=&quot;https://larlet.fr/david/2024/apprentissage/&quot;&gt;#apprentissage&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2024/decision/&quot;&gt;#décision&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2024/equipe/&quot;&gt;#équipe&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">Repos</title>
-            <link href="https://larlet.fr/david/2024/01/04/" rel="alternate" type="text/html" />
-            <updated>2024-01-04T12:00:00+01:00</updated>
-            <id>https://larlet.fr/david/2024/01/04/</id>
-            <summary type="html">
-
-&lt;blockquote&gt;
-&lt;p&gt;Je m’engouffre, sans trop réfléchir et avant qu’il ne file, dans cet élan d’écriture que j’espérais tout en refusant de m’en faire une contrainte. L’Inde m’offre l’imprévu, la nouveauté, la stimulation sans doute, que je n’avais plus en France pour pouvoir écrire autre chose que de la fiction. Ce pays est un roman en soi — je peux revenir avec désir à cette réalité-là. &lt;mark&gt;J’en suis aussi excitée que prudente,&lt;/mark&gt; je n’ai aucune idée de ce que cela va donner ni si ça aura le moindre intérêt. Mais je sais déjà que je n’évoquerai ni les Rafale, ni le nucléaire, ni Modi, ces tue-l’amour&amp;nbsp;absolus.&lt;/p&gt;
-&lt;p&gt;&lt;cite&gt;&lt;em&gt;Alors nous irons trouver la beauté ailleurs&lt;/em&gt;, Corinne Morel&amp;nbsp;Darleux&lt;/cite&gt;&lt;/p&gt;
-&lt;/blockquote&gt;
-&lt;p&gt;Dans un chalet pour quelques jours. Des randonnées à trois générations. Toujours ces questionnements autour de la propriété. Concilier tous les besoins, accepter de changer de vie, ne pas savoir si on serait finalement entourés d’une culture qui ne nous correspond pas (et qui ne nous attire pas non plus). Trouver le bon&amp;nbsp;tempo.&lt;/p&gt;
-&lt;hr /&gt;
-&lt;p&gt;Je me demande s’il serait pertinent &lt;a href=&quot;https://blog.stephaniestimac.com/posts/2023/10/css-text-wrap/&quot;&gt;d’utiliser &lt;code&gt;text-wrap&lt;/code&gt;&lt;/a&gt; sachant que mes titres ne font qu’un seul mot et que je m’occupe déjà des veuves / orphelines typographiques avec &lt;a href=&quot;https://git.larlet.fr/davidbgk/larlet-fr-david/src/branch/master/typography.py&quot;&gt;un script Python&lt;/a&gt; que l’on a fait avec &lt;a href=&quot;https://ronan.amicel.net/&quot;&gt;Ronan&lt;/a&gt; à l’époque &lt;a href=&quot;https://larlet.fr/david/2020/05/26/&quot;&gt;de MesConseilsCovid / Covidoudou&lt;/a&gt;.&lt;/p&gt;
-&lt;p&gt;Je tente de rendre les citations explicites car on m’a déjà fait le retour de ne pas tout de suite comprendre une publication qui commence par une citation&amp;nbsp;: &lt;q&gt;Ah je croyais que c’était de toi&amp;#8239;!&lt;/q&gt;.&lt;/p&gt;
-&lt;pre&gt;&lt;code&gt;blockquote::before {
-    content: &amp;quot;citation&amp;quot;;
-    transform: rotate(-90deg);
-    position: absolute;
-    margin-left: -1rem;
-    margin-top: 3.5rem;
-}
-&lt;/code&gt;&lt;/pre&gt;
-&lt;p&gt;Au passage, autant faire de même pour le code. Des couleurs, de la vie&amp;#8239;! De&amp;nbsp;l’envie.&lt;/p&gt;
-&lt;p&gt;Note&amp;nbsp;: être développeur d’un produit &lt;em&gt;open-source&lt;/em&gt; populaire c’est un boulot à plein temps, pas de vacances pour les notifications /&amp;nbsp;sollicitations.&lt;/p&gt;
-&lt;nav&gt;&lt;p&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>
-    
 </feed>

david/recherche/index.html

@@ -276,6 +276,12 @@
     </template>
     
     <script id="search-index" type="application/json">[
+  {
+    "title": "Archives",
+    "url": "/david/2024/02/03/",
+    "date": "2024-02-03",
+    "content": "Google will no longer be keeping a backup of the entire Internet. Google Search\u2019s \u201ccached\u201d links have long been an alternative way to load a website that was down or had changed, but now the company is killing them off. Google \u201cSearch Liaison\u201d Danny Sullivan confirmed the feature removal in an X post, saying the feature \u201cwas meant for helping people access pages when way back, you often couldn\u2019t depend on a page loading. These days, things have greatly improved. So, it was decided to retire\u00a0it.\u201d Google will no longer back up the Internet: Cached webpages are\u00a0dead (rires) Forc\u00e9ment en lisant \u00e7a un samedi matin, j\u2019\u00e9tais imm\u00e9diatement motiv\u00e9 pour am\u00e9liorer la fa\u00e7on dont j\u2019archive les liens par ici. \u00c0 commencer par des m\u00e9ta-donn\u00e9es qui permettraient d\u2019avoir une pr\u00e9visualisation des liens un peu\u00a0enrichie. Je me dis que je ne dois pas \u00eatre le seul \u00e0 essayer d\u2019extraire des informations des pages. Et j\u2019en trouve pas mal\u00a0: hyperlink_preview, extruct ou url_cache pour ne citer qu\u2019eux. Cela me met sur la piste de Lassie qui semble extraire ce que j\u2019aimerais avoir\u00a0: une image ou favicon, potentiellement une description, ainsi qu\u2019une langue. Jake Lazaroff m\u2019avait depuis r\u00e9pondu qu\u2019il g\u00e9n\u00e8re en fait ses vignettes au moment de la construction du site. Je ne veux pas totalement suivre cette approche car je ne veux pas stocker d\u2019images additionnelles mais je vais essayer d\u2019avoir une solution\u00a0hybride. Cela m\u2019emb\u00eate de plus en plus de coupler le g\u00e9n\u00e9rateur de site aux (m\u00e9ta-)donn\u00e9es des archives. \u00c0\u00a0m\u00e9diter. Pour ce qui est de l\u2019interface, \u00e7a attendra un autre jour. J\u2019ai tout de m\u00eame ajout\u00e9 des attributs hreflang et la bonne langue dans les pages d\u2019archives, un truc qui me grattait depuis un bout de\u00a0temps. Cela fait bien longtemps que je regrette d\u2019avoir achet\u00e9 des enceintes Sonos. Hier \u2014\u00a0encore une fois frustr\u00e9 par l\u2019application propos\u00e9e par d\u00e9faut\u00a0\u2014 je d\u00e9couvre SoCo ainsi que soco-cli apr\u00e8s quelques recherches. Je passe ensuite la soir\u00e9e \u00e0 batailler avec Automator pour pouvoir faire un clic-droit sur un dossier local et que \u00e7a me lise les fichiers FLAC qui sont\u00a0dedans. J\u2019arrive \u00e0 la solution\u00a0suivante\u00a0: on run {input, parameters} tell application \"Terminal\" do script \"cd ~/sonos && sonos Chambre play_dir  \" & (POSIX path of input) & \" \" end tell return input end run Ce n\u2019est pas tr\u00e8s \u00e9l\u00e9gant et je n\u2019ai pas r\u00e9ussi \u00e0 faire en sorte que \u00e7a se lance dans iTerm mais au moins \u00e7a joue de la\u00a0musique. drab focuses on providing JavaScript functionality where it\u2019s most useful. Many of the elements are helpful wrappers around browser APIs. Here are some of the features of the\u00a0library. drab - A Headless Custom Element\u00a0Library Le futur qui se dessine \u00e0 ce sujet est tr\u00e8s stimulant. Cela fait 15\u00a0ans qu\u2019il y a une production de masse de code JS qui n\u2019est ni r\u00e9utilisable, ni interop\u00e9rable. J\u2019ai bon espoir que ce soit en train de\u00a0changer. When trying to defend this, economists typically claim that we have unlimited desire for new stuff. Apparently, rather than dedicating the time gains from technology to leisure, we pour it into making more stuff for ourselves. This is bogus. People do have a limited desire for new things, because dedicating yourself to endless production (and consumption) comes at the expense of hanging out with your family, friends and pets, or doing stuff like walking in the wilderness or surfing the waves. What people actually desire is a balance of many things, but the system we\u2019re stuck in has unlimited desire for one direction only. That\u2019s because it\u2019s a vortex unleashed by humans who no longer know how to stop\u00a0it. Tech doesn\u2019t make our lives easier. It makes them\u00a0faster Un bon article \u00e0 lire apr\u00e8s 24h de gal\u00e8res\u00a0techniques\u00a0\ud83d\ude05."
+  },
   {
     "title": "Valeurs",
     "url": "/david/2024/02/02/",
@@ -474,6 +480,12 @@
     "date": "2024-01-01",
     "content": "33\u202f% de 44\u00a0millions de consommateurs vont faire le Dry January 22\u202f% des consommateurs ont une conso excessive, c\u2019est-\u00e0-dire 10\u00a0verres/semaine max et plus de deux\u00a0verres/jour. Les seniors sont aussi tr\u00e8s touch\u00e9\u00b7es. L\u2019alcool est une drogue.. On peut faire la f\u00eate sans alcool et\u00a0s\u2019\u00e9clater. Quand on arr\u00eate\u00a0: bienfaits sur le foie, la peau, le coeur, etc\u2026 Pb\u00a0: m\u00e9moire, troubles cognitifs, responsable de cancer, pb sommeil, d\u00e9compensation de maladie psy,\u2026 41000\u00a0d\u00e9c\u00e8s par an en\u00a0France. Les cinq sympt\u00f4mes d\u00e9finissent un probl\u00e8me de\u00a0d\u00e9pendance\u00a0: Perte de\u00a0contr\u00f4le Usage\u00a0compulsif Envie\u00a0r\u00e9pressive Usage\u00a0chronique Cons\u00e9quences psychiques, physiques, sociales,\u2026 Bon Dry J. pour celleux qui le font\u202f! Moi j\u2019en\u00a0suis\u202f! @Air@framapiaf.org Dans mon entourage, de plus en plus de personnes que j\u2019estime ne boivent pas d\u2019alcool, de plus en plus de personnes qui vieillissent en deviennent d\u00e9pendantes. Je suis davantage attir\u00e9 par la premi\u00e8re option\u2026 et pas pour un seul\u00a0mois. Je me sens pr\u00eat, on verra bien o\u00f9 cela me\u00a0m\u00e8ne. Grosse envie de reprendre la CSS par ici en ce d\u00e9but d\u2019ann\u00e9e. Avec le dilemme de faire chuter cette motivation si je publie d\u00e8s maintenant avec l\u2019ancienne (qui restera effective sur les anciens articles). Je vais essayer de me\u00a0retenir."
   },
+  {
+    "title": "Archives",
+    "url": "/david/2024/02/03/",
+    "date": "2024-02-03",
+    "content": "Google will no longer be keeping a backup of the entire Internet. Google Search\u2019s \u201ccached\u201d links have long been an alternative way to load a website that was down or had changed, but now the company is killing them off. Google \u201cSearch Liaison\u201d Danny Sullivan confirmed the feature removal in an X post, saying the feature \u201cwas meant for helping people access pages when way back, you often couldn\u2019t depend on a page loading. These days, things have greatly improved. So, it was decided to retire\u00a0it.\u201d Google will no longer back up the Internet: Cached webpages are\u00a0dead (rires) Forc\u00e9ment en lisant \u00e7a un samedi matin, j\u2019\u00e9tais imm\u00e9diatement motiv\u00e9 pour am\u00e9liorer la fa\u00e7on dont j\u2019archive les liens par ici. \u00c0 commencer par des m\u00e9ta-donn\u00e9es qui permettraient d\u2019avoir une pr\u00e9visualisation des liens un peu\u00a0enrichie. Je me dis que je ne dois pas \u00eatre le seul \u00e0 essayer d\u2019extraire des informations des pages. Et j\u2019en trouve pas mal\u00a0: hyperlink_preview, extruct ou url_cache pour ne citer qu\u2019eux. Cela me met sur la piste de Lassie qui semble extraire ce que j\u2019aimerais avoir\u00a0: une image ou favicon, potentiellement une description, ainsi qu\u2019une langue. Jake Lazaroff m\u2019avait depuis r\u00e9pondu qu\u2019il g\u00e9n\u00e8re en fait ses vignettes au moment de la construction du site. Je ne veux pas totalement suivre cette approche car je ne veux pas stocker d\u2019images additionnelles mais je vais essayer d\u2019avoir une solution\u00a0hybride. Cela m\u2019emb\u00eate de plus en plus de coupler le g\u00e9n\u00e9rateur de site aux (m\u00e9ta-)donn\u00e9es des archives. \u00c0\u00a0m\u00e9diter. Pour ce qui est de l\u2019interface, \u00e7a attendra un autre jour. J\u2019ai tout de m\u00eame ajout\u00e9 des attributs hreflang et la bonne langue dans les pages d\u2019archives, un truc qui me grattait depuis un bout de\u00a0temps. Cela fait bien longtemps que je regrette d\u2019avoir achet\u00e9 des enceintes Sonos. Hier \u2014\u00a0encore une fois frustr\u00e9 par l\u2019application propos\u00e9e par d\u00e9faut\u00a0\u2014 je d\u00e9couvre SoCo ainsi que soco-cli apr\u00e8s quelques recherches. Je passe ensuite la soir\u00e9e \u00e0 batailler avec Automator pour pouvoir faire un clic-droit sur un dossier local et que \u00e7a me lise les fichiers FLAC qui sont\u00a0dedans. J\u2019arrive \u00e0 la solution\u00a0suivante\u00a0: on run {input, parameters} tell application \"Terminal\" do script \"cd ~/sonos && sonos Chambre play_dir  \" & (POSIX path of input) & \" \" end tell return input end run Ce n\u2019est pas tr\u00e8s \u00e9l\u00e9gant et je n\u2019ai pas r\u00e9ussi \u00e0 faire en sorte que \u00e7a se lance dans iTerm mais au moins \u00e7a joue de la\u00a0musique. drab focuses on providing JavaScript functionality where it\u2019s most useful. Many of the elements are helpful wrappers around browser APIs. Here are some of the features of the\u00a0library. drab - A Headless Custom Element\u00a0Library Le futur qui se dessine \u00e0 ce sujet est tr\u00e8s stimulant. Cela fait 15\u00a0ans qu\u2019il y a une production de masse de code JS qui n\u2019est ni r\u00e9utilisable, ni interop\u00e9rable. J\u2019ai bon espoir que ce soit en train de\u00a0changer. When trying to defend this, economists typically claim that we have unlimited desire for new stuff. Apparently, rather than dedicating the time gains from technology to leisure, we pour it into making more stuff for ourselves. This is bogus. People do have a limited desire for new things, because dedicating yourself to endless production (and consumption) comes at the expense of hanging out with your family, friends and pets, or doing stuff like walking in the wilderness or surfing the waves. What people actually desire is a balance of many things, but the system we\u2019re stuck in has unlimited desire for one direction only. That\u2019s because it\u2019s a vortex unleashed by humans who no longer know how to stop\u00a0it. Tech doesn\u2019t make our lives easier. It makes them\u00a0faster Un bon article \u00e0 lire apr\u00e8s 24h de gal\u00e8res\u00a0techniques\u00a0\ud83d\ude05."
+  },
   {
     "title": "Valeurs",
     "url": "/david/2024/02/02/",

site.py

@@ -16,6 +16,7 @@ from time import perf_counter
 from urllib.parse import unquote, urlparse
 
 import feedparser
+import markdown
 import mistune
 from jinja2 import Environment as Env
 from jinja2 import FileSystemLoader
@@ -117,11 +118,17 @@ class CustomLinkAttributesRenderer(mistune.HTMLRenderer):
         ).resolve()
         if archive_folder.exists():
             archive_path_md = archive_folder / "index.md"
-            _, content = archive_path_md.read_text().split("archive_date:", 1)
-            archive_date = content.split("\n", 1)[0].strip()
+            parser = markdown.Markdown(extensions=["meta"])
+            content = parser.convert(archive_path_md.read_text())
+            metadata = parser.Meta if hasattr(parser, "Meta") else None
+            archive_date = metadata.get("archive_date")[0]
+            language = metadata.get("language")[0][:2]
+            initial_link = (
+                f'<a {" ".join(sorted(attributes))} hreflang="{language}">{text}</a>'
+            )
             link = f"/david/cache/2024/{hash_url}/"
             title = f"Copie locale au {archive_date}"
-            archive_link = f""" <a href="{link}" title="{title}">
+            archive_link = f""" <a href="{link}" title="{title}" hreflang="{language}">
             <svg xmlns="http://www.w3.org/2000/svg"
                 width="20" height="20" viewBox="0 0 24 24"
                 fill="none" stroke="currentColor"