před 1 rokem · cfebb4c28e
--- a/david/2023/01/26/index.html
+++ b/david/2023/01/26/index.html
@@ -81,7 +81,7 @@
        Recherche</a
      >
    </nobr>
    
     • <a rel="next" href="/david/2023/01/30/" title="Publication suivante : Lecture">Suivant →</a>
  </p>
 </nav>
 <hr>
@@ -153,7 +153,7 @@
  <p class="center">
    <a rel="prev" href="/david/2023/01/24/" title="Publication précédente : Capot">← Précédent</a> •
    <a href="/david/2023/" title="Liste des publications récentes">↑ En 2023</a>
    
     • <a rel="next" href="/david/2023/01/30/" title="Publication suivante : Lecture">Suivant →</a>
  </p>
 </nav>
 </article>
--- a/david/2023/01/30/index.html
+++ b/david/2023/01/30/index.html
@@ -0,0 +1,279 @@
 <!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>Lecture — David Larlet</title>
 <meta name="description" content="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. The lack of those thing is the feature. Books are engaging precisely because they lack those things.">
 <!-- 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>Lecture</h1>
 </header>
 <nav>
  <p class="center">
    <a rel="prev" href="/david/2023/01/26/" title="Publication précédente : Décentralisation">← Précédent</a> •
    <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/recherche/" title="Aller à la page de recherche"
        ><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>


 <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="/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="/david/cache/2023/3cffe9d9946878273e050e9d35d9bf9e/">cache</a>)</cite></p>
 </blockquote>


  <nav>
    <p>
      
        <a href="/david/2023/accompagnement/"
          title="Liste de tous les articles 2023 associés à cette étiquette"
          >#accompagnement</a>
      
        <a href="/david/2023/livre/"
          title="Liste de tous les articles 2023 associés à cette étiquette"
          >#livre</a>
      
        <a href="/david/2023/web/"
          title="Liste de tous les articles 2023 associés à cette étiquette"
          >#web</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/01/26/" title="Publication précédente : Décentralisation">← 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>
