6 changed files with 233 additions and 20 deletions
+ 2
- 2
david/2021/06/12/index.html
View File
| @@ -62,7 +62,7 @@ | |||
| <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 rel="next" href="/david/2021/06/13/" title="Publication suivante : Constructivisme">Suivant →</a> | |||
| </p> | |||
| </nav> | |||
| <hr> | |||
| @@ -79,7 +79,7 @@ | |||
| <p class="center"> | |||
| <a rel="prev" href="/david/2021/06/11/" title="Publication précédente : Anti">← Précédent</a> • | |||
| <a href="/david/2021/" title="Liste des publications récentes">↑ En 2021</a> | |||
| • <a rel="next" href="/david/2021/06/13/" title="Publication suivante : Constructivisme">Suivant →</a> | |||
| </p> | |||
| </nav> | |||
| </article> | |||
+ 188
- 0
david/2021/06/13/index.html
View File
| @@ -0,0 +1,188 @@ | |||
| <!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>Constructivisme — David Larlet</title> | |||
| <meta name="description" content="À quel point est-on bien-traitant lorsqu’on laisse une personne expérimenter par elle-même ?*"> | |||
| <!-- 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="#f0f0ea"> | |||
| <meta name="msapplication-config" content="/static/david/icons2/browserconfig.xml"> | |||
| <meta name="theme-color" content="#f0f0ea"> | |||
| <!-- 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>Constructivisme</h1> | |||
| </header> | |||
| <nav> | |||
| <p class="center"> | |||
| <a rel="prev" href="/david/2021/06/12/" title="Publication précédente : Masque">← Précédent</a> • | |||
| <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> | |||
| </p> | |||
| </nav> | |||
| <hr> | |||
| <blockquote> | |||
| <p>À quel point est-on bien-traitant lorsqu’on laisse une personne expérimenter par elle-même ?<sup>*</sup></p> | |||
| </blockquote> | |||
| <p>C’est un truc qui me gratte pas mal ces jours-ci.</p> | |||
| <p><small>* En considérant que l’on ait soi-même vécu une issue à cette expérience qui était plutôt douloureuse.</small></p> | |||
| <hr /> | |||
| <p>Pas tout à fait lié mais quand même un peu :</p> | |||
| <blockquote> | |||
| <p>Pour Hannah Zeavin, la surveillance des enfants et la surveillance d’État sont moins distinctes qu’il n’y paraît. […] Du soin à la surveillance, il y a un continuum d’anxiété qui a des effets sur la société elle-même.</p> | |||
| <p><cite><em><a href="https://www.internetactu.net/a-lire-ailleurs/du-soin-a-la-surveillance/">Du soin à la surveillance…</a></em> (<a href="/david/cache/2021/d13d382d8d1f51c3e2920029ccca5303/">cache</a>)</cite></p> | |||
| </blockquote> | |||
| <nav> | |||
| <p class="center"> | |||
| <a rel="prev" href="/david/2021/06/12/" title="Publication précédente : Masque">← Précédent</a> • | |||
| <a href="/david/2021/" title="Liste des publications récentes">↑ En 2021</a> | |||
| </p> | |||
| </nav> | |||
| </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> | |||
+ 2
- 0
david/2021/index.html
View File
| @@ -370,6 +370,8 @@ | |||
| <h2><a href="/david/2021/06/12/">Masque</a> (2021-06-12)</h2> | |||
| <h2><a href="/david/2021/06/13/">Constructivisme</a> (2021-06-13)</h2> | |||
| </main> | |||
+ 16
- 0
david/2021/sources/2021-06-13 - Constructivisme.md
View File
| @@ -0,0 +1,16 @@ | |||
| # Constructivisme | |||
| > À quel point est-on bien-traitant lorsqu’on laisse une personne expérimenter par elle-même ?<sup>*</sup> | |||
| C’est un truc qui me gratte pas mal ces jours-ci. | |||
| <small>* En considérant que l’on ait soi-même vécu une issue à cette expérience qui était plutôt douloureuse.</small> | |||
| --- | |||
| Pas tout à fait lié mais quand même un peu : | |||
| > Pour Hannah Zeavin, la surveillance des enfants et la surveillance d’État sont moins distinctes qu’il n’y paraît. […] Du soin à la surveillance, il y a un continuum d’anxiété qui a des effets sur la société elle-même. | |||
| > | |||
| > <cite>*[Du soin à la surveillance…](https://www.internetactu.net/a-lire-ailleurs/du-soin-a-la-surveillance/)* ([cache](/david/cache/2021/d13d382d8d1f51c3e2920029ccca5303/))</cite> | |||
+ 2
- 1
david/index.html
View File
| @@ -86,7 +86,8 @@ | |||
| <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/12/">Masque</a>, | |||
| <a href="/david/2021/06/13/">Constructivisme</a>. | |||
| </p> | |||
+ 23
- 17
david/log/index.xml
View File
| @@ -6,13 +6,35 @@ | |||
| <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>2021-06-19T12:00:00+01:00</updated> | |||
| <updated>2021-06-20T12:00:00+01:00</updated> | |||
| <author> | |||
| <name>David Larlet</name> | |||
| <uri>https://larlet.fr/david/</uri> | |||
| </author> | |||
| <rights>Copyright (c) 2004-2021, David Larlet</rights> | |||
| <entry xml:lang="fr"> | |||
| <title type="html">Constructivisme</title> | |||
| <link href="https://larlet.fr/david/2021/06/13/" rel="alternate" type="text/html" /> | |||
| <updated>2021-06-13T12:00:00+01:00</updated> | |||
| <id>https://larlet.fr/david/2021/06/13/</id> | |||
| <summary type="html"> | |||
| <blockquote> | |||
| <p>À quel point est-on bien-traitant lorsqu’on laisse une personne expérimenter par elle-même&#8239;?<sup>*</sup></p> | |||
| </blockquote> | |||
| <p>C’est un truc qui me gratte pas mal ces jours-ci.</p> | |||
| <p><small>* En considérant que l’on ait soi-même vécu une issue à cette expérience qui était plutôt douloureuse.</small></p> | |||
| <hr /> | |||
| <p>Pas tout à fait lié mais quand même un peu&nbsp;:</p> | |||
| <blockquote> | |||
| <p>Pour Hannah Zeavin, la surveillance des enfants et la surveillance d’État sont moins distinctes qu’il n’y paraît. […] Du soin à la surveillance, il y a un continuum d’anxiété qui a des effets sur la société elle-même.</p> | |||
| <p><cite><em><a href="https://www.internetactu.net/a-lire-ailleurs/du-soin-a-la-surveillance/">Du soin à la surveillance…</a></em> (<a href="https://larlet.fr/david/cache/2021/d13d382d8d1f51c3e2920029ccca5303/">cache</a>)</cite></p> | |||
| </blockquote> | |||
| <hr/><p><a href="mailto:david@larlet.fr">Réagir ?</a></p></summary> | |||
| </entry> | |||
| <entry xml:lang="fr"> | |||
| <title type="html">Masque</title> | |||
| <link href="https://larlet.fr/david/2021/06/12/" rel="alternate" type="text/html" /> | |||
| @@ -697,22 +719,6 @@ Ce mot, ce serait la <em>solstalgie</em>. La nostalgie d’une solit | |||
| <p>J’ai dû m’en tenir à une randonnée à la journée. Quinze kilomètres avec quinze kilos sur le dos, pas terrible. J’ai réussi à l’accepter en le prenant comme un entraînement au plus proche du réel vu que j’ai besoin de refaire quelques muscles confinés un peu trop longtemps. Cela m’a également rappelé qu’il est très compliqué de faire des vidéos dans les conditions estivales qui sont les miennes. Les <em>bibittes</em> ne laissent pas la possibilité de faire des captures de manière sereine. J’ai des plans pour l’automne avec les couleurs rougeoyantes, ça me laisse du temps pour apprivoiser mon matériel.</p> | |||
| <p>Tout ça pour partager le fait qu’il faut parfois accepter de faire demi-tour (ou une boucle si vous êtes chanceux·se&#8239;!). C’est certain que faire 3&nbsp;heures de voiture pour une rando à la journée c’est frustrant à plus d’un titre. Mais devoir se réfugier dans sa tente une bonne partie de la journée/nuit, ça n’est pas très fun non plus…</p> | |||
| <p>Et si je tentais une vidéo citadine&#8239;?</p> | |||
| <hr/><p><a href="mailto:david@larlet.fr">Réagir ?</a></p></summary> | |||
| </entry> | |||
| <entry xml:lang="fr"> | |||
| <title type="html">Obsolescence chiffrée</title> | |||
| <link href="https://larlet.fr/david/2021/05/13/" rel="alternate" type="text/html" /> | |||
| <updated>2021-05-13T12:00:00+01:00</updated> | |||
| <id>https://larlet.fr/david/2021/05/13/</id> | |||
| <summary type="html"> | |||
| <blockquote lang="en"> | |||
| <p>On September 30, there will be a change in how older browsers and devices trust Let’s Encrypt certificates, resulting in a <mark>minor decrease</mark> in compatibility. -- The Let’s Encrypt team</p> | |||
| <p><cite>Un courriel adressé à toutes les personnes ayant généré des certificats Let’s Encrypt (incluant indirectement cet espace)</cite></p> | |||
| </blockquote> | |||
| <p>C’est un bon rappel que <a href="https://letsencrypt.org/docs/dst-root-ca-x3-expiration-september-2021/">HTTPS crée de l’obsolescence</a> (<a href="https://larlet.fr/david/cache/2021/372cdbf3dc67c7796673bec4aaeb9f0f/">cache</a>) en ne supportant plus des périphériques plus anciens (au même titre qu’un système d’exploitation par exemple). La durée acceptable semble être de 10&nbsp;ans dans le cas du compromis qui a été fait. Les personnes détentrices (<a href="https://letsencrypt.org/docs/certificate-compatibility/">entre beaucoup d’autres</a>) d’un iPhone 4&nbsp;ne pourront plus accéder à cet espace — et des millions d’autres — d’ici la fin de l’année et ça me rend triste.</p> | |||
| <p>Voir les <a href="https://larlet.fr/david/stream/2018/01/06/">épisodes</a> <a href="https://larlet.fr/david/stream/2018/01/10/">précédents</a> au <a href="https://larlet.fr/david/stream/2018/01/24/">sujet de HTTPS</a>.</p> | |||
| <hr/><p><a href="mailto:david@larlet.fr">Réagir ?</a></p></summary> | |||
| </entry> | |||
Loading…