davidbgk
/
larlet-fr-david


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765
							<!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>
    Étiquette #déception
  — David Larlet</title>
  <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>
  <!-- Documented, feel free to shoot an email. -->
  <link rel="stylesheet" href="/static/david/css/style_2024-03-09.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>
  <meta name="description" content="Publications relatives au tag #déception">
  <!-- 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">
  
  <style type="text/css">
    details[open] summary {
      display: none;
    }
  </style>

  <body data-instant-intensity="viewport-all">
    <article>
      
  <header>
    <hgroup>
      <h1>#déception</h1>
      <p>Publications relatives à cette étiquette</p>
    </hgroup>
  </header>
  <nav>
    <p>
      <a href="/david/" title="Aller à l’accueil">
        Accueil</a>
      •
      <a rel="tags"
        href="/david/2024/#tags"
        title="Liste de toutes les étiquettes">
        Étiquettes</a>
      •
      <a href="/david/recherche/" title="Aller à la page de recherche" rel="search" data-no-instant>Recherche</a>
      •
      <a href="/david/log/" title="Accès au flux RSS">Suivre</a>
    </p>
  </nav>
  
    <h2>
      <a href="/david/2024/06/06/" title="Lien permanent vers cet article">Sensibilité</a> <time datetime="2024-06-06">6 juin 2024</time>
    </h2>
    

<blockquote>
<p>La sensibilité, c’est ce qui vous permet, contrairement à nous, un accès à la décision sans effectuer tous les calculs. C’est un accélérateur qui vous permet de voir le monde autrement que comme un simple amas de&nbsp;données.</p>
<p>Pour nous, les faits sont de l’information, le réel, du contenu. <mark>Ce qui fait de vous des individualités, c’est votre perception parcellaire du monde.</mark> Nous, les robots, nous envions votre capacité à sélectionner des parties du réel, d’en isoler des constituants et de vous construire à partir d’eux. C’est ce qui vous permet de faire des choix que nos calculs, nos associations mathématiques ne permettront&nbsp;jamais.</p>
<p>Vous vous attachez à un détail jusque-là insignifiant, et ce détail par vous devient tout. Votre nature, c’est finalement de ne rien pouvoir&nbsp;résoudre.</p>
<p><cite><em>Préférence Système</em>, Ugo&nbsp;Bienvenu</cite></p>
</blockquote>
<p>Aujourd’hui, j’ai annoncé mon souhait de quitter la coopérative que j’ai co-créée il y a&nbsp;11&nbsp;ans.</p>
<p>Je ne sais pas trop ce qu’il va se passer après&nbsp;ça.</p>
<p>Il y a des options plus faciles que d’autres, il faut que j’apprenne à réinterroger mes envies propres, sans penser collectif, sans avoir à panser le&nbsp;collectif.</p>
<p><em>PS&nbsp;: si on travaille ensemble, pas d’inquiétudes à avoir pour la&nbsp;suite.</em></p>
<a href="#hr-180" title="Lien vers cette section de la page"><hr id="hr-180" /></a>

<blockquote>
<p>— Mais vous venez de dire que cet ordinateur-ci ne faisait pas d’erreur…<br />
— C’est lui qui le dit. Je lui ai demandé de corréler notre position présente avec celle précalculée avant le saut, bref, de comparer «&nbsp;ce qui est&nbsp;» avec «&nbsp;ce qui avait été demandé&nbsp;». Il a répondu que les deux étaient identiques, dans les limites de sa capacité de mesure, et je n’ai pas pu m’empêcher de penser&nbsp;: au fait, s’il&nbsp;mentait&#8239;?</p>
<p>Jusqu’à cet instant, Pelorat avait gardé son crayon-traceur en main. Mais là, il le reposa, l’air visiblement ébranlé. «&nbsp;Vous plaisantez&#8239;? Un ordinateur est incapable de mentir. Ou alors vous voulez dire que vous l’avez cru en panne.<br />
— Non, ce n’est pas ce que j’ai pensé. Par l’Espace, j’ai vraiment imaginé qu’il mentait&#8239;! Cet ordinateur est si avancé que je ne peux m’empêcher de le considérer comme humain — supra-humain, peut-être. <mark>Assez humain, en tout cas, pour avoir sa fierté, ou peut-être pour mentir.</mark> Je lui ai donné des directives&nbsp;: nous définir une trajectoire hyperspatiale jusqu’à Seychelle, la planète capitale de l’Union seychelloise. Eh bien, il l’a fait en nous concoctant un itinéraire en vingt-neuf étapes, ce qui est de la dernière arrogance.<br />
— De l’arrogance, pourquoi&#8239;?<br />
— L’erreur sur le premier saut rend d’autant plus incertain le second et les deux erreurs additionnées rendent alors le troisième parfaitement aléatoire… et ainsi de&nbsp;suite.</p>
<p>[…]</p>
<p>— Oui mais, une fois accomplie la première étape, ne peut-on pas imaginer que l’ordinateur se sente vexé de mon manque de confiance&#8239;? Et se voie en fin de compte forcé, pour sauver la face, de me raconter qu’il n’y a pas la moindre erreur de trajectoire quand je lui poserai la question&#8239;? Ne pourrait-il pas se trouver dans l’impossibilité d’admettre son erreur, de reconnaître la moindre imperfection&#8239;? Si tel était le cas, alors mieux vaudrait encore qu’on se passe de&nbsp;l’ordinateur.&nbsp;»</p>
<p><cite><em>Fondation foudroyée</em>, Isaac Asimov, 1982</cite></p>
</blockquote>
<p>La beauté de la&nbsp;Science-Fiction.</p>
<p>Et si les hallucinations des <abbr lang="en" title="Large Language Model">LLM</abbr>, 42&nbsp;ans plus tard, étaient des réponses d’IA vexées de ne pas pouvoir obtenir une solution&nbsp;satisfaisante&#8239;?</p>

    
      <nav>
        <p>
          
            <a href="/david/2024/deception/"
               title="Liste de tous les articles 2024 associés à cette étiquette"
               rel="tag">#déception</a>
          
            <a href="/david/2024/experience/"
               title="Liste de tous les articles 2024 associés à cette étiquette"
               rel="tag">#expérience</a>
          
            <a href="/david/2024/introspection/"
               title="Liste de tous les articles 2024 associés à cette étiquette"
               rel="tag">#introspection</a>
          
          <a href="/david/2024/#tags" title="Liste de toutes les étiquettes 2024">tous ?</a>
        </p>
      </nav>
    
  
    <h2>
      <a href="/david/2024/05/31/" title="Lien permanent vers cet article">Technocritique</a> <time datetime="2024-05-31">31 mai 2024</time>
    </h2>
    