--- a/david/2023/_sources/2023-01-30
+++ b/david/2023/_sources/2023-01-30
@@ -0,0 +1,32 @@
 # Lecture

 > [en] 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. ==The lack of those thing is the feature.== Books are engaging precisely *because* they lack those things. 
 >
 > <cite>*[Maybe the Book Doesn’t Need to Be “Disrupted” in the First Place?](https://countercraft.substack.com/p/maybe-the-book-doesnt-need-to-disrupted)* ([cache](/david/cache/2023/04ad9e0f254b2d6111aef95102654f7d/))</cite>

 Pour avoir modestement participé à la publication de certains ouvrages sur les [Ateliers de Sens-Public](http://ateliers.sens-public.org/) ou les [Parcours numériques](http://www.parcoursnumeriques-pum.ca/) 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 aussi.

 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 « lecture » et « livre ».

 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 lecture.

 Quelques questions pour toi lecteur·ice :

 * Est-ce que tu lis ce blog sur une liseuse ? 
 * Est-ce qu’un format particulier t’aiderait ? 
 * Est-ce qu’un recueil annuel/périodique serait pertinent ?
 * Est-ce que le format ePub permettrait d’avoir des liens vers les articles en cache tout en ayant une navigation fluide ? (Est-ce nécessaire ?)

 ---

 > 🧡 Information importante : ce prototype ne restera en ligne qu’au maximum pendant 2 mois.
 >
 > Il est extrêmement court.  
 > Il est extrêmement simple.  
 > Il est extrêmement rudimentaire.  
 > Mais il est terminé, et c’est le plus important.
 >
 > <cite>*[Exploratrices, un prototype de jeu vidéo](https://marienfressinaud.fr/exploratrices.html)* ([cache](/david/cache/2023/3cffe9d9946878273e050e9d35d9bf9e/))</cite>


 #accompagnement #livre #web
--- a/david/2023/accompagnement/index.html
+++ b/david/2023/accompagnement/index.html
@@ -76,6 +76,38 @@
 <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/01/30/" title="Lien permanent vers cet article">Lecture</a> (2023-01-30)</h2>
    
      

 <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="/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="/david/cache/2023/3cffe9d9946878273e050e9d35d9bf9e/">cache</a>)</cite></p>
 </blockquote>

    

  
    <h2><a href="/david/2023/01/24/" title="Lien permanent vers cet article">Capot</a> (2023-01-24)</h2>
    
      
--- a/david/2023/index.html
+++ b/david/2023/index.html
@@ -109,7 +109,8 @@
      <a href="/david/2023/01/22/">Jour&nbsp;2</a>, 
      <a href="/david/2023/01/23/">Déception</a>, 
      <a href="/david/2023/01/24/">Capot</a>, 
      <a href="/david/2023/01/26/">Décentralisation</a>.
      <a href="/david/2023/01/26/">Décentralisation</a>, 
      <a href="/david/2023/01/30/">Lecture</a>.
      
    </p>
  
@@ -120,7 +121,7 @@
      </svg>
    </h3>
    <p>
      <a href="/david/2021/accompagnement/">#accompagnement (2)</a>
      <a href="/david/2021/accompagnement/">#accompagnement (3)</a>
      <a href="/david/2021/amadou/">#amadou (1)</a>
      <a href="/david/2021/aventure/">#aventure (5)</a>
      <a href="/david/2021/complexite/">#complexité (2)</a>
@@ -134,6 +135,7 @@
      <a href="/david/2021/foret/">#forêt (2)</a>
      <a href="/david/2021/gafam/">#gafam (1)</a>
      <a href="/david/2021/gratitude/">#gratitude (4)</a>
      <a href="/david/2021/livre/">#livre (1)</a>
      <a href="/david/2021/masque/">#masque (1)</a>
      <a href="/david/2021/mastodon/">#mastodon (1)</a>
      <a href="/david/2021/partage/">#partage (1)</a>
@@ -150,7 +152,7 @@
      <a href="/david/2021/traces/">#traces (3)</a>
      <a href="/david/2021/tristesse/">#tristesse (1)</a>
      <a href="/david/2021/viande/">#viande (1)</a>
      <a href="/david/2021/web/">#web (2)</a>
      <a href="/david/2021/web/">#web (3)</a>
      
    </p>
  
--- a/david/2023/livre/index.html
+++ b/david/2023/livre/index.html
@@ -0,0 +1,242 @@
 <!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>Tag #livre — David Larlet</title>
 <meta name="description" content="Publications relatives au tag #livre">
 <!-- 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>

 <style type="text/css">
  details[open] summary {
    display: none;
  }
 </style>

 <body class="remarkdown h1-underline h2-underline h3-underline em-underscore hr-center ul-star pre-tick" data-instant-intensity="viewport-all">


 <header>
  <h1>Publications relatives au tag #livre</h1>
 </header>
 <nav>
  <p class="center">
    <a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home">
        <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-home"></use>
      </svg> Accueil</a>
     • <a rel="tags" href="/david/#tags-2023" title="Liste de toutes les étiquettes"><svg class="icon icon-tags">
        <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-tags"></use>
      </svg> Étiquettes</a>
  </p>
 </nav>
 <hr>
 <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/01/30/" title="Lien permanent vers cet article">Lecture</a> (2023-01-30)</h2>
    
      

 <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="/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="/david/cache/2023/3cffe9d9946878273e050e9d35d9bf9e/">cache</a>)</cite></p>
 </blockquote>

    

  
 </main>


 <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>
--- a/david/2023/web/index.html
+++ b/david/2023/web/index.html
@@ -76,6 +76,38 @@
 <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/01/30/" title="Lien permanent vers cet article">Lecture</a> (2023-01-30)</h2>
    
      

 <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="/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="/david/cache/2023/3cffe9d9946878273e050e9d35d9bf9e/">cache</a>)</cite></p>
 </blockquote>

    

  
    <h2><a href="/david/2023/01/26/" title="Lien permanent vers cet article">Décentralisation</a> (2023-01-26)</h2>
    
      
--- a/david/index.html
+++ b/david/index.html
@@ -76,6 +76,7 @@

 <nav>
  <p>
    <a href="/david/2023/01/30/">Lecture</a>, 
    <a href="/david/2023/01/26/">Décentralisation</a>, 
    <a href="/david/2023/01/24/">Capot</a>, 
    <a href="/david/2023/01/23/">Déception</a>, 
@@ -108,7 +109,7 @@

 <nav>
  <p>
    <a href="/david/2023/accompagnement/">#accompagnement (2)</a>, 
    <a href="/david/2023/accompagnement/">#accompagnement (3)</a>, 
    <a href="/david/2023/amadou/">#amadou (1)</a>, 
    <a href="/david/2023/aventure/">#aventure (5)</a>, 
    <a href="/david/2023/complexite/">#complexité (2)</a>, 
@@ -122,6 +123,7 @@
    <a href="/david/2023/foret/">#forêt (2)</a>, 
    <a href="/david/2023/gafam/">#gafam (1)</a>, 
    <a href="/david/2023/gratitude/">#gratitude (4)</a>, 
    <a href="/david/2023/livre/">#livre (1)</a>, 
    <a href="/david/2023/masque/">#masque (1)</a>, 
    <a href="/david/2023/mastodon/">#mastodon (1)</a>, 
    <a href="/david/2023/partage/">#partage (1)</a>, 
@@ -138,7 +140,7 @@
    <a href="/david/2023/traces/">#traces (3)</a>, 
    <a href="/david/2023/tristesse/">#tristesse (1)</a>, 
    <a href="/david/2023/viande/">#viande (1)</a>, 
    <a href="/david/2023/web/">#web (2)</a>.
    <a href="/david/2023/web/">#web (3)</a>.
    
  </p>
 </nav>
--- a/david/log/index.xml
+++ b/david/log/index.xml
@@ -6,13 +6,47 @@
    <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-01-26T12:00:00+01:00</updated>
    <updated>2023-01-30T12: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">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">

 &lt;blockquote lang=&quot;en&quot;&gt;
 &lt;p&gt;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. &lt;mark&gt;The lack of those thing is the feature.&lt;/mark&gt; Books are engaging precisely &lt;em&gt;because&lt;/em&gt; they lack those&amp;nbsp;things.&lt;/p&gt;
 &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://countercraft.substack.com/p/maybe-the-book-doesnt-need-to-disrupted&quot;&gt;Maybe the Book Doesn’t Need to Be “Disrupted” in the First Place?&lt;/a&gt;&lt;/em&gt;&amp;nbsp;(&lt;a href=&quot;https://larlet.fr/david/cache/2023/04ad9e0f254b2d6111aef95102654f7d/&quot;&gt;cache&lt;/a&gt;)&lt;/cite&gt;&lt;/p&gt;
 &lt;/blockquote&gt;
 &lt;p&gt;Pour avoir modestement participé à la publication de certains ouvrages sur les &lt;a href=&quot;http://ateliers.sens-public.org/&quot;&gt;Ateliers de Sens-Public&lt;/a&gt; ou les &lt;a href=&quot;http://www.parcoursnumeriques-pum.ca/&quot;&gt;Parcours numériques&lt;/a&gt; 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&amp;nbsp;aussi.&lt;/p&gt;
 &lt;p&gt;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 «&amp;nbsp;lecture&amp;nbsp;» et&amp;nbsp;«&amp;nbsp;livre&amp;nbsp;».&lt;/p&gt;
 &lt;p&gt;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&amp;nbsp;lecture.&lt;/p&gt;
 &lt;p&gt;Quelques questions pour toi&amp;nbsp;lecteur·ice&amp;nbsp;:&lt;/p&gt;
 &lt;ul&gt;
 &lt;li&gt;Est-ce que tu lis ce blog sur une&amp;nbsp;liseuse&amp;#8239;?&lt;/li&gt;
 &lt;li&gt;Est-ce qu’un format particulier&amp;nbsp;t’aiderait&amp;#8239;?&lt;/li&gt;
 &lt;li&gt;Est-ce qu’un recueil annuel/périodique serait&amp;nbsp;pertinent&amp;#8239;?&lt;/li&gt;
 &lt;li&gt;Est-ce que le format ePub permettrait d’avoir des liens vers les articles en cache tout en ayant une navigation fluide&amp;#8239;? (Est-ce&amp;nbsp;nécessaire&amp;#8239;?)&lt;/li&gt;
 &lt;/ul&gt;
 &lt;hr /&gt;

 &lt;blockquote&gt;
 &lt;p&gt;🧡 Information importante&amp;nbsp;: ce prototype ne restera en ligne qu’au maximum pendant&amp;nbsp;2&amp;nbsp;mois.&lt;/p&gt;
 &lt;p&gt;Il est extrêmement court.&lt;br /&gt;
 Il est extrêmement simple.&lt;br /&gt;
 Il est extrêmement rudimentaire.&lt;br /&gt;
 Mais il est terminé, et c’est le plus&amp;nbsp;important.&lt;/p&gt;
 &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://marienfressinaud.fr/exploratrices.html&quot;&gt;Exploratrices, un prototype de jeu vidéo&lt;/a&gt;&lt;/em&gt;&amp;nbsp;(&lt;a href=&quot;https://larlet.fr/david/cache/2023/3cffe9d9946878273e050e9d35d9bf9e/&quot;&gt;cache&lt;/a&gt;)&lt;/cite&gt;&lt;/p&gt;
 &lt;/blockquote&gt;
 &lt;nav&gt;&lt;p&gt;&lt;a href=&quot;https://larlet.fr/david/2023/accompagnement/&quot;&gt;#accompagnement&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2023/livre/&quot;&gt;#livre&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2023/web/&quot;&gt;#web&lt;/a&gt;&lt;/p&gt;&lt;/nav&gt;&lt;hr/&gt;&lt;p&gt;&lt;a href=&quot;mailto:david@larlet.fr&quot;&gt;Réagir ?&lt;/a&gt;&lt;/p&gt;</summary>
        </entry>
    
        <entry xml:lang="fr">
            <title type="html">Décentralisation</title>
            <link href="https://larlet.fr/david/2023/01/26/" rel="alternate" type="text/html" />
--- a/david/recherche/index.html
+++ b/david/recherche/index.html
@@ -231,6 +231,12 @@
 </template>
 <script id="search-index" type="application/json">
  [
  {
    "title": "Lecture",
    "url": "/david/2023/01/30/",
    "date": "2023-01-30",
    "content": "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\u2019t a problem to be solve. The lack of those thing is the feature. Books are engaging precisely because they lack those\u00a0things. Maybe the Book Doesn\u2019t Need to Be \u201cDisrupted\u201d in the First Place?  Pour avoir modestement particip\u00e9 \u00e0 la publication de certains ouvrages sur les Ateliers de Sens-Public ou les Parcours num\u00e9riques des Presses de l\u2019Universit\u00e9 de Montr\u00e9al, cette publication me fait pas mal cogiter. Je me raccroche au fait qu\u2019il y ait diff\u00e9rents publics pour diff\u00e9rentes lectures et pour diff\u00e9rents types d\u2019ouvrages\u00a0aussi. Ironiquement, je ne lis que des livres sur papier mais je lis tellement d\u2019articles sur mon \u00e9cran que la limite est floue et qu\u2019il faudrait commencer par d\u00e9finir ce que l\u2019on entend par \u00ab\u00a0lecture\u00a0\u00bb et\u00a0\u00ab\u00a0livre\u00a0\u00bb. Ce qu\u2019il me manque avec un support papier, c\u2019est de pouvoir facilement consigner des passages (par exemple pour usage/recopie ici) mais depuis que la reconnaissance de texte est automatis\u00e9e dans macOS Photos \u00e7a va beaucoup plus vite de prendre la page en photo pour y revenir plus tard et \u00e7a n\u2019interrompt pas tant mon flux de\u00a0lecture. Quelques questions pour toi\u00a0lecteur\u00b7ice\u00a0: Est-ce que tu lis ce blog sur une\u00a0liseuse\u202f? Est-ce qu\u2019un format particulier\u00a0t\u2019aiderait\u202f? Est-ce qu\u2019un recueil annuel/p\u00e9riodique serait\u00a0pertinent\u202f? Est-ce que le format ePub permettrait d\u2019avoir des liens vers les articles en cache tout en ayant une navigation fluide\u202f? (Est-ce\u00a0n\u00e9cessaire\u202f?) \ud83e\udde1 Information importante\u00a0: ce prototype ne restera en ligne qu\u2019au maximum pendant\u00a02\u00a0mois. Il est extr\u00eamement court. Il est extr\u00eamement simple. Il est extr\u00eamement rudimentaire. Mais il est termin\u00e9, et c\u2019est le plus\u00a0important. Exploratrices, un prototype de jeu vid\u00e9o "
  },
  {
    "title": "D\u00e9centralisation",
    "url": "/david/2023/01/26/",