A place to cache linked articles (think custom and personal wayback machine)
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

index.html 10KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195
  1. <!doctype html><!-- This is a valid HTML5 document. -->
  2. <!-- Screen readers, SEO, extensions and so on. -->
  3. <html lang="fr">
  4. <!-- Has to be within the first 1024 bytes, hence before the `title` element
  5. See: https://www.w3.org/TR/2012/CR-html5-20121217/document-metadata.html#charset -->
  6. <meta charset="utf-8">
  7. <!-- Why no `X-UA-Compatible` meta: https://stackoverflow.com/a/6771584 -->
  8. <!-- The viewport meta is quite crowded and we are responsible for that.
  9. See: https://codepen.io/tigt/post/meta-viewport-for-2015 -->
  10. <meta name="viewport" content="width=device-width,initial-scale=1">
  11. <!-- Required to make a valid HTML5 document. -->
  12. <title>Grande Traversée du Poisson Blanc 2023 (archive) — David Larlet</title>
  13. <meta name="description" content="Publication mise en cache pour en conserver une trace.">
  14. <!-- That good ol' feed, subscribe :). -->
  15. <link rel="alternate" type="application/atom+xml" title="Feed" href="/david/log/">
  16. <!-- Generated from https://realfavicongenerator.net/ such a mess. -->
  17. <link rel="apple-touch-icon" sizes="180x180" href="/static/david/icons2/apple-touch-icon.png">
  18. <link rel="icon" type="image/png" sizes="32x32" href="/static/david/icons2/favicon-32x32.png">
  19. <link rel="icon" type="image/png" sizes="16x16" href="/static/david/icons2/favicon-16x16.png">
  20. <link rel="manifest" href="/static/david/icons2/site.webmanifest">
  21. <link rel="mask-icon" href="/static/david/icons2/safari-pinned-tab.svg" color="#07486c">
  22. <link rel="shortcut icon" href="/static/david/icons2/favicon.ico">
  23. <meta name="msapplication-TileColor" content="#f7f7f7">
  24. <meta name="msapplication-config" content="/static/david/icons2/browserconfig.xml">
  25. <meta name="theme-color" content="#f7f7f7" media="(prefers-color-scheme: light)">
  26. <meta name="theme-color" content="#272727" media="(prefers-color-scheme: dark)">
  27. <!-- Documented, feel free to shoot an email. -->
  28. <link rel="stylesheet" href="/static/david/css/style_2021-01-20.css">
  29. <!-- See https://www.zachleat.com/web/comprehensive-webfonts/ for the trade-off. -->
  30. <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>
  31. <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>
  32. <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>
  33. <link rel="preload" href="/static/david/css/fonts/triplicate_t3_regular.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin>
  34. <link rel="preload" href="/static/david/css/fonts/triplicate_t3_bold.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin>
  35. <link rel="preload" href="/static/david/css/fonts/triplicate_t3_italic.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin>
  36. <script>
  37. function toggleTheme(themeName) {
  38. document.documentElement.classList.toggle(
  39. 'forced-dark',
  40. themeName === 'dark'
  41. )
  42. document.documentElement.classList.toggle(
  43. 'forced-light',
  44. themeName === 'light'
  45. )
  46. }
  47. const selectedTheme = localStorage.getItem('theme')
  48. if (selectedTheme !== 'undefined') {
  49. toggleTheme(selectedTheme)
  50. }
  51. </script>
  52. <meta name="robots" content="noindex, nofollow">
  53. <meta content="origin-when-cross-origin" name="referrer">
  54. <!-- Canonical URL for SEO purposes -->
  55. <link rel="canonical" href="https://poissonblanc.ca/experiences/la-grande-traversee/">
  56. <body class="remarkdown h1-underline h2-underline h3-underline em-underscore hr-center ul-star pre-tick" data-instant-intensity="viewport-all">
  57. <article>
  58. <header>
  59. <h1>Grande Traversée du Poisson Blanc 2023</h1>
  60. </header>
  61. <nav>
  62. <p class="center">
  63. <a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home">
  64. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-home"></use>
  65. </svg> Accueil</a> •
  66. <a href="https://poissonblanc.ca/experiences/la-grande-traversee/" title="Lien vers le contenu original">Source originale</a>
  67. </p>
  68. </nav>
  69. <hr>
  70. <p>Du 10 au 12 février</p>
  71. <p>La Grande Traversée du Poisson Blanc est une expédition de ski nordique avec pulka (traîneau) en autonomie qui inclut 23 km de randonnée et une nuit en camping d’hiver. </p>
  72. <h2>Expédition hivernale</h2>
  73. <p>Faire sa trace dans la neige à travers le vaste réservoir, en contournant ses îles, dans le silence et la blancheur de nos paysages québécois d’hiver, voilà le scénario de la Grande Traversée. L’objectif de cette expédition hivernale est d’offrir aux amateurs.trices de plein air un événement sportif qui représente un défi, certe, mais qui demeure néanmoins accessible à celles et ceux qui souhaitent s’initier au camping d’hiver et au ski nordique dans un contexte de grande nature, avec le soutien d’une équipe technique en cas de pépins.</p>
  74. <h2>4e édition</h2>
  75. <p>Cette année marque la quatrième édition de la Grande Traversée. Les organisateurs souhaitent réunir 40 skieurs.euses qui relèveront ce défi dans une ambiance détendue où chacun avance à son rythme, et où les participant.e.s s’entraident en cas de besoin. Chaque participant.e est responsable de préparer son matériel et sa nourriture et doit être entièrement autonome.</p>
  76. <h2>Comment s’inscrire?</h2>
  77. <p>Tu es intéressé.e à participer à cet événement? Ne t’inscris pas sur un coup de tête. Prends bien soin de lire avec attention le document explicatif de l’évènement, et malheureusement, il n’est pas possible de nous contacter pour nous demander des traitements de faveur; les consignes de l’évènement sont fermes. Télécharge également la carte pour prendre connaissance du trajet à parcourir lors de l’expédition.</p>
  78. <h2>Caractéristiques</h2>
  79. <ul>
  80. <li>Entre 23 et 30 km au total</li>
  81. <li>Ski nordique avec pulka</li>
  82. <li>1 nuit en camping d’hiver</li>
  83. <li>Expédition en complète autonomie</li>
  84. <li>Animation de soirée / feu de camp</li>
  85. <li>du 10 au 12 février 2023</li>
  86. <li>Soutien d’une équipe technique</li>
  87. <li>Chiens non admis</li>
  88. </ul>
  89. <h2>Tarifs 2023</h2>
  90. <ul>
  91. <li>150$ plus taxes par personne</li>
  92. <li>1 réservation par participant</li>
  93. </ul>
  94. </article>
  95. <hr>
  96. <footer>
  97. <p>
  98. <a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home">
  99. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-home"></use>
  100. </svg> Accueil</a> •
  101. <a href="/david/log/" title="Accès au flux RSS"><svg class="icon icon-rss2">
  102. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-rss2"></use>
  103. </svg> Suivre</a> •
  104. <a href="http://larlet.com" title="Go to my English profile" data-instant><svg class="icon icon-user-tie">
  105. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-user-tie"></use>
  106. </svg> Pro</a> •
  107. <a href="mailto:david%40larlet.fr" title="Envoyer un courriel"><svg class="icon icon-mail">
  108. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-mail"></use>
  109. </svg> Email</a> •
  110. <abbr class="nowrap" title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340"><svg class="icon icon-hammer2">
  111. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-hammer2"></use>
  112. </svg> Légal</abbr>
  113. </p>
  114. <template id="theme-selector">
  115. <form>
  116. <fieldset>
  117. <legend><svg class="icon icon-brightness-contrast">
  118. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-brightness-contrast"></use>
  119. </svg> Thème</legend>
  120. <label>
  121. <input type="radio" value="auto" name="chosen-color-scheme" checked> Auto
  122. </label>
  123. <label>
  124. <input type="radio" value="dark" name="chosen-color-scheme"> Foncé
  125. </label>
  126. <label>
  127. <input type="radio" value="light" name="chosen-color-scheme"> Clair
  128. </label>
  129. </fieldset>
  130. </form>
  131. </template>
  132. </footer>
  133. <script src="/static/david/js/instantpage-5.1.0.min.js" type="module"></script>
  134. <script>
  135. function loadThemeForm(templateName) {
  136. const themeSelectorTemplate = document.querySelector(templateName)
  137. const form = themeSelectorTemplate.content.firstElementChild
  138. themeSelectorTemplate.replaceWith(form)
  139. form.addEventListener('change', (e) => {
  140. const chosenColorScheme = e.target.value
  141. localStorage.setItem('theme', chosenColorScheme)
  142. toggleTheme(chosenColorScheme)
  143. })
  144. const selectedTheme = localStorage.getItem('theme')
  145. if (selectedTheme && selectedTheme !== 'undefined') {
  146. form.querySelector(`[value="${selectedTheme}"]`).checked = true
  147. }
  148. }
  149. const prefersColorSchemeDark = '(prefers-color-scheme: dark)'
  150. window.addEventListener('load', () => {
  151. let hasDarkRules = false
  152. for (const styleSheet of Array.from(document.styleSheets)) {
  153. let mediaRules = []
  154. for (const cssRule of styleSheet.cssRules) {
  155. if (cssRule.type !== CSSRule.MEDIA_RULE) {
  156. continue
  157. }
  158. // WARNING: Safari does not have/supports `conditionText`.
  159. if (cssRule.conditionText) {
  160. if (cssRule.conditionText !== prefersColorSchemeDark) {
  161. continue
  162. }
  163. } else {
  164. if (cssRule.cssText.startsWith(prefersColorSchemeDark)) {
  165. continue
  166. }
  167. }
  168. mediaRules = mediaRules.concat(Array.from(cssRule.cssRules))
  169. }
  170. // WARNING: do not try to insert a Rule to a styleSheet you are
  171. // currently iterating on, otherwise the browser will be stuck
  172. // in a infinite loop…
  173. for (const mediaRule of mediaRules) {
  174. styleSheet.insertRule(mediaRule.cssText)
  175. hasDarkRules = true
  176. }
  177. }
  178. if (hasDarkRules) {
  179. loadThemeForm('#theme-selector')
  180. }
  181. })
  182. </script>
  183. </body>
  184. </html>