@@ -152,6 +152,10 @@ | |||
title="Aller à la page de recherche" | |||
rel="search" data-no-instant>Recherche</a> | |||
• <a rel="next" | |||
href="/david/2024/04/23/" | |||
title="Publication suivante : 42">Suivant →</a> | |||
</p> | |||
</nav> | |||
@@ -257,6 +261,10 @@ | |||
<a href="/david/2024/" title="Liste des publications récentes">↑ En 2024</a> | |||
• <a rel="next" | |||
href="/david/2024/04/23/" | |||
title="Publication suivante : 42">Suivant →</a> | |||
</p> | |||
</nav> | |||
@@ -0,0 +1,381 @@ | |||
<!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> | |||
42 | |||
— 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="Je me sens encore en vie, acceptant de ne pas avoir toutes les réponses."> | |||
<!-- That good ol' feed, subscribe :). --> | |||
<link rel="alternate" | |||
type="application/atom+xml" | |||
title="Feed" | |||
href="/david/log/"> | |||
<!-- Generated from https://realfavicongenerator.net/ such a mess. --> | |||
<link rel="apple-touch-icon" | |||
sizes="180x180" | |||
href="/static/david/icons2/apple-touch-icon.png"> | |||
<link rel="icon" | |||
type="image/png" | |||
sizes="32x32" | |||
href="/static/david/icons2/favicon-32x32.png"> | |||
<link rel="icon" | |||
type="image/png" | |||
sizes="16x16" | |||
href="/static/david/icons2/favicon-16x16.png"> | |||
<link rel="manifest" href="/static/david/icons2/site.webmanifest"> | |||
<link rel="mask-icon" | |||
href="/static/david/icons2/safari-pinned-tab.svg" | |||
color="#07486c"> | |||
<link rel="shortcut icon" href="/static/david/icons2/favicon.ico"> | |||
<meta name="msapplication-TileColor" content="#f7f7f7"> | |||
<meta name="msapplication-config" | |||
content="/static/david/icons2/browserconfig.xml"> | |||
<meta name="theme-color" | |||
content="#f7f7f7" | |||
media="(prefers-color-scheme: light)"> | |||
<meta name="theme-color" | |||
content="#272727" | |||
media="(prefers-color-scheme: dark)"> | |||
<!-- Is that even respected? Retrospectively? What a shAItshow… | |||
https://neil-clarke.com/block-the-bots-that-feed-ai-models-by-scraping-your-website/ --> | |||
<meta name="robots" content="noai, noimageai"> | |||
<style type="text/css"> | |||
.tippy-content { | |||
min-width: 280px; | |||
padding: .5rem; | |||
font-size: calc(var(--fluid-0) * 0.8); | |||
font-family: var(--labor-font); | |||
letter-spacing: initial; | |||
text-align: left; | |||
} | |||
.tippy-content h3 { | |||
margin-top: 0; | |||
} | |||
.tippy-content h3 img { | |||
max-width: 2rem; | |||
max-height: 2rem; | |||
display: inline-block; | |||
} | |||
.tippy-content .tippy-links { | |||
display: flex; | |||
justify-content: space-around; | |||
} | |||
.tippy-content a { | |||
padding: .4rem; | |||
color: #F06048; | |||
} | |||
</style> | |||
<body data-instant-intensity="viewport-all"> | |||
<article> | |||
<header> | |||
<hgroup> | |||
<h1>42</h1> | |||
<p>Le <time datetime="2024-04-23">23 avril 2024</time></p> | |||
</hgroup> | |||
</header> | |||
<nav> | |||
<p> | |||
<a rel="prev" | |||
href="/david/2024/04/22/" | |||
title="Publication précédente : Alimentation">← Précédent</a> • | |||
<a href="/david/" title="Aller à l’accueil" rel="up">Accueil</a> | |||
• | |||
<a href="/david/recherche/" | |||
title="Aller à la page de recherche" | |||
rel="search" data-no-instant>Recherche</a> | |||
</p> | |||
</nav> | |||
<p>Je me sens encore en vie, acceptant de ne pas avoir toutes les réponses.</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/gratitude/" | |||
title="Liste de tous les articles 2024 associés à cette étiquette" | |||
rel="tag">#gratitude</a> | |||
<a href="/david/2024/introspection/" | |||
title="Liste de tous les articles 2024 associés à cette étiquette" | |||
rel="tag">#introspection</a> | |||
<a href="/david/2024/#tags" title="Liste de toutes les étiquettes 2024">tous ?</a> | |||
</p> | |||
</nav> | |||
<nav> | |||
<p> | |||
<a rel="prev" | |||
href="/david/2024/04/22/" | |||
title="Publication précédente : Alimentation">← Précédent</a> • | |||
<a href="/david/2024/" title="Liste des publications récentes">↑ En 2024</a> | |||
</p> | |||
</nav> | |||
<form action="/david/recherche/" method="get"> | |||
<fieldset> | |||
<legend>Recherche</legend> | |||
<label for="input-search">Termes de votre recherche :</label> | |||
<input id="input-search" type="search" name="s" aria-describedby="indexation-infos" required> | |||
<input type="submit" value="Chercher"> | |||
<p id="indexation-infos"> | |||
<small> | |||
Seuls les contenus de ces 8 dernières années sont indexés. | |||
</small> | |||
</p> | |||
</fieldset> | |||
</form> | |||
<aside> | |||
<theme-toggle></theme-toggle> | |||
</aside> | |||
</article> | |||
<hr> | |||
<footer> | |||
<p> | |||
<a href="/david/" title="Aller à l’accueil">Accueil</a> | |||
• | |||
<a href="/david/log/" title="Accès au flux RSS">Suivre</a> | |||
• | |||
<a href="http://larlet.com" | |||
title="Go to my English profile" | |||
data-instant>Pro</a> | |||
• | |||
<a href="mailto:david%40larlet.fr" title="Envoyer un courriel">Email</a> | |||
• | |||
<abbr title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340">Légal</abbr> | |||
</p> | |||
<template id="theme-selector"> | |||
<form> | |||
<style type="text/css"> | |||
fieldset div { | |||
text-align: center; | |||
} | |||
</style> | |||
<fieldset> | |||
<legend>Thème</legend> | |||
<div> | |||
<label> | |||
<input type="radio" value="auto" name="chosen-color-scheme" checked> | |||
Auto | |||
</label> | |||
<label> | |||
<input type="radio" value="dark" name="chosen-color-scheme"> | |||
Foncé | |||
</label> | |||
<label> | |||
<input type="radio" value="light" name="chosen-color-scheme"> | |||
Clair | |||
</label> | |||
</div> | |||
</fieldset> | |||
</form> | |||
</template> | |||
</footer> | |||
<script src="/static/david/js/instantpage-5.1.0.min.js" type="module"></script> | |||
<script> | |||
class ThemeToggle extends HTMLElement { | |||
constructor() { | |||
super() | |||
const themeSelectorTemplate = document.querySelector('#theme-selector') | |||
const form = themeSelectorTemplate.content.firstElementChild | |||
this.attachShadow({ mode: 'open' }) | |||
this.shadowRoot.appendChild(form.cloneNode(true)) | |||
} | |||
connectedCallback() { | |||
const form = this.shadowRoot.querySelector('form') | |||
form.addEventListener('change', (e) => { | |||
const chosenColorScheme = e.target.value | |||
localStorage.setItem('theme', chosenColorScheme) | |||
toggleTheme(chosenColorScheme) | |||
}) | |||
const selectedTheme = localStorage.getItem('theme') | |||
if (selectedTheme && selectedTheme !== 'undefined') { | |||
form.querySelector(`[value="${selectedTheme}"]`).checked = true | |||
} | |||
} | |||
} | |||
const prefersColorSchemeDark = '(prefers-color-scheme: dark)' | |||
window.addEventListener('load', () => { | |||
let colorsLayer = undefined | |||
let hasDarkRules = false | |||
for (const styleSheet of Array.from(document.styleSheets)) { | |||
let mediaRules = [] | |||
for (const layerRule of styleSheet.cssRules) { | |||
if (!(layerRule instanceof CSSLayerBlockRule)) { | |||
continue | |||
} | |||
if (layerRule.name === 'colors') { | |||
colorsLayer = layerRule | |||
} | |||
for (const cssRule of layerRule.cssRules) { | |||
if (cssRule.type !== CSSRule.MEDIA_RULE) { | |||
continue | |||
} | |||
// WARNING: Safari does not have/supports `conditionText`. | |||
if (cssRule.conditionText) { | |||
if (cssRule.conditionText !== prefersColorSchemeDark) { | |||
continue | |||
} | |||
} else { | |||
if (cssRule.cssText.startsWith(prefersColorSchemeDark)) { | |||
continue | |||
} | |||
} | |||
mediaRules = mediaRules.concat(Array.from(cssRule.cssRules)) | |||
} | |||
} | |||
// WARNING: do not try to insert a Rule to a styleSheet you are | |||
// currently iterating on, otherwise the browser will be stuck | |||
// in a infinite loop… | |||
for (const mediaRule of mediaRules) { | |||
// Safari requires the `0` second parameter (even if default). | |||
colorsLayer.insertRule(mediaRule.cssText, 0) | |||
hasDarkRules = true | |||
} | |||
} | |||
if (hasDarkRules) { | |||
if ('customElements' in window && !customElements.get('theme-toggle')) { | |||
customElements.define('theme-toggle', ThemeToggle) | |||
} | |||
} | |||
}) | |||
</script> | |||
<script src="/static/david/js/popper-2.11.8.min.js"></script> | |||
<script src="/static/david/js/tippy-bundle-6.3.7.umd.min.js"></script> | |||
<script> | |||
tippy('[data-tippy]', { | |||
content(reference) { | |||
reference.addEventListener('click', (e) => e.preventDefault()) | |||
return ` | |||
<h3 lang="fr"> | |||
<img src="${reference.dataset.favicon}" loading="lazy"> | |||
<a href="${reference.dataset.source}" | |||
>Article sur ${reference.dataset.domain}</a></h3> | |||
<p lang="${reference.hreflang}"><em>${reference.dataset.description}</em></p> | |||
<div class="tippy-links" lang="fr"> | |||
<a href="${reference.href}">Archive au ${reference.dataset.date}</a> | |||
</div> | |||
` | |||
}, | |||
allowHTML: true, | |||
interactive: true, | |||
delay: [150, 700], | |||
hideOnClick: false | |||
}) | |||
</script> | |||
<script type="module"> | |||
import { annotate } from '/static/david/js/rough-notation-0.5.1.esm.min.js' | |||
const markObserver = new IntersectionObserver((entries, observer) => { | |||
const computedStyle = getComputedStyle(document.documentElement) | |||
const markBackground = computedStyle.getPropertyValue('--mark-background') | |||
for (const entry of entries) { | |||
if (entry.intersectionRatio === 0) continue | |||
const markElement = entry.target | |||
markElement.style.backgroundColor = 'inherit' | |||
const annotation = annotate( | |||
markElement, { | |||
type: 'highlight', | |||
multiline: true, | |||
color: markBackground, | |||
// animate: !window.matchMedia('(prefers-reduced-motion: reduce)').matches | |||
animate: false | |||
} | |||
) | |||
annotation.show() | |||
observer.unobserve(markElement) | |||
} | |||
}, {threshold: 1.0}) | |||
for (const markElement of document.querySelectorAll('mark')) { | |||
markObserver.observe(markElement) | |||
} | |||
</script> | |||
</body> | |||
</html> |
@@ -0,0 +1,5 @@ | |||
# 42 | |||
Je me sens encore en vie, acceptant de ne pas avoir toutes les réponses. | |||
#expérience #gratitude #introspection |
@@ -134,6 +134,33 @@ | |||
</p> | |||
</nav> | |||
<h2> | |||
<a href="/david/2024/04/23/" title="Lien permanent vers cet article">42</a> <time datetime="2024-04-23">23 avril 2024</time> | |||
</h2> | |||
<p>Je me sens encore en vie, acceptant de ne pas avoir toutes les réponses.</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/gratitude/" | |||
title="Liste de tous les articles 2024 associés à cette étiquette" | |||
rel="tag">#gratitude</a> | |||
<a href="/david/2024/introspection/" | |||
title="Liste de tous les articles 2024 associés à cette étiquette" | |||
rel="tag">#introspection</a> | |||
<a href="/david/2024/#tags" title="Liste de toutes les étiquettes 2024">tous ?</a> | |||
</p> | |||
</nav> | |||
<h2> | |||
<a href="/david/2024/04/08/" title="Lien permanent vers cet article">Éclipse</a> <time datetime="2024-04-08">8 avril 2024</time> | |||
</h2> |
@@ -134,6 +134,33 @@ | |||
</p> | |||
</nav> | |||
<h2> | |||
<a href="/david/2024/04/23/" title="Lien permanent vers cet article">42</a> <time datetime="2024-04-23">23 avril 2024</time> | |||
</h2> | |||
<p>Je me sens encore en vie, acceptant de ne pas avoir toutes les réponses.</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/gratitude/" | |||
title="Liste de tous les articles 2024 associés à cette étiquette" | |||
rel="tag">#gratitude</a> | |||
<a href="/david/2024/introspection/" | |||
title="Liste de tous les articles 2024 associés à cette étiquette" | |||
rel="tag">#introspection</a> | |||
<a href="/david/2024/#tags" title="Liste de toutes les étiquettes 2024">tous ?</a> | |||
</p> | |||
</nav> | |||
<h2> | |||
<a href="/david/2024/04/03/" title="Lien permanent vers cet article">Décision</a> <time datetime="2024-04-03">3 avril 2024</time> | |||
</h2> |
@@ -241,7 +241,8 @@ | |||
<a href="/david/2024/04/17/">Échelle</a>, | |||
<a href="/david/2024/04/18/">Calme</a>, | |||
<a href="/david/2024/04/20/">Jour 1</a>, | |||
<a href="/david/2024/04/22/">Alimentation</a>. | |||
<a href="/david/2024/04/22/">Alimentation</a>, | |||
<a href="/david/2024/04/23/">42</a>. | |||
</p> | |||
@@ -269,13 +270,13 @@ | |||
<a href="/david/2024/enthousiasme/" rel="tag">#enthousiasme (4)</a>, | |||
<a href="/david/2024/equipe/" rel="tag">#équipe (9)</a>, | |||
<a href="/david/2024/evolution/" rel="tag">#évolution (9)</a>, | |||
<a href="/david/2024/experience/" rel="tag">#expérience (17)</a>, | |||
<a href="/david/2024/experience/" rel="tag">#expérience (18)</a>, | |||
<a href="/david/2024/fediverse/" rel="tag">#fédiverse (1)</a>, | |||
<a href="/david/2024/foret/" rel="tag">#forêt (10)</a>, | |||
<a href="/david/2024/gratitude/" rel="tag">#gratitude (4)</a>, | |||
<a href="/david/2024/gratitude/" rel="tag">#gratitude (5)</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/introspection/" rel="tag">#introspection (1)</a>, | |||
<a href="/david/2024/introspection/" rel="tag">#introspection (2)</a>, | |||
<a href="/david/2024/laboratoire/" rel="tag">#laboratoire (6)</a>, | |||
<a href="/david/2024/lecture/" rel="tag">#lecture (6)</a>, | |||
<a href="/david/2024/liens/" rel="tag">#liens (1)</a>, |
@@ -134,6 +134,33 @@ | |||
</p> | |||
</nav> | |||
<h2> | |||
<a href="/david/2024/04/23/" title="Lien permanent vers cet article">42</a> <time datetime="2024-04-23">23 avril 2024</time> | |||
</h2> | |||
<p>Je me sens encore en vie, acceptant de ne pas avoir toutes les réponses.</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/gratitude/" | |||
title="Liste de tous les articles 2024 associés à cette étiquette" | |||
rel="tag">#gratitude</a> | |||
<a href="/david/2024/introspection/" | |||
title="Liste de tous les articles 2024 associés à cette étiquette" | |||
rel="tag">#introspection</a> | |||
<a href="/david/2024/#tags" title="Liste de toutes les étiquettes 2024">tous ?</a> | |||
</p> | |||
</nav> | |||
<h2> | |||
<a href="/david/2024/04/18/" title="Lien permanent vers cet article">Calme</a> <time datetime="2024-04-18">18 avril 2024</time> | |||
</h2> |
@@ -174,6 +174,16 @@ | |||
</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.hypothermia.fr/2024/04/le-sursis-des-flocons/">Huis clos – Le sursis des flocons</a>, | |||
22-04-2024 | |||
</dt> | |||
<dd> | |||
La douleur exposée au soleil qui s'apaise avec la neige. | |||
— <a href="https://www.hypothermia.fr/">Eliness</a> | |||
</dd> | |||
</dl> | |||
<dl> | |||
<dt> | |||
<a href="https://blog.ecologie-politique.eu/post/Les-hommes-doux-sont-ils-l-avenir-du-feminisme">Les hommes doux sont-ils l’avenir du féminisme ?</a>, | |||
@@ -304,16 +314,6 @@ | |||
— <a href="https://ynote.hk/">Fanny Cheung</a> | |||
</dd> | |||
</dl> | |||
<dl> | |||
<dt> | |||
<a href="https://www.hypothermia.fr/2024/03/papiliorama/">Papiliorama</a>, | |||
25-03-2024 | |||
</dt> | |||
<dd> | |||
Fascinations lépidoptères en peintures. | |||
— <a href="https://www.hypothermia.fr/">Eliness</a> | |||
</dd> | |||
</dl> | |||
<dl> | |||
<dt> | |||
<a href="https://emmaclit.com/2024/03/19/tri-social/">Tri social</a>, |
@@ -475,6 +475,7 @@ | |||
</style> | |||
<p>Liste des publications récentes en ordre anté-chronologique :</p> | |||
<p> | |||
<a href="/david/2024/04/23/" data-experience data-gratitude data-introspection title="Étiquettes : expérience, gratitude, introspection.">42</a>, | |||
<a href="/david/2024/04/22/" data-adaptation data-laboratoire data-sport title="Étiquettes : adaptation, laboratoire, sport.">Alimentation</a>, | |||
<a href="/david/2024/04/20/" data-apprentissage data-deception data-foret title="Étiquettes : apprentissage, déception, forêt.">Jour 1</a>, | |||
<a href="/david/2024/04/18/" data-apprentissage data-introspection data-technique title="Étiquettes : apprentissage, introspection, technique.">Calme</a>, | |||
@@ -599,13 +600,13 @@ | |||
<a href="/david/2024/enthousiasme/" data-tag="enthousiasme" rel="tag">#enthousiasme (4)</a>, | |||
<a href="/david/2024/equipe/" data-tag="equipe" rel="tag">#équipe (9)</a>, | |||
<a href="/david/2024/evolution/" data-tag="evolution" rel="tag">#évolution (9)</a>, | |||
<a href="/david/2024/experience/" data-tag="experience" rel="tag">#expérience (17)</a>, | |||
<a href="/david/2024/experience/" data-tag="experience" rel="tag">#expérience (18)</a>, | |||
<a href="/david/2024/fediverse/" data-tag="fediverse" rel="tag">#fédiverse (1)</a>, | |||
<a href="/david/2024/foret/" data-tag="foret" rel="tag">#forêt (10)</a>, | |||
<a href="/david/2024/gratitude/" data-tag="gratitude" rel="tag">#gratitude (4)</a>, | |||
<a href="/david/2024/gratitude/" data-tag="gratitude" rel="tag">#gratitude (5)</a>, | |||
<a href="/david/2024/ia/" data-tag="ia" rel="tag">#IA (3)</a>, | |||
<a href="/david/2024/identite/" data-tag="identite" rel="tag">#identité (1)</a>, | |||
<a href="/david/2024/introspection/" data-tag="introspection" rel="tag">#introspection (1)</a>, | |||
<a href="/david/2024/introspection/" data-tag="introspection" rel="tag">#introspection (2)</a>, | |||
<a href="/david/2024/laboratoire/" data-tag="laboratoire" rel="tag">#laboratoire (6)</a>, | |||
<a href="/david/2024/lecture/" data-tag="lecture" rel="tag">#lecture (6)</a>, | |||
<a href="/david/2024/liens/" data-tag="liens" rel="tag">#liens (1)</a>, |
@@ -6,13 +6,23 @@ | |||
<link href="https://larlet.fr/david/" rel="alternate" type="text/html" /> | |||
<link href="https://larlet.fr/david/log/" rel="self" /> | |||
<id>https://larlet.fr/david/</id> | |||
<updated>2024-04-22T12:00:00+01:00</updated> | |||
<updated>2024-04-25T12:00:00+01:00</updated> | |||
<author> | |||
<name>David Larlet</name> | |||
<uri>https://larlet.fr/david/</uri> | |||
</author> | |||
<rights>Copyright (c) 2004-2024, David Larlet</rights> | |||
<entry xml:lang="fr"> | |||
<title type="html">42</title> | |||
<link href="https://larlet.fr/david/2024/04/23/" rel="alternate" type="text/html" /> | |||
<updated>2024-04-23T12:00:00+01:00</updated> | |||
<id>https://larlet.fr/david/2024/04/23/</id> | |||
<summary type="html"> | |||
<p>Je me sens encore en vie, acceptant de ne pas avoir toutes les&nbsp;réponses.</p> | |||
<nav><p><a href="https://larlet.fr/david/2024/experience/">#expérience</a> <a href="https://larlet.fr/david/2024/gratitude/">#gratitude</a> <a href="https://larlet.fr/david/2024/introspection/">#introspection</a></p></nav><hr/><p><a href="mailto:david@larlet.fr">Réagir ?</a></p></summary> | |||
</entry> | |||
<entry xml:lang="fr"> | |||
<title type="html">Alimentation</title> | |||
<link href="https://larlet.fr/david/2024/04/22/" rel="alternate" type="text/html" /> | |||
@@ -1262,62 +1272,4 @@ Ne cherche plus à lutter contre les autres pour être meilleur, Max, mais devie | |||
<nav><p><a href="https://larlet.fr/david/2024/adaptation/">#adaptation</a> <a href="https://larlet.fr/david/2024/cinema/">#cinéma</a> <a href="https://larlet.fr/david/2024/lecture/">#lecture</a></p></nav><hr/><p><a href="mailto:david@larlet.fr">Réagir ?</a></p></summary> | |||
</entry> | |||
<entry xml:lang="fr"> | |||
<title type="html">Marque</title> | |||
<link href="https://larlet.fr/david/2024/03/09/" rel="alternate" type="text/html" /> | |||
<updated>2024-03-09T12:00:00+01:00</updated> | |||
<id>https://larlet.fr/david/2024/03/09/</id> | |||
<summary type="html"> | |||
<blockquote lang="en"> | |||
<p><mark>Removing the brand from the person</mark> is all but straightforward. I now start my about page with a quick way to introduce myself by putting forward some of my values. […] Beside saying <em>people</em> instead of <em>users</em>, stop considering who’s reading my stuff as <em>audience</em>, and quit referring to what I do as <em>content</em>, I want to modify a few more&nbsp;behaviours:</p> | |||
<ul> | |||
<li>Quit mentioning well-known bloggers on a first-name basis. […]</li> | |||
<li>Keep writing about different things. […]</li> | |||
<li>Don’t quote so-called thought leaders&nbsp;[…]</li> | |||
<li>Stop sugar-coating concepts&nbsp;[…]</li> | |||
</ul> | |||
<p><cite><em><a href="https://minutestomidnight.co.uk/blog/kafkaesque-digital-relationship-with-ourselves/">A Kafkaesque digital relationship with&nbsp;ourselves</a></em></cite></p> | |||
</blockquote> | |||
<p>Réflexion du jour sur le vocabulaire qui évolue pour se présenter sur le Web. Je suis souvent intrigué par les biographies et textes de présentation sur mastodon qui sont à la fois singuliers tout en respectant des codes (micro-)culturels. Peut-être que l’on a besoin de se sentir dans un cadre de représentation connu pour se sentir exister dans une&nbsp;communauté.</p> | |||
<p>Le même auteur, en&nbsp;2002(!)&nbsp;:</p> | |||
<blockquote lang="en"> | |||
<p>Five years ago there was all this buzz about <em>virtual communities</em>. How did that go? I have no idea, all I know is that everything revolves around who’s the hottest blogger right now. They talk about themselves, reference each other, all anxious about who has the most comments or the longest and most prestigious blogroll. Compared to that, <mark>my online journal is pure mental masturbation, but at least I have the occasional good photo and such nice&nbsp;typography.</mark></p> | |||
<p><cite><em><a href="https://minutestomidnight.co.uk/blog/years-just-pass-by/">Years just pass&nbsp;by</a></em></cite></p> | |||
</blockquote> | |||
<hr /> | |||
<pre><code>body:has(time[datetime]) li { | |||
list-style-type: &quot;❧ &quot;; | |||
} | |||
body:has( | |||
time[datetime^=&quot;2024-01&quot;], | |||
time[datetime^=&quot;2024-02&quot;], | |||
time[datetime^=&quot;2024-03&quot;] | |||
) li { | |||
list-style-type: &quot;❆ &quot;; | |||
} | |||
body:has( | |||
time[datetime^=&quot;2024-04&quot;], | |||
time[datetime^=&quot;2024-05&quot;], | |||
time[datetime^=&quot;2024-06&quot;] | |||
) li { | |||
list-style-type: &quot;❁ &quot;; | |||
} | |||
body:has( | |||
time[datetime^=&quot;2024-07&quot;], | |||
time[datetime^=&quot;2024-08&quot;], | |||
time[datetime^=&quot;2024-09&quot;] | |||
) li { | |||
list-style-type: &quot;❂ &quot;; | |||
} | |||
</code></pre> | |||
<p>J’avais envie d’introduire une légère saisonnalité dans mes listes à puces. Surtout une <a href="https://larlet.fr/david/2024/03/07/#hr-102">autre excuse</a> pour jouer avec <code>:has()</code>. Je lis un peu trop de blogs qui manquent de fantaisie. Et puis il&nbsp;pleut…</p> | |||
<hr /> | |||
<p>Chant du cardinal<br /> | |||
Le matin s’éveille sans toi<br /> | |||
Lovée dans mes&nbsp;bras</p> | |||
<nav><p><a href="https://larlet.fr/david/2024/evolution/">#évolution</a> <a href="https://larlet.fr/david/2024/identite/">#identité</a> <a href="https://larlet.fr/david/2024/poesie/">#poésie</a></p></nav><hr/><p><a href="mailto:david@larlet.fr">Réagir ?</a></p></summary> | |||
</entry> | |||
</feed> |
@@ -276,6 +276,12 @@ | |||
</template> | |||
<script id="search-index" type="application/json">[ | |||
{ | |||
"title": "42", | |||
"url": "/david/2024/04/23/", | |||
"date": "2024-04-23", | |||
"content": "Je me sens encore en vie, acceptant de ne pas avoir toutes les\u00a0r\u00e9ponses." | |||
}, | |||
{ | |||
"title": "Alimentation", | |||
"url": "/david/2024/04/22/", | |||
@@ -864,6 +870,12 @@ | |||
"date": "2024-01-01", | |||
"content": "33\u202f% de 44\u00a0millions de consommateurs vont faire le Dry January 22\u202f% des consommateurs ont une conso excessive, c\u2019est-\u00e0-dire 10\u00a0verres/semaine max et plus de deux\u00a0verres/jour. Les seniors sont aussi tr\u00e8s touch\u00e9\u00b7es. L\u2019alcool est une drogue.. On peut faire la f\u00eate sans alcool et\u00a0s\u2019\u00e9clater. Quand on arr\u00eate\u00a0: bienfaits sur le foie, la peau, le coeur, etc\u2026 Pb\u00a0: m\u00e9moire, troubles cognitifs, responsable de cancer, pb sommeil, d\u00e9compensation de maladie psy,\u2026 41000\u00a0d\u00e9c\u00e8s par an en\u00a0France. Les cinq sympt\u00f4mes d\u00e9finissent un probl\u00e8me de\u00a0d\u00e9pendance\u00a0: Perte de\u00a0contr\u00f4le Usage\u00a0compulsif Envie\u00a0r\u00e9pressive Usage\u00a0chronique Cons\u00e9quences psychiques, physiques, sociales,\u2026 Bon Dry J. pour celleux qui le font\u202f! Moi j\u2019en\u00a0suis\u202f! @Air@framapiaf.org Dans mon entourage, de plus en plus de personnes que j\u2019estime ne boivent pas d\u2019alcool, de plus en plus de personnes qui vieillissent en deviennent d\u00e9pendantes. Je suis davantage attir\u00e9 par la premi\u00e8re option\u2026 et pas pour un seul\u00a0mois. Je me sens pr\u00eat, on verra bien o\u00f9 cela me\u00a0m\u00e8ne. Grosse envie de reprendre la CSS par ici en ce d\u00e9but d\u2019ann\u00e9e. Avec le dilemme de faire chuter cette motivation si je publie d\u00e8s maintenant avec l\u2019ancienne (qui restera effective sur les anciens articles). Je vais essayer de me\u00a0retenir." | |||
}, | |||
{ | |||
"title": "42", | |||
"url": "/david/2024/04/23/", | |||
"date": "2024-04-23", | |||
"content": "Je me sens encore en vie, acceptant de ne pas avoir toutes les\u00a0r\u00e9ponses." | |||
}, | |||
{ | |||
"title": "Alimentation", | |||
"url": "/david/2024/04/22/", |