davidbgk
/
larlet-fr-david
Bevaka 1
Stjärnmärk 0
Förgrening 0
Kod Släpp 0 Aktiviteter
Bläddra i källkod

Tags

master
David Larlet 10 månader sedan
förälder
0d0950c1e2
incheckning
95b811f843
Signerad av: David Larlet <david@larlet.fr> GPG-nyckel ID: 3E2953A359E7E7BD
8 ändrade filer med 794 tillägg och 3 borttagningar
Delad Vy Visa Diff Statistik
  1. 19
    0
      david/2024/01/20/index.html
  2. 2
    0
      david/2024/_sources/2024-01-20 - Extinction.md
  3. 347
    0
      david/2024/dependance/index.html
  4. 72
    0
      david/2024/evolution/index.html
  5. 3
    1
      david/2024/index.html
  6. 347
    0
      david/2024/parentalite/index.html
  7. 3
    1
      david/index.html
  8. 1
    1
      david/log/index.xml

+ 19
- 0
david/2024/01/20/index.html Visa fil

@@ -176,6 +176,25 @@
<p>Cette photo est floue, c’est devenu tellement rare avec un téléphone (<em>OK&nbsp;Boomer</em>&nbsp;:p). Les couleurs étaient superbes et une fois les mains réchauffées c’était une ambiance très agréable. On n’a pas croisé grand monde. La rééducation active continue tranquillement son&nbsp;chemin.</p>

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

+ 2
- 0
david/2024/_sources/2024-01-20 - Extinction.md Visa fil

@@ -41,3 +41,5 @@ Voilà.
![Un enfant de dos dans des traces de ski de fond classique à la tombée du jour](/static/david/2024/2024-01-19-ski-de-fond-nocturne.jpg "-16°C, rien de mieux pour démarrer une fin de semaine qu’une sortie ski dans notre jardin après l’école.")

Cette photo est floue, c’est devenu tellement rare avec un téléphone (*OK Boomer* :p). Les couleurs étaient superbes et une fois les mains réchauffées c’était une ambiance très agréable. On n’a pas croisé grand monde. La rééducation active continue tranquillement son chemin.

#évolution #dépendance #parentalité

+ 347
- 0
david/2024/dependance/index.html Visa fil

@@ -0,0 +1,347 @@
<!DOCTYPE html><!-- This is a valid HTML5 document. -->
<!-- Screen readers, SEO, extensions and so on. -->
<html lang="fr">
<!-- Has to be within the first 1024 bytes, hence before the `title` element
See: https://www.w3.org/TR/2012/CR-html5-20121217/document-metadata.html#charset -->
<meta charset="utf-8">
<!-- Why no `X-UA-Compatible` meta: https://stackoverflow.com/a/6771584 -->
<!-- The viewport meta is quite crowded and we are responsible for that.
See: https://codepen.io/tigt/post/meta-viewport-for-2015 -->
<meta name="viewport" content="width=device-width,initial-scale=1">
<!-- Required to make a valid HTML5 document. -->
<title>
Étiquette #dépendance
— David Larlet</title>
<meta name="description" content="Publications relatives au tag #dépendance">
<!-- 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">
<!-- Documented, feel free to shoot an email. -->
<link rel="stylesheet" href="/static/david/css/style_2024-01-19.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>
<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>
<style type="text/css">
details[open] summary {
display: none;
}
</style>

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