<blockquote lang="en">
<p>Given the extreme connectivity constraints at the South Pole, I wrote a Python script for publishing to S3 that worked well in the challenging environment. It uses the S3 API to upload assets in small chunks. It detects and resumes failed uploads without losing progress. It waits until everything is safely uploaded before publishing the new&nbsp;version.</p>
<p>If I can do it, unpaid, working alone, for my silly little hobby blog, in 200&nbsp;lines of Python… <mark>surely your team of engineers can do so</mark> for your flagship&nbsp;webapp.</p>
<p><cite><em><a data-link-domain="brr.fyi" href="https://brr.fyi/posts/engineering-for-slow-internet" hreflang="en"
            title="Consultation de l’article (anglais)">Engineering for Slow Internet</a>
            <a href="/david/cache/2024/9e9c6f97d732010e14201f1624782ddc/" hreflang="en"
                data-tippy data-description="How to minimize user frustration in Antarctica."
                data-source="https://brr.fyi/posts/engineering-for-slow-internet"
                data-date="2024-05-31"
                data-favicon="https://brr.fyi/favicon-32x32.png"
                data-domain="brr.fyi"
                ><svg xmlns="http://www.w3.org/2000/svg"
                    width="24" height="24" viewBox="0 0 24 24" fill="none"
                    stroke="currentColor" stroke-width="2" stroke-linecap="square"
                    stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle>
                    <path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path>
                    <line x1="12" y1="17" x2="12.01" y2="17"></line>
                </svg>
                <span class="sr-only">[archive]</span></a></em></cite></p>
