|
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572 |
- <!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>Accueil — David Larlet</title>
- <meta name="description" content="Voici l’espace personnel de David Larlet sur le Web.">
- <!-- That good ol' feed, subscribe :). -->
- <link rel="alternate" type="application/atom+xml" title="Feed" href="/david/log/">
- <!-- Generated from https://realfavicongenerator.net/ such a mess. -->
- <link rel="apple-touch-icon" sizes="180x180" href="/static/david/icons2/apple-touch-icon.png">
- <link rel="icon" type="image/png" sizes="32x32" href="/static/david/icons2/favicon-32x32.png">
- <link rel="icon" type="image/png" sizes="16x16" href="/static/david/icons2/favicon-16x16.png">
- <link rel="manifest" href="/static/david/icons2/site.webmanifest">
- <link rel="mask-icon" href="/static/david/icons2/safari-pinned-tab.svg" color="#07486c">
- <link rel="shortcut icon" href="/static/david/icons2/favicon.ico">
- <meta name="msapplication-TileColor" content="#f7f7f7">
- <meta name="msapplication-config" content="/static/david/icons2/browserconfig.xml">
- <meta name="theme-color" content="#f7f7f7" media="(prefers-color-scheme: light)">
- <meta name="theme-color" content="#272727" media="(prefers-color-scheme: dark)">
- <!-- Documented, feel free to shoot an email. -->
- <link rel="stylesheet" href="/static/david/css/style_2021-01-20.css">
- <!-- See https://www.zachleat.com/web/comprehensive-webfonts/ for the trade-off. -->
- <link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_regular.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin>
- <link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_bold.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin>
- <link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_italic.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin>
- <link rel="preload" href="/static/david/css/fonts/triplicate_t3_regular.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin>
- <link rel="preload" href="/static/david/css/fonts/triplicate_t3_bold.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin>
- <link rel="preload" href="/static/david/css/fonts/triplicate_t3_italic.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin>
- <script>
- function toggleTheme(themeName) {
- document.documentElement.classList.toggle(
- 'forced-dark',
- themeName === 'dark'
- )
- document.documentElement.classList.toggle(
- 'forced-light',
- themeName === 'light'
- )
- }
- const selectedTheme = localStorage.getItem('theme')
- if (selectedTheme !== 'undefined') {
- toggleTheme(selectedTheme)
- }
- </script>
-
- <body class="remarkdown h1-underline h2-underline h3-underline em-underscore hr-center ul-star pre-tick" data-instant-intensity="viewport-all">
-
-
- <article>
- <header>
- <h1>Bienvenue</h1>
- </header>
- <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 récentes</h2>
-
- <nav>
-
- <h3>Novembre 2021</h3>
- <p>
- <a href="/david/2021/11/01/">Inaccessible</a>,
- <a href="/david/2021/11/02/">Réflexion</a>,
- <a href="/david/2021/11/03/">Composants</a>,
- <a href="/david/2021/11/05/">Palimpseste</a>,
- <a href="/david/2021/11/06/">Client</a>.
-
- </p>
-
- <h3>Octobre 2021</h3>
- <p>
- <a href="/david/2021/10/01/">Stratégie</a>,
- <a href="/david/2021/10/02/">Redesign</a>,
- <a href="/david/2021/10/03/">Justesse</a>,
- <a href="/david/2021/10/05/">Conférences 2</a>,
- <a href="/david/2021/10/06/">Promotion</a>,
- <a href="/david/2021/10/07/">Consigner</a>,
- <a href="/david/2021/10/09/">Slowgrégateur</a>,
- <a href="/david/2021/10/10/">Jour 1</a>,
- <a href="/david/2021/10/11/">Jour 2</a>,
- <a href="/david/2021/10/13/">Prodiverse</a>,
- <a href="/david/2021/10/14/">Carrière</a>,
- <a href="/david/2021/10/15/">Engagement</a>,
- <a href="/david/2021/10/16/">Situation</a>,
- <a href="/david/2021/10/17/">Ét(ec)h(n)ique</a>,
- <a href="/david/2021/10/18/">Dune</a>,
- <a href="/david/2021/10/19/">Lecteur d’écran</a>,
- <a href="/david/2021/10/20/">RSSexploration</a>,
- <a href="/david/2021/10/21/">Perspectives</a>,
- <a href="/david/2021/10/22/">Astronaute</a>,
- <a href="/david/2021/10/24/">Représentation</a>,
- <a href="/david/2021/10/25/">Transformatrice</a>,
- <a href="/david/2021/10/26/">Complicité</a>,
- <a href="/david/2021/10/28/">Lâcheté</a>,
- <a href="/david/2021/10/29/">Vélocité</a>,
- <a href="/david/2021/10/30/">Cobayes</a>.
-
- </p>
-
- <h3>Septembre 2021</h3>
- <p>
- <a href="/david/2021/09/01/">Rentrée</a>,
- <a href="/david/2021/09/02/">Équipes</a>,
- <a href="/david/2021/09/03/">Pouvoir</a>,
- <a href="/david/2021/09/04/">Suspension</a>,
- <a href="/david/2021/09/05/">Silence</a>,
- <a href="/david/2021/09/06/">Ours</a>,
- <a href="/david/2021/09/07/">Frank</a>,
- <a href="/david/2021/09/09/">Documentation</a>,
- <a href="/david/2021/09/10/">Injustice</a>,
- <a href="/david/2021/09/11/">Vengeance</a>,
- <a href="/david/2021/09/13/">Démission</a>,
- <a href="/david/2021/09/14/">Lutte</a>,
- <a href="/david/2021/09/15/">Héritage</a>,
- <a href="/david/2021/09/16/">Analphabète</a>,
- <a href="/david/2021/09/19/">Jour 1</a>,
- <a href="/david/2021/09/20/">Jour 2</a>,
- <a href="/david/2021/09/21/">Jour 3</a>,
- <a href="/david/2021/09/22/">Introduction</a>,
- <a href="/david/2021/09/23/">Dossier</a>,
- <a href="/david/2021/09/24/">Militantisme</a>,
- <a href="/david/2021/09/25/">Atelier</a>,
- <a href="/david/2021/09/28/">Paranoïa</a>,
- <a href="/david/2021/09/29/">Lenteur</a>.
-
- </p>
-
- <h3>Août 2021</h3>
- <p>
- <a href="/david/2021/08/08/">Vacance</a>,
- <a href="/david/2021/08/09/">Support</a>,
- <a href="/david/2021/08/10/">HTTPSadness</a>,
- <a href="/david/2021/08/11/">Pré-requis</a>,
- <a href="/david/2021/08/12/">Musique</a>,
- <a href="/david/2021/08/13/">Tests payants</a>,
- <a href="/david/2021/08/14/">Animalière</a>,
- <a href="/david/2021/08/15/">B(r)ouillon</a>,
- <a href="/david/2021/08/16/">Jour 1</a>,
- <a href="/david/2021/08/17/">Jour 2</a>,
- <a href="/david/2021/08/18/">Lettres</a>,
- <a href="/david/2021/08/19/">Définition</a>,
- <a href="/david/2021/08/21/">Électrique</a>,
- <a href="/david/2021/08/22/">Allemansrätten</a>,
- <a href="/david/2021/08/23/">Olympique</a>,
- <a href="/david/2021/08/24/">Jour 1</a>,
- <a href="/david/2021/08/25/">Jour 2</a>,
- <a href="/david/2021/08/26/">Ambivalence</a>,
- <a href="/david/2021/08/27/">Médaille</a>,
- <a href="/david/2021/08/28/">Copie(s)</a>,
- <a href="/david/2021/08/29/">Artistes</a>,
- <a href="/david/2021/08/30/">Elfes</a>,
- <a href="/david/2021/08/31/">Abstraction</a>.
-
- </p>
-
- <h3>Juillet 2021</h3>
- <p>
- <a href="/david/2021/07/01/">Connexionisme</a>,
- <a href="/david/2021/07/02/">Parisianisme</a>,
- <a href="/david/2021/07/03/">Orthographisme</a>,
- <a href="/david/2021/07/05/">Ano(r)malisme</a>,
- <a href="/david/2021/07/06/">Bloguisme</a>,
- <a href="/david/2021/07/08/">Copilot</a>,
- <a href="/david/2021/07/09/">Balle</a>,
- <a href="/david/2021/07/10/">Eau virtuelle</a>,
- <a href="/david/2021/07/11/">Lebensraum</a>,
- <a href="/david/2021/07/12/">Blame</a>,
- <a href="/david/2021/07/13/">ActivityStreams</a>,
- <a href="/david/2021/07/14/">Livre ouvert</a>,
- <a href="/david/2021/07/15/">Nocturne</a>,
- <a href="/david/2021/07/16/">Char</a>,
- <a href="/david/2021/07/17/">Long terme</a>,
- <a href="/david/2021/07/18/">Sachance</a>,
- <a href="/david/2021/07/19/">Jour 1</a>,
- <a href="/david/2021/07/20/">Jour 2</a>,
- <a href="/david/2021/07/21/">Espoir</a>,
- <a href="/david/2021/07/22/">Vol d’eau</a>,
- <a href="/david/2021/07/23/">Ozone</a>,
- <a href="/david/2021/07/25/">Dé·mont(r)age</a>,
- <a href="/david/2021/07/26/">Dose 2</a>,
- <a href="/david/2021/07/27/">Évasion</a>,
- <a href="/david/2021/07/28/">CarbEAUne</a>,
- <a href="/david/2021/07/29/">Mobilaine</a>,
- <a href="/david/2021/07/30/">Poignée</a>.
-
- </p>
-
- <h3>Juin 2021</h3>
- <p>
- <a href="/david/2021/06/01/">Pédagogie</a>,
- <a href="/david/2021/06/02/">Percolation</a>,
- <a href="/david/2021/06/03/">Flux lisibles</a>,
- <a href="/david/2021/06/04/">Lâche(r-prise)</a>,
- <a href="/david/2021/06/05/">Incarnation</a>,
- <a href="/david/2021/06/06/">Abonnement</a>,
- <a href="/david/2021/06/07/">Anxiété</a>,
- <a href="/david/2021/06/08/">Sens</a>,
- <a href="/david/2021/06/09/">Parenthèse</a>,
- <a href="/david/2021/06/10/">Co-écriture</a>,
- <a href="/david/2021/06/11/">Anti</a>,
- <a href="/david/2021/06/12/">Masque</a>,
- <a href="/david/2021/06/13/">Constructivisme</a>,
- <a href="/david/2021/06/14/">Manquer</a>,
- <a href="/david/2021/06/15/">Avihonte</a>,
- <a href="/david/2021/06/16/">Trans</a>,
- <a href="/david/2021/06/17/">API statique</a>,
- <a href="/david/2021/06/18/">Inutile</a>,
- <a href="/david/2021/06/19/">Échecs</a>,
- <a href="/david/2021/06/20/">Contribution</a>,
- <a href="/david/2021/06/21/">Voûte</a>,
- <a href="/david/2021/06/22/">Argent</a>,
- <a href="/david/2021/06/23/">FullStack</a>,
- <a href="/david/2021/06/24/">Long terme</a>,
- <a href="/david/2021/06/25/">Données</a>,
- <a href="/david/2021/06/26/">Hybris</a>,
- <a href="/david/2021/06/27/">Sécheresse</a>,
- <a href="/david/2021/06/28/">Bin-hômme</a>,
- <a href="/david/2021/06/29/">OK</a>,
- <a href="/david/2021/06/30/">Six mois</a>.
-
- </p>
-
- <h3>Mai 2021</h3>
- <p>
- <a href="/david/2021/05/03/">Pop culture</a>,
- <a href="/david/2021/05/04/">Touriste</a>,
- <a href="/david/2021/05/05/">Accessibilité</a>,
- <a href="/david/2021/05/06/">Jour 1</a>,
- <a href="/david/2021/05/07/">Jour 2</a>,
- <a href="/david/2021/05/08/">Étoiles</a>,
- <a href="/david/2021/05/09/">Reflets</a>,
- <a href="/david/2021/05/10/">Résilience</a>,
- <a href="/david/2021/05/11/">Paradigme</a>,
- <a href="/david/2021/05/12/">Propriétaires</a>,
- <a href="/david/2021/05/13/">Obsolescence chiffrée</a>,
- <a href="/david/2021/05/14/">Jour 1</a>,
- <a href="/david/2021/05/15/">Inquiétude</a>,
- <a href="/david/2021/05/16/">Aération</a>,
- <a href="/david/2021/05/17/">Empreinte</a>,
- <a href="/david/2021/05/18/">Immunité</a>,
- <a href="/david/2021/05/19/">Regroupement</a>,
- <a href="/david/2021/05/20/">Carbone & Silicium</a>,
- <a href="/david/2021/05/21/">Voiture espion</a>,
- <a href="/david/2021/05/22/">Fardeau</a>,
- <a href="/david/2021/05/23/">Homophobie</a>,
- <a href="/david/2021/05/24/">Dose 1</a>,
- <a href="/david/2021/05/25/">Mérite</a>,
- <a href="/david/2021/05/26/">Follow</a>,
- <a href="/david/2021/05/27/">Craftsman</a>,
- <a href="/david/2021/05/28/">Curriculum chain</a>,
- <a href="/david/2021/05/30/">Infanticide</a>,
- <a href="/david/2021/05/31/">Design accessible</a>.
-
- </p>
-
- <h3>Avril 2021</h3>
- <p>
- <a href="/david/2021/04/03/">Bernaches</a>,
- <a href="/david/2021/04/04/">Échappatoire</a>,
- <a href="/david/2021/04/05/">Honte</a>,
- <a href="/david/2021/04/06/">Antilivre</a>,
- <a href="/david/2021/04/08/">NetNewsWire</a>,
- <a href="/david/2021/04/09/">Maximiser</a>,
- <a href="/david/2021/04/10/">Autrement</a>,
- <a href="/david/2021/04/11/">Apocalypse</a>,
- <a href="/david/2021/04/12/">Alcool</a>,
- <a href="/david/2021/04/13/">Nonnes</a>,
- <a href="/david/2021/04/14/">Trending</a>,
- <a href="/david/2021/04/15/">Dark mode</a>,
- <a href="/david/2021/04/16/">Jour 1</a>,
- <a href="/david/2021/04/17/">Jour 2</a>,
- <a href="/david/2021/04/18/">Jour 3</a>,
- <a href="/david/2021/04/19/">Conversions</a>,
- <a href="/david/2021/04/20/">Remote</a>,
- <a href="/david/2021/04/21/">Montage</a>,
- <a href="/david/2021/04/22/">Vacances</a>,
- <a href="/david/2021/04/23/">Contemplation</a>,
- <a href="/david/2021/04/24/">Répartie</a>,
- <a href="/david/2021/04/25/">Complot</a>,
- <a href="/david/2021/04/26/">Mourir</a>,
- <a href="/david/2021/04/27/">Cheminement</a>,
- <a href="/david/2021/04/28/">Politique</a>,
- <a href="/david/2021/04/29/">Coût</a>,
- <a href="/david/2021/04/30/">Produit</a>.
-
- </p>
-
- <h3>Mars 2021</h3>
- <p>
- <a href="/david/2021/03/01/">Responsabilité</a>,
- <a href="/david/2021/03/02/">Dépression</a>,
- <a href="/david/2021/03/03/">Vivre avec</a>,
- <a href="/david/2021/03/04/">HTML-over-WebSockets</a>,
- <a href="/david/2021/03/05/">Grand Nord</a>,
- <a href="/david/2021/03/06/">Pistage</a>,
- <a href="/david/2021/03/07/">@World</a>,
- <a href="/david/2021/03/08/">Vie</a>,
- <a href="/david/2021/03/09/">Fun</a>,
- <a href="/david/2021/03/11/">Héros</a>,
- <a href="/david/2021/03/12/">Forêt</a>,
- <a href="/david/2021/03/13/">In·dépendance</a>,
- <a href="/david/2021/03/14/">Impôts</a>,
- <a href="/david/2021/03/15/">Partage</a>,
- <a href="/david/2021/03/16/">Confort</a>,
- <a href="/david/2021/03/17/">Arrivant·es</a>,
- <a href="/david/2021/03/18/">Fatigue</a>,
- <a href="/david/2021/03/19/">Support</a>,
- <a href="/david/2021/03/20/">Manuel</a>,
- <a href="/david/2021/03/21/">Gimbal</a>,
- <a href="/david/2021/03/22/">JavaScript-less</a>,
- <a href="/david/2021/03/23/">Recrutement</a>,
- <a href="/david/2021/03/24/">Rareté</a>,
- <a href="/david/2021/03/25/">Sponsor</a>,
- <a href="/david/2021/03/26/">Stimulant</a>,
- <a href="/david/2021/03/27/">Immersion</a>,
- <a href="/david/2021/03/28/">Smolstack</a>,
- <a href="/david/2021/03/29/">Évaluation</a>,
- <a href="/david/2021/03/30/">Timelapse</a>,
- <a href="/david/2021/03/31/">Formes</a>.
-
- </p>
-
- <h3>Février 2021</h3>
- <p>
- <a href="/david/2021/02/01/">Software</a>,
- <a href="/david/2021/02/02/">Complexité</a>,
- <a href="/david/2021/02/03/">Consentement</a>,
- <a href="/david/2021/02/04/">Chance</a>,
- <a href="/david/2021/02/05/">Réparation</a>,
- <a href="/david/2021/02/06/">Dystopie</a>,
- <a href="/david/2021/02/07/">Ostentatoire</a>,
- <a href="/david/2021/02/08/">Niveaux</a>,
- <a href="/david/2021/02/09/">Calme</a>,
- <a href="/david/2021/02/10/">Retraite</a>,
- <a href="/david/2021/02/11/">Nucléaire</a>,
- <a href="/david/2021/02/12/">Beauté</a>,
- <a href="/david/2021/02/14/">Bibliothèque</a>,
- <a href="/david/2021/02/15/">Comptabilité</a>,
- <a href="/david/2021/02/16/">Éponge</a>,
- <a href="/david/2021/02/18/">Castors</a>,
- <a href="/david/2021/02/19/">Optimisation</a>,
- <a href="/david/2021/02/20/">Apaisement</a>,
- <a href="/david/2021/02/21/">Jour 1</a>,
- <a href="/david/2021/02/22/">Jour 2</a>,
- <a href="/david/2021/02/23/">Montage</a>,
- <a href="/david/2021/02/24/">Précipitation</a>,
- <a href="/david/2021/02/25/">Stabilisation</a>,
- <a href="/david/2021/02/26/">Disponibilité</a>,
- <a href="/david/2021/02/27/">Culpabilité</a>,
- <a href="/david/2021/02/28/">Constance</a>.
-
- </p>
-
- <h3>Janvier 2021</h3>
- <p>
- <a href="/david/2021/01/01/">PresQuotidien</a>,
- <a href="/david/2021/01/02/">Gentrification climatique</a>,
- <a href="/david/2021/01/03/">Vaccina(c)tion</a>,
- <a href="/david/2021/01/04/">Webing-lists</a>,
- <a href="/david/2021/01/05/">Statu quo</a>,
- <a href="/david/2021/01/06/">Clown d’État</a>,
- <a href="/david/2021/01/07/">Blancheur</a>,
- <a href="/david/2021/01/08/">Holisme écologique</a>,
- <a href="/david/2021/01/09/">Science-F(r)iction</a>,
- <a href="/david/2021/01/10/">Biologeek</a>,
- <a href="/david/2021/01/11/">Marche ou trêve</a>,
- <a href="/david/2021/01/13/">Long terme</a>,
- <a href="/david/2021/01/14/">Parler</a>,
- <a href="/david/2021/01/15/">Artfevre</a>,
- <a href="/david/2021/01/16/">Bouc émissaire</a>,
- <a href="/david/2021/01/17/">Finesse</a>,
- <a href="/david/2021/01/18/">Textcasts</a>,
- <a href="/david/2021/01/19/">Chaîne de capture</a>,
- <a href="/david/2021/01/20/">Adaptation</a>,
- <a href="/david/2021/01/21/">Questionnements</a>,
- <a href="/david/2021/01/22/">Tentation</a>,
- <a href="/david/2021/01/23/">Gratitude</a>,
- <a href="/david/2021/01/24/">Négativité</a>,
- <a href="/david/2021/01/25/">Valeurs</a>,
- <a href="/david/2021/01/26/">Conférences</a>,
- <a href="/david/2021/01/27/">Choix</a>,
- <a href="/david/2021/01/29/">Routine</a>,
- <a href="/david/2021/01/30/">Recommandations</a>,
- <a href="/david/2021/01/31/">Meta</a>.
-
- </p>
-
- </nav>
-
- <h2>Publications 2020</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>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. Si vous souhaitez correspondre de manière chiffrée, voici <a href="/static/david/david-larlet-pgp-public-key-1359EA98.asc" title="Clé publique de chiffrement">ma clé publique</a>.
- </p>
- </article>
-
-
- <hr>
-
- <footer>
- <p>
- <a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home">
- <use xlink:href="/static/david/icons2/symbol-defs.svg#icon-home"></use>
- </svg> Accueil</a> •
- <a href="/david/log/" title="Accès au flux RSS"><svg class="icon icon-rss2">
- <use xlink:href="/static/david/icons2/symbol-defs.svg#icon-rss2"></use>
- </svg> Suivre</a> •
- <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.svg#icon-user-tie"></use>
- </svg> Pro</a> •
- <a href="mailto:david%40larlet.fr" title="Envoyer un courriel"><svg class="icon icon-mail">
- <use xlink:href="/static/david/icons2/symbol-defs.svg#icon-mail"></use>
- </svg> Email</a> •
- <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.svg#icon-hammer2"></use>
- </svg> Légal</abbr>
- </p>
- <template id="theme-selector">
- <form>
- <fieldset>
- <legend><svg class="icon icon-brightness-contrast">
- <use xlink:href="/static/david/icons2/symbol-defs.svg#icon-brightness-contrast"></use>
- </svg> Thème</legend>
- <label>
- <input type="radio" value="auto" name="chosen-color-scheme" checked> Auto
- </label>
- <label>
- <input type="radio" value="dark" name="chosen-color-scheme"> Foncé
- </label>
- <label>
- <input type="radio" value="light" name="chosen-color-scheme"> Clair
- </label>
- </fieldset>
- </form>
- </template>
- </footer>
- <script src="/static/david/js/instantpage-5.1.0.min.js" type="module"></script>
- <script>
- function loadThemeForm(templateName) {
- const themeSelectorTemplate = document.querySelector(templateName)
- const form = themeSelectorTemplate.content.firstElementChild
- themeSelectorTemplate.replaceWith(form)
-
- form.addEventListener('change', (e) => {
- const chosenColorScheme = e.target.value
- localStorage.setItem('theme', chosenColorScheme)
- toggleTheme(chosenColorScheme)
- })
-
- const selectedTheme = localStorage.getItem('theme')
- if (selectedTheme && selectedTheme !== 'undefined') {
- form.querySelector(`[value="${selectedTheme}"]`).checked = true
- }
- }
-
- const prefersColorSchemeDark = '(prefers-color-scheme: dark)'
- window.addEventListener('load', () => {
- let hasDarkRules = false
- for (const styleSheet of Array.from(document.styleSheets)) {
- let mediaRules = []
- for (const cssRule of styleSheet.cssRules) {
- if (cssRule.type !== CSSRule.MEDIA_RULE) {
- continue
- }
- // WARNING: Safari does not have/supports `conditionText`.
- if (cssRule.conditionText) {
- if (cssRule.conditionText !== prefersColorSchemeDark) {
- continue
- }
- } else {
- if (cssRule.cssText.startsWith(prefersColorSchemeDark)) {
- continue
- }
- }
- mediaRules = mediaRules.concat(Array.from(cssRule.cssRules))
- }
-
- // WARNING: do not try to insert a Rule to a styleSheet you are
- // currently iterating on, otherwise the browser will be stuck
- // in a infinite loop…
- for (const mediaRule of mediaRules) {
- styleSheet.insertRule(mediaRule.cssText)
- hasDarkRules = true
- }
- }
- if (hasDarkRules) {
- loadThemeForm('#theme-selector')
- }
- })
- </script>
- </body>
- </html>
|