<blockquote lang="en">
<p>So where have all the websites gone? Well, the people who make them have all gone to war for the capitalist machine. They grew up and got jobs. A natural part of growing up. Silos came and plucked their voices. Invasive memes and short form content grew in their place. Hustle overtook leisure. Harassment overtook openness. Influence overtook creativity. An economy of interestingness replaced by one of followers, likes, and engagement&nbsp;metrics.</p>
<p>One important thing to note; <mark>websites aren’t extinct.</mark> In fact, you’re on one now! Uploading your own words is ancient technology but still&nbsp;works.</p>
<p><cite><em><a data-link-domain="daverupert.com" href="https://daverupert.com/2024/01/where-have-all-the-websites-gone/">Where have all the flowers gone?</a> <a href="/david/cache/2024/7136e0810bfa42c4a9ca798a55cd2d53/" title="Copie locale au 2024-01-19">[archive]</a></em></cite></p>
</blockquote>
<p>En réponse à <q lang="en"><a data-link-domain="fromjason.xyz" href="https://www.fromjason.xyz/p/notebook/where-have-all-the-websites-gone/">Where have all the websites gone?</a> <a href="/david/cache/2024/c3272392d462da90874d32841e5caac8/" title="Copie locale au 2024-01-09">[archive]</a></q> que j’ai <a href="/david/2024/01/10/#hr-24">déjà cité</a>. Peut-être que la capacité à publier est toujours là mais que nous avons <a href="/david/2024/01/12/#hr-27">trop changé</a> pour être capables de perdurer dans cette pratique. 2024&nbsp;pourrait me faire mentir car je vois une certaine effervescence dans mon agrégateur. On va bien voir si ça dure. On va bien voir si <em>je</em>&nbsp;dure.</p>
<p><em>Guidé par le besoin, je suis en train d’automatiser des ancres sur mes <code>&lt;hr&gt;</code>, fausse bonne idée&#8239;? En affinant un peu le style ça me convient pour&nbsp;l’instant.</em></p>
<a href="#hr-40" title="Lien vers cette section de la page"><hr id="hr-40" /></a>

<blockquote>
<p>public-inbox implements the sharing of an email inbox via git to complement or replace traditional mailing lists. Readers may read via NNTP, IMAP, POP3, Atom feeds or HTML&nbsp;archives.</p>
<p>public-inbox spawned around three main&nbsp;ideas:</p>
<ul>
<li>Publicly accessible and archived communication is essential to Free Software&nbsp;development.</li>
<li>Contributing to Free Software projects should not require the use of non-Free services or&nbsp;software.</li>
<li><mark>Graphical user interfaces should not be required for text-based communication.</mark> Users may have broken graphics drivers, limited eyesight, or be unable to afford modern&nbsp;hardware.</li>
</ul>
<p>public-inbox aims to be easy-to-deploy and manage; encouraging projects to run their own instances with minimal&nbsp;overhead.</p>
<p><cite><em><a data-link-domain="public-inbox.org" href="https://public-inbox.org/README.html">public-inbox - an &quot;archives first&quot; approach to mailing lists</a> <a href="/david/cache/2024/30b40ff8034212e070dc7daf2b9406e9/" title="Copie locale au 2024-01-19">[archive]</a></em></cite></p>
</blockquote>
<p>D’une certaine manière, l’<a data-link-domain="github.com" href="https://github.com/jgm/pandoc/issues/9250">extinction de voix des un·es</a> fait mon bonheur de découverte aujourd’hui. J’espère que le réflexe ne sera pas de passer de <em>Google Groups</em> à <em>Microsoft Github Discussions</em> par&nbsp;commodité.</p>
<a href="#hr-41" title="Lien vers cette section de la page"><hr id="hr-41" /></a>

<blockquote>
<p>… ça veut dire qu’en vrai, les droits humains, tu t’en fiches pas&nbsp;mal.</p>
<p>Et que tu es juste <mark>un peu raciste</mark>.</p>
<p><cite><em><a data-link-domain="emmaclit.com" href="https://emmaclit.com/2024/01/19/culture-froncaise/">Culture&nbsp;fronçaise</a></em></cite></p>
</blockquote>
<p>Voilà.</p>
<a href="#hr-42" title="Lien vers cette section de la page"><hr id="hr-42" /></a>
<figure>
<a href="/static/david/2024/2024-01-19-ski-de-fond-nocturne.jpg"
title="Cliquer pour une version haute résolution">
<img
src="/static/david/2024/2024-01-19-ski-de-fond-nocturne.jpg"
width="3024" height="3024"
srcset="/static/david/2024/2024-01-19-ski-de-fond-nocturne.jpg 3024w, /static/david/2024/2024-01-19-ski-de-fond-nocturne_660x440.jpg 660w, /static/david/2024/2024-01-19-ski-de-fond-nocturne_990x660.jpg 990w, /static/david/2024/2024-01-19-ski-de-fond-nocturne_1320x880.jpg 1320w"
sizes="min(100vw, calc(100vh * 3024 / 3024))"
loading="lazy"
decoding="async"
alt="Un enfant de dos dans des traces de ski de fond classique à la tombée du jour">
</a>
<figcaption>-16°C, rien de mieux pour démarrer une fin de semaine qu’une sortie ski dans notre jardin après&nbsp;l’école.</figcaption>
</figure>
<p>Cette photo est floue, c’est devenu tellement rare avec un téléphone (<em>OK&nbsp;Boomer</em>&nbsp;:p). Les couleurs étaient superbes et une fois les mains réchauffées c’était une ambiance très agréable. On n’a pas croisé grand monde. La rééducation active continue tranquillement son&nbsp;chemin.</p>

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

