11 změnil soubory, kde provedl 517 přidání a 49 odebrání
+ 2
- 2
david/2023/09/06/index.html
Zobrazit soubor
| @@ -81,7 +81,7 @@ | |||
| Recherche</a | |||
| > | |||
| </nobr> | |||
| • <a rel="next" href="/david/2023/09/07/" title="Publication suivante : Conteur">Suivant →</a> | |||
| </p> | |||
| </nav> | |||
| <hr> | |||
| @@ -146,7 +146,7 @@ | |||
| <p class="center"> | |||
| <a rel="prev" href="/david/2023/07/28/" title="Publication précédente : France">← Précédent</a> • | |||
| <a href="/david/2023/" title="Liste des publications récentes">↑ En 2023</a> | |||
| • <a rel="next" href="/david/2023/09/07/" title="Publication suivante : Conteur">Suivant →</a> | |||
| </p> | |||
| </nav> | |||
| </article> | |||
+ 291
- 0
david/2023/09/07/index.html
Zobrazit soubor
| @@ -0,0 +1,291 @@ | |||
| <!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>Conteur — David Larlet</title> | |||
| <meta name="description" content="Un peu de contexte. Lorsqu’on va promener et bivouaquer en forêt avec l’enfant — comme la fin de semaine dernière — on invente des histoires. C’est souvent inspiré des lectures du moment (La guerre de clans, Naruto, etc) croisées avec les éléments que l’on a sous la main (crapauds, anis gemmes de Flavigny, etc). En rentrant à la maison, on prend un moment le soir pour écrire taper tout cela mais il faut garder de la place pour les dessins d’illustration. Me voilà donc en train de chercher comment introduire un saut de page en Markdown lors de l’impression. Ou plutôt dans le rendu de Markdown par iAWriter pour être plus précis. Et il s’avère que c’est possible (cache) avec +++ !"> | |||
| <!-- 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>Conteur</h1> | |||
| </header> | |||
| <nav> | |||
| <p class="center"> | |||
| <a rel="prev" href="/david/2023/09/06/" title="Publication précédente : Retour">← Précédent</a> • | |||
| <nobr> | |||
| <a href="/david/" title="Aller à l’accueil" rel="up" | |||
| ><svg class="icon icon-home"> | |||
| <use | |||
| xlink:href="/static/david/icons2/symbol-defs-2022-03.svg#icon-home" | |||
| ></use> | |||
| </svg> | |||
| Accueil</a | |||
| > | |||
| </nobr> | |||
| • | |||
| <nobr> | |||
| <a href="/david/recherche/" title="Aller à la page de recherche" rel="search" | |||
| ><svg class="icon icon-search"> | |||
| <use | |||
| xlink:href="/static/david/icons2/symbol-defs-2022-03.svg#icon-search" | |||
| ></use> | |||
| </svg> | |||
| Recherche</a | |||
| > | |||
| </nobr> | |||
| </p> | |||
| </nav> | |||
| <hr> | |||
| <p>Un peu de contexte. Lorsqu’on va promener et bivouaquer en forêt avec l’enfant — comme la fin de semaine dernière — on invente des histoires. C’est souvent inspiré des lectures du moment (La guerre de clans, Naruto, etc) croisées avec les éléments que l’on a sous la main (crapauds, <del>anis</del> gemmes de Flavigny, etc). En rentrant à la maison, on prend un moment le soir pour <del>écrire</del> taper tout cela mais il faut garder de la place pour les dessins d’illustration. Me voilà donc en train de chercher comment introduire un saut de page en Markdown lors de l’impression. Ou plutôt dans le rendu de Markdown par iAWriter pour être plus précis. Et il s’avère que <a href="https://ia.net/writer/support/basics/markdown-guide">c’est possible</a> (<a href="/david/cache/2023/478260db4b078551676bf263cbeeaa52/">cache</a>) avec <code>+++</code> !</p> | |||
| <p>Au passage, je découvre qu’il y a tout un tas de possibilités dans un logiciel que j’utilise depuis des années. Comme les formules (dans les tableaux) ou les métadonnées qui viennent dynamiquement remplacer des variables. Une chouette découverte après avoir utilisé récemment les <em>templates</em> pour uniformiser mes courriers.</p> | |||
| <p>Et c’est ainsi que je vous conte ce qu’il nous est arrivé en contant cette histoire. Je vous accorde que c’est un peu <em>meta</em>.</p> | |||
| <figure> | |||
| <a href="/static/david/2023/2023-09-06-extrait-quete.jpg" | |||
| title="Cliquer pour une version haute résolution"> | |||
| <img | |||
| src="/static/david/2023/2023-09-06-extrait-quete.jpg" | |||
| width="3024" height="3024" | |||
| srcset="/static/david/2023/2023-09-06-extrait-quete.jpg 3024w, /static/david/2023/2023-09-06-extrait-quete_660x440.jpg 660w, /static/david/2023/2023-09-06-extrait-quete_990x660.jpg 990w, /static/david/2023/2023-09-06-extrait-quete_1320x880.jpg 1320w" | |||
| sizes="min(100vw, calc(100vh * 3024 / 3024))" | |||
| loading="lazy" | |||
| decoding="async" | |||
| alt="Un extrait de l’histoire : Sur le chemin du retour, nous nous dimes que nous allions écrire cette histoire."> | |||
| </a> | |||
| <figcaption>Mais on aime ça le meta. (Et les typos. (Et le passé simple.))</figcaption> | |||
| </figure> | |||
| <hr /> | |||
| <blockquote lang="en"> | |||
| <p>🪦 The 100-Year Plan isn’t just about today. It’s an investment in tomorrow. Whether you’re cementing your own digital legacy or gifting 100 years of a trusted platform to a loved one, <mark>this plan is a testament to the future</mark>’s boundless potential.</p> | |||
| <p>The cost is $38,000. We hope people renew.</p> | |||
| <p><cite><em><a href="https://wordpress.com/blog/2023/08/25/introducing-the-100-year-plan/">Introducing the 100-Year Plan: Secure Your Online Legacy for a Century</a></em> (<a href="/david/cache/2023/57c0b22f733354552de63db112f51b20/">cache</a>)</cite></p> | |||
| </blockquote> | |||
| <blockquote lang="en"> | |||
| <p>📜 A false sense of security persists surrounding digitized documents: because an infinite number of identical copies can be made of any original, most of us believe that our electronic files have an indefinite shelf life and unlimited retrieval opportunities. In fact, preserving the world’s online content is an increasing concern, particularly as file formats (and the hardware and software used to run them) become scarce, inaccessible, or antiquated, technologies evolve, and data decays. <mark>Without constant maintenance and management,</mark> most digital information will be lost in just a few decades. Our modern records are far from permanent.</p> | |||
| <p><cite><em><a href="https://longnow.org/ideas/shining-a-light-on-the-digital-dark-age/">Shining a Light on the Digital Dark Age</a></em> (<a href="/david/cache/2023/83c60dd85e9f0f07bf41821a2694a0e5/">cache</a>)</cite></p> | |||
| </blockquote> | |||
| <blockquote lang="en"> | |||
| <p>🔋 But there’s something else I want to suggest here, and it’s to stop thinking about time entirely. Or, at least, to stop thinking about time as something <em>consistent</em>. We all know that time can be stretchy or compressed—we’ve experienced hours that plodded along interminably and those that whisked by in a few breaths. We’ve had days in which we got so much done we surprised ourselves and days where we got into a staring contest with the to-do list and the to-do list didn’t blink. And we’ve also had days that left us puddled on the floor and days that left us pumped up, practically leaping out of our chairs. <mark>What differentiates these experiences isn’t the number of hours in the day but the energy we get from the work.</mark> Energy <em>makes</em> time.</p> | |||
| <p><cite><em><a href="https://everythingchanges.us/blog/energy-makes-time/">Energy makes time</a></em> (<a href="/david/cache/2023/3f4be4add2995420dc6be529f1032e46/">cache</a>)</cite></p> | |||
| </blockquote> | |||
| <nav> | |||
| <p> | |||
| <a href="/david/2023/aventure/" | |||
| title="Liste de tous les articles 2023 associés à cette étiquette" | |||
| rel="tag" | |||
| >#aventure</a> | |||
| <a href="/david/2023/foret/" | |||
| title="Liste de tous les articles 2023 associés à cette étiquette" | |||
| rel="tag" | |||
| >#forêt</a> | |||
| <a href="/david/2023/parentalite/" | |||
| title="Liste de tous les articles 2023 associés à cette étiquette" | |||
| rel="tag" | |||
| >#parentalité</a> | |||
| <a href="/david/#tags-2023" | |||
| title="Liste de toutes les étiquettes 2023" | |||
| ><svg class="icon icon-tags"> | |||
| <use xlink:href="/static/david/icons2/symbol-defs-2022-03.svg#icon-tags"></use> | |||
| </svg> | |||
| tous ?</a | |||
| > | |||
| </p> | |||
| </nav> | |||
| <nav> | |||
| <p class="center"> | |||
| <a rel="prev" href="/david/2023/09/06/" title="Publication précédente : Retour">← Précédent</a> • | |||
| <a href="/david/2023/" title="Liste des publications récentes">↑ En 2023</a> | |||
| </p> | |||
| </nav> | |||
| </article> | |||
| <hr> | |||
| <footer> | |||
| <p> | |||
| <nobr> | |||
| <a href="/david/" title="Aller à l’accueil" | |||
| ><svg class="icon icon-home"> | |||
| <use | |||
| xlink:href="/static/david/icons2/symbol-defs-2022-03.svg#icon-home" | |||
| ></use> | |||
| </svg> | |||
| Accueil</a | |||
| > | |||
| </nobr> | |||
| • | |||
| <nobr> | |||
| <a href="/david/log/" title="Accès au flux RSS" | |||
| ><svg class="icon icon-rss2"> | |||
| <use xlink:href="/static/david/icons2/symbol-defs-2022-03.svg#icon-rss2"></use> | |||
| </svg> | |||
| Suivre</a | |||
| > | |||
| </nobr> | |||
| • | |||
| <nobr> | |||
| <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-2022-03.svg#icon-user-tie"></use> | |||
| </svg> | |||
| Pro</a | |||
| > | |||
| </nobr> | |||
| • | |||
| <nobr> | |||
| <a href="mailto:david%40larlet.fr" title="Envoyer un courriel" | |||
| ><svg class="icon icon-mail"> | |||
| <use xlink:href="/static/david/icons2/symbol-defs-2022-03.svg#icon-mail"></use> | |||
| </svg> | |||
| Email</a | |||
| > | |||
| </nobr> | |||
| • | |||
| <nobr> | |||
| <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-2022-03.svg#icon-hammer2"></use> | |||
| </svg> | |||
| Légal</abbr | |||
| > | |||
| </nobr> | |||
| </p> | |||
| <template id="theme-selector"> | |||
| <form> | |||
| <fieldset> | |||
| <legend><svg class="icon icon-brightness-contrast"> | |||
| <use xlink:href="/static/david/icons2/symbol-defs-2022-03.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> | |||
+ 27
- 0
david/2023/_sources/2023-09-07 - Conteur.md
Zobrazit soubor
| @@ -0,0 +1,27 @@ | |||
| # Conteur | |||
| Un peu de contexte. Lorsqu’on va promener et bivouaquer en forêt avec l’enfant — comme la fin de semaine dernière — on invente des histoires. C’est souvent inspiré des lectures du moment (La guerre de clans, Naruto, etc) croisées avec les éléments que l’on a sous la main (crapauds, ~~anis~~ gemmes de Flavigny, etc). En rentrant à la maison, on prend un moment le soir pour ~~écrire~~ taper tout cela mais il faut garder de la place pour les dessins d’illustration. Me voilà donc en train de chercher comment introduire un saut de page en Markdown lors de l’impression. Ou plutôt dans le rendu de Markdown par iAWriter pour être plus précis. Et il s’avère que [c’est possible](https://ia.net/writer/support/basics/markdown-guide) ([cache](/david/cache/2023/478260db4b078551676bf263cbeeaa52/)) avec `+++` ! | |||
| Au passage, je découvre qu’il y a tout un tas de possibilités dans un logiciel que j’utilise depuis des années. Comme les formules (dans les tableaux) ou les métadonnées qui viennent dynamiquement remplacer des variables. Une chouette découverte après avoir utilisé récemment les _templates_ pour uniformiser mes courriers. | |||
| Et c’est ainsi que je vous conte ce qu’il nous est arrivé en contant cette histoire. Je vous accorde que c’est un peu *meta*. | |||
|  | |||
| --- | |||
| > [en] 🪦 The 100-Year Plan isn’t just about today. It’s an investment in tomorrow. Whether you’re cementing your own digital legacy or gifting 100 years of a trusted platform to a loved one, ==this plan is a testament to the future==’s boundless potential. | |||
| > | |||
| > The cost is $38,000. We hope people renew. | |||
| > | |||
| > <cite>*[Introducing the 100-Year Plan: Secure Your Online Legacy for a Century](https://wordpress.com/blog/2023/08/25/introducing-the-100-year-plan/)* ([cache](/david/cache/2023/57c0b22f733354552de63db112f51b20/))</cite> | |||
| > [en] 📜 A false sense of security persists surrounding digitized documents: because an infinite number of identical copies can be made of any original, most of us believe that our electronic files have an indefinite shelf life and unlimited retrieval opportunities. In fact, preserving the world’s online content is an increasing concern, particularly as file formats (and the hardware and software used to run them) become scarce, inaccessible, or antiquated, technologies evolve, and data decays. ==Without constant maintenance and management,== most digital information will be lost in just a few decades. Our modern records are far from permanent. | |||
| > | |||
| > <cite>*[Shining a Light on the Digital Dark Age](https://longnow.org/ideas/shining-a-light-on-the-digital-dark-age/)* ([cache](/david/cache/2023/83c60dd85e9f0f07bf41821a2694a0e5/))</cite> | |||
| > [en] 🔋 But there’s something else I want to suggest here, and it’s to stop thinking about time entirely. Or, at least, to stop thinking about time as something *consistent*. We all know that time can be stretchy or compressed—we’ve experienced hours that plodded along interminably and those that whisked by in a few breaths. We’ve had days in which we got so much done we surprised ourselves and days where we got into a staring contest with the to-do list and the to-do list didn’t blink. And we’ve also had days that left us puddled on the floor and days that left us pumped up, practically leaping out of our chairs. ==What differentiates these experiences isn’t the number of hours in the day but the energy we get from the work.== Energy *makes* time. | |||
| > | |||
| > <cite>*[Energy makes time](https://everythingchanges.us/blog/energy-makes-time/)* ([cache](/david/cache/2023/3f4be4add2995420dc6be529f1032e46/))</cite> | |||
| #aventure #forêt #parentalité | |||
+ 45
- 1
david/2023/aventure/index.html
Zobrazit soubor
| @@ -76,6 +76,47 @@ | |||
| <main> | |||
| <p>Les plus récentes en premier, les 3 premières sont dépliées et ensuite c’est à la demande, bonne exploration !</p> | |||
| <h2><a href="/david/2023/09/07/" title="Lien permanent vers cet article">Conteur</a> (2023-09-07)</h2> | |||
| <p>Un peu de contexte. Lorsqu’on va promener et bivouaquer en forêt avec l’enfant — comme la fin de semaine dernière — on invente des histoires. C’est souvent inspiré des lectures du moment (La guerre de clans, Naruto, etc) croisées avec les éléments que l’on a sous la main (crapauds, <del>anis</del> gemmes de Flavigny, etc). En rentrant à la maison, on prend un moment le soir pour <del>écrire</del> taper tout cela mais il faut garder de la place pour les dessins d’illustration. Me voilà donc en train de chercher comment introduire un saut de page en Markdown lors de l’impression. Ou plutôt dans le rendu de Markdown par iAWriter pour être plus précis. Et il s’avère que <a href="https://ia.net/writer/support/basics/markdown-guide">c’est possible</a> (<a href="/david/cache/2023/478260db4b078551676bf263cbeeaa52/">cache</a>) avec <code>+++</code> !</p> | |||
| <p>Au passage, je découvre qu’il y a tout un tas de possibilités dans un logiciel que j’utilise depuis des années. Comme les formules (dans les tableaux) ou les métadonnées qui viennent dynamiquement remplacer des variables. Une chouette découverte après avoir utilisé récemment les <em>templates</em> pour uniformiser mes courriers.</p> | |||
| <p>Et c’est ainsi que je vous conte ce qu’il nous est arrivé en contant cette histoire. Je vous accorde que c’est un peu <em>meta</em>.</p> | |||
| <figure> | |||
| <a href="/static/david/2023/2023-09-06-extrait-quete.jpg" | |||
| title="Cliquer pour une version haute résolution"> | |||
| <img | |||
| src="/static/david/2023/2023-09-06-extrait-quete.jpg" | |||
| width="3024" height="3024" | |||
| srcset="/static/david/2023/2023-09-06-extrait-quete.jpg 3024w, /static/david/2023/2023-09-06-extrait-quete_660x440.jpg 660w, /static/david/2023/2023-09-06-extrait-quete_990x660.jpg 990w, /static/david/2023/2023-09-06-extrait-quete_1320x880.jpg 1320w" | |||
| sizes="min(100vw, calc(100vh * 3024 / 3024))" | |||
| loading="lazy" | |||
| decoding="async" | |||
| alt="Un extrait de l’histoire : Sur le chemin du retour, nous nous dimes que nous allions écrire cette histoire."> | |||
| </a> | |||
| <figcaption>Mais on aime ça le meta. (Et les typos. (Et le passé simple.))</figcaption> | |||
| </figure> | |||
| <hr /> | |||
| <blockquote lang="en"> | |||
| <p>🪦 The 100-Year Plan isn’t just about today. It’s an investment in tomorrow. Whether you’re cementing your own digital legacy or gifting 100 years of a trusted platform to a loved one, <mark>this plan is a testament to the future</mark>’s boundless potential.</p> | |||
| <p>The cost is $38,000. We hope people renew.</p> | |||
| <p><cite><em><a href="https://wordpress.com/blog/2023/08/25/introducing-the-100-year-plan/">Introducing the 100-Year Plan: Secure Your Online Legacy for a Century</a></em> (<a href="/david/cache/2023/57c0b22f733354552de63db112f51b20/">cache</a>)</cite></p> | |||
| </blockquote> | |||
| <blockquote lang="en"> | |||
| <p>📜 A false sense of security persists surrounding digitized documents: because an infinite number of identical copies can be made of any original, most of us believe that our electronic files have an indefinite shelf life and unlimited retrieval opportunities. In fact, preserving the world’s online content is an increasing concern, particularly as file formats (and the hardware and software used to run them) become scarce, inaccessible, or antiquated, technologies evolve, and data decays. <mark>Without constant maintenance and management,</mark> most digital information will be lost in just a few decades. Our modern records are far from permanent.</p> | |||
| <p><cite><em><a href="https://longnow.org/ideas/shining-a-light-on-the-digital-dark-age/">Shining a Light on the Digital Dark Age</a></em> (<a href="/david/cache/2023/83c60dd85e9f0f07bf41821a2694a0e5/">cache</a>)</cite></p> | |||
| </blockquote> | |||
| <blockquote lang="en"> | |||
| <p>🔋 But there’s something else I want to suggest here, and it’s to stop thinking about time entirely. Or, at least, to stop thinking about time as something <em>consistent</em>. We all know that time can be stretchy or compressed—we’ve experienced hours that plodded along interminably and those that whisked by in a few breaths. We’ve had days in which we got so much done we surprised ourselves and days where we got into a staring contest with the to-do list and the to-do list didn’t blink. And we’ve also had days that left us puddled on the floor and days that left us pumped up, practically leaping out of our chairs. <mark>What differentiates these experiences isn’t the number of hours in the day but the energy we get from the work.</mark> Energy <em>makes</em> time.</p> | |||
| <p><cite><em><a href="https://everythingchanges.us/blog/energy-makes-time/">Energy makes time</a></em> (<a href="/david/cache/2023/3f4be4add2995420dc6be529f1032e46/">cache</a>)</cite></p> | |||
| </blockquote> | |||
| <h2><a href="/david/2023/05/01/" title="Lien permanent vers cet article">Long cours</a> (2023-05-01)</h2> | |||
| @@ -159,7 +200,9 @@ | |||
| <h2><a href="/david/2023/03/03/" title="Lien permanent vers cet article">Jour 2</a> (2023-03-03)</h2> | |||
| <details> | |||
| <summary>Déplier pour lire le contenu de la publication</summary> | |||
| <p>Je me suis couché en ayant relativement chaud mais au cours de la nuit, la température est bien tombée avec le vent. Je me réveille vers 6h avec le visage plutôt frais et le trou du duvet bien gelé, je regarde la météo depuis l’intérieur de mon duvet et iels m’annoncent -15°C ressenti -20°C avec le vent. Pas pire. ERREUR.</p> | |||
| <p>En fait, ce duvet est tellement chaud que je ne me suis pas trop méfié mais dès l’habillage je sens qu’il fait vraiment frette. Les chaussures sont gelées et les lacets aussi, les gants en cuirs sont raides et inutilisables, ma barbe gèle instantanément, le bouchon du Thermos a gelé. Ma montre m’indique -23°C et il y a du vent. La météo canadienne disais-je. Je fais vite un feu que j’aurais un peu mieux dû préparer la veille, je mets longtemps à récupérer de la dextérité. Ne parlons pas des pieds.</p> | |||
| <figure> | |||
| @@ -227,6 +270,7 @@ | |||
| <hr /> | |||
| <p>Davantage de <a href="https://media.larlet.fr/2023-03-ouareau-01.html">photos disponibles par ici</a>.</p> | |||
| </details> | |||
+ 45
- 1
david/2023/foret/index.html
Zobrazit soubor
| @@ -76,6 +76,47 @@ | |||
| <main> | |||
| <p>Les plus récentes en premier, les 3 premières sont dépliées et ensuite c’est à la demande, bonne exploration !</p> | |||
| <h2><a href="/david/2023/09/07/" title="Lien permanent vers cet article">Conteur</a> (2023-09-07)</h2> | |||
| <p>Un peu de contexte. Lorsqu’on va promener et bivouaquer en forêt avec l’enfant — comme la fin de semaine dernière — on invente des histoires. C’est souvent inspiré des lectures du moment (La guerre de clans, Naruto, etc) croisées avec les éléments que l’on a sous la main (crapauds, <del>anis</del> gemmes de Flavigny, etc). En rentrant à la maison, on prend un moment le soir pour <del>écrire</del> taper tout cela mais il faut garder de la place pour les dessins d’illustration. Me voilà donc en train de chercher comment introduire un saut de page en Markdown lors de l’impression. Ou plutôt dans le rendu de Markdown par iAWriter pour être plus précis. Et il s’avère que <a href="https://ia.net/writer/support/basics/markdown-guide">c’est possible</a> (<a href="/david/cache/2023/478260db4b078551676bf263cbeeaa52/">cache</a>) avec <code>+++</code> !</p> | |||
| <p>Au passage, je découvre qu’il y a tout un tas de possibilités dans un logiciel que j’utilise depuis des années. Comme les formules (dans les tableaux) ou les métadonnées qui viennent dynamiquement remplacer des variables. Une chouette découverte après avoir utilisé récemment les <em>templates</em> pour uniformiser mes courriers.</p> | |||
| <p>Et c’est ainsi que je vous conte ce qu’il nous est arrivé en contant cette histoire. Je vous accorde que c’est un peu <em>meta</em>.</p> | |||
| <figure> | |||
| <a href="/static/david/2023/2023-09-06-extrait-quete.jpg" | |||
| title="Cliquer pour une version haute résolution"> | |||
| <img | |||
| src="/static/david/2023/2023-09-06-extrait-quete.jpg" | |||
| width="3024" height="3024" | |||
| srcset="/static/david/2023/2023-09-06-extrait-quete.jpg 3024w, /static/david/2023/2023-09-06-extrait-quete_660x440.jpg 660w, /static/david/2023/2023-09-06-extrait-quete_990x660.jpg 990w, /static/david/2023/2023-09-06-extrait-quete_1320x880.jpg 1320w" | |||
| sizes="min(100vw, calc(100vh * 3024 / 3024))" | |||
| loading="lazy" | |||
| decoding="async" | |||
| alt="Un extrait de l’histoire : Sur le chemin du retour, nous nous dimes que nous allions écrire cette histoire."> | |||
| </a> | |||
| <figcaption>Mais on aime ça le meta. (Et les typos. (Et le passé simple.))</figcaption> | |||
| </figure> | |||
| <hr /> | |||
| <blockquote lang="en"> | |||
| <p>🪦 The 100-Year Plan isn’t just about today. It’s an investment in tomorrow. Whether you’re cementing your own digital legacy or gifting 100 years of a trusted platform to a loved one, <mark>this plan is a testament to the future</mark>’s boundless potential.</p> | |||
| <p>The cost is $38,000. We hope people renew.</p> | |||
| <p><cite><em><a href="https://wordpress.com/blog/2023/08/25/introducing-the-100-year-plan/">Introducing the 100-Year Plan: Secure Your Online Legacy for a Century</a></em> (<a href="/david/cache/2023/57c0b22f733354552de63db112f51b20/">cache</a>)</cite></p> | |||
| </blockquote> | |||
| <blockquote lang="en"> | |||
| <p>📜 A false sense of security persists surrounding digitized documents: because an infinite number of identical copies can be made of any original, most of us believe that our electronic files have an indefinite shelf life and unlimited retrieval opportunities. In fact, preserving the world’s online content is an increasing concern, particularly as file formats (and the hardware and software used to run them) become scarce, inaccessible, or antiquated, technologies evolve, and data decays. <mark>Without constant maintenance and management,</mark> most digital information will be lost in just a few decades. Our modern records are far from permanent.</p> | |||
| <p><cite><em><a href="https://longnow.org/ideas/shining-a-light-on-the-digital-dark-age/">Shining a Light on the Digital Dark Age</a></em> (<a href="/david/cache/2023/83c60dd85e9f0f07bf41821a2694a0e5/">cache</a>)</cite></p> | |||
| </blockquote> | |||
| <blockquote lang="en"> | |||
| <p>🔋 But there’s something else I want to suggest here, and it’s to stop thinking about time entirely. Or, at least, to stop thinking about time as something <em>consistent</em>. We all know that time can be stretchy or compressed—we’ve experienced hours that plodded along interminably and those that whisked by in a few breaths. We’ve had days in which we got so much done we surprised ourselves and days where we got into a staring contest with the to-do list and the to-do list didn’t blink. And we’ve also had days that left us puddled on the floor and days that left us pumped up, practically leaping out of our chairs. <mark>What differentiates these experiences isn’t the number of hours in the day but the energy we get from the work.</mark> Energy <em>makes</em> time.</p> | |||
| <p><cite><em><a href="https://everythingchanges.us/blog/energy-makes-time/">Energy makes time</a></em> (<a href="/david/cache/2023/3f4be4add2995420dc6be529f1032e46/">cache</a>)</cite></p> | |||
| </blockquote> | |||
| <h2><a href="/david/2023/06/26/" title="Lien permanent vers cet article">Particules</a> (2023-06-26)</h2> | |||
| @@ -148,7 +189,9 @@ | |||
| <h2><a href="/david/2023/03/04/" title="Lien permanent vers cet article">Jour 3</a> (2023-03-04)</h2> | |||
| <details> | |||
| <summary>Déplier pour lire le contenu de la publication</summary> | |||
| <p>Je me réveille à 4h45. Tout est paisible. Je me réveille à 5h15 car j’ai le visage qui touche la toile de tente. Il vient de tomber cinq centimètres en une demi-heure ! Je secoue la tente car j’ai peur pour la sonde à neige qui me sert de mat de tipi — et qui commence à courber dangereusement — ne casse alors que je suis encore dans mon duvet. Je passe les prochains quarts d’heure à faire glisser la neige très collante lorsqu’elle s’accumule avant d’oublier toute notion de grasse matinée. Le bon côté, c’est qu’il ne fait pas trop froid.</p> | |||
| <p>Je m’habille et je prépare mon petit déjeuner avec mon réchaud à alcool, bien à l’abri, ça tombe en continu et le retour s’annonce épique. J’ai déjà un petit rempart de neige autour de la tente. Dire que je me réjouissais la veille que le sentier ait pu geler…</p> | |||
| <p>Je sors quand même faire des photos en pleine tempête de neige et je suis très content de cette session. Même si les photos une fois développées sont assez frustrantes sur ce plan là, la recherche du moment me donne un grand sourire.</p> | |||
| @@ -199,6 +242,7 @@ | |||
| <hr /> | |||
| <p>Davantage de <a href="https://media.larlet.fr/2023-03-ouareau-01.html">photos disponibles par ici</a>.</p> | |||
| </details> | |||
+ 5
- 4
david/2023/index.html
Zobrazit soubor
| @@ -169,7 +169,8 @@ | |||
| <h3>Septembre 2023</h3> | |||
| <p> | |||
| <a href="/david/2023/09/06/">Retour</a>. | |||
| <a href="/david/2023/09/06/">Retour</a>, | |||
| <a href="/david/2023/09/07/">Conteur</a>. | |||
| </p> | |||
| @@ -183,7 +184,7 @@ | |||
| <a href="/david/2021/accompagnement/" rel="tag">#accompagnement (7)</a> | |||
| <a href="/david/2021/amadou/" rel="tag">#amadou (1)</a> | |||
| <a href="/david/2021/attention/" rel="tag">#attention (2)</a> | |||
| <a href="/david/2021/aventure/" rel="tag">#aventure (12)</a> | |||
| <a href="/david/2021/aventure/" rel="tag">#aventure (13)</a> | |||
| <a href="/david/2021/complexite/" rel="tag">#complexité (5)</a> | |||
| <a href="/david/2021/confiance/" rel="tag">#confiance (5)</a> | |||
| <a href="/david/2021/confidentialite/" rel="tag">#confidentialité (3)</a> | |||
| @@ -192,7 +193,7 @@ | |||
| <a href="/david/2021/don/" rel="tag">#don (2)</a> | |||
| <a href="/david/2021/eau/" rel="tag">#eau (3)</a> | |||
| <a href="/david/2021/ecriture/" rel="tag">#écriture (4)</a> | |||
| <a href="/david/2021/foret/" rel="tag">#forêt (10)</a> | |||
| <a href="/david/2021/foret/" rel="tag">#forêt (11)</a> | |||
| <a href="/david/2021/gafam/" rel="tag">#gafam (1)</a> | |||
| <a href="/david/2021/gratitude/" rel="tag">#gratitude (7)</a> | |||
| <a href="/david/2021/incompetence/" rel="tag">#incompétence (4)</a> | |||
| @@ -201,7 +202,7 @@ | |||
| <a href="/david/2021/masque/" rel="tag">#masque (1)</a> | |||
| <a href="/david/2021/mastodon/" rel="tag">#mastodon (1)</a> | |||
| <a href="/david/2021/nostalgie/" rel="tag">#nostalgie (3)</a> | |||
| <a href="/david/2021/parentalite/" rel="tag">#parentalité (3)</a> | |||
| <a href="/david/2021/parentalite/" rel="tag">#parentalité (4)</a> | |||
| <a href="/david/2021/partage/" rel="tag">#partage (2)</a> | |||
| <a href="/david/2021/patriarcat/" rel="tag">#patriarcat (1)</a> | |||
| <a href="/david/2021/photographie/" rel="tag">#photographie (3)</a> | |||
+ 45
- 1
david/2023/parentalite/index.html
Zobrazit soubor
| @@ -76,6 +76,47 @@ | |||
| <main> | |||
| <p>Les plus récentes en premier, les 3 premières sont dépliées et ensuite c’est à la demande, bonne exploration !</p> | |||
| <h2><a href="/david/2023/09/07/" title="Lien permanent vers cet article">Conteur</a> (2023-09-07)</h2> | |||
| <p>Un peu de contexte. Lorsqu’on va promener et bivouaquer en forêt avec l’enfant — comme la fin de semaine dernière — on invente des histoires. C’est souvent inspiré des lectures du moment (La guerre de clans, Naruto, etc) croisées avec les éléments que l’on a sous la main (crapauds, <del>anis</del> gemmes de Flavigny, etc). En rentrant à la maison, on prend un moment le soir pour <del>écrire</del> taper tout cela mais il faut garder de la place pour les dessins d’illustration. Me voilà donc en train de chercher comment introduire un saut de page en Markdown lors de l’impression. Ou plutôt dans le rendu de Markdown par iAWriter pour être plus précis. Et il s’avère que <a href="https://ia.net/writer/support/basics/markdown-guide">c’est possible</a> (<a href="/david/cache/2023/478260db4b078551676bf263cbeeaa52/">cache</a>) avec <code>+++</code> !</p> | |||
| <p>Au passage, je découvre qu’il y a tout un tas de possibilités dans un logiciel que j’utilise depuis des années. Comme les formules (dans les tableaux) ou les métadonnées qui viennent dynamiquement remplacer des variables. Une chouette découverte après avoir utilisé récemment les <em>templates</em> pour uniformiser mes courriers.</p> | |||
| <p>Et c’est ainsi que je vous conte ce qu’il nous est arrivé en contant cette histoire. Je vous accorde que c’est un peu <em>meta</em>.</p> | |||
| <figure> | |||
| <a href="/static/david/2023/2023-09-06-extrait-quete.jpg" | |||
| title="Cliquer pour une version haute résolution"> | |||
| <img | |||
| src="/static/david/2023/2023-09-06-extrait-quete.jpg" | |||
| width="3024" height="3024" | |||
| srcset="/static/david/2023/2023-09-06-extrait-quete.jpg 3024w, /static/david/2023/2023-09-06-extrait-quete_660x440.jpg 660w, /static/david/2023/2023-09-06-extrait-quete_990x660.jpg 990w, /static/david/2023/2023-09-06-extrait-quete_1320x880.jpg 1320w" | |||
| sizes="min(100vw, calc(100vh * 3024 / 3024))" | |||
| loading="lazy" | |||
| decoding="async" | |||
| alt="Un extrait de l’histoire : Sur le chemin du retour, nous nous dimes que nous allions écrire cette histoire."> | |||
| </a> | |||
| <figcaption>Mais on aime ça le meta. (Et les typos. (Et le passé simple.))</figcaption> | |||
| </figure> | |||
| <hr /> | |||
| <blockquote lang="en"> | |||
| <p>🪦 The 100-Year Plan isn’t just about today. It’s an investment in tomorrow. Whether you’re cementing your own digital legacy or gifting 100 years of a trusted platform to a loved one, <mark>this plan is a testament to the future</mark>’s boundless potential.</p> | |||
| <p>The cost is $38,000. We hope people renew.</p> | |||
| <p><cite><em><a href="https://wordpress.com/blog/2023/08/25/introducing-the-100-year-plan/">Introducing the 100-Year Plan: Secure Your Online Legacy for a Century</a></em> (<a href="/david/cache/2023/57c0b22f733354552de63db112f51b20/">cache</a>)</cite></p> | |||
| </blockquote> | |||
| <blockquote lang="en"> | |||
| <p>📜 A false sense of security persists surrounding digitized documents: because an infinite number of identical copies can be made of any original, most of us believe that our electronic files have an indefinite shelf life and unlimited retrieval opportunities. In fact, preserving the world’s online content is an increasing concern, particularly as file formats (and the hardware and software used to run them) become scarce, inaccessible, or antiquated, technologies evolve, and data decays. <mark>Without constant maintenance and management,</mark> most digital information will be lost in just a few decades. Our modern records are far from permanent.</p> | |||
| <p><cite><em><a href="https://longnow.org/ideas/shining-a-light-on-the-digital-dark-age/">Shining a Light on the Digital Dark Age</a></em> (<a href="/david/cache/2023/83c60dd85e9f0f07bf41821a2694a0e5/">cache</a>)</cite></p> | |||
| </blockquote> | |||
| <blockquote lang="en"> | |||
| <p>🔋 But there’s something else I want to suggest here, and it’s to stop thinking about time entirely. Or, at least, to stop thinking about time as something <em>consistent</em>. We all know that time can be stretchy or compressed—we’ve experienced hours that plodded along interminably and those that whisked by in a few breaths. We’ve had days in which we got so much done we surprised ourselves and days where we got into a staring contest with the to-do list and the to-do list didn’t blink. And we’ve also had days that left us puddled on the floor and days that left us pumped up, practically leaping out of our chairs. <mark>What differentiates these experiences isn’t the number of hours in the day but the energy we get from the work.</mark> Energy <em>makes</em> time.</p> | |||
| <p><cite><em><a href="https://everythingchanges.us/blog/energy-makes-time/">Energy makes time</a></em> (<a href="/david/cache/2023/3f4be4add2995420dc6be529f1032e46/">cache</a>)</cite></p> | |||
| </blockquote> | |||
| <h2><a href="/david/2023/07/28/" title="Lien permanent vers cet article">France</a> (2023-07-28)</h2> | |||
| @@ -191,7 +232,9 @@ | |||
| <h2><a href="/david/2023/01/31/" title="Lien permanent vers cet article">Ennui</a> (2023-01-31)</h2> | |||
| <details> | |||
| <summary>Déplier pour lire le contenu de la publication</summary> | |||
| <blockquote lang="en"> | |||
| <p>There’s a quote from a writer that has rattled around in my head for years (although I have never been able to source it, leading me to wonder if I accidentally made it up), but it went something like, “I only need a half hour a day to write. But I have to wait around an awful long time for that half hour to show up.” I think about this all the time—that the actual amount of time spent in doing something creative (writing, designing, making music, whathaveyou) is often buffered by hours and hours on either side by real—sometimes pleasant, sometimes infuriating—boredom.</p> | |||
| @@ -215,6 +258,7 @@ | |||
| <p><cite><em><a href="https://archive.nytimes.com/opinionator.blogs.nytimes.com/2013/09/16/time-to-write-go-outside/">Time to Write? Go Outside</a></em> (<a href="/david/cache/2023/300b9aa899d44f7606a8448991e2acfd/">cache</a>)</cite></p> | |||
| </blockquote> | |||
| </details> | |||
+ 4
- 3
david/index.html
Zobrazit soubor
| @@ -76,6 +76,7 @@ | |||
| <nav> | |||
| <p> | |||
| <a href="/david/2023/09/07/">Conteur</a>, | |||
| <a href="/david/2023/09/06/">Retour</a>, | |||
| <a href="/david/2023/07/28/">France</a>, | |||
| <a href="/david/2023/07/02/">Perles</a>, | |||
| @@ -141,7 +142,7 @@ | |||
| <a href="/david/2023/accompagnement/" rel="tag">#accompagnement (7)</a>, | |||
| <a href="/david/2023/amadou/" rel="tag">#amadou (1)</a>, | |||
| <a href="/david/2023/attention/" rel="tag">#attention (2)</a>, | |||
| <a href="/david/2023/aventure/" rel="tag">#aventure (12)</a>, | |||
| <a href="/david/2023/aventure/" rel="tag">#aventure (13)</a>, | |||
| <a href="/david/2023/complexite/" rel="tag">#complexité (5)</a>, | |||
| <a href="/david/2023/confiance/" rel="tag">#confiance (5)</a>, | |||
| <a href="/david/2023/confidentialite/" rel="tag">#confidentialité (3)</a>, | |||
| @@ -150,7 +151,7 @@ | |||
| <a href="/david/2023/don/" rel="tag">#don (2)</a>, | |||
| <a href="/david/2023/eau/" rel="tag">#eau (3)</a>, | |||
| <a href="/david/2023/ecriture/" rel="tag">#écriture (4)</a>, | |||
| <a href="/david/2023/foret/" rel="tag">#forêt (10)</a>, | |||
| <a href="/david/2023/foret/" rel="tag">#forêt (11)</a>, | |||
| <a href="/david/2023/gafam/" rel="tag">#gafam (1)</a>, | |||
| <a href="/david/2023/gratitude/" rel="tag">#gratitude (7)</a>, | |||
| <a href="/david/2023/incompetence/" rel="tag">#incompétence (4)</a>, | |||
| @@ -159,7 +160,7 @@ | |||
| <a href="/david/2023/masque/" rel="tag">#masque (1)</a>, | |||
| <a href="/david/2023/mastodon/" rel="tag">#mastodon (1)</a>, | |||
| <a href="/david/2023/nostalgie/" rel="tag">#nostalgie (3)</a>, | |||
| <a href="/david/2023/parentalite/" rel="tag">#parentalité (3)</a>, | |||
| <a href="/david/2023/parentalite/" rel="tag">#parentalité (4)</a>, | |||
| <a href="/david/2023/partage/" rel="tag">#partage (2)</a>, | |||
| <a href="/david/2023/patriarcat/" rel="tag">#patriarcat (1)</a>, | |||
| <a href="/david/2023/photographie/" rel="tag">#photographie (3)</a>, | |||
+ 44
- 35
david/log/index.xml
Zobrazit soubor
| @@ -6,13 +6,56 @@ | |||
| <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>2023-09-06T12:00:00+01:00</updated> | |||
| <updated>2023-09-07T12:00:00+01:00</updated> | |||
| <author> | |||
| <name>David Larlet</name> | |||
| <uri>https://larlet.fr/david/</uri> | |||
| </author> | |||
| <rights>Copyright (c) 2004-2023, David Larlet</rights> | |||
| <entry xml:lang="fr"> | |||
| <title type="html">Conteur</title> | |||
| <link href="https://larlet.fr/david/2023/09/07/" rel="alternate" type="text/html" /> | |||
| <updated>2023-09-07T12:00:00+01:00</updated> | |||
| <id>https://larlet.fr/david/2023/09/07/</id> | |||
| <summary type="html"> | |||
| <p>Un peu de contexte. Lorsqu’on va promener et bivouaquer en forêt avec l’enfant —&nbsp;comme la fin de semaine dernière&nbsp;— on invente des histoires. C’est souvent inspiré des lectures du moment (La guerre de clans, Naruto, etc) croisées avec les éléments que l’on a sous la main (crapauds, <del>anis</del> gemmes de Flavigny, etc). En rentrant à la maison, on prend un moment le soir pour <del>écrire</del> taper tout cela mais il faut garder de la place pour les dessins d’illustration. Me voilà donc en train de chercher comment introduire un saut de page en Markdown lors de l’impression. Ou plutôt dans le rendu de Markdown par iAWriter pour être plus précis. Et il s’avère que <a href="https://ia.net/writer/support/basics/markdown-guide">c’est possible</a>&nbsp;(<a href="https://larlet.fr/david/cache/2023/478260db4b078551676bf263cbeeaa52/">cache</a>) avec <code>+++</code>&#8239;!</p> | |||
| <p>Au passage, je découvre qu’il y a tout un tas de possibilités dans un logiciel que j’utilise depuis des années. Comme les formules (dans les tableaux) ou les métadonnées qui viennent dynamiquement remplacer des variables. Une chouette découverte après avoir utilisé récemment les <em>templates</em> pour uniformiser mes&nbsp;courriers.</p> | |||
| <p>Et c’est ainsi que je vous conte ce qu’il nous est arrivé en contant cette histoire. Je vous accorde que c’est un peu <em>meta</em>.</p> | |||
| <figure> | |||
| <a href="https://larlet.fr/static/david/2023/2023-09-06-extrait-quete.jpg" | |||
| title="Cliquer pour une version haute résolution"> | |||
| <img | |||
| src="https://larlet.fr/static/david/2023/2023-09-06-extrait-quete.jpg" | |||
| width="3024" height="3024" | |||
| srcset="/static/david/2023/2023-09-06-extrait-quete.jpg 3024w, /static/david/2023/2023-09-06-extrait-quete_660x440.jpg 660w, /static/david/2023/2023-09-06-extrait-quete_990x660.jpg 990w, /static/david/2023/2023-09-06-extrait-quete_1320x880.jpg 1320w" | |||
| sizes="min(100vw, calc(100vh * 3024 / 3024))" | |||
| loading="lazy" | |||
| decoding="async" | |||
| alt="Un extrait de l’histoire : Sur le chemin du retour, nous nous dimes que nous allions écrire cette histoire."> | |||
| </a> | |||
| <figcaption>Mais on aime ça le meta. (Et les typos. (Et le passé&nbsp;simple.))</figcaption> | |||
| </figure> | |||
| <hr /> | |||
| <blockquote lang="en"> | |||
| <p>🪦 The 100-Year Plan isn’t just about today. It’s an investment in tomorrow. Whether you’re cementing your own digital legacy or gifting 100&nbsp;years of a trusted platform to a loved one, <mark>this plan is a testament to the future</mark>’s boundless&nbsp;potential.</p> | |||
| <p>The cost is $38,000. We hope people&nbsp;renew.</p> | |||
| <p><cite><em><a href="https://wordpress.com/blog/2023/08/25/introducing-the-100-year-plan/">Introducing the 100-Year Plan: Secure Your Online Legacy for a Century</a></em>&nbsp;(<a href="https://larlet.fr/david/cache/2023/57c0b22f733354552de63db112f51b20/">cache</a>)</cite></p> | |||
| </blockquote> | |||
| <blockquote lang="en"> | |||
| <p>📜 A false sense of security persists surrounding digitized documents: because an infinite number of identical copies can be made of any original, most of us believe that our electronic files have an indefinite shelf life and unlimited retrieval opportunities. In fact, preserving the world’s online content is an increasing concern, particularly as file formats (and the hardware and software used to run them) become scarce, inaccessible, or antiquated, technologies evolve, and data decays. <mark>Without constant maintenance and management,</mark> most digital information will be lost in just a few decades. Our modern records are far from&nbsp;permanent.</p> | |||
| <p><cite><em><a href="https://longnow.org/ideas/shining-a-light-on-the-digital-dark-age/">Shining a Light on the Digital Dark Age</a></em>&nbsp;(<a href="https://larlet.fr/david/cache/2023/83c60dd85e9f0f07bf41821a2694a0e5/">cache</a>)</cite></p> | |||
| </blockquote> | |||
| <blockquote lang="en"> | |||
| <p>🔋 But there’s something else I want to suggest here, and it’s to stop thinking about time entirely. Or, at least, to stop thinking about time as something <em>consistent</em>. We all know that time can be stretchy or compressed—we’ve experienced hours that plodded along interminably and those that whisked by in a few breaths. We’ve had days in which we got so much done we surprised ourselves and days where we got into a staring contest with the to-do list and the to-do list didn’t blink. And we’ve also had days that left us puddled on the floor and days that left us pumped up, practically leaping out of our chairs. <mark>What differentiates these experiences isn’t the number of hours in the day but the energy we get from the work.</mark> Energy <em>makes</em>&nbsp;time.</p> | |||
| <p><cite><em><a href="https://everythingchanges.us/blog/energy-makes-time/">Energy makes time</a></em>&nbsp;(<a href="https://larlet.fr/david/cache/2023/3f4be4add2995420dc6be529f1032e46/">cache</a>)</cite></p> | |||
| </blockquote> | |||
| <nav><p><a href="https://larlet.fr/david/2023/aventure/">#aventure</a> <a href="https://larlet.fr/david/2023/foret/">#forêt</a> <a href="https://larlet.fr/david/2023/parentalite/">#parentalité</a></p></nav><hr/><p><a href="mailto:david@larlet.fr">Réagir ?</a></p></summary> | |||
| </entry> | |||
| <entry xml:lang="fr"> | |||
| <title type="html">Retour</title> | |||
| <link href="https://larlet.fr/david/2023/09/06/" rel="alternate" type="text/html" /> | |||
| @@ -1332,40 +1375,6 @@ c’était comme si c’était hier — quelque chose comme&nbsp;ça.</p& | |||
| <nav><p><a href="https://larlet.fr/david/2023/accompagnement/">#accompagnement</a> <a href="https://larlet.fr/david/2023/complexite/">#complexité</a> <a href="https://larlet.fr/david/2023/parentalite/">#parentalité</a></p></nav><hr/><p><a href="mailto:david@larlet.fr">Réagir ?</a></p></summary> | |||
| </entry> | |||
| <entry xml:lang="fr"> | |||
| <title type="html">Lecture</title> | |||
| <link href="https://larlet.fr/david/2023/01/30/" rel="alternate" type="text/html" /> | |||
| <updated>2023-01-30T12:00:00+01:00</updated> | |||
| <id>https://larlet.fr/david/2023/01/30/</id> | |||
| <summary type="html"> | |||
| <blockquote lang="en"> | |||
| <p>Reading is a technology that works. And it works in part by immersing the reader in the text itself. The lack of video / music / pop-up ads / crypto tokens / mini-games aren’t a problem to be solve. <mark>The lack of those thing is the feature.</mark> Books are engaging precisely <em>because</em> they lack those&nbsp;things.</p> | |||
| <p><cite><em><a href="https://countercraft.substack.com/p/maybe-the-book-doesnt-need-to-disrupted">Maybe the Book Doesn’t Need to Be “Disrupted” in the First Place?</a></em>&nbsp;(<a href="https://larlet.fr/david/cache/2023/04ad9e0f254b2d6111aef95102654f7d/">cache</a>)</cite></p> | |||
| </blockquote> | |||
| <p>Pour avoir modestement participé à la publication de certains ouvrages sur les <a href="http://ateliers.sens-public.org/">Ateliers de Sens-Public</a> ou les <a href="http://www.parcoursnumeriques-pum.ca/">Parcours numériques</a> des Presses de l’Université de Montréal, cette publication me fait pas mal cogiter. Je me raccroche au fait qu’il y ait différents publics pour différentes lectures et pour différents types d’ouvrages&nbsp;aussi.</p> | |||
| <p>Ironiquement, je ne lis que des livres sur papier mais je lis tellement d’articles sur mon écran que la limite est floue et qu’il faudrait commencer par définir ce que l’on entend par «&nbsp;lecture&nbsp;» et&nbsp;«&nbsp;livre&nbsp;».</p> | |||
| <p>Ce qu’il me manque avec un support papier, c’est de pouvoir facilement consigner des passages (par exemple pour usage/recopie ici) mais depuis que la reconnaissance de texte est automatisée dans macOS Photos ça va beaucoup plus vite de prendre la page en photo pour y revenir plus tard et ça n’interrompt pas tant mon flux de&nbsp;lecture.</p> | |||
| <p>Quelques questions pour toi&nbsp;lecteur·ice&nbsp;:</p> | |||
| <ul> | |||
| <li>Est-ce que tu lis ce blog sur une&nbsp;liseuse&#8239;?</li> | |||
| <li>Est-ce qu’un format particulier&nbsp;t’aiderait&#8239;?</li> | |||
| <li>Est-ce qu’un recueil annuel/périodique serait&nbsp;pertinent&#8239;?</li> | |||
| <li>Est-ce que le format ePub permettrait d’avoir des liens vers les articles en cache tout en ayant une navigation fluide&#8239;? (Est-ce&nbsp;nécessaire&#8239;?)</li> | |||
| </ul> | |||
| <hr /> | |||
| <blockquote> | |||
| <p>🧡 Information importante&nbsp;: ce prototype ne restera en ligne qu’au maximum pendant&nbsp;2&nbsp;mois.</p> | |||
| <p>Il est extrêmement court.<br /> | |||
| Il est extrêmement simple.<br /> | |||
| Il est extrêmement rudimentaire.<br /> | |||
| Mais il est terminé, et c’est le plus&nbsp;important.</p> | |||
| <p><cite><em><a href="https://marienfressinaud.fr/exploratrices.html">Exploratrices, un prototype de jeu vidéo</a></em>&nbsp;(<a href="https://larlet.fr/david/cache/2023/3cffe9d9946878273e050e9d35d9bf9e/">cache</a>)</cite></p> | |||
| </blockquote> | |||
| <nav><p><a href="https://larlet.fr/david/2023/accompagnement/">#accompagnement</a> <a href="https://larlet.fr/david/2023/livre/">#livre</a> <a href="https://larlet.fr/david/2023/web/">#web</a></p></nav><hr/><p><a href="mailto:david@larlet.fr">Réagir ?</a></p></summary> | |||
| </entry> | |||
| <entry xml:lang="fr"> | |||
| <title type="html">Marcher</title> | |||
+ 6
- 0
david/recherche/index.html
Zobrazit soubor
| @@ -231,6 +231,12 @@ | |||
| </template> | |||
| <script id="search-index" type="application/json"> | |||
| [ | |||
| { | |||
| "title": "Conteur", | |||
| "url": "/david/2023/09/07/", | |||
| "date": "2023-09-07", | |||
| "content": "Un peu de contexte. Lorsqu\u2019on va promener et bivouaquer en for\u00eat avec l\u2019enfant \u2014\u00a0comme la fin de semaine derni\u00e8re\u00a0\u2014 on invente des histoires. C\u2019est souvent inspir\u00e9 des lectures du moment (La guerre de clans, Naruto, etc) crois\u00e9es avec les \u00e9l\u00e9ments que l\u2019on a sous la main (crapauds, anis gemmes de Flavigny, etc). En rentrant \u00e0 la maison, on prend un moment le soir pour \u00e9crire taper tout cela mais il faut garder de la place pour les dessins d\u2019illustration. Me voil\u00e0 donc en train de chercher comment introduire un saut de page en Markdown lors de l\u2019impression. Ou plut\u00f4t dans le rendu de Markdown par iAWriter pour \u00eatre plus pr\u00e9cis. Et il s\u2019av\u00e8re que c\u2019est possible avec +++\u202f! Au passage, je d\u00e9couvre qu\u2019il y a tout un tas de possibilit\u00e9s dans un logiciel que j\u2019utilise depuis des ann\u00e9es. Comme les formules (dans les tableaux) ou les m\u00e9tadonn\u00e9es qui viennent dynamiquement remplacer des variables. Une chouette d\u00e9couverte apr\u00e8s avoir utilis\u00e9 r\u00e9cemment les templates pour uniformiser mes\u00a0courriers. Et c\u2019est ainsi que je vous conte ce qu\u2019il nous est arriv\u00e9 en contant cette histoire. Je vous accorde que c\u2019est un peu meta. <a href=\"/static/david/2023/2023-09-06-extrait-quete.jpg\" title=\"Cliquer pour une version haute r\u00e9solution\"> <img src=\"/static/david/2023/2023-09-06-extrait-quete.jpg\" width=\"3024\" height=\"3024\" srcset=\"/static/david/2023/2023-09-06-extrait-quete.jpg 3024w, /static/david/2023/2023-09-06-extrait-quete_660x440.jpg 660w, /static/david/2023/2023-09-06-extrait-quete_990x660.jpg 990w, /static/david/2023/2023-09-06-extrait-quete_1320x880.jpg 1320w\" sizes=\"min(100vw, calc(100vh * 3024 / 3024))\" loading=\"lazy\" decoding=\"async\" alt=\"Un extrait de l\u2019histoire : Sur le chemin du retour, nous nous dimes que nous allions \u00e9crire cette histoire.\"> Mais on aime \u00e7a le meta. (Et les typos. (Et le pass\u00e9\u00a0simple.)) \ud83e\udea6 The 100-Year Plan isn\u2019t just about today. It\u2019s an investment in tomorrow. Whether you\u2019re cementing your own digital legacy or gifting 100\u00a0years of a trusted platform to a loved one, this plan is a testament to the future\u2019s boundless\u00a0potential. The cost is $38,000. We hope people\u00a0renew. Introducing the 100-Year Plan: Secure Your Online Legacy for a Century \ud83d\udcdc A false sense of security persists surrounding digitized documents: because an infinite number of identical copies can be made of any original, most of us believe that our electronic files have an indefinite shelf life and unlimited retrieval opportunities. In fact, preserving the world\u2019s online content is an increasing concern, particularly as file formats (and the hardware and software used to run them) become scarce, inaccessible, or antiquated, technologies evolve, and data decays. Without constant maintenance and management, most digital information will be lost in just a few decades. Our modern records are far from\u00a0permanent. Shining a Light on the Digital Dark Age \ud83d\udd0b But there\u2019s something else I want to suggest here, and it\u2019s to stop thinking about time entirely. Or, at least, to stop thinking about time as something consistent. We all know that time can be stretchy or compressed\u2014we\u2019ve experienced hours that plodded along interminably and those that whisked by in a few breaths. We\u2019ve had days in which we got so much done we surprised ourselves and days where we got into a staring contest with the to-do list and the to-do list didn\u2019t blink. And we\u2019ve also had days that left us puddled on the floor and days that left us pumped up, practically leaping out of our chairs. What differentiates these experiences isn\u2019t the number of hours in the day but the energy we get from the work. Energy makes\u00a0time. Energy makes time " | |||
| }, | |||
| { | |||
| "title": "Retour", | |||
| "url": "/david/2023/09/06/", | |||
+ 3
- 2
site.py
Zobrazit soubor
| @@ -17,6 +17,7 @@ from jinja2 import FileSystemLoader | |||
| from jinja2.filters import do_striptags | |||
| from minicli import cli, run, wrap | |||
| from mistune.directives import DirectiveInclude | |||
| from mistune.plugins import plugin_strikethrough | |||
| from PIL import Image | |||
| from slugify import slugify | |||
| @@ -237,14 +238,14 @@ class H2AnchorsRenderer(ImgsWithSizesRenderer): | |||
| markdown_with_h2_anchors = mistune.Markdown( | |||
| renderer=H2AnchorsRenderer(escape=False), | |||
| inline=MarkParser(H2AnchorsRenderer(escape=False)), | |||
| plugins=[DirectiveInclude()], | |||
| plugins=[DirectiveInclude(), plugin_strikethrough], | |||
| ) | |||
| # The second markdown is pertinent to generate articles for the feed, | |||
| # we do not need anchors in that case. | |||
| markdown_with_img_sizes = mistune.Markdown( | |||
| renderer=ImgsWithSizesRenderer(escape=False), | |||
| inline=MarkParser(ImgsWithSizesRenderer(escape=False)), | |||
| plugins=[DirectiveInclude()], | |||
| plugins=[DirectiveInclude(), plugin_strikethrough], | |||
| ) | |||
| # This is the jinja2 configuration to locate templates. | |||
Načítá se…