davidbgk
/
larlet-fr-david


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438
							<!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>
    Jour 1
  — David Larlet</title>
  <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>
  <!-- Documented, feel free to shoot an email. -->
  <link rel="stylesheet" href="/static/david/css/style_2024-03-09.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>
  <meta name="description" content="Réveil à 6h. Je veux tenter une sortie longue en prévision d’une encore plus longue. Comme chaque printemps, j’ai l’espoir de ne pas tomber sur des conditions trop pénibles lorsque ça fond. Comme chaque printemps, je me retrouve à viser les arbres entre deux plaques de verglas pour pouvoir me rattraper dans les dévers. Sans compter le fait que le sentier qui a été tapé par les raquettes tout l’hiver est bien souvent le seul serpent de glace restant. Un exemple parmi tant d’autres un peu plus critiques :">
  <!-- 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">
  
<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>Jour 1</h1>
      <p>Le <time datetime="2024-03-29">29 mars 2024</time></p>
    </hgroup>
  </header>
  <nav>
    <p>
      
        <a rel="prev"
           href="/david/2024/03/28/"
           title="Publication précédente : Collectif">← 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>
      
        • <a rel="next"
            href="/david/2024/03/30/"
            title="Publication suivante : Jour 2">Suivant →</a>
      
    </p>
  </nav>
  
<p>Réveil à 6h. Je veux tenter une sortie longue en prévision d’une <a href="/david/2024/03/11/#hr-109">encore plus longue</a>. Comme chaque printemps, j’ai l’espoir de ne pas tomber sur des conditions trop pénibles lorsque ça fond. Comme chaque printemps, je me retrouve à viser les arbres entre deux plaques de verglas pour pouvoir me rattraper dans les dévers. Sans compter le fait que le sentier qui a été tapé par les raquettes tout l’hiver est bien souvent le seul serpent de glace restant. Un exemple parmi tant d’autres un peu plus&nbsp;critiques&nbsp;:</p>
<figure>
    <a href="/static/david/2024/2024-03-29-chemin-glace.jpg"
        title="Cliquer pour une version haute résolution">
        <img
            src="/static/david/2024/2024-03-29-chemin-glace.jpg"
            width="3024" height="4032"
            srcset="/static/david/2024/2024-03-29-chemin-glace.jpg 3024w, /static/david/2024/2024-03-29-chemin-glace_660x440.jpg 660w, /static/david/2024/2024-03-29-chemin-glace_990x660.jpg 990w, /static/david/2024/2024-03-29-chemin-glace_1320x880.jpg 1320w"
            sizes="min(100vw, calc(100vh * 3024 / 4032))"
            loading="lazy"
            decoding="async"
            alt="Un chemin gelé.">
    </a>
    <figcaption>Sur 100 mètres ça va, mais sur plusieurs kilomètres c’est usant&nbsp;!</figcaption>
</figure>
<p>Il y a vraiment deux faces, deux ambiances dans ces situations avec d’un côté du gel et de l’autre le sol déjà fondu mais parfois boueux et donc tout autant&nbsp;glissant…</p>
<p>Je découvre un emplacement de camping à une dizaine de kilomètres du départ, ce qui me permettra de revenir cet été avec l’enfant. J’aime bien ce genre de découverte non&nbsp;documentée.</p>
<figure>
    <a href="/static/david/2024/2024-03-29-riviere.jpg"
        title="Cliquer pour une version haute résolution">
        <img
            src="/static/david/2024/2024-03-29-riviere.jpg"
            width="3024" height="4032"
            srcset="/static/david/2024/2024-03-29-riviere.jpg 3024w, /static/david/2024/2024-03-29-riviere_660x440.jpg 660w, /static/david/2024/2024-03-29-riviere_990x660.jpg 990w, /static/david/2024/2024-03-29-riviere_1320x880.jpg 1320w"
            sizes="min(100vw, calc(100vh * 3024 / 4032))"
            loading="lazy"
            decoding="async"
            alt="Une rivière avec les bords enneigés.">
    </a>
    <figcaption>Je chiale beaucoup mais il y a aussi des décors qui valent le coup&nbsp;hein.</figcaption>