<form action="/david/recherche/" method="get">
<fieldset>
<legend>Recherche</legend>
<label for="input-search">Termes de votre recherche :</label>
<input id="input-search" type="search" name="s" aria-describedby="indexation-infos" required>
<input type="submit" value="Chercher">
<p id="indexation-infos">
<small>
Seuls les contenus de ces 8 dernières années sont indexés.
</small>
</p>
</fieldset>
</form>
<aside>
<theme-toggle></theme-toggle>
</aside>
</article>
<hr>
<footer>
<p>
<a href="/david/" title="Aller à l’accueil">Accueil</a>
•
<a href="/david/log/" title="Accès au flux RSS">Suivre</a>
•
<a href="http://larlet.com"
title="Go to my English profile"
data-instant>Pro</a>
•
<a href="mailto:david%40larlet.fr" title="Envoyer un courriel">Email</a>
•
<abbr title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340">Légal</abbr>
</p>
<template id="theme-selector">
<form>
<style type="text/css">
fieldset div {
text-align: center;
}
</style>
<fieldset>
<legend>Thème</legend>
<div>
<label>
<input type="radio" value="auto" name="chosen-color-scheme" checked>
Auto
</label>
<label>
<input type="radio" value="dark" name="chosen-color-scheme">
Foncé
</label>
<label>
<input type="radio" value="light" name="chosen-color-scheme">
Clair
</label>
</div>
</fieldset>
</form>
</template>
</footer>
<script src="/static/david/js/instantpage-5.1.0.min.js" type="module"></script>
<script>
class ThemeToggle extends HTMLElement {
constructor() {
super()
const themeSelectorTemplate = document.querySelector('#theme-selector')
const form = themeSelectorTemplate.content.firstElementChild
this.attachShadow({ mode: 'open' })
this.shadowRoot.appendChild(form.cloneNode(true))
}

connectedCallback() {
const form = this.shadowRoot.querySelector('form')
form.addEventListener('change', (e) => {
const chosenColorScheme = e.target.value
localStorage.setItem('theme', chosenColorScheme)
toggleTheme(chosenColorScheme)
})

const selectedTheme = localStorage.getItem('theme')
if (selectedTheme && selectedTheme !== 'undefined') {
form.querySelector(`[value="${selectedTheme}"]`).checked = true
}
}
}

const prefersColorSchemeDark = '(prefers-color-scheme: dark)'
window.addEventListener('load', () => {
let colorsLayer = undefined
let hasDarkRules = false
for (const styleSheet of Array.from(document.styleSheets)) {
let mediaRules = []
for (const layerRule of styleSheet.cssRules) {
if (!(layerRule instanceof CSSLayerBlockRule)) {
continue
}
if (layerRule.name === 'colors') {
colorsLayer = layerRule
}
for (const cssRule of layerRule.cssRules) {
if (cssRule.type !== CSSRule.MEDIA_RULE) {
continue
}
// WARNING: Safari does not have/supports `conditionText`.
if (cssRule.conditionText) {
if (cssRule.conditionText !== prefersColorSchemeDark) {
continue
}
} else {
if (cssRule.cssText.startsWith(prefersColorSchemeDark)) {
continue
}
}
mediaRules = mediaRules.concat(Array.from(cssRule.cssRules))
}
}

// WARNING: do not try to insert a Rule to a styleSheet you are
// currently iterating on, otherwise the browser will be stuck
// in a infinite loop…
for (const mediaRule of mediaRules) {
// Safari requires the `0` second parameter (even if default).
colorsLayer.insertRule(mediaRule.cssText, 0)
hasDarkRules = true
}
}

if (hasDarkRules) {
if ('customElements' in window && !customElements.get('theme-toggle')) {
customElements.define('theme-toggle', ThemeToggle)
}
}
})
</script>
</body>
</html>