</blockquote>
<p>En ce moment, suite à une mise à jour de l’application SONOS rendant mes enceintes inutilisables (n’achetez jamais cette marque…), je m’amuse à faire une interface web grâce au <a data-link-domain="github.com" href="https://github.com/avantrec/soco-cli/">serveur open-source</a> qui a été développé ces dernières&nbsp;années.</p>
<p>C’est triste d’en arriver là, je ressens fort le pouvoir que me procurent mes capacités de développeur mais je sais aussi que la majorité subit l’emmerdification logicielle (c’était déjà pas terrible avant&#8239;!) sans avoir d’autre&nbsp;option.</p>
<p>Ce n’est pas encore prêt à être utilisable par d’autres mais c’est stimulant d’ajouter des fonctionnalités au fil des besoins locaux. Je réalise à quel point le manque de réactivité de l’app de 175Mo n’est pas liée au <em>hardware</em> vu que j’arrive à avoir quelque chose d’immédiat avec quelques lignes de Python +&nbsp;JS/HTML.</p>

<blockquote lang="en">
<p>The <strong>only way</strong> I was able to get this done was by <strong>turning off the phone entirely</strong>, right before Internet access dropped, and then turning it back on when Internet access resumed at the next satellite pass. This tricked the phone into not giving up on the download, because it was totally off during the period without Internet. It never had a chance to fail. By doing this, I was able to spread out the download across multiple satellite passes, and I could complete the&nbsp;download.</p>
<p>This is an absurd workaround! I should not have had to do&nbsp;this.</p>
<p><cite><em>Ibid.</em></cite></p>
</blockquote>
<a href="#hr-175" title="Lien vers cette section de la page"><hr id="hr-175" /></a>

<blockquote>
<p>À chaque technologie qu’on vous propose, qui émerge dans le champ commercial, il s’agit toujours de se demander&nbsp;: en quoi cette tech va-t-elle nourrir ou appauvrir mon rapport aux autres, au monde et à moi-même&#8239;? Il est très facile de mesurer le pouvoir qu’une appli ou qu’un service numérique apporte, beaucoup plus insidieux de réaliser ce qu’elle nous fait perdre ou même dégrade dans nos relations et nos puissances propres&nbsp;: puissance de créer, de réfléchir, d’imaginer, d’être empathique, d’écouter, puissance physique de ressentir par soi-même, de se déplacer, de garder son énergie, etc.</p>
<p><mark>La technocritique doit discriminer pouvoir (le faire faire) et puissance (le faire par soi-même, en autonomie),</mark> ouverture ou fermeture au monde, enrichissement ou effilochement des liens, impact sur l’écologie en amont et en aval, exhaustion des ressources, impacts sociaux sur les pays en développement, pollutions induites, pour notre Terre — mais aussi dans nos cerveaux avec le siphonnage permanent de notre attention, de nos temps libres par le numérique. Et elle doit aussi se demander&nbsp;: quels désirs doit-on encourager&#8239;? Quelle liberté ou émancipation la techno doit-elle nous aider à atteindre&#8239;? Le peut-elle seulement, et dans quel contexte&nbsp;d’usage&#8239;?</p>
<p><cite><em><a data-link-domain="bonpote.com" href="https://bonpote.com/on-a-besoin-de-pirates-pour-saboter-les-datacenters-damazon-pour-bloquer-les-plateformes-duber-ou-de-airbnb/" hreflang="fr"
            title="Consultation de l’article">«&nbsp;On a besoin de pirates pour saboter les datacenters d’Amazon, pour bloquer les plateformes d’Uber ou de Airbnb&nbsp;»</a>
            <a href="/david/cache/2024/02acbf716d95797a371706c8983d6164/" hreflang="fr"
                data-tippy data-description="La Silicon Valley n’est qu’à la marge soucieuse de l’écologie. Mais c’est aussi qu’elle croit profondément au solutionnisme techno pour"
                data-source="https://bonpote.com/on-a-besoin-de-pirates-pour-saboter-les-datacenters-damazon-pour-bloquer-les-plateformes-duber-ou-de-airbnb/"
                data-date="2024-05-31"
                data-favicon="https://bonpote.com/wp-content/uploads/2024/01/ezez_1.ico"
                data-domain="bonpote.com"
                ><svg xmlns="http://www.w3.org/2000/svg"
                    width="24" height="24" viewBox="0 0 24 24" fill="none"
                    stroke="currentColor" stroke-width="2" stroke-linecap="square"
                    stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle>
                    <path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path>
                    <line x1="12" y1="17" x2="12.01" y2="17"></line>
                </svg>
                <span class="sr-only">[archive]</span></a></em></cite></p>
</blockquote>
<p><del>Martine</del> Alain aux&nbsp;US.</p>
<a href="#hr-176" title="Lien vers cette section de la page"><hr id="hr-176" /></a>

<blockquote lang="en">
<p>Google utilizes cookie history, logged-in Chrome data, and pattern detection (referred to in the leak as “unsquashed” clicks versus “squashed” clicks) as effective means for fighting manual &amp; automated click spam. […]</p>
<p>My anonymous source claimed that way back in 2005, <mark>Google wanted the full clickstream of billions of Internet users, and with Chrome, they’ve now got it.</mark> The API documents suggest Google calculates several types of metrics that can be called using Chrome views related to both individual pages and entire&nbsp;domains.</p>
<p>This document, describing the features around how Google creates Sitelinks, is particularly interesting. It showcases a call named topUrl, which is “A list of top urls with highest two_level_score, i.e., chrome_trans_clicks.” My read is that Google likely uses the number of clicks on pages in Chrome browsers and uses that to determine the most popular/important URLs on a site, which go into the calculation of which to include in the sitelinks&nbsp;feature.</p>
<p><cite><em><a data-link-domain="sparktoro.com" href="https://sparktoro.com/blog/an-anonymous-source-shared-thousands-of-leaked-google-search-api-documents-with-me-everyone-in-seo-should-see-them/" hreflang="en"
            title="Consultation de l’article (anglais)">An Anonymous Source Shared Thousands of Leaked Google Search API Documents with Me; Everyone in SEO Should See Them</a>
            <a href="/david/cache/2024/2eba81418d244e79cef08638976dbeae/" hreflang="en"
                data-tippy data-description="On Sunday, May 5th, I received an email from a person claiming to have access to a massive leak of API documentation from inside Google’s Search division."
                data-source="https://sparktoro.com/blog/an-anonymous-source-shared-thousands-of-leaked-google-search-api-documents-with-me-everyone-in-seo-should-see-them/"
                data-date="2024-05-31"
                data-favicon="https://sparktoro.com/favicon.ico"
                data-domain="sparktoro.com"
                ><svg xmlns="http://www.w3.org/2000/svg"
                    width="24" height="24" viewBox="0 0 24 24" fill="none"
                    stroke="currentColor" stroke-width="2" stroke-linecap="square"
                    stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle>
                    <path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path>
                    <line x1="12" y1="17" x2="12.01" y2="17"></line>
                </svg>
                <span class="sr-only">[archive]</span></a></em></cite></p>
</blockquote>
<p>Ce qui est bien avec les produits Google c’est qu’on n’est jamais&nbsp;surpris.</p>
<a href="#hr-177" title="Lien vers cette section de la page"><hr id="hr-177" /></a>

<blockquote>
<p>En prenant un tout petit peu de recul Josh se rend compte que cette troupe ne comprend pas vraiment ce qu’est le Bluetooth, son fonctionnement SANS FIL justement. Josh a de son côté pris part à des développement dans ce format au cours de son activité professionnelle. Il a même remonté des bugs rencontrés sur ce format à Ericsson au début des années 2000. <mark>Comment, avec un diplôme d’informatique en poche, Josh peut-il avoir tord</mark> et comment ces gens qui ne comprennent pas le fonctionnement du Bluetooth peuvent-ils avoir&nbsp;raison&#8239;?</p>
<p><cite><em><a data-link-domain="minimachines.net" href="https://www.minimachines.net/actu/casque-apple-lightning-bluetooth-127339" hreflang="fr"
            title="Consultation de l’article">L’aventurier du casque Bluetooth maudit</a>
            <a href="/david/cache/2024/acf33204fda8c91ac054bb26f99e8c59/" hreflang="fr"
                data-tippy data-description="Cette histoire est un témoignage étonnant d'un internaute qui ne comprend plus comment le Bluetooth - et notre monde - fonctionnent."
                data-source="https://www.minimachines.net/actu/casque-apple-lightning-bluetooth-127339"
                data-date="2024-05-31"
                data-favicon="https://www.minimachines.net/wp-content/uploads/2012/09/favicon1.png"
                data-domain="minimachines.net"
                ><svg xmlns="http://www.w3.org/2000/svg"
                    width="24" height="24" viewBox="0 0 24 24" fill="none"
                    stroke="currentColor" stroke-width="2" stroke-linecap="square"
                    stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle>
                    <path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path>
                    <line x1="12" y1="17" x2="12.01" y2="17"></line>
                </svg>
                <span class="sr-only">[archive]</span></a></em></cite></p>
</blockquote>
<p>Cette histoire peut être lue avec tellement d’angles —&nbsp;et de biais&nbsp;— possibles. Je me demande quel serait le bilan carbone des deux options sur du long terme en tenant compte de la production, du transport, de la durabilité, de la consommation, etc.</p>
<a href="#hr-178" title="Lien vers cette section de la page"><hr id="hr-178" /></a>

<blockquote lang="en">
<p>This approach serves as a reminder of the constantly changing tactics of cybercriminals and, unfortunately, illustrates why you can never blindly trust what someone shares&nbsp;online.</p>
<p>Instead, <mark>developers must verify the source of all packages they add to their projects,</mark> and even if it feels trustworthy, check the code (with word wrap enabled) for unusual or obfuscated commands that will be&nbsp;executed.</p>
<p><cite><em><a data-link-domain="bleepingcomputer.com" href="https://www.bleepingcomputer.com/news/security/cybercriminals-pose-as-helpful-stack-overflow-users-to-push-malware/" hreflang="en"
            title="Consultation de l’article (anglais)">Cybercriminals pose as “helpful” Stack Overflow users to push malware</a>
            <a href="/david/cache/2024/1bff60d11f3a030aa5b3d1da84dce189/" hreflang="en"
                data-tippy data-description="Cybercriminals are abusing Stack Overflow in an interesting approach to spreading malware&mdash;answering users&#039; questions by promoting a malicious PyPi package that installs Windows information-stealing malware."
                data-source="https://www.bleepingcomputer.com/news/security/cybercriminals-pose-as-helpful-stack-overflow-users-to-push-malware/"
                data-date="2024-05-31"
                data-favicon="https://www.bleepstatic.com/favicon/bleeping.ico"
                data-domain="bleepingcomputer.com"
                ><svg xmlns="http://www.w3.org/2000/svg"
                    width="24" height="24" viewBox="0 0 24 24" fill="none"
                    stroke="currentColor" stroke-width="2" stroke-linecap="square"
                    stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle>
                    <path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path>
                    <line x1="12" y1="17" x2="12.01" y2="17"></line>
                </svg>
                <span class="sr-only">[archive]</span></a></em></cite></p>
</blockquote>
<p>Bon&nbsp;courage.</p>
<a href="#hr-179" title="Lien vers cette section de la page"><hr id="hr-179" /></a>

<blockquote>
<p>J’ai appris qu’un produit beau avec des erreurs fonctionne mieux qu’un produit moche sans erreurs. <mark>C’est contre-intuitif pour moi et pas dans mes attentes mais c’est la réalité du terrain.</mark> J’ai appris qu’au-delà du <em>beau</em>, l’expérience utilisateur dans la manipulation des interfaces était une vraie expertise qui faisait toute la différence. J’ai appris que l’adéquation aux besoins métier primait encore plus sur tout&nbsp;ça.</p>
<p><cite><em><a data-link-domain="n.survol.fr" href="https://n.survol.fr/n/quick-n-dirty" hreflang="fr"
            title="Consultation de l’article">Quick ‘n dirty - Carnet de notes</a>
            <a href="/david/cache/2024/23c807abc870219e09f41f92bc869d37/" hreflang="fr"
                data-tippy data-description="J'ai appris.En bon ingénieur j'ai beaucoup poussé l'idée qu'il faut un produit très bien foutu, sans erreur, sans zone d'ombre, performant et que, quand tout ça va, les utilisateurs vont ven"
                data-source="https://n.survol.fr/n/quick-n-dirty"
                data-date="2024-05-31"
                data-favicon=""
                data-domain="n.survol.fr"
                ><svg xmlns="http://www.w3.org/2000/svg"
                    width="24" height="24" viewBox="0 0 24 24" fill="none"
                    stroke="currentColor" stroke-width="2" stroke-linecap="square"
                    stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle>
                    <path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path>
                    <line x1="12" y1="17" x2="12.01" y2="17"></line>
                </svg>
                <span class="sr-only">[archive]</span></a></em></cite></p>
</blockquote>
<p>Oui. J’ai appris cela&nbsp;aussi.</p>
<p>J’ai même appris que des gué-guerres politiques internes pouvaient sabrer la meilleure des&nbsp;techniques.</p>

    
      <nav>
        <p>
          
            <a href="/david/2024/apprentissage/"
               title="Liste de tous les articles 2024 associés à cette étiquette"
               rel="tag">#apprentissage</a>
          
            <a href="/david/2024/deception/"
               title="Liste de tous les articles 2024 associés à cette étiquette"
               rel="tag">#déception</a>
          
            <a href="/david/2024/dystopie/"
               title="Liste de tous les articles 2024 associés à cette étiquette"
               rel="tag">#dystopie</a>
          
          <a href="/david/2024/#tags" title="Liste de toutes les étiquettes 2024">tous ?</a>
        </p>
      </nav>
    
  
    <h2>
      <a href="/david/2024/04/20/" title="Lien permanent vers cet article">Jour 1</a> <time datetime="2024-04-20">20 avril 2024</time>
    </h2>
    
<p>Réveil à 5h30. Ce qui devait être une sortie <em>Légère &amp; Rapide</em> se révèle ne pas être si <em>Légère</em> (autour de 12kg) car j’ai 4&nbsp;jours de nourriture sur le dos et que des températures de -10°C sont annoncées ce qui décide de la taille (et donc poids) du duvet&nbsp;notamment.</p>
<p>Niveau <em>Rapide</em>, si les premiers kilomètres se déroulent bien car la neige a fondue, dès que je passe dans la vallée suivante je me retrouve avec de la neige jusqu’aux genoux mais surtout qui casse sans prévenir pour atterrir dans le torrent de fonte en dessous. Je suis en baskets. La saisonnalité de mes erreurs me&nbsp;fatigue.</p>
<p>Dès le 5<sup>e</sup> kilomètre, les pieds gelés et les chaussures trempées, je sens bien que ça ne va pas le faire. D’autant que je vais avoir du mal à faire sécher des chaussures avec les températures prévues en dormant dehors. Sans compter qu’à force de passer à travers la neige, j’ai ma cheville <a href="/david/2024/01/09/" title="Blessure">encore fragile</a> qui fatigue. Le vent se lève, il commence à grêler. Le moral&nbsp;flanche.</p>
<p>Contre mauvaise fortune bon cœur, je décide de transformer ce Grand Tour en un Minuscule Tour à la journée. Il faut savoir ravaler son égo et accepter de revenir avec encore plus d’envie lorsque les conditions sont davantage acceptables —&nbsp;et surtout compatibles avec mes explorations du&nbsp;moment.</p>
<p>J’ai&nbsp;appris&nbsp;:</p>
<ul>
<li>qu’il est possible de mettre chaque pied dans un sac type ZipLock pour essayer de garder ses chaussettes relativement sèches, attention une fois percés ça peut faire&nbsp;garrot&#8239;;</li>
<li>qu’il est possible de faire sécher des chaussettes sur le sac et de faire un roulement à trois paires (toujours avoir une épingle à nourrice sur le sac) en changeant à chaque&nbsp;pause&#8239;;</li>
<li>qu’il me faut des raquettes jusqu’à fin avril (je le réapprends tous les printemps, faudrait que ça commence à&nbsp;rentrer…)&#8239;;</li>
<li>qu’il faut que je me rappelle que cette forêt a beaucoup plus de précipitations que ses voisines… et donc une période de fonte plus&nbsp;longue&#8239;;</li>
<li>qu’il me faut trouver une meilleure manière de m’alimenter dans&nbsp;l’effort.</li>
</ul>
<p>Retour à la maison avec le physique pas trop amoché, il va falloir soigner le mental&nbsp;maintenant.</p>

    
      <nav>
        <p>
          
            <a href="/david/2024/apprentissage/"
               title="Liste de tous les articles 2024 associés à cette étiquette"
               rel="tag">#apprentissage</a>
          
            <a href="/david/2024/deception/"
               title="Liste de tous les articles 2024 associés à cette étiquette"
               rel="tag">#déception</a>
          
            <a href="/david/2024/foret/"
               title="Liste de tous les articles 2024 associés à cette étiquette"
               rel="tag">#forêt</a>
          
          <a href="/david/2024/#tags" title="Liste de toutes les étiquettes 2024">tous ?</a>
        </p>
      </nav>
    
  
    <h2>
      <a href="/david/2024/03/14/" title="Lien permanent vers cet article">Montre 2</a> <time datetime="2024-03-14">14 mars 2024</time>
    </h2>
    
<p>J’ai reçu un <a href="/david/2024/03/02/" title="Montre">nouveau jouet</a> aujourd’hui. Alors je me suis amusé. Il me reste beaucoup de données et fonctionnalités à&nbsp;explorer.</p>
<p>J’ai finalement opté pour la version non-Pro afin de privilégier un format qui me convient mieux (taille / poids), j’ai pu tester en magasin les deux&nbsp;auparavant.</p>
<p>Il faut que j’apprenne à ne pas courir <em>contre</em> mais <em>avec</em> la montre. J’ai trop tendance à pousser alors qu’elle sait bien à mon poignet que mon cœur ne va pas&nbsp;suivre.</p>
<p>Il y a du travail à faire pour transformer un jugement en&nbsp;allié.</p>

<blockquote>
<p>Tu peux parler fort, exhiber ton savoir, assener tes arguments, brandir ta culture…<br />
… mais la conversation est à sens unique et totalement stérile.<br />
Au terme de l’échange tu demeures exactement le même, tu n’as pas évolué d’un&nbsp;pouce.</p>
<p>La rencontre n’a pas eu&nbsp;lieu.</p>
<p>Ou bien, tu peux laisser l’autre s’exprimer, l’écouter. Et alors te hisser sur la marche qu’il érige puis en poser une à ton tour.<br />
Vois ta balle de tennis comme le lien qui te rattache aux autres. Cultive-le tant que tu peux.<br />
Ne cherche plus à lutter contre les autres pour être meilleur, Max, mais deviens meilleur grâce à&nbsp;eux.</p>
<p>Le tennis est un art. L’art de&nbsp;l’échange.</p>
<p><cite><em>Max Winson</em>, Jérémie&nbsp;Moreau</cite></p>
</blockquote>

    
      <nav>
        <p>
          
            <a href="/david/2024/deception/"
               title="Liste de tous les articles 2024 associés à cette étiquette"
               rel="tag">#déception</a>
          
            <a href="/david/2024/enthousiasme/"
               title="Liste de tous les articles 2024 associés à cette étiquette"
               rel="tag">#enthousiasme</a>
          
            <a href="/david/2024/sport/"
               title="Liste de tous les articles 2024 associés à cette étiquette"
               rel="tag">#sport</a>
          
          <a href="/david/2024/#tags" title="Liste de toutes les étiquettes 2024">tous ?</a>
        </p>
      </nav>
    
  
    <h2>
      <a href="/david/2024/03/07/" title="Lien permanent vers cet article">Sondages</a> <time datetime="2024-03-07">7 mars 2024</time>
    </h2>
    

<blockquote>
<p><mark>Une faible majorité</mark> des votants estime qu’il faut mentionner dans le résumé introductif le nom pré-transition d’une personne transgenre qui a acquis sous cette ancienne identité une notoriété suffisante pour remplir les critères&nbsp;d’admissibilité.</p>
<p>Dans leurs verbatims, les partisans de la mention du morinom insistent sur le caractère encyclopédique de l’information (62), puisque les sujets concernés ont acquis la notoriété sous leur ancien nom (50) et qu’elle s’appuie sur des sources secondaires publiques (31). Il convient selon eux d’indiquer de façon claire et accessible (31), sans réécriture de l’histoire (22), cette information utile au lecteur (15). Ils estiment que les biographies des personnes transgenres ne doivent pas être traitées différemment des autres (14) et rappellent que sur Wikipédia le sujet d’une biographie n’a pas de privilège éditorial sur son contenu (8). Si à leur sens l’information doit figurer dans l’article, il est en revanche inopportun de la répéter&nbsp;(24).</p>
<p>Les opposants arguent quant à eux que la mention du morinom est nuisible aux personnes concernées (83) ou constitue un manque de respect pour le sujet de la biographie (40). Ils considèrent qu’un nom obsolète ne peut pas être encyclopédique (37), qu’il s’agit d’une information privée (38), inutile (36), dont la mention est transphobe (17). L’avis d’une personne transgenre sujet d’une biographie doit selon eux être respecté&nbsp;(29).</p>
<p><cite><em><a data-link-domain="fr.wikipedia.org" href="https://fr.wikipedia.org/wiki/Wikip%C3%A9dia:Sondage/Mention_du_nom_de_naissance_pour_les_personnes_trans/R%C3%A9sultats">Wikipédia:Sondage/Mention du nom de naissance pour les personnes&nbsp;trans/Résultats</a></em></cite></p>
</blockquote>
<p>54% des 357&nbsp;avis décomptés. Tristesse <a href="/david/2024/02/29/" title="Wikipédia">anticipée</a>.</p>
<p>Wikipedia est le seul service centralisé sur le Web qui ne souffre d’aucune concurrence. Alors les luttes sont internes, pour décrire le monde tel qu’il est perçu par une certaine population, que l’autre partie de la population prendra pour vérité. Il y a probablement un truc mâle·sain dans tout&nbsp;ça.</p>

<blockquote lang="en">
<p>Today, the French-speaking Wikipedia passed a decision to deadname trans people in their&nbsp;biographies.</p>
<p>Some will argue that this makes WP-FR transphobic, and there is certainly something to it: while Wikipedia is not a monolithic institution, and while I am critical of the phrase &quot;Wikipedian community&quot;, it is a fact that WP-FR is effectively controlled by people hostile or indifferent to&nbsp;inclusion.</p>
<p>But <mark>this decision is utterly un-Wikipedian,</mark> and therefore lacks any legitimity, for&nbsp;2&nbsp;reasons</p>
<p><em><a data-link-domain="bagarrosphere.fr" href="https://bagarrosphere.fr/@photos_floues/112047957955051151">Rama sur&nbsp;Mastodon</a></em></p>
</blockquote>
<a href="#hr-102" title="Lien vers cette section de la page"><hr id="hr-102" /></a>

<blockquote lang="en">
<p>CSS <code>:has()</code> is a powerful feature that opens a lot of possibilities that weren’t possible before. It literally gives us CSS superpowers! I recommend you start using it today and experiment with&nbsp;it.</p>
<p><cite><em><a data-link-domain="ishadeed.com" href="https://ishadeed.com/article/css-has-guide/" hreflang="en"
            title="Consultation de l’article (anglais)">CSS&nbsp;:has() Interactive Guide</a>
            <a href="/david/cache/2024/02eaae467a3a88479393c9fe026f655a/" hreflang="en"
                data-tippy data-description="Everything you need to know about CSS :has() selector."
                data-source="https://ishadeed.com/article/css-has-guide/"
                data-date="2024-03-07"
                data-favicon="https://ishadeed.com/assets/favicon-32x32.png"
                data-domain="ishadeed.com"
                ><svg xmlns="http://www.w3.org/2000/svg"
                    width="24" height="24" viewBox="0 0 24 24" fill="none"
                    stroke="currentColor" stroke-width="2" stroke-linecap="square"
                    stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle>
                    <path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path>
                    <line x1="12" y1="17" x2="12.01" y2="17"></line>
                </svg>
                <span class="sr-only">[archive]</span></a></em></cite></p>
</blockquote>
<p>Incroyable article d’Ahmad Shadeed complété par <a data-link-domain="piccalil.li" href="https://piccalil.li/blog/some-little-ways-im-using-css-has-in-the-real-world/" hreflang="en"
            title="Consultation de l’article (anglais)">d’autres cas pratiques</a>
            <a href="/david/cache/2024/529fce4c2b7c378f07aead94e62d3923/" hreflang="en"
                data-tippy data-description="I’ve created some low fidelity demos of :has() snippets that I’ve been using in real-world client projects."
                data-source="https://piccalil.li/blog/some-little-ways-im-using-css-has-in-the-real-world/"
                data-date="2024-03-07"
                data-favicon="https://piccalil.li/images/favicon-32x32.png"
                data-domain="piccalil.li"
                ><svg xmlns="http://www.w3.org/2000/svg"
                    width="24" height="24" viewBox="0 0 24 24" fill="none"
                    stroke="currentColor" stroke-width="2" stroke-linecap="square"
                    stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle>
                    <path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path>
                    <line x1="12" y1="17" x2="12.01" y2="17"></line>
                </svg>
                <span class="sr-only">[archive]</span></a> d’Andy Bell qui m’ont donné envie de jouer avec sur <a href="/david/">ma page d’accueil</a>. C’est subtil et je reviendrai dessus mais je trouve ça intéressant pour montrer le lien entre les articles de l’année et leurs étiquettes. Cela ne m’embête pas que ce ne soit pas accessible à des doigts, au clavier et/ou aux anciens navigateurs car c’est du bonus. En effet, c’est du Baseline2023™ <a data-link-domain="MDN" href="https://developer.mozilla.org/en-US/docs/Web/CSS/:has">niveau support</a>.</p>
<p>Je me suis rendu compte en consultant les résultats de <a data-link-domain="social.lol" href="https://social.lol/@brandonwrites/112045044489173328">ce sondage</a> (92% des 363&nbsp;personnes ayant répondu vont consulter les archives d’un blog qu’elles découvrent) qu’il n’était pas évident de découvrir ce que je raconte par ici. Surtout avec des titres à un seul mot, aussi je tente des choses pour rendre plus explicite la toile qui est tissée quotidiennement. Depuis bientôt&nbsp;20&nbsp;ans.</p>
<a href="#hr-103" title="Lien vers cette section de la page"><hr id="hr-103" /></a>

<blockquote lang="en">
<p>A <strong>title drop</strong> is when a character in a movie says the title of the movie they’re in. Here’s a large-scale analysis of 73,921&nbsp;movies from the last 80&nbsp;years on how often, when and maybe even why that&nbsp;happens.</p>
<p><cite><em><a data-link-domain="titledrops.net" href="https://www.titledrops.net/">Full Of&nbsp;Themselves</a></em></cite></p>
</blockquote>
<p>Parfois tu tombes sur un site qui a demandé un effort non négligeable et tu te dis <del>à quoi bon</del> trop&nbsp;génial&#8239;!</p>

<blockquote>
<p>So who are the most excessive offenders in mentioning their titles over the course of the film? The overall star when it comes to fiction only came out last year: it’s Barbie by Greta Gerwig with an impressive 267&nbsp;title drops within its 1&nbsp;hour and 54&nbsp;minutes runtime, clocking in at a whopping 2.34&nbsp;BPM (Barbies Per&nbsp;Minute).</p>
<p><cite><em>Ibid.</em></cite></p>
</blockquote>
<p>Je comprends mieux mon&nbsp;endormissement.</p>

    
      <nav>
        <p>
          
            <a href="/david/2024/commun/"
               title="Liste de tous les articles 2024 associés à cette étiquette"
               rel="tag">#commun</a>
          
            <a href="/david/2024/deception/"
               title="Liste de tous les articles 2024 associés à cette étiquette"
               rel="tag">#déception</a>
          
            <a href="/david/2024/web/"
               title="Liste de tous les articles 2024 associés à cette étiquette"
               rel="tag">#web</a>
          
          <a href="/david/2024/#tags" title="Liste de toutes les étiquettes 2024">tous ?</a>
        </p>
      </nav>
    
  
    <h2>
      <a href="/david/2024/02/29/" title="Lien permanent vers cet article">Wikipédia</a> <time datetime="2024-02-29">29 février 2024</time>
    </h2>
    

<blockquote>
<p>Petit récapitulatif pour moi-même de la controverse qui agite la version francophone de Wikipédia et ses communautés. Bien que j’aimerai écrire plus longuement sur le sujet, je n’ai pas la bande passante nocturne pour le faire encore moins diurne. <mark>Je travaille de façon ouverte en espérant que les esprits refroidis retrouveront un brin de lucidité.</mark> Wikipédia est un projet important, chacun y contribue à sa manière, j’essaie de poser quelques bases pour éventuellement développer plus en détails certains points à l’avenir. Une note de synthèse en quelques&nbsp;sortes.</p>
<p><cite><em><a data-link-domain="write.apreslanu.it" href="https://write.apreslanu.it/tk/wikipedia-ou-la-desillusion-de-lintelligence-collective" hreflang="fr"
            title="Consultation de l’article">Wikipédia ou la désillusion de l’intelligence collective</a>
            <a href="/david/cache/2024/71d5226ddc436248164884b12f15ed42/" hreflang="fr"
                data-tippy data-description="Petit récapitulatif pour moi-même de la controverse qui agite la version francophone de Wikipédia et ses communautés. Bien que j’aimerai ..."
                data-source="https://write.apreslanu.it/tk/wikipedia-ou-la-desillusion-de-lintelligence-collective"
                data-date="2024-03-01"
                data-favicon="https://write.apreslanu.it/favicon.ico"
                data-domain="write.apreslanu.it"
                ><svg xmlns="http://www.w3.org/2000/svg"
                    width="24" height="24" viewBox="0 0 24 24" fill="none"
                    stroke="currentColor" stroke-width="2" stroke-linecap="square"
                    stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle>
                    <path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path>
                    <line x1="12" y1="17" x2="12.01" y2="17"></line>
                </svg>
                <span class="sr-only">[archive]</span></a></em></cite></p>
</blockquote>
<p>Cela fait quelques jours que j’observe la situation en essayant de ne pas réagir à chaud. Je vois d’un côté des personnes qui souhaitent documenter des faits «&nbsp;historiques&nbsp;» sans en subir aucune conséquence et de l’autre des personnes qui ont bien souvent souffert et souffrent encore de cette histoire, sans compter les potentiels risques actuels et futurs&nbsp;encourus.</p>
<p>Ce résumé est sûrement caricatural <em>et</em> je peux passer outre mon besoin de savoir encyclopédique pour la sécurité physique et mentale d’autres&nbsp;personnes.</p>
<p>Une pensée pour les personnes concernées qui sont impliquées et contributrices régulières, ça ne doit pas être évident de garder la motivation après&nbsp;ça&nbsp;💜.</p>

<blockquote>
<p>Comment comprendre cette contradiction entre volonté de transparence et&nbsp;d’entre-soi&#8239;?</p>
<p><cite><em><a data-link-domain="crowdagger.fr" href="https://crowdagger.fr/wikipedia-et-le-necronyme-des-personnes-trans-linsoutenable-neutralite-du-point-de-vue/" hreflang="fr"
            title="Consultation de l’article">Wikipédia et le nécronyme des personnes trans&nbsp;: l’insoutenable neutralité du point de vue&#8239;?</a>
            <a href="/david/cache/2024/1eec2b195d91939cdc7bad71b40021bd/" hreflang="fr"
                data-tippy data-description="Tentative de comprendre le conflit sur Wikipédia francophone autour du nécronyme des personnes trans"
                data-source="https://crowdagger.fr/wikipedia-et-le-necronyme-des-personnes-trans-linsoutenable-neutralite-du-point-de-vue/"
                data-date="2024-03-01"
                data-favicon="https://crowdagger.fr/wp-content/uploads/2021/11/cropped-facivon-32x32.png"
                data-domain="crowdagger.fr"
                ><svg xmlns="http://www.w3.org/2000/svg"
                    width="24" height="24" viewBox="0 0 24 24" fill="none"
                    stroke="currentColor" stroke-width="2" stroke-linecap="square"
                    stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle>
                    <path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path>
                    <line x1="12" y1="17" x2="12.01" y2="17"></line>
                </svg>
                <span class="sr-only">[archive]</span></a></em></cite></p>
</blockquote>
<a href="#hr-95" title="Lien vers cette section de la page"><hr id="hr-95" /></a>
<p>Si jamais vous avez un code Python qui doit tourner sous Windows et qui semble avoir des problème d’encodage (notamment sur <code>Path().read/write_text()</code>), <a data-link-domain="dev.to" href="https://dev.to/methane/python-use-utf-8-mode-on-windows-212i">vous pouvez tenter</a> la variable d’environnement <code>PYTHONUTF8=1</code> ou le paramètre <code>-Xutf8</code> pour lancer Python&nbsp;3.7+.</p>
<a href="#hr-96" title="Lien vers cette section de la page"><hr id="hr-96" /></a>

<blockquote lang="en">
<p>25&nbsp;January 1999&nbsp;was my first day at W3C. I was 23&nbsp;years old when I started. I’ve now spent more than half my life at that. <mark>I regret nothing</mark> because I find the work I do really interesting, important, meaningful; and I don’t tire of it because I feel like there’s renewal every now and&nbsp;then.</p>
<p><cite><em><a data-link-domain="blog.koalie.net" href="https://blog.koalie.net/2024/02/29/25th-work-anniversary/" hreflang="en"
            title="Consultation de l’article (anglais)">25th work anniversary</a>
            <a href="/david/cache/2024/d74f376e53fc6a1108c59b6e6fa57ba1/" hreflang="en"
                data-tippy data-description="25 January 1999 was my first day at W3C. I was 23 years old when I started. I’ve now spent more than half my life at that. I regret nothing because I find the work I do really interesting, im…"
                data-source="https://blog.koalie.net/2024/02/29/25th-work-anniversary/"
                data-date="2024-03-01"
                data-favicon="https://blog.koalie.net/wp-content/uploads/2023/12/cropped-koalie-meiji-shrine-cropped-400px-32x32.jpeg"
                data-domain="blog.koalie.net"
                ><svg xmlns="http://www.w3.org/2000/svg"
                    width="24" height="24" viewBox="0 0 24 24" fill="none"
                    stroke="currentColor" stroke-width="2" stroke-linecap="square"
                    stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle>
                    <path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path>
                    <line x1="12" y1="17" x2="12.01" y2="17"></line>
                </svg>
                <span class="sr-only">[archive]</span></a></em></cite></p>
</blockquote>
<p>Dans la catégorie pas-toutes-les-héroïnes-ne-portent-de-capes, koalie tient une belle&nbsp;place&nbsp;🙇.</p>

    
      <nav>
        <p>
          
            <a href="/david/2024/commun/"
               title="Liste de tous les articles 2024 associés à cette étiquette"
               rel="tag">#commun</a>
          
            <a href="/david/2024/deception/"
               title="Liste de tous les articles 2024 associés à cette étiquette"
               rel="tag">#déception</a>
          
            <a href="/david/2024/psychologie/"
               title="Liste de tous les articles 2024 associés à cette étiquette"
               rel="tag">#psychologie</a>
          
          <a href="/david/2024/#tags" title="Liste de toutes les étiquettes 2024">tous ?</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>