6 changed files with 215 additions and 26 deletions
+ 2
- 2
david/2021/10/24/index.html
View File
| @@ -63,7 +63,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/10/25/" title="Publication suivante : Transformatrice">Suivant →</a> | |||
| </p> | |||
| </nav> | |||
| <hr> | |||
| @@ -89,7 +89,7 @@ | |||
| <p class="center"> | |||
| <a rel="prev" href="/david/2021/10/22/" title="Publication précédente : Astronaute">← Précédent</a> • | |||
| <a href="/david/2021/" title="Liste des publications récentes">↑ En 2021</a> | |||
| • <a rel="next" href="/david/2021/10/25/" title="Publication suivante : Transformatrice">Suivant →</a> | |||
| </p> | |||
| </nav> | |||
| </article> | |||
+ 183
- 0
david/2021/10/25/index.html
View File
| @@ -0,0 +1,183 @@ | |||
| <!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>Transformatrice — David Larlet</title> | |||
| <meta name="description" content="je suis insatisfait par le système de justice tel que je le connais parce qu’il ne prend pas bien en compte les victimes, ne répond pas vraiment à leurs besoins, ou alors par accident"> | |||
| <!-- 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>Transformatrice</h1> | |||
| </header> | |||
| <nav> | |||
| <p class="center"> | |||
| <a rel="prev" href="/david/2021/10/24/" title="Publication précédente : Représentation">← 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>je suis insatisfait par le système de justice tel que je le connais parce qu’il ne prend pas bien en compte les <mark>victimes</mark>, ne répond pas vraiment à leurs besoins, ou alors par accident</p> | |||
| <p><cite><em><a href="https://davidbruant.github.io/justice/">Une autre justice - description du problème</a></em> (<a href="/david/cache/2021/02de0fb44c1856ae5b7053f7a1682cc8/">cache</a>)</cite></p> | |||
| </blockquote> | |||
| <p>David nous parle de ses explorations autour de la justice, réparatrice puis transformatrice à travers des interprétations de situations malheureusement bien réelles. Le travail d’essayer de décortiquer les attentes des victimes et le soin qu’il y aurait à leur apporter est fascinant. Ou déprimant. Bon en tout cas ça me fait bien cogiter.</p> | |||
| <p><em>Merci.</em></p> | |||
| <nav> | |||
| <p class="center"> | |||
| <a rel="prev" href="/david/2021/10/24/" title="Publication précédente : Représentation">← 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
| @@ -593,6 +593,8 @@ | |||
| <h2><a href="/david/2021/10/24/">Représentation</a> (2021-10-24)</h2> | |||
| <h2><a href="/david/2021/10/25/">Transformatrice</a> (2021-10-25)</h2> | |||
| </main> | |||
+ 9
- 0
david/2021/sources/2021-10-25 - Transformatrice.md
View File
| @@ -0,0 +1,9 @@ | |||
| # Transformatrice | |||
| > je suis insatisfait par le système de justice tel que je le connais parce qu’il ne prend pas bien en compte les ==victimes==, ne répond pas vraiment à leurs besoins, ou alors par accident | |||
| > | |||
| > <cite>*[Une autre justice - description du problème](https://davidbruant.github.io/justice/)* ([cache](/david/cache/2021/02de0fb44c1856ae5b7053f7a1682cc8/))</cite> | |||
| David nous parle de ses explorations autour de la justice, réparatrice puis transformatrice à travers des interprétations de situations malheureusement bien réelles. Le travail d’essayer de décortiquer les attentes des victimes et le soin qu’il y aurait à leur apporter est fascinant. Ou déprimant. Bon en tout cas ça me fait bien cogiter. | |||
| *Merci.* | |||
+ 2
- 1
david/index.html
View File
| @@ -95,7 +95,8 @@ | |||
| <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/24/">Représentation</a>, | |||
| <a href="/david/2021/10/25/">Transformatrice</a>. | |||
| </p> | |||
+ 17
- 23
david/log/index.xml
View File
| @@ -6,13 +6,29 @@ | |||
| <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-10-31T12:00:00+01:00</updated> | |||
| <updated>2021-11-01T12: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">Transformatrice</title> | |||
| <link href="https://larlet.fr/david/2021/10/25/" rel="alternate" type="text/html" /> | |||
| <updated>2021-10-25T12:00:00+01:00</updated> | |||
| <id>https://larlet.fr/david/2021/10/25/</id> | |||
| <summary type="html"> | |||
| <blockquote> | |||
| <p>je suis insatisfait par le système de justice tel que je le connais parce qu’il ne prend pas bien en compte les <mark>victimes</mark>, ne répond pas vraiment à leurs besoins, ou alors par accident</p> | |||
| <p><cite><em><a href="https://davidbruant.github.io/justice/">Une autre justice - description du problème</a></em> (<a href="https://larlet.fr/david/cache/2021/02de0fb44c1856ae5b7053f7a1682cc8/">cache</a>)</cite></p> | |||
| </blockquote> | |||
| <p>David nous parle de ses explorations autour de la justice, réparatrice puis transformatrice à travers des interprétations de situations malheureusement bien réelles. Le travail d’essayer de décortiquer les attentes des victimes et le soin qu’il y aurait à leur apporter est fascinant. Ou déprimant. Bon en tout cas ça me fait bien cogiter.</p> | |||
| <p><em>Merci.</em></p> | |||
| <hr/><p><a href="mailto:david@larlet.fr">Réagir ?</a></p></summary> | |||
| </entry> | |||
| <entry xml:lang="fr"> | |||
| <title type="html">Représentation</title> | |||
| <link href="https://larlet.fr/david/2021/10/24/" rel="alternate" type="text/html" /> | |||
| @@ -769,28 +785,6 @@ Nombre de personne croisées&nbsp;: une dizaine.<br /> | |||
| Poids du sac&nbsp;: une quinzaine de kilos.</p> | |||
| <hr /> | |||
| <p>Pour réchauffer ma nourriture, je continue mon exploration des pastilles <em>Esbit</em>. J’ai besoin de savoir si c’est utilisable en refuge cet hiver car c’est quand même super léger. Le poêle c’est bien pour faire fondre la neige mais pour porter de l’eau à ébullition ça génère une dépense d’énergie non négligeable, surtout pour le petit déjeuner…</p> | |||
| <hr/><p><a href="mailto:david@larlet.fr">Réagir ?</a></p></summary> | |||
| </entry> | |||
| <entry xml:lang="fr"> | |||
| <title type="html">Analphabète</title> | |||
| <link href="https://larlet.fr/david/2021/09/16/" rel="alternate" type="text/html" /> | |||
| <updated>2021-09-16T12:00:00+01:00</updated> | |||
| <id>https://larlet.fr/david/2021/09/16/</id> | |||
| <summary type="html"> | |||
| <blockquote> | |||
| <p>Mais depuis quelques mois j’ai trouvé une sorte de parade à cela. Je me fais simplement passer pour un analphabète numérique. Étant donné que je sais que, peu importe les démarches que je souhaite réaliser, il y a de fortes chances pour que je ne rentre pas dans les cases, j’arrive ainsi à établir les dossiers <mark>avec une véritable personne qui peut prendre en compte mes spécificités</mark> sans avoir, avant, à perdre du temps auprès d’une machine.</p> | |||
| <p><cite><em><a href="http://shl.huld.re/~f6k/log/vol12/13-l-administration-publique-et-moi.html">Journal de f6k, vol. 12&nbsp;num. 13</a></em> (<a href="https://larlet.fr/david/cache/2021/dd8f6ee1a59a052e72c5e1f5f8c5fc39/">cache</a>)</cite></p> | |||
| </blockquote> | |||
| <p>Hier, Elle reçoit un courriel la notifiant qu’elle a un nouveau message de l’immigration. C’est un enjeu stressant pour nous, car il y a un visa à la clef et toute une chaîne de conséquences. Elle essaye de se connecter avec son téléphone mais une fois authentifiée, retour à l’accueil, déconnectée. Elle me demande de tester à mon tour, même erreur depuis un ordinateur. Elle se connecte à Twitter car c’est le seul moyen aujourd’hui de pouvoir interagir avec une administration. Elle fait état du <em>bug(?)</em>. La réponse est digne d’un «&nbsp;dans le doute, <em>reboot</em>&nbsp;»&nbsp;: essayez de (très) nombreuses fois après avoir vidé le cache du navigateur…</p> | |||
| <p>Le lendemain, Elle tente de se (re)connecter au site de l’administration en pestant sur le fait que le courriel de notification pourrait contenir le message et s’éviter tout cela. Cette fois-ci, ça marche&#8239;! Le contenu du message&nbsp;:</p> | |||
| <blockquote> | |||
| <p>Vous allez prochainement recevoir un courrier qui contiendra votre nouveau visa.</p> | |||
| </blockquote> | |||
| <p><em>Tout ça pour ça.</em> Un poids appréciable en moins tout de même. Il faudrait que je fasse le compte de ce que nous coûte en argent (et en temps&#8239;!) une immigration choisie.</p> | |||
| <p>Histoire de chialer comme un bon français 🙃.</p> | |||
| <hr/><p><a href="mailto:david@larlet.fr">Réagir ?</a></p></summary> | |||
| </entry> | |||
Loading…