+ 72
- 0
david/2024/evolution/index.html Visa fil

@@ -134,6 +134,78 @@
</p>
</nav>
<h2>
<a href="/david/2024/01/20/" title="Lien permanent vers cet article">Extinction</a> <time datetime="2024-01-20">20 janvier 2024</time>
</h2>

<blockquote lang="en">
<p>So where have all the websites gone? Well, the people who make them have all gone to war for the capitalist machine. They grew up and got jobs. A natural part of growing up. Silos came and plucked their voices. Invasive memes and short form content grew in their place. Hustle overtook leisure. Harassment overtook openness. Influence overtook creativity. An economy of interestingness replaced by one of followers, likes, and engagement&nbsp;metrics.</p>
<p>One important thing to note; <mark>websites aren’t extinct.</mark> In fact, you’re on one now! Uploading your own words is ancient technology but still&nbsp;works.</p>
<p><cite><em><a data-link-domain="daverupert.com" href="https://daverupert.com/2024/01/where-have-all-the-websites-gone/">Where have all the flowers gone?</a> <a href="/david/cache/2024/7136e0810bfa42c4a9ca798a55cd2d53/" title="Copie locale au 2024-01-19">[archive]</a></em></cite></p>
</blockquote>
<p>En réponse à <q lang="en"><a data-link-domain="fromjason.xyz" href="https://www.fromjason.xyz/p/notebook/where-have-all-the-websites-gone/">Where have all the websites gone?</a> <a href="/david/cache/2024/c3272392d462da90874d32841e5caac8/" title="Copie locale au 2024-01-09">[archive]</a></q> que j’ai <a href="/david/2024/01/10/#hr-24">déjà cité</a>. Peut-être que la capacité à publier est toujours là mais que nous avons <a href="/david/2024/01/12/#hr-27">trop changé</a> pour être capables de perdurer dans cette pratique. 2024&nbsp;pourrait me faire mentir car je vois une certaine effervescence dans mon agrégateur. On va bien voir si ça dure. On va bien voir si <em>je</em>&nbsp;dure.</p>
<p><em>Guidé par le besoin, je suis en train d’automatiser des ancres sur mes <code>&lt;hr&gt;</code>, fausse bonne idée&#8239;? En affinant un peu le style ça me convient pour&nbsp;l’instant.</em></p>
<a href="#hr-40" title="Lien vers cette section de la page"><hr id="hr-40" /></a>

<blockquote>
<p>public-inbox implements the sharing of an email inbox via git to complement or replace traditional mailing lists. Readers may read via NNTP, IMAP, POP3, Atom feeds or HTML&nbsp;archives.</p>
<p>public-inbox spawned around three main&nbsp;ideas:</p>
<ul>
<li>Publicly accessible and archived communication is essential to Free Software&nbsp;development.</li>
<li>Contributing to Free Software projects should not require the use of non-Free services or&nbsp;software.</li>
<li><mark>Graphical user interfaces should not be required for text-based communication.</mark> Users may have broken graphics drivers, limited eyesight, or be unable to afford modern&nbsp;hardware.</li>
</ul>
<p>public-inbox aims to be easy-to-deploy and manage; encouraging projects to run their own instances with minimal&nbsp;overhead.</p>
<p><cite><em><a data-link-domain="public-inbox.org" href="https://public-inbox.org/README.html">public-inbox - an &quot;archives first&quot; approach to mailing lists</a> <a href="/david/cache/2024/30b40ff8034212e070dc7daf2b9406e9/" title="Copie locale au 2024-01-19">[archive]</a></em></cite></p>
</blockquote>
<p>D’une certaine manière, l’<a data-link-domain="github.com" href="https://github.com/jgm/pandoc/issues/9250">extinction de voix des un·es</a> fait mon bonheur de découverte aujourd’hui. J’espère que le réflexe ne sera pas de passer de <em>Google Groups</em> à <em>Microsoft Github Discussions</em> par&nbsp;commodité.</p>
<a href="#hr-41" title="Lien vers cette section de la page"><hr id="hr-41" /></a>

