9 maanden geleden · ea1317db20
--- a/david/2024/02/07/index.html
+++ b/david/2024/02/07/index.html
@@ -152,6 +152,10 @@
         title="Aller à la page de recherche"
         rel="search" data-no-instant>Recherche</a>
      
        • <a rel="next"
            href="/david/2024/02/08/"
            title="Publication suivante : Écoute">Suivant →</a>
      
    </p>
  </nav>
  
@@ -218,6 +222,10 @@
      
      <a href="/david/2024/" title="Liste des publications récentes">↑ En 2024</a>
      
        • <a rel="next"
            href="/david/2024/02/08/"
            title="Publication suivante : Écoute">Suivant →</a>
      
    </p>
  </nav>

--- a/david/2024/02/08/index.html
+++ b/david/2024/02/08/index.html
@@ -0,0 +1,378 @@
 <!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>
    Écoute
  — David Larlet</title>
  <meta name="description" content="Ceci est tellement vrai que nous sommes seuls au monde dans la communication que, lorsque quelqu’un écoute et lorsque la communication réussit, c’est un miracle étincelant. […] C’est tellement rare, c’est tellement improbable, c’est tellement miraculeux que c’est peut-être ça la civilisation et la culture. Rencontrer quelqu’un qui écoute.">
  <!-- That good ol' feed, subscribe :). -->
  <link rel="alternate"
        type="application/atom+xml"
        title="Feed"
        href="/david/log/">
  <!-- Generated from https://realfavicongenerator.net/ such a mess. -->
  <link rel="apple-touch-icon"
        sizes="180x180"
        href="/static/david/icons2/apple-touch-icon.png">
  <link rel="icon"
        type="image/png"
        sizes="32x32"
        href="/static/david/icons2/favicon-32x32.png">
  <link rel="icon"
        type="image/png"
        sizes="16x16"
        href="/static/david/icons2/favicon-16x16.png">
  <link rel="manifest" href="/static/david/icons2/site.webmanifest">
  <link rel="mask-icon"
        href="/static/david/icons2/safari-pinned-tab.svg"
        color="#07486c">
  <link rel="shortcut icon" href="/static/david/icons2/favicon.ico">
  <meta name="msapplication-TileColor" content="#f7f7f7">
  <meta name="msapplication-config"
        content="/static/david/icons2/browserconfig.xml">
  <meta name="theme-color"
        content="#f7f7f7"
        media="(prefers-color-scheme: light)">
  <meta name="theme-color"
        content="#272727"
        media="(prefers-color-scheme: dark)">
  <!-- Is that even respected? Retrospectively? What a shAItshow…
  https://neil-clarke.com/block-the-bots-that-feed-ai-models-by-scraping-your-website/ -->
  <meta name="robots" content="noai, noimageai">
  <!-- Documented, feel free to shoot an email. -->
  <link rel="stylesheet" href="/static/david/css/style_2024-02-03.css">
  <!-- See https://www.zachleat.com/web/comprehensive-webfonts/ for the trade-off. -->
  <link rel="preload"
        href="/static/david/css/fonts/century_supra_ot_a_regular.woff2"
        as="font"
        type="font/woff2"
        media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)"
        crossorigin>
  <link rel="preload"
        href="/static/david/css/fonts/century_supra_ot_a_bold.woff2"
        as="font"
        type="font/woff2"
        media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)"
        crossorigin>
  <link rel="preload"
        href="/static/david/css/fonts/century_supra_ot_a_italic.woff2"
        as="font"
        type="font/woff2"
        media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)"
        crossorigin>
  <link rel="preload"
        href="/static/david/css/fonts/century_supra_ot_b_regular.woff2"
        as="font"
        type="font/woff2"
        media="(prefers-color-scheme: dark)"
        crossorigin>
  <link rel="preload"
        href="/static/david/css/fonts/century_supra_ot_b_bold.woff2"
        as="font"
        type="font/woff2"
        media="(prefers-color-scheme: dark)"
        crossorigin>
  <link rel="preload"
        href="/static/david/css/fonts/century_supra_ot_b_italic.woff2"
        as="font"
        type="font/woff2"
        media="(prefers-color-scheme: dark)"
        crossorigin>
  <script>
    function toggleTheme(themeName) {
      document.documentElement.classList.toggle(
        'forced-dark',
        themeName === 'dark'
      )
      document.documentElement.classList.toggle(
        'forced-light',
        themeName === 'light'
      )
    }
    const selectedTheme = localStorage.getItem('theme')
    if (selectedTheme !== 'undefined') {
      toggleTheme(selectedTheme)
    }
  </script>
  
 <style type="text/css">
  .tippy-content {
    min-width: 280px;
    padding: .5rem;
    font-size: calc(var(--fluid-0) * 0.8);
    font-family: var(--labor-font);
    letter-spacing: initial;
    text-align: left;
  }
  .tippy-content h3 {
    margin-top: 0;
  }
  .tippy-content h3 img {
    max-width: 2rem;
    max-height: 2rem;
    display: inline-block;
  }
  .tippy-content .tippy-links {
    display: flex;
    justify-content: space-around;
  }
  .tippy-content a {
    padding: .4rem;
    color: #F06048;
  }
 </style>

  <body data-instant-intensity="viewport-all">
    <article>
      
  <header>
    <hgroup>
      <h1>Écoute</h1>
      <p>Le <time datetime="2024-02-08">8 février 2024</time></p>
    </hgroup>
  </header>
  <nav>
    <p>
      
        <a rel="prev"
           href="/david/2024/02/07/"
           title="Publication précédente : Écureuil">← Précédent</a> •
      
      <a href="/david/" title="Aller à l’accueil" rel="up">Accueil</a>
      •
      <a href="/david/recherche/"
         title="Aller à la page de recherche"
         rel="search" data-no-instant>Recherche</a>
      
    </p>
  </nav>
  

 <blockquote>
 <p>Ceci est tellement vrai que nous sommes seuls au monde dans la communication que, lorsque quelqu’un écoute et lorsque la communication réussit, c’est un miracle étincelant. […] C’est tellement rare, c’est tellement improbable, c’est tellement miraculeux que c’est peut-être ça la civilisation et la culture. <mark>Rencontrer quelqu’un qui&nbsp;écoute.</mark></p>
 <p><cite><em>Le Bonheur possible</em>, Michel Serres&nbsp;(1997)</cite></p>
 </blockquote>
 <p>Exercice de mise en forme des <a href="/david/2024/02/02/" title="Valeurs">valeurs</a> émergeantes des valeurs de Scopyleft aujourd’hui. Je suis content d’y reconnaître chaque personne et <em>en même temps</em> un collectif qui se découvre et qui apprend à faire ensemble. Avoir 8&nbsp;valeurs qui se démarquent dans 3&nbsp;contextes différents me donne davantage d’information et d’envie qu’une poignée affichée sur un site web. Un maillage de compréhension réciproque est en train d’être tissé entre&nbsp;nous.</p>

 <blockquote>
 <p>Ce besoin de venir (re)questionner la manière de faire ensemble est nécessaire à ces collectifs. Ce n’est pas dans l’objectif d’un travail évaluatif des bonnes ou mauvaises pratiques, mais bien dans un désir d’entretenir la flamme collective. Ces collectifs ont besoin de se questionner sans cesse sur leurs pratiques. Sur les raisons qui les poussent à faire ensemble. Sans quoi, l’activité du groupe piétine et ses membres peuvent se dégager du projet commun. C’est une manière de redonner de l’élan et de la motivation au collectif. Ce besoin de se redire&nbsp;: «&nbsp;pourquoi nous sommes-nous mis ensemble et où voulions-nous&nbsp;aller&#8239;?&nbsp;»</p>
 <p><cite><em><a data-link-domain="blog.notmyidea.org" href="https://blog.notmyidea.org/lart-de-conter-nos-experiences-collectives.html" hreflang="fr"
            title="Consultation de l’article">L’art de conter nos expériences collectives</a>
            <a href="/david/cache/2024/bd0c3ccce5c3f229f84c6c132ebdaca9/" hreflang="fr"
                data-tippy data-description="Faire récit à l'heure du storytelling par Benjamin Roux"
                data-source="https://blog.notmyidea.org/lart-de-conter-nos-experiences-collectives.html"
                data-date="2024-02-08"
                data-favicon=""
                data-domain="blog.notmyidea.org"
                ><svg xmlns="http://www.w3.org/2000/svg"
                    width="24" height="24" viewBox="0 0 24 24" fill="none"
                    stroke="currentColor" stroke-width="2" stroke-linecap="square"
                    stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle>
                    <path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path>
                    <line x1="12" y1="17" x2="12.01" y2="17"></line>
                </svg>
                <span class="sr-only">[archive]</span></a></em></cite></p>
 </blockquote>

  
    <nav>
      <p>
        
          <a href="/david/2024/apprentissage/"
             title="Liste de tous les articles 2024 associés à cette étiquette"
             rel="tag">#apprentissage</a>
        
          <a href="/david/2024/equipe/"
             title="Liste de tous les articles 2024 associés à cette étiquette"
             rel="tag">#équipe</a>
        
          <a href="/david/2024/evolution/"
             title="Liste de tous les articles 2024 associés à cette étiquette"
             rel="tag">#évolution</a>
        
        <a href="/david/2024/#tags" title="Liste de toutes les étiquettes 2024">tous ?</a>
      </p>
    </nav>
  
  <nav>
    <p>
      
        <a rel="prev"
           href="/david/2024/02/07/"
           title="Publication précédente : Écureuil">← Précédent</a> •
      
      <a href="/david/2024/" title="Liste des publications récentes">↑ En 2024</a>
      
    </p>
  </nav>

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

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

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

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

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

        if (hasDarkRules) {
          if ('customElements' in window && !customElements.get('theme-toggle')) {
            customElements.define('theme-toggle', ThemeToggle)
          }
        }
      })
    </script>
    
  <script src="/static/david/js/popper-2.11.8.min.js"></script>
  <script src="/static/david/js/tippy-bundle-6.3.7.umd.min.js"></script>
  <script>
    tippy('[data-tippy]', {
      content(reference) {
        reference.addEventListener('click', (e) => e.preventDefault())
        return `
        <h3 lang="fr">
          <img src="${reference.dataset.favicon}" loading="lazy">
          <a href="${reference.dataset.source}"
            >Article sur ${reference.dataset.domain}</a></h3>
        <p lang="${reference.hreflang}"><em>${reference.dataset.description}</em></p>
        <div class="tippy-links" lang="fr">
          <a href="${reference.href}">Archive au ${reference.dataset.date}</a>
        </div>
        `
      },
      allowHTML: true,
      interactive: true,
      delay: [150, 700],
      hideOnClick: false
    })
  </script>

  </body>
 </html>
--- a/david/2024/_sources/2024-02-08
+++ b/david/2024/_sources/2024-02-08
@@ -0,0 +1,13 @@
 # Écoute

 > Ceci est tellement vrai que nous sommes seuls au monde dans la communication que, lorsque quelqu’un écoute et lorsque la communication réussit, c’est un miracle étincelant. […] C’est tellement rare, c’est tellement improbable, c’est tellement miraculeux que c’est peut-être ça la civilisation et la culture. ==Rencontrer quelqu’un qui écoute.==
 >
 > <cite>*Le Bonheur possible*, Michel Serres (1997)</cite>

 Exercice de mise en forme des [valeurs](/david/2024/02/02/) émergeantes des valeurs de Scopyleft aujourd’hui. Je suis content d’y reconnaître chaque personne et *en même temps* un collectif qui se découvre et qui apprend à faire ensemble. Avoir 8 valeurs qui se démarquent dans 3 contextes différents me donne davantage d’information et d’envie qu’une poignée affichée sur un site web. Un maillage de compréhension réciproque est en train d’être tissé entre nous.

 > Ce besoin de venir (re)questionner la manière de faire ensemble est nécessaire à ces collectifs. Ce n’est pas dans l’objectif d’un travail évaluatif des bonnes ou mauvaises pratiques, mais bien dans un désir d’entretenir la flamme collective. Ces collectifs ont besoin de se questionner sans cesse sur leurs pratiques. Sur les raisons qui les poussent à faire ensemble. Sans quoi, l’activité du groupe piétine et ses membres peuvent se dégager du projet commun. C’est une manière de redonner de l’élan et de la motivation au collectif. Ce besoin de se redire : « pourquoi nous sommes-nous mis ensemble et où voulions-nous aller ? »
 >
 > <cite>*[L’art de conter nos expériences collectives](https://blog.notmyidea.org/lart-de-conter-nos-experiences-collectives.html)*</cite>

 #apprentissage #équipe #évolution
--- a/david/2024/apprentissage/index.html
+++ b/david/2024/apprentissage/index.html
@@ -134,6 +134,58 @@
    </p>
  </nav>
  
    <h2>
      <a href="/david/2024/02/08/" title="Lien permanent vers cet article">Écoute</a> <time datetime="2024-02-08">8 février 2024</time>
    </h2>
    

 <blockquote>
 <p>Ceci est tellement vrai que nous sommes seuls au monde dans la communication que, lorsque quelqu’un écoute et lorsque la communication réussit, c’est un miracle étincelant. […] C’est tellement rare, c’est tellement improbable, c’est tellement miraculeux que c’est peut-être ça la civilisation et la culture. <mark>Rencontrer quelqu’un qui&nbsp;écoute.</mark></p>
 <p><cite><em>Le Bonheur possible</em>, Michel Serres&nbsp;(1997)</cite></p>
 </blockquote>
 <p>Exercice de mise en forme des <a href="/david/2024/02/02/" title="Valeurs">valeurs</a> émergeantes des valeurs de Scopyleft aujourd’hui. Je suis content d’y reconnaître chaque personne et <em>en même temps</em> un collectif qui se découvre et qui apprend à faire ensemble. Avoir 8&nbsp;valeurs qui se démarquent dans 3&nbsp;contextes différents me donne davantage d’information et d’envie qu’une poignée affichée sur un site web. Un maillage de compréhension réciproque est en train d’être tissé entre&nbsp;nous.</p>

 <blockquote>
 <p>Ce besoin de venir (re)questionner la manière de faire ensemble est nécessaire à ces collectifs. Ce n’est pas dans l’objectif d’un travail évaluatif des bonnes ou mauvaises pratiques, mais bien dans un désir d’entretenir la flamme collective. Ces collectifs ont besoin de se questionner sans cesse sur leurs pratiques. Sur les raisons qui les poussent à faire ensemble. Sans quoi, l’activité du groupe piétine et ses membres peuvent se dégager du projet commun. C’est une manière de redonner de l’élan et de la motivation au collectif. Ce besoin de se redire&nbsp;: «&nbsp;pourquoi nous sommes-nous mis ensemble et où voulions-nous&nbsp;aller&#8239;?&nbsp;»</p>
 <p><cite><em><a data-link-domain="blog.notmyidea.org" href="https://blog.notmyidea.org/lart-de-conter-nos-experiences-collectives.html" hreflang="fr"
            title="Consultation de l’article">L’art de conter nos expériences collectives</a>
            <a href="/david/cache/2024/bd0c3ccce5c3f229f84c6c132ebdaca9/" hreflang="fr"
                data-tippy data-description="Faire récit à l'heure du storytelling par Benjamin Roux"
                data-source="https://blog.notmyidea.org/lart-de-conter-nos-experiences-collectives.html"
                data-date="2024-02-08"
                data-favicon=""
                data-domain="blog.notmyidea.org"
                ><svg xmlns="http://www.w3.org/2000/svg"
                    width="24" height="24" viewBox="0 0 24 24" fill="none"
                    stroke="currentColor" stroke-width="2" stroke-linecap="square"
                    stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle>
                    <path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path>
                    <line x1="12" y1="17" x2="12.01" y2="17"></line>
                </svg>
                <span class="sr-only">[archive]</span></a></em></cite></p>
 </blockquote>

    
      <nav>
        <p>
          
            <a href="/david/2024/apprentissage/"
               title="Liste de tous les articles 2024 associés à cette étiquette"
               rel="tag">#apprentissage</a>
          
            <a href="/david/2024/equipe/"
               title="Liste de tous les articles 2024 associés à cette étiquette"
               rel="tag">#équipe</a>
          
            <a href="/david/2024/evolution/"
               title="Liste de tous les articles 2024 associés à cette étiquette"
               rel="tag">#évolution</a>
          
          <a href="/david/2024/#tags" title="Liste de toutes les étiquettes 2024">tous ?</a>
        </p>
      </nav>
    
  
    <h2>
      <a href="/david/2024/02/04/" title="Lien permanent vers cet article">Tooltipopover</a> <time datetime="2024-02-04">4 février 2024</time>
    </h2>
--- a/david/2024/equipe/index.html
+++ b/david/2024/equipe/index.html
@@ -134,6 +134,58 @@
    </p>
  </nav>
  
    <h2>
      <a href="/david/2024/02/08/" title="Lien permanent vers cet article">Écoute</a> <time datetime="2024-02-08">8 février 2024</time>
    </h2>
    

 <blockquote>
 <p>Ceci est tellement vrai que nous sommes seuls au monde dans la communication que, lorsque quelqu’un écoute et lorsque la communication réussit, c’est un miracle étincelant. […] C’est tellement rare, c’est tellement improbable, c’est tellement miraculeux que c’est peut-être ça la civilisation et la culture. <mark>Rencontrer quelqu’un qui&nbsp;écoute.</mark></p>
 <p><cite><em>Le Bonheur possible</em>, Michel Serres&nbsp;(1997)</cite></p>
 </blockquote>
 <p>Exercice de mise en forme des <a href="/david/2024/02/02/" title="Valeurs">valeurs</a> émergeantes des valeurs de Scopyleft aujourd’hui. Je suis content d’y reconnaître chaque personne et <em>en même temps</em> un collectif qui se découvre et qui apprend à faire ensemble. Avoir 8&nbsp;valeurs qui se démarquent dans 3&nbsp;contextes différents me donne davantage d’information et d’envie qu’une poignée affichée sur un site web. Un maillage de compréhension réciproque est en train d’être tissé entre&nbsp;nous.</p>

 <blockquote>
 <p>Ce besoin de venir (re)questionner la manière de faire ensemble est nécessaire à ces collectifs. Ce n’est pas dans l’objectif d’un travail évaluatif des bonnes ou mauvaises pratiques, mais bien dans un désir d’entretenir la flamme collective. Ces collectifs ont besoin de se questionner sans cesse sur leurs pratiques. Sur les raisons qui les poussent à faire ensemble. Sans quoi, l’activité du groupe piétine et ses membres peuvent se dégager du projet commun. C’est une manière de redonner de l’élan et de la motivation au collectif. Ce besoin de se redire&nbsp;: «&nbsp;pourquoi nous sommes-nous mis ensemble et où voulions-nous&nbsp;aller&#8239;?&nbsp;»</p>
 <p><cite><em><a data-link-domain="blog.notmyidea.org" href="https://blog.notmyidea.org/lart-de-conter-nos-experiences-collectives.html" hreflang="fr"
            title="Consultation de l’article">L’art de conter nos expériences collectives</a>
            <a href="/david/cache/2024/bd0c3ccce5c3f229f84c6c132ebdaca9/" hreflang="fr"
                data-tippy data-description="Faire récit à l'heure du storytelling par Benjamin Roux"
                data-source="https://blog.notmyidea.org/lart-de-conter-nos-experiences-collectives.html"
                data-date="2024-02-08"
                data-favicon=""
                data-domain="blog.notmyidea.org"
                ><svg xmlns="http://www.w3.org/2000/svg"
                    width="24" height="24" viewBox="0 0 24 24" fill="none"
                    stroke="currentColor" stroke-width="2" stroke-linecap="square"
                    stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle>
                    <path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path>
                    <line x1="12" y1="17" x2="12.01" y2="17"></line>
                </svg>
                <span class="sr-only">[archive]</span></a></em></cite></p>
 </blockquote>

    
      <nav>
        <p>
          
            <a href="/david/2024/apprentissage/"
               title="Liste de tous les articles 2024 associés à cette étiquette"
               rel="tag">#apprentissage</a>
          
            <a href="/david/2024/equipe/"
               title="Liste de tous les articles 2024 associés à cette étiquette"
               rel="tag">#équipe</a>
          
            <a href="/david/2024/evolution/"
               title="Liste de tous les articles 2024 associés à cette étiquette"
               rel="tag">#évolution</a>
          
          <a href="/david/2024/#tags" title="Liste de toutes les étiquettes 2024">tous ?</a>
        </p>
      </nav>
    
  
    <h2>
      <a href="/david/2024/02/06/" title="Lien permanent vers cet article">Anneau</a> <time datetime="2024-02-06">6 février 2024</time>
    </h2>
--- a/david/2024/evolution/index.html
+++ b/david/2024/evolution/index.html
@@ -134,6 +134,58 @@
    </p>
  </nav>
  
    <h2>
      <a href="/david/2024/02/08/" title="Lien permanent vers cet article">Écoute</a> <time datetime="2024-02-08">8 février 2024</time>
    </h2>
    

 <blockquote>
 <p>Ceci est tellement vrai que nous sommes seuls au monde dans la communication que, lorsque quelqu’un écoute et lorsque la communication réussit, c’est un miracle étincelant. […] C’est tellement rare, c’est tellement improbable, c’est tellement miraculeux que c’est peut-être ça la civilisation et la culture. <mark>Rencontrer quelqu’un qui&nbsp;écoute.</mark></p>
 <p><cite><em>Le Bonheur possible</em>, Michel Serres&nbsp;(1997)</cite></p>
 </blockquote>
 <p>Exercice de mise en forme des <a href="/david/2024/02/02/" title="Valeurs">valeurs</a> émergeantes des valeurs de Scopyleft aujourd’hui. Je suis content d’y reconnaître chaque personne et <em>en même temps</em> un collectif qui se découvre et qui apprend à faire ensemble. Avoir 8&nbsp;valeurs qui se démarquent dans 3&nbsp;contextes différents me donne davantage d’information et d’envie qu’une poignée affichée sur un site web. Un maillage de compréhension réciproque est en train d’être tissé entre&nbsp;nous.</p>

 <blockquote>
 <p>Ce besoin de venir (re)questionner la manière de faire ensemble est nécessaire à ces collectifs. Ce n’est pas dans l’objectif d’un travail évaluatif des bonnes ou mauvaises pratiques, mais bien dans un désir d’entretenir la flamme collective. Ces collectifs ont besoin de se questionner sans cesse sur leurs pratiques. Sur les raisons qui les poussent à faire ensemble. Sans quoi, l’activité du groupe piétine et ses membres peuvent se dégager du projet commun. C’est une manière de redonner de l’élan et de la motivation au collectif. Ce besoin de se redire&nbsp;: «&nbsp;pourquoi nous sommes-nous mis ensemble et où voulions-nous&nbsp;aller&#8239;?&nbsp;»</p>
 <p><cite><em><a data-link-domain="blog.notmyidea.org" href="https://blog.notmyidea.org/lart-de-conter-nos-experiences-collectives.html" hreflang="fr"
            title="Consultation de l’article">L’art de conter nos expériences collectives</a>
            <a href="/david/cache/2024/bd0c3ccce5c3f229f84c6c132ebdaca9/" hreflang="fr"
                data-tippy data-description="Faire récit à l'heure du storytelling par Benjamin Roux"
                data-source="https://blog.notmyidea.org/lart-de-conter-nos-experiences-collectives.html"
                data-date="2024-02-08"
                data-favicon=""
                data-domain="blog.notmyidea.org"
                ><svg xmlns="http://www.w3.org/2000/svg"
                    width="24" height="24" viewBox="0 0 24 24" fill="none"
                    stroke="currentColor" stroke-width="2" stroke-linecap="square"
                    stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle>
                    <path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path>
                    <line x1="12" y1="17" x2="12.01" y2="17"></line>
                </svg>
                <span class="sr-only">[archive]</span></a></em></cite></p>
 </blockquote>

    
      <nav>
        <p>
          
            <a href="/david/2024/apprentissage/"
               title="Liste de tous les articles 2024 associés à cette étiquette"
               rel="tag">#apprentissage</a>
          
            <a href="/david/2024/equipe/"
               title="Liste de tous les articles 2024 associés à cette étiquette"
               rel="tag">#équipe</a>
          
            <a href="/david/2024/evolution/"
               title="Liste de tous les articles 2024 associés à cette étiquette"
               rel="tag">#évolution</a>
          
          <a href="/david/2024/#tags" title="Liste de toutes les étiquettes 2024">tous ?</a>
        </p>
      </nav>
    
  
    <h2>
      <a href="/david/2024/02/01/" title="Lien permanent vers cet article">Vision</a> <time datetime="2024-02-01">1 février 2024</time>
    </h2>
--- a/david/2024/index.html
+++ b/david/2024/index.html
@@ -171,7 +171,8 @@
      <a href="/david/2024/02/04/">Tooltipopover</a>, 
      <a href="/david/2024/02/05/">Jeu</a>, 
      <a href="/david/2024/02/06/">Anneau</a>, 
      <a href="/david/2024/02/07/">Écureuil</a>.
      <a href="/david/2024/02/07/">Écureuil</a>, 
      <a href="/david/2024/02/08/">Écoute</a>.
      
    </p>
  
@@ -181,7 +182,7 @@
      <a href="/david/2024/accessibilite/" rel="tag">#accessibilité (2)</a>, 
      <a href="/david/2024/accompagnement/" rel="tag">#accompagnement (2)</a>, 
      <a href="/david/2024/addiction/" rel="tag">#addiction (4)</a>, 
      <a href="/david/2024/apprentissage/" rel="tag">#apprentissage (7)</a>, 
      <a href="/david/2024/apprentissage/" rel="tag">#apprentissage (8)</a>, 
      <a href="/david/2024/commun/" rel="tag">#commun (3)</a>, 
      <a href="/david/2024/communaute/" rel="tag">#communauté (4)</a>, 
      <a href="/david/2024/decision/" rel="tag">#décision (3)</a>, 
@@ -190,8 +191,8 @@
      <a href="/david/2024/dystopie/" rel="tag">#dystopie (1)</a>, 
      <a href="/david/2024/echanges/" rel="tag">#échanges (3)</a>, 
      <a href="/david/2024/ecriture/" rel="tag">#écriture (5)</a>, 
      <a href="/david/2024/equipe/" rel="tag">#équipe (6)</a>, 
      <a href="/david/2024/evolution/" rel="tag">#évolution (5)</a>, 
      <a href="/david/2024/equipe/" rel="tag">#équipe (7)</a>, 
      <a href="/david/2024/evolution/" rel="tag">#évolution (6)</a>, 
      <a href="/david/2024/experience/" rel="tag">#expérience (9)</a>, 
      <a href="/david/2024/fediverse/" rel="tag">#fédiverse (1)</a>, 
      <a href="/david/2024/foret/" rel="tag">#forêt (4)</a>, 
--- a/david/index.html
+++ b/david/index.html
@@ -143,6 +143,7 @@
  <h2>Publications 2024</h2>
  <p>Liste des publications récentes en ordre anté-chronologique :</p>
  <p>
    <a href="/david/2024/02/08/">Écoute</a>,
    <a href="/david/2024/02/07/">Écureuil</a>,
    <a href="/david/2024/02/06/">Anneau</a>,
    <a href="/david/2024/02/05/">Jeu</a>,
@@ -189,7 +190,7 @@
    <a href="/david/2024/accessibilite/" rel="tag">#accessibilité (2)</a>,
    <a href="/david/2024/accompagnement/" rel="tag">#accompagnement (2)</a>,
    <a href="/david/2024/addiction/" rel="tag">#addiction (4)</a>,
    <a href="/david/2024/apprentissage/" rel="tag">#apprentissage (7)</a>,
    <a href="/david/2024/apprentissage/" rel="tag">#apprentissage (8)</a>,
    <a href="/david/2024/commun/" rel="tag">#commun (3)</a>,
    <a href="/david/2024/communaute/" rel="tag">#communauté (4)</a>,
    <a href="/david/2024/decision/" rel="tag">#décision (3)</a>,
@@ -198,8 +199,8 @@
    <a href="/david/2024/dystopie/" rel="tag">#dystopie (1)</a>,
    <a href="/david/2024/echanges/" rel="tag">#échanges (3)</a>,
    <a href="/david/2024/ecriture/" rel="tag">#écriture (5)</a>,
    <a href="/david/2024/equipe/" rel="tag">#équipe (6)</a>,
    <a href="/david/2024/evolution/" rel="tag">#évolution (5)</a>,
    <a href="/david/2024/equipe/" rel="tag">#équipe (7)</a>,
    <a href="/david/2024/evolution/" rel="tag">#évolution (6)</a>,
    <a href="/david/2024/experience/" rel="tag">#expérience (9)</a>,
    <a href="/david/2024/fediverse/" rel="tag">#fédiverse (1)</a>,
    <a href="/david/2024/foret/" rel="tag">#forêt (4)</a>,
--- a/david/log/index.xml
+++ b/david/log/index.xml
@@ -13,6 +13,26 @@
    </author>
    <rights>Copyright (c) 2004-2024, David Larlet</rights>
    
        <entry xml:lang="fr">
            <title type="html">Écoute</title>
            <link href="https://larlet.fr/david/2024/02/08/" rel="alternate" type="text/html" />
            <updated>2024-02-08T12:00:00+01:00</updated>
            <id>https://larlet.fr/david/2024/02/08/</id>
            <summary type="html">

 &lt;blockquote&gt;
 &lt;p&gt;Ceci est tellement vrai que nous sommes seuls au monde dans la communication que, lorsque quelqu’un écoute et lorsque la communication réussit, c’est un miracle étincelant. […] C’est tellement rare, c’est tellement improbable, c’est tellement miraculeux que c’est peut-être ça la civilisation et la culture. &lt;mark&gt;Rencontrer quelqu’un qui&amp;nbsp;écoute.&lt;/mark&gt;&lt;/p&gt;
 &lt;p&gt;&lt;cite&gt;&lt;em&gt;Le Bonheur possible&lt;/em&gt;, Michel Serres&amp;nbsp;(1997)&lt;/cite&gt;&lt;/p&gt;
 &lt;/blockquote&gt;
 &lt;p&gt;Exercice de mise en forme des &lt;a href=&quot;https://larlet.fr/david/2024/02/02/&quot;&gt;valeurs&lt;/a&gt; émergeantes des valeurs de Scopyleft aujourd’hui. Je suis content d’y reconnaître chaque personne et &lt;em&gt;en même temps&lt;/em&gt; un collectif qui se découvre et qui apprend à faire ensemble. Avoir 8&amp;nbsp;valeurs qui se démarquent dans 3&amp;nbsp;contextes différents me donne davantage d’information et d’envie qu’une poignée affichée sur un site web. Un maillage de compréhension réciproque est en train d’être tissé entre&amp;nbsp;nous.&lt;/p&gt;

 &lt;blockquote&gt;
 &lt;p&gt;Ce besoin de venir (re)questionner la manière de faire ensemble est nécessaire à ces collectifs. Ce n’est pas dans l’objectif d’un travail évaluatif des bonnes ou mauvaises pratiques, mais bien dans un désir d’entretenir la flamme collective. Ces collectifs ont besoin de se questionner sans cesse sur leurs pratiques. Sur les raisons qui les poussent à faire ensemble. Sans quoi, l’activité du groupe piétine et ses membres peuvent se dégager du projet commun. C’est une manière de redonner de l’élan et de la motivation au collectif. Ce besoin de se redire&amp;nbsp;: «&amp;nbsp;pourquoi nous sommes-nous mis ensemble et où voulions-nous&amp;nbsp;aller&amp;#8239;?&amp;nbsp;»&lt;/p&gt;
 &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://blog.notmyidea.org/lart-de-conter-nos-experiences-collectives.html&quot;&gt;L’art de conter nos expériences&amp;nbsp;collectives&lt;/a&gt;&lt;/em&gt;&lt;/cite&gt;&lt;/p&gt;
 &lt;/blockquote&gt;
 &lt;nav&gt;&lt;p&gt;&lt;a href=&quot;https://larlet.fr/david/2024/apprentissage/&quot;&gt;#apprentissage&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2024/equipe/&quot;&gt;#équipe&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2024/evolution/&quot;&gt;#évolution&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">Écureuil</title>
            <link href="https://larlet.fr/david/2024/02/07/" rel="alternate" type="text/html" />
@@ -1295,31 +1315,4 @@ quelqu’un nous&amp;nbsp;voit&lt;/p&gt;
 &lt;nav&gt;&lt;p&gt;&lt;a href=&quot;https://larlet.fr/david/2024/apprentissage/&quot;&gt;#apprentissage&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2024/ecriture/&quot;&gt;#écriture&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2024/ia/&quot;&gt;#IA&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">Blessure</title>
            <link href="https://larlet.fr/david/2024/01/09/" rel="alternate" type="text/html" />
            <updated>2024-01-09T12:00:00+01:00</updated>
            <id>https://larlet.fr/david/2024/01/09/</id>
            <summary type="html">
 &lt;p&gt;Avec les amis, on profite des premières chutes de neige sur Montréal pour aller s’amuser sur le Mont Royal et vérifier que les skis de rando sont encore en bon état. Cinq minutes avant, je tirais l’enfant avec son baudrier en mode remontée musculaire, en pleine forme. Une descente entre les arbres même pas tant engagée et au moment de rejoindre le groupe, légère perte de contrôle dans un endroit très boisé. Mon ski se coince entre deux arbres assez fins mais suffisamment solides pour que ma cheville doive tourner dans le mauvais sens vu que mon corps a choisi de continuer sa course. &lt;em&gt;Ouille.&lt;/em&gt;&lt;/p&gt;
 &lt;p&gt;La tristesse de se faire mal au tout début de la saison. Aussi, c’est la pire chose à expérimenter lorsqu’on prépare un &lt;a href=&quot;https://larlet.fr/david/2024/01/06/&quot;&gt;défi sportif&lt;/a&gt;…&lt;/p&gt;
 &lt;p&gt;Youtube est le plus proche du célèbre &lt;q lang=&quot;en&quot;&gt;I know kung-fu&lt;/q&gt; de Neo, j’ai appris à straper une cheville et j’ai l’espoir de pouvoir aller jusqu’au refuge avec l’enfant dans 2&amp;nbsp;semaines vu que j’ai déjà réservé. Une cheville &lt;em&gt;tape&lt;/em&gt;ée devrait pouvoir tenir les 5&amp;#8239;km à skis si j’en prends suffisamment soin d’ici&amp;nbsp;là&amp;nbsp;🤞.&lt;/p&gt;
 &lt;p&gt;Ce soir, j’ai besoin d’y&amp;nbsp;croire.&lt;/p&gt;
 &lt;hr /&gt;
 &lt;p&gt;Copsaé publie un &lt;a href=&quot;https://www.copsae.fr/&quot;&gt;nouveau site web&lt;/a&gt; qui me donne des idées. J’apprécie aussi ce qu’a fait Access42 pour &lt;a href=&quot;https://access42.net/&quot;&gt;le sien&lt;/a&gt;. Ne pas oublier &lt;a href=&quot;https://koena.net/&quot;&gt;Koena&lt;/a&gt; aussi&amp;#8239;! J’ai déjà vu passer des commentaires comme quoi un site accessible était forcément moche, j’apprécie de pouvoir proposer des&amp;nbsp;contre-exemples.&lt;/p&gt;
 &lt;hr /&gt;

 &lt;blockquote lang=&quot;en&quot;&gt;
 &lt;p&gt;In short, building with accessible semantics from the get-go can give you expressive, meaningful style hooks for free. Leaning on those style hooks in your CSS selectors lets you reduce the number of moving parts in your site or application, and it can prevent accessibility bugs from creeping in down the&amp;nbsp;road.&lt;/p&gt;
 &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://benmyers.dev/blog/semantic-selectors/&quot;&gt;Style with Stateful, Semantic&amp;nbsp;Selectors&lt;/a&gt;&lt;/em&gt;&lt;/cite&gt;&lt;/p&gt;
 &lt;/blockquote&gt;
 &lt;p&gt;C’est ce que j’essaye de faire depuis plusieurs années déjà et non seulement ça me permet d’améliorer le couple sémantique HTML/CSS mais ça rend mon JS plus résilient&amp;nbsp;aussi&amp;#8239;!&lt;/p&gt;

 &lt;blockquote lang=&quot;en&quot;&gt;
 &lt;p&gt;Recently I decided to stop using the word &lt;em&gt;semantics&lt;/em&gt;. Instead I talk about the &lt;abbr title=&quot;User eXperience&quot;&gt;UX&lt;/abbr&gt; of &lt;abbr title=&quot;HyperText Markup Language&quot;&gt;HTML&lt;/abbr&gt;. And all of a sudden my students are not allergic to &lt;abbr&gt;HTML&lt;/abbr&gt; anymore but really interested. Instead of explaining the meaning of a certain element, I show them &lt;em&gt;what it does&lt;/em&gt;. So we look at &lt;em&gt;what happens&lt;/em&gt; when you add a label to an input: The input and the label now form a pair. You can now click on the label to interact with a checkbox. The label will be read out loud when you focus on an input with a screenreader. When you hover over a &lt;em&gt;label&lt;/em&gt;, the hover state of the connected &lt;em&gt;input&lt;/em&gt; is shown. My students &lt;em&gt;love&lt;/em&gt; stuff like that. They care about &lt;abbr&gt;UX&lt;/abbr&gt;.&lt;/p&gt;
 &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://vasilis.nl/nerd/the-ux-of-html/&quot;&gt;The UX of&amp;nbsp;HTML&lt;/a&gt;&lt;/em&gt;&lt;/cite&gt;&lt;/p&gt;
 &lt;/blockquote&gt;
 &lt;nav&gt;&lt;p&gt;&lt;a href=&quot;https://larlet.fr/david/2024/accessibilite/&quot;&gt;#accessibilité&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2024/sport/&quot;&gt;#sport&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2024/technique/&quot;&gt;#technique&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>
    
 </feed>
--- a/david/recherche/index.html
+++ b/david/recherche/index.html
@@ -276,6 +276,12 @@
    </template>
    
    <script id="search-index" type="application/json">[
  {
    "title": "\u00c9coute",
    "url": "/david/2024/02/08/",
    "date": "2024-02-08",
    "content": "Ceci est tellement vrai que nous sommes seuls au monde dans la communication que, lorsque quelqu\u2019un \u00e9coute et lorsque la communication r\u00e9ussit, c\u2019est un miracle \u00e9tincelant. [\u2026] C\u2019est tellement rare, c\u2019est tellement improbable, c\u2019est tellement miraculeux que c\u2019est peut-\u00eatre \u00e7a la civilisation et la culture. Rencontrer quelqu\u2019un qui\u00a0\u00e9coute. Le Bonheur possible, Michel Serres\u00a0(1997) Exercice de mise en forme des valeurs \u00e9mergeantes des valeurs de Scopyleft aujourd\u2019hui. Je suis content d\u2019y reconna\u00eetre chaque personne et en m\u00eame temps un collectif qui se d\u00e9couvre et qui apprend \u00e0 faire ensemble. Avoir 8\u00a0valeurs qui se d\u00e9marquent dans 3\u00a0contextes diff\u00e9rents me donne davantage d\u2019information et d\u2019envie qu\u2019une poign\u00e9e affich\u00e9e sur un site web. Un maillage de compr\u00e9hension r\u00e9ciproque est en train d\u2019\u00eatre tiss\u00e9 entre\u00a0nous. Ce besoin de venir (re)questionner la mani\u00e8re de faire ensemble est n\u00e9cessaire \u00e0 ces collectifs. Ce n\u2019est pas dans l\u2019objectif d\u2019un travail \u00e9valuatif des bonnes ou mauvaises pratiques, mais bien dans un d\u00e9sir d\u2019entretenir la flamme collective. Ces collectifs ont besoin de se questionner sans cesse sur leurs pratiques. Sur les raisons qui les poussent \u00e0 faire ensemble. Sans quoi, l\u2019activit\u00e9 du groupe pi\u00e9tine et ses membres peuvent se d\u00e9gager du projet commun. C\u2019est une mani\u00e8re de redonner de l\u2019\u00e9lan et de la motivation au collectif. Ce besoin de se redire\u00a0: \u00ab\u00a0pourquoi nous sommes-nous mis ensemble et o\u00f9 voulions-nous\u00a0aller\u202f?\u00a0\u00bb L\u2019art de conter nos exp\u00e9riences\u00a0collectives"
  },
  {
    "title": "\u00c9cureuil",
    "url": "/david/2024/02/07/",
@@ -504,6 +510,12 @@
    "date": "2024-01-01",
    "content": "33\u202f% de 44\u00a0millions de consommateurs vont faire le Dry January 22\u202f% des consommateurs ont une conso excessive, c\u2019est-\u00e0-dire 10\u00a0verres/semaine max et plus de deux\u00a0verres/jour. Les seniors sont aussi tr\u00e8s touch\u00e9\u00b7es. L\u2019alcool est une drogue.. On peut faire la f\u00eate sans alcool et\u00a0s\u2019\u00e9clater. Quand on arr\u00eate\u00a0: bienfaits sur le foie, la peau, le coeur, etc\u2026 Pb\u00a0: m\u00e9moire, troubles cognitifs, responsable de cancer, pb sommeil, d\u00e9compensation de maladie psy,\u2026 41000\u00a0d\u00e9c\u00e8s par an en\u00a0France. Les cinq sympt\u00f4mes d\u00e9finissent un probl\u00e8me de\u00a0d\u00e9pendance\u00a0: Perte de\u00a0contr\u00f4le Usage\u00a0compulsif Envie\u00a0r\u00e9pressive Usage\u00a0chronique Cons\u00e9quences psychiques, physiques, sociales,\u2026 Bon Dry J. pour celleux qui le font\u202f! Moi j\u2019en\u00a0suis\u202f! @Air@framapiaf.org Dans mon entourage, de plus en plus de personnes que j\u2019estime ne boivent pas d\u2019alcool, de plus en plus de personnes qui vieillissent en deviennent d\u00e9pendantes. Je suis davantage attir\u00e9 par la premi\u00e8re option\u2026 et pas pour un seul\u00a0mois. Je me sens pr\u00eat, on verra bien o\u00f9 cela me\u00a0m\u00e8ne. Grosse envie de reprendre la CSS par ici en ce d\u00e9but d\u2019ann\u00e9e. Avec le dilemme de faire chuter cette motivation si je publie d\u00e8s maintenant avec l\u2019ancienne (qui restera effective sur les anciens articles). Je vais essayer de me\u00a0retenir."
  },
  {
    "title": "\u00c9coute",
    "url": "/david/2024/02/08/",
    "date": "2024-02-08",
    "content": "Ceci est tellement vrai que nous sommes seuls au monde dans la communication que, lorsque quelqu\u2019un \u00e9coute et lorsque la communication r\u00e9ussit, c\u2019est un miracle \u00e9tincelant. [\u2026] C\u2019est tellement rare, c\u2019est tellement improbable, c\u2019est tellement miraculeux que c\u2019est peut-\u00eatre \u00e7a la civilisation et la culture. Rencontrer quelqu\u2019un qui\u00a0\u00e9coute. Le Bonheur possible, Michel Serres\u00a0(1997) Exercice de mise en forme des valeurs \u00e9mergeantes des valeurs de Scopyleft aujourd\u2019hui. Je suis content d\u2019y reconna\u00eetre chaque personne et en m\u00eame temps un collectif qui se d\u00e9couvre et qui apprend \u00e0 faire ensemble. Avoir 8\u00a0valeurs qui se d\u00e9marquent dans 3\u00a0contextes diff\u00e9rents me donne davantage d\u2019information et d\u2019envie qu\u2019une poign\u00e9e affich\u00e9e sur un site web. Un maillage de compr\u00e9hension r\u00e9ciproque est en train d\u2019\u00eatre tiss\u00e9 entre\u00a0nous. Ce besoin de venir (re)questionner la mani\u00e8re de faire ensemble est n\u00e9cessaire \u00e0 ces collectifs. Ce n\u2019est pas dans l\u2019objectif d\u2019un travail \u00e9valuatif des bonnes ou mauvaises pratiques, mais bien dans un d\u00e9sir d\u2019entretenir la flamme collective. Ces collectifs ont besoin de se questionner sans cesse sur leurs pratiques. Sur les raisons qui les poussent \u00e0 faire ensemble. Sans quoi, l\u2019activit\u00e9 du groupe pi\u00e9tine et ses membres peuvent se d\u00e9gager du projet commun. C\u2019est une mani\u00e8re de redonner de l\u2019\u00e9lan et de la motivation au collectif. Ce besoin de se redire\u00a0: \u00ab\u00a0pourquoi nous sommes-nous mis ensemble et o\u00f9 voulions-nous\u00a0aller\u202f?\u00a0\u00bb L\u2019art de conter nos exp\u00e9riences\u00a0collectives"
  },
  {
    "title": "\u00c9cureuil",
    "url": "/david/2024/02/07/",