|
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427 |
- <!DOCTYPE html><!-- This is a valid HTML5 document. -->
- <!-- Screen readers, SEO, extensions and so on. -->
- <html lang="fr">
- <!-- Has to be within the first 1024 bytes, hence before the `title` element
- See: https://www.w3.org/TR/2012/CR-html5-20121217/document-metadata.html#charset -->
- <meta charset="utf-8">
- <!-- Why no `X-UA-Compatible` meta: https://stackoverflow.com/a/6771584 -->
- <!-- The viewport meta is quite crowded and we are responsible for that.
- See: https://codepen.io/tigt/post/meta-viewport-for-2015 -->
- <meta name="viewport" content="width=device-width,initial-scale=1">
- <!-- Required to make a valid HTML5 document. -->
- <title>
- Publications 2024
- — David Larlet</title>
- <script>
- function toggleTheme(themeName) {
- document.documentElement.classList.toggle(
- 'forced-dark',
- themeName === 'dark'
- )
- document.documentElement.classList.toggle(
- 'forced-light',
- themeName === 'light'
- )
- }
- const selectedTheme = localStorage.getItem('theme')
- if (selectedTheme !== 'undefined') {
- toggleTheme(selectedTheme)
- }
- </script>
- <!-- Documented, feel free to shoot an email. -->
- <link rel="stylesheet" href="/static/david/css/style_2024-03-09.css">
- <!-- See https://www.zachleat.com/web/comprehensive-webfonts/ for the trade-off. -->
- <link rel="preload"
- href="/static/david/css/fonts/century_supra_ot_a_regular.woff2"
- as="font"
- type="font/woff2"
- media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)"
- crossorigin>
- <link rel="preload"
- href="/static/david/css/fonts/century_supra_ot_a_bold.woff2"
- as="font"
- type="font/woff2"
- media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)"
- crossorigin>
- <link rel="preload"
- href="/static/david/css/fonts/century_supra_ot_a_italic.woff2"
- as="font"
- type="font/woff2"
- media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)"
- crossorigin>
- <link rel="preload"
- href="/static/david/css/fonts/century_supra_ot_b_regular.woff2"
- as="font"
- type="font/woff2"
- media="(prefers-color-scheme: dark)"
- crossorigin>
- <link rel="preload"
- href="/static/david/css/fonts/century_supra_ot_b_bold.woff2"
- as="font"
- type="font/woff2"
- media="(prefers-color-scheme: dark)"
- crossorigin>
- <link rel="preload"
- href="/static/david/css/fonts/century_supra_ot_b_italic.woff2"
- as="font"
- type="font/woff2"
- media="(prefers-color-scheme: dark)"
- crossorigin>
- <meta name="description" content="Archives 2024 des publications de David Larlet">
- <!-- That good ol' feed, subscribe :). -->
- <link rel="alternate"
- type="application/atom+xml"
- title="Feed"
- href="/david/log/">
- <!-- Generated from https://realfavicongenerator.net/ such a mess. -->
- <link rel="apple-touch-icon"
- sizes="180x180"
- href="/static/david/icons2/apple-touch-icon.png">
- <link rel="icon"
- type="image/png"
- sizes="32x32"
- href="/static/david/icons2/favicon-32x32.png">
- <link rel="icon"
- type="image/png"
- sizes="16x16"
- href="/static/david/icons2/favicon-16x16.png">
- <link rel="manifest" href="/static/david/icons2/site.webmanifest">
- <link rel="mask-icon"
- href="/static/david/icons2/safari-pinned-tab.svg"
- color="#07486c">
- <link rel="shortcut icon" href="/static/david/icons2/favicon.ico">
- <meta name="msapplication-TileColor" content="#f7f7f7">
- <meta name="msapplication-config"
- content="/static/david/icons2/browserconfig.xml">
- <meta name="theme-color"
- content="#f7f7f7"
- media="(prefers-color-scheme: light)">
- <meta name="theme-color"
- content="#272727"
- media="(prefers-color-scheme: dark)">
- <!-- Is that even respected? Retrospectively? What a shAItshow…
- https://neil-clarke.com/block-the-bots-that-feed-ai-models-by-scraping-your-website/ -->
- <meta name="robots" content="noai, noimageai">
-
- <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" data-no-instant>Recherche</a>
- •
- <a href="/david/log/" title="Accès au flux RSS">Suivre</a>
- </p>
- </nav>
-
- <h2>Janvier 2024</h2>
- <p>
- <a href="/david/2024/01/01/">Dryear(s)</a>,
- <a href="/david/2024/01/02/">Fondations</a>,
- <a href="/david/2024/01/03/">Appariement</a>,
- <a href="/david/2024/01/04/">Repos</a>,
- <a href="/david/2024/01/05/">Vocabulaire</a>,
- <a href="/david/2024/01/06/">Objectif</a>,
- <a href="/david/2024/01/07/">Dons</a>,
- <a href="/david/2024/01/08/">Liens</a>,
- <a href="/david/2024/01/09/">Blessure</a>,
- <a href="/david/2024/01/10/">Écriture</a>,
- <a href="/david/2024/01/11/">Impact</a>,
- <a href="/david/2024/01/12/">Personnel</a>,
- <a href="/david/2024/01/13/">Wuwei</a>,
- <a href="/david/2024/01/14/">Fiction</a>,
- <a href="/david/2024/01/15/">Rééducation</a>,
- <a href="/david/2024/01/16/">Endorphines</a>,
- <a href="/david/2024/01/17/">Vieillesse</a>,
- <a href="/david/2024/01/18/">Open-source</a>,
- <a href="/david/2024/01/19/">Marcher</a>,
- <a href="/david/2024/01/20/">Extinction</a>,
- <a href="/david/2024/01/21/">Bois</a>,
- <a href="/david/2024/01/22/">Légitimité</a>,
- <a href="/david/2024/01/23/">Thèse</a>,
- <a href="/david/2024/01/24/">Taille</a>,
- <a href="/david/2024/01/25/">Stratégie</a>,
- <a href="/david/2024/01/26/">Cargo</a>,
- <a href="/david/2024/01/27/">Jour 1</a>,
- <a href="/david/2024/01/28/">Jour 2</a>,
- <a href="/david/2024/01/29/">Déploiement</a>,
- <a href="/david/2024/01/30/">Équipe</a>,
- <a href="/david/2024/01/31/">Mécénat</a>.
-
- </p>
-
- <h2>Février 2024</h2>
- <p>
- <a href="/david/2024/02/01/">Vision</a>,
- <a href="/david/2024/02/02/">Valeurs</a>,
- <a href="/david/2024/02/03/">Archives</a>,
- <a href="/david/2024/02/04/">Tooltipopover</a>,
- <a href="/david/2024/02/05/">Jeu</a>,
- <a href="/david/2024/02/06/">Anneau</a>,
- <a href="/david/2024/02/07/">Écureuil</a>,
- <a href="/david/2024/02/08/">Écoute</a>,
- <a href="/david/2024/02/09/">Version</a>,
- <a href="/david/2024/02/10/">Validisme</a>,
- <a href="/david/2024/02/11/">Violence</a>,
- <a href="/david/2024/02/12/">Renards</a>,
- <a href="/david/2024/02/13/">Feutrage</a>,
- <a href="/david/2024/02/14/">GéoCodage</a>,
- <a href="/david/2024/02/15/">Licence</a>,
- <a href="/david/2024/02/16/">uMap 2</a>,
- <a href="/david/2024/02/17/">Quotidien</a>,
- <a href="/david/2024/02/18/">In·directions</a>,
- <a href="/david/2024/02/19/">Injection</a>,
- <a href="/david/2024/02/20/">Véhicule</a>,
- <a href="/david/2024/02/21/">Cinéma</a>,
- <a href="/david/2024/02/22/">Responsabilité</a>,
- <a href="/david/2024/02/23/">Préparatifs</a>,
- <a href="/david/2024/02/24/">Jour 1</a>,
- <a href="/david/2024/02/25/">Jour 2</a>,
- <a href="/david/2024/02/26/">Galaxie</a>,
- <a href="/david/2024/02/27/">Rédaction</a>,
- <a href="/david/2024/02/28/">Dérèglement</a>,
- <a href="/david/2024/02/29/">Wikipédia</a>.
-
- </p>
-
- <h2>Mars 2024</h2>
- <p>
- <a href="/david/2024/03/01/">Simple</a>,
- <a href="/david/2024/03/02/">Montre</a>,
- <a href="/david/2024/03/03/">Permanence</a>,
- <a href="/david/2024/03/04/">Jour 1</a>,
- <a href="/david/2024/03/05/">Jour 2</a>,
- <a href="/david/2024/03/06/">Vannerie</a>,
- <a href="/david/2024/03/07/">Sondages</a>,
- <a href="/david/2024/03/08/">Flow</a>,
- <a href="/david/2024/03/09/">Marque</a>,
- <a href="/david/2024/03/10/">Dune</a>,
- <a href="/david/2024/03/11/">LoginWall</a>,
- <a href="/david/2024/03/12/">Surligner</a>,
- <a href="/david/2024/03/13/">Sérendipité</a>,
- <a href="/david/2024/03/14/">Montre 2</a>,
- <a href="/david/2024/03/16/">Descriptions</a>,
- <a href="/david/2024/03/18/">Casquettes</a>,
- <a href="/david/2024/03/19/">Excitation</a>,
- <a href="/david/2024/03/20/">PageCrypt</a>,
- <a href="/david/2024/03/21/">Fourchette</a>,
- <a href="/david/2024/03/23/">Intendant</a>,
- <a href="/david/2024/03/24/">Cage</a>,
- <a href="/david/2024/03/25/">Inclusion</a>,
- <a href="/david/2024/03/26/">GPX Viewer</a>,
- <a href="/david/2024/03/28/">Collectif</a>,
- <a href="/david/2024/03/29/">Jour 1</a>,
- <a href="/david/2024/03/30/">Jour 2</a>.
-
- </p>
-
- <h2>Avril 2024</h2>
- <p>
- <a href="/david/2024/04/02/">Porte</a>.
-
- </p>
-
-
- <h2 id="tags">Par tags</h2>
- <p>
- <a href="/david/2024/accessibilite/" rel="tag">#accessibilité (3)</a>,
- <a href="/david/2024/accompagnement/" rel="tag">#accompagnement (2)</a>,
- <a href="/david/2024/adaptation/" rel="tag">#adaptation (3)</a>,
- <a href="/david/2024/addiction/" rel="tag">#addiction (5)</a>,
- <a href="/david/2024/apprentissage/" rel="tag">#apprentissage (16)</a>,
- <a href="/david/2024/aventure/" rel="tag">#aventure (4)</a>,
- <a href="/david/2024/cinema/" rel="tag">#cinéma (1)</a>,
- <a href="/david/2024/commun/" rel="tag">#commun (11)</a>,
- <a href="/david/2024/communaute/" rel="tag">#communauté (6)</a>,
- <a href="/david/2024/courage/" rel="tag">#courage (1)</a>,
- <a href="/david/2024/decentralisation/" rel="tag">#décentralisation (1)</a>,
- <a href="/david/2024/deception/" rel="tag">#déception (3)</a>,
- <a href="/david/2024/decision/" rel="tag">#décision (8)</a>,
- <a href="/david/2024/dependance/" rel="tag">#dépendance (8)</a>,
- <a href="/david/2024/documentation/" rel="tag">#documentation (2)</a>,
- <a href="/david/2024/dystopie/" rel="tag">#dystopie (3)</a>,
- <a href="/david/2024/echanges/" rel="tag">#échanges (5)</a>,
- <a href="/david/2024/ecriture/" rel="tag">#écriture (8)</a>,
- <a href="/david/2024/enthousiasme/" rel="tag">#enthousiasme (2)</a>,
- <a href="/david/2024/equipe/" rel="tag">#équipe (8)</a>,
- <a href="/david/2024/evolution/" rel="tag">#évolution (9)</a>,
- <a href="/david/2024/experience/" rel="tag">#expérience (14)</a>,
- <a href="/david/2024/fediverse/" rel="tag">#fédiverse (1)</a>,
- <a href="/david/2024/foret/" rel="tag">#forêt (9)</a>,
- <a href="/david/2024/gratitude/" rel="tag">#gratitude (3)</a>,
- <a href="/david/2024/ia/" rel="tag">#IA (3)</a>,
- <a href="/david/2024/identite/" rel="tag">#identité (1)</a>,
- <a href="/david/2024/laboratoire/" rel="tag">#laboratoire (4)</a>,
- <a href="/david/2024/lecture/" rel="tag">#lecture (5)</a>,
- <a href="/david/2024/liens/" rel="tag">#liens (1)</a>,
- <a href="/david/2024/opendata/" rel="tag">#opendata (1)</a>,
- <a href="/david/2024/opensource/" rel="tag">#opensource (10)</a>,
- <a href="/david/2024/parentalite/" rel="tag">#parentalité (5)</a>,
- <a href="/david/2024/partage/" rel="tag">#partage (9)</a>,
- <a href="/david/2024/parvenir/" rel="tag">#parvenir (3)</a>,
- <a href="/david/2024/photographie/" rel="tag">#photographie (2)</a>,
- <a href="/david/2024/poesie/" rel="tag">#poésie (3)</a>,
- <a href="/david/2024/processus/" rel="tag">#processus (10)</a>,
- <a href="/david/2024/propriete/" rel="tag">#propriété (1)</a>,
- <a href="/david/2024/protopie/" rel="tag">#protopie (9)</a>,
- <a href="/david/2024/psychologie/" rel="tag">#psychologie (11)</a>,
- <a href="/david/2024/solastalgia/" rel="tag">#solastalgia (5)</a>,
- <a href="/david/2024/sport/" rel="tag">#sport (6)</a>,
- <a href="/david/2024/technique/" rel="tag">#technique (21)</a>,
- <a href="/david/2024/velo/" rel="tag">#vélo (1)</a>,
- <a href="/david/2024/web/" rel="tag">#web (14)</a>.
-
- </p>
-
-
-
- <form action="/david/recherche/" method="get">
- <fieldset>
- <legend>Recherche</legend>
- <label for="input-search">Termes de votre recherche :</label>
- <input id="input-search" type="search" name="s" aria-describedby="indexation-infos" required>
- <input type="submit" value="Chercher">
- <p id="indexation-infos">
- <small>
- Seuls les contenus de ces 8 dernières années sont indexés.
- </small>
- </p>
- </fieldset>
- </form>
-
- <aside>
- <theme-toggle></theme-toggle>
- </aside>
- </article>
- <hr>
- <footer>
- <p>
- <a href="/david/" title="Aller à l’accueil">Accueil</a>
- •
- <a href="/david/log/" title="Accès au flux RSS">Suivre</a>
- •
- <a href="http://larlet.com"
- title="Go to my English profile"
- data-instant>Pro</a>
- •
- <a href="mailto:david%40larlet.fr" title="Envoyer un courriel">Email</a>
- •
- <abbr title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340">Légal</abbr>
- </p>
- <template id="theme-selector">
- <form>
- <style type="text/css">
- fieldset div {
- text-align: center;
- }
- </style>
- <fieldset>
- <legend>Thème</legend>
- <div>
- <label>
- <input type="radio" value="auto" name="chosen-color-scheme" checked>
- Auto
- </label>
- <label>
- <input type="radio" value="dark" name="chosen-color-scheme">
- Foncé
- </label>
- <label>
- <input type="radio" value="light" name="chosen-color-scheme">
- Clair
- </label>
- </div>
- </fieldset>
- </form>
- </template>
- </footer>
- <script src="/static/david/js/instantpage-5.1.0.min.js" type="module"></script>
- <script>
- class ThemeToggle extends HTMLElement {
- constructor() {
- super()
- const themeSelectorTemplate = document.querySelector('#theme-selector')
- const form = themeSelectorTemplate.content.firstElementChild
- this.attachShadow({ mode: 'open' })
- this.shadowRoot.appendChild(form.cloneNode(true))
- }
-
- connectedCallback() {
- const form = this.shadowRoot.querySelector('form')
- form.addEventListener('change', (e) => {
- const chosenColorScheme = e.target.value
- localStorage.setItem('theme', chosenColorScheme)
- toggleTheme(chosenColorScheme)
- })
-
- const selectedTheme = localStorage.getItem('theme')
- if (selectedTheme && selectedTheme !== 'undefined') {
- form.querySelector(`[value="${selectedTheme}"]`).checked = true
- }
- }
- }
-
- const prefersColorSchemeDark = '(prefers-color-scheme: dark)'
- window.addEventListener('load', () => {
- let colorsLayer = undefined
- let hasDarkRules = false
- for (const styleSheet of Array.from(document.styleSheets)) {
- let mediaRules = []
- for (const layerRule of styleSheet.cssRules) {
- if (!(layerRule instanceof CSSLayerBlockRule)) {
- continue
- }
- if (layerRule.name === 'colors') {
- colorsLayer = layerRule
- }
- for (const cssRule of layerRule.cssRules) {
- if (cssRule.type !== CSSRule.MEDIA_RULE) {
- continue
- }
- // WARNING: Safari does not have/supports `conditionText`.
- if (cssRule.conditionText) {
- if (cssRule.conditionText !== prefersColorSchemeDark) {
- continue
- }
- } else {
- if (cssRule.cssText.startsWith(prefersColorSchemeDark)) {
- continue
- }
- }
- mediaRules = mediaRules.concat(Array.from(cssRule.cssRules))
- }
- }
-
- // WARNING: do not try to insert a Rule to a styleSheet you are
- // currently iterating on, otherwise the browser will be stuck
- // in a infinite loop…
- for (const mediaRule of mediaRules) {
- // Safari requires the `0` second parameter (even if default).
- colorsLayer.insertRule(mediaRule.cssText, 0)
- hasDarkRules = true
- }
- }
-
- if (hasDarkRules) {
- if ('customElements' in window && !customElements.get('theme-toggle')) {
- customElements.define('theme-toggle', ThemeToggle)
- }
- }
- })
- </script>
-
- </body>
- </html>
|