<blockquote>
<p>… ça veut dire qu’en vrai, les droits humains, tu t’en fiches pas&nbsp;mal.</p>
<p>Et que tu es juste <mark>un peu raciste</mark>.</p>
<p><cite><em><a data-link-domain="emmaclit.com" href="https://emmaclit.com/2024/01/19/culture-froncaise/">Culture&nbsp;fronçaise</a></em></cite></p>
</blockquote>
<p>Voilà.</p>
<a href="#hr-42" title="Lien vers cette section de la page"><hr id="hr-42" /></a>
<figure>
<a href="/static/david/2024/2024-01-19-ski-de-fond-nocturne.jpg"
title="Cliquer pour une version haute résolution">
<img
src="/static/david/2024/2024-01-19-ski-de-fond-nocturne.jpg"
width="3024" height="3024"
srcset="/static/david/2024/2024-01-19-ski-de-fond-nocturne.jpg 3024w, /static/david/2024/2024-01-19-ski-de-fond-nocturne_660x440.jpg 660w, /static/david/2024/2024-01-19-ski-de-fond-nocturne_990x660.jpg 990w, /static/david/2024/2024-01-19-ski-de-fond-nocturne_1320x880.jpg 1320w"
sizes="min(100vw, calc(100vh * 3024 / 3024))"
loading="lazy"
decoding="async"
alt="Un enfant de dos dans des traces de ski de fond classique à la tombée du jour">
</a>
<figcaption>-16°C, rien de mieux pour démarrer une fin de semaine qu’une sortie ski dans notre jardin après&nbsp;l’école.</figcaption>
</figure>
<p>Cette photo est floue, c’est devenu tellement rare avec un téléphone (<em>OK&nbsp;Boomer</em>&nbsp;:p). Les couleurs étaient superbes et une fois les mains réchauffées c’était une ambiance très agréable. On n’a pas croisé grand monde. La rééducation active continue tranquillement son&nbsp;chemin.</p>

<nav>
<p>
<a href="/david/2024/dependance/"
title="Liste de tous les articles 2024 associés à cette étiquette"
rel="tag">#dépendance</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/parentalite/"
title="Liste de tous les articles 2024 associés à cette étiquette"
rel="tag">#parentalité</a>
<a href="/david/2024/#tags" title="Liste de toutes les étiquettes 2024">tous ?</a>
</p>
</nav>
<h2>
<a href="/david/2024/01/16/" title="Lien permanent vers cet article">Endorphines</a> <time datetime="2024-01-16">16 janvier 2024</time>
</h2>

+ 3
- 1
david/2024/index.html Visa fil

@@ -162,14 +162,16 @@
<a href="/david/2024/commun/" rel="tag">#commun (1)</a>,
<a href="/david/2024/communaute/" rel="tag">#communauté (2)</a>,
<a href="/david/2024/decision/" rel="tag">#décision (2)</a>,
<a href="/david/2024/dependance/" rel="tag">#dépendance (1)</a>,
<a href="/david/2024/echanges/" rel="tag">#échanges (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 (3)</a>,
<a href="/david/2024/evolution/" rel="tag">#évolution (4)</a>,
<a href="/david/2024/experience/" rel="tag">#expérience (4)</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/opensource/" rel="tag">#opensource (1)</a>,
<a href="/david/2024/parentalite/" rel="tag">#parentalité (1)</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>,

+ 347
- 0
david/2024/parentalite/index.html Visa fil

@@ -0,0 +1,347 @@
<!DOCTYPE html><!-- This is a valid HTML5 document. -->
<!-- Screen readers, SEO, extensions and so on. -->
<html lang="fr">
<!-- Has to be within the first 1024 bytes, hence before the `title` element
See: https://www.w3.org/TR/2012/CR-html5-20121217/document-metadata.html#charset -->
<meta charset="utf-8">
<!-- Why no `X-UA-Compatible` meta: https://stackoverflow.com/a/6771584 -->
<!-- The viewport meta is quite crowded and we are responsible for that.
See: https://codepen.io/tigt/post/meta-viewport-for-2015 -->
<meta name="viewport" content="width=device-width,initial-scale=1">
<!-- Required to make a valid HTML5 document. -->
<title>
Étiquette #parentalité
— David Larlet</title>
<meta name="description" content="Publications relatives au tag #parentalité">
<!-- 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">
<!-- Documented, feel free to shoot an email. -->
<link rel="stylesheet" href="/static/david/css/style_2024-01-19.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>
<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>
<style type="text/css">
details[open] summary {
display: none;
}
</style>

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

