48 changed files with 3040 additions and 3015 deletions
+ 96
- 97
david/2024/01/01/index.html
View File
| @@ -104,38 +104,34 @@ | |||
| </script> | |||
| <body data-instant-intensity="viewport-all"> | |||
| <article> | |||
| <header> | |||
| <hgroup> | |||
| <h1>Dryear(s)</h1> | |||
| <p>Le <time datetime="2024-01-01">1 janvier 2024</time></p> | |||
| </hgroup> | |||
| </header> | |||
| <nav> | |||
| <p class="center"> | |||
| <a rel="prev" | |||
| href="/david/2023/" | |||
| title="Publication précédente : Publications 2023">← Précédent</a> • | |||
| <nobr> | |||
| <a href="/david/" title="Aller à l’accueil" rel="up">Accueil</a> | |||
| </nobr> | |||
| • | |||
| <nobr> | |||
| <a href="/david/recherche/" | |||
| title="Aller à la page de recherche" | |||
| rel="search">Recherche</a> | |||
| </nobr> | |||
| • <a rel="next" | |||
| href="/david/2024/01/02/" | |||
| title="Publication suivante : Fondations">Suivant →</a> | |||
| </p> | |||
| </nav> | |||
| <article> | |||
| <header> | |||
| <hgroup> | |||
| <h1>Dryear(s)</h1> | |||
| <p>Le <time datetime="2024-01-01">1 janvier 2024</time></p> | |||
| </hgroup> | |||
| </header> | |||
| <nav> | |||
| <p> | |||
| <a rel="prev" | |||
| href="/david/2023/" | |||
| title="Publication précédente : Publications 2023">← 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">Recherche</a> | |||
| • <a rel="next" | |||
| href="/david/2024/01/02/" | |||
| title="Publication suivante : Fondations">Suivant →</a> | |||
| </p> | |||
| </nav> | |||
| <blockquote> | |||
| <p>33 % de 44 millions de consommateurs vont faire le Dry January<br /> | |||
| @@ -162,94 +158,97 @@ Pb : mémoire, troubles cognitifs, responsable de cancer, pb sommeil, déco | |||
| <hr /> | |||
| <p>Grosse envie de reprendre la CSS par ici en ce début d’année. Avec le dilemme de faire chuter cette motivation si je publie dès maintenant avec l’ancienne (qui restera effective sur les anciens articles). Je vais essayer de me retenir.</p> | |||
| <nav> | |||
| <p> | |||
| <a href="/david/2024/addiction/" | |||
| title="Liste de tous les articles 2024 associés à cette étiquette" | |||
| rel="tag">#addiction</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/protopie/" | |||
| title="Liste de tous les articles 2024 associés à cette étiquette" | |||
| rel="tag">#protopie</a> | |||
| <a href="/david/#tags-2024" title="Liste de toutes les étiquettes 2024">tous ?</a> | |||
| </p> | |||
| </nav> | |||
| <nav> | |||
| <p class="center"> | |||
| <p> | |||
| <a rel="prev" | |||
| href="/david/2023/" | |||
| title="Publication précédente : Publications 2023">← Précédent</a> • | |||
| <a href="/david/2024/addiction/" | |||
| title="Liste de tous les articles 2024 associés à cette étiquette" | |||
| rel="tag">#addiction</a> | |||
| <a href="/david/2024/" title="Liste des publications récentes">↑ En 2024</a> | |||
| <a href="/david/2024/experience/" | |||
| title="Liste de tous les articles 2024 associés à cette étiquette" | |||
| rel="tag">#expérience</a> | |||
| • <a rel="next" | |||
| href="/david/2024/01/02/" | |||
| title="Publication suivante : Fondations">Suivant →</a> | |||
| <a href="/david/2024/protopie/" | |||
| title="Liste de tous les articles 2024 associés à cette étiquette" | |||
| rel="tag">#protopie</a> | |||
| <a href="/david/2024/#tags" title="Liste de toutes les étiquettes 2024">tous ?</a> | |||
| </p> | |||
| </nav> | |||
| <aside> | |||
| <theme-toggle></theme-toggle> | |||
| </aside> | |||
| </article> | |||
| <nav> | |||
| <p> | |||
| <a rel="prev" | |||
| href="/david/2023/" | |||
| title="Publication précédente : Publications 2023">← Précédent</a> • | |||
| <a href="/david/2024/" title="Liste des publications récentes">↑ En 2024</a> | |||
| • <a rel="next" | |||
| href="/david/2024/01/02/" | |||
| title="Publication suivante : Fondations">Suivant →</a> | |||
| </p> | |||
| </nav> | |||
| <form action="/david/recherche/" method="get"> | |||
| <fieldset> | |||
| <legend>Recherche</legend> | |||
| <label for="input-search">Termes de votre recherche :</label> | |||
| <input 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> | |||
| <nobr> | |||
| <a href="/david/" title="Aller à l’accueil">Accueil</a> | |||
| </nobr> | |||
| <a href="/david/" title="Aller à l’accueil">Accueil</a> | |||
| • | |||
| <nobr> | |||
| <a href="/david/log/" title="Accès au flux RSS">Suivre</a> | |||
| </nobr> | |||
| <a href="/david/log/" title="Accès au flux RSS">Suivre</a> | |||
| • | |||
| <nobr> | |||
| <a href="http://larlet.com" | |||
| title="Go to my English profile" | |||
| data-instant>Pro</a> | |||
| </nobr> | |||
| <a href="http://larlet.com" | |||
| title="Go to my English profile" | |||
| data-instant>Pro</a> | |||
| • | |||
| <nobr> | |||
| <a href="mailto:david%40larlet.fr" title="Envoyer un courriel">Email</a> | |||
| </nobr> | |||
| <a href="mailto:david%40larlet.fr" title="Envoyer un courriel">Email</a> | |||
| • | |||
| <nobr> | |||
| <abbr class="nowrap" | |||
| title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340">Légal</abbr> | |||
| </nobr> | |||
| <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 { | |||
| fieldset div { | |||
| text-align: center; | |||
| } | |||
| </style> | |||
| <fieldset> | |||
| <legend>Thème | |||
| </legend> | |||
| <label> | |||
| <input type="radio" value="auto" name="chosen-color-scheme" checked> | |||
| Auto | |||
| </label> | |||
| <label> | |||
| <input type="radio" value="dark" name="chosen-color-scheme"> | |||
| Foncé | |||
| </label> | |||
| <label> | |||
| <input type="radio" value="light" name="chosen-color-scheme"> | |||
| Clair | |||
| </label> | |||
| <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> | |||
+ 96
- 97
david/2024/01/02/index.html
View File
| @@ -104,38 +104,34 @@ | |||
| </script> | |||
| <body data-instant-intensity="viewport-all"> | |||
| <article> | |||
| <header> | |||
| <hgroup> | |||
| <h1>Fondations</h1> | |||
| <p>Le <time datetime="2024-01-02">2 janvier 2024</time></p> | |||
| </hgroup> | |||
| </header> | |||
| <nav> | |||
| <p class="center"> | |||
| <a rel="prev" | |||
| href="/david/2024/01/01/" | |||
| title="Publication précédente : Dryear(s)">← Précédent</a> • | |||
| <nobr> | |||
| <a href="/david/" title="Aller à l’accueil" rel="up">Accueil</a> | |||
| </nobr> | |||
| • | |||
| <nobr> | |||
| <a href="/david/recherche/" | |||
| title="Aller à la page de recherche" | |||
| rel="search">Recherche</a> | |||
| </nobr> | |||
| • <a rel="next" | |||
| href="/david/2024/01/03/" | |||
| title="Publication suivante : Appariement">Suivant →</a> | |||
| </p> | |||
| </nav> | |||
| <article> | |||
| <header> | |||
| <hgroup> | |||
| <h1>Fondations</h1> | |||
| <p>Le <time datetime="2024-01-02">2 janvier 2024</time></p> | |||
| </hgroup> | |||
| </header> | |||
| <nav> | |||
| <p> | |||
| <a rel="prev" | |||
| href="/david/2024/01/01/" | |||
| title="Publication précédente : Dryear(s)">← 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">Recherche</a> | |||
| • <a rel="next" | |||
| href="/david/2024/01/03/" | |||
| title="Publication suivante : Appariement">Suivant →</a> | |||
| </p> | |||
| </nav> | |||
| <p>Tellement de choses sont dorénavant possibles en CSS, je suis submergé par l’ampleur de la tâche. J’ai envie d’essayer trop de choses : des <em>grids</em>, des <em>layers</em>, des fonctionnalités avancées de typographie, que cet espace redevienne un terrain de jeu dans ce domaine car je sens bien que j’ai un peu délaissé cet aspect au fil du temps.</p> | |||
| <p>Je commence par regarder à quoi ressemble une page nue avec la précédente sémantique HTML. Ce n’est pas si mal mais les icônes en SVG pourraient avoir des dimensions plus appropriées. Je les retire, il est temps de gagner en légèreté. Je regarde à quoi ressemblent des <em>reset</em> modernes :</p> | |||
| <ul> | |||
| @@ -174,94 +170,97 @@ | |||
| <p>Je ne sais pas trop quoi en penser, c’est toujours marrant de retrouver de vieilles tentatives. De mémoire, c’était déjà plus pour m’amuser avec les <em>layers</em> qu’une refonte sérieuse (et cette typo 😱 (Bizmeud, <a data-link-domain="velvetyne.fr" href="https://velvetyne.fr/news/vtf-is-dead-long-live-velvetyne/">en retraite</a>)). Il n’est pas exclus que les essais actuels finissent également à la poubelle.</p> | |||
| <p>Tiens, est-ce que j’arrive à faire déborder l’image du flux aussi ? Oui, et ça ouvre des perspectives d’agencements photographiques à explorer…</p> | |||
| <nav> | |||
| <p> | |||
| <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/technique/" | |||
| title="Liste de tous les articles 2024 associés à cette étiquette" | |||
| rel="tag">#technique</a> | |||
| <a href="/david/2024/web/" | |||
| title="Liste de tous les articles 2024 associés à cette étiquette" | |||
| rel="tag">#web</a> | |||
| <a href="/david/#tags-2024" title="Liste de toutes les étiquettes 2024">tous ?</a> | |||
| </p> | |||
| </nav> | |||
| <nav> | |||
| <p class="center"> | |||
| <p> | |||
| <a rel="prev" | |||
| href="/david/2024/01/01/" | |||
| title="Publication précédente : Dryear(s)">← Précédent</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/" title="Liste des publications récentes">↑ En 2024</a> | |||
| <a href="/david/2024/technique/" | |||
| title="Liste de tous les articles 2024 associés à cette étiquette" | |||
| rel="tag">#technique</a> | |||
| • <a rel="next" | |||
| href="/david/2024/01/03/" | |||
| title="Publication suivante : Appariement">Suivant →</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> | |||
| <aside> | |||
| <theme-toggle></theme-toggle> | |||
| </aside> | |||
| </article> | |||
| <nav> | |||
| <p> | |||
| <a rel="prev" | |||
| href="/david/2024/01/01/" | |||
| title="Publication précédente : Dryear(s)">← Précédent</a> • | |||
| <a href="/david/2024/" title="Liste des publications récentes">↑ En 2024</a> | |||
| • <a rel="next" | |||
| href="/david/2024/01/03/" | |||
| title="Publication suivante : Appariement">Suivant →</a> | |||
| </p> | |||
| </nav> | |||
| <form action="/david/recherche/" method="get"> | |||
| <fieldset> | |||
| <legend>Recherche</legend> | |||
| <label for="input-search">Termes de votre recherche :</label> | |||
| <input 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> | |||
| <nobr> | |||
| <a href="/david/" title="Aller à l’accueil">Accueil</a> | |||
| </nobr> | |||
| <a href="/david/" title="Aller à l’accueil">Accueil</a> | |||
| • | |||
| <nobr> | |||
| <a href="/david/log/" title="Accès au flux RSS">Suivre</a> | |||
| </nobr> | |||
| <a href="/david/log/" title="Accès au flux RSS">Suivre</a> | |||
| • | |||
| <nobr> | |||
| <a href="http://larlet.com" | |||
| title="Go to my English profile" | |||
| data-instant>Pro</a> | |||
| </nobr> | |||
| <a href="http://larlet.com" | |||
| title="Go to my English profile" | |||
| data-instant>Pro</a> | |||
| • | |||
| <nobr> | |||
| <a href="mailto:david%40larlet.fr" title="Envoyer un courriel">Email</a> | |||
| </nobr> | |||
| <a href="mailto:david%40larlet.fr" title="Envoyer un courriel">Email</a> | |||
| • | |||
| <nobr> | |||
| <abbr class="nowrap" | |||
| title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340">Légal</abbr> | |||
| </nobr> | |||
| <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 { | |||
| fieldset div { | |||
| text-align: center; | |||
| } | |||
| </style> | |||
| <fieldset> | |||
| <legend>Thème | |||
| </legend> | |||
| <label> | |||
| <input type="radio" value="auto" name="chosen-color-scheme" checked> | |||
| Auto | |||
| </label> | |||
| <label> | |||
| <input type="radio" value="dark" name="chosen-color-scheme"> | |||
| Foncé | |||
| </label> | |||
| <label> | |||
| <input type="radio" value="light" name="chosen-color-scheme"> | |||
| Clair | |||
| </label> | |||
| <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> | |||
+ 96
- 97
david/2024/01/03/index.html
View File
| @@ -104,38 +104,34 @@ | |||
| </script> | |||
| <body data-instant-intensity="viewport-all"> | |||
| <article> | |||
| <header> | |||
| <hgroup> | |||
| <h1>Appariement</h1> | |||
| <p>Le <time datetime="2024-01-03">3 janvier 2024</time></p> | |||
| </hgroup> | |||
| </header> | |||
| <nav> | |||
| <p class="center"> | |||
| <a rel="prev" | |||
| href="/david/2024/01/02/" | |||
| title="Publication précédente : Fondations">← Précédent</a> • | |||
| <nobr> | |||
| <a href="/david/" title="Aller à l’accueil" rel="up">Accueil</a> | |||
| </nobr> | |||
| • | |||
| <nobr> | |||
| <a href="/david/recherche/" | |||
| title="Aller à la page de recherche" | |||
| rel="search">Recherche</a> | |||
| </nobr> | |||
| • <a rel="next" | |||
| href="/david/2024/01/04/" | |||
| title="Publication suivante : Repos">Suivant →</a> | |||
| </p> | |||
| </nav> | |||
| <article> | |||
| <header> | |||
| <hgroup> | |||
| <h1>Appariement</h1> | |||
| <p>Le <time datetime="2024-01-03">3 janvier 2024</time></p> | |||
| </hgroup> | |||
| </header> | |||
| <nav> | |||
| <p> | |||
| <a rel="prev" | |||
| href="/david/2024/01/02/" | |||
| title="Publication précédente : Fondations">← 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">Recherche</a> | |||
| • <a rel="next" | |||
| href="/david/2024/01/04/" | |||
| title="Publication suivante : Repos">Suivant →</a> | |||
| </p> | |||
| </nav> | |||
| <p>Je me réveille avec une envie d’expérimentations typographiques. Après une nuit de réflexion, ce sera <a data-link-domain="mbtype.com" href="https://mbtype.com/fonts/century-supra/">Century Supra</a> qui fera la paire avec <a data-link-domain="mbtype.com" href="https://mbtype.com/fonts/concourse/">Concourse</a> pour du <em>sans serif</em> (oui, je suis fan du travail de Matthew Butterick depuis très longtemps). Il va falloir que je m’habitue à ce que mon édition dans iA Writer ne ressemble plus au rendu sur la prévisualisation du site.</p> | |||
| <p>Au niveau de la taille, j’ai enfin l’occasion de tester un <a data-link-domain="utopia.fyi" href="https://utopia.fyi/blog/css-modular-scales">échelle modulaire</a> et c’est suffisamment adaptatif pour le moment. Il faudra que je retravaille certains espacements mais je n’en suis pas encore à cette étape. Je ne comprends pas encore tout à fait la formule et j’arrive à vivre avec.</p> | |||
| <p>Je me rappelle aussi qu’un des intérêts que j’avais trouvé aux <em>CSS layers</em> c’est de pouvoir mieux documenter la CSS alors je sors les styles en ligne de l’itération d’hier pour avoir une feuille dédiée dont je commence à documenter les différentes sections.</p> | |||
| @@ -151,94 +147,97 @@ | |||
| <p>On a couru 10 km avec l’enfant. À ce rythme là, je ne sais pas si je vais pouvoir suivre longtemps ! La récompense a été de croiser un renard urbain de vraiment très près, moins de 5 mètres, que l’on a bien eu le temps d’observer vu qu’il courrait vers nous. Par contre un flasque de plus de 10 ans s’est percée dans ma poche pendant la course, j’étais bien trempé avec du vent. Il faisait -6°C.</p> | |||
| <p>Tout ça pour aller chercher un bidon d’huile pour la transmission de la voiture.</p> | |||
| <nav> | |||
| <p> | |||
| <a href="/david/2024/accompagnement/" | |||
| title="Liste de tous les articles 2024 associés à cette étiquette" | |||
| rel="tag">#accompagnement</a> | |||
| <a href="/david/2024/ecriture/" | |||
| title="Liste de tous les articles 2024 associés à cette étiquette" | |||
| rel="tag">#écriture</a> | |||
| <a href="/david/2024/web/" | |||
| title="Liste de tous les articles 2024 associés à cette étiquette" | |||
| rel="tag">#web</a> | |||
| <a href="/david/#tags-2024" title="Liste de toutes les étiquettes 2024">tous ?</a> | |||
| </p> | |||
| </nav> | |||
| <nav> | |||
| <p class="center"> | |||
| <p> | |||
| <a rel="prev" | |||
| href="/david/2024/01/02/" | |||
| title="Publication précédente : Fondations">← Précédent</a> • | |||
| <a href="/david/2024/accompagnement/" | |||
| title="Liste de tous les articles 2024 associés à cette étiquette" | |||
| rel="tag">#accompagnement</a> | |||
| <a href="/david/2024/" title="Liste des publications récentes">↑ En 2024</a> | |||
| <a href="/david/2024/ecriture/" | |||
| title="Liste de tous les articles 2024 associés à cette étiquette" | |||
| rel="tag">#écriture</a> | |||
| • <a rel="next" | |||
| href="/david/2024/01/04/" | |||
| title="Publication suivante : Repos">Suivant →</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> | |||
| <aside> | |||
| <theme-toggle></theme-toggle> | |||
| </aside> | |||
| </article> | |||
| <nav> | |||
| <p> | |||
| <a rel="prev" | |||
| href="/david/2024/01/02/" | |||
| title="Publication précédente : Fondations">← Précédent</a> • | |||
| <a href="/david/2024/" title="Liste des publications récentes">↑ En 2024</a> | |||
| • <a rel="next" | |||
| href="/david/2024/01/04/" | |||
| title="Publication suivante : Repos">Suivant →</a> | |||
| </p> | |||
| </nav> | |||
| <form action="/david/recherche/" method="get"> | |||
| <fieldset> | |||
| <legend>Recherche</legend> | |||
| <label for="input-search">Termes de votre recherche :</label> | |||
| <input 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> | |||
| <nobr> | |||
| <a href="/david/" title="Aller à l’accueil">Accueil</a> | |||
| </nobr> | |||
| <a href="/david/" title="Aller à l’accueil">Accueil</a> | |||
| • | |||
| <nobr> | |||
| <a href="/david/log/" title="Accès au flux RSS">Suivre</a> | |||
| </nobr> | |||
| <a href="/david/log/" title="Accès au flux RSS">Suivre</a> | |||
| • | |||
| <nobr> | |||
| <a href="http://larlet.com" | |||
| title="Go to my English profile" | |||
| data-instant>Pro</a> | |||
| </nobr> | |||
| <a href="http://larlet.com" | |||
| title="Go to my English profile" | |||
| data-instant>Pro</a> | |||
| • | |||
| <nobr> | |||
| <a href="mailto:david%40larlet.fr" title="Envoyer un courriel">Email</a> | |||
| </nobr> | |||
| <a href="mailto:david%40larlet.fr" title="Envoyer un courriel">Email</a> | |||
| • | |||
| <nobr> | |||
| <abbr class="nowrap" | |||
| title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340">Légal</abbr> | |||
| </nobr> | |||
| <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 { | |||
| fieldset div { | |||
| text-align: center; | |||
| } | |||
| </style> | |||
| <fieldset> | |||
| <legend>Thème | |||
| </legend> | |||
| <label> | |||
| <input type="radio" value="auto" name="chosen-color-scheme" checked> | |||
| Auto | |||
| </label> | |||
| <label> | |||
| <input type="radio" value="dark" name="chosen-color-scheme"> | |||
| Foncé | |||
| </label> | |||
| <label> | |||
| <input type="radio" value="light" name="chosen-color-scheme"> | |||
| Clair | |||
| </label> | |||
| <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> | |||
+ 84
- 85
david/2024/01/04/index.html
View File
| @@ -104,38 +104,34 @@ | |||
| </script> | |||
| <body data-instant-intensity="viewport-all"> | |||
| <article> | |||
| <header> | |||
| <hgroup> | |||
| <h1>Repos</h1> | |||
| <p>Le <time datetime="2024-01-04">4 janvier 2024</time></p> | |||
| </hgroup> | |||
| </header> | |||
| <nav> | |||
| <p class="center"> | |||
| <a rel="prev" | |||
| href="/david/2024/01/03/" | |||
| title="Publication précédente : Appariement">← Précédent</a> • | |||
| <nobr> | |||
| <a href="/david/" title="Aller à l’accueil" rel="up">Accueil</a> | |||
| </nobr> | |||
| • | |||
| <nobr> | |||
| <a href="/david/recherche/" | |||
| title="Aller à la page de recherche" | |||
| rel="search">Recherche</a> | |||
| </nobr> | |||
| • <a rel="next" | |||
| href="/david/2024/01/05/" | |||
| title="Publication suivante : Vocabulaire">Suivant →</a> | |||
| </p> | |||
| </nav> | |||
| <article> | |||
| <header> | |||
| <hgroup> | |||
| <h1>Repos</h1> | |||
| <p>Le <time datetime="2024-01-04">4 janvier 2024</time></p> | |||
| </hgroup> | |||
| </header> | |||
| <nav> | |||
| <p> | |||
| <a rel="prev" | |||
| href="/david/2024/01/03/" | |||
| title="Publication précédente : Appariement">← 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">Recherche</a> | |||
| • <a rel="next" | |||
| href="/david/2024/01/05/" | |||
| title="Publication suivante : Vocabulaire">Suivant →</a> | |||
| </p> | |||
| </nav> | |||
| <blockquote> | |||
| <p>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à. <mark>J’en suis aussi excitée que prudente,</mark> 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 absolus.</p> | |||
| @@ -156,75 +152,78 @@ | |||
| <p>Au passage, autant faire de même pour le code. Des couleurs, de la vie ! De l’envie.</p> | |||
| <p>Note : être développeur d’un produit <em>open-source</em> populaire c’est un boulot à plein temps, pas de vacances pour les notifications / sollicitations.</p> | |||
| <nav> | |||
| <p class="center"> | |||
| <a rel="prev" | |||
| href="/david/2024/01/03/" | |||
| title="Publication précédente : Appariement">← Précédent</a> • | |||
| <a href="/david/2024/" title="Liste des publications récentes">↑ En 2024</a> | |||
| • <a rel="next" | |||
| href="/david/2024/01/05/" | |||
| title="Publication suivante : Vocabulaire">Suivant →</a> | |||
| </p> | |||
| </nav> | |||
| <aside> | |||
| <theme-toggle></theme-toggle> | |||
| </aside> | |||
| </article> | |||
| <nav> | |||
| <p> | |||
| <a rel="prev" | |||
| href="/david/2024/01/03/" | |||
| title="Publication précédente : Appariement">← Précédent</a> • | |||
| <a href="/david/2024/" title="Liste des publications récentes">↑ En 2024</a> | |||
| • <a rel="next" | |||
| href="/david/2024/01/05/" | |||
| title="Publication suivante : Vocabulaire">Suivant →</a> | |||
| </p> | |||
| </nav> | |||
| <form action="/david/recherche/" method="get"> | |||
| <fieldset> | |||
| <legend>Recherche</legend> | |||
| <label for="input-search">Termes de votre recherche :</label> | |||
| <input 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> | |||
| <nobr> | |||
| <a href="/david/" title="Aller à l’accueil">Accueil</a> | |||
| </nobr> | |||
| <a href="/david/" title="Aller à l’accueil">Accueil</a> | |||
| • | |||
| <nobr> | |||
| <a href="/david/log/" title="Accès au flux RSS">Suivre</a> | |||
| </nobr> | |||
| <a href="/david/log/" title="Accès au flux RSS">Suivre</a> | |||
| • | |||
| <nobr> | |||
| <a href="http://larlet.com" | |||
| title="Go to my English profile" | |||
| data-instant>Pro</a> | |||
| </nobr> | |||
| <a href="http://larlet.com" | |||
| title="Go to my English profile" | |||
| data-instant>Pro</a> | |||
| • | |||
| <nobr> | |||
| <a href="mailto:david%40larlet.fr" title="Envoyer un courriel">Email</a> | |||
| </nobr> | |||
| <a href="mailto:david%40larlet.fr" title="Envoyer un courriel">Email</a> | |||
| • | |||
| <nobr> | |||
| <abbr class="nowrap" | |||
| title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340">Légal</abbr> | |||
| </nobr> | |||
| <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 { | |||
| fieldset div { | |||
| text-align: center; | |||
| } | |||
| </style> | |||
| <fieldset> | |||
| <legend>Thème | |||
| </legend> | |||
| <label> | |||
| <input type="radio" value="auto" name="chosen-color-scheme" checked> | |||
| Auto | |||
| </label> | |||
| <label> | |||
| <input type="radio" value="dark" name="chosen-color-scheme"> | |||
| Foncé | |||
| </label> | |||
| <label> | |||
| <input type="radio" value="light" name="chosen-color-scheme"> | |||
| Clair | |||
| </label> | |||
| <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> | |||
+ 96
- 97
david/2024/01/05/index.html
View File
| @@ -104,38 +104,34 @@ | |||
| </script> | |||
| <body data-instant-intensity="viewport-all"> | |||
| <article> | |||
| <header> | |||
| <hgroup> | |||
| <h1>Vocabulaire</h1> | |||
| <p>Le <time datetime="2024-01-05">5 janvier 2024</time></p> | |||
| </hgroup> | |||
| </header> | |||
| <nav> | |||
| <p class="center"> | |||
| <a rel="prev" | |||
| href="/david/2024/01/04/" | |||
| title="Publication précédente : Repos">← Précédent</a> • | |||
| <nobr> | |||
| <a href="/david/" title="Aller à l’accueil" rel="up">Accueil</a> | |||
| </nobr> | |||
| • | |||
| <nobr> | |||
| <a href="/david/recherche/" | |||
| title="Aller à la page de recherche" | |||
| rel="search">Recherche</a> | |||
| </nobr> | |||
| • <a rel="next" | |||
| href="/david/2024/01/06/" | |||
| title="Publication suivante : Objectif">Suivant →</a> | |||
| </p> | |||
| </nav> | |||
| <article> | |||
| <header> | |||
| <hgroup> | |||
| <h1>Vocabulaire</h1> | |||
| <p>Le <time datetime="2024-01-05">5 janvier 2024</time></p> | |||
| </hgroup> | |||
| </header> | |||
| <nav> | |||
| <p> | |||
| <a rel="prev" | |||
| href="/david/2024/01/04/" | |||
| title="Publication précédente : Repos">← 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">Recherche</a> | |||
| • <a rel="next" | |||
| href="/david/2024/01/06/" | |||
| title="Publication suivante : Objectif">Suivant →</a> | |||
| </p> | |||
| </nav> | |||
| <blockquote> | |||
| <p>Les tensions et processer les tensions. Essayez de remplacer les termes « problèmes » et « solutions » par « tensions » et « processer ». Les êtres humains semblent être enclins de manière innée à attendre la dernière minute pour gérer ce qu’ils perçoivent comme des problèmes. Par conséquent, l’emploi de ce langage « négatif » dans le monde de l’entreprise peut donner naissance à une culture de l’évitement ou de l’inquiétude inutile. Le terme « tension », comme employé en <em>Holacracy</em>, est neutre et signifie simplement <em>la perception d’un écart entre la réalité et ce qu’elle pourrait être.</em></p> | |||
| @@ -177,94 +173,97 @@ Isobel hésite. Sans lever les yeux de son livre, Emily répond à sa place  | |||
| </blockquote> | |||
| <p>💚 Quand l’ornithologie fait de la poésie.</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/decision/" | |||
| title="Liste de tous les articles 2024 associés à cette étiquette" | |||
| rel="tag">#décision</a> | |||
| <a href="/david/2024/equipe/" | |||
| title="Liste de tous les articles 2024 associés à cette étiquette" | |||
| rel="tag">#équipe</a> | |||
| <a href="/david/#tags-2024" title="Liste de toutes les étiquettes 2024">tous ?</a> | |||
| </p> | |||
| </nav> | |||
| <nav> | |||
| <p class="center"> | |||
| <p> | |||
| <a rel="prev" | |||
| href="/david/2024/01/04/" | |||
| title="Publication précédente : Repos">← Précédent</a> • | |||
| <a href="/david/2024/apprentissage/" | |||
| title="Liste de tous les articles 2024 associés à cette étiquette" | |||
| rel="tag">#apprentissage</a> | |||
| <a href="/david/2024/" title="Liste des publications récentes">↑ En 2024</a> | |||
| <a href="/david/2024/decision/" | |||
| title="Liste de tous les articles 2024 associés à cette étiquette" | |||
| rel="tag">#décision</a> | |||
| • <a rel="next" | |||
| href="/david/2024/01/06/" | |||
| title="Publication suivante : Objectif">Suivant →</a> | |||
| <a href="/david/2024/equipe/" | |||
| title="Liste de tous les articles 2024 associés à cette étiquette" | |||
| rel="tag">#équipe</a> | |||
| <a href="/david/2024/#tags" title="Liste de toutes les étiquettes 2024">tous ?</a> | |||
| </p> | |||
| </nav> | |||
| <aside> | |||
| <theme-toggle></theme-toggle> | |||
| </aside> | |||
| </article> | |||
| <nav> | |||
| <p> | |||
| <a rel="prev" | |||
| href="/david/2024/01/04/" | |||
| title="Publication précédente : Repos">← Précédent</a> • | |||
| <a href="/david/2024/" title="Liste des publications récentes">↑ En 2024</a> | |||
| • <a rel="next" | |||
| href="/david/2024/01/06/" | |||
| title="Publication suivante : Objectif">Suivant →</a> | |||
| </p> | |||
| </nav> | |||
| <form action="/david/recherche/" method="get"> | |||
| <fieldset> | |||
| <legend>Recherche</legend> | |||
| <label for="input-search">Termes de votre recherche :</label> | |||
| <input 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> | |||
| <nobr> | |||
| <a href="/david/" title="Aller à l’accueil">Accueil</a> | |||
| </nobr> | |||
| <a href="/david/" title="Aller à l’accueil">Accueil</a> | |||
| • | |||
| <nobr> | |||
| <a href="/david/log/" title="Accès au flux RSS">Suivre</a> | |||
| </nobr> | |||
| <a href="/david/log/" title="Accès au flux RSS">Suivre</a> | |||
| • | |||
| <nobr> | |||
| <a href="http://larlet.com" | |||
| title="Go to my English profile" | |||
| data-instant>Pro</a> | |||
| </nobr> | |||
| <a href="http://larlet.com" | |||
| title="Go to my English profile" | |||
| data-instant>Pro</a> | |||
| • | |||
| <nobr> | |||
| <a href="mailto:david%40larlet.fr" title="Envoyer un courriel">Email</a> | |||
| </nobr> | |||
| <a href="mailto:david%40larlet.fr" title="Envoyer un courriel">Email</a> | |||
| • | |||
| <nobr> | |||
| <abbr class="nowrap" | |||
| title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340">Légal</abbr> | |||
| </nobr> | |||
| <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 { | |||
| fieldset div { | |||
| text-align: center; | |||
| } | |||
| </style> | |||
| <fieldset> | |||
| <legend>Thème | |||
| </legend> | |||
| <label> | |||
| <input type="radio" value="auto" name="chosen-color-scheme" checked> | |||
| Auto | |||
| </label> | |||
| <label> | |||
| <input type="radio" value="dark" name="chosen-color-scheme"> | |||
| Foncé | |||
| </label> | |||
| <label> | |||
| <input type="radio" value="light" name="chosen-color-scheme"> | |||
| Clair | |||
| </label> | |||
| <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> | |||
+ 96
- 97
david/2024/01/06/index.html
View File
| @@ -104,38 +104,34 @@ | |||
| </script> | |||
| <body data-instant-intensity="viewport-all"> | |||
| <article> | |||
| <header> | |||
| <hgroup> | |||
| <h1>Objectif</h1> | |||
| <p>Le <time datetime="2024-01-06">6 janvier 2024</time></p> | |||
| </hgroup> | |||
| </header> | |||
| <nav> | |||
| <p class="center"> | |||
| <a rel="prev" | |||
| href="/david/2024/01/05/" | |||
| title="Publication précédente : Vocabulaire">← Précédent</a> • | |||
| <nobr> | |||
| <a href="/david/" title="Aller à l’accueil" rel="up">Accueil</a> | |||
| </nobr> | |||
| • | |||
| <nobr> | |||
| <a href="/david/recherche/" | |||
| title="Aller à la page de recherche" | |||
| rel="search">Recherche</a> | |||
| </nobr> | |||
| • <a rel="next" | |||
| href="/david/2024/01/07/" | |||
| title="Publication suivante : Dons">Suivant →</a> | |||
| </p> | |||
| </nav> | |||
| <article> | |||
| <header> | |||
| <hgroup> | |||
| <h1>Objectif</h1> | |||
| <p>Le <time datetime="2024-01-06">6 janvier 2024</time></p> | |||
| </hgroup> | |||
| </header> | |||
| <nav> | |||
| <p> | |||
| <a rel="prev" | |||
| href="/david/2024/01/05/" | |||
| title="Publication précédente : Vocabulaire">← 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">Recherche</a> | |||
| • <a rel="next" | |||
| href="/david/2024/01/07/" | |||
| title="Publication suivante : Dons">Suivant →</a> | |||
| </p> | |||
| </nav> | |||
| <p>C’est fou comme le fait de se donner un objectif (sportif) change la donne en terme de motivation. Pour cette année, ce sera la <em>Traversée de Charlevoix</em>. Je vais essayer de documenter le processus de préparation.</p> | |||
| <hr /> | |||
| <p>Au détour d’un vieux chalet :</p> | |||
| @@ -171,94 +167,97 @@ | |||
| <p><cite><a data-link-domain="pipou.academy" href="https://pipou.academy/@tiphaine/111629699683457788">@tiphaine@pipou.academy</a></cite></p> | |||
| </blockquote> | |||
| <nav> | |||
| <p> | |||
| <a href="/david/2024/addiction/" | |||
| title="Liste de tous les articles 2024 associés à cette étiquette" | |||
| rel="tag">#addiction</a> | |||
| <a href="/david/2024/processus/" | |||
| title="Liste de tous les articles 2024 associés à cette étiquette" | |||
| rel="tag">#processus</a> | |||
| <a href="/david/2024/sport/" | |||
| title="Liste de tous les articles 2024 associés à cette étiquette" | |||
| rel="tag">#sport</a> | |||
| <a href="/david/#tags-2024" title="Liste de toutes les étiquettes 2024">tous ?</a> | |||
| </p> | |||
| </nav> | |||
| <nav> | |||
| <p class="center"> | |||
| <p> | |||
| <a rel="prev" | |||
| href="/david/2024/01/05/" | |||
| title="Publication précédente : Vocabulaire">← Précédent</a> • | |||
| <a href="/david/2024/addiction/" | |||
| title="Liste de tous les articles 2024 associés à cette étiquette" | |||
| rel="tag">#addiction</a> | |||
| <a href="/david/2024/" title="Liste des publications récentes">↑ En 2024</a> | |||
| <a href="/david/2024/processus/" | |||
| title="Liste de tous les articles 2024 associés à cette étiquette" | |||
| rel="tag">#processus</a> | |||
| • <a rel="next" | |||
| href="/david/2024/01/07/" | |||
| title="Publication suivante : Dons">Suivant →</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> | |||
| <aside> | |||
| <theme-toggle></theme-toggle> | |||
| </aside> | |||
| </article> | |||
| <nav> | |||
| <p> | |||
| <a rel="prev" | |||
| href="/david/2024/01/05/" | |||
| title="Publication précédente : Vocabulaire">← Précédent</a> • | |||
| <a href="/david/2024/" title="Liste des publications récentes">↑ En 2024</a> | |||
| • <a rel="next" | |||
| href="/david/2024/01/07/" | |||
| title="Publication suivante : Dons">Suivant →</a> | |||
| </p> | |||
| </nav> | |||
| <form action="/david/recherche/" method="get"> | |||
| <fieldset> | |||
| <legend>Recherche</legend> | |||
| <label for="input-search">Termes de votre recherche :</label> | |||
| <input 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> | |||
| <nobr> | |||
| <a href="/david/" title="Aller à l’accueil">Accueil</a> | |||
| </nobr> | |||
| <a href="/david/" title="Aller à l’accueil">Accueil</a> | |||
| • | |||
| <nobr> | |||
| <a href="/david/log/" title="Accès au flux RSS">Suivre</a> | |||
| </nobr> | |||
| <a href="/david/log/" title="Accès au flux RSS">Suivre</a> | |||
| • | |||
| <nobr> | |||
| <a href="http://larlet.com" | |||
| title="Go to my English profile" | |||
| data-instant>Pro</a> | |||
| </nobr> | |||
| <a href="http://larlet.com" | |||
| title="Go to my English profile" | |||
| data-instant>Pro</a> | |||
| • | |||
| <nobr> | |||
| <a href="mailto:david%40larlet.fr" title="Envoyer un courriel">Email</a> | |||
| </nobr> | |||
| <a href="mailto:david%40larlet.fr" title="Envoyer un courriel">Email</a> | |||
| • | |||
| <nobr> | |||
| <abbr class="nowrap" | |||
| title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340">Légal</abbr> | |||
| </nobr> | |||
| <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 { | |||
| fieldset div { | |||
| text-align: center; | |||
| } | |||
| </style> | |||
| <fieldset> | |||
| <legend>Thème | |||
| </legend> | |||
| <label> | |||
| <input type="radio" value="auto" name="chosen-color-scheme" checked> | |||
| Auto | |||
| </label> | |||
| <label> | |||
| <input type="radio" value="dark" name="chosen-color-scheme"> | |||
| Foncé | |||
| </label> | |||
| <label> | |||
| <input type="radio" value="light" name="chosen-color-scheme"> | |||
| Clair | |||
| </label> | |||
| <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> | |||
+ 96
- 97
david/2024/01/07/index.html
View File
| @@ -104,38 +104,34 @@ | |||
| </script> | |||
| <body data-instant-intensity="viewport-all"> | |||
| <article> | |||
| <header> | |||
| <hgroup> | |||
| <h1>Dons</h1> | |||
| <p>Le <time datetime="2024-01-07">7 janvier 2024</time></p> | |||
| </hgroup> | |||
| </header> | |||
| <nav> | |||
| <p class="center"> | |||
| <a rel="prev" | |||
| href="/david/2024/01/06/" | |||
| title="Publication précédente : Objectif">← Précédent</a> • | |||
| <nobr> | |||
| <a href="/david/" title="Aller à l’accueil" rel="up">Accueil</a> | |||
| </nobr> | |||
| • | |||
| <nobr> | |||
| <a href="/david/recherche/" | |||
| title="Aller à la page de recherche" | |||
| rel="search">Recherche</a> | |||
| </nobr> | |||
| • <a rel="next" | |||
| href="/david/2024/01/08/" | |||
| title="Publication suivante : Liens">Suivant →</a> | |||
| </p> | |||
| </nav> | |||
| <article> | |||
| <header> | |||
| <hgroup> | |||
| <h1>Dons</h1> | |||
| <p>Le <time datetime="2024-01-07">7 janvier 2024</time></p> | |||
| </hgroup> | |||
| </header> | |||
| <nav> | |||
| <p> | |||
| <a rel="prev" | |||
| href="/david/2024/01/06/" | |||
| title="Publication précédente : Objectif">← 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">Recherche</a> | |||
| • <a rel="next" | |||
| href="/david/2024/01/08/" | |||
| title="Publication suivante : Liens">Suivant →</a> | |||
| </p> | |||
| </nav> | |||
| <blockquote> | |||
| <p>Plus que 3 jours pour décider de l’usage de vos #impôts en donnant à des #assos !</p> | |||
| @@ -172,94 +168,97 @@ | |||
| <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 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">[archive]</a> est ma nouvelle cryptonite.</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/communaute/" | |||
| title="Liste de tous les articles 2024 associés à cette étiquette" | |||
| rel="tag">#communauté</a> | |||
| <a href="/david/2024/fediverse/" | |||
| title="Liste de tous les articles 2024 associés à cette étiquette" | |||
| rel="tag">#fédiverse</a> | |||
| <a href="/david/#tags-2024" title="Liste de toutes les étiquettes 2024">tous ?</a> | |||
| </p> | |||
| </nav> | |||
| <nav> | |||
| <p class="center"> | |||
| <p> | |||
| <a rel="prev" | |||
| href="/david/2024/01/06/" | |||
| title="Publication précédente : Objectif">← Précédent</a> • | |||
| <a href="/david/2024/apprentissage/" | |||
| title="Liste de tous les articles 2024 associés à cette étiquette" | |||
| rel="tag">#apprentissage</a> | |||
| <a href="/david/2024/" title="Liste des publications récentes">↑ En 2024</a> | |||
| <a href="/david/2024/communaute/" | |||
| title="Liste de tous les articles 2024 associés à cette étiquette" | |||
| rel="tag">#communauté</a> | |||
| • <a rel="next" | |||
| href="/david/2024/01/08/" | |||
| title="Publication suivante : Liens">Suivant →</a> | |||
| <a href="/david/2024/fediverse/" | |||
| title="Liste de tous les articles 2024 associés à cette étiquette" | |||
| rel="tag">#fédiverse</a> | |||
| <a href="/david/2024/#tags" title="Liste de toutes les étiquettes 2024">tous ?</a> | |||
| </p> | |||
| </nav> | |||
| <aside> | |||
| <theme-toggle></theme-toggle> | |||
| </aside> | |||
| </article> | |||
| <nav> | |||
| <p> | |||
| <a rel="prev" | |||
| href="/david/2024/01/06/" | |||
| title="Publication précédente : Objectif">← Précédent</a> • | |||
| <a href="/david/2024/" title="Liste des publications récentes">↑ En 2024</a> | |||
| • <a rel="next" | |||
| href="/david/2024/01/08/" | |||
| title="Publication suivante : Liens">Suivant →</a> | |||
| </p> | |||
| </nav> | |||
| <form action="/david/recherche/" method="get"> | |||
| <fieldset> | |||
| <legend>Recherche</legend> | |||
| <label for="input-search">Termes de votre recherche :</label> | |||
| <input 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> | |||
| <nobr> | |||
| <a href="/david/" title="Aller à l’accueil">Accueil</a> | |||
| </nobr> | |||
| <a href="/david/" title="Aller à l’accueil">Accueil</a> | |||
| • | |||
| <nobr> | |||
| <a href="/david/log/" title="Accès au flux RSS">Suivre</a> | |||
| </nobr> | |||
| <a href="/david/log/" title="Accès au flux RSS">Suivre</a> | |||
| • | |||
| <nobr> | |||
| <a href="http://larlet.com" | |||
| title="Go to my English profile" | |||
| data-instant>Pro</a> | |||
| </nobr> | |||
| <a href="http://larlet.com" | |||
| title="Go to my English profile" | |||
| data-instant>Pro</a> | |||
| • | |||
| <nobr> | |||
| <a href="mailto:david%40larlet.fr" title="Envoyer un courriel">Email</a> | |||
| </nobr> | |||
| <a href="mailto:david%40larlet.fr" title="Envoyer un courriel">Email</a> | |||
| • | |||
| <nobr> | |||
| <abbr class="nowrap" | |||
| title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340">Légal</abbr> | |||
| </nobr> | |||
| <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 { | |||
| fieldset div { | |||
| text-align: center; | |||
| } | |||
| </style> | |||
| <fieldset> | |||
| <legend>Thème | |||
| </legend> | |||
| <label> | |||
| <input type="radio" value="auto" name="chosen-color-scheme" checked> | |||
| Auto | |||
| </label> | |||
| <label> | |||
| <input type="radio" value="dark" name="chosen-color-scheme"> | |||
| Foncé | |||
| </label> | |||
| <label> | |||
| <input type="radio" value="light" name="chosen-color-scheme"> | |||
| Clair | |||
| </label> | |||
| <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> | |||
+ 96
- 97
david/2024/01/08/index.html
View File
| @@ -104,38 +104,34 @@ | |||
| </script> | |||
| <body data-instant-intensity="viewport-all"> | |||
| <article> | |||
| <header> | |||
| <hgroup> | |||
| <h1>Liens</h1> | |||
| <p>Le <time datetime="2024-01-08">8 janvier 2024</time></p> | |||
| </hgroup> | |||
| </header> | |||
| <nav> | |||
| <p class="center"> | |||
| <a rel="prev" | |||
| href="/david/2024/01/07/" | |||
| title="Publication précédente : Dons">← Précédent</a> • | |||
| <nobr> | |||
| <a href="/david/" title="Aller à l’accueil" rel="up">Accueil</a> | |||
| </nobr> | |||
| • | |||
| <nobr> | |||
| <a href="/david/recherche/" | |||
| title="Aller à la page de recherche" | |||
| rel="search">Recherche</a> | |||
| </nobr> | |||
| • <a rel="next" | |||
| href="/david/2024/01/09/" | |||
| title="Publication suivante : Blessure">Suivant →</a> | |||
| </p> | |||
| </nav> | |||
| <article> | |||
| <header> | |||
| <hgroup> | |||
| <h1>Liens</h1> | |||
| <p>Le <time datetime="2024-01-08">8 janvier 2024</time></p> | |||
| </hgroup> | |||
| </header> | |||
| <nav> | |||
| <p> | |||
| <a rel="prev" | |||
| href="/david/2024/01/07/" | |||
| title="Publication précédente : Dons">← 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">Recherche</a> | |||
| • <a rel="next" | |||
| href="/david/2024/01/09/" | |||
| title="Publication suivante : Blessure">Suivant →</a> | |||
| </p> | |||
| </nav> | |||
| <p>Je décide de tester d’ajouter le domaine du lien après la lien, j’ai souvent besoin de cette information avant de cliquer sur un lien. Pour cela je charge le domaine en Python grâce à la flexibilité de <a data-link-domain="mistune.lepture.com" href="https://mistune.lepture.com/en/latest/">mistune</a> et je m’en sers ensuite en CSS pour l’afficher dynamiquement :</p> | |||
| <pre><code>a[data-link-domain]::after { | |||
| content: " [" attr(data-link-domain) "]"; | |||
| @@ -184,94 +180,97 @@ a::before { | |||
| <hr /> | |||
| <p>L’hiver commence maintenant le 7 janvier à Montréal. Phénomène météorologique exceptionnel <em>et</em> tendance climatique.</p> | |||
| <nav> | |||
| <p> | |||
| <a href="/david/2024/processus/" | |||
| title="Liste de tous les articles 2024 associés à cette étiquette" | |||
| rel="tag">#processus</a> | |||
| <a href="/david/2024/solastalgia/" | |||
| title="Liste de tous les articles 2024 associés à cette étiquette" | |||
| rel="tag">#solastalgia</a> | |||
| <a href="/david/2024/technique/" | |||
| title="Liste de tous les articles 2024 associés à cette étiquette" | |||
| rel="tag">#technique</a> | |||
| <a href="/david/#tags-2024" title="Liste de toutes les étiquettes 2024">tous ?</a> | |||
| </p> | |||
| </nav> | |||
| <nav> | |||
| <p class="center"> | |||
| <p> | |||
| <a rel="prev" | |||
| href="/david/2024/01/07/" | |||
| title="Publication précédente : Dons">← Précédent</a> • | |||
| <a href="/david/2024/processus/" | |||
| title="Liste de tous les articles 2024 associés à cette étiquette" | |||
| rel="tag">#processus</a> | |||
| <a href="/david/2024/" title="Liste des publications récentes">↑ En 2024</a> | |||
| <a href="/david/2024/solastalgia/" | |||
| title="Liste de tous les articles 2024 associés à cette étiquette" | |||
| rel="tag">#solastalgia</a> | |||
| • <a rel="next" | |||
| href="/david/2024/01/09/" | |||
| title="Publication suivante : Blessure">Suivant →</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> | |||
| <aside> | |||
| <theme-toggle></theme-toggle> | |||
| </aside> | |||
| </article> | |||
| <nav> | |||
| <p> | |||
| <a rel="prev" | |||
| href="/david/2024/01/07/" | |||
| title="Publication précédente : Dons">← Précédent</a> • | |||
| <a href="/david/2024/" title="Liste des publications récentes">↑ En 2024</a> | |||
| • <a rel="next" | |||
| href="/david/2024/01/09/" | |||
| title="Publication suivante : Blessure">Suivant →</a> | |||
| </p> | |||
| </nav> | |||
| <form action="/david/recherche/" method="get"> | |||
| <fieldset> | |||
| <legend>Recherche</legend> | |||
| <label for="input-search">Termes de votre recherche :</label> | |||
| <input 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> | |||
| <nobr> | |||
| <a href="/david/" title="Aller à l’accueil">Accueil</a> | |||
| </nobr> | |||
| <a href="/david/" title="Aller à l’accueil">Accueil</a> | |||
| • | |||
| <nobr> | |||
| <a href="/david/log/" title="Accès au flux RSS">Suivre</a> | |||
| </nobr> | |||
| <a href="/david/log/" title="Accès au flux RSS">Suivre</a> | |||
| • | |||
| <nobr> | |||
| <a href="http://larlet.com" | |||
| title="Go to my English profile" | |||
| data-instant>Pro</a> | |||
| </nobr> | |||
| <a href="http://larlet.com" | |||
| title="Go to my English profile" | |||
| data-instant>Pro</a> | |||
| • | |||
| <nobr> | |||
| <a href="mailto:david%40larlet.fr" title="Envoyer un courriel">Email</a> | |||
| </nobr> | |||
| <a href="mailto:david%40larlet.fr" title="Envoyer un courriel">Email</a> | |||
| • | |||
| <nobr> | |||
| <abbr class="nowrap" | |||
| title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340">Légal</abbr> | |||
| </nobr> | |||
| <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 { | |||
| fieldset div { | |||
| text-align: center; | |||
| } | |||
| </style> | |||
| <fieldset> | |||
| <legend>Thème | |||
| </legend> | |||
| <label> | |||
| <input type="radio" value="auto" name="chosen-color-scheme" checked> | |||
| Auto | |||
| </label> | |||
| <label> | |||
| <input type="radio" value="dark" name="chosen-color-scheme"> | |||
| Foncé | |||
| </label> | |||
| <label> | |||
| <input type="radio" value="light" name="chosen-color-scheme"> | |||
| Clair | |||
| </label> | |||
| <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> | |||
+ 96
- 97
david/2024/01/09/index.html
View File
| @@ -104,38 +104,34 @@ | |||
| </script> | |||
| <body data-instant-intensity="viewport-all"> | |||
| <article> | |||
| <header> | |||
| <hgroup> | |||
| <h1>Blessure</h1> | |||
| <p>Le <time datetime="2024-01-09">9 janvier 2024</time></p> | |||
| </hgroup> | |||
| </header> | |||
| <nav> | |||
| <p class="center"> | |||
| <a rel="prev" | |||
| href="/david/2024/01/08/" | |||
| title="Publication précédente : Liens">← Précédent</a> • | |||
| <nobr> | |||
| <a href="/david/" title="Aller à l’accueil" rel="up">Accueil</a> | |||
| </nobr> | |||
| • | |||
| <nobr> | |||
| <a href="/david/recherche/" | |||
| title="Aller à la page de recherche" | |||
| rel="search">Recherche</a> | |||
| </nobr> | |||
| • <a rel="next" | |||
| href="/david/2024/01/10/" | |||
| title="Publication suivante : Écriture">Suivant →</a> | |||
| </p> | |||
| </nav> | |||
| <article> | |||
| <header> | |||
| <hgroup> | |||
| <h1>Blessure</h1> | |||
| <p>Le <time datetime="2024-01-09">9 janvier 2024</time></p> | |||
| </hgroup> | |||
| </header> | |||
| <nav> | |||
| <p> | |||
| <a rel="prev" | |||
| href="/david/2024/01/08/" | |||
| title="Publication précédente : Liens">← 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">Recherche</a> | |||
| • <a rel="next" | |||
| href="/david/2024/01/10/" | |||
| title="Publication suivante : Écriture">Suivant →</a> | |||
| </p> | |||
| </nav> | |||
| <p>Avec les amis, on profite des premières chutes de neige sur Montréal pour aller s’amuser sur le Mont Royal et vérifier que les skis de rando sont encore en bon état. Cinq minutes avant, je tirais l’enfant avec son baudrier en mode remontée musculaire, en pleine forme. Une descente entre les arbres même pas tant engagée et au moment de rejoindre le groupe, légère perte de contrôle dans un endroit très boisé. Mon ski se coince entre deux arbres assez fins mais suffisamment solides pour que ma cheville doive tourner dans le mauvais sens vu que mon corps a choisi de continuer sa course. <em>Ouille.</em></p> | |||
| <p>La tristesse de se faire mal au tout début de la saison. Aussi, c’est la pire chose à expérimenter lorsqu’on prépare un <a href="/david/2024/01/06/" title="Objectif">défi sportif</a>…</p> | |||
| <p>Youtube est le plus proche du célèbre <q lang="en">I know kung-fu</q> de Neo, j’ai appris à straper une cheville et j’ai l’espoir de pouvoir aller jusqu’au refuge avec l’enfant dans 2 semaines vu que j’ai déjà réservé. Une cheville <em>tape</em>ée devrait pouvoir tenir les 5 km à skis si j’en prends suffisamment soin d’ici là 🤞.</p> | |||
| @@ -155,94 +151,97 @@ | |||
| <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">[archive]</a></em></cite></p> | |||
| </blockquote> | |||
| <nav> | |||
| <p> | |||
| <a href="/david/2024/accessibilite/" | |||
| title="Liste de tous les articles 2024 associés à cette étiquette" | |||
| rel="tag">#accessibilité</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/technique/" | |||
| title="Liste de tous les articles 2024 associés à cette étiquette" | |||
| rel="tag">#technique</a> | |||
| <a href="/david/#tags-2024" title="Liste de toutes les étiquettes 2024">tous ?</a> | |||
| </p> | |||
| </nav> | |||
| <nav> | |||
| <p class="center"> | |||
| <p> | |||
| <a rel="prev" | |||
| href="/david/2024/01/08/" | |||
| title="Publication précédente : Liens">← Précédent</a> • | |||
| <a href="/david/2024/accessibilite/" | |||
| title="Liste de tous les articles 2024 associés à cette étiquette" | |||
| rel="tag">#accessibilité</a> | |||
| <a href="/david/2024/" title="Liste des publications récentes">↑ En 2024</a> | |||
| <a href="/david/2024/sport/" | |||
| title="Liste de tous les articles 2024 associés à cette étiquette" | |||
| rel="tag">#sport</a> | |||
| • <a rel="next" | |||
| href="/david/2024/01/10/" | |||
| title="Publication suivante : Écriture">Suivant →</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> | |||
| <aside> | |||
| <theme-toggle></theme-toggle> | |||
| </aside> | |||
| </article> | |||
| <nav> | |||
| <p> | |||
| <a rel="prev" | |||
| href="/david/2024/01/08/" | |||
| title="Publication précédente : Liens">← Précédent</a> • | |||
| <a href="/david/2024/" title="Liste des publications récentes">↑ En 2024</a> | |||
| • <a rel="next" | |||
| href="/david/2024/01/10/" | |||
| title="Publication suivante : Écriture">Suivant →</a> | |||
| </p> | |||
| </nav> | |||
| <form action="/david/recherche/" method="get"> | |||
| <fieldset> | |||
| <legend>Recherche</legend> | |||
| <label for="input-search">Termes de votre recherche :</label> | |||
| <input 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> | |||
| <nobr> | |||
| <a href="/david/" title="Aller à l’accueil">Accueil</a> | |||
| </nobr> | |||
| <a href="/david/" title="Aller à l’accueil">Accueil</a> | |||
| • | |||
| <nobr> | |||
| <a href="/david/log/" title="Accès au flux RSS">Suivre</a> | |||
| </nobr> | |||
| <a href="/david/log/" title="Accès au flux RSS">Suivre</a> | |||
| • | |||
| <nobr> | |||
| <a href="http://larlet.com" | |||
| title="Go to my English profile" | |||
| data-instant>Pro</a> | |||
| </nobr> | |||
| <a href="http://larlet.com" | |||
| title="Go to my English profile" | |||
| data-instant>Pro</a> | |||
| • | |||
| <nobr> | |||
| <a href="mailto:david%40larlet.fr" title="Envoyer un courriel">Email</a> | |||
| </nobr> | |||
| <a href="mailto:david%40larlet.fr" title="Envoyer un courriel">Email</a> | |||
| • | |||
| <nobr> | |||
| <abbr class="nowrap" | |||
| title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340">Légal</abbr> | |||
| </nobr> | |||
| <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 { | |||
| fieldset div { | |||
| text-align: center; | |||
| } | |||
| </style> | |||
| <fieldset> | |||
| <legend>Thème | |||
| </legend> | |||
| <label> | |||
| <input type="radio" value="auto" name="chosen-color-scheme" checked> | |||
| Auto | |||
| </label> | |||
| <label> | |||
| <input type="radio" value="dark" name="chosen-color-scheme"> | |||
| Foncé | |||
| </label> | |||
| <label> | |||
| <input type="radio" value="light" name="chosen-color-scheme"> | |||
| Clair | |||
| </label> | |||
| <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> | |||
+ 96
- 97
david/2024/01/10/index.html
View File
| @@ -104,38 +104,34 @@ | |||
| </script> | |||
| <body data-instant-intensity="viewport-all"> | |||
| <article> | |||
| <header> | |||
| <hgroup> | |||
| <h1>Écriture</h1> | |||
| <p>Le <time datetime="2024-01-10">10 janvier 2024</time></p> | |||
| </hgroup> | |||
| </header> | |||
| <nav> | |||
| <p class="center"> | |||
| <a rel="prev" | |||
| href="/david/2024/01/09/" | |||
| title="Publication précédente : Blessure">← Précédent</a> • | |||
| <nobr> | |||
| <a href="/david/" title="Aller à l’accueil" rel="up">Accueil</a> | |||
| </nobr> | |||
| • | |||
| <nobr> | |||
| <a href="/david/recherche/" | |||
| title="Aller à la page de recherche" | |||
| rel="search">Recherche</a> | |||
| </nobr> | |||
| • <a rel="next" | |||
| href="/david/2024/01/11/" | |||
| title="Publication suivante : Impact">Suivant →</a> | |||
| </p> | |||
| </nav> | |||
| <article> | |||
| <header> | |||
| <hgroup> | |||
| <h1>Écriture</h1> | |||
| <p>Le <time datetime="2024-01-10">10 janvier 2024</time></p> | |||
| </hgroup> | |||
| </header> | |||
| <nav> | |||
| <p> | |||
| <a rel="prev" | |||
| href="/david/2024/01/09/" | |||
| title="Publication précédente : Blessure">← 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">Recherche</a> | |||
| • <a rel="next" | |||
| href="/david/2024/01/11/" | |||
| title="Publication suivante : Impact">Suivant →</a> | |||
| </p> | |||
| </nav> | |||
| <blockquote lang="en"> | |||
| <p>And, I’ll assume we all agree that owning your own website is a <em>good thing</em>, and we all want more people to do it.</p> | |||
| @@ -194,94 +190,97 @@ | |||
| </blockquote> | |||
| <p>Dixième jour que j’ai l’impression de faire des billets trop longs. Beaucoup d’éparpillement suite à un cumul d’onglets ouverts, parfois depuis bien longtemps. Ça vous laisse un petit exercice de <q lang="en">curation</q> vous aussi :).</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/ecriture/" | |||
| title="Liste de tous les articles 2024 associés à cette étiquette" | |||
| rel="tag">#écriture</a> | |||
| <a href="/david/2024/ia/" | |||
| title="Liste de tous les articles 2024 associés à cette étiquette" | |||
| rel="tag">#IA</a> | |||
| <a href="/david/#tags-2024" title="Liste de toutes les étiquettes 2024">tous ?</a> | |||
| </p> | |||
| </nav> | |||
| <nav> | |||
| <p class="center"> | |||
| <p> | |||
| <a rel="prev" | |||
| href="/david/2024/01/09/" | |||
| title="Publication précédente : Blessure">← Précédent</a> • | |||
| <a href="/david/2024/apprentissage/" | |||
| title="Liste de tous les articles 2024 associés à cette étiquette" | |||
| rel="tag">#apprentissage</a> | |||
| <a href="/david/2024/" title="Liste des publications récentes">↑ En 2024</a> | |||
| <a href="/david/2024/ecriture/" | |||
| title="Liste de tous les articles 2024 associés à cette étiquette" | |||
| rel="tag">#écriture</a> | |||
| • <a rel="next" | |||
| href="/david/2024/01/11/" | |||
| title="Publication suivante : Impact">Suivant →</a> | |||
| <a href="/david/2024/ia/" | |||
| title="Liste de tous les articles 2024 associés à cette étiquette" | |||
| rel="tag">#IA</a> | |||
| <a href="/david/2024/#tags" title="Liste de toutes les étiquettes 2024">tous ?</a> | |||
| </p> | |||
| </nav> | |||
| <aside> | |||
| <theme-toggle></theme-toggle> | |||
| </aside> | |||
| </article> | |||
| <nav> | |||
| <p> | |||
| <a rel="prev" | |||
| href="/david/2024/01/09/" | |||
| title="Publication précédente : Blessure">← Précédent</a> • | |||
| <a href="/david/2024/" title="Liste des publications récentes">↑ En 2024</a> | |||
| • <a rel="next" | |||
| href="/david/2024/01/11/" | |||
| title="Publication suivante : Impact">Suivant →</a> | |||
| </p> | |||
| </nav> | |||
| <form action="/david/recherche/" method="get"> | |||
| <fieldset> | |||
| <legend>Recherche</legend> | |||
| <label for="input-search">Termes de votre recherche :</label> | |||
| <input 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> | |||
| <nobr> | |||
| <a href="/david/" title="Aller à l’accueil">Accueil</a> | |||
| </nobr> | |||
| <a href="/david/" title="Aller à l’accueil">Accueil</a> | |||
| • | |||
| <nobr> | |||
| <a href="/david/log/" title="Accès au flux RSS">Suivre</a> | |||
| </nobr> | |||
| <a href="/david/log/" title="Accès au flux RSS">Suivre</a> | |||
| • | |||
| <nobr> | |||
| <a href="http://larlet.com" | |||
| title="Go to my English profile" | |||
| data-instant>Pro</a> | |||
| </nobr> | |||
| <a href="http://larlet.com" | |||
| title="Go to my English profile" | |||
| data-instant>Pro</a> | |||
| • | |||
| <nobr> | |||
| <a href="mailto:david%40larlet.fr" title="Envoyer un courriel">Email</a> | |||
| </nobr> | |||
| <a href="mailto:david%40larlet.fr" title="Envoyer un courriel">Email</a> | |||
| • | |||
| <nobr> | |||
| <abbr class="nowrap" | |||
| title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340">Légal</abbr> | |||
| </nobr> | |||
| <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 { | |||
| fieldset div { | |||
| text-align: center; | |||
| } | |||
| </style> | |||
| <fieldset> | |||
| <legend>Thème | |||
| </legend> | |||
| <label> | |||
| <input type="radio" value="auto" name="chosen-color-scheme" checked> | |||
| Auto | |||
| </label> | |||
| <label> | |||
| <input type="radio" value="dark" name="chosen-color-scheme"> | |||
| Foncé | |||
| </label> | |||
| <label> | |||
| <input type="radio" value="light" name="chosen-color-scheme"> | |||
| Clair | |||
| </label> | |||
| <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> | |||
+ 96
- 97
david/2024/01/11/index.html
View File
| @@ -104,38 +104,34 @@ | |||
| </script> | |||
| <body data-instant-intensity="viewport-all"> | |||
| <article> | |||
| <header> | |||
| <hgroup> | |||
| <h1>Impact</h1> | |||
| <p>Le <time datetime="2024-01-11">11 janvier 2024</time></p> | |||
| </hgroup> | |||
| </header> | |||
| <nav> | |||
| <p class="center"> | |||
| <a rel="prev" | |||
| href="/david/2024/01/10/" | |||
| title="Publication précédente : Écriture">← Précédent</a> • | |||
| <nobr> | |||
| <a href="/david/" title="Aller à l’accueil" rel="up">Accueil</a> | |||
| </nobr> | |||
| • | |||
| <nobr> | |||
| <a href="/david/recherche/" | |||
| title="Aller à la page de recherche" | |||
| rel="search">Recherche</a> | |||
| </nobr> | |||
| • <a rel="next" | |||
| href="/david/2024/01/12/" | |||
| title="Publication suivante : Personnel">Suivant →</a> | |||
| </p> | |||
| </nav> | |||
| <article> | |||
| <header> | |||
| <hgroup> | |||
| <h1>Impact</h1> | |||
| <p>Le <time datetime="2024-01-11">11 janvier 2024</time></p> | |||
| </hgroup> | |||
| </header> | |||
| <nav> | |||
| <p> | |||
| <a rel="prev" | |||
| href="/david/2024/01/10/" | |||
| title="Publication précédente : Écriture">← 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">Recherche</a> | |||
| • <a rel="next" | |||
| href="/david/2024/01/12/" | |||
| title="Publication suivante : Personnel">Suivant →</a> | |||
| </p> | |||
| </nav> | |||
| <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> | |||
| @@ -169,94 +165,97 @@ | |||
| </code></pre> | |||
| <p>Je découvre au passage qu’il y a pas mal d’options d’accessibilité dans <a data-link-domain="polypane.app" href="https://polypane.app/">Polypane</a> que j’utilise depuis peu et que je n’ai pas pleinement exploré.</p> | |||
| <nav> | |||
| <p> | |||
| <a href="/david/2024/evolution/" | |||
| title="Liste de tous les articles 2024 associés à cette étiquette" | |||
| rel="tag">#évolution</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/web/" | |||
| title="Liste de tous les articles 2024 associés à cette étiquette" | |||
| rel="tag">#web</a> | |||
| <a href="/david/#tags-2024" title="Liste de toutes les étiquettes 2024">tous ?</a> | |||
| </p> | |||
| </nav> | |||
| <nav> | |||
| <p class="center"> | |||
| <p> | |||
| <a rel="prev" | |||
| href="/david/2024/01/10/" | |||
| title="Publication précédente : Écriture">← Précédent</a> • | |||
| <a href="/david/2024/evolution/" | |||
| title="Liste de tous les articles 2024 associés à cette étiquette" | |||
| rel="tag">#évolution</a> | |||
| <a href="/david/2024/" title="Liste des publications récentes">↑ En 2024</a> | |||
| <a href="/david/2024/technique/" | |||
| title="Liste de tous les articles 2024 associés à cette étiquette" | |||
| rel="tag">#technique</a> | |||
| • <a rel="next" | |||
| href="/david/2024/01/12/" | |||
| title="Publication suivante : Personnel">Suivant →</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> | |||
| <aside> | |||
| <theme-toggle></theme-toggle> | |||
| </aside> | |||
| </article> | |||
| <nav> | |||
| <p> | |||
| <a rel="prev" | |||
| href="/david/2024/01/10/" | |||
| title="Publication précédente : Écriture">← Précédent</a> • | |||
| <a href="/david/2024/" title="Liste des publications récentes">↑ En 2024</a> | |||
| • <a rel="next" | |||
| href="/david/2024/01/12/" | |||
| title="Publication suivante : Personnel">Suivant →</a> | |||
| </p> | |||
| </nav> | |||
| <form action="/david/recherche/" method="get"> | |||
| <fieldset> | |||
| <legend>Recherche</legend> | |||
| <label for="input-search">Termes de votre recherche :</label> | |||
| <input 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> | |||
| <nobr> | |||
| <a href="/david/" title="Aller à l’accueil">Accueil</a> | |||
| </nobr> | |||
| <a href="/david/" title="Aller à l’accueil">Accueil</a> | |||
| • | |||
| <nobr> | |||
| <a href="/david/log/" title="Accès au flux RSS">Suivre</a> | |||
| </nobr> | |||
| <a href="/david/log/" title="Accès au flux RSS">Suivre</a> | |||
| • | |||
| <nobr> | |||
| <a href="http://larlet.com" | |||
| title="Go to my English profile" | |||
| data-instant>Pro</a> | |||
| </nobr> | |||
| <a href="http://larlet.com" | |||
| title="Go to my English profile" | |||
| data-instant>Pro</a> | |||
| • | |||
| <nobr> | |||
| <a href="mailto:david%40larlet.fr" title="Envoyer un courriel">Email</a> | |||
| </nobr> | |||
| <a href="mailto:david%40larlet.fr" title="Envoyer un courriel">Email</a> | |||
| • | |||
| <nobr> | |||
| <abbr class="nowrap" | |||
| title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340">Légal</abbr> | |||
| </nobr> | |||
| <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 { | |||
| fieldset div { | |||
| text-align: center; | |||
| } | |||
| </style> | |||
| <fieldset> | |||
| <legend>Thème | |||
| </legend> | |||
| <label> | |||
| <input type="radio" value="auto" name="chosen-color-scheme" checked> | |||
| Auto | |||
| </label> | |||
| <label> | |||
| <input type="radio" value="dark" name="chosen-color-scheme"> | |||
| Foncé | |||
| </label> | |||
| <label> | |||
| <input type="radio" value="light" name="chosen-color-scheme"> | |||
| Clair | |||
| </label> | |||
| <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> | |||
+ 96
- 97
david/2024/01/12/index.html
View File
| @@ -104,38 +104,34 @@ | |||
| </script> | |||
| <body data-instant-intensity="viewport-all"> | |||
| <article> | |||
| <header> | |||
| <hgroup> | |||
| <h1>Personnel</h1> | |||
| <p>Le <time datetime="2024-01-12">12 janvier 2024</time></p> | |||
| </hgroup> | |||
| </header> | |||
| <nav> | |||
| <p class="center"> | |||
| <a rel="prev" | |||
| href="/david/2024/01/11/" | |||
| title="Publication précédente : Impact">← Précédent</a> • | |||
| <nobr> | |||
| <a href="/david/" title="Aller à l’accueil" rel="up">Accueil</a> | |||
| </nobr> | |||
| • | |||
| <nobr> | |||
| <a href="/david/recherche/" | |||
| title="Aller à la page de recherche" | |||
| rel="search">Recherche</a> | |||
| </nobr> | |||
| • <a rel="next" | |||
| href="/david/2024/01/13/" | |||
| title="Publication suivante : Wuwei">Suivant →</a> | |||
| </p> | |||
| </nav> | |||
| <article> | |||
| <header> | |||
| <hgroup> | |||
| <h1>Personnel</h1> | |||
| <p>Le <time datetime="2024-01-12">12 janvier 2024</time></p> | |||
| </hgroup> | |||
| </header> | |||
| <nav> | |||
| <p> | |||
| <a rel="prev" | |||
| href="/david/2024/01/11/" | |||
| title="Publication précédente : Impact">← 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">Recherche</a> | |||
| • <a rel="next" | |||
| href="/david/2024/01/13/" | |||
| title="Publication suivante : Wuwei">Suivant →</a> | |||
| </p> | |||
| </nav> | |||
| <blockquote> | |||
| <p>Mes lieux de lecture et d’écriture sont très associés. J’écris parce que je lis.</p> | |||
| @@ -174,94 +170,97 @@ | |||
| <li><a data-link-domain="mifi.no" href="https://mifi.no/losslesscut/">LosslessCut</a></li> | |||
| </ul> | |||
| <nav> | |||
| <p> | |||
| <a href="/david/2024/ecriture/" | |||
| title="Liste de tous les articles 2024 associés à cette étiquette" | |||
| rel="tag">#écriture</a> | |||
| <a href="/david/2024/processus/" | |||
| title="Liste de tous les articles 2024 associés à cette étiquette" | |||
| rel="tag">#processus</a> | |||
| <a href="/david/2024/psychologie/" | |||
| title="Liste de tous les articles 2024 associés à cette étiquette" | |||
| rel="tag">#psychologie</a> | |||
| <a href="/david/#tags-2024" title="Liste de toutes les étiquettes 2024">tous ?</a> | |||
| </p> | |||
| </nav> | |||
| <nav> | |||
| <p class="center"> | |||
| <p> | |||
| <a rel="prev" | |||
| href="/david/2024/01/11/" | |||
| title="Publication précédente : Impact">← Précédent</a> • | |||
| <a href="/david/2024/ecriture/" | |||
| title="Liste de tous les articles 2024 associés à cette étiquette" | |||
| rel="tag">#écriture</a> | |||
| <a href="/david/2024/" title="Liste des publications récentes">↑ En 2024</a> | |||
| <a href="/david/2024/processus/" | |||
| title="Liste de tous les articles 2024 associés à cette étiquette" | |||
| rel="tag">#processus</a> | |||
| • <a rel="next" | |||
| href="/david/2024/01/13/" | |||
| title="Publication suivante : Wuwei">Suivant →</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> | |||
| <aside> | |||
| <theme-toggle></theme-toggle> | |||
| </aside> | |||
| </article> | |||
| <nav> | |||
| <p> | |||
| <a rel="prev" | |||
| href="/david/2024/01/11/" | |||
| title="Publication précédente : Impact">← Précédent</a> • | |||
| <a href="/david/2024/" title="Liste des publications récentes">↑ En 2024</a> | |||
| • <a rel="next" | |||
| href="/david/2024/01/13/" | |||
| title="Publication suivante : Wuwei">Suivant →</a> | |||
| </p> | |||
| </nav> | |||
| <form action="/david/recherche/" method="get"> | |||
| <fieldset> | |||
| <legend>Recherche</legend> | |||
| <label for="input-search">Termes de votre recherche :</label> | |||
| <input 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> | |||
| <nobr> | |||
| <a href="/david/" title="Aller à l’accueil">Accueil</a> | |||
| </nobr> | |||
| <a href="/david/" title="Aller à l’accueil">Accueil</a> | |||
| • | |||
| <nobr> | |||
| <a href="/david/log/" title="Accès au flux RSS">Suivre</a> | |||
| </nobr> | |||
| <a href="/david/log/" title="Accès au flux RSS">Suivre</a> | |||
| • | |||
| <nobr> | |||
| <a href="http://larlet.com" | |||
| title="Go to my English profile" | |||
| data-instant>Pro</a> | |||
| </nobr> | |||
| <a href="http://larlet.com" | |||
| title="Go to my English profile" | |||
| data-instant>Pro</a> | |||
| • | |||
| <nobr> | |||
| <a href="mailto:david%40larlet.fr" title="Envoyer un courriel">Email</a> | |||
| </nobr> | |||
| <a href="mailto:david%40larlet.fr" title="Envoyer un courriel">Email</a> | |||
| • | |||
| <nobr> | |||
| <abbr class="nowrap" | |||
| title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340">Légal</abbr> | |||
| </nobr> | |||
| <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 { | |||
| fieldset div { | |||
| text-align: center; | |||
| } | |||
| </style> | |||
| <fieldset> | |||
| <legend>Thème | |||
| </legend> | |||
| <label> | |||
| <input type="radio" value="auto" name="chosen-color-scheme" checked> | |||
| Auto | |||
| </label> | |||
| <label> | |||
| <input type="radio" value="dark" name="chosen-color-scheme"> | |||
| Foncé | |||
| </label> | |||
| <label> | |||
| <input type="radio" value="light" name="chosen-color-scheme"> | |||
| Clair | |||
| </label> | |||
| <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> | |||
+ 96
- 97
david/2024/01/13/index.html
View File
| @@ -104,38 +104,34 @@ | |||
| </script> | |||
| <body data-instant-intensity="viewport-all"> | |||
| <article> | |||
| <header> | |||
| <hgroup> | |||
| <h1>Wuwei</h1> | |||
| <p>Le <time datetime="2024-01-13">13 janvier 2024</time></p> | |||
| </hgroup> | |||
| </header> | |||
| <nav> | |||
| <p class="center"> | |||
| <a rel="prev" | |||
| href="/david/2024/01/12/" | |||
| title="Publication précédente : Personnel">← Précédent</a> • | |||
| <nobr> | |||
| <a href="/david/" title="Aller à l’accueil" rel="up">Accueil</a> | |||
| </nobr> | |||
| • | |||
| <nobr> | |||
| <a href="/david/recherche/" | |||
| title="Aller à la page de recherche" | |||
| rel="search">Recherche</a> | |||
| </nobr> | |||
| • <a rel="next" | |||
| href="/david/2024/01/14/" | |||
| title="Publication suivante : Fiction">Suivant →</a> | |||
| </p> | |||
| </nav> | |||
| <article> | |||
| <header> | |||
| <hgroup> | |||
| <h1>Wuwei</h1> | |||
| <p>Le <time datetime="2024-01-13">13 janvier 2024</time></p> | |||
| </hgroup> | |||
| </header> | |||
| <nav> | |||
| <p> | |||
| <a rel="prev" | |||
| href="/david/2024/01/12/" | |||
| title="Publication précédente : Personnel">← 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">Recherche</a> | |||
| • <a rel="next" | |||
| href="/david/2024/01/14/" | |||
| title="Publication suivante : Fiction">Suivant →</a> | |||
| </p> | |||
| </nav> | |||
| <blockquote> | |||
| <p>Le <em>wuwei</em>, dans le taoïsme, est d’ailleurs composé de deux idéogrammes : le rien et la volonté. Et on sait à quel point il faut beaucoup de volonté pour revendiquer davantage de rien. Il se traduit généralement par <em>non-agir</em> ou <em>non-intervention</em>, mais cela ne signifie pas pour autant rester les bras croisés en rejetant toute nouveauté, simplement de faire des choix éclairés et de ne pas forcer le cours des choses. Se fixer des limites, distinguer ce qui relève du progrès vers une vie bonne et décente de ce qui nous aliène, savoir <em>ne pas</em> est un art de vivre au quotidien. Et je ne peux m’empêcher de penser que Bartleby devait être chinois.</p> | |||
| @@ -155,94 +151,97 @@ | |||
| </blockquote> | |||
| <p>De plus en plus tenté d’explorer cette piste. Je me <a href="/david/stream/2018/11/13/">souviens</a> <a href="/david/stream/2018/11/25/">avec</a> <a href="/david/stream/2018/11/27/">émotion</a> de ma lecture de <em>Professeur cherche élève ayant désir de sauver le monde</em> par Daniel Quinn.</p> | |||
| <nav> | |||
| <p> | |||
| <a href="/david/2024/ecriture/" | |||
| title="Liste de tous les articles 2024 associés à cette étiquette" | |||
| rel="tag">#écriture</a> | |||
| <a href="/david/2024/ia/" | |||
| title="Liste de tous les articles 2024 associés à cette étiquette" | |||
| rel="tag">#IA</a> | |||
| <a href="/david/2024/parvenir/" | |||
| title="Liste de tous les articles 2024 associés à cette étiquette" | |||
| rel="tag">#parvenir</a> | |||
| <a href="/david/#tags-2024" title="Liste de toutes les étiquettes 2024">tous ?</a> | |||
| </p> | |||
| </nav> | |||
| <nav> | |||
| <p class="center"> | |||
| <p> | |||
| <a rel="prev" | |||
| href="/david/2024/01/12/" | |||
| title="Publication précédente : Personnel">← Précédent</a> • | |||
| <a href="/david/2024/ecriture/" | |||
| title="Liste de tous les articles 2024 associés à cette étiquette" | |||
| rel="tag">#écriture</a> | |||
| <a href="/david/2024/" title="Liste des publications récentes">↑ En 2024</a> | |||
| <a href="/david/2024/ia/" | |||
| title="Liste de tous les articles 2024 associés à cette étiquette" | |||
| rel="tag">#IA</a> | |||
| • <a rel="next" | |||
| href="/david/2024/01/14/" | |||
| title="Publication suivante : Fiction">Suivant →</a> | |||
| <a href="/david/2024/parvenir/" | |||
| title="Liste de tous les articles 2024 associés à cette étiquette" | |||
| rel="tag">#parvenir</a> | |||
| <a href="/david/2024/#tags" title="Liste de toutes les étiquettes 2024">tous ?</a> | |||
| </p> | |||
| </nav> | |||
| <aside> | |||
| <theme-toggle></theme-toggle> | |||
| </aside> | |||
| </article> | |||
| <nav> | |||
| <p> | |||
| <a rel="prev" | |||
| href="/david/2024/01/12/" | |||
| title="Publication précédente : Personnel">← Précédent</a> • | |||
| <a href="/david/2024/" title="Liste des publications récentes">↑ En 2024</a> | |||
| • <a rel="next" | |||
| href="/david/2024/01/14/" | |||
| title="Publication suivante : Fiction">Suivant →</a> | |||
| </p> | |||
| </nav> | |||
| <form action="/david/recherche/" method="get"> | |||
| <fieldset> | |||
| <legend>Recherche</legend> | |||
| <label for="input-search">Termes de votre recherche :</label> | |||
| <input 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> | |||
| <nobr> | |||
| <a href="/david/" title="Aller à l’accueil">Accueil</a> | |||
| </nobr> | |||
| <a href="/david/" title="Aller à l’accueil">Accueil</a> | |||
| • | |||
| <nobr> | |||
| <a href="/david/log/" title="Accès au flux RSS">Suivre</a> | |||
| </nobr> | |||
| <a href="/david/log/" title="Accès au flux RSS">Suivre</a> | |||
| • | |||
| <nobr> | |||
| <a href="http://larlet.com" | |||
| title="Go to my English profile" | |||
| data-instant>Pro</a> | |||
| </nobr> | |||
| <a href="http://larlet.com" | |||
| title="Go to my English profile" | |||
| data-instant>Pro</a> | |||
| • | |||
| <nobr> | |||
| <a href="mailto:david%40larlet.fr" title="Envoyer un courriel">Email</a> | |||
| </nobr> | |||
| <a href="mailto:david%40larlet.fr" title="Envoyer un courriel">Email</a> | |||
| • | |||
| <nobr> | |||
| <abbr class="nowrap" | |||
| title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340">Légal</abbr> | |||
| </nobr> | |||
| <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 { | |||
| fieldset div { | |||
| text-align: center; | |||
| } | |||
| </style> | |||
| <fieldset> | |||
| <legend>Thème | |||
| </legend> | |||
| <label> | |||
| <input type="radio" value="auto" name="chosen-color-scheme" checked> | |||
| Auto | |||
| </label> | |||
| <label> | |||
| <input type="radio" value="dark" name="chosen-color-scheme"> | |||
| Foncé | |||
| </label> | |||
| <label> | |||
| <input type="radio" value="light" name="chosen-color-scheme"> | |||
| Clair | |||
| </label> | |||
| <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> | |||
+ 98
- 99
david/2024/01/14/index.html
View File
| @@ -104,38 +104,34 @@ | |||
| </script> | |||
| <body data-instant-intensity="viewport-all"> | |||
| <article> | |||
| <header> | |||
| <hgroup> | |||
| <h1>Fiction</h1> | |||
| <p>Le <time datetime="2024-01-14">14 janvier 2024</time></p> | |||
| </hgroup> | |||
| </header> | |||
| <nav> | |||
| <p class="center"> | |||
| <a rel="prev" | |||
| href="/david/2024/01/13/" | |||
| title="Publication précédente : Wuwei">← Précédent</a> • | |||
| <nobr> | |||
| <a href="/david/" title="Aller à l’accueil" rel="up">Accueil</a> | |||
| </nobr> | |||
| • | |||
| <nobr> | |||
| <a href="/david/recherche/" | |||
| title="Aller à la page de recherche" | |||
| rel="search">Recherche</a> | |||
| </nobr> | |||
| • <a rel="next" | |||
| href="/david/2024/01/15/" | |||
| title="Publication suivante : Rééducation">Suivant →</a> | |||
| </p> | |||
| </nav> | |||
| <article> | |||
| <header> | |||
| <hgroup> | |||
| <h1>Fiction</h1> | |||
| <p>Le <time datetime="2024-01-14">14 janvier 2024</time></p> | |||
| </hgroup> | |||
| </header> | |||
| <nav> | |||
| <p> | |||
| <a rel="prev" | |||
| href="/david/2024/01/13/" | |||
| title="Publication précédente : Wuwei">← 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">Recherche</a> | |||
| • <a rel="next" | |||
| href="/david/2024/01/15/" | |||
| title="Publication suivante : Rééducation">Suivant →</a> | |||
| </p> | |||
| </nav> | |||
| <blockquote> | |||
| <p>Ces <em>moments perspectivistes</em>, qu’ils soient activés par un voyage ou par une lecture, sont déroutants mais ils sont salutaires. Ils développent la capacité à comprendre d’autres points de vue que le sien ou, du moins, faute de comprendre, à toucher du doigt la multiplicité des rapports au monde et à accepter la relativité de nos perceptions. Le réel n’est pas un. Et on ne perd jamais en humanité à se mettre dans la peau de l’autre.</p> | |||
| @@ -161,98 +157,101 @@ | |||
| <hr /> | |||
| <p>Découvertes culinaires du jour :</p> | |||
| <ul> | |||
| <li><a data-link-domain="cooked.wiki" href="https://cooked.wiki/">cooked.wiki</a> pour préfixer les recettes (merci <a data-link-domain="mastodon.tetaneutral.net" href="https://mastodon.tetaneutral.net/@newick/111749530608709450">@newick</a>) ;</li> | |||
| <li><a data-link-domain="github.com" href="https://github.com/mealie-recipes/mealie">mealie</a> pour stocker les recettes (merci <a data-link-domain="mamot.fr" href="https://mamot.fr/@aspyrine">@aspyrine</a>).</li> | |||
| <li><a data-link-domain="cooked.wiki" href="https://cooked.wiki/">cooked.wiki</a> pour préfixer les recettes (merci <a data-link-domain="mastodon.tetaneutral.net" href="https://mastodon.tetaneutral.net/@newick/111749530608709450">@newick</a>)</li> | |||
| <li><a data-link-domain="github.com" href="https://github.com/mealie-recipes/mealie">mealie</a> pour stocker les recettes (merci <a data-link-domain="mamot.fr" href="https://mamot.fr/@aspyrine">@aspyrine</a>)</li> | |||
| </ul> | |||
| <nav> | |||
| <p> | |||
| <a href="/david/2024/ecriture/" | |||
| title="Liste de tous les articles 2024 associés à cette étiquette" | |||
| rel="tag">#écriture</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/protopie/" | |||
| title="Liste de tous les articles 2024 associés à cette étiquette" | |||
| rel="tag">#protopie</a> | |||
| <a href="/david/#tags-2024" title="Liste de toutes les étiquettes 2024">tous ?</a> | |||
| </p> | |||
| </nav> | |||
| <nav> | |||
| <p class="center"> | |||
| <p> | |||
| <a rel="prev" | |||
| href="/david/2024/01/13/" | |||
| title="Publication précédente : Wuwei">← Précédent</a> • | |||
| <a href="/david/2024/ecriture/" | |||
| title="Liste de tous les articles 2024 associés à cette étiquette" | |||
| rel="tag">#écriture</a> | |||
| <a href="/david/2024/" title="Liste des publications récentes">↑ En 2024</a> | |||
| <a href="/david/2024/experience/" | |||
| title="Liste de tous les articles 2024 associés à cette étiquette" | |||
| rel="tag">#expérience</a> | |||
| • <a rel="next" | |||
| href="/david/2024/01/15/" | |||
| title="Publication suivante : Rééducation">Suivant →</a> | |||
| <a href="/david/2024/protopie/" | |||
| title="Liste de tous les articles 2024 associés à cette étiquette" | |||
| rel="tag">#protopie</a> | |||
| <a href="/david/2024/#tags" title="Liste de toutes les étiquettes 2024">tous ?</a> | |||
| </p> | |||
| </nav> | |||
| <aside> | |||
| <theme-toggle></theme-toggle> | |||
| </aside> | |||
| </article> | |||
| <nav> | |||
| <p> | |||
| <a rel="prev" | |||
| href="/david/2024/01/13/" | |||
| title="Publication précédente : Wuwei">← Précédent</a> • | |||
| <a href="/david/2024/" title="Liste des publications récentes">↑ En 2024</a> | |||
| • <a rel="next" | |||
| href="/david/2024/01/15/" | |||
| title="Publication suivante : Rééducation">Suivant →</a> | |||
| </p> | |||
| </nav> | |||
| <form action="/david/recherche/" method="get"> | |||
| <fieldset> | |||
| <legend>Recherche</legend> | |||
| <label for="input-search">Termes de votre recherche :</label> | |||
| <input 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> | |||
| <nobr> | |||
| <a href="/david/" title="Aller à l’accueil">Accueil</a> | |||
| </nobr> | |||
| <a href="/david/" title="Aller à l’accueil">Accueil</a> | |||
| • | |||
| <nobr> | |||
| <a href="/david/log/" title="Accès au flux RSS">Suivre</a> | |||
| </nobr> | |||
| <a href="/david/log/" title="Accès au flux RSS">Suivre</a> | |||
| • | |||
| <nobr> | |||
| <a href="http://larlet.com" | |||
| title="Go to my English profile" | |||
| data-instant>Pro</a> | |||
| </nobr> | |||
| <a href="http://larlet.com" | |||
| title="Go to my English profile" | |||
| data-instant>Pro</a> | |||
| • | |||
| <nobr> | |||
| <a href="mailto:david%40larlet.fr" title="Envoyer un courriel">Email</a> | |||
| </nobr> | |||
| <a href="mailto:david%40larlet.fr" title="Envoyer un courriel">Email</a> | |||
| • | |||
| <nobr> | |||
| <abbr class="nowrap" | |||
| title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340">Légal</abbr> | |||
| </nobr> | |||
| <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 { | |||
| fieldset div { | |||
| text-align: center; | |||
| } | |||
| </style> | |||
| <fieldset> | |||
| <legend>Thème | |||
| </legend> | |||
| <label> | |||
| <input type="radio" value="auto" name="chosen-color-scheme" checked> | |||
| Auto | |||
| </label> | |||
| <label> | |||
| <input type="radio" value="dark" name="chosen-color-scheme"> | |||
| Foncé | |||
| </label> | |||
| <label> | |||
| <input type="radio" value="light" name="chosen-color-scheme"> | |||
| Clair | |||
| </label> | |||
| <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> | |||
+ 89
- 90
david/2024/01/15/index.html
View File
| @@ -104,34 +104,30 @@ | |||
| </script> | |||
| <body data-instant-intensity="viewport-all"> | |||
| <article> | |||
| <header> | |||
| <hgroup> | |||
| <h1>Rééducation</h1> | |||
| <p>Le <time datetime="2024-01-15">15 janvier 2024</time></p> | |||
| </hgroup> | |||
| </header> | |||
| <nav> | |||
| <p class="center"> | |||
| <a rel="prev" | |||
| href="/david/2024/01/14/" | |||
| title="Publication précédente : Fiction">← Précédent</a> • | |||
| <nobr> | |||
| <a href="/david/" title="Aller à l’accueil" rel="up">Accueil</a> | |||
| </nobr> | |||
| • | |||
| <nobr> | |||
| <a href="/david/recherche/" | |||
| title="Aller à la page de recherche" | |||
| rel="search">Recherche</a> | |||
| </nobr> | |||
| </p> | |||
| </nav> | |||
| <article> | |||
| <header> | |||
| <hgroup> | |||
| <h1>Rééducation</h1> | |||
| <p>Le <time datetime="2024-01-15">15 janvier 2024</time></p> | |||
| </hgroup> | |||
| </header> | |||
| <nav> | |||
| <p> | |||
| <a rel="prev" | |||
| href="/david/2024/01/14/" | |||
| title="Publication précédente : Fiction">← 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">Recherche</a> | |||
| </p> | |||
| </nav> | |||
| <p>J’ai réussi à marcher 6 km dans la neige avec des bottes de neige assez hautes. Pas pire. On va voir si ça ne tire pas trop dans la nuit. J’ai appris à mettre des bandes de kynésiologie aussi pour un léger soutien sur la rotation interne. Ce n’est pas une entorse classique car généralement deux arbres ne sont pas impliqués donc la torsion est différente. Du moins, c’est ce que mon doctorat express en médecine me laisse à penser… et mes sensations surtout !</p> | |||
| <p>Récupération active ou impatience ?</p> | |||
| <hr /> | |||
| @@ -143,90 +139,93 @@ | |||
| <p>Ironiquement, j’ai toujours la crainte que ces outils viennent davantage polluer mon environnement actuel. Je ne suis pas sur assez de produits pour rencontrer des limites à ce niveau. Je m’en sors plutôt bien avec <a data-link-domain="code.larlet.fr" href="https://code.larlet.fr/shell/#alias">quelques alias</a> et un <a data-link-domain="code.larlet.fr" href="https://code.larlet.fr/shell/#auto-deactivation-des-virtualenvs">environnement virtuel dé·monté</a> à l’entrée dans un dossier.</p> | |||
| <p>Je compare un peu des carottes et des patates mais ça donne une direction en terme de frugalité sur ce plan là. On simplifie rarement un environnement en ajoutant une couche (coucou Docker), au mieux on masque une incompétence. Ce qui n’est pas toujours une <a href="/david/2024/01/05/" title="Vocabulaire">tension</a> en fonction du contexte !</p> | |||
| <nav> | |||
| <p> | |||
| <a href="/david/2024/addiction/" | |||
| title="Liste de tous les articles 2024 associés à cette étiquette" | |||
| rel="tag">#addiction</a> | |||
| <a href="/david/2024/evolution/" | |||
| title="Liste de tous les articles 2024 associés à cette étiquette" | |||
| rel="tag">#évolution</a> | |||
| <a href="/david/2024/sport/" | |||
| title="Liste de tous les articles 2024 associés à cette étiquette" | |||
| rel="tag">#sport</a> | |||
| <a href="/david/#tags-2024" title="Liste de toutes les étiquettes 2024">tous ?</a> | |||
| </p> | |||
| </nav> | |||
| <nav> | |||
| <p class="center"> | |||
| <p> | |||
| <a rel="prev" | |||
| href="/david/2024/01/14/" | |||
| title="Publication précédente : Fiction">← Précédent</a> • | |||
| <a href="/david/2024/addiction/" | |||
| title="Liste de tous les articles 2024 associés à cette étiquette" | |||
| rel="tag">#addiction</a> | |||
| <a href="/david/2024/" title="Liste des publications récentes">↑ En 2024</a> | |||
| <a href="/david/2024/evolution/" | |||
| title="Liste de tous les articles 2024 associés à cette étiquette" | |||
| rel="tag">#évolution</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> | |||
| <aside> | |||
| <theme-toggle></theme-toggle> | |||
| </aside> | |||
| </article> | |||
| <nav> | |||
| <p> | |||
| <a rel="prev" | |||
| href="/david/2024/01/14/" | |||
| title="Publication précédente : Fiction">← 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 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> | |||
| <nobr> | |||
| <a href="/david/" title="Aller à l’accueil">Accueil</a> | |||
| </nobr> | |||
| <a href="/david/" title="Aller à l’accueil">Accueil</a> | |||
| • | |||
| <nobr> | |||
| <a href="/david/log/" title="Accès au flux RSS">Suivre</a> | |||
| </nobr> | |||
| <a href="/david/log/" title="Accès au flux RSS">Suivre</a> | |||
| • | |||
| <nobr> | |||
| <a href="http://larlet.com" | |||
| title="Go to my English profile" | |||
| data-instant>Pro</a> | |||
| </nobr> | |||
| <a href="http://larlet.com" | |||
| title="Go to my English profile" | |||
| data-instant>Pro</a> | |||
| • | |||
| <nobr> | |||
| <a href="mailto:david%40larlet.fr" title="Envoyer un courriel">Email</a> | |||
| </nobr> | |||
| <a href="mailto:david%40larlet.fr" title="Envoyer un courriel">Email</a> | |||
| • | |||
| <nobr> | |||
| <abbr class="nowrap" | |||
| title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340">Légal</abbr> | |||
| </nobr> | |||
| <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 { | |||
| fieldset div { | |||
| text-align: center; | |||
| } | |||
| </style> | |||
| <fieldset> | |||
| <legend>Thème | |||
| </legend> | |||
| <label> | |||
| <input type="radio" value="auto" name="chosen-color-scheme" checked> | |||
| Auto | |||
| </label> | |||
| <label> | |||
| <input type="radio" value="dark" name="chosen-color-scheme"> | |||
| Foncé | |||
| </label> | |||
| <label> | |||
| <input type="radio" value="light" name="chosen-color-scheme"> | |||
| Clair | |||
| </label> | |||
| <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> | |||
+ 2
- 2
david/2024/_sources/2024-01-14 - Fiction.md
View File
| @@ -31,7 +31,7 @@ Quelle éditorialisation proposer pour éviter la surcharge tout en facilitant l | |||
| Découvertes culinaires du jour : | |||
| * [cooked.wiki](https://cooked.wiki/) pour préfixer les recettes (merci [@newick](https://mastodon.tetaneutral.net/@newick/111749530608709450)) ; | |||
| * [mealie](https://github.com/mealie-recipes/mealie) pour stocker les recettes (merci [@aspyrine](https://mamot.fr/@aspyrine)). | |||
| * [cooked.wiki](https://cooked.wiki/) pour préfixer les recettes (merci [@newick](https://mastodon.tetaneutral.net/@newick/111749530608709450)) | |||
| * [mealie](https://github.com/mealie-recipes/mealie) pour stocker les recettes (merci [@aspyrine](https://mamot.fr/@aspyrine)) | |||
| #écriture #expérience #protopie | |||
+ 49
- 40
david/2024/accessibilite/index.html
View File
| @@ -110,8 +110,8 @@ | |||
| </style> | |||
| <body data-instant-intensity="viewport-all"> | |||
| <article> | |||
| <article> | |||
| <header> | |||
| <hgroup> | |||
| <h1>#accessibilité</h1> | |||
| @@ -119,14 +119,18 @@ | |||
| </hgroup> | |||
| </header> | |||
| <nav> | |||
| <p class="center"> | |||
| <p> | |||
| <a href="/david/" title="Aller à l’accueil"> | |||
| Accueil</a> | |||
| • | |||
| <a rel="tags" | |||
| href="/david/#tags-2024" | |||
| href="/david/2024/#tags" | |||
| title="Liste de toutes les étiquettes"> | |||
| Étiquettes</a> | |||
| • | |||
| <a href="/david/recherche/" title="Aller à la page de recherche" rel="search">Recherche</a> | |||
| • | |||
| <a href="/david/log/" title="Accès au flux RSS">Suivre</a> | |||
| </p> | |||
| </nav> | |||
| @@ -169,62 +173,67 @@ | |||
| title="Liste de tous les articles 2024 associés à cette étiquette" | |||
| rel="tag">#technique</a> | |||
| <a href="/david/#tags-2024" title="Liste de toutes les étiquettes 2024">tous ?</a> | |||
| <a href="/david/2024/#tags" title="Liste de toutes les étiquettes 2024">tous ?</a> | |||
| </p> | |||
| </nav> | |||
| <hr> | |||
| </article> | |||
| <form action="/david/recherche/" method="get"> | |||
| <fieldset> | |||
| <legend>Recherche</legend> | |||
| <label for="input-search">Termes de votre recherche :</label> | |||
| <input 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> | |||
| <nobr> | |||
| <a href="/david/" title="Aller à l’accueil">Accueil</a> | |||
| </nobr> | |||
| <a href="/david/" title="Aller à l’accueil">Accueil</a> | |||
| • | |||
| <nobr> | |||
| <a href="/david/log/" title="Accès au flux RSS">Suivre</a> | |||
| </nobr> | |||
| <a href="/david/log/" title="Accès au flux RSS">Suivre</a> | |||
| • | |||
| <nobr> | |||
| <a href="http://larlet.com" | |||
| title="Go to my English profile" | |||
| data-instant>Pro</a> | |||
| </nobr> | |||
| <a href="http://larlet.com" | |||
| title="Go to my English profile" | |||
| data-instant>Pro</a> | |||
| • | |||
| <nobr> | |||
| <a href="mailto:david%40larlet.fr" title="Envoyer un courriel">Email</a> | |||
| </nobr> | |||
| <a href="mailto:david%40larlet.fr" title="Envoyer un courriel">Email</a> | |||
| • | |||
| <nobr> | |||
| <abbr class="nowrap" | |||
| title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340">Légal</abbr> | |||
| </nobr> | |||
| <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 { | |||
| fieldset div { | |||
| text-align: center; | |||
| } | |||
| </style> | |||
| <fieldset> | |||
| <legend>Thème | |||
| </legend> | |||
| <label> | |||
| <input type="radio" value="auto" name="chosen-color-scheme" checked> | |||
| Auto | |||
| </label> | |||
| <label> | |||
| <input type="radio" value="dark" name="chosen-color-scheme"> | |||
| Foncé | |||
| </label> | |||
| <label> | |||
| <input type="radio" value="light" name="chosen-color-scheme"> | |||
| Clair | |||
| </label> | |||
| <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> | |||
+ 49
- 40
david/2024/accompagnement/index.html
View File
| @@ -110,8 +110,8 @@ | |||
| </style> | |||
| <body data-instant-intensity="viewport-all"> | |||
| <article> | |||
| <article> | |||
| <header> | |||
| <hgroup> | |||
| <h1>#accompagnement</h1> | |||
| @@ -119,14 +119,18 @@ | |||
| </hgroup> | |||
| </header> | |||
| <nav> | |||
| <p class="center"> | |||
| <p> | |||
| <a href="/david/" title="Aller à l’accueil"> | |||
| Accueil</a> | |||
| • | |||
| <a rel="tags" | |||
| href="/david/#tags-2024" | |||
| href="/david/2024/#tags" | |||
| title="Liste de toutes les étiquettes"> | |||
| Étiquettes</a> | |||
| • | |||
| <a href="/david/recherche/" title="Aller à la page de recherche" rel="search">Recherche</a> | |||
| • | |||
| <a href="/david/log/" title="Accès au flux RSS">Suivre</a> | |||
| </p> | |||
| </nav> | |||
| @@ -165,62 +169,67 @@ | |||
| title="Liste de tous les articles 2024 associés à cette étiquette" | |||
| rel="tag">#web</a> | |||
| <a href="/david/#tags-2024" title="Liste de toutes les étiquettes 2024">tous ?</a> | |||
| <a href="/david/2024/#tags" title="Liste de toutes les étiquettes 2024">tous ?</a> | |||
| </p> | |||
| </nav> | |||
| <hr> | |||
| </article> | |||
| <form action="/david/recherche/" method="get"> | |||
| <fieldset> | |||
| <legend>Recherche</legend> | |||
| <label for="input-search">Termes de votre recherche :</label> | |||
| <input 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> | |||
| <nobr> | |||
| <a href="/david/" title="Aller à l’accueil">Accueil</a> | |||
| </nobr> | |||
| <a href="/david/" title="Aller à l’accueil">Accueil</a> | |||
| • | |||
| <nobr> | |||
| <a href="/david/log/" title="Accès au flux RSS">Suivre</a> | |||
| </nobr> | |||
| <a href="/david/log/" title="Accès au flux RSS">Suivre</a> | |||
| • | |||
| <nobr> | |||
| <a href="http://larlet.com" | |||
| title="Go to my English profile" | |||
| data-instant>Pro</a> | |||
| </nobr> | |||
| <a href="http://larlet.com" | |||
| title="Go to my English profile" | |||
| data-instant>Pro</a> | |||
| • | |||
| <nobr> | |||
| <a href="mailto:david%40larlet.fr" title="Envoyer un courriel">Email</a> | |||
| </nobr> | |||
| <a href="mailto:david%40larlet.fr" title="Envoyer un courriel">Email</a> | |||
| • | |||
| <nobr> | |||
| <abbr class="nowrap" | |||
| title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340">Légal</abbr> | |||
| </nobr> | |||
| <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 { | |||
| fieldset div { | |||
| text-align: center; | |||
| } | |||
| </style> | |||
| <fieldset> | |||
| <legend>Thème | |||
| </legend> | |||
| <label> | |||
| <input type="radio" value="auto" name="chosen-color-scheme" checked> | |||
| Auto | |||
| </label> | |||
| <label> | |||
| <input type="radio" value="dark" name="chosen-color-scheme"> | |||
| Foncé | |||
| </label> | |||
| <label> | |||
| <input type="radio" value="light" name="chosen-color-scheme"> | |||
| Clair | |||
| </label> | |||
| <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> | |||
+ 51
- 44
david/2024/addiction/index.html
View File
| @@ -110,8 +110,8 @@ | |||
| </style> | |||
| <body data-instant-intensity="viewport-all"> | |||
| <article> | |||
| <article> | |||
| <header> | |||
| <hgroup> | |||
| <h1>#addiction</h1> | |||
| @@ -119,14 +119,18 @@ | |||
| </hgroup> | |||
| </header> | |||
| <nav> | |||
| <p class="center"> | |||
| <p> | |||
| <a href="/david/" title="Aller à l’accueil"> | |||
| Accueil</a> | |||
| • | |||
| <a rel="tags" | |||
| href="/david/#tags-2024" | |||
| href="/david/2024/#tags" | |||
| title="Liste de toutes les étiquettes"> | |||
| Étiquettes</a> | |||
| • | |||
| <a href="/david/recherche/" title="Aller à la page de recherche" rel="search">Recherche</a> | |||
| • | |||
| <a href="/david/log/" title="Accès au flux RSS">Suivre</a> | |||
| </p> | |||
| </nav> | |||
| @@ -161,11 +165,10 @@ | |||
| title="Liste de tous les articles 2024 associés à cette étiquette" | |||
| rel="tag">#sport</a> | |||
| <a href="/david/#tags-2024" title="Liste de toutes les étiquettes 2024">tous ?</a> | |||
| <a href="/david/2024/#tags" title="Liste de toutes les étiquettes 2024">tous ?</a> | |||
| </p> | |||
| </nav> | |||
| <hr> | |||
| <h2> | |||
| <a href="/david/2024/01/06/" title="Lien permanent vers cet article">Objectif</a> <time datetime="2024-01-06">6 janvier 2024</time> | |||
| @@ -222,11 +225,10 @@ | |||
| title="Liste de tous les articles 2024 associés à cette étiquette" | |||
| rel="tag">#sport</a> | |||
| <a href="/david/#tags-2024" title="Liste de toutes les étiquettes 2024">tous ?</a> | |||
| <a href="/david/2024/#tags" title="Liste de toutes les étiquettes 2024">tous ?</a> | |||
| </p> | |||
| </nav> | |||
| <hr> | |||
| <h2> | |||
| <a href="/david/2024/01/01/" title="Lien permanent vers cet article">Dryear(s)</a> <time datetime="2024-01-01">1 janvier 2024</time> | |||
| @@ -274,62 +276,67 @@ Pb : mémoire, troubles cognitifs, responsable de cancer, pb sommeil, déco | |||
| title="Liste de tous les articles 2024 associés à cette étiquette" | |||
| rel="tag">#protopie</a> | |||
| <a href="/david/#tags-2024" title="Liste de toutes les étiquettes 2024">tous ?</a> | |||
| <a href="/david/2024/#tags" title="Liste de toutes les étiquettes 2024">tous ?</a> | |||
| </p> | |||
| </nav> | |||
| <hr> | |||
| </article> | |||
| <form action="/david/recherche/" method="get"> | |||
| <fieldset> | |||
| <legend>Recherche</legend> | |||
| <label for="input-search">Termes de votre recherche :</label> | |||
| <input 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> | |||
| <nobr> | |||
| <a href="/david/" title="Aller à l’accueil">Accueil</a> | |||
| </nobr> | |||
| <a href="/david/" title="Aller à l’accueil">Accueil</a> | |||
| • | |||
| <nobr> | |||
| <a href="/david/log/" title="Accès au flux RSS">Suivre</a> | |||
| </nobr> | |||
| <a href="/david/log/" title="Accès au flux RSS">Suivre</a> | |||
| • | |||
| <nobr> | |||
| <a href="http://larlet.com" | |||
| title="Go to my English profile" | |||
| data-instant>Pro</a> | |||
| </nobr> | |||
| <a href="http://larlet.com" | |||
| title="Go to my English profile" | |||
| data-instant>Pro</a> | |||
| • | |||
| <nobr> | |||
| <a href="mailto:david%40larlet.fr" title="Envoyer un courriel">Email</a> | |||
| </nobr> | |||
| <a href="mailto:david%40larlet.fr" title="Envoyer un courriel">Email</a> | |||
| • | |||
| <nobr> | |||
| <abbr class="nowrap" | |||
| title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340">Légal</abbr> | |||
| </nobr> | |||
| <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 { | |||
| fieldset div { | |||
| text-align: center; | |||
| } | |||
| </style> | |||
| <fieldset> | |||
| <legend>Thème | |||
| </legend> | |||
| <label> | |||
| <input type="radio" value="auto" name="chosen-color-scheme" checked> | |||
| Auto | |||
| </label> | |||
| <label> | |||
| <input type="radio" value="dark" name="chosen-color-scheme"> | |||
| Foncé | |||
| </label> | |||
| <label> | |||
| <input type="radio" value="light" name="chosen-color-scheme"> | |||
| Clair | |||
| </label> | |||
| <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> | |||
+ 51
- 44
david/2024/apprentissage/index.html
View File
| @@ -110,8 +110,8 @@ | |||
| </style> | |||
| <body data-instant-intensity="viewport-all"> | |||
| <article> | |||
| <article> | |||
| <header> | |||
| <hgroup> | |||
| <h1>#apprentissage</h1> | |||
| @@ -119,14 +119,18 @@ | |||
| </hgroup> | |||
| </header> | |||
| <nav> | |||
| <p class="center"> | |||
| <p> | |||
| <a href="/david/" title="Aller à l’accueil"> | |||
| Accueil</a> | |||
| • | |||
| <a rel="tags" | |||
| href="/david/#tags-2024" | |||
| href="/david/2024/#tags" | |||
| title="Liste de toutes les étiquettes"> | |||
| Étiquettes</a> | |||
| • | |||
| <a href="/david/recherche/" title="Aller à la page de recherche" rel="search">Recherche</a> | |||
| • | |||
| <a href="/david/log/" title="Accès au flux RSS">Suivre</a> | |||
| </p> | |||
| </nav> | |||
| @@ -208,11 +212,10 @@ | |||
| title="Liste de tous les articles 2024 associés à cette étiquette" | |||
| rel="tag">#IA</a> | |||
| <a href="/david/#tags-2024" title="Liste de toutes les étiquettes 2024">tous ?</a> | |||
| <a href="/david/2024/#tags" title="Liste de toutes les étiquettes 2024">tous ?</a> | |||
| </p> | |||
| </nav> | |||
| <hr> | |||
| <h2> | |||
| <a href="/david/2024/01/07/" title="Lien permanent vers cet article">Dons</a> <time datetime="2024-01-07">7 janvier 2024</time> | |||
| @@ -270,11 +273,10 @@ | |||
| title="Liste de tous les articles 2024 associés à cette étiquette" | |||
| rel="tag">#fédiverse</a> | |||
| <a href="/david/#tags-2024" title="Liste de toutes les étiquettes 2024">tous ?</a> | |||
| <a href="/david/2024/#tags" title="Liste de toutes les étiquettes 2024">tous ?</a> | |||
| </p> | |||
| </nav> | |||
| <hr> | |||
| <h2> | |||
| <a href="/david/2024/01/05/" title="Lien permanent vers cet article">Vocabulaire</a> <time datetime="2024-01-05">5 janvier 2024</time> | |||
| @@ -337,62 +339,67 @@ Isobel hésite. Sans lever les yeux de son livre, Emily répond à sa place  | |||
| title="Liste de tous les articles 2024 associés à cette étiquette" | |||
| rel="tag">#équipe</a> | |||
| <a href="/david/#tags-2024" title="Liste de toutes les étiquettes 2024">tous ?</a> | |||
| <a href="/david/2024/#tags" title="Liste de toutes les étiquettes 2024">tous ?</a> | |||
| </p> | |||
| </nav> | |||
| <hr> | |||
| </article> | |||
| <form action="/david/recherche/" method="get"> | |||
| <fieldset> | |||
| <legend>Recherche</legend> | |||
| <label for="input-search">Termes de votre recherche :</label> | |||
| <input 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> | |||
| <nobr> | |||
| <a href="/david/" title="Aller à l’accueil">Accueil</a> | |||
| </nobr> | |||
| <a href="/david/" title="Aller à l’accueil">Accueil</a> | |||
| • | |||
| <nobr> | |||
| <a href="/david/log/" title="Accès au flux RSS">Suivre</a> | |||
| </nobr> | |||
| <a href="/david/log/" title="Accès au flux RSS">Suivre</a> | |||
| • | |||
| <nobr> | |||
| <a href="http://larlet.com" | |||
| title="Go to my English profile" | |||
| data-instant>Pro</a> | |||
| </nobr> | |||
| <a href="http://larlet.com" | |||
| title="Go to my English profile" | |||
| data-instant>Pro</a> | |||
| • | |||
| <nobr> | |||
| <a href="mailto:david%40larlet.fr" title="Envoyer un courriel">Email</a> | |||
| </nobr> | |||
| <a href="mailto:david%40larlet.fr" title="Envoyer un courriel">Email</a> | |||
| • | |||
| <nobr> | |||
| <abbr class="nowrap" | |||
| title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340">Légal</abbr> | |||
| </nobr> | |||
| <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 { | |||
| fieldset div { | |||
| text-align: center; | |||
| } | |||
| </style> | |||
| <fieldset> | |||
| <legend>Thème | |||
| </legend> | |||
| <label> | |||
| <input type="radio" value="auto" name="chosen-color-scheme" checked> | |||
| Auto | |||
| </label> | |||
| <label> | |||
| <input type="radio" value="dark" name="chosen-color-scheme"> | |||
| Foncé | |||
| </label> | |||
| <label> | |||
| <input type="radio" value="light" name="chosen-color-scheme"> | |||
| Clair | |||
| </label> | |||
| <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> | |||
+ 49
- 40
david/2024/communaute/index.html
View File
| @@ -110,8 +110,8 @@ | |||
| </style> | |||
| <body data-instant-intensity="viewport-all"> | |||
| <article> | |||
| <article> | |||
| <header> | |||
| <hgroup> | |||
| <h1>#communauté</h1> | |||
| @@ -119,14 +119,18 @@ | |||
| </hgroup> | |||
| </header> | |||
| <nav> | |||
| <p class="center"> | |||
| <p> | |||
| <a href="/david/" title="Aller à l’accueil"> | |||
| Accueil</a> | |||
| • | |||
| <a rel="tags" | |||
| href="/david/#tags-2024" | |||
| href="/david/2024/#tags" | |||
| title="Liste de toutes les étiquettes"> | |||
| Étiquettes</a> | |||
| • | |||
| <a href="/david/recherche/" title="Aller à la page de recherche" rel="search">Recherche</a> | |||
| • | |||
| <a href="/david/log/" title="Accès au flux RSS">Suivre</a> | |||
| </p> | |||
| </nav> | |||
| @@ -186,62 +190,67 @@ | |||
| title="Liste de tous les articles 2024 associés à cette étiquette" | |||
| rel="tag">#fédiverse</a> | |||
| <a href="/david/#tags-2024" title="Liste de toutes les étiquettes 2024">tous ?</a> | |||
| <a href="/david/2024/#tags" title="Liste de toutes les étiquettes 2024">tous ?</a> | |||
| </p> | |||
| </nav> | |||
| <hr> | |||
| </article> | |||
| <form action="/david/recherche/" method="get"> | |||
| <fieldset> | |||
| <legend>Recherche</legend> | |||
| <label for="input-search">Termes de votre recherche :</label> | |||
| <input 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> | |||
| <nobr> | |||
| <a href="/david/" title="Aller à l’accueil">Accueil</a> | |||
| </nobr> | |||
| <a href="/david/" title="Aller à l’accueil">Accueil</a> | |||
| • | |||
| <nobr> | |||
| <a href="/david/log/" title="Accès au flux RSS">Suivre</a> | |||
| </nobr> | |||
| <a href="/david/log/" title="Accès au flux RSS">Suivre</a> | |||
| • | |||
| <nobr> | |||
| <a href="http://larlet.com" | |||
| title="Go to my English profile" | |||
| data-instant>Pro</a> | |||
| </nobr> | |||
| <a href="http://larlet.com" | |||
| title="Go to my English profile" | |||
| data-instant>Pro</a> | |||
| • | |||
| <nobr> | |||
| <a href="mailto:david%40larlet.fr" title="Envoyer un courriel">Email</a> | |||
| </nobr> | |||
| <a href="mailto:david%40larlet.fr" title="Envoyer un courriel">Email</a> | |||
| • | |||
| <nobr> | |||
| <abbr class="nowrap" | |||
| title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340">Légal</abbr> | |||
| </nobr> | |||
| <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 { | |||
| fieldset div { | |||
| text-align: center; | |||
| } | |||
| </style> | |||
| <fieldset> | |||
| <legend>Thème | |||
| </legend> | |||
| <label> | |||
| <input type="radio" value="auto" name="chosen-color-scheme" checked> | |||
| Auto | |||
| </label> | |||
| <label> | |||
| <input type="radio" value="dark" name="chosen-color-scheme"> | |||
| Foncé | |||
| </label> | |||
| <label> | |||
| <input type="radio" value="light" name="chosen-color-scheme"> | |||
| Clair | |||
| </label> | |||
| <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> | |||
+ 49
- 40
david/2024/decision/index.html
View File
| @@ -110,8 +110,8 @@ | |||
| </style> | |||
| <body data-instant-intensity="viewport-all"> | |||
| <article> | |||
| <article> | |||
| <header> | |||
| <hgroup> | |||
| <h1>#décision</h1> | |||
| @@ -119,14 +119,18 @@ | |||
| </hgroup> | |||
| </header> | |||
| <nav> | |||
| <p class="center"> | |||
| <p> | |||
| <a href="/david/" title="Aller à l’accueil"> | |||
| Accueil</a> | |||
| • | |||
| <a rel="tags" | |||
| href="/david/#tags-2024" | |||
| href="/david/2024/#tags" | |||
| title="Liste de toutes les étiquettes"> | |||
| Étiquettes</a> | |||
| • | |||
| <a href="/david/recherche/" title="Aller à la page de recherche" rel="search">Recherche</a> | |||
| • | |||
| <a href="/david/log/" title="Accès au flux RSS">Suivre</a> | |||
| </p> | |||
| </nav> | |||
| @@ -191,62 +195,67 @@ Isobel hésite. Sans lever les yeux de son livre, Emily répond à sa place  | |||
| title="Liste de tous les articles 2024 associés à cette étiquette" | |||
| rel="tag">#équipe</a> | |||
| <a href="/david/#tags-2024" title="Liste de toutes les étiquettes 2024">tous ?</a> | |||
| <a href="/david/2024/#tags" title="Liste de toutes les étiquettes 2024">tous ?</a> | |||
| </p> | |||
| </nav> | |||
| <hr> | |||
| </article> | |||
| <form action="/david/recherche/" method="get"> | |||
| <fieldset> | |||
| <legend>Recherche</legend> | |||
| <label for="input-search">Termes de votre recherche :</label> | |||
| <input 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> | |||
| <nobr> | |||
| <a href="/david/" title="Aller à l’accueil">Accueil</a> | |||
| </nobr> | |||
| <a href="/david/" title="Aller à l’accueil">Accueil</a> | |||
| • | |||
| <nobr> | |||
| <a href="/david/log/" title="Accès au flux RSS">Suivre</a> | |||
| </nobr> | |||
| <a href="/david/log/" title="Accès au flux RSS">Suivre</a> | |||
| • | |||
| <nobr> | |||
| <a href="http://larlet.com" | |||
| title="Go to my English profile" | |||
| data-instant>Pro</a> | |||
| </nobr> | |||
| <a href="http://larlet.com" | |||
| title="Go to my English profile" | |||
| data-instant>Pro</a> | |||
| • | |||
| <nobr> | |||
| <a href="mailto:david%40larlet.fr" title="Envoyer un courriel">Email</a> | |||
| </nobr> | |||
| <a href="mailto:david%40larlet.fr" title="Envoyer un courriel">Email</a> | |||
| • | |||
| <nobr> | |||
| <abbr class="nowrap" | |||
| title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340">Légal</abbr> | |||
| </nobr> | |||
| <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 { | |||
| fieldset div { | |||
| text-align: center; | |||
| } | |||
| </style> | |||
| <fieldset> | |||
| <legend>Thème | |||
| </legend> | |||
| <label> | |||
| <input type="radio" value="auto" name="chosen-color-scheme" checked> | |||
| Auto | |||
| </label> | |||
| <label> | |||
| <input type="radio" value="dark" name="chosen-color-scheme"> | |||
| Foncé | |||
| </label> | |||
| <label> | |||
| <input type="radio" value="light" name="chosen-color-scheme"> | |||
| Clair | |||
| </label> | |||
| <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> | |||
+ 55
- 50
david/2024/ecriture/index.html
View File
| @@ -110,8 +110,8 @@ | |||
| </style> | |||
| <body data-instant-intensity="viewport-all"> | |||
| <article> | |||
| <article> | |||
| <header> | |||
| <hgroup> | |||
| <h1>#écriture</h1> | |||
| @@ -119,14 +119,18 @@ | |||
| </hgroup> | |||
| </header> | |||
| <nav> | |||
| <p class="center"> | |||
| <p> | |||
| <a href="/david/" title="Aller à l’accueil"> | |||
| Accueil</a> | |||
| • | |||
| <a rel="tags" | |||
| href="/david/#tags-2024" | |||
| href="/david/2024/#tags" | |||
| title="Liste de toutes les étiquettes"> | |||
| Étiquettes</a> | |||
| • | |||
| <a href="/david/recherche/" title="Aller à la page de recherche" rel="search">Recherche</a> | |||
| • | |||
| <a href="/david/log/" title="Accès au flux RSS">Suivre</a> | |||
| </p> | |||
| </nav> | |||
| @@ -159,8 +163,8 @@ | |||
| <hr /> | |||
| <p>Découvertes culinaires du jour :</p> | |||
| <ul> | |||
| <li><a data-link-domain="cooked.wiki" href="https://cooked.wiki/">cooked.wiki</a> pour préfixer les recettes (merci <a data-link-domain="mastodon.tetaneutral.net" href="https://mastodon.tetaneutral.net/@newick/111749530608709450">@newick</a>) ;</li> | |||
| <li><a data-link-domain="github.com" href="https://github.com/mealie-recipes/mealie">mealie</a> pour stocker les recettes (merci <a data-link-domain="mamot.fr" href="https://mamot.fr/@aspyrine">@aspyrine</a>).</li> | |||
| <li><a data-link-domain="cooked.wiki" href="https://cooked.wiki/">cooked.wiki</a> pour préfixer les recettes (merci <a data-link-domain="mastodon.tetaneutral.net" href="https://mastodon.tetaneutral.net/@newick/111749530608709450">@newick</a>)</li> | |||
| <li><a data-link-domain="github.com" href="https://github.com/mealie-recipes/mealie">mealie</a> pour stocker les recettes (merci <a data-link-domain="mamot.fr" href="https://mamot.fr/@aspyrine">@aspyrine</a>)</li> | |||
| </ul> | |||
| @@ -179,11 +183,10 @@ | |||
| title="Liste de tous les articles 2024 associés à cette étiquette" | |||
| rel="tag">#protopie</a> | |||
| <a href="/david/#tags-2024" title="Liste de toutes les étiquettes 2024">tous ?</a> | |||
| <a href="/david/2024/#tags" title="Liste de toutes les étiquettes 2024">tous ?</a> | |||
| </p> | |||
| </nav> | |||
| <hr> | |||
| <h2> | |||
| <a href="/david/2024/01/13/" title="Lien permanent vers cet article">Wuwei</a> <time datetime="2024-01-13">13 janvier 2024</time> | |||
| @@ -224,11 +227,10 @@ | |||
| title="Liste de tous les articles 2024 associés à cette étiquette" | |||
| rel="tag">#parvenir</a> | |||
| <a href="/david/#tags-2024" title="Liste de toutes les étiquettes 2024">tous ?</a> | |||
| <a href="/david/2024/#tags" title="Liste de toutes les étiquettes 2024">tous ?</a> | |||
| </p> | |||
| </nav> | |||
| <hr> | |||
| <h2> | |||
| <a href="/david/2024/01/12/" title="Lien permanent vers cet article">Personnel</a> <time datetime="2024-01-12">12 janvier 2024</time> | |||
| @@ -288,11 +290,10 @@ | |||
| title="Liste de tous les articles 2024 associés à cette étiquette" | |||
| rel="tag">#psychologie</a> | |||
| <a href="/david/#tags-2024" title="Liste de toutes les étiquettes 2024">tous ?</a> | |||
| <a href="/david/2024/#tags" title="Liste de toutes les étiquettes 2024">tous ?</a> | |||
| </p> | |||
| </nav> | |||
| <hr> | |||
| <h2> | |||
| <a href="/david/2024/01/10/" title="Lien permanent vers cet article">Écriture</a> <time datetime="2024-01-10">10 janvier 2024</time> | |||
| @@ -372,11 +373,10 @@ | |||
| title="Liste de tous les articles 2024 associés à cette étiquette" | |||
| rel="tag">#IA</a> | |||
| <a href="/david/#tags-2024" title="Liste de toutes les étiquettes 2024">tous ?</a> | |||
| <a href="/david/2024/#tags" title="Liste de toutes les étiquettes 2024">tous ?</a> | |||
| </p> | |||
| </nav> | |||
| <hr> | |||
| <h2> | |||
| <a href="/david/2024/01/03/" title="Lien permanent vers cet article">Appariement</a> <time datetime="2024-01-03">3 janvier 2024</time> | |||
| @@ -413,62 +413,67 @@ | |||
| title="Liste de tous les articles 2024 associés à cette étiquette" | |||
| rel="tag">#web</a> | |||
| <a href="/david/#tags-2024" title="Liste de toutes les étiquettes 2024">tous ?</a> | |||
| <a href="/david/2024/#tags" title="Liste de toutes les étiquettes 2024">tous ?</a> | |||
| </p> | |||
| </nav> | |||
| <hr> | |||
| </article> | |||
| <form action="/david/recherche/" method="get"> | |||
| <fieldset> | |||
| <legend>Recherche</legend> | |||
| <label for="input-search">Termes de votre recherche :</label> | |||
| <input 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> | |||
| <nobr> | |||
| <a href="/david/" title="Aller à l’accueil">Accueil</a> | |||
| </nobr> | |||
| <a href="/david/" title="Aller à l’accueil">Accueil</a> | |||
| • | |||
| <nobr> | |||
| <a href="/david/log/" title="Accès au flux RSS">Suivre</a> | |||
| </nobr> | |||
| <a href="/david/log/" title="Accès au flux RSS">Suivre</a> | |||
| • | |||
| <nobr> | |||
| <a href="http://larlet.com" | |||
| title="Go to my English profile" | |||
| data-instant>Pro</a> | |||
| </nobr> | |||
| <a href="http://larlet.com" | |||
| title="Go to my English profile" | |||
| data-instant>Pro</a> | |||
| • | |||
| <nobr> | |||
| <a href="mailto:david%40larlet.fr" title="Envoyer un courriel">Email</a> | |||
| </nobr> | |||
| <a href="mailto:david%40larlet.fr" title="Envoyer un courriel">Email</a> | |||
| • | |||
| <nobr> | |||
| <abbr class="nowrap" | |||
| title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340">Légal</abbr> | |||
| </nobr> | |||
| <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 { | |||
| fieldset div { | |||
| text-align: center; | |||
| } | |||
| </style> | |||
| <fieldset> | |||
| <legend>Thème | |||
| </legend> | |||
| <label> | |||
| <input type="radio" value="auto" name="chosen-color-scheme" checked> | |||
| Auto | |||
| </label> | |||
| <label> | |||
| <input type="radio" value="dark" name="chosen-color-scheme"> | |||
| Foncé | |||
| </label> | |||
| <label> | |||
| <input type="radio" value="light" name="chosen-color-scheme"> | |||
| Clair | |||
| </label> | |||
| <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> | |||
+ 49
- 40
david/2024/equipe/index.html
View File
| @@ -110,8 +110,8 @@ | |||
| </style> | |||
| <body data-instant-intensity="viewport-all"> | |||
| <article> | |||
| <article> | |||
| <header> | |||
| <hgroup> | |||
| <h1>#équipe</h1> | |||
| @@ -119,14 +119,18 @@ | |||
| </hgroup> | |||
| </header> | |||
| <nav> | |||
| <p class="center"> | |||
| <p> | |||
| <a href="/david/" title="Aller à l’accueil"> | |||
| Accueil</a> | |||
| • | |||
| <a rel="tags" | |||
| href="/david/#tags-2024" | |||
| href="/david/2024/#tags" | |||
| title="Liste de toutes les étiquettes"> | |||
| Étiquettes</a> | |||
| • | |||
| <a href="/david/recherche/" title="Aller à la page de recherche" rel="search">Recherche</a> | |||
| • | |||
| <a href="/david/log/" title="Accès au flux RSS">Suivre</a> | |||
| </p> | |||
| </nav> | |||
| @@ -191,62 +195,67 @@ Isobel hésite. Sans lever les yeux de son livre, Emily répond à sa place  | |||
| title="Liste de tous les articles 2024 associés à cette étiquette" | |||
| rel="tag">#équipe</a> | |||
| <a href="/david/#tags-2024" title="Liste de toutes les étiquettes 2024">tous ?</a> | |||
| <a href="/david/2024/#tags" title="Liste de toutes les étiquettes 2024">tous ?</a> | |||
| </p> | |||
| </nav> | |||
| <hr> | |||
| </article> | |||
| <form action="/david/recherche/" method="get"> | |||
| <fieldset> | |||
| <legend>Recherche</legend> | |||
| <label for="input-search">Termes de votre recherche :</label> | |||
| <input 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> | |||
| <nobr> | |||
| <a href="/david/" title="Aller à l’accueil">Accueil</a> | |||
| </nobr> | |||
| <a href="/david/" title="Aller à l’accueil">Accueil</a> | |||
| • | |||
| <nobr> | |||
| <a href="/david/log/" title="Accès au flux RSS">Suivre</a> | |||
| </nobr> | |||
| <a href="/david/log/" title="Accès au flux RSS">Suivre</a> | |||
| • | |||
| <nobr> | |||
| <a href="http://larlet.com" | |||
| title="Go to my English profile" | |||
| data-instant>Pro</a> | |||
| </nobr> | |||
| <a href="http://larlet.com" | |||
| title="Go to my English profile" | |||
| data-instant>Pro</a> | |||
| • | |||
| <nobr> | |||
| <a href="mailto:david%40larlet.fr" title="Envoyer un courriel">Email</a> | |||
| </nobr> | |||
| <a href="mailto:david%40larlet.fr" title="Envoyer un courriel">Email</a> | |||
| • | |||
| <nobr> | |||
| <abbr class="nowrap" | |||
| title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340">Légal</abbr> | |||
| </nobr> | |||
| <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 { | |||
| fieldset div { | |||
| text-align: center; | |||
| } | |||
| </style> | |||
| <fieldset> | |||
| <legend>Thème | |||
| </legend> | |||
| <label> | |||
| <input type="radio" value="auto" name="chosen-color-scheme" checked> | |||
| Auto | |||
| </label> | |||
| <label> | |||
| <input type="radio" value="dark" name="chosen-color-scheme"> | |||
| Foncé | |||
| </label> | |||
| <label> | |||
| <input type="radio" value="light" name="chosen-color-scheme"> | |||
| Clair | |||
| </label> | |||
| <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> | |||
+ 50
- 42
david/2024/evolution/index.html
View File
| @@ -110,8 +110,8 @@ | |||
| </style> | |||
| <body data-instant-intensity="viewport-all"> | |||
| <article> | |||
| <article> | |||
| <header> | |||
| <hgroup> | |||
| <h1>#évolution</h1> | |||
| @@ -119,14 +119,18 @@ | |||
| </hgroup> | |||
| </header> | |||
| <nav> | |||
| <p class="center"> | |||
| <p> | |||
| <a href="/david/" title="Aller à l’accueil"> | |||
| Accueil</a> | |||
| • | |||
| <a rel="tags" | |||
| href="/david/#tags-2024" | |||
| href="/david/2024/#tags" | |||
| title="Liste de toutes les étiquettes"> | |||
| Étiquettes</a> | |||
| • | |||
| <a href="/david/recherche/" title="Aller à la page de recherche" rel="search">Recherche</a> | |||
| • | |||
| <a href="/david/log/" title="Accès au flux RSS">Suivre</a> | |||
| </p> | |||
| </nav> | |||
| @@ -161,11 +165,10 @@ | |||
| title="Liste de tous les articles 2024 associés à cette étiquette" | |||
| rel="tag">#sport</a> | |||
| <a href="/david/#tags-2024" title="Liste de toutes les étiquettes 2024">tous ?</a> | |||
| <a href="/david/2024/#tags" title="Liste de toutes les étiquettes 2024">tous ?</a> | |||
| </p> | |||
| </nav> | |||
| <hr> | |||
| <h2> | |||
| <a href="/david/2024/01/11/" title="Lien permanent vers cet article">Impact</a> <time datetime="2024-01-11">11 janvier 2024</time> | |||
| @@ -220,62 +223,67 @@ | |||
| title="Liste de tous les articles 2024 associés à cette étiquette" | |||
| rel="tag">#web</a> | |||
| <a href="/david/#tags-2024" title="Liste de toutes les étiquettes 2024">tous ?</a> | |||
| <a href="/david/2024/#tags" title="Liste de toutes les étiquettes 2024">tous ?</a> | |||
| </p> | |||
| </nav> | |||
| <hr> | |||
| </article> | |||
| <form action="/david/recherche/" method="get"> | |||
| <fieldset> | |||
| <legend>Recherche</legend> | |||
| <label for="input-search">Termes de votre recherche :</label> | |||
| <input 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> | |||
| <nobr> | |||
| <a href="/david/" title="Aller à l’accueil">Accueil</a> | |||
| </nobr> | |||
| <a href="/david/" title="Aller à l’accueil">Accueil</a> | |||
| • | |||
| <nobr> | |||
| <a href="/david/log/" title="Accès au flux RSS">Suivre</a> | |||
| </nobr> | |||
| <a href="/david/log/" title="Accès au flux RSS">Suivre</a> | |||
| • | |||
| <nobr> | |||
| <a href="http://larlet.com" | |||
| title="Go to my English profile" | |||
| data-instant>Pro</a> | |||
| </nobr> | |||
| <a href="http://larlet.com" | |||
| title="Go to my English profile" | |||
| data-instant>Pro</a> | |||
| • | |||
| <nobr> | |||
| <a href="mailto:david%40larlet.fr" title="Envoyer un courriel">Email</a> | |||
| </nobr> | |||
| <a href="mailto:david%40larlet.fr" title="Envoyer un courriel">Email</a> | |||
| • | |||
| <nobr> | |||
| <abbr class="nowrap" | |||
| title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340">Légal</abbr> | |||
| </nobr> | |||
| <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 { | |||
| fieldset div { | |||
| text-align: center; | |||
| } | |||
| </style> | |||
| <fieldset> | |||
| <legend>Thème | |||
| </legend> | |||
| <label> | |||
| <input type="radio" value="auto" name="chosen-color-scheme" checked> | |||
| Auto | |||
| </label> | |||
| <label> | |||
| <input type="radio" value="dark" name="chosen-color-scheme"> | |||
| Foncé | |||
| </label> | |||
| <label> | |||
| <input type="radio" value="light" name="chosen-color-scheme"> | |||
| Clair | |||
| </label> | |||
| <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> | |||
+ 53
- 46
david/2024/experience/index.html
View File
| @@ -110,8 +110,8 @@ | |||
| </style> | |||
| <body data-instant-intensity="viewport-all"> | |||
| <article> | |||
| <article> | |||
| <header> | |||
| <hgroup> | |||
| <h1>#expérience</h1> | |||
| @@ -119,14 +119,18 @@ | |||
| </hgroup> | |||
| </header> | |||
| <nav> | |||
| <p class="center"> | |||
| <p> | |||
| <a href="/david/" title="Aller à l’accueil"> | |||
| Accueil</a> | |||
| • | |||
| <a rel="tags" | |||
| href="/david/#tags-2024" | |||
| href="/david/2024/#tags" | |||
| title="Liste de toutes les étiquettes"> | |||
| Étiquettes</a> | |||
| • | |||
| <a href="/david/recherche/" title="Aller à la page de recherche" rel="search">Recherche</a> | |||
| • | |||
| <a href="/david/log/" title="Accès au flux RSS">Suivre</a> | |||
| </p> | |||
| </nav> | |||
| @@ -159,8 +163,8 @@ | |||
| <hr /> | |||
| <p>Découvertes culinaires du jour :</p> | |||
| <ul> | |||
| <li><a data-link-domain="cooked.wiki" href="https://cooked.wiki/">cooked.wiki</a> pour préfixer les recettes (merci <a data-link-domain="mastodon.tetaneutral.net" href="https://mastodon.tetaneutral.net/@newick/111749530608709450">@newick</a>) ;</li> | |||
| <li><a data-link-domain="github.com" href="https://github.com/mealie-recipes/mealie">mealie</a> pour stocker les recettes (merci <a data-link-domain="mamot.fr" href="https://mamot.fr/@aspyrine">@aspyrine</a>).</li> | |||
| <li><a data-link-domain="cooked.wiki" href="https://cooked.wiki/">cooked.wiki</a> pour préfixer les recettes (merci <a data-link-domain="mastodon.tetaneutral.net" href="https://mastodon.tetaneutral.net/@newick/111749530608709450">@newick</a>)</li> | |||
| <li><a data-link-domain="github.com" href="https://github.com/mealie-recipes/mealie">mealie</a> pour stocker les recettes (merci <a data-link-domain="mamot.fr" href="https://mamot.fr/@aspyrine">@aspyrine</a>)</li> | |||
| </ul> | |||
| @@ -179,11 +183,10 @@ | |||
| title="Liste de tous les articles 2024 associés à cette étiquette" | |||
| rel="tag">#protopie</a> | |||
| <a href="/david/#tags-2024" title="Liste de toutes les étiquettes 2024">tous ?</a> | |||
| <a href="/david/2024/#tags" title="Liste de toutes les étiquettes 2024">tous ?</a> | |||
| </p> | |||
| </nav> | |||
| <hr> | |||
| <h2> | |||
| <a href="/david/2024/01/02/" title="Lien permanent vers cet article">Fondations</a> <time datetime="2024-01-02">2 janvier 2024</time> | |||
| @@ -243,11 +246,10 @@ | |||
| title="Liste de tous les articles 2024 associés à cette étiquette" | |||
| rel="tag">#web</a> | |||
| <a href="/david/#tags-2024" title="Liste de toutes les étiquettes 2024">tous ?</a> | |||
| <a href="/david/2024/#tags" title="Liste de toutes les étiquettes 2024">tous ?</a> | |||
| </p> | |||
| </nav> | |||
| <hr> | |||
| <h2> | |||
| <a href="/david/2024/01/01/" title="Lien permanent vers cet article">Dryear(s)</a> <time datetime="2024-01-01">1 janvier 2024</time> | |||
| @@ -295,62 +297,67 @@ Pb : mémoire, troubles cognitifs, responsable de cancer, pb sommeil, déco | |||
| title="Liste de tous les articles 2024 associés à cette étiquette" | |||
| rel="tag">#protopie</a> | |||
| <a href="/david/#tags-2024" title="Liste de toutes les étiquettes 2024">tous ?</a> | |||
| <a href="/david/2024/#tags" title="Liste de toutes les étiquettes 2024">tous ?</a> | |||
| </p> | |||
| </nav> | |||
| <hr> | |||
| </article> | |||
| <form action="/david/recherche/" method="get"> | |||
| <fieldset> | |||
| <legend>Recherche</legend> | |||
| <label for="input-search">Termes de votre recherche :</label> | |||
| <input 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> | |||
| <nobr> | |||
| <a href="/david/" title="Aller à l’accueil">Accueil</a> | |||
| </nobr> | |||
| <a href="/david/" title="Aller à l’accueil">Accueil</a> | |||
| • | |||
| <nobr> | |||
| <a href="/david/log/" title="Accès au flux RSS">Suivre</a> | |||
| </nobr> | |||
| <a href="/david/log/" title="Accès au flux RSS">Suivre</a> | |||
| • | |||
| <nobr> | |||
| <a href="http://larlet.com" | |||
| title="Go to my English profile" | |||
| data-instant>Pro</a> | |||
| </nobr> | |||
| <a href="http://larlet.com" | |||
| title="Go to my English profile" | |||
| data-instant>Pro</a> | |||
| • | |||
| <nobr> | |||
| <a href="mailto:david%40larlet.fr" title="Envoyer un courriel">Email</a> | |||
| </nobr> | |||
| <a href="mailto:david%40larlet.fr" title="Envoyer un courriel">Email</a> | |||
| • | |||
| <nobr> | |||
| <abbr class="nowrap" | |||
| title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340">Légal</abbr> | |||
| </nobr> | |||
| <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 { | |||
| fieldset div { | |||
| text-align: center; | |||
| } | |||
| </style> | |||
| <fieldset> | |||
| <legend>Thème | |||
| </legend> | |||
| <label> | |||
| <input type="radio" value="auto" name="chosen-color-scheme" checked> | |||
| Auto | |||
| </label> | |||
| <label> | |||
| <input type="radio" value="dark" name="chosen-color-scheme"> | |||
| Foncé | |||
| </label> | |||
| <label> | |||
| <input type="radio" value="light" name="chosen-color-scheme"> | |||
| Clair | |||
| </label> | |||
| <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> | |||
+ 49
- 40
david/2024/fediverse/index.html
View File
| @@ -110,8 +110,8 @@ | |||
| </style> | |||
| <body data-instant-intensity="viewport-all"> | |||
| <article> | |||
| <article> | |||
| <header> | |||
| <hgroup> | |||
| <h1>#fédiverse</h1> | |||
| @@ -119,14 +119,18 @@ | |||
| </hgroup> | |||
| </header> | |||
| <nav> | |||
| <p class="center"> | |||
| <p> | |||
| <a href="/david/" title="Aller à l’accueil"> | |||
| Accueil</a> | |||
| • | |||
| <a rel="tags" | |||
| href="/david/#tags-2024" | |||
| href="/david/2024/#tags" | |||
| title="Liste de toutes les étiquettes"> | |||
| Étiquettes</a> | |||
| • | |||
| <a href="/david/recherche/" title="Aller à la page de recherche" rel="search">Recherche</a> | |||
| • | |||
| <a href="/david/log/" title="Accès au flux RSS">Suivre</a> | |||
| </p> | |||
| </nav> | |||
| @@ -186,62 +190,67 @@ | |||
| title="Liste de tous les articles 2024 associés à cette étiquette" | |||
| rel="tag">#fédiverse</a> | |||
| <a href="/david/#tags-2024" title="Liste de toutes les étiquettes 2024">tous ?</a> | |||
| <a href="/david/2024/#tags" title="Liste de toutes les étiquettes 2024">tous ?</a> | |||
| </p> | |||
| </nav> | |||
| <hr> | |||
| </article> | |||
| <form action="/david/recherche/" method="get"> | |||
| <fieldset> | |||
| <legend>Recherche</legend> | |||
| <label for="input-search">Termes de votre recherche :</label> | |||
| <input 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> | |||
| <nobr> | |||
| <a href="/david/" title="Aller à l’accueil">Accueil</a> | |||
| </nobr> | |||
| <a href="/david/" title="Aller à l’accueil">Accueil</a> | |||
| • | |||
| <nobr> | |||
| <a href="/david/log/" title="Accès au flux RSS">Suivre</a> | |||
| </nobr> | |||
| <a href="/david/log/" title="Accès au flux RSS">Suivre</a> | |||
| • | |||
| <nobr> | |||
| <a href="http://larlet.com" | |||
| title="Go to my English profile" | |||
| data-instant>Pro</a> | |||
| </nobr> | |||
| <a href="http://larlet.com" | |||
| title="Go to my English profile" | |||
| data-instant>Pro</a> | |||
| • | |||
| <nobr> | |||
| <a href="mailto:david%40larlet.fr" title="Envoyer un courriel">Email</a> | |||
| </nobr> | |||
| <a href="mailto:david%40larlet.fr" title="Envoyer un courriel">Email</a> | |||
| • | |||
| <nobr> | |||
| <abbr class="nowrap" | |||
| title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340">Légal</abbr> | |||
| </nobr> | |||
| <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 { | |||
| fieldset div { | |||
| text-align: center; | |||
| } | |||
| </style> | |||
| <fieldset> | |||
| <legend>Thème | |||
| </legend> | |||
| <label> | |||
| <input type="radio" value="auto" name="chosen-color-scheme" checked> | |||
| Auto | |||
| </label> | |||
| <label> | |||
| <input type="radio" value="dark" name="chosen-color-scheme"> | |||
| Foncé | |||
| </label> | |||
| <label> | |||
| <input type="radio" value="light" name="chosen-color-scheme"> | |||
| Clair | |||
| </label> | |||
| <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> | |||
+ 50
- 42
david/2024/ia/index.html
View File
| @@ -110,8 +110,8 @@ | |||
| </style> | |||
| <body data-instant-intensity="viewport-all"> | |||
| <article> | |||
| <article> | |||
| <header> | |||
| <hgroup> | |||
| <h1>#IA</h1> | |||
| @@ -119,14 +119,18 @@ | |||
| </hgroup> | |||
| </header> | |||
| <nav> | |||
| <p class="center"> | |||
| <p> | |||
| <a href="/david/" title="Aller à l’accueil"> | |||
| Accueil</a> | |||
| • | |||
| <a rel="tags" | |||
| href="/david/#tags-2024" | |||
| href="/david/2024/#tags" | |||
| title="Liste de toutes les étiquettes"> | |||
| Étiquettes</a> | |||
| • | |||
| <a href="/david/recherche/" title="Aller à la page de recherche" rel="search">Recherche</a> | |||
| • | |||
| <a href="/david/log/" title="Accès au flux RSS">Suivre</a> | |||
| </p> | |||
| </nav> | |||
| @@ -169,11 +173,10 @@ | |||
| title="Liste de tous les articles 2024 associés à cette étiquette" | |||
| rel="tag">#parvenir</a> | |||
| <a href="/david/#tags-2024" title="Liste de toutes les étiquettes 2024">tous ?</a> | |||
| <a href="/david/2024/#tags" title="Liste de toutes les étiquettes 2024">tous ?</a> | |||
| </p> | |||
| </nav> | |||
| <hr> | |||
| <h2> | |||
| <a href="/david/2024/01/10/" title="Lien permanent vers cet article">Écriture</a> <time datetime="2024-01-10">10 janvier 2024</time> | |||
| @@ -253,62 +256,67 @@ | |||
| title="Liste de tous les articles 2024 associés à cette étiquette" | |||
| rel="tag">#IA</a> | |||
| <a href="/david/#tags-2024" title="Liste de toutes les étiquettes 2024">tous ?</a> | |||
| <a href="/david/2024/#tags" title="Liste de toutes les étiquettes 2024">tous ?</a> | |||
| </p> | |||
| </nav> | |||
| <hr> | |||
| </article> | |||
| <form action="/david/recherche/" method="get"> | |||
| <fieldset> | |||
| <legend>Recherche</legend> | |||
| <label for="input-search">Termes de votre recherche :</label> | |||
| <input 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> | |||
| <nobr> | |||
| <a href="/david/" title="Aller à l’accueil">Accueil</a> | |||
| </nobr> | |||
| <a href="/david/" title="Aller à l’accueil">Accueil</a> | |||
| • | |||
| <nobr> | |||
| <a href="/david/log/" title="Accès au flux RSS">Suivre</a> | |||
| </nobr> | |||
| <a href="/david/log/" title="Accès au flux RSS">Suivre</a> | |||
| • | |||
| <nobr> | |||
| <a href="http://larlet.com" | |||
| title="Go to my English profile" | |||
| data-instant>Pro</a> | |||
| </nobr> | |||
| <a href="http://larlet.com" | |||
| title="Go to my English profile" | |||
| data-instant>Pro</a> | |||
| • | |||
| <nobr> | |||
| <a href="mailto:david%40larlet.fr" title="Envoyer un courriel">Email</a> | |||
| </nobr> | |||
| <a href="mailto:david%40larlet.fr" title="Envoyer un courriel">Email</a> | |||
| • | |||
| <nobr> | |||
| <abbr class="nowrap" | |||
| title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340">Légal</abbr> | |||
| </nobr> | |||
| <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 { | |||
| fieldset div { | |||
| text-align: center; | |||
| } | |||
| </style> | |||
| <fieldset> | |||
| <legend>Thème | |||
| </legend> | |||
| <label> | |||
| <input type="radio" value="auto" name="chosen-color-scheme" checked> | |||
| Auto | |||
| </label> | |||
| <label> | |||
| <input type="radio" value="dark" name="chosen-color-scheme"> | |||
| Foncé | |||
| </label> | |||
| <label> | |||
| <input type="radio" value="light" name="chosen-color-scheme"> | |||
| Clair | |||
| </label> | |||
| <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> | |||
+ 139
- 146
david/2024/index.html
View File
| @@ -48,40 +48,40 @@ | |||
| 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_2021-01-20.css"> | |||
| <link rel="stylesheet" href="/static/david/css/style_2024-01-13.css"> | |||
| <!-- See https://www.zachleat.com/web/comprehensive-webfonts/ for the trade-off. --> | |||
| <link rel="preload" | |||
| href="/static/david/css/fonts/triplicate_t4_poly_regular.woff2" | |||
| 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/triplicate_t4_poly_bold.woff2" | |||
| 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/triplicate_t4_poly_italic.woff2" | |||
| 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/triplicate_t3_regular.woff2" | |||
| 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/triplicate_t3_bold.woff2" | |||
| 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/triplicate_t3_italic.woff2" | |||
| href="/static/david/css/fonts/century_supra_ot_b_italic.woff2" | |||
| as="font" | |||
| type="font/woff2" | |||
| media="(prefers-color-scheme: dark)" | |||
| @@ -103,41 +103,31 @@ | |||
| } | |||
| </script> | |||
| <body class="remarkdown h1-underline h2-underline h3-underline em-underscore hr-center ul-star pre-tick" | |||
| data-instant-intensity="viewport-all"> | |||
| <header> | |||
| <h1>Publications 2024</h1> | |||
| </header> | |||
| <nav> | |||
| <p class="center"> | |||
| <nobr> | |||
| <a href="/david/" title="Aller à l’accueil" rel="up" | |||
| ><svg class="icon icon-home"> | |||
| <use | |||
| xlink:href="/static/david/icons2/symbol-defs-2022-03.svg#icon-home" | |||
| ></use> | |||
| </svg> | |||
| Accueil</a | |||
| > | |||
| </nobr> | |||
| • | |||
| <nobr> | |||
| <a href="/david/recherche/" title="Aller à la page de recherche" rel="search" | |||
| ><svg class="icon icon-search"> | |||
| <use | |||
| xlink:href="/static/david/icons2/symbol-defs-2022-03.svg#icon-search" | |||
| ></use> | |||
| </svg> | |||
| Recherche</a | |||
| > | |||
| </nobr> | |||
| </p> | |||
| </nav> | |||
| <hr> | |||
| <main> | |||
| <body data-instant-intensity="viewport-all"> | |||
| <article> | |||
| <header> | |||
| <hgroup> | |||
| <h1>Publications 2024</h1> | |||
| <p>Tentative de publication quotidienne</p> | |||
| </hgroup> | |||
| </header> | |||
| <nav> | |||
| <p> | |||
| <a href="/david/" title="Aller à l’accueil" rel="up">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">Recherche</a> | |||
| • | |||
| <a href="/david/log/" title="Accès au flux RSS">Suivre</a> | |||
| </p> | |||
| </nav> | |||
| <h3>Janvier 2024</h3> | |||
| <h2>Janvier 2024</h2> | |||
| <p> | |||
| <a href="/david/2024/01/01/">Dryear(s)</a>, | |||
| <a href="/david/2024/01/02/">Fondations</a>, | |||
| @@ -158,159 +148,162 @@ | |||
| </p> | |||
| <h3 id="tags"> | |||
| Par tags <svg class="icon icon-tags"> | |||
| <use xlink:href="/static/david/icons2/symbol-defs-2022-03.svg#icon-tags"></use> | |||
| </svg> | |||
| </h3> | |||
| <h2 id="tags">Par tags</h2> | |||
| <p> | |||
| <a href="/david/2024/accessibilite/" rel="tag">#accessibilité (1)</a> | |||
| <a href="/david/2024/accompagnement/" rel="tag">#accompagnement (1)</a> | |||
| <a href="/david/2024/addiction/" rel="tag">#addiction (3)</a> | |||
| <a href="/david/2024/apprentissage/" rel="tag">#apprentissage (3)</a> | |||
| <a href="/david/2024/communaute/" rel="tag">#communauté (1)</a> | |||
| <a href="/david/2024/decision/" rel="tag">#décision (1)</a> | |||
| <a href="/david/2024/ecriture/" rel="tag">#écriture (5)</a> | |||
| <a href="/david/2024/equipe/" rel="tag">#équipe (1)</a> | |||
| <a href="/david/2024/evolution/" rel="tag">#évolution (2)</a> | |||
| <a href="/david/2024/experience/" rel="tag">#expérience (3)</a> | |||
| <a href="/david/2024/fediverse/" rel="tag">#fédiverse (1)</a> | |||
| <a href="/david/2024/ia/" rel="tag">#IA (2)</a> | |||
| <a href="/david/2024/parvenir/" rel="tag">#parvenir (1)</a> | |||
| <a href="/david/2024/processus/" rel="tag">#processus (3)</a> | |||
| <a href="/david/2024/protopie/" rel="tag">#protopie (2)</a> | |||
| <a href="/david/2024/psychologie/" rel="tag">#psychologie (1)</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 (4)</a> | |||
| <a href="/david/2024/web/" rel="tag">#web (3)</a> | |||
| <a href="/david/2024/accessibilite/" rel="tag">#accessibilité (1)</a>, | |||
| <a href="/david/2024/accompagnement/" rel="tag">#accompagnement (1)</a>, | |||
| <a href="/david/2024/addiction/" rel="tag">#addiction (3)</a>, | |||
| <a href="/david/2024/apprentissage/" rel="tag">#apprentissage (3)</a>, | |||
| <a href="/david/2024/communaute/" rel="tag">#communauté (1)</a>, | |||
| <a href="/david/2024/decision/" rel="tag">#décision (1)</a>, | |||
| <a href="/david/2024/ecriture/" rel="tag">#écriture (5)</a>, | |||
| <a href="/david/2024/equipe/" rel="tag">#équipe (1)</a>, | |||
| <a href="/david/2024/evolution/" rel="tag">#évolution (2)</a>, | |||
| <a href="/david/2024/experience/" rel="tag">#expérience (3)</a>, | |||
| <a href="/david/2024/fediverse/" rel="tag">#fédiverse (1)</a>, | |||
| <a href="/david/2024/ia/" rel="tag">#IA (2)</a>, | |||
| <a href="/david/2024/parvenir/" rel="tag">#parvenir (1)</a>, | |||
| <a href="/david/2024/processus/" rel="tag">#processus (3)</a>, | |||
| <a href="/david/2024/protopie/" rel="tag">#protopie (2)</a>, | |||
| <a href="/david/2024/psychologie/" rel="tag">#psychologie (1)</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 (4)</a>, | |||
| <a href="/david/2024/web/" rel="tag">#web (3)</a>. | |||
| </p> | |||
| </main> | |||
| <form action="/david/recherche/" method="get"> | |||
| <fieldset> | |||
| <legend>Recherche</legend> | |||
| <label for="input-search">Termes de votre recherche :</label> | |||
| <input 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> | |||
| <nobr> | |||
| <a href="/david/" title="Aller à l’accueil"> | |||
| <svg class="icon icon-home"> | |||
| <use xlink:href="/static/david/icons2/symbol-defs-2022-03.svg#icon-home"></use> | |||
| </svg> | |||
| Accueil</a> | |||
| </nobr> | |||
| <a href="/david/" title="Aller à l’accueil">Accueil</a> | |||
| • | |||
| <nobr> | |||
| <a href="/david/log/" title="Accès au flux RSS"> | |||
| <svg class="icon icon-rss2"> | |||
| <use xlink:href="/static/david/icons2/symbol-defs-2022-03.svg#icon-rss2"></use> | |||
| </svg> | |||
| Suivre</a> | |||
| </nobr> | |||
| <a href="/david/log/" title="Accès au flux RSS">Suivre</a> | |||
| • | |||
| <nobr> | |||
| <a href="http://larlet.com" | |||
| title="Go to my English profile" | |||
| data-instant> | |||
| <svg class="icon icon-user-tie"> | |||
| <use xlink:href="/static/david/icons2/symbol-defs-2022-03.svg#icon-user-tie"></use> | |||
| </svg> | |||
| Pro</a> | |||
| </nobr> | |||
| <a href="http://larlet.com" | |||
| title="Go to my English profile" | |||
| data-instant>Pro</a> | |||
| • | |||
| <nobr> | |||
| <a href="mailto:david%40larlet.fr" title="Envoyer un courriel"> | |||
| <svg class="icon icon-mail"> | |||
| <use xlink:href="/static/david/icons2/symbol-defs-2022-03.svg#icon-mail"></use> | |||
| </svg> | |||
| Email</a> | |||
| </nobr> | |||
| <a href="mailto:david%40larlet.fr" title="Envoyer un courriel">Email</a> | |||
| • | |||
| <nobr> | |||
| <abbr class="nowrap" | |||
| title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340"> | |||
| <svg class="icon icon-hammer2"> | |||
| <use xlink:href="/static/david/icons2/symbol-defs-2022-03.svg#icon-hammer2"></use> | |||
| </svg> | |||
| Légal</abbr> | |||
| </nobr> | |||
| <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> | |||
| <svg class="icon icon-brightness-contrast"> | |||
| <use xlink:href="/static/david/icons2/symbol-defs-2022-03.svg#icon-brightness-contrast"></use> | |||
| </svg> | |||
| Thème | |||
| </legend> | |||
| <label> | |||
| <input type="radio" value="auto" name="chosen-color-scheme" checked> | |||
| Auto | |||
| </label> | |||
| <label> | |||
| <input type="radio" value="dark" name="chosen-color-scheme"> | |||
| Foncé | |||
| </label> | |||
| <label> | |||
| <input type="radio" value="light" name="chosen-color-scheme"> | |||
| Clair | |||
| </label> | |||
| <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> | |||
| function loadThemeForm(templateName) { | |||
| const themeSelectorTemplate = document.querySelector(templateName) | |||
| const form = themeSelectorTemplate.content.firstElementChild | |||
| themeSelectorTemplate.replaceWith(form) | |||
| 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)) | |||
| } | |||
| form.addEventListener('change', (e) => { | |||
| const chosenColorScheme = e.target.value | |||
| localStorage.setItem('theme', chosenColorScheme) | |||
| toggleTheme(chosenColorScheme) | |||
| }) | |||
| 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 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 cssRule of styleSheet.cssRules) { | |||
| if (cssRule.type !== CSSRule.MEDIA_RULE) { | |||
| for (const layerRule of styleSheet.cssRules) { | |||
| if (!(layerRule instanceof CSSLayerBlockRule)) { | |||
| continue | |||
| } | |||
| // WARNING: Safari does not have/supports `conditionText`. | |||
| if (cssRule.conditionText) { | |||
| if (cssRule.conditionText !== prefersColorSchemeDark) { | |||
| if (layerRule.name === 'colors') { | |||
| colorsLayer = layerRule | |||
| } | |||
| for (const cssRule of layerRule.cssRules) { | |||
| if (cssRule.type !== CSSRule.MEDIA_RULE) { | |||
| continue | |||
| } | |||
| } else { | |||
| if (cssRule.cssText.startsWith(prefersColorSchemeDark)) { | |||
| 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)) | |||
| } | |||
| mediaRules = mediaRules.concat(Array.from(cssRule.cssRules)) | |||
| } | |||
| // WARNING: do not try to insert a Rule to a styleSheet you are | |||
| // currently iterating on, otherwise the browser will be stuck | |||
| // in a infinite loop… | |||
| for (const mediaRule of mediaRules) { | |||
| styleSheet.insertRule(mediaRule.cssText) | |||
| // Safari requires the `0` second parameter (even if default). | |||
| colorsLayer.insertRule(mediaRule.cssText, 0) | |||
| hasDarkRules = true | |||
| } | |||
| } | |||
| if (hasDarkRules) { | |||
| loadThemeForm('#theme-selector') | |||
| if ('customElements' in window && !customElements.get('theme-toggle')) { | |||
| customElements.define('theme-toggle', ThemeToggle) | |||
| } | |||
| } | |||
| }) | |||
| </script> | |||
+ 49
- 40
david/2024/parvenir/index.html
View File
| @@ -110,8 +110,8 @@ | |||
| </style> | |||
| <body data-instant-intensity="viewport-all"> | |||
| <article> | |||
| <article> | |||
| <header> | |||
| <hgroup> | |||
| <h1>#parvenir</h1> | |||
| @@ -119,14 +119,18 @@ | |||
| </hgroup> | |||
| </header> | |||
| <nav> | |||
| <p class="center"> | |||
| <p> | |||
| <a href="/david/" title="Aller à l’accueil"> | |||
| Accueil</a> | |||
| • | |||
| <a rel="tags" | |||
| href="/david/#tags-2024" | |||
| href="/david/2024/#tags" | |||
| title="Liste de toutes les étiquettes"> | |||
| Étiquettes</a> | |||
| • | |||
| <a href="/david/recherche/" title="Aller à la page de recherche" rel="search">Recherche</a> | |||
| • | |||
| <a href="/david/log/" title="Accès au flux RSS">Suivre</a> | |||
| </p> | |||
| </nav> | |||
| @@ -169,62 +173,67 @@ | |||
| title="Liste de tous les articles 2024 associés à cette étiquette" | |||
| rel="tag">#parvenir</a> | |||
| <a href="/david/#tags-2024" title="Liste de toutes les étiquettes 2024">tous ?</a> | |||
| <a href="/david/2024/#tags" title="Liste de toutes les étiquettes 2024">tous ?</a> | |||
| </p> | |||
| </nav> | |||
| <hr> | |||
| </article> | |||
| <form action="/david/recherche/" method="get"> | |||
| <fieldset> | |||
| <legend>Recherche</legend> | |||
| <label for="input-search">Termes de votre recherche :</label> | |||
| <input 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> | |||
| <nobr> | |||
| <a href="/david/" title="Aller à l’accueil">Accueil</a> | |||
| </nobr> | |||
| <a href="/david/" title="Aller à l’accueil">Accueil</a> | |||
| • | |||
| <nobr> | |||
| <a href="/david/log/" title="Accès au flux RSS">Suivre</a> | |||
| </nobr> | |||
| <a href="/david/log/" title="Accès au flux RSS">Suivre</a> | |||
| • | |||
| <nobr> | |||
| <a href="http://larlet.com" | |||
| title="Go to my English profile" | |||
| data-instant>Pro</a> | |||
| </nobr> | |||
| <a href="http://larlet.com" | |||
| title="Go to my English profile" | |||
| data-instant>Pro</a> | |||
| • | |||
| <nobr> | |||
| <a href="mailto:david%40larlet.fr" title="Envoyer un courriel">Email</a> | |||
| </nobr> | |||
| <a href="mailto:david%40larlet.fr" title="Envoyer un courriel">Email</a> | |||
| • | |||
| <nobr> | |||
| <abbr class="nowrap" | |||
| title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340">Légal</abbr> | |||
| </nobr> | |||
| <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 { | |||
| fieldset div { | |||
| text-align: center; | |||
| } | |||
| </style> | |||
| <fieldset> | |||
| <legend>Thème | |||
| </legend> | |||
| <label> | |||
| <input type="radio" value="auto" name="chosen-color-scheme" checked> | |||
| Auto | |||
| </label> | |||
| <label> | |||
| <input type="radio" value="dark" name="chosen-color-scheme"> | |||
| Foncé | |||
| </label> | |||
| <label> | |||
| <input type="radio" value="light" name="chosen-color-scheme"> | |||
| Clair | |||
| </label> | |||
| <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> | |||
+ 51
- 44
david/2024/processus/index.html
View File
| @@ -110,8 +110,8 @@ | |||
| </style> | |||
| <body data-instant-intensity="viewport-all"> | |||
| <article> | |||
| <article> | |||
| <header> | |||
| <hgroup> | |||
| <h1>#processus</h1> | |||
| @@ -119,14 +119,18 @@ | |||
| </hgroup> | |||
| </header> | |||
| <nav> | |||
| <p class="center"> | |||
| <p> | |||
| <a href="/david/" title="Aller à l’accueil"> | |||
| Accueil</a> | |||
| • | |||
| <a rel="tags" | |||
| href="/david/#tags-2024" | |||
| href="/david/2024/#tags" | |||
| title="Liste de toutes les étiquettes"> | |||
| Étiquettes</a> | |||
| • | |||
| <a href="/david/recherche/" title="Aller à la page de recherche" rel="search">Recherche</a> | |||
| • | |||
| <a href="/david/log/" title="Accès au flux RSS">Suivre</a> | |||
| </p> | |||
| </nav> | |||
| @@ -188,11 +192,10 @@ | |||
| title="Liste de tous les articles 2024 associés à cette étiquette" | |||
| rel="tag">#psychologie</a> | |||
| <a href="/david/#tags-2024" title="Liste de toutes les étiquettes 2024">tous ?</a> | |||
| <a href="/david/2024/#tags" title="Liste de toutes les étiquettes 2024">tous ?</a> | |||
| </p> | |||
| </nav> | |||
| <hr> | |||
| <h2> | |||
| <a href="/david/2024/01/08/" title="Lien permanent vers cet article">Liens</a> <time datetime="2024-01-08">8 janvier 2024</time> | |||
| @@ -262,11 +265,10 @@ a::before { | |||
| title="Liste de tous les articles 2024 associés à cette étiquette" | |||
| rel="tag">#technique</a> | |||
| <a href="/david/#tags-2024" title="Liste de toutes les étiquettes 2024">tous ?</a> | |||
| <a href="/david/2024/#tags" title="Liste de toutes les étiquettes 2024">tous ?</a> | |||
| </p> | |||
| </nav> | |||
| <hr> | |||
| <h2> | |||
| <a href="/david/2024/01/06/" title="Lien permanent vers cet article">Objectif</a> <time datetime="2024-01-06">6 janvier 2024</time> | |||
| @@ -323,62 +325,67 @@ a::before { | |||
| title="Liste de tous les articles 2024 associés à cette étiquette" | |||
| rel="tag">#sport</a> | |||
| <a href="/david/#tags-2024" title="Liste de toutes les étiquettes 2024">tous ?</a> | |||
| <a href="/david/2024/#tags" title="Liste de toutes les étiquettes 2024">tous ?</a> | |||
| </p> | |||
| </nav> | |||
| <hr> | |||
| </article> | |||
| <form action="/david/recherche/" method="get"> | |||
| <fieldset> | |||
| <legend>Recherche</legend> | |||
| <label for="input-search">Termes de votre recherche :</label> | |||
| <input 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> | |||
| <nobr> | |||
| <a href="/david/" title="Aller à l’accueil">Accueil</a> | |||
| </nobr> | |||
| <a href="/david/" title="Aller à l’accueil">Accueil</a> | |||
| • | |||
| <nobr> | |||
| <a href="/david/log/" title="Accès au flux RSS">Suivre</a> | |||
| </nobr> | |||
| <a href="/david/log/" title="Accès au flux RSS">Suivre</a> | |||
| • | |||
| <nobr> | |||
| <a href="http://larlet.com" | |||
| title="Go to my English profile" | |||
| data-instant>Pro</a> | |||
| </nobr> | |||
| <a href="http://larlet.com" | |||
| title="Go to my English profile" | |||
| data-instant>Pro</a> | |||
| • | |||
| <nobr> | |||
| <a href="mailto:david%40larlet.fr" title="Envoyer un courriel">Email</a> | |||
| </nobr> | |||
| <a href="mailto:david%40larlet.fr" title="Envoyer un courriel">Email</a> | |||
| • | |||
| <nobr> | |||
| <abbr class="nowrap" | |||
| title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340">Légal</abbr> | |||
| </nobr> | |||
| <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 { | |||
| fieldset div { | |||
| text-align: center; | |||
| } | |||
| </style> | |||
| <fieldset> | |||
| <legend>Thème | |||
| </legend> | |||
| <label> | |||
| <input type="radio" value="auto" name="chosen-color-scheme" checked> | |||
| Auto | |||
| </label> | |||
| <label> | |||
| <input type="radio" value="dark" name="chosen-color-scheme"> | |||
| Foncé | |||
| </label> | |||
| <label> | |||
| <input type="radio" value="light" name="chosen-color-scheme"> | |||
| Clair | |||
| </label> | |||
| <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> | |||
+ 52
- 44
david/2024/protopie/index.html
View File
| @@ -110,8 +110,8 @@ | |||
| </style> | |||
| <body data-instant-intensity="viewport-all"> | |||
| <article> | |||
| <article> | |||
| <header> | |||
| <hgroup> | |||
| <h1>#protopie</h1> | |||
| @@ -119,14 +119,18 @@ | |||
| </hgroup> | |||
| </header> | |||
| <nav> | |||
| <p class="center"> | |||
| <p> | |||
| <a href="/david/" title="Aller à l’accueil"> | |||
| Accueil</a> | |||
| • | |||
| <a rel="tags" | |||
| href="/david/#tags-2024" | |||
| href="/david/2024/#tags" | |||
| title="Liste de toutes les étiquettes"> | |||
| Étiquettes</a> | |||
| • | |||
| <a href="/david/recherche/" title="Aller à la page de recherche" rel="search">Recherche</a> | |||
| • | |||
| <a href="/david/log/" title="Accès au flux RSS">Suivre</a> | |||
| </p> | |||
| </nav> | |||
| @@ -159,8 +163,8 @@ | |||
| <hr /> | |||
| <p>Découvertes culinaires du jour :</p> | |||
| <ul> | |||
| <li><a data-link-domain="cooked.wiki" href="https://cooked.wiki/">cooked.wiki</a> pour préfixer les recettes (merci <a data-link-domain="mastodon.tetaneutral.net" href="https://mastodon.tetaneutral.net/@newick/111749530608709450">@newick</a>) ;</li> | |||
| <li><a data-link-domain="github.com" href="https://github.com/mealie-recipes/mealie">mealie</a> pour stocker les recettes (merci <a data-link-domain="mamot.fr" href="https://mamot.fr/@aspyrine">@aspyrine</a>).</li> | |||
| <li><a data-link-domain="cooked.wiki" href="https://cooked.wiki/">cooked.wiki</a> pour préfixer les recettes (merci <a data-link-domain="mastodon.tetaneutral.net" href="https://mastodon.tetaneutral.net/@newick/111749530608709450">@newick</a>)</li> | |||
| <li><a data-link-domain="github.com" href="https://github.com/mealie-recipes/mealie">mealie</a> pour stocker les recettes (merci <a data-link-domain="mamot.fr" href="https://mamot.fr/@aspyrine">@aspyrine</a>)</li> | |||
| </ul> | |||
| @@ -179,11 +183,10 @@ | |||
| title="Liste de tous les articles 2024 associés à cette étiquette" | |||
| rel="tag">#protopie</a> | |||
| <a href="/david/#tags-2024" title="Liste de toutes les étiquettes 2024">tous ?</a> | |||
| <a href="/david/2024/#tags" title="Liste de toutes les étiquettes 2024">tous ?</a> | |||
| </p> | |||
| </nav> | |||
| <hr> | |||
| <h2> | |||
| <a href="/david/2024/01/01/" title="Lien permanent vers cet article">Dryear(s)</a> <time datetime="2024-01-01">1 janvier 2024</time> | |||
| @@ -231,62 +234,67 @@ Pb : mémoire, troubles cognitifs, responsable de cancer, pb sommeil, déco | |||
| title="Liste de tous les articles 2024 associés à cette étiquette" | |||
| rel="tag">#protopie</a> | |||
| <a href="/david/#tags-2024" title="Liste de toutes les étiquettes 2024">tous ?</a> | |||
| <a href="/david/2024/#tags" title="Liste de toutes les étiquettes 2024">tous ?</a> | |||
| </p> | |||
| </nav> | |||
| <hr> | |||
| </article> | |||
| <form action="/david/recherche/" method="get"> | |||
| <fieldset> | |||
| <legend>Recherche</legend> | |||
| <label for="input-search">Termes de votre recherche :</label> | |||
| <input 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> | |||
| <nobr> | |||
| <a href="/david/" title="Aller à l’accueil">Accueil</a> | |||
| </nobr> | |||
| <a href="/david/" title="Aller à l’accueil">Accueil</a> | |||
| • | |||
| <nobr> | |||
| <a href="/david/log/" title="Accès au flux RSS">Suivre</a> | |||
| </nobr> | |||
| <a href="/david/log/" title="Accès au flux RSS">Suivre</a> | |||
| • | |||
| <nobr> | |||
| <a href="http://larlet.com" | |||
| title="Go to my English profile" | |||
| data-instant>Pro</a> | |||
| </nobr> | |||
| <a href="http://larlet.com" | |||
| title="Go to my English profile" | |||
| data-instant>Pro</a> | |||
| • | |||
| <nobr> | |||
| <a href="mailto:david%40larlet.fr" title="Envoyer un courriel">Email</a> | |||
| </nobr> | |||
| <a href="mailto:david%40larlet.fr" title="Envoyer un courriel">Email</a> | |||
| • | |||
| <nobr> | |||
| <abbr class="nowrap" | |||
| title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340">Légal</abbr> | |||
| </nobr> | |||
| <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 { | |||
| fieldset div { | |||
| text-align: center; | |||
| } | |||
| </style> | |||
| <fieldset> | |||
| <legend>Thème | |||
| </legend> | |||
| <label> | |||
| <input type="radio" value="auto" name="chosen-color-scheme" checked> | |||
| Auto | |||
| </label> | |||
| <label> | |||
| <input type="radio" value="dark" name="chosen-color-scheme"> | |||
| Foncé | |||
| </label> | |||
| <label> | |||
| <input type="radio" value="light" name="chosen-color-scheme"> | |||
| Clair | |||
| </label> | |||
| <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> | |||
+ 49
- 40
david/2024/psychologie/index.html
View File
| @@ -110,8 +110,8 @@ | |||
| </style> | |||
| <body data-instant-intensity="viewport-all"> | |||
| <article> | |||
| <article> | |||
| <header> | |||
| <hgroup> | |||
| <h1>#psychologie</h1> | |||
| @@ -119,14 +119,18 @@ | |||
| </hgroup> | |||
| </header> | |||
| <nav> | |||
| <p class="center"> | |||
| <p> | |||
| <a href="/david/" title="Aller à l’accueil"> | |||
| Accueil</a> | |||
| • | |||
| <a rel="tags" | |||
| href="/david/#tags-2024" | |||
| href="/david/2024/#tags" | |||
| title="Liste de toutes les étiquettes"> | |||
| Étiquettes</a> | |||
| • | |||
| <a href="/david/recherche/" title="Aller à la page de recherche" rel="search">Recherche</a> | |||
| • | |||
| <a href="/david/log/" title="Accès au flux RSS">Suivre</a> | |||
| </p> | |||
| </nav> | |||
| @@ -188,62 +192,67 @@ | |||
| title="Liste de tous les articles 2024 associés à cette étiquette" | |||
| rel="tag">#psychologie</a> | |||
| <a href="/david/#tags-2024" title="Liste de toutes les étiquettes 2024">tous ?</a> | |||
| <a href="/david/2024/#tags" title="Liste de toutes les étiquettes 2024">tous ?</a> | |||
| </p> | |||
| </nav> | |||
| <hr> | |||
| </article> | |||
| <form action="/david/recherche/" method="get"> | |||
| <fieldset> | |||
| <legend>Recherche</legend> | |||
| <label for="input-search">Termes de votre recherche :</label> | |||
| <input 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> | |||
| <nobr> | |||
| <a href="/david/" title="Aller à l’accueil">Accueil</a> | |||
| </nobr> | |||
| <a href="/david/" title="Aller à l’accueil">Accueil</a> | |||
| • | |||
| <nobr> | |||
| <a href="/david/log/" title="Accès au flux RSS">Suivre</a> | |||
| </nobr> | |||
| <a href="/david/log/" title="Accès au flux RSS">Suivre</a> | |||
| • | |||
| <nobr> | |||
| <a href="http://larlet.com" | |||
| title="Go to my English profile" | |||
| data-instant>Pro</a> | |||
| </nobr> | |||
| <a href="http://larlet.com" | |||
| title="Go to my English profile" | |||
| data-instant>Pro</a> | |||
| • | |||
| <nobr> | |||
| <a href="mailto:david%40larlet.fr" title="Envoyer un courriel">Email</a> | |||
| </nobr> | |||
| <a href="mailto:david%40larlet.fr" title="Envoyer un courriel">Email</a> | |||
| • | |||
| <nobr> | |||
| <abbr class="nowrap" | |||
| title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340">Légal</abbr> | |||
| </nobr> | |||
| <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 { | |||
| fieldset div { | |||
| text-align: center; | |||
| } | |||
| </style> | |||
| <fieldset> | |||
| <legend>Thème | |||
| </legend> | |||
| <label> | |||
| <input type="radio" value="auto" name="chosen-color-scheme" checked> | |||
| Auto | |||
| </label> | |||
| <label> | |||
| <input type="radio" value="dark" name="chosen-color-scheme"> | |||
| Foncé | |||
| </label> | |||
| <label> | |||
| <input type="radio" value="light" name="chosen-color-scheme"> | |||
| Clair | |||
| </label> | |||
| <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> | |||
+ 49
- 40
david/2024/solastalgia/index.html
View File
| @@ -110,8 +110,8 @@ | |||
| </style> | |||
| <body data-instant-intensity="viewport-all"> | |||
| <article> | |||
| <article> | |||
| <header> | |||
| <hgroup> | |||
| <h1>#solastalgia</h1> | |||
| @@ -119,14 +119,18 @@ | |||
| </hgroup> | |||
| </header> | |||
| <nav> | |||
| <p class="center"> | |||
| <p> | |||
| <a href="/david/" title="Aller à l’accueil"> | |||
| Accueil</a> | |||
| • | |||
| <a rel="tags" | |||
| href="/david/#tags-2024" | |||
| href="/david/2024/#tags" | |||
| title="Liste de toutes les étiquettes"> | |||
| Étiquettes</a> | |||
| • | |||
| <a href="/david/recherche/" title="Aller à la page de recherche" rel="search">Recherche</a> | |||
| • | |||
| <a href="/david/log/" title="Accès au flux RSS">Suivre</a> | |||
| </p> | |||
| </nav> | |||
| @@ -198,62 +202,67 @@ a::before { | |||
| title="Liste de tous les articles 2024 associés à cette étiquette" | |||
| rel="tag">#technique</a> | |||
| <a href="/david/#tags-2024" title="Liste de toutes les étiquettes 2024">tous ?</a> | |||
| <a href="/david/2024/#tags" title="Liste de toutes les étiquettes 2024">tous ?</a> | |||
| </p> | |||
| </nav> | |||
| <hr> | |||
| </article> | |||
| <form action="/david/recherche/" method="get"> | |||
| <fieldset> | |||
| <legend>Recherche</legend> | |||
| <label for="input-search">Termes de votre recherche :</label> | |||
| <input 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> | |||
| <nobr> | |||
| <a href="/david/" title="Aller à l’accueil">Accueil</a> | |||
| </nobr> | |||
| <a href="/david/" title="Aller à l’accueil">Accueil</a> | |||
| • | |||
| <nobr> | |||
| <a href="/david/log/" title="Accès au flux RSS">Suivre</a> | |||
| </nobr> | |||
| <a href="/david/log/" title="Accès au flux RSS">Suivre</a> | |||
| • | |||
| <nobr> | |||
| <a href="http://larlet.com" | |||
| title="Go to my English profile" | |||
| data-instant>Pro</a> | |||
| </nobr> | |||
| <a href="http://larlet.com" | |||
| title="Go to my English profile" | |||
| data-instant>Pro</a> | |||
| • | |||
| <nobr> | |||
| <a href="mailto:david%40larlet.fr" title="Envoyer un courriel">Email</a> | |||
| </nobr> | |||
| <a href="mailto:david%40larlet.fr" title="Envoyer un courriel">Email</a> | |||
| • | |||
| <nobr> | |||
| <abbr class="nowrap" | |||
| title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340">Légal</abbr> | |||
| </nobr> | |||
| <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 { | |||
| fieldset div { | |||
| text-align: center; | |||
| } | |||
| </style> | |||
| <fieldset> | |||
| <legend>Thème | |||
| </legend> | |||
| <label> | |||
| <input type="radio" value="auto" name="chosen-color-scheme" checked> | |||
| Auto | |||
| </label> | |||
| <label> | |||
| <input type="radio" value="dark" name="chosen-color-scheme"> | |||
| Foncé | |||
| </label> | |||
| <label> | |||
| <input type="radio" value="light" name="chosen-color-scheme"> | |||
| Clair | |||
| </label> | |||
| <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> | |||
+ 51
- 44
david/2024/sport/index.html
View File
| @@ -110,8 +110,8 @@ | |||
| </style> | |||
| <body data-instant-intensity="viewport-all"> | |||
| <article> | |||
| <article> | |||
| <header> | |||
| <hgroup> | |||
| <h1>#sport</h1> | |||
| @@ -119,14 +119,18 @@ | |||
| </hgroup> | |||
| </header> | |||
| <nav> | |||
| <p class="center"> | |||
| <p> | |||
| <a href="/david/" title="Aller à l’accueil"> | |||
| Accueil</a> | |||
| • | |||
| <a rel="tags" | |||
| href="/david/#tags-2024" | |||
| href="/david/2024/#tags" | |||
| title="Liste de toutes les étiquettes"> | |||
| Étiquettes</a> | |||
| • | |||
| <a href="/david/recherche/" title="Aller à la page de recherche" rel="search">Recherche</a> | |||
| • | |||
| <a href="/david/log/" title="Accès au flux RSS">Suivre</a> | |||
| </p> | |||
| </nav> | |||
| @@ -161,11 +165,10 @@ | |||
| title="Liste de tous les articles 2024 associés à cette étiquette" | |||
| rel="tag">#sport</a> | |||
| <a href="/david/#tags-2024" title="Liste de toutes les étiquettes 2024">tous ?</a> | |||
| <a href="/david/2024/#tags" title="Liste de toutes les étiquettes 2024">tous ?</a> | |||
| </p> | |||
| </nav> | |||
| <hr> | |||
| <h2> | |||
| <a href="/david/2024/01/09/" title="Lien permanent vers cet article">Blessure</a> <time datetime="2024-01-09">9 janvier 2024</time> | |||
| @@ -206,11 +209,10 @@ | |||
| title="Liste de tous les articles 2024 associés à cette étiquette" | |||
| rel="tag">#technique</a> | |||
| <a href="/david/#tags-2024" title="Liste de toutes les étiquettes 2024">tous ?</a> | |||
| <a href="/david/2024/#tags" title="Liste de toutes les étiquettes 2024">tous ?</a> | |||
| </p> | |||
| </nav> | |||
| <hr> | |||
| <h2> | |||
| <a href="/david/2024/01/06/" title="Lien permanent vers cet article">Objectif</a> <time datetime="2024-01-06">6 janvier 2024</time> | |||
| @@ -267,62 +269,67 @@ | |||
| title="Liste de tous les articles 2024 associés à cette étiquette" | |||
| rel="tag">#sport</a> | |||
| <a href="/david/#tags-2024" title="Liste de toutes les étiquettes 2024">tous ?</a> | |||
| <a href="/david/2024/#tags" title="Liste de toutes les étiquettes 2024">tous ?</a> | |||
| </p> | |||
| </nav> | |||
| <hr> | |||
| </article> | |||
| <form action="/david/recherche/" method="get"> | |||
| <fieldset> | |||
| <legend>Recherche</legend> | |||
| <label for="input-search">Termes de votre recherche :</label> | |||
| <input 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> | |||
| <nobr> | |||
| <a href="/david/" title="Aller à l’accueil">Accueil</a> | |||
| </nobr> | |||
| <a href="/david/" title="Aller à l’accueil">Accueil</a> | |||
| • | |||
| <nobr> | |||
| <a href="/david/log/" title="Accès au flux RSS">Suivre</a> | |||
| </nobr> | |||
| <a href="/david/log/" title="Accès au flux RSS">Suivre</a> | |||
| • | |||
| <nobr> | |||
| <a href="http://larlet.com" | |||
| title="Go to my English profile" | |||
| data-instant>Pro</a> | |||
| </nobr> | |||
| <a href="http://larlet.com" | |||
| title="Go to my English profile" | |||
| data-instant>Pro</a> | |||
| • | |||
| <nobr> | |||
| <a href="mailto:david%40larlet.fr" title="Envoyer un courriel">Email</a> | |||
| </nobr> | |||
| <a href="mailto:david%40larlet.fr" title="Envoyer un courriel">Email</a> | |||
| • | |||
| <nobr> | |||
| <abbr class="nowrap" | |||
| title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340">Légal</abbr> | |||
| </nobr> | |||
| <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 { | |||
| fieldset div { | |||
| text-align: center; | |||
| } | |||
| </style> | |||
| <fieldset> | |||
| <legend>Thème | |||
| </legend> | |||
| <label> | |||
| <input type="radio" value="auto" name="chosen-color-scheme" checked> | |||
| Auto | |||
| </label> | |||
| <label> | |||
| <input type="radio" value="dark" name="chosen-color-scheme"> | |||
| Foncé | |||
| </label> | |||
| <label> | |||
| <input type="radio" value="light" name="chosen-color-scheme"> | |||
| Clair | |||
| </label> | |||
| <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> | |||
+ 52
- 46
david/2024/technique/index.html
View File
| @@ -110,8 +110,8 @@ | |||
| </style> | |||
| <body data-instant-intensity="viewport-all"> | |||
| <article> | |||
| <article> | |||
| <header> | |||
| <hgroup> | |||
| <h1>#technique</h1> | |||
| @@ -119,14 +119,18 @@ | |||
| </hgroup> | |||
| </header> | |||
| <nav> | |||
| <p class="center"> | |||
| <p> | |||
| <a href="/david/" title="Aller à l’accueil"> | |||
| Accueil</a> | |||
| • | |||
| <a rel="tags" | |||
| href="/david/#tags-2024" | |||
| href="/david/2024/#tags" | |||
| title="Liste de toutes les étiquettes"> | |||
| Étiquettes</a> | |||
| • | |||
| <a href="/david/recherche/" title="Aller à la page de recherche" rel="search">Recherche</a> | |||
| • | |||
| <a href="/david/log/" title="Accès au flux RSS">Suivre</a> | |||
| </p> | |||
| </nav> | |||
| @@ -183,11 +187,10 @@ | |||
| title="Liste de tous les articles 2024 associés à cette étiquette" | |||
| rel="tag">#web</a> | |||
| <a href="/david/#tags-2024" title="Liste de toutes les étiquettes 2024">tous ?</a> | |||
| <a href="/david/2024/#tags" title="Liste de toutes les étiquettes 2024">tous ?</a> | |||
| </p> | |||
| </nav> | |||
| <hr> | |||
| <h2> | |||
| <a href="/david/2024/01/09/" title="Lien permanent vers cet article">Blessure</a> <time datetime="2024-01-09">9 janvier 2024</time> | |||
| @@ -228,11 +231,10 @@ | |||
| title="Liste de tous les articles 2024 associés à cette étiquette" | |||
| rel="tag">#technique</a> | |||
| <a href="/david/#tags-2024" title="Liste de toutes les étiquettes 2024">tous ?</a> | |||
| <a href="/david/2024/#tags" title="Liste de toutes les étiquettes 2024">tous ?</a> | |||
| </p> | |||
| </nav> | |||
| <hr> | |||
| <h2> | |||
| <a href="/david/2024/01/08/" title="Lien permanent vers cet article">Liens</a> <time datetime="2024-01-08">8 janvier 2024</time> | |||
| @@ -302,11 +304,10 @@ a::before { | |||
| title="Liste de tous les articles 2024 associés à cette étiquette" | |||
| rel="tag">#technique</a> | |||
| <a href="/david/#tags-2024" title="Liste de toutes les étiquettes 2024">tous ?</a> | |||
| <a href="/david/2024/#tags" title="Liste de toutes les étiquettes 2024">tous ?</a> | |||
| </p> | |||
| </nav> | |||
| <hr> | |||
| <h2> | |||
| <a href="/david/2024/01/02/" title="Lien permanent vers cet article">Fondations</a> <time datetime="2024-01-02">2 janvier 2024</time> | |||
| @@ -366,62 +367,67 @@ a::before { | |||
| title="Liste de tous les articles 2024 associés à cette étiquette" | |||
| rel="tag">#web</a> | |||
| <a href="/david/#tags-2024" title="Liste de toutes les étiquettes 2024">tous ?</a> | |||
| <a href="/david/2024/#tags" title="Liste de toutes les étiquettes 2024">tous ?</a> | |||
| </p> | |||
| </nav> | |||
| <hr> | |||
| </article> | |||
| <form action="/david/recherche/" method="get"> | |||
| <fieldset> | |||
| <legend>Recherche</legend> | |||
| <label for="input-search">Termes de votre recherche :</label> | |||
| <input 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> | |||
| <nobr> | |||
| <a href="/david/" title="Aller à l’accueil">Accueil</a> | |||
| </nobr> | |||
| <a href="/david/" title="Aller à l’accueil">Accueil</a> | |||
| • | |||
| <nobr> | |||
| <a href="/david/log/" title="Accès au flux RSS">Suivre</a> | |||
| </nobr> | |||
| <a href="/david/log/" title="Accès au flux RSS">Suivre</a> | |||
| • | |||
| <nobr> | |||
| <a href="http://larlet.com" | |||
| title="Go to my English profile" | |||
| data-instant>Pro</a> | |||
| </nobr> | |||
| <a href="http://larlet.com" | |||
| title="Go to my English profile" | |||
| data-instant>Pro</a> | |||
| • | |||
| <nobr> | |||
| <a href="mailto:david%40larlet.fr" title="Envoyer un courriel">Email</a> | |||
| </nobr> | |||
| <a href="mailto:david%40larlet.fr" title="Envoyer un courriel">Email</a> | |||
| • | |||
| <nobr> | |||
| <abbr class="nowrap" | |||
| title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340">Légal</abbr> | |||
| </nobr> | |||
| <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 { | |||
| fieldset div { | |||
| text-align: center; | |||
| } | |||
| </style> | |||
| <fieldset> | |||
| <legend>Thème | |||
| </legend> | |||
| <label> | |||
| <input type="radio" value="auto" name="chosen-color-scheme" checked> | |||
| Auto | |||
| </label> | |||
| <label> | |||
| <input type="radio" value="dark" name="chosen-color-scheme"> | |||
| Foncé | |||
| </label> | |||
| <label> | |||
| <input type="radio" value="light" name="chosen-color-scheme"> | |||
| Clair | |||
| </label> | |||
| <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> | |||
+ 51
- 44
david/2024/web/index.html
View File
| @@ -110,8 +110,8 @@ | |||
| </style> | |||
| <body data-instant-intensity="viewport-all"> | |||
| <article> | |||
| <article> | |||
| <header> | |||
| <hgroup> | |||
| <h1>#web</h1> | |||
| @@ -119,14 +119,18 @@ | |||
| </hgroup> | |||
| </header> | |||
| <nav> | |||
| <p class="center"> | |||
| <p> | |||
| <a href="/david/" title="Aller à l’accueil"> | |||
| Accueil</a> | |||
| • | |||
| <a rel="tags" | |||
| href="/david/#tags-2024" | |||
| href="/david/2024/#tags" | |||
| title="Liste de toutes les étiquettes"> | |||
| Étiquettes</a> | |||
| • | |||
| <a href="/david/recherche/" title="Aller à la page de recherche" rel="search">Recherche</a> | |||
| • | |||
| <a href="/david/log/" title="Accès au flux RSS">Suivre</a> | |||
| </p> | |||
| </nav> | |||
| @@ -183,11 +187,10 @@ | |||
| title="Liste de tous les articles 2024 associés à cette étiquette" | |||
| rel="tag">#web</a> | |||
| <a href="/david/#tags-2024" title="Liste de toutes les étiquettes 2024">tous ?</a> | |||
| <a href="/david/2024/#tags" title="Liste de toutes les étiquettes 2024">tous ?</a> | |||
| </p> | |||
| </nav> | |||
| <hr> | |||
| <h2> | |||
| <a href="/david/2024/01/03/" title="Lien permanent vers cet article">Appariement</a> <time datetime="2024-01-03">3 janvier 2024</time> | |||
| @@ -224,11 +227,10 @@ | |||
| title="Liste de tous les articles 2024 associés à cette étiquette" | |||
| rel="tag">#web</a> | |||
| <a href="/david/#tags-2024" title="Liste de toutes les étiquettes 2024">tous ?</a> | |||
| <a href="/david/2024/#tags" title="Liste de toutes les étiquettes 2024">tous ?</a> | |||
| </p> | |||
| </nav> | |||
| <hr> | |||
| <h2> | |||
| <a href="/david/2024/01/02/" title="Lien permanent vers cet article">Fondations</a> <time datetime="2024-01-02">2 janvier 2024</time> | |||
| @@ -288,62 +290,67 @@ | |||
| title="Liste de tous les articles 2024 associés à cette étiquette" | |||
| rel="tag">#web</a> | |||
| <a href="/david/#tags-2024" title="Liste de toutes les étiquettes 2024">tous ?</a> | |||
| <a href="/david/2024/#tags" title="Liste de toutes les étiquettes 2024">tous ?</a> | |||
| </p> | |||
| </nav> | |||
| <hr> | |||
| </article> | |||
| <form action="/david/recherche/" method="get"> | |||
| <fieldset> | |||
| <legend>Recherche</legend> | |||
| <label for="input-search">Termes de votre recherche :</label> | |||
| <input 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> | |||
| <nobr> | |||
| <a href="/david/" title="Aller à l’accueil">Accueil</a> | |||
| </nobr> | |||
| <a href="/david/" title="Aller à l’accueil">Accueil</a> | |||
| • | |||
| <nobr> | |||
| <a href="/david/log/" title="Accès au flux RSS">Suivre</a> | |||
| </nobr> | |||
| <a href="/david/log/" title="Accès au flux RSS">Suivre</a> | |||
| • | |||
| <nobr> | |||
| <a href="http://larlet.com" | |||
| title="Go to my English profile" | |||
| data-instant>Pro</a> | |||
| </nobr> | |||
| <a href="http://larlet.com" | |||
| title="Go to my English profile" | |||
| data-instant>Pro</a> | |||
| • | |||
| <nobr> | |||
| <a href="mailto:david%40larlet.fr" title="Envoyer un courriel">Email</a> | |||
| </nobr> | |||
| <a href="mailto:david%40larlet.fr" title="Envoyer un courriel">Email</a> | |||
| • | |||
| <nobr> | |||
| <abbr class="nowrap" | |||
| title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340">Légal</abbr> | |||
| </nobr> | |||
| <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 { | |||
| fieldset div { | |||
| text-align: center; | |||
| } | |||
| </style> | |||
| <fieldset> | |||
| <legend>Thème | |||
| </legend> | |||
| <label> | |||
| <input type="radio" value="auto" name="chosen-color-scheme" checked> | |||
| Auto | |||
| </label> | |||
| <label> | |||
| <input type="radio" value="dark" name="chosen-color-scheme"> | |||
| Foncé | |||
| </label> | |||
| <label> | |||
| <input type="radio" value="light" name="chosen-color-scheme"> | |||
| Clair | |||
| </label> | |||
| <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> | |||
+ 20
- 20
david/blogroll/index.html
View File
| @@ -174,6 +174,26 @@ | |||
| </nav> | |||
| <p>N’hésitez pas à me contacter si vous ne souhaitez pas figurer dans cette liste.</p> | |||
| <h2>Leurs dernières publications</h2> | |||
| <dl> | |||
| <dt> | |||
| <a href="https://www.la-grange.net/2024/01/15/vent">vent</a>, | |||
| 15-01-2024 | |||
| </dt> | |||
| <dd> | |||
| Sugamo, Japon, 15 janvier 2024 Sa maison fut enlevée du jour au lendemain. Un bataillon de charpentiers indonésiens vint la démonter. Le lalang et les broussailles surgis après la crue, le cabanon du poulailler, les vestiges du potager, le chemin gravillonné qui s'interrompait net là où s'étaient trouvées les marches, tous ces témoins de l'ancien décor dessinaient les contours d'un vide pesant… | |||
| — <a href="https://www.la-grange.net/">Karl Dubost</a> | |||
| </dd> | |||
| </dl> | |||
| <dl> | |||
| <dt> | |||
| <a href="https://www.hypothermia.fr/2024/01/aligner/">Aligner</a>, | |||
| 15-01-2024 | |||
| </dt> | |||
| <dd> | |||
| Verbe intérieur pour guider 2024. | |||
| — <a href="https://www.hypothermia.fr/">Eliness</a> | |||
| </dd> | |||
| </dl> | |||
| <dl> | |||
| <dt> | |||
| <a href="https://www.la-grange.net/2024/01/14/flw">Frank Lloyd Wright</a>, | |||
| @@ -204,16 +224,6 @@ | |||
| — <a href="https://brr.fyi/">brr (en)</a> | |||
| </dd> | |||
| </dl> | |||
| <dl> | |||
| <dt> | |||
| <a href="https://www.la-grange.net/2024/01/13/lieux">lieux/duras</a>, | |||
| 13-01-2024 | |||
| </dt> | |||
| <dd> | |||
| Trouville, France, 13 octobre 2014 Les bonnes histoires vrament savoureuses, c'est celles qui se sont échappées des livres. — La somme de nos folies, Shih-Li Kow, urn:isbn:9-791038-702059 Je suis assis au bureau. Il voulait aller chez le coiffeur. Mais la pluie mélangée de neige vient de commencer à tomber. Il pleut de la neige. Il neige de la pluie. Une indécision climatique peut-être. En… | |||
| — <a href="https://www.la-grange.net/">Karl Dubost</a> | |||
| </dd> | |||
| </dl> | |||
| <dl> | |||
| <dt> | |||
| <a href="https://winnielim.org/notes/havent-had-the-momentum-to-post-art/">haven’t had the momentum to post art</a>, | |||
| @@ -364,16 +374,6 @@ | |||
| — <a href="https://lalunemauve.fr/">La Lune Mauve</a> | |||
| </dd> | |||
| </dl> | |||
| <dl> | |||
| <dt> | |||
| <a href="https://www.hypothermia.fr/2023/12/platon-karataev/">Parenthèse – Platon Karataev</a>, | |||
| 18-12-2023 | |||
| </dt> | |||
| <dd> | |||
| Dernier coup de cœur musical de l'année. | |||
| — <a href="https://www.hypothermia.fr/">Eliness</a> | |||
| </dd> | |||
| </dl> | |||
| <dl> | |||
| <dt> | |||
| <a href="https://luce.carevic.eu/fr/notes/attribut-disabled-fieldset">Attribut disabled et fieldset</a>, | |||
+ 203
- 450
david/index.html
View File
| @@ -48,40 +48,40 @@ | |||
| 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_2021-01-20.css"> | |||
| <link rel="stylesheet" href="/static/david/css/style_2024-01-13.css"> | |||
| <!-- See https://www.zachleat.com/web/comprehensive-webfonts/ for the trade-off. --> | |||
| <link rel="preload" | |||
| href="/static/david/css/fonts/triplicate_t4_poly_regular.woff2" | |||
| 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/triplicate_t4_poly_bold.woff2" | |||
| 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/triplicate_t4_poly_italic.woff2" | |||
| 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/triplicate_t3_regular.woff2" | |||
| 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/triplicate_t3_bold.woff2" | |||
| 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/triplicate_t3_italic.woff2" | |||
| href="/static/david/css/fonts/century_supra_ot_b_italic.woff2" | |||
| as="font" | |||
| type="font/woff2" | |||
| media="(prefers-color-scheme: dark)" | |||
| @@ -103,499 +103,252 @@ | |||
| } | |||
| </script> | |||
| <body class="remarkdown h1-underline h2-underline h3-underline em-underscore hr-center ul-star pre-tick" | |||
| data-instant-intensity="viewport-all"> | |||
| <article> | |||
| <header> | |||
| <h1>Bienvenue</h1> | |||
| </header> | |||
| <body data-instant-intensity="viewport-all"> | |||
| <article> | |||
| <header> | |||
| <hgroup> | |||
| <h1>David Larlet</h1> | |||
| <p>Avant Facebook, il y avait les sites perso.</p> | |||
| </hgroup> | |||
| </header> | |||
| <h2>Bienvenue</h2> | |||
| <p> | |||
| Voici mon espace sur le Web. | |||
| C’est un jardin pour faire pousser mes idées, | |||
| une boîte à chaussure pour mes souvenirs, | |||
| la forêt de mes réflexions plus ou moins enchevêtrées, | |||
| les métaphores ne manquent pas. | |||
| Je vous souhaite de vous y perdre, de revenir, | |||
| d’engager des échanges, d’être en désaccord, | |||
| d’improviser une rencontre | |||
| et que l’on finisse par s’échanger nos meilleures recettes. | |||
| </p> | |||
| <p> | |||
| Souvent je <a href="https://code.larlet.fr/">code</a>, | |||
| parfois je vais <a href="https://code.larlet.fr/">en forêt</a> | |||
| et il m’arrive même de prendre <a href="https://media.larlet.fr/">des photos</a>. | |||
| On peut papoter <a href="https://fedi.larlet.fr/@david">sur mastodon</a> | |||
| ou <a href="mailto:david%40larlet.fr" title="Envoyer un courriel">par courriel</a>. | |||
| Vous pouvez <a href="/david/log/" title="Accès au flux RSS">suivre les publications</a> | |||
| grâce au flux RSS/Atom (<a href="/david/blog/2019/flux-rss/">explications</a>). | |||
| </p> | |||
| <p lang="en"> | |||
| <em> | |||
| Check out my | |||
| <a href="http://larlet.com" data-instant>profile in English</a>🇨🇦 | |||
| for up-to-date professional informations. | |||
| </em> | |||
| </p> | |||
| <h2>Publications 2024</h2> | |||
| <p>Liste des publications récentes en ordre anté-chronologique :</p> | |||
| <nav> | |||
| <p> | |||
| Voici l’espace personnel de David Larlet sur le Web. | |||
| Il se veut modeste, accueillant et pérenne. | |||
| Il fixe mes pensées et parfois engage des échanges. | |||
| J’essaye de tenir et lier des propos bienveillants. | |||
| Je vous souhaite une jolie promenade. | |||
| </p> | |||
| <p lang="en"> | |||
| For an English profile, check out | |||
| <a href="http://larlet.com" data-instant>this page 🇨🇦</a>. | |||
| </p> | |||
| <h2>Publications 2024</h2> | |||
| <p>Liste des publications récentes en ordre anté-chronologique :</p> | |||
| <nav> | |||
| <p> | |||
| <a href="/david/2024/01/15/">Rééducation</a>, | |||
| <a href="/david/2024/01/14/">Fiction</a>, | |||
| <a href="/david/2024/01/13/">Wuwei</a>, | |||
| <a href="/david/2024/01/12/">Personnel</a>, | |||
| <a href="/david/2024/01/11/">Impact</a>, | |||
| <a href="/david/2024/01/10/">Écriture</a>, | |||
| <a href="/david/2024/01/09/">Blessure</a>, | |||
| <a href="/david/2024/01/08/">Liens</a>, | |||
| <a href="/david/2024/01/07/">Dons</a>, | |||
| <a href="/david/2024/01/06/">Objectif</a>, | |||
| <a href="/david/2024/01/05/">Vocabulaire</a>, | |||
| <a href="/david/2024/01/04/">Repos</a>, | |||
| <a href="/david/2024/01/03/">Appariement</a>, | |||
| <a href="/david/2024/01/02/">Fondations</a>, | |||
| <a href="/david/2024/01/01/">Dryear(s)</a>. | |||
| <a href="/david/2024/01/15/">Rééducation</a>, | |||
| <a href="/david/2024/01/14/">Fiction</a>, | |||
| <a href="/david/2024/01/13/">Wuwei</a>, | |||
| <a href="/david/2024/01/12/">Personnel</a>, | |||
| <a href="/david/2024/01/11/">Impact</a>, | |||
| <a href="/david/2024/01/10/">Écriture</a>, | |||
| <a href="/david/2024/01/09/">Blessure</a>, | |||
| <a href="/david/2024/01/08/">Liens</a>, | |||
| <a href="/david/2024/01/07/">Dons</a>, | |||
| <a href="/david/2024/01/06/">Objectif</a>, | |||
| <a href="/david/2024/01/05/">Vocabulaire</a>, | |||
| <a href="/david/2024/01/04/">Repos</a>, | |||
| <a href="/david/2024/01/03/">Appariement</a>, | |||
| <a href="/david/2024/01/02/">Fondations</a>, | |||
| <a href="/david/2024/01/01/">Dryear(s)</a>. | |||
| </p> | |||
| </nav> | |||
| <p id="tags-2024">Ou par étiquettes :</p> | |||
| <nav> | |||
| <p> | |||
| <a href="/david/2024/accessibilite/" rel="tag">#accessibilité (1)</a>, | |||
| <a href="/david/2024/accompagnement/" rel="tag">#accompagnement (1)</a>, | |||
| <a href="/david/2024/addiction/" rel="tag">#addiction (3)</a>, | |||
| <a href="/david/2024/apprentissage/" rel="tag">#apprentissage (3)</a>, | |||
| <a href="/david/2024/communaute/" rel="tag">#communauté (1)</a>, | |||
| <a href="/david/2024/decision/" rel="tag">#décision (1)</a>, | |||
| <a href="/david/2024/ecriture/" rel="tag">#écriture (5)</a>, | |||
| <a href="/david/2024/equipe/" rel="tag">#équipe (1)</a>, | |||
| <a href="/david/2024/evolution/" rel="tag">#évolution (2)</a>, | |||
| <a href="/david/2024/experience/" rel="tag">#expérience (3)</a>, | |||
| <a href="/david/2024/fediverse/" rel="tag">#fédiverse (1)</a>, | |||
| <a href="/david/2024/ia/" rel="tag">#IA (2)</a>, | |||
| <a href="/david/2024/parvenir/" rel="tag">#parvenir (1)</a>, | |||
| <a href="/david/2024/processus/" rel="tag">#processus (3)</a>, | |||
| <a href="/david/2024/protopie/" rel="tag">#protopie (2)</a>, | |||
| <a href="/david/2024/psychologie/" rel="tag">#psychologie (1)</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 (4)</a>, | |||
| <a href="/david/2024/web/" rel="tag">#web (3)</a>. | |||
| </p> | |||
| </nav> | |||
| <h2>Publications 2023</h2> | |||
| <p>Liste des publications en ordre anté-chronologique :</p> | |||
| <nav> | |||
| <p> | |||
| <a href="/david/2023/12/31/">Ailleurs</a>, | |||
| <a href="/david/2023/12/12/">Abonnement</a>, | |||
| <a href="/david/2023/12/08/">Développement(s)</a>, | |||
| <a href="/david/2023/12/06/">Équivalent</a>, | |||
| <a href="/david/2023/12/03/">NostAlgIe</a>, | |||
| <a href="/david/2023/12/01/">Papillon</a>, | |||
| <a href="/david/2023/11/27/">Dix</a>, | |||
| <a href="/david/2023/09/27/">Perspective</a>, | |||
| <a href="/david/2023/09/23/">Éco-conception</a>, | |||
| <a href="/david/2023/09/13/">Documentation</a>, | |||
| <a href="/david/2023/09/09/">Blogroll</a>, | |||
| <a href="/david/2023/09/08/">Char 2</a>, | |||
| <a href="/david/2023/09/07/">Conteur</a>, | |||
| <a href="/david/2023/09/06/">Retour</a>, | |||
| <a href="/david/2023/07/28/">France</a>, | |||
| <a href="/david/2023/07/02/">Perles</a>, | |||
| <a href="/david/2023/06/26/">Particules</a>, | |||
| <a href="/david/2023/06/19/">Village</a>, | |||
| <a href="/david/2023/06/12/">Apocalypse</a>, | |||
| <a href="/david/2023/06/06/">Réponse(s)</a>, | |||
| <a href="/david/2023/05/06/">SudWeb</a>, | |||
| <a href="/david/2023/05/05/">AÏe</a>, | |||
| <a href="/david/2023/05/01/">Long cours</a>, | |||
| <a href="/david/2023/03/13/">Traditions</a>, | |||
| <a href="/david/2023/03/04/">Jour 3</a>, | |||
| <a href="/david/2023/03/03/">Jour 2</a>, | |||
| <a href="/david/2023/03/02/">Jour 1</a>, | |||
| <a href="/david/2023/02/28/">AlgoRSSithme</a>, | |||
| <a href="/david/2023/02/25/">Transmission</a>, | |||
| <a href="/david/2023/02/18/">Quiz</a>, | |||
| <a href="/david/2023/02/13/">Livre</a>, | |||
| <a href="/david/2023/02/12/">Jour 3</a>, | |||
| <a href="/david/2023/02/11/">Jour 2</a>, | |||
| <a href="/david/2023/02/10/">Jour 1</a>, | |||
| <a href="/david/2023/02/09/">Allumage</a>, | |||
| <a href="/david/2023/02/08/">TextcAIst</a>, | |||
| <a href="/david/2023/02/07/">Madeleine</a>, | |||
| <a href="/david/2023/02/05/">Attente</a>, | |||
| <a href="/david/2023/02/03/">Chargement</a>, | |||
| <a href="/david/2023/02/02/">Moment</a>, | |||
| <a href="/david/2023/02/01/">Ombres</a>, | |||
| <a href="/david/2023/01/31/">Ennui</a>, | |||
| <a href="/david/2023/01/30/">Lecture</a>, | |||
| <a href="/david/2023/01/26/">Décentralisation</a>, | |||
| <a href="/david/2023/01/24/">Capot</a>, | |||
| <a href="/david/2023/01/23/">Déception</a>, | |||
| <a href="/david/2023/01/22/">Jour 2</a>, | |||
| <a href="/david/2023/01/21/">Jour 1</a>, | |||
| <a href="/david/2023/01/20/">Lettres</a>, | |||
| <a href="/david/2023/01/18/">Femmes</a>, | |||
| <a href="/david/2023/01/17/">Populaire</a>, | |||
| <a href="/david/2023/01/16/">Chasse</a>, | |||
| <a href="/david/2023/01/15/">Snow Fall</a>, | |||
| <a href="/david/2023/01/14/">Dépendances</a>, | |||
| <a href="/david/2023/01/13/">Eaux grises</a>, | |||
| <a href="/david/2023/01/12/">Masque</a>, | |||
| <a href="/david/2023/01/11/">Suspendu</a>, | |||
| <a href="/david/2023/01/10/">Qualité</a>, | |||
| <a href="/david/2023/01/09/">Indépendant·e</a>, | |||
| <a href="/david/2023/01/08/">Partage</a>, | |||
| <a href="/david/2023/01/07/">Dette</a>, | |||
| <a href="/david/2023/01/06/">Toile</a>, | |||
| <a href="/david/2023/01/05/">Instanseul</a>, | |||
| <a href="/david/2023/01/04/">Rétrospectives</a>, | |||
| <a href="/david/2023/01/03/">Préparation</a>, | |||
| <a href="/david/2023/01/02/">Lucidité</a>, | |||
| <a href="/david/2023/01/01/">Alleeez</a>. | |||
| </p> | |||
| </nav> | |||
| <p id="tags-2023">Ou par étiquettes :</p> | |||
| <nav> | |||
| <p> | |||
| <a href="/david/2023/accompagnement/" rel="tag">#accompagnement (9)</a>, | |||
| <a href="/david/2023/amadou/" rel="tag">#amadou (1)</a>, | |||
| <a href="/david/2023/attention/" rel="tag">#attention (2)</a>, | |||
| <a href="/david/2023/aventure/" rel="tag">#aventure (13)</a>, | |||
| <a href="/david/2023/complexite/" rel="tag">#complexité (8)</a>, | |||
| <a href="/david/2023/confiance/" rel="tag">#confiance (6)</a>, | |||
| <a href="/david/2023/confidentialite/" rel="tag">#confidentialité (4)</a>, | |||
| <a href="/david/2023/courage/" rel="tag">#courage (7)</a>, | |||
| <a href="/david/2023/decentralisation/" rel="tag">#décentralisation (4)</a>, | |||
| <a href="/david/2023/don/" rel="tag">#don (2)</a>, | |||
| <a href="/david/2023/eau/" rel="tag">#eau (3)</a>, | |||
| <a href="/david/2023/ecriture/" rel="tag">#écriture (5)</a>, | |||
| <a href="/david/2023/foret/" rel="tag">#forêt (11)</a>, | |||
| <a href="/david/2023/gafam/" rel="tag">#gafam (3)</a>, | |||
| <a href="/david/2023/gratitude/" rel="tag">#gratitude (10)</a>, | |||
| <a href="/david/2023/incompetence/" rel="tag">#incompétence (5)</a>, | |||
| <a href="/david/2023/intimite/" rel="tag">#intimité (3)</a>, | |||
| <a href="/david/2023/livre/" rel="tag">#livre (3)</a>, | |||
| <a href="/david/2023/masque/" rel="tag">#masque (1)</a>, | |||
| <a href="/david/2023/mastodon/" rel="tag">#mastodon (1)</a>, | |||
| <a href="/david/2023/nostalgie/" rel="tag">#nostalgie (4)</a>, | |||
| <a href="/david/2023/parentalite/" rel="tag">#parentalité (5)</a>, | |||
| <a href="/david/2023/partage/" rel="tag">#partage (3)</a>, | |||
| <a href="/david/2023/patriarcat/" rel="tag">#patriarcat (1)</a>, | |||
| <a href="/david/2023/photographie/" rel="tag">#photographie (3)</a>, | |||
| <a href="/david/2023/propriete/" rel="tag">#propriété (2)</a>, | |||
| <a href="/david/2023/psychologie/" rel="tag">#psychologie (2)</a>, | |||
| <a href="/david/2023/qualite/" rel="tag">#qualité (4)</a>, | |||
| <a href="/david/2023/recherche/" rel="tag">#recherche (12)</a>, | |||
| <a href="/david/2023/recyclage/" rel="tag">#recyclage (2)</a>, | |||
| <a href="/david/2023/reponse/" rel="tag">#réponse (2)</a>, | |||
| <a href="/david/2023/scopyleft/" rel="tag">#scopyleft (2)</a>, | |||
| <a href="/david/2023/simplicite/" rel="tag">#simplicité (4)</a>, | |||
| <a href="/david/2023/sociologie/" rel="tag">#sociologie (8)</a>, | |||
| <a href="/david/2023/solastalgia/" rel="tag">#solastalgia (4)</a>, | |||
| <a href="/david/2023/sport/" rel="tag">#sport (3)</a>, | |||
| <a href="/david/2023/technique/" rel="tag">#technique (10)</a>, | |||
| <a href="/david/2023/traces/" rel="tag">#traces (6)</a>, | |||
| <a href="/david/2023/tristesse/" rel="tag">#tristesse (6)</a>, | |||
| <a href="/david/2023/viande/" rel="tag">#viande (1)</a>, | |||
| <a href="/david/2023/web/" rel="tag">#web (10)</a>. | |||
| </p> | |||
| </nav> | |||
| <p> | |||
| Les <a href="/david/blogroll/">liens des ami·es</a> avec leurs dernières publications 🤗. | |||
| </p> | |||
| <h2>Publications sporadiques 2022</h2> | |||
| <p>Liste des publications en ordre chronologique :</p> | |||
| <nav> | |||
| <p> | |||
| <a href="/david/2022/01/19/">Négatif</a>, | |||
| <a href="/david/2022/02/17/">Envie</a>, | |||
| <a href="/david/2022/03/04/">Régime</a>, | |||
| <a href="/david/2022/03/18/">Temps</a>, | |||
| <a href="/david/2022/03/23/">Open-source</a>, | |||
| <a href="/david/2022/04/02/">Recherche</a>, | |||
| <a href="/david/2022/04/14/">Ressenti</a>, | |||
| <a href="/david/2022/04/23/">Quarantaine</a>, | |||
| <a href="/david/2022/04/26/">R&Day</a>, | |||
| <a href="/david/2022/05/13/">Aurore</a>, | |||
| <a href="/david/2022/05/15/">Rédemption</a>, | |||
| <a href="/david/2022/05/17/">Outils</a>, | |||
| <a href="/david/2022/05/30/">Méditation</a>, | |||
| <a href="/david/2022/06/06/">Hommes</a>, | |||
| <a href="/david/2022/06/24/">Bouddhisme</a>, | |||
| <a href="/david/2022/06/30/">Valeur(s)</a>, | |||
| <a href="/david/2022/07/06/">Regard</a>, | |||
| <a href="/david/2022/07/08/">LudoviCovid</a>, | |||
| <a href="/david/2022/07/14/">Vingt</a>, | |||
| <a href="/david/2022/07/23/">Origines</a>, | |||
| <a href="/david/2022/08/24/">Silence</a>, | |||
| <a href="/david/2022/09/03/">Bifurquer</a>, | |||
| <a href="/david/2022/10/18/">Esclavage</a>, | |||
| <a href="/david/2022/11/12/">Mastodon</a>, | |||
| <a href="/david/2022/11/27/">Neuf</a>, | |||
| <a href="/david/2022/12/19/">Traces</a>, | |||
| <a href="/david/2022/12/22/">Marcher</a>. | |||
| </p> | |||
| </nav> | |||
| <p>J’ai aussi ouvert trois nouveaux espaces en 2022 :</p> | |||
| <ul> | |||
| <li> | |||
| <a href="https://media.larlet.fr/">Des photos/media plus ou moins récents</a> | |||
| </li> | |||
| <li> | |||
| <a href="https://code.larlet.fr/">Des morceaux de code et d’apprentissages</a> | |||
| </li> | |||
| <li> | |||
| <a href="https://nature.larlet.fr/">Des bribes/expériences de nature</a> | |||
| </li> | |||
| </ul> | |||
| </nav> | |||
| <p id="tags-2024">Ou par étiquettes :</p> | |||
| <nav> | |||
| <p> | |||
| En plus de publier des bêtises | |||
| <a href="https://fedi.larlet.fr/@david" rel="me">sur Mastodon</a>. | |||
| <a href="/david/2024/accessibilite/" rel="tag">#accessibilité (1)</a>, | |||
| <a href="/david/2024/accompagnement/" rel="tag">#accompagnement (1)</a>, | |||
| <a href="/david/2024/addiction/" rel="tag">#addiction (3)</a>, | |||
| <a href="/david/2024/apprentissage/" rel="tag">#apprentissage (3)</a>, | |||
| <a href="/david/2024/communaute/" rel="tag">#communauté (1)</a>, | |||
| <a href="/david/2024/decision/" rel="tag">#décision (1)</a>, | |||
| <a href="/david/2024/ecriture/" rel="tag">#écriture (5)</a>, | |||
| <a href="/david/2024/equipe/" rel="tag">#équipe (1)</a>, | |||
| <a href="/david/2024/evolution/" rel="tag">#évolution (2)</a>, | |||
| <a href="/david/2024/experience/" rel="tag">#expérience (3)</a>, | |||
| <a href="/david/2024/fediverse/" rel="tag">#fédiverse (1)</a>, | |||
| <a href="/david/2024/ia/" rel="tag">#IA (2)</a>, | |||
| <a href="/david/2024/parvenir/" rel="tag">#parvenir (1)</a>, | |||
| <a href="/david/2024/processus/" rel="tag">#processus (3)</a>, | |||
| <a href="/david/2024/protopie/" rel="tag">#protopie (2)</a>, | |||
| <a href="/david/2024/psychologie/" rel="tag">#psychologie (1)</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 (4)</a>, | |||
| <a href="/david/2024/web/" rel="tag">#web (3)</a>. | |||
| </p> | |||
| <h2 id="tags"> | |||
| Publications <a href="/david/2021/" | |||
| title="Voir la liste de toutes les publications 2021">2021</a> par tags | |||
| <svg class="icon icon-tags"> | |||
| <use xlink:href="/static/david/icons2/symbol-defs-2022-03.svg#icon-tags"></use> | |||
| </svg> | |||
| </h2> | |||
| <nav> | |||
| <p> | |||
| <a href="/david/2021/accessibilite/" rel="tag">#accessibilité (17)</a> | |||
| <a href="/david/2021/accompagnement/" rel="tag">#accompagnement (21)</a> | |||
| <a href="/david/2021/allie/" rel="tag">#allié (12)</a> | |||
| <a href="/david/2021/alterego/" rel="tag">#alterego (7)</a> | |||
| <a href="/david/2021/anarchisme/" rel="tag">#anarchisme (5)</a> | |||
| <a href="/david/2021/anxiete/" rel="tag">#anxiété (35)</a> | |||
| <a href="/david/2021/capitalocene/" rel="tag">#capitalocène (21)</a> | |||
| <a href="/david/2021/climat/" rel="tag">#climat (13)</a> | |||
| <a href="/david/2021/contemplation/" rel="tag">#contemplation (7)</a> | |||
| <a href="/david/2021/cooperative/" rel="tag">#coopérative (7)</a> | |||
| <a href="/david/2021/design/" rel="tag">#design (11)</a> | |||
| <a href="/david/2021/echecs/" rel="tag">#échecs (5)</a> | |||
| <a href="/david/2021/ecole/" rel="tag">#école (8)</a> | |||
| <a href="/david/2021/ecriture/" rel="tag">#écriture (15)</a> | |||
| <a href="/david/2021/etiquette/" rel="tag">#étiquette (5)</a> | |||
| <a href="/david/2021/exploration/" rel="tag">#exploration (5)</a> | |||
| <a href="/david/2021/feminisme/" rel="tag">#féminisme (4)</a> | |||
| <a href="/david/2021/foret/" rel="tag">#forêt (40)</a> | |||
| <a href="/david/2021/frugalite/" rel="tag">#frugalité (6)</a> | |||
| <a href="/david/2021/gafam/" rel="tag">#gafam (15)</a> | |||
| <a href="/david/2021/gratitude/" rel="tag">#gratitude (18)</a> | |||
| <a href="/david/2021/inclassable/" rel="tag">#inclassable (4)</a> | |||
| <a href="/david/2021/incompetence/" rel="tag">#incompétence (35)</a> | |||
| <a href="/david/2021/lecture/" rel="tag">#lecture (11)</a> | |||
| <a href="/david/2021/materiel/" rel="tag">#matériel (4)</a> | |||
| <a href="/david/2021/misanthropie/" rel="tag">#misanthropie (23)</a> | |||
| <a href="/david/2021/neige/" rel="tag">#neige (7)</a> | |||
| <a href="/david/2021/open-source/" rel="tag">#open-source (12)</a> | |||
| <a href="/david/2021/pandemie/" rel="tag">#pandémie (44)</a> | |||
| <a href="/david/2021/parentalite/" rel="tag">#parentalité (11)</a> | |||
| <a href="/david/2021/partage/" rel="tag">#partage (23)</a> | |||
| <a href="/david/2021/pharmakon/" rel="tag">#pharmakon (11)</a> | |||
| <a href="/david/2021/poesie/" rel="tag">#poésie (5)</a> | |||
| <a href="/david/2021/premieres-nations/" rel="tag">#premières-nations (4)</a> | |||
| <a href="/david/2021/produit/" rel="tag">#produit (17)</a> | |||
| <a href="/david/2021/protopie/" rel="tag">#protopie (5)</a> | |||
| <a href="/david/2021/publication/" rel="tag">#publication (16)</a> | |||
| <a href="/david/2021/recherche/" rel="tag">#recherche (29)</a> | |||
| <a href="/david/2021/rythme/" rel="tag">#rythme (20)</a> | |||
| <a href="/david/2021/scopyleft/" rel="tag">#scopyleft (5)</a> | |||
| <a href="/david/2021/sociologie/" rel="tag">#sociologie (26)</a> | |||
| <a href="/david/2021/technique/" rel="tag">#technique (47)</a> | |||
| <a href="/david/2021/traces/" rel="tag">#traces (15)</a> | |||
| <a href="/david/2021/transformation/" rel="tag">#transformation (49)</a> | |||
| <a href="/david/2021/travail/" rel="tag">#travail (14)</a> | |||
| <a href="/david/2021/utilisateur-ice/" rel="tag">#utilisateur·ice (5)</a> | |||
| <a href="/david/2021/video/" rel="tag">#vidéo (21)</a> | |||
| <a href="/david/2021/web/" rel="tag">#web (24)</a> | |||
| </p> | |||
| </nav> | |||
| <h2> | |||
| Publications hebdomadaires <a href="/david/2020/" | |||
| </nav> | |||
| <p> | |||
| Les <a href="/david/blogroll/">liens des ami·es</a> avec leurs dernières publications 🤗. | |||
| </p> | |||
| <h2>Publications plus anciennes</h2> | |||
| <p> | |||
| J’ai publié | |||
| sporadiquement en <a href="/david/2023/" | |||
| title="Voir la liste de toutes les publications 2023">2023</a> | |||
| ainsi qu’en <a href="/david/2022/" | |||
| title="Voir la liste de toutes les publications 2022">2022</a>, | |||
| (pres)quotidiennemment en <a href="/david/2021/" | |||
| title="Voir la liste de toutes les publications 2021">2021</a> et | |||
| hebdomadairement en <a href="/david/2020/" | |||
| title="Voir la liste de toutes les publications 2020">2020</a> | |||
| </h2> | |||
| <p>Liste des publications en ordre chronologique :</p> | |||
| <nav> | |||
| <p> | |||
| <a href="/david/2020/01/03/">Briques</a>, | |||
| <a href="/david/2020/01/06/">Écriture</a>, | |||
| <a href="/david/2020/01/10/">Travail</a>, | |||
| <a href="/david/2020/01/15/">Futurs</a>, | |||
| <a href="/david/2020/01/17/">Datagouv</a>, | |||
| <a href="/david/2020/01/22/">Réponses</a>, | |||
| <a href="/david/2020/01/29/">Sortie ski</a>, | |||
| <a href="/david/2020/01/31/">Intentions</a>, | |||
| <a href="/david/2020/02/07/">GAFAM+</a>, | |||
| <a href="/david/2020/02/14/">Espoirs</a>, | |||
| <a href="/david/2020/02/21/">Service</a>, | |||
| <a href="/david/2020/03/13/">Technique</a>, | |||
| <a href="/david/2020/03/20/">Rédemption</a>, | |||
| <a href="/david/2020/03/27/">Exutoire</a>, | |||
| <a href="/david/2020/04/03/">Patience</a>, | |||
| <a href="/david/2020/04/10/">Résistance</a>, | |||
| <a href="/david/2020/04/18/">Zam</a>, | |||
| <a href="/david/2020/05/18/">Relance</a>, | |||
| <a href="/david/2020/05/20/">Bikepacking</a>, | |||
| <a href="/david/2020/05/26/">Covidoudou</a>, | |||
| <a href="/david/2020/06/12/">Vrac</a>, | |||
| <a href="/david/2020/06/18/">Mouvements</a>, | |||
| <a href="/david/2020/06/25/">Ouvertance</a>, | |||
| <a href="/david/2020/07/03/">Confetti</a>, | |||
| <a href="/david/2020/07/13/">Bilan</a>, | |||
| <a href="/david/2020/08/24/">Personnes</a>, | |||
| <a href="/david/2020/09/01/">Rentrée</a>, | |||
| <a href="/david/2020/09/07/">Rappels</a>, | |||
| <a href="/david/2020/09/16/">Coupable</a>, | |||
| <a href="/david/2020/10/08/">Parvenir</a>, | |||
| <a href="/david/2020/10/22/">Grand-écart</a>, | |||
| <a href="/david/2020/10/28/">Chaos</a>, | |||
| <a href="/david/2020/11/27/">Perles</a>, | |||
| <a href="/david/2020/12/01/">Compréhension</a>, | |||
| <a href="/david/2020/12/13/">Publications</a>, | |||
| <a href="/david/2020/12/15/">Vidéos</a>, | |||
| <a href="/david/2020/12/18/">Arrakice</a>, | |||
| <a href="/david/2020/12/21/">Livres</a>. | |||
| </p> | |||
| </nav> | |||
| <h2>Recherche</h2> | |||
| <p>Les contenus de ces dernières années sont indexés.</p> | |||
| <form action="/david/recherche/" method="get"> | |||
| <label for="input-search">Termes de votre recherche :</label> | |||
| <input type="search" name="s" required> | |||
| <button>Chercher</button> | |||
| </form> | |||
| <h2>Publications archéologiques</h2> | |||
| <p> | |||
| Vous pouvez consulter les différents | |||
| <a href="/david/blog/">billets de blog</a> qui ont été rédigés de 2004 à 2019 | |||
| ou les <a href="/david/stream/">entrées de journaux</a> relativement | |||
| régulières entre 2009 et 2019. | |||
| </p> | |||
| <p> | |||
| <em> | |||
| Notez qu’avec un tel historique, certaines informations sont obsolètes et/ou | |||
| plus cautionnées. | |||
| </em> | |||
| </p> | |||
| <h2>Me contacter</h2> | |||
| <p> | |||
| Je réponds à <em>presque</em> tous les courriels reçus, exception faite de ceux que j’assimile à de la publicité ou du <code>spam</code>. Vous pouvez <a href="mailto:david%40larlet.fr" title="Envoyer un courriel">m’écrire</a> sans trop de civilités et me tutoyer, je répondrai probablement de même. | |||
| </p> | |||
| </article> | |||
| . | |||
| </p> | |||
| <p> | |||
| Vous pouvez aussi consulter les différents | |||
| <a href="/david/blog/">billets de blog</a> qui ont été rédigés de 2004 (!) à 2019 | |||
| ou les <a href="/david/stream/">entrées de journaux</a> relativement | |||
| régulières entre 2009 et 2019. | |||
| </p> | |||
| <p> | |||
| <em> | |||
| Notez qu’avec un tel historique, certaines informations sont obsolètes et/ou | |||
| plus cautionnées. | |||
| </em> | |||
| </p> | |||
| <form action="/david/recherche/" method="get"> | |||
| <fieldset> | |||
| <legend>Recherche</legend> | |||
| <label for="input-search">Termes de votre recherche :</label> | |||
| <input 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> | |||
| <nobr> | |||
| <a href="/david/" title="Aller à l’accueil"> | |||
| <svg class="icon icon-home"> | |||
| <use xlink:href="/static/david/icons2/symbol-defs-2022-03.svg#icon-home"></use> | |||
| </svg> | |||
| Accueil</a> | |||
| </nobr> | |||
| <a href="/david/" title="Aller à l’accueil">Accueil</a> | |||
| • | |||
| <nobr> | |||
| <a href="/david/log/" title="Accès au flux RSS"> | |||
| <svg class="icon icon-rss2"> | |||
| <use xlink:href="/static/david/icons2/symbol-defs-2022-03.svg#icon-rss2"></use> | |||
| </svg> | |||
| Suivre</a> | |||
| </nobr> | |||
| <a href="/david/log/" title="Accès au flux RSS">Suivre</a> | |||
| • | |||
| <nobr> | |||
| <a href="http://larlet.com" | |||
| title="Go to my English profile" | |||
| data-instant> | |||
| <svg class="icon icon-user-tie"> | |||
| <use xlink:href="/static/david/icons2/symbol-defs-2022-03.svg#icon-user-tie"></use> | |||
| </svg> | |||
| Pro</a> | |||
| </nobr> | |||
| <a href="http://larlet.com" | |||
| title="Go to my English profile" | |||
| data-instant>Pro</a> | |||
| • | |||
| <nobr> | |||
| <a href="mailto:david%40larlet.fr" title="Envoyer un courriel"> | |||
| <svg class="icon icon-mail"> | |||
| <use xlink:href="/static/david/icons2/symbol-defs-2022-03.svg#icon-mail"></use> | |||
| </svg> | |||
| Email</a> | |||
| </nobr> | |||
| <a href="mailto:david%40larlet.fr" title="Envoyer un courriel">Email</a> | |||
| • | |||
| <nobr> | |||
| <abbr class="nowrap" | |||
| title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340"> | |||
| <svg class="icon icon-hammer2"> | |||
| <use xlink:href="/static/david/icons2/symbol-defs-2022-03.svg#icon-hammer2"></use> | |||
| </svg> | |||
| Légal</abbr> | |||
| </nobr> | |||
| <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> | |||
| <svg class="icon icon-brightness-contrast"> | |||
| <use xlink:href="/static/david/icons2/symbol-defs-2022-03.svg#icon-brightness-contrast"></use> | |||
| </svg> | |||
| Thème | |||
| </legend> | |||
| <label> | |||
| <input type="radio" value="auto" name="chosen-color-scheme" checked> | |||
| Auto | |||
| </label> | |||
| <label> | |||
| <input type="radio" value="dark" name="chosen-color-scheme"> | |||
| Foncé | |||
| </label> | |||
| <label> | |||
| <input type="radio" value="light" name="chosen-color-scheme"> | |||
| Clair | |||
| </label> | |||
| <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> | |||
| function loadThemeForm(templateName) { | |||
| const themeSelectorTemplate = document.querySelector(templateName) | |||
| const form = themeSelectorTemplate.content.firstElementChild | |||
| themeSelectorTemplate.replaceWith(form) | |||
| 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)) | |||
| } | |||
| form.addEventListener('change', (e) => { | |||
| const chosenColorScheme = e.target.value | |||
| localStorage.setItem('theme', chosenColorScheme) | |||
| toggleTheme(chosenColorScheme) | |||
| }) | |||
| 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 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 cssRule of styleSheet.cssRules) { | |||
| if (cssRule.type !== CSSRule.MEDIA_RULE) { | |||
| for (const layerRule of styleSheet.cssRules) { | |||
| if (!(layerRule instanceof CSSLayerBlockRule)) { | |||
| continue | |||
| } | |||
| // WARNING: Safari does not have/supports `conditionText`. | |||
| if (cssRule.conditionText) { | |||
| if (cssRule.conditionText !== prefersColorSchemeDark) { | |||
| if (layerRule.name === 'colors') { | |||
| colorsLayer = layerRule | |||
| } | |||
| for (const cssRule of layerRule.cssRules) { | |||
| if (cssRule.type !== CSSRule.MEDIA_RULE) { | |||
| continue | |||
| } | |||
| } else { | |||
| if (cssRule.cssText.startsWith(prefersColorSchemeDark)) { | |||
| 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)) | |||
| } | |||
| mediaRules = mediaRules.concat(Array.from(cssRule.cssRules)) | |||
| } | |||
| // WARNING: do not try to insert a Rule to a styleSheet you are | |||
| // currently iterating on, otherwise the browser will be stuck | |||
| // in a infinite loop… | |||
| for (const mediaRule of mediaRules) { | |||
| styleSheet.insertRule(mediaRule.cssText) | |||
| // Safari requires the `0` second parameter (even if default). | |||
| colorsLayer.insertRule(mediaRule.cssText, 0) | |||
| hasDarkRules = true | |||
| } | |||
| } | |||
| if (hasDarkRules) { | |||
| loadThemeForm('#theme-selector') | |||
| if ('customElements' in window && !customElements.get('theme-toggle')) { | |||
| customElements.define('theme-toggle', ThemeToggle) | |||
| } | |||
| } | |||
| }) | |||
| </script> | |||
+ 2
- 2
david/log/index.xml
View File
| @@ -63,8 +63,8 @@ | |||
| <hr /> | |||
| <p>Découvertes culinaires du&nbsp;jour&nbsp;:</p> | |||
| <ul> | |||
| <li><a href="https://cooked.wiki/">cooked.wiki</a> pour préfixer les recettes&nbsp;(merci <a href="https://mastodon.tetaneutral.net/@newick/111749530608709450">@newick</a>)&#8239;;</li> | |||
| <li><a href="https://github.com/mealie-recipes/mealie">mealie</a> pour stocker les recettes (merci <a href="https://mamot.fr/@aspyrine">@aspyrine</a>).</li> | |||
| <li><a href="https://cooked.wiki/">cooked.wiki</a> pour préfixer les recettes&nbsp;(merci <a href="https://mastodon.tetaneutral.net/@newick/111749530608709450">@newick</a>)</li> | |||
| <li><a href="https://github.com/mealie-recipes/mealie">mealie</a> pour stocker les recettes (merci <a href="https://mamot.fr/@aspyrine">@aspyrine</a>)</li> | |||
| </ul> | |||
| <nav><p><a href="https://larlet.fr/david/2024/ecriture/">#écriture</a> <a href="https://larlet.fr/david/2024/experience/">#expérience</a> <a href="https://larlet.fr/david/2024/protopie/">#protopie</a></p></nav><hr/><p><a href="mailto:david@larlet.fr">Réagir ?</a></p></summary> | |||
| </entry> | |||
+ 2
- 2
david/recherche/index.html
View File
| @@ -287,7 +287,7 @@ | |||
| "title": "Fiction", | |||
| "url": "/david/2024/01/14/", | |||
| "date": "2024-01-14", | |||
| "content": "Ces moments perspectivistes, qu\u2019ils soient activ\u00e9s par un voyage ou par une lecture, sont d\u00e9routants mais ils sont salutaires. Ils d\u00e9veloppent la capacit\u00e9 \u00e0 comprendre d\u2019autres points de vue que le sien ou, du moins, faute de comprendre, \u00e0 toucher du doigt la multiplicit\u00e9 des rapports au monde et \u00e0 accepter la relativit\u00e9 de nos perceptions. Le r\u00e9el n\u2019est pas un. Et on ne perd jamais en humanit\u00e9 \u00e0 se mettre dans la peau de\u00a0l\u2019autre. La fiction peut nous y aider, c\u2019est le lieu par excellence de tous les possibles; saisissons-nous-en comme d\u2019un terrain d\u2019exp\u00e9rimentation. Tout n\u2019a pas \u00e9t\u00e9 \u00e9crit\u00a0: tant que de l\u2019in\u00e9dit surgit, il reste de la place pour la cr\u00e9ation. Les mutations du monde nous obligent \u00e0 repenser le fond comme la forme de nos r\u00e9cits. Il y a des sujets \u00e0 traiter qui ne l\u2019ont pas \u00e9t\u00e9 par le pass\u00e9, des questions qu\u2019on ne s\u2019\u00e9tait jamais pos\u00e9es, de nouveaux enjeux dont il faut s\u2019emparer. Il y a des arcs litt\u00e9raires \u00e0 inventer qui ne suivent pas les sch\u00e9mas narratifs classiques et s\u2019affranchissent du syndrome de la grande qu\u00eate. On doit pouvoir br\u00fbler les \u00e9tapes sans attendre le d\u00e9nouement. On doit pouvoir brouiller les\u00a0fronti\u00e8res. Alors nous irons trouver la beaut\u00e9 ailleurs, Corinne Morel\u00a0Darleux Suite de mes lectures et de mes aspirations \u00e0 \u00e9crire \u2014\u00a0et donc transmettre\u00a0\u2014 diff\u00e9remment. Une autre forme de travail des id\u00e9es consistant \u00e0 d\u00e9crire un \u00e0-venir enviable qu\u2019il reste \u00e0 construire, en commun, avec l\u2019espoir que la fiction d\u00e9place la r\u00e9alit\u00e9. De l\u2019immobilisation nait la\u00a0cr\u00e9ativit\u00e9\u202f? Je crois de plus en plus que nous devons nous entra\u00eener \u00e0 habiter le trouble comme l\u2019a formul\u00e9 Donna Haraway, c\u2019est-\u00e0-dire \u00e0 tenir \u00ab\u00a0pour acquis que les modes d\u2019ordre \u00e9tablis se sont effondr\u00e9s ou sont en voie d\u2019effondrement, et qu\u2019il devient \u00e0 la fois urgent et possible d\u2019envisager autre chose\u00a0\u00bb. Vivre dans un monde en train de dispara\u00eetre sans savoir ce qui va \u00e9merger n\u2019est pas simple, mais il ne tient qu\u2019\u00e0 nous de nous ouvrir \u00e0 d\u2019autres g\u00e9ographies, d\u2019autres cultures, \u00e0 toucher aux confins civilisationnels pour imaginer \u00ab\u00a0des fa\u00e7ons plus florissantes, plus robustes, moins meurtri\u00e8res de vivre les uns avec les autres\u00a0\u00bb, ailleurs, quand notre propre r\u00e9alit\u00e9 nous fait\u00a0d\u00e9faut. Ibid. Je prends le temps de d\u00e9cliner le nouveau style pour les pages d\u2019\u00e9tiquettes 2024. Il va rester la page d\u2019accueil, la plus difficile. Elle comporte actuellement\u00a0270\u00a0liens. Quelle \u00e9ditorialisation proposer pour \u00e9viter la surcharge tout en facilitant l\u2019exploration\u202f? Offrir une boussole sans proposer de\u00a0cap. When the right approach reveals itself, it feels obvious. But only in retrospect. Design is only obvious in retrospect. It takes iteration and discipline to get there. But when you do get there, it\u2019s 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\u00a0solve. Until the Right Design\u00a0Emerges\u2026 Non, pas cette direction par\u00a0contre. D\u00e9couvertes culinaires du\u00a0jour\u00a0: cooked.wiki pour pr\u00e9fixer les recettes\u00a0(merci @newick)\u202f; mealie pour stocker les recettes (merci @aspyrine\u000e)." | |||
| "content": "Ces moments perspectivistes, qu\u2019ils soient activ\u00e9s par un voyage ou par une lecture, sont d\u00e9routants mais ils sont salutaires. Ils d\u00e9veloppent la capacit\u00e9 \u00e0 comprendre d\u2019autres points de vue que le sien ou, du moins, faute de comprendre, \u00e0 toucher du doigt la multiplicit\u00e9 des rapports au monde et \u00e0 accepter la relativit\u00e9 de nos perceptions. Le r\u00e9el n\u2019est pas un. Et on ne perd jamais en humanit\u00e9 \u00e0 se mettre dans la peau de\u00a0l\u2019autre. La fiction peut nous y aider, c\u2019est le lieu par excellence de tous les possibles; saisissons-nous-en comme d\u2019un terrain d\u2019exp\u00e9rimentation. Tout n\u2019a pas \u00e9t\u00e9 \u00e9crit\u00a0: tant que de l\u2019in\u00e9dit surgit, il reste de la place pour la cr\u00e9ation. Les mutations du monde nous obligent \u00e0 repenser le fond comme la forme de nos r\u00e9cits. Il y a des sujets \u00e0 traiter qui ne l\u2019ont pas \u00e9t\u00e9 par le pass\u00e9, des questions qu\u2019on ne s\u2019\u00e9tait jamais pos\u00e9es, de nouveaux enjeux dont il faut s\u2019emparer. Il y a des arcs litt\u00e9raires \u00e0 inventer qui ne suivent pas les sch\u00e9mas narratifs classiques et s\u2019affranchissent du syndrome de la grande qu\u00eate. On doit pouvoir br\u00fbler les \u00e9tapes sans attendre le d\u00e9nouement. On doit pouvoir brouiller les\u00a0fronti\u00e8res. Alors nous irons trouver la beaut\u00e9 ailleurs, Corinne Morel\u00a0Darleux Suite de mes lectures et de mes aspirations \u00e0 \u00e9crire \u2014\u00a0et donc transmettre\u00a0\u2014 diff\u00e9remment. Une autre forme de travail des id\u00e9es consistant \u00e0 d\u00e9crire un \u00e0-venir enviable qu\u2019il reste \u00e0 construire, en commun, avec l\u2019espoir que la fiction d\u00e9place la r\u00e9alit\u00e9. De l\u2019immobilisation nait la\u00a0cr\u00e9ativit\u00e9\u202f? Je crois de plus en plus que nous devons nous entra\u00eener \u00e0 habiter le trouble comme l\u2019a formul\u00e9 Donna Haraway, c\u2019est-\u00e0-dire \u00e0 tenir \u00ab\u00a0pour acquis que les modes d\u2019ordre \u00e9tablis se sont effondr\u00e9s ou sont en voie d\u2019effondrement, et qu\u2019il devient \u00e0 la fois urgent et possible d\u2019envisager autre chose\u00a0\u00bb. Vivre dans un monde en train de dispara\u00eetre sans savoir ce qui va \u00e9merger n\u2019est pas simple, mais il ne tient qu\u2019\u00e0 nous de nous ouvrir \u00e0 d\u2019autres g\u00e9ographies, d\u2019autres cultures, \u00e0 toucher aux confins civilisationnels pour imaginer \u00ab\u00a0des fa\u00e7ons plus florissantes, plus robustes, moins meurtri\u00e8res de vivre les uns avec les autres\u00a0\u00bb, ailleurs, quand notre propre r\u00e9alit\u00e9 nous fait\u00a0d\u00e9faut. Ibid. Je prends le temps de d\u00e9cliner le nouveau style pour les pages d\u2019\u00e9tiquettes 2024. Il va rester la page d\u2019accueil, la plus difficile. Elle comporte actuellement\u00a0270\u00a0liens. Quelle \u00e9ditorialisation proposer pour \u00e9viter la surcharge tout en facilitant l\u2019exploration\u202f? Offrir une boussole sans proposer de\u00a0cap. When the right approach reveals itself, it feels obvious. But only in retrospect. Design is only obvious in retrospect. It takes iteration and discipline to get there. But when you do get there, it\u2019s 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\u00a0solve. Until the Right Design\u00a0Emerges\u2026 Non, pas cette direction par\u00a0contre. D\u00e9couvertes culinaires du\u00a0jour\u00a0: cooked.wiki pour pr\u00e9fixer les recettes\u00a0(merci @newick) mealie pour stocker les recettes (merci @aspyrine)" | |||
| }, | |||
| { | |||
| "title": "Wuwei", | |||
| @@ -377,7 +377,7 @@ | |||
| "title": "Fiction", | |||
| "url": "/david/2024/01/14/", | |||
| "date": "2024-01-14", | |||
| "content": "Ces moments perspectivistes, qu\u2019ils soient activ\u00e9s par un voyage ou par une lecture, sont d\u00e9routants mais ils sont salutaires. Ils d\u00e9veloppent la capacit\u00e9 \u00e0 comprendre d\u2019autres points de vue que le sien ou, du moins, faute de comprendre, \u00e0 toucher du doigt la multiplicit\u00e9 des rapports au monde et \u00e0 accepter la relativit\u00e9 de nos perceptions. Le r\u00e9el n\u2019est pas un. Et on ne perd jamais en humanit\u00e9 \u00e0 se mettre dans la peau de\u00a0l\u2019autre. La fiction peut nous y aider, c\u2019est le lieu par excellence de tous les possibles; saisissons-nous-en comme d\u2019un terrain d\u2019exp\u00e9rimentation. Tout n\u2019a pas \u00e9t\u00e9 \u00e9crit\u00a0: tant que de l\u2019in\u00e9dit surgit, il reste de la place pour la cr\u00e9ation. Les mutations du monde nous obligent \u00e0 repenser le fond comme la forme de nos r\u00e9cits. Il y a des sujets \u00e0 traiter qui ne l\u2019ont pas \u00e9t\u00e9 par le pass\u00e9, des questions qu\u2019on ne s\u2019\u00e9tait jamais pos\u00e9es, de nouveaux enjeux dont il faut s\u2019emparer. Il y a des arcs litt\u00e9raires \u00e0 inventer qui ne suivent pas les sch\u00e9mas narratifs classiques et s\u2019affranchissent du syndrome de la grande qu\u00eate. On doit pouvoir br\u00fbler les \u00e9tapes sans attendre le d\u00e9nouement. On doit pouvoir brouiller les\u00a0fronti\u00e8res. Alors nous irons trouver la beaut\u00e9 ailleurs, Corinne Morel\u00a0Darleux Suite de mes lectures et de mes aspirations \u00e0 \u00e9crire \u2014\u00a0et donc transmettre\u00a0\u2014 diff\u00e9remment. Une autre forme de travail des id\u00e9es consistant \u00e0 d\u00e9crire un \u00e0-venir enviable qu\u2019il reste \u00e0 construire, en commun, avec l\u2019espoir que la fiction d\u00e9place la r\u00e9alit\u00e9. De l\u2019immobilisation nait la\u00a0cr\u00e9ativit\u00e9\u202f? Je crois de plus en plus que nous devons nous entra\u00eener \u00e0 habiter le trouble comme l\u2019a formul\u00e9 Donna Haraway, c\u2019est-\u00e0-dire \u00e0 tenir \u00ab\u00a0pour acquis que les modes d\u2019ordre \u00e9tablis se sont effondr\u00e9s ou sont en voie d\u2019effondrement, et qu\u2019il devient \u00e0 la fois urgent et possible d\u2019envisager autre chose\u00a0\u00bb. Vivre dans un monde en train de dispara\u00eetre sans savoir ce qui va \u00e9merger n\u2019est pas simple, mais il ne tient qu\u2019\u00e0 nous de nous ouvrir \u00e0 d\u2019autres g\u00e9ographies, d\u2019autres cultures, \u00e0 toucher aux confins civilisationnels pour imaginer \u00ab\u00a0des fa\u00e7ons plus florissantes, plus robustes, moins meurtri\u00e8res de vivre les uns avec les autres\u00a0\u00bb, ailleurs, quand notre propre r\u00e9alit\u00e9 nous fait\u00a0d\u00e9faut. Ibid. Je prends le temps de d\u00e9cliner le nouveau style pour les pages d\u2019\u00e9tiquettes 2024. Il va rester la page d\u2019accueil, la plus difficile. Elle comporte actuellement\u00a0270\u00a0liens. Quelle \u00e9ditorialisation proposer pour \u00e9viter la surcharge tout en facilitant l\u2019exploration\u202f? Offrir une boussole sans proposer de\u00a0cap. When the right approach reveals itself, it feels obvious. But only in retrospect. Design is only obvious in retrospect. It takes iteration and discipline to get there. But when you do get there, it\u2019s 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\u00a0solve. Until the Right Design\u00a0Emerges\u2026 Non, pas cette direction par\u00a0contre. D\u00e9couvertes culinaires du\u00a0jour\u00a0: cooked.wiki pour pr\u00e9fixer les recettes\u00a0(merci @newick)\u202f; mealie pour stocker les recettes (merci @aspyrine\u000e)." | |||
| "content": "Ces moments perspectivistes, qu\u2019ils soient activ\u00e9s par un voyage ou par une lecture, sont d\u00e9routants mais ils sont salutaires. Ils d\u00e9veloppent la capacit\u00e9 \u00e0 comprendre d\u2019autres points de vue que le sien ou, du moins, faute de comprendre, \u00e0 toucher du doigt la multiplicit\u00e9 des rapports au monde et \u00e0 accepter la relativit\u00e9 de nos perceptions. Le r\u00e9el n\u2019est pas un. Et on ne perd jamais en humanit\u00e9 \u00e0 se mettre dans la peau de\u00a0l\u2019autre. La fiction peut nous y aider, c\u2019est le lieu par excellence de tous les possibles; saisissons-nous-en comme d\u2019un terrain d\u2019exp\u00e9rimentation. Tout n\u2019a pas \u00e9t\u00e9 \u00e9crit\u00a0: tant que de l\u2019in\u00e9dit surgit, il reste de la place pour la cr\u00e9ation. Les mutations du monde nous obligent \u00e0 repenser le fond comme la forme de nos r\u00e9cits. Il y a des sujets \u00e0 traiter qui ne l\u2019ont pas \u00e9t\u00e9 par le pass\u00e9, des questions qu\u2019on ne s\u2019\u00e9tait jamais pos\u00e9es, de nouveaux enjeux dont il faut s\u2019emparer. Il y a des arcs litt\u00e9raires \u00e0 inventer qui ne suivent pas les sch\u00e9mas narratifs classiques et s\u2019affranchissent du syndrome de la grande qu\u00eate. On doit pouvoir br\u00fbler les \u00e9tapes sans attendre le d\u00e9nouement. On doit pouvoir brouiller les\u00a0fronti\u00e8res. Alors nous irons trouver la beaut\u00e9 ailleurs, Corinne Morel\u00a0Darleux Suite de mes lectures et de mes aspirations \u00e0 \u00e9crire \u2014\u00a0et donc transmettre\u00a0\u2014 diff\u00e9remment. Une autre forme de travail des id\u00e9es consistant \u00e0 d\u00e9crire un \u00e0-venir enviable qu\u2019il reste \u00e0 construire, en commun, avec l\u2019espoir que la fiction d\u00e9place la r\u00e9alit\u00e9. De l\u2019immobilisation nait la\u00a0cr\u00e9ativit\u00e9\u202f? Je crois de plus en plus que nous devons nous entra\u00eener \u00e0 habiter le trouble comme l\u2019a formul\u00e9 Donna Haraway, c\u2019est-\u00e0-dire \u00e0 tenir \u00ab\u00a0pour acquis que les modes d\u2019ordre \u00e9tablis se sont effondr\u00e9s ou sont en voie d\u2019effondrement, et qu\u2019il devient \u00e0 la fois urgent et possible d\u2019envisager autre chose\u00a0\u00bb. Vivre dans un monde en train de dispara\u00eetre sans savoir ce qui va \u00e9merger n\u2019est pas simple, mais il ne tient qu\u2019\u00e0 nous de nous ouvrir \u00e0 d\u2019autres g\u00e9ographies, d\u2019autres cultures, \u00e0 toucher aux confins civilisationnels pour imaginer \u00ab\u00a0des fa\u00e7ons plus florissantes, plus robustes, moins meurtri\u00e8res de vivre les uns avec les autres\u00a0\u00bb, ailleurs, quand notre propre r\u00e9alit\u00e9 nous fait\u00a0d\u00e9faut. Ibid. Je prends le temps de d\u00e9cliner le nouveau style pour les pages d\u2019\u00e9tiquettes 2024. Il va rester la page d\u2019accueil, la plus difficile. Elle comporte actuellement\u00a0270\u00a0liens. Quelle \u00e9ditorialisation proposer pour \u00e9viter la surcharge tout en facilitant l\u2019exploration\u202f? Offrir une boussole sans proposer de\u00a0cap. When the right approach reveals itself, it feels obvious. But only in retrospect. Design is only obvious in retrospect. It takes iteration and discipline to get there. But when you do get there, it\u2019s 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\u00a0solve. Until the Right Design\u00a0Emerges\u2026 Non, pas cette direction par\u00a0contre. D\u00e9couvertes culinaires du\u00a0jour\u00a0: cooked.wiki pour pr\u00e9fixer les recettes\u00a0(merci @newick) mealie pour stocker les recettes (merci @aspyrine)" | |||
| }, | |||
| { | |||
| "title": "Wuwei", | |||
+ 43
- 0
david/templates/archives_2024.html
View File
| @@ -0,0 +1,43 @@ | |||
| {% extends "base_2024.html" %} | |||
| {% block title %}Publications 2024{% endblock %} | |||
| {% block description %}Archives 2024 des publications de David Larlet{% endblock %} | |||
| {% block content %} | |||
| <header> | |||
| <hgroup> | |||
| <h1>Publications 2024</h1> | |||
| <p>Tentative de publication quotidienne</p> | |||
| </hgroup> | |||
| </header> | |||
| <nav> | |||
| <p> | |||
| <a href="/david/" title="Aller à l’accueil" rel="up">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">Recherche</a> | |||
| • | |||
| <a href="/david/log/" title="Accès au flux RSS">Suivre</a> | |||
| </p> | |||
| </nav> | |||
| {% for month_year, group in page_list %} | |||
| <h2>{{ month_year }}</h2> | |||
| <p> | |||
| {% for page in group|sort -%} | |||
| <a href="{{ page.url }}">{{ page.title }}</a> | |||
| {%- if not loop.last %}, {% else %}.{% endif %} | |||
| {% endfor %} | |||
| </p> | |||
| {% endfor %} | |||
| {% if tags %} | |||
| <h2 id="tags">Par tags</h2> | |||
| <p> | |||
| {% for slug, name, counter in tags -%} | |||
| <a href="/david/2024/{{ slug }}/" rel="tag">#{{ name }} ({{ counter }})</a> | |||
| {%- if not loop.last %}, {% else %}.{% endif %} | |||
| {% endfor %} | |||
| </p> | |||
| {% endif %} | |||
| {% endblock content %} | |||
+ 50
- 59
david/templates/article_2024.html
View File
| @@ -3,66 +3,57 @@ | |||
| {% block title %}{{ page.title }}{% endblock %} | |||
| {% block description %}{{ page.extract|striptags }}{% endblock %} | |||
| {% block content %} | |||
| <article> | |||
| <header> | |||
| <hgroup> | |||
| <h1>{{ page.title }}</h1> | |||
| <p>Le <time datetime="{{ page.date }}">{{ page.date|format_date }}</time></p> | |||
| </hgroup> | |||
| </header> | |||
| <header> | |||
| <hgroup> | |||
| <h1>{{ page.title }}</h1> | |||
| <p>Le <time datetime="{{ page.date }}">{{ page.date|format_date }}</time></p> | |||
| </hgroup> | |||
| </header> | |||
| <nav> | |||
| <p> | |||
| {% if prev and not prev.is_draft %} | |||
| <a rel="prev" | |||
| href="{{ prev.url }}" | |||
| title="Publication précédente : {{ prev.title }}">← Précédent</a> • | |||
| {% endif %} | |||
| <a href="/david/" title="Aller à l’accueil" rel="up">Accueil</a> | |||
| • | |||
| <a href="/david/recherche/" | |||
| title="Aller à la page de recherche" | |||
| rel="search">Recherche</a> | |||
| {% if next and not next.is_draft %} | |||
| • <a rel="next" | |||
| href="{{ next.url }}" | |||
| title="Publication suivante : {{ next.title }}">Suivant →</a> | |||
| {% endif %} | |||
| </p> | |||
| </nav> | |||
| {{ page.content }} | |||
| {% if page.tags %} | |||
| <nav> | |||
| <p class="center"> | |||
| {% if prev and not prev.is_draft %} | |||
| <a rel="prev" | |||
| href="{{ prev.url }}" | |||
| title="Publication précédente : {{ prev.title }}">← Précédent</a> • | |||
| {% endif %} | |||
| <nobr> | |||
| <a href="/david/" title="Aller à l’accueil" rel="up">Accueil</a> | |||
| </nobr> | |||
| • | |||
| <nobr> | |||
| <a href="/david/recherche/" | |||
| title="Aller à la page de recherche" | |||
| rel="search">Recherche</a> | |||
| </nobr> | |||
| {% if next and not next.is_draft %} | |||
| • <a rel="next" | |||
| href="{{ next.url }}" | |||
| title="Publication suivante : {{ next.title }}">Suivant →</a> | |||
| {% endif %} | |||
| <p> | |||
| {% for tag in page.tags %} | |||
| <a href="/david/2024/{{ slugify(tag) }}/" | |||
| title="Liste de tous les articles 2024 associés à cette étiquette" | |||
| rel="tag">#{{ tag }}</a> | |||
| {% endfor %} | |||
| <a href="/david/2024/#tags" title="Liste de toutes les étiquettes 2024">tous ?</a> | |||
| </p> | |||
| </nav> | |||
| {{ page.content }} | |||
| {% if page.tags %} | |||
| <nav> | |||
| <p> | |||
| {% for tag in page.tags %} | |||
| <a href="/david/2024/{{ slugify(tag) }}/" | |||
| title="Liste de tous les articles 2024 associés à cette étiquette" | |||
| rel="tag">#{{ tag }}</a> | |||
| {% endfor %} | |||
| <a href="/david/#tags-2024" title="Liste de toutes les étiquettes 2024">tous ?</a> | |||
| </p> | |||
| </nav> | |||
| {% endif %} | |||
| <nav> | |||
| <p class="center"> | |||
| {% if prev and not prev.is_draft %} | |||
| <a rel="prev" | |||
| href="{{ prev.url }}" | |||
| title="Publication précédente : {{ prev.title }}">← Précédent</a> • | |||
| {% endif %} | |||
| <a href="/david/2024/" title="Liste des publications récentes">↑ En 2024</a> | |||
| {% if next and not next.is_draft %} | |||
| • <a rel="next" | |||
| href="{{ next.url }}" | |||
| title="Publication suivante : {{ next.title }}">Suivant →</a> | |||
| {% endif %} | |||
| </p> | |||
| </nav> | |||
| <aside> | |||
| <theme-toggle></theme-toggle> | |||
| </aside> | |||
| </article> | |||
| {% endif %} | |||
| <nav> | |||
| <p> | |||
| {% if prev and not prev.is_draft %} | |||
| <a rel="prev" | |||
| href="{{ prev.url }}" | |||
| title="Publication précédente : {{ prev.title }}">← Précédent</a> • | |||
| {% endif %} | |||
| <a href="/david/2024/" title="Liste des publications récentes">↑ En 2024</a> | |||
| {% if next and not next.is_draft %} | |||
| • <a rel="next" | |||
| href="{{ next.url }}" | |||
| title="Publication suivante : {{ next.title }}">Suivant →</a> | |||
| {% endif %} | |||
| </p> | |||
| </nav> | |||
| {% endblock content %} | |||
+ 43
- 35
david/templates/base_2024.html
View File
| @@ -104,56 +104,64 @@ | |||
| </script> | |||
| {% block extra_head %}{% endblock %} | |||
| <body data-instant-intensity="viewport-all"> | |||
| {% block content %} | |||
| {% endblock content %} | |||
| <article> | |||
| {% block content %} | |||
| {% endblock content %} | |||
| <form action="/david/recherche/" method="get"> | |||
| <fieldset> | |||
| <legend>Recherche</legend> | |||
| <label for="input-search">Termes de votre recherche :</label> | |||
| <input 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> | |||
| <nobr> | |||
| <a href="/david/" title="Aller à l’accueil">Accueil</a> | |||
| </nobr> | |||
| <a href="/david/" title="Aller à l’accueil">Accueil</a> | |||
| • | |||
| <nobr> | |||
| <a href="/david/log/" title="Accès au flux RSS">Suivre</a> | |||
| </nobr> | |||
| <a href="/david/log/" title="Accès au flux RSS">Suivre</a> | |||
| • | |||
| <nobr> | |||
| <a href="http://larlet.com" | |||
| title="Go to my English profile" | |||
| data-instant>Pro</a> | |||
| </nobr> | |||
| <a href="http://larlet.com" | |||
| title="Go to my English profile" | |||
| data-instant>Pro</a> | |||
| • | |||
| <nobr> | |||
| <a href="mailto:david%40larlet.fr" title="Envoyer un courriel">Email</a> | |||
| </nobr> | |||
| <a href="mailto:david%40larlet.fr" title="Envoyer un courriel">Email</a> | |||
| • | |||
| <nobr> | |||
| <abbr class="nowrap" | |||
| title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340">Légal</abbr> | |||
| </nobr> | |||
| <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 { | |||
| fieldset div { | |||
| text-align: center; | |||
| } | |||
| </style> | |||
| <fieldset> | |||
| <legend>Thème | |||
| </legend> | |||
| <label> | |||
| <input type="radio" value="auto" name="chosen-color-scheme" checked> | |||
| Auto | |||
| </label> | |||
| <label> | |||
| <input type="radio" value="dark" name="chosen-color-scheme"> | |||
| Foncé | |||
| </label> | |||
| <label> | |||
| <input type="radio" value="light" name="chosen-color-scheme"> | |||
| Clair | |||
| </label> | |||
| <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> | |||
+ 5
- 3
david/templates/profil.html
View File
| @@ -41,7 +41,8 @@ | |||
| {% endfor %} | |||
| </p> | |||
| </nav> | |||
| <h2>Publications 2023</h2> | |||
| <h2>Publications <a href="/david/2023/" | |||
| title="Voir la liste de toutes les publications 2023">2023</a></h2> | |||
| <p>Liste des publications en ordre anté-chronologique :</p> | |||
| <nav> | |||
| <p> | |||
| @@ -163,7 +164,8 @@ | |||
| <p> | |||
| Les <a href="/david/blogroll/">liens des ami·es</a> avec leurs dernières publications 🤗. | |||
| </p> | |||
| <h2>Publications sporadiques 2022</h2> | |||
| <h2>Publications sporadiques <a href="/david/2022/" | |||
| title="Voir la liste de toutes les publications 2022">2022</a></h2> | |||
| <p>Liste des publications en ordre chronologique :</p> | |||
| <nav> | |||
| <p> | |||
| @@ -214,7 +216,7 @@ | |||
| </p> | |||
| <h2 id="tags"> | |||
| Publications <a href="/david/2021/" | |||
| title="Voir la liste de toutes les publications 2021">2021</a> par tags | |||
| title="Voir la liste de toutes les publications 2021">2021</a> par tags | |||
| <svg class="icon icon-tags"> | |||
| <use xlink:href="/static/david/icons2/symbol-defs-2022-03.svg#icon-tags"></use> | |||
| </svg> | |||
+ 91
- 0
david/templates/profil_2024.html
View File
| @@ -0,0 +1,91 @@ | |||
| {% extends "base_2024.html" %} | |||
| {% block lang %}fr{% endblock %} | |||
| {% block title %}Accueil{% endblock %} | |||
| {% block description %}Voici l’espace personnel de David Larlet sur le Web.{% endblock %} | |||
| {% block content %} | |||
| <header> | |||
| <hgroup> | |||
| <h1>David Larlet</h1> | |||
| <p>Avant Facebook, il y avait les sites perso.</p> | |||
| </hgroup> | |||
| </header> | |||
| <h2>Bienvenue</h2> | |||
| <p> | |||
| Voici mon espace sur le Web. | |||
| C’est un jardin pour faire pousser mes idées, | |||
| une boîte à chaussure pour mes souvenirs, | |||
| la forêt de mes réflexions plus ou moins enchevêtrées, | |||
| les métaphores ne manquent pas. | |||
| Je vous souhaite de vous y perdre, de revenir, | |||
| d’engager des échanges, d’être en désaccord, | |||
| d’improviser une rencontre | |||
| et que l’on finisse par s’échanger nos meilleures recettes. | |||
| </p> | |||
| <p> | |||
| Souvent je <a href="https://code.larlet.fr/">code</a>, | |||
| parfois je vais <a href="https://code.larlet.fr/">en forêt</a> | |||
| et il m’arrive même de prendre <a href="https://media.larlet.fr/">des photos</a>. | |||
| On peut papoter <a href="https://fedi.larlet.fr/@david">sur mastodon</a> | |||
| ou <a href="mailto:david%40larlet.fr" title="Envoyer un courriel">par courriel</a>. | |||
| Vous pouvez <a href="/david/log/" title="Accès au flux RSS">suivre les publications</a> | |||
| grâce au flux RSS/Atom (<a href="/david/blog/2019/flux-rss/">explications</a>). | |||
| </p> | |||
| <p lang="en"> | |||
| <em> | |||
| Check out my | |||
| <a href="http://larlet.com" data-instant>profile in English</a>🇨🇦 | |||
| for up-to-date professional informations. | |||
| </em> | |||
| </p> | |||
| <h2>Publications 2024</h2> | |||
| <p>Liste des publications récentes en ordre anté-chronologique :</p> | |||
| <nav> | |||
| <p> | |||
| {% for page in page_list -%} | |||
| <a href="{{ page.url }}">{{ page.title }}</a> | |||
| {%- if not loop.last %}, | |||
| {%- else -%}. | |||
| {% endif %} | |||
| {% endfor %} | |||
| </p> | |||
| </nav> | |||
| <p id="tags-2024">Ou par étiquettes :</p> | |||
| <nav> | |||
| <p> | |||
| {% for slug, title, count in tags -%} | |||
| <a href="/david/2024/{{ slug }}/" rel="tag">#{{ title }} ({{ count }})</a> | |||
| {%- if not loop.last %}, | |||
| {%- else -%}. | |||
| {% endif %} | |||
| {% endfor %} | |||
| </p> | |||
| </nav> | |||
| <p> | |||
| Les <a href="/david/blogroll/">liens des ami·es</a> avec leurs dernières publications 🤗. | |||
| </p> | |||
| <h2>Publications plus anciennes</h2> | |||
| <p> | |||
| J’ai publié | |||
| sporadiquement en <a href="/david/2023/" | |||
| title="Voir la liste de toutes les publications 2023">2023</a> | |||
| ainsi qu’en <a href="/david/2022/" | |||
| title="Voir la liste de toutes les publications 2022">2022</a>, | |||
| (pres)quotidiennemment en <a href="/david/2021/" | |||
| title="Voir la liste de toutes les publications 2021">2021</a> et | |||
| hebdomadairement en <a href="/david/2020/" | |||
| title="Voir la liste de toutes les publications 2020">2020</a> | |||
| . | |||
| </p> | |||
| <p> | |||
| Vous pouvez aussi consulter les différents | |||
| <a href="/david/blog/">billets de blog</a> qui ont été rédigés de 2004 (!) à 2019 | |||
| ou les <a href="/david/stream/">entrées de journaux</a> relativement | |||
| régulières entre 2009 et 2019. | |||
| </p> | |||
| <p> | |||
| <em> | |||
| Notez qu’avec un tel historique, certaines informations sont obsolètes et/ou | |||
| plus cautionnées. | |||
| </em> | |||
| </p> | |||
| {% endblock content %} | |||
+ 7
- 6
david/templates/tag_2024.html
View File
| @@ -9,7 +9,6 @@ | |||
| </style> | |||
| {% endblock %} | |||
| {% block content %} | |||
| <article> | |||
| <header> | |||
| <hgroup> | |||
| <h1>#{{ tag_name }}</h1> | |||
| @@ -17,14 +16,18 @@ | |||
| </hgroup> | |||
| </header> | |||
| <nav> | |||
| <p class="center"> | |||
| <p> | |||
| <a href="/david/" title="Aller à l’accueil"> | |||
| Accueil</a> | |||
| • | |||
| <a rel="tags" | |||
| href="/david/#tags-2024" | |||
| href="/david/2024/#tags" | |||
| title="Liste de toutes les étiquettes"> | |||
| Étiquettes</a> | |||
| • | |||
| <a href="/david/recherche/" title="Aller à la page de recherche" rel="search">Recherche</a> | |||
| • | |||
| <a href="/david/log/" title="Accès au flux RSS">Suivre</a> | |||
| </p> | |||
| </nav> | |||
| {% for page in page_list %} | |||
| @@ -40,11 +43,9 @@ | |||
| title="Liste de tous les articles 2024 associés à cette étiquette" | |||
| rel="tag">#{{ tag }}</a> | |||
| {% endfor %} | |||
| <a href="/david/#tags-2024" title="Liste de toutes les étiquettes 2024">tous ?</a> | |||
| <a href="/david/2024/#tags" title="Liste de toutes les étiquettes 2024">tous ?</a> | |||
| </p> | |||
| </nav> | |||
| {% endif %} | |||
| <hr> | |||
| {% endfor %} | |||
| </article> | |||
| {% endblock content %} | |||
+ 2
- 2
site.py
View File
| @@ -441,7 +441,7 @@ def pages(): | |||
| def group_by_month_year(item): | |||
| return item.date.strftime("%B %Y").title() | |||
| template = environment.get_template("archives_2020.html") | |||
| template = environment.get_template("archives_2024.html") | |||
| page_list = reversed(Page.all(source=SOURCES_PATH)) | |||
| tags = sorted((slugify(tag), tag, len(pages_by_tags[tag])) for tag in all_tags) | |||
| content = template.render( | |||
| @@ -470,7 +470,7 @@ def tags(): | |||
| @cli | |||
| def home(): | |||
| """Build the home page with last published items.""" | |||
| template = environment.get_template("profil.html") | |||
| template = environment.get_template("profil_2024.html") | |||
| page_list = Page.all(source=SOURCES_PATH, only_published=True) | |||
| tags = sorted((slugify(tag), tag, len(pages_by_tags[tag])) for tag in all_tags) | |||
| content = template.render(page_list=page_list, tags=tags) | |||
Loading…