</figure>
<p>J’avais fait la <a data-link-domain="komoot.com" href="https://www.komoot.com/fr-fr/plan">trace sur Komoot</a> pour tester le suivi avec <a href="/david/2024/03/14/" title="Montre 2">la montre</a> (je ferai un retour complet à son sujet plus tard) ce qui a eu pour effet de m’encourager <em>et</em> de me décourager à la fois. D’un côté la certitude d’être sur le «&nbsp;droit&nbsp;» chemin et d’anticiper les côtes, de l’autre se rendre compte en cours de route que l’estimation initiale en terme de distance / dénivelé était très optimiste (+25% en distance et +50% en dénivelé ça fait une&nbsp;différence&#8239;!).</p>
<p>Je pensais être déjà limite niveau capacités physiques mais de voir le chemin s’allonger et le temps passer a fini par avoir raison de mon énergie. Lorsque la lucidité flanche après presque 7h d’effort à <del>lutter</del> m’adapter aux éléments, il vaut mieux faire une pause en pensant au retour. Je retiens qu’il faut démarrer plus tôt aussi pour être plus serein en cas&nbsp;d’imprévu.</p>
<p>La nourriture était un autre test important de cette sortie. Je me suis rendu compte que de s’alimenter sur 4&nbsp;jours intensifs allait peser lourd. Lorsque j’ai enregistré le parcours, la montre m’a indiqué 2300&nbsp;kcal de dépensées ce qui me donne une idée des ordres de grandeur. Pour une fois, je voulais tenter les plats lyophilisés et non seulement c’était pas bon mais en plus j’avais faim avant de me coucher&#8239;! Il faut que j’essaye de déshydrater mes propres&nbsp;plats.</p>
<p>En parlant du couchage, trouver un emplacement en pleine forêt québécoise qui soit suffisamment plat <em>et</em> sec non gelé <em>et</em> proche d’eau courante revient bien souvent à s’installer sur le sentier. Ce que j’ai fait après n’avoir croisé personne de la&nbsp;journée.</p>
<figure>
    <a href="/static/david/2024/2024-03-29-couchage-sentier.jpg"
        title="Cliquer pour une version haute résolution">
        <img
            src="/static/david/2024/2024-03-29-couchage-sentier.jpg"
            width="3024" height="4032"
            srcset="/static/david/2024/2024-03-29-couchage-sentier.jpg 3024w, /static/david/2024/2024-03-29-couchage-sentier_660x440.jpg 660w, /static/david/2024/2024-03-29-couchage-sentier_990x660.jpg 990w, /static/david/2024/2024-03-29-couchage-sentier_1320x880.jpg 1320w"
            sizes="min(100vw, calc(100vh * 3024 / 4032))"
            loading="lazy"
            decoding="async"
            alt="Un campement en plein chemin.">
    </a>
    <figcaption>On ne dirait pas sur la photo mais le sol est bien&nbsp;humide.</figcaption>
</figure>
<p>La météo indiquait -5°C, je prévoyais un -10°C niveau équipement et… il a bien fait -15°C avec le vent qui a soufflé par rafales toute la nuit. Difficile de réussir à être minimaliste / léger dans ces conditions sans prendre quelques&nbsp;risques.</p>

  
    <nav>
      <p>
        
          <a href="/david/2024/experience/"
             title="Liste de tous les articles 2024 associés à cette étiquette"
             rel="tag">#expérience</a>
        
          <a href="/david/2024/foret/"
             title="Liste de tous les articles 2024 associés à cette étiquette"
             rel="tag">#forêt</a>
        
          <a href="/david/2024/partage/"
             title="Liste de tous les articles 2024 associés à cette étiquette"
             rel="tag">#partage</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/03/28/"
           title="Publication précédente : Collectif">← Précédent</a> •
      
      <a href="/david/2024/" title="Liste des publications récentes">↑ En 2024</a>
      
        • <a rel="next"
            href="/david/2024/03/30/"
            title="Publication suivante : Jour 2">Suivant →</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>
  <script type="module">
    import { annotate } from '/static/david/js/rough-notation-0.5.1.esm.min.js'

    const markObserver = new IntersectionObserver((entries, observer) => {
      const computedStyle = getComputedStyle(document.documentElement)
      const markBackground = computedStyle.getPropertyValue('--mark-background')
      for (const entry of entries) {
        if (entry.intersectionRatio === 0) continue
        const markElement = entry.target
        markElement.style.backgroundColor = 'inherit'
        const annotation = annotate(
          markElement, {
            type: 'highlight',
            multiline: true,
            color: markBackground,
            // animate: !window.matchMedia('(prefers-reduced-motion: reduce)').matches
            animate: false
          }
        )
        annotation.show()
        observer.unobserve(markElement)
      }
    }, {threshold: 1.0})

    for (const markElement of document.querySelectorAll('mark')) {
      markObserver.observe(markElement)
    }
  </script>

  </body>
</html>