<blockquote lang="en">
<p>So where have all the websites gone? Well, the people who make them have all gone to war for the capitalist machine. They grew up and got jobs. A natural part of growing up. Silos came and plucked their voices. Invasive memes and short form content grew in their place. Hustle overtook leisure. Harassment overtook openness. Influence overtook creativity. An economy of interestingness replaced by one of followers, likes, and engagement&nbsp;metrics.</p>
<p>One important thing to note; <mark>websites aren’t extinct.</mark> In fact, you’re on one now! Uploading your own words is ancient technology but still&nbsp;works.</p>
<p><cite><em><a data-link-domain="daverupert.com" href="https://daverupert.com/2024/01/where-have-all-the-websites-gone/">Where have all the flowers gone?</a> <a href="/david/cache/2024/7136e0810bfa42c4a9ca798a55cd2d53/" title="Copie locale au 2024-01-19">[archive]</a></em></cite></p>
</blockquote>
<p>En réponse à <q lang="en"><a data-link-domain="fromjason.xyz" href="https://www.fromjason.xyz/p/notebook/where-have-all-the-websites-gone/">Where have all the websites gone?</a> <a href="/david/cache/2024/c3272392d462da90874d32841e5caac8/" title="Copie locale au 2024-01-09">[archive]</a></q> que j’ai <a href="/david/2024/01/10/#hr-24">déjà cité</a>. Peut-être que la capacité à publier est toujours là mais que nous avons <a href="/david/2024/01/12/#hr-27">trop changé</a> pour être capables de perdurer dans cette pratique. 2024&nbsp;pourrait me faire mentir car je vois une certaine effervescence dans mon agrégateur. On va bien voir si ça dure. On va bien voir si <em>je</em>&nbsp;dure.</p>
<p><em>Guidé par le besoin, je suis en train d’automatiser des ancres sur mes <code>&lt;hr&gt;</code>, fausse bonne idée&#8239;? En affinant un peu le style ça me convient pour&nbsp;l’instant.</em></p>
<a href="#hr-40" title="Lien vers cette section de la page"><hr id="hr-40" /></a>

<blockquote>
<p>public-inbox implements the sharing of an email inbox via git to complement or replace traditional mailing lists. Readers may read via NNTP, IMAP, POP3, Atom feeds or HTML&nbsp;archives.</p>
<p>public-inbox spawned around three main&nbsp;ideas:</p>
<ul>
<li>Publicly accessible and archived communication is essential to Free Software&nbsp;development.</li>
<li>Contributing to Free Software projects should not require the use of non-Free services or&nbsp;software.</li>
<li><mark>Graphical user interfaces should not be required for text-based communication.</mark> Users may have broken graphics drivers, limited eyesight, or be unable to afford modern&nbsp;hardware.</li>
</ul>
<p>public-inbox aims to be easy-to-deploy and manage; encouraging projects to run their own instances with minimal&nbsp;overhead.</p>
<p><cite><em><a data-link-domain="public-inbox.org" href="https://public-inbox.org/README.html">public-inbox - an &quot;archives first&quot; approach to mailing lists</a> <a href="/david/cache/2024/30b40ff8034212e070dc7daf2b9406e9/" title="Copie locale au 2024-01-19">[archive]</a></em></cite></p>
</blockquote>
<p>D’une certaine manière, l’<a data-link-domain="github.com" href="https://github.com/jgm/pandoc/issues/9250">extinction de voix des un·es</a> fait mon bonheur de découverte aujourd’hui. J’espère que le réflexe ne sera pas de passer de <em>Google Groups</em> à <em>Microsoft Github Discussions</em> par&nbsp;commodité.</p>
<a href="#hr-41" title="Lien vers cette section de la page"><hr id="hr-41" /></a>

<blockquote>
<p>… ça veut dire qu’en vrai, les droits humains, tu t’en fiches pas&nbsp;mal.</p>
<p>Et que tu es juste <mark>un peu raciste</mark>.</p>
<p><cite><em><a data-link-domain="emmaclit.com" href="https://emmaclit.com/2024/01/19/culture-froncaise/">Culture&nbsp;fronçaise</a></em></cite></p>
</blockquote>
<p>Voilà.</p>
<a href="#hr-42" title="Lien vers cette section de la page"><hr id="hr-42" /></a>
<figure>
<a href="/static/david/2024/2024-01-19-ski-de-fond-nocturne.jpg"
title="Cliquer pour une version haute résolution">
<img
src="/static/david/2024/2024-01-19-ski-de-fond-nocturne.jpg"
width="3024" height="3024"
srcset="/static/david/2024/2024-01-19-ski-de-fond-nocturne.jpg 3024w, /static/david/2024/2024-01-19-ski-de-fond-nocturne_660x440.jpg 660w, /static/david/2024/2024-01-19-ski-de-fond-nocturne_990x660.jpg 990w, /static/david/2024/2024-01-19-ski-de-fond-nocturne_1320x880.jpg 1320w"
sizes="min(100vw, calc(100vh * 3024 / 3024))"
loading="lazy"
decoding="async"
alt="Un enfant de dos dans des traces de ski de fond classique à la tombée du jour">
</a>
<figcaption>-16°C, rien de mieux pour démarrer une fin de semaine qu’une sortie ski dans notre jardin après&nbsp;l’école.</figcaption>
</figure>
<p>Cette photo est floue, c’est devenu tellement rare avec un téléphone (<em>OK&nbsp;Boomer</em>&nbsp;:p). Les couleurs étaient superbes et une fois les mains réchauffées c’était une ambiance très agréable. On n’a pas croisé grand monde. La rééducation active continue tranquillement son&nbsp;chemin.</p>

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

<form action="/david/recherche/" method="get">
<fieldset>
<legend>Recherche</legend>
<label for="input-search">Termes de votre recherche :</label>
<input id="input-search" type="search" name="s" aria-describedby="indexation-infos" required>
<input type="submit" value="Chercher">
<p id="indexation-infos">
<small>
Seuls les contenus de ces 8 dernières années sont indexés.
</small>
</p>
</fieldset>
</form>
<aside>
<theme-toggle></theme-toggle>
</aside>
</article>
<hr>
<footer>
<p>
<a href="/david/" title="Aller à l’accueil">Accueil</a>
•
<a href="/david/log/" title="Accès au flux RSS">Suivre</a>
•
<a href="http://larlet.com"
title="Go to my English profile"
data-instant>Pro</a>
•
<a href="mailto:david%40larlet.fr" title="Envoyer un courriel">Email</a>
•
<abbr title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340">Légal</abbr>
</p>
<template id="theme-selector">
<form>
<style type="text/css">
fieldset div {
text-align: center;
}
</style>
<fieldset>
<legend>Thème</legend>
<div>
<label>
<input type="radio" value="auto" name="chosen-color-scheme" checked>
Auto
</label>
<label>
<input type="radio" value="dark" name="chosen-color-scheme">
Foncé
</label>
<label>
<input type="radio" value="light" name="chosen-color-scheme">
Clair
</label>
</div>
</fieldset>
</form>
</template>
</footer>
<script src="/static/david/js/instantpage-5.1.0.min.js" type="module"></script>
<script>
class ThemeToggle extends HTMLElement {
constructor() {
super()
const themeSelectorTemplate = document.querySelector('#theme-selector')
const form = themeSelectorTemplate.content.firstElementChild
this.attachShadow({ mode: 'open' })
this.shadowRoot.appendChild(form.cloneNode(true))
}

connectedCallback() {
const form = this.shadowRoot.querySelector('form')
form.addEventListener('change', (e) => {
const chosenColorScheme = e.target.value
localStorage.setItem('theme', chosenColorScheme)
toggleTheme(chosenColorScheme)
})

const selectedTheme = localStorage.getItem('theme')
if (selectedTheme && selectedTheme !== 'undefined') {
form.querySelector(`[value="${selectedTheme}"]`).checked = true
}
}
}

const prefersColorSchemeDark = '(prefers-color-scheme: dark)'
window.addEventListener('load', () => {
let colorsLayer = undefined
let hasDarkRules = false
for (const styleSheet of Array.from(document.styleSheets)) {
let mediaRules = []
for (const layerRule of styleSheet.cssRules) {
if (!(layerRule instanceof CSSLayerBlockRule)) {
continue
}
if (layerRule.name === 'colors') {
colorsLayer = layerRule
}
for (const cssRule of layerRule.cssRules) {
if (cssRule.type !== CSSRule.MEDIA_RULE) {
continue
}
// WARNING: Safari does not have/supports `conditionText`.
if (cssRule.conditionText) {
if (cssRule.conditionText !== prefersColorSchemeDark) {
continue
}
} else {
if (cssRule.cssText.startsWith(prefersColorSchemeDark)) {
continue
}
}
mediaRules = mediaRules.concat(Array.from(cssRule.cssRules))
}
}

// WARNING: do not try to insert a Rule to a styleSheet you are
// currently iterating on, otherwise the browser will be stuck
// in a infinite loop…
for (const mediaRule of mediaRules) {
// Safari requires the `0` second parameter (even if default).
colorsLayer.insertRule(mediaRule.cssText, 0)
hasDarkRules = true
}
}

if (hasDarkRules) {
if ('customElements' in window && !customElements.get('theme-toggle')) {
customElements.define('theme-toggle', ThemeToggle)
}
}
})
</script>
</body>
</html>

+ 3
- 1
david/index.html Visa fil

@@ -175,14 +175,16 @@
<a href="/david/2024/commun/" rel="tag">#commun (1)</a>,
<a href="/david/2024/communaute/" rel="tag">#communauté (2)</a>,
<a href="/david/2024/decision/" rel="tag">#décision (2)</a>,
<a href="/david/2024/dependance/" rel="tag">#dépendance (1)</a>,
<a href="/david/2024/echanges/" rel="tag">#échanges (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 (3)</a>,
<a href="/david/2024/evolution/" rel="tag">#évolution (4)</a>,
<a href="/david/2024/experience/" rel="tag">#expérience (4)</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/opensource/" rel="tag">#opensource (1)</a>,
<a href="/david/2024/parentalite/" rel="tag">#parentalité (1)</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>,

+ 1
- 1
david/log/index.xml Visa fil

@@ -65,7 +65,7 @@
&lt;figcaption&gt;-16°C, rien de mieux pour démarrer une fin de semaine qu’une sortie ski dans notre jardin après&amp;nbsp;l’école.&lt;/figcaption&gt;
&lt;/figure&gt;
&lt;p&gt;Cette photo est floue, c’est devenu tellement rare avec un téléphone (&lt;em&gt;OK&amp;nbsp;Boomer&lt;/em&gt;&amp;nbsp;:p). Les couleurs étaient superbes et une fois les mains réchauffées c’était une ambiance très agréable. On n’a pas croisé grand monde. La rééducation active continue tranquillement son&amp;nbsp;chemin.&lt;/p&gt;
&lt;nav&gt;&lt;p&gt;&lt;/p&gt;&lt;/nav&gt;&lt;hr/&gt;&lt;p&gt;&lt;a href=&quot;mailto:david@larlet.fr&quot;&gt;Réagir ?&lt;/a&gt;&lt;/p&gt;</summary>
&lt;nav&gt;&lt;p&gt;&lt;a href=&quot;https://larlet.fr/david/2024/dependance/&quot;&gt;#dépendance&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2024/evolution/&quot;&gt;#évolution&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2024/parentalite/&quot;&gt;#parentalité&lt;/a&gt;&lt;/p&gt;&lt;/nav&gt;&lt;hr/&gt;&lt;p&gt;&lt;a href=&quot;mailto:david@larlet.fr&quot;&gt;Réagir ?&lt;/a&gt;&lt;/p&gt;</summary>
</entry>
<entry xml:lang="fr">

Write Förhandsgranska
Laddar…
Avbryt
Spara