A place to cache linked articles (think custom and personal wayback machine)
Вы не можете выбрать более 25 тем Темы должны начинаться с буквы или цифры, могут содержать дефисы(-) и должны содержать не более 35 символов.

4 лет назад
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605
  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>
  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,minimum-scale=1,initial-scale=1,shrink-to-fit=no">
  11. <!-- Required to make a valid HTML5 document. -->
  12. <title>Breakfast with Muskox (Film) (archive) — David Larlet</title>
  13. <!-- Generated from https://realfavicongenerator.net/ such a mess. -->
  14. <link rel="apple-touch-icon" sizes="180x180" href="/static/david/icons/apple-touch-icon.png">
  15. <link rel="icon" type="image/png" sizes="32x32" href="/static/david/icons/favicon-32x32.png">
  16. <link rel="icon" type="image/png" sizes="16x16" href="/static/david/icons/favicon-16x16.png">
  17. <link rel="manifest" href="/manifest.json">
  18. <link rel="mask-icon" href="/static/david/icons/safari-pinned-tab.svg" color="#5bbad5">
  19. <link rel="shortcut icon" href="/static/david/icons/favicon.ico">
  20. <meta name="apple-mobile-web-app-title" content="David Larlet">
  21. <meta name="application-name" content="David Larlet">
  22. <meta name="msapplication-TileColor" content="#da532c">
  23. <meta name="msapplication-config" content="/static/david/icons/browserconfig.xml">
  24. <meta name="theme-color" content="#f0f0ea">
  25. <!-- That good ol' feed, subscribe :p. -->
  26. <link rel=alternate type="application/atom+xml" title=Feed href="/david/log/">
  27. <meta name="robots" content="noindex, nofollow">
  28. <meta content="origin-when-cross-origin" name="referrer">
  29. <!-- Canonical URL for SEO purposes -->
  30. <link rel="canonical" href="http://www.bikepacking.com/plog/breakfast-with-muskox-film/">
  31. <style>
  32. /* http://meyerweb.com/eric/tools/css/reset/ */
  33. html, body, div, span,
  34. h1, h2, h3, h4, h5, h6, p, blockquote, pre,
  35. a, abbr, address, big, cite, code,
  36. del, dfn, em, img, ins,
  37. small, strike, strong, tt, var,
  38. dl, dt, dd, ol, ul, li,
  39. fieldset, form, label, legend,
  40. table, caption, tbody, tfoot, thead, tr, th, td,
  41. article, aside, canvas, details, embed,
  42. figure, figcaption, footer, header, hgroup,
  43. menu, nav, output, ruby, section, summary,
  44. time, mark, audio, video {
  45. margin: 0;
  46. padding: 0;
  47. border: 0;
  48. font-size: 100%;
  49. font: inherit;
  50. vertical-align: baseline;
  51. }
  52. /* HTML5 display-role reset for older browsers */
  53. article, aside, details, figcaption, figure,
  54. footer, header, hgroup, menu, nav, section { display: block; }
  55. body { line-height: 1; }
  56. blockquote, q { quotes: none; }
  57. blockquote:before, blockquote:after,
  58. q:before, q:after {
  59. content: '';
  60. content: none;
  61. }
  62. table {
  63. border-collapse: collapse;
  64. border-spacing: 0;
  65. }
  66. /* http://practicaltypography.com/equity.html */
  67. /* https://calendar.perfplanet.com/2016/no-font-face-bulletproof-syntax/ */
  68. /* https://www.filamentgroup.com/lab/js-web-fonts.html */
  69. @font-face {
  70. font-family: 'EquityTextB';
  71. src: url('/static/david/css/fonts/Equity-Text-B-Regular-webfont.woff2') format('woff2'),
  72. url('/static/david/css/fonts/Equity-Text-B-Regular-webfont.woff') format('woff');
  73. font-weight: 300;
  74. font-style: normal;
  75. font-display: swap;
  76. }
  77. @font-face {
  78. font-family: 'EquityTextB';
  79. src: url('/static/david/css/fonts/Equity-Text-B-Italic-webfont.woff2') format('woff2'),
  80. url('/static/david/css/fonts/Equity-Text-B-Italic-webfont.woff') format('woff');
  81. font-weight: 300;
  82. font-style: italic;
  83. font-display: swap;
  84. }
  85. @font-face {
  86. font-family: 'EquityTextB';
  87. src: url('/static/david/css/fonts/Equity-Text-B-Bold-webfont.woff2') format('woff2'),
  88. url('/static/david/css/fonts/Equity-Text-B-Bold-webfont.woff') format('woff');
  89. font-weight: 700;
  90. font-style: normal;
  91. font-display: swap;
  92. }
  93. @font-face {
  94. font-family: 'ConcourseT3';
  95. src: url('/static/david/css/fonts/concourse_t3_regular-webfont-20190806.woff2') format('woff2'),
  96. url('/static/david/css/fonts/concourse_t3_regular-webfont-20190806.woff') format('woff');
  97. font-weight: 300;
  98. font-style: normal;
  99. font-display: swap;
  100. }
  101. /* http://practice.typekit.com/lesson/caring-about-opentype-features/ */
  102. body {
  103. /* http://www.cssfontstack.com/ Palatino 99% Win 86% Mac */
  104. font-family: "EquityTextB", Palatino, serif;
  105. background-color: #f0f0ea;
  106. color: #07486c;
  107. font-kerning: normal;
  108. -moz-osx-font-smoothing: grayscale;
  109. -webkit-font-smoothing: subpixel-antialiased;
  110. text-rendering: optimizeLegibility;
  111. font-variant-ligatures: common-ligatures contextual;
  112. font-feature-settings: "kern", "liga", "clig", "calt";
  113. }
  114. pre, code, kbd, samp, var, tt {
  115. font-family: 'TriplicateT4c', monospace;
  116. }
  117. em {
  118. font-style: italic;
  119. color: #323a45;
  120. }
  121. strong {
  122. font-weight: bold;
  123. color: black;
  124. }
  125. nav {
  126. background-color: #323a45;
  127. color: #f0f0ea;
  128. display: flex;
  129. justify-content: space-around;
  130. padding: 1rem .5rem;
  131. }
  132. nav:last-child {
  133. border-bottom: 1vh solid #2d7474;
  134. }
  135. nav a {
  136. color: #f0f0ea;
  137. }
  138. nav abbr {
  139. border-bottom: 1px dotted white;
  140. }
  141. h1 {
  142. border-top: 1vh solid #2d7474;
  143. border-bottom: .2vh dotted #2d7474;
  144. background-color: #e3e1e1;
  145. color: #323a45;
  146. text-align: center;
  147. padding: 5rem 0 4rem 0;
  148. width: 100%;
  149. font-family: 'ConcourseT3';
  150. display: flex;
  151. flex-direction: column;
  152. }
  153. h1.single {
  154. padding-bottom: 10rem;
  155. }
  156. h1 span {
  157. position: absolute;
  158. top: 1vh;
  159. left: 20%;
  160. line-height: 0;
  161. }
  162. h1 span a {
  163. line-height: 1.7;
  164. padding: 1rem 1.2rem .6rem 1.2rem;
  165. border-radius: 0 0 6% 6%;
  166. background: #2d7474;
  167. font-size: 1.3rem;
  168. color: white;
  169. text-decoration: none;
  170. }
  171. h2 {
  172. margin: 4rem 0 1rem;
  173. border-top: .2vh solid #2d7474;
  174. padding-top: 1vh;
  175. }
  176. h3 {
  177. text-align: center;
  178. margin: 3rem 0 .75em;
  179. }
  180. hr {
  181. height: .4rem;
  182. width: .4rem;
  183. border-radius: .4rem;
  184. background: #07486c;
  185. margin: 2.5rem auto;
  186. }
  187. time {
  188. display: bloc;
  189. margin-left: 0 !important;
  190. }
  191. ul, ol {
  192. margin: 2rem;
  193. }
  194. ul {
  195. list-style-type: square;
  196. }
  197. a {
  198. text-decoration-skip-ink: auto;
  199. text-decoration-thickness: 0.05em;
  200. text-underline-offset: 0.09em;
  201. }
  202. article {
  203. max-width: 50rem;
  204. display: flex;
  205. flex-direction: column;
  206. margin: 2rem auto;
  207. }
  208. article.single {
  209. border-top: .2vh dotted #2d7474;
  210. margin: -6rem auto 1rem auto;
  211. background: #f0f0ea;
  212. padding: 2rem;
  213. }
  214. article p:last-child {
  215. margin-bottom: 1rem;
  216. }
  217. p {
  218. padding: 0 .5rem;
  219. margin-left: 3rem;
  220. }
  221. p + p,
  222. figure + p {
  223. margin-top: 2rem;
  224. }
  225. blockquote {
  226. background-color: #e3e1e1;
  227. border-left: .5vw solid #2d7474;
  228. display: flex;
  229. flex-direction: column;
  230. align-items: center;
  231. padding: 1rem;
  232. margin: 1.5rem;
  233. }
  234. blockquote cite {
  235. font-style: italic;
  236. }
  237. blockquote p {
  238. margin-left: 0;
  239. }
  240. figure {
  241. border-top: .2vh solid #2d7474;
  242. background-color: #e3e1e1;
  243. text-align: center;
  244. padding: 1.5rem 0;
  245. margin: 1rem 0 0;
  246. font-size: 1.5rem;
  247. width: 100%;
  248. }
  249. figure img {
  250. max-width: 250px;
  251. max-height: 250px;
  252. border: .5vw solid #323a45;
  253. padding: 1px;
  254. }
  255. figcaption {
  256. padding: 1rem;
  257. line-height: 1.4;
  258. }
  259. aside {
  260. display: flex;
  261. flex-direction: column;
  262. background-color: #e3e1e1;
  263. padding: 1rem 0;
  264. border-bottom: .2vh solid #07486c;
  265. }
  266. aside p {
  267. max-width: 50rem;
  268. margin: 0 auto;
  269. }
  270. /* https://fvsch.com/code/css-locks/ */
  271. p, li, pre, code, kbd, samp, var, tt, time, details, figcaption {
  272. font-size: 1rem;
  273. line-height: calc( 1.5em + 0.2 * 1rem );
  274. }
  275. h1 {
  276. font-size: 1.9rem;
  277. line-height: calc( 1.2em + 0.2 * 1rem );
  278. }
  279. h2 {
  280. font-size: 1.6rem;
  281. line-height: calc( 1.3em + 0.2 * 1rem );
  282. }
  283. h3 {
  284. font-size: 1.35rem;
  285. line-height: calc( 1.4em + 0.2 * 1rem );
  286. }
  287. @media (min-width: 20em) {
  288. /* The (100vw - 20rem) / (50 - 20) part
  289. resolves to 0-1rem, depending on the
  290. viewport width (between 20em and 50em). */
  291. p, li, pre, code, kbd, samp, var, tt, time, details, figcaption {
  292. font-size: calc( 1rem + .6 * (100vw - 20rem) / (50 - 20) );
  293. line-height: calc( 1.5em + 0.2 * (100vw - 50rem) / (20 - 50) );
  294. margin-left: 0;
  295. }
  296. h1 {
  297. font-size: calc( 1.9rem + 1.5 * (100vw - 20rem) / (50 - 20) );
  298. line-height: calc( 1.2em + 0.2 * (100vw - 50rem) / (20 - 50) );
  299. }
  300. h2 {
  301. font-size: calc( 1.5rem + 1.5 * (100vw - 20rem) / (50 - 20) );
  302. line-height: calc( 1.3em + 0.2 * (100vw - 50rem) / (20 - 50) );
  303. }
  304. h3 {
  305. font-size: calc( 1.35rem + 1.5 * (100vw - 20rem) / (50 - 20) );
  306. line-height: calc( 1.4em + 0.2 * (100vw - 50rem) / (20 - 50) );
  307. }
  308. }
  309. @media (min-width: 50em) {
  310. /* The right part of the addition *must* be a
  311. rem value. In this example we *could* change
  312. the whole declaration to font-size:2.5rem,
  313. but if our baseline value was not expressed
  314. in rem we would have to use calc. */
  315. p, li, pre, code, kbd, samp, var, tt, time, details, figcaption {
  316. font-size: calc( 1rem + .6 * 1rem );
  317. line-height: 1.5em;
  318. }
  319. p, li, pre, details {
  320. margin-left: 3rem;
  321. }
  322. h1 {
  323. font-size: calc( 1.9rem + 1.5 * 1rem );
  324. line-height: 1.2em;
  325. }
  326. h2 {
  327. font-size: calc( 1.5rem + 1.5 * 1rem );
  328. line-height: 1.3em;
  329. }
  330. h3 {
  331. font-size: calc( 1.35rem + 1.5 * 1rem );
  332. line-height: 1.4em;
  333. }
  334. figure img {
  335. max-width: 500px;
  336. max-height: 500px;
  337. }
  338. }
  339. figure.unsquared {
  340. margin-bottom: 1.5rem;
  341. }
  342. figure.unsquared img {
  343. height: inherit;
  344. }
  345. @media print {
  346. body { font-size: 100%; }
  347. a:after { content: " (" attr(href) ")"; }
  348. a, a:link, a:visited, a:after {
  349. text-decoration: underline;
  350. text-shadow: none !important;
  351. background-image: none !important;
  352. background: white;
  353. color: black;
  354. }
  355. abbr[title] { border-bottom: 0; }
  356. abbr[title]:after { content: " (" attr(title) ")"; }
  357. img { page-break-inside: avoid; }
  358. @page { margin: 2cm .5cm; }
  359. h1, h2, h3 { page-break-after: avoid; }
  360. p3 { orphans: 3; widows: 3; }
  361. img {
  362. max-width: 250px !important;
  363. max-height: 250px !important;
  364. }
  365. nav, aside { display: none; }
  366. }
  367. ul.with_columns {
  368. column-count: 1;
  369. }
  370. @media (min-width: 20em) {
  371. ul.with_columns {
  372. column-count: 2;
  373. }
  374. }
  375. @media (min-width: 50em) {
  376. ul.with_columns {
  377. column-count: 3;
  378. }
  379. }
  380. ul.with_two_columns {
  381. column-count: 1;
  382. }
  383. @media (min-width: 20em) {
  384. ul.with_two_columns {
  385. column-count: 1;
  386. }
  387. }
  388. @media (min-width: 50em) {
  389. ul.with_two_columns {
  390. column-count: 2;
  391. }
  392. }
  393. .gallery {
  394. display: flex;
  395. flex-wrap: wrap;
  396. justify-content: space-around;
  397. }
  398. .gallery figure img {
  399. margin-left: 1rem;
  400. margin-right: 1rem;
  401. }
  402. .gallery figure figcaption {
  403. font-family: 'ConcourseT3'
  404. }
  405. footer {
  406. font-family: 'ConcourseT3';
  407. display: flex;
  408. flex-direction: column;
  409. border-top: 3px solid white;
  410. padding: 4rem 0;
  411. background-color: #07486c;
  412. color: white;
  413. }
  414. footer > * {
  415. max-width: 50rem;
  416. margin: 0 auto;
  417. }
  418. footer a {
  419. color: #f1c40f;
  420. }
  421. footer .avatar {
  422. width: 200px;
  423. height: 200px;
  424. border-radius: 50%;
  425. float: left;
  426. -webkit-shape-outside: circle();
  427. shape-outside: circle();
  428. margin-right: 2rem;
  429. padding: 2px 5px 5px 2px;
  430. background: white;
  431. border-left: 1px solid #f1c40f;
  432. border-top: 1px solid #f1c40f;
  433. border-right: 5px solid #f1c40f;
  434. border-bottom: 5px solid #f1c40f;
  435. }
  436. </style>
  437. <h1>
  438. <span><a id="jumper" href="#jumpto" title="Un peu perdu ?">?</a></span>
  439. Breakfast with Muskox (Film) (archive)
  440. <time>Pour la pérennité des contenus liés. Non-indexé, retrait sur simple email.</time>
  441. </h1>
  442. <section>
  443. <article>
  444. <h3><a href="http://www.bikepacking.com/plog/breakfast-with-muskox-film/">Source originale du contenu</a></h3>
  445. <p>Just debuted at the Fort William Mountain Film Festival in Scotland, Breakfast with Muskox is a new film by Annie Le that showcases Greenland like you&#8217;ve never seen it before. Although, you might recognize some of the scenery from <em>Boundless</em>, a story written by her partner Huw Oliver for the first issue of our printed publication, <i><a href="https://www.bikepacking.com/join/">The Bikepacking Journal</a></i>, which we also recently published as a web feature, <a href="http://www.bikepacking.com/stories/boundless/">here</a>. Watch the full film below, then read on for a Q&#038;A with Annie about their trip, along with a stunning selection of exclusive images.</p>
  446. <div class="embed-container"><iframe src="http://player.vimeo.com/video/309767116" width="300" height="100" frameborder="0" allowfullscreen="allowfullscreen"></iframe></div>
  447. <p class="qa q">Greenland is far from a popular or practical travel destination. What drew you to it?</p>
  448. <p>Greenland caught our imagination a while back, when I first read something about the Arctic Circle Trail. Although it&#8217;s not actually a good trail for riding as it is very rutted and difficult to follow, it got us thinking about Greenland, and once it was in our minds we couldn’t get it out. We spent hours on satellite imaging and soon started to see potential to do something very different, using our packrafts alongside bikes to reach some remote and inaccessible areas. Greenland is also a fairly untouched wilderness, although hunting has been and still is very much a way of life, the landscape has not been altered by human hands in the same way that the Scottish land has. It really appealed to us to be able to observe an ecosystem that functions without human meddling and looks much as it would have hundreds of years ago. </p>
  449. <p><a href="http://www.bikepacking.com/wp-content/uploads/2019/02/Breakfast-with-Muskoxen-Film-20.jpg"><img src="http://www.bikepacking.com/wp-content/uploads/2019/02/Breakfast-with-Muskoxen-Film-20-2000x1334.jpg" alt="Breakfast with Muskoxen, Packrafting, Bikerafting, Greenland" width="2000" height="1334" class="alignnone size-large wp-image-53461" srcset="http://www.bikepacking.com/wp-content/uploads/2019/02/Breakfast-with-Muskoxen-Film-20-2000x1334.jpg 2000w, http://www.bikepacking.com/wp-content/uploads/2019/02/Breakfast-with-Muskoxen-Film-20-512x341.jpg 512w, http://www.bikepacking.com/wp-content/uploads/2019/02/Breakfast-with-Muskoxen-Film-20-960x640.jpg 960w, http://www.bikepacking.com/wp-content/uploads/2019/02/Breakfast-with-Muskoxen-Film-20-768x512.jpg 768w" sizes="(max-width: 2000px) 100vw, 2000px" /></a></p>
  450. <div class="ad"></div>
  451. <p class="qa q">Have you made other films before? What motivated you to create Breakfast with Muskox?</p>
  452. <p>Along with my partner Huw, I have made a few wee films before. We don’t have any fancy equipment, though, so we just have a bit of fun using the camera we have. I thought it would be nice to make a short film of our time in Greenland, as sometimes a photo can struggle to capture the real essence of a trip. You get these beautiful snapshots of a moment in time, but it can be harder to convey the emotions and frustrations that accompany them. I also felt that what we were doing in Greenland might be so different to our usual type of trip that it might be interesting enough to warrant making a film. </p>
  453. <ul class="thumblist-3col">
  454. <li><a href="http://www.bikepacking.com/wp-content/uploads/2019/02/Breakfast-with-Muskoxen-Film-13.jpg"><img src="http://www.bikepacking.com/wp-content/uploads/2019/02/Breakfast-with-Muskoxen-Film-13-960x640.jpg" alt="Breakfast with Muskoxen, Packrafting, Bikerafting, Greenland" width="960" height="640" class="alignnone size-medium wp-image-53454" srcset="http://www.bikepacking.com/wp-content/uploads/2019/02/Breakfast-with-Muskoxen-Film-13-960x640.jpg 960w, http://www.bikepacking.com/wp-content/uploads/2019/02/Breakfast-with-Muskoxen-Film-13-512x341.jpg 512w, http://www.bikepacking.com/wp-content/uploads/2019/02/Breakfast-with-Muskoxen-Film-13-768x512.jpg 768w, http://www.bikepacking.com/wp-content/uploads/2019/02/Breakfast-with-Muskoxen-Film-13-2000x1334.jpg 2000w" sizes="(max-width: 960px) 100vw, 960px" /></a></li>
  455. <li><a href="http://www.bikepacking.com/wp-content/uploads/2019/02/Breakfast-with-Muskoxen-Film-6.jpg"><img src="http://www.bikepacking.com/wp-content/uploads/2019/02/Breakfast-with-Muskoxen-Film-6-960x640.jpg" alt="Breakfast with Muskoxen, Packrafting, Bikerafting, Greenland" width="960" height="640" class="alignnone size-medium wp-image-53447" srcset="http://www.bikepacking.com/wp-content/uploads/2019/02/Breakfast-with-Muskoxen-Film-6-960x640.jpg 960w, http://www.bikepacking.com/wp-content/uploads/2019/02/Breakfast-with-Muskoxen-Film-6-512x341.jpg 512w, http://www.bikepacking.com/wp-content/uploads/2019/02/Breakfast-with-Muskoxen-Film-6-768x512.jpg 768w, http://www.bikepacking.com/wp-content/uploads/2019/02/Breakfast-with-Muskoxen-Film-6-2000x1334.jpg 2000w" sizes="(max-width: 960px) 100vw, 960px" /></a></li>
  456. <li><a href="http://www.bikepacking.com/wp-content/uploads/2019/02/Breakfast-with-Muskoxen-Film-1.jpg"><img src="http://www.bikepacking.com/wp-content/uploads/2019/02/Breakfast-with-Muskoxen-Film-1-960x640.jpg" alt="Breakfast with Muskoxen, Packrafting, Bikerafting, Greenland" width="960" height="640" class="alignnone size-medium wp-image-53442" srcset="http://www.bikepacking.com/wp-content/uploads/2019/02/Breakfast-with-Muskoxen-Film-1-960x640.jpg 960w, http://www.bikepacking.com/wp-content/uploads/2019/02/Breakfast-with-Muskoxen-Film-1-512x341.jpg 512w, http://www.bikepacking.com/wp-content/uploads/2019/02/Breakfast-with-Muskoxen-Film-1-768x512.jpg 768w, http://www.bikepacking.com/wp-content/uploads/2019/02/Breakfast-with-Muskoxen-Film-1-2000x1334.jpg 2000w" sizes="(max-width: 960px) 100vw, 960px" /></a></li>
  457. </ul>
  458. <p><a href="http://www.bikepacking.com/wp-content/uploads/2019/02/Breakfast-with-Muskoxen-Film-21.jpg"><img src="http://www.bikepacking.com/wp-content/uploads/2019/02/Breakfast-with-Muskoxen-Film-21-2000x1334.jpg" alt="Breakfast with Muskoxen, Packrafting, Bikerafting, Greenland" width="2000" height="1334" class="alignnone size-large wp-image-53462" srcset="http://www.bikepacking.com/wp-content/uploads/2019/02/Breakfast-with-Muskoxen-Film-21-2000x1334.jpg 2000w, http://www.bikepacking.com/wp-content/uploads/2019/02/Breakfast-with-Muskoxen-Film-21-512x341.jpg 512w, http://www.bikepacking.com/wp-content/uploads/2019/02/Breakfast-with-Muskoxen-Film-21-960x640.jpg 960w, http://www.bikepacking.com/wp-content/uploads/2019/02/Breakfast-with-Muskoxen-Film-21-768x512.jpg 768w" sizes="(max-width: 2000px) 100vw, 2000px" /></a></p>
  459. <ul class="thumblist-2col">
  460. <li><a href="http://www.bikepacking.com/wp-content/uploads/2019/02/Breakfast-with-Muskoxen-Film-22.jpg"><img src="http://www.bikepacking.com/wp-content/uploads/2019/02/Breakfast-with-Muskoxen-Film-22-960x640.jpg" alt="Breakfast with Muskoxen, Packrafting, Bikerafting, Greenland" width="960" height="640" class="alignnone size-medium wp-image-53463" srcset="http://www.bikepacking.com/wp-content/uploads/2019/02/Breakfast-with-Muskoxen-Film-22-960x640.jpg 960w, http://www.bikepacking.com/wp-content/uploads/2019/02/Breakfast-with-Muskoxen-Film-22-512x341.jpg 512w, http://www.bikepacking.com/wp-content/uploads/2019/02/Breakfast-with-Muskoxen-Film-22-768x512.jpg 768w, http://www.bikepacking.com/wp-content/uploads/2019/02/Breakfast-with-Muskoxen-Film-22-2000x1334.jpg 2000w" sizes="(max-width: 960px) 100vw, 960px" /></a></li>
  461. <li><a href="http://www.bikepacking.com/wp-content/uploads/2019/02/Breakfast-with-Muskoxen-Film-26.jpg"><img src="http://www.bikepacking.com/wp-content/uploads/2019/02/Breakfast-with-Muskoxen-Film-26-960x640.jpg" alt="Breakfast with Muskoxen, Packrafting, Bikerafting, Greenland" width="960" height="640" class="alignnone size-medium wp-image-53467" srcset="http://www.bikepacking.com/wp-content/uploads/2019/02/Breakfast-with-Muskoxen-Film-26-960x640.jpg 960w, http://www.bikepacking.com/wp-content/uploads/2019/02/Breakfast-with-Muskoxen-Film-26-512x341.jpg 512w, http://www.bikepacking.com/wp-content/uploads/2019/02/Breakfast-with-Muskoxen-Film-26-768x512.jpg 768w, http://www.bikepacking.com/wp-content/uploads/2019/02/Breakfast-with-Muskoxen-Film-26-2000x1334.jpg 2000w" sizes="(max-width: 960px) 100vw, 960px" /></a></li>
  462. </ul>
  463. <p class="qa q">What went well, and what went totally awry while you were out there?</p>
  464. <p>Our first plan turned out to be a bit of a disaster. The river that we had hoped to paddle from the glacier to the sea was surrounded by deep, terrifying quicksand. We found this out after paddling a short distance, getting beached on a sandbar, and trying to get out to drag the boats to a deeper channel. We were sinking over our knees in the awful clinging mud, and it took us around an hour to get the 200 or so meters back to safe ground. The other issue was that as the powerful water shifted the sediment, it built huge wave trains that came and went. As we had being relying on the ability to portage around any big rapids, and found out we couldn’t, we made the decision to change our route. </p>
  465. <p>Fortunately for us, our plan B turned out to go better than we could have predicted. Having only seen two photos of the valley we wanted to ride up, it was quite a big leap of faith to assume that it would be good for all 100 km of it. Whilst it was certainly challenging in places, it was mostly a delight to ride. </p>
  466. <p class="qa q">What&#8217;s something that surprised you about Greenland?</p>
  467. <p>The west Greenlandic landscape turned out to be much more varied than we had expected. It’s a tricky place to research, and we were never quite sure what we would find. Instead of the endless wind-scoured tundra that we thought might dominate the land, we found ourselves riding over miniature forests of dwarf birch and arctic willow. Wildflowers were abundant up near the icecap, and the small delicate blossoms contrasted spectacularly with the massive angular ice. We rode through valleys with huge deserts, where the wind had blown fine glacial silt, and water was hard to find in the rain shadow of big mountains. The rock type and scenery were so constantly varied that it was always exciting to turn a corner and see what would change around it. </p>
  468. <ul class="thumblist-3col">
  469. <li><a href="http://www.bikepacking.com/wp-content/uploads/2019/02/Breakfast-with-Muskoxen-Film-18.jpg"><img src="http://www.bikepacking.com/wp-content/uploads/2019/02/Breakfast-with-Muskoxen-Film-18-960x640.jpg" alt="Breakfast with Muskoxen, Packrafting, Bikerafting, Greenland" width="960" height="640" class="alignnone size-medium wp-image-53459" srcset="http://www.bikepacking.com/wp-content/uploads/2019/02/Breakfast-with-Muskoxen-Film-18-960x640.jpg 960w, http://www.bikepacking.com/wp-content/uploads/2019/02/Breakfast-with-Muskoxen-Film-18-512x341.jpg 512w, http://www.bikepacking.com/wp-content/uploads/2019/02/Breakfast-with-Muskoxen-Film-18-768x512.jpg 768w, http://www.bikepacking.com/wp-content/uploads/2019/02/Breakfast-with-Muskoxen-Film-18-2000x1334.jpg 2000w" sizes="(max-width: 960px) 100vw, 960px" /></a></li>
  470. <li><a href="http://www.bikepacking.com/wp-content/uploads/2019/02/Breakfast-with-Muskoxen-Film-10.jpg"><img src="http://www.bikepacking.com/wp-content/uploads/2019/02/Breakfast-with-Muskoxen-Film-10-960x640.jpg" alt="Breakfast with Muskoxen, Packrafting, Bikerafting, Greenland" width="960" height="640" class="alignnone size-medium wp-image-53451" srcset="http://www.bikepacking.com/wp-content/uploads/2019/02/Breakfast-with-Muskoxen-Film-10-960x640.jpg 960w, http://www.bikepacking.com/wp-content/uploads/2019/02/Breakfast-with-Muskoxen-Film-10-512x341.jpg 512w, http://www.bikepacking.com/wp-content/uploads/2019/02/Breakfast-with-Muskoxen-Film-10-768x512.jpg 768w, http://www.bikepacking.com/wp-content/uploads/2019/02/Breakfast-with-Muskoxen-Film-10-2000x1334.jpg 2000w" sizes="(max-width: 960px) 100vw, 960px" /></a></li>
  471. <li><a href="http://www.bikepacking.com/wp-content/uploads/2019/02/Breakfast-with-Muskoxen-Film-11.jpg"><img src="http://www.bikepacking.com/wp-content/uploads/2019/02/Breakfast-with-Muskoxen-Film-11-960x640.jpg" alt="Breakfast with Muskoxen, Packrafting, Bikerafting, Greenland" width="960" height="640" class="alignnone size-medium wp-image-53452" srcset="http://www.bikepacking.com/wp-content/uploads/2019/02/Breakfast-with-Muskoxen-Film-11-960x640.jpg 960w, http://www.bikepacking.com/wp-content/uploads/2019/02/Breakfast-with-Muskoxen-Film-11-512x341.jpg 512w, http://www.bikepacking.com/wp-content/uploads/2019/02/Breakfast-with-Muskoxen-Film-11-768x512.jpg 768w, http://www.bikepacking.com/wp-content/uploads/2019/02/Breakfast-with-Muskoxen-Film-11-2000x1334.jpg 2000w" sizes="(max-width: 960px) 100vw, 960px" /></a></li>
  472. </ul>
  473. <ul class="thumblist-2col">
  474. <li><a href="http://www.bikepacking.com/wp-content/uploads/2019/02/Breakfast-with-Muskoxen-Film-17.jpg"><img src="http://www.bikepacking.com/wp-content/uploads/2019/02/Breakfast-with-Muskoxen-Film-17-2000x1334.jpg" alt="Breakfast with Muskoxen, Packrafting, Bikerafting, Greenland" width="2000" height="1334" class="alignnone size-large wp-image-53458" srcset="http://www.bikepacking.com/wp-content/uploads/2019/02/Breakfast-with-Muskoxen-Film-17-2000x1334.jpg 2000w, http://www.bikepacking.com/wp-content/uploads/2019/02/Breakfast-with-Muskoxen-Film-17-512x341.jpg 512w, http://www.bikepacking.com/wp-content/uploads/2019/02/Breakfast-with-Muskoxen-Film-17-960x640.jpg 960w, http://www.bikepacking.com/wp-content/uploads/2019/02/Breakfast-with-Muskoxen-Film-17-768x512.jpg 768w" sizes="(max-width: 2000px) 100vw, 2000px" /></a></li>
  475. <li><a href="http://www.bikepacking.com/wp-content/uploads/2019/02/Breakfast-with-Muskoxen-Film-4.jpg"><img src="http://www.bikepacking.com/wp-content/uploads/2019/02/Breakfast-with-Muskoxen-Film-4-2000x1334.jpg" alt="Breakfast with Muskoxen, Packrafting, Bikerafting, Greenland" width="2000" height="1334" class="alignnone size-large wp-image-53445" srcset="http://www.bikepacking.com/wp-content/uploads/2019/02/Breakfast-with-Muskoxen-Film-4-2000x1334.jpg 2000w, http://www.bikepacking.com/wp-content/uploads/2019/02/Breakfast-with-Muskoxen-Film-4-512x341.jpg 512w, http://www.bikepacking.com/wp-content/uploads/2019/02/Breakfast-with-Muskoxen-Film-4-960x640.jpg 960w, http://www.bikepacking.com/wp-content/uploads/2019/02/Breakfast-with-Muskoxen-Film-4-768x512.jpg 768w" sizes="(max-width: 2000px) 100vw, 2000px" /></a></li>
  476. </ul>
  477. <div class="ad"></div>
  478. <p class="qa q">How much time did you spend on the bikes vs. in the boats? Which was more challenging?</p>
  479. <p>We ended up paddling and riding in fairly equal measures. Although the riding was far from straightforward, and often very physical on rough, boulder strewn ground, the paddling was much more challenging. In theory, the fjord should have offered fairly dull conditions for packrafting, but we found that the combination of wind and fast tides created a dynamic and varied paddling environment. Small tidal rapids added interest in calm conditions, but once the wind had whipped up a swell, we experienced waves coming over the side of the boats and had a few sections that were tricky to navigate through. Decision making on the water is also much more serious. When it came to crossing the fjord, a distance of around 4 km, we had to get it right. Reading the weather, knowing the tides, and making the right choices at the time were what kept us safe and made the paddle enjoyable rather than an epic. </p>
  480. <p><a href="http://www.bikepacking.com/wp-content/uploads/2019/02/Breakfast-with-Muskoxen-Film-24.jpg"><img src="http://www.bikepacking.com/wp-content/uploads/2019/02/Breakfast-with-Muskoxen-Film-24-2000x1334.jpg" alt="Breakfast with Muskoxen, Packrafting, Bikerafting, Greenland" width="2000" height="1334" class="alignnone size-large wp-image-53465" srcset="http://www.bikepacking.com/wp-content/uploads/2019/02/Breakfast-with-Muskoxen-Film-24-2000x1334.jpg 2000w, http://www.bikepacking.com/wp-content/uploads/2019/02/Breakfast-with-Muskoxen-Film-24-512x341.jpg 512w, http://www.bikepacking.com/wp-content/uploads/2019/02/Breakfast-with-Muskoxen-Film-24-960x640.jpg 960w, http://www.bikepacking.com/wp-content/uploads/2019/02/Breakfast-with-Muskoxen-Film-24-768x512.jpg 768w" sizes="(max-width: 2000px) 100vw, 2000px" /></a></p>
  481. <p class="qa q">Can you tell us a bit about your bikes and why you chose them for this trip?</p>
  482. <p>We both took 2015 Salsa fat bikess. I rode a Beargrease running 4” tires on 60mm rims, and Huw was on a Blackborrow with 5” tires on 100mm rims. In my opinion, the lightness of the Beargrease makes up for the reduced tire volume in comparison to the Blackborrow. It was only in the higher valley, on the bigger boulder outwash, that I felt he had an advantage. We’ve had these bikes for a while, and they proved themselves just as reliable while crossing Iceland in winter and more recently when riding ski trails in Sweden. We know them well and are confident taking them to remote environments where you put a lot of trust in your kit. The higher volume tires make it possible to ride over mixed terrain, or often where there’s no trail all. They performed well on both the fine sands of the deserts and while rolling over the lumpy, rocky outwash plains. </p>
  483. <p><a href="http://www.bikepacking.com/wp-content/uploads/2019/02/Breakfast-with-Muskoxen-Film-12.jpg"><img src="http://www.bikepacking.com/wp-content/uploads/2019/02/Breakfast-with-Muskoxen-Film-12-2000x1334.jpg" alt="Breakfast with Muskoxen, Packrafting, Bikerafting, Greenland" width="2000" height="1334" class="alignnone size-large wp-image-53453" srcset="http://www.bikepacking.com/wp-content/uploads/2019/02/Breakfast-with-Muskoxen-Film-12-2000x1334.jpg 2000w, http://www.bikepacking.com/wp-content/uploads/2019/02/Breakfast-with-Muskoxen-Film-12-512x341.jpg 512w, http://www.bikepacking.com/wp-content/uploads/2019/02/Breakfast-with-Muskoxen-Film-12-960x640.jpg 960w, http://www.bikepacking.com/wp-content/uploads/2019/02/Breakfast-with-Muskoxen-Film-12-768x512.jpg 768w" sizes="(max-width: 2000px) 100vw, 2000px" /></a></p>
  484. <ul class="thumblist-3col">
  485. <li><a href="http://www.bikepacking.com/wp-content/uploads/2019/02/Breakfast-with-Muskoxen-Film-14.jpg"><img src="http://www.bikepacking.com/wp-content/uploads/2019/02/Breakfast-with-Muskoxen-Film-14-2000x1334.jpg" alt="Breakfast with Muskoxen, Packrafting, Bikerafting, Greenland" width="2000" height="1334" class="alignnone size-large wp-image-53455" srcset="http://www.bikepacking.com/wp-content/uploads/2019/02/Breakfast-with-Muskoxen-Film-14-2000x1334.jpg 2000w, http://www.bikepacking.com/wp-content/uploads/2019/02/Breakfast-with-Muskoxen-Film-14-512x341.jpg 512w, http://www.bikepacking.com/wp-content/uploads/2019/02/Breakfast-with-Muskoxen-Film-14-960x640.jpg 960w, http://www.bikepacking.com/wp-content/uploads/2019/02/Breakfast-with-Muskoxen-Film-14-768x512.jpg 768w" sizes="(max-width: 2000px) 100vw, 2000px" /></a></li>
  486. <li><a href="http://www.bikepacking.com/wp-content/uploads/2019/02/Breakfast-with-Muskoxen-Film-8.jpg"><img src="http://www.bikepacking.com/wp-content/uploads/2019/02/Breakfast-with-Muskoxen-Film-8-2000x1334.jpg" alt="Breakfast with Muskoxen, Packrafting, Bikerafting, Greenland" width="2000" height="1334" class="alignnone size-large wp-image-53449" srcset="http://www.bikepacking.com/wp-content/uploads/2019/02/Breakfast-with-Muskoxen-Film-8-2000x1334.jpg 2000w, http://www.bikepacking.com/wp-content/uploads/2019/02/Breakfast-with-Muskoxen-Film-8-512x341.jpg 512w, http://www.bikepacking.com/wp-content/uploads/2019/02/Breakfast-with-Muskoxen-Film-8-960x640.jpg 960w, http://www.bikepacking.com/wp-content/uploads/2019/02/Breakfast-with-Muskoxen-Film-8-768x512.jpg 768w" sizes="(max-width: 2000px) 100vw, 2000px" /></a></li>
  487. <li><a href="http://www.bikepacking.com/wp-content/uploads/2019/02/Breakfast-with-Muskoxen-Film-7.jpg"><img src="http://www.bikepacking.com/wp-content/uploads/2019/02/Breakfast-with-Muskoxen-Film-7-2000x1334.jpg" alt="Breakfast with Muskoxen, Packrafting, Bikerafting, Greenland" width="2000" height="1334" class="alignnone size-large wp-image-53448" srcset="http://www.bikepacking.com/wp-content/uploads/2019/02/Breakfast-with-Muskoxen-Film-7-2000x1334.jpg 2000w, http://www.bikepacking.com/wp-content/uploads/2019/02/Breakfast-with-Muskoxen-Film-7-512x341.jpg 512w, http://www.bikepacking.com/wp-content/uploads/2019/02/Breakfast-with-Muskoxen-Film-7-960x640.jpg 960w, http://www.bikepacking.com/wp-content/uploads/2019/02/Breakfast-with-Muskoxen-Film-7-768x512.jpg 768w" sizes="(max-width: 2000px) 100vw, 2000px" /></a></li>
  488. </ul>
  489. <p class="qa q">Any additional advice for aspiring bikerafters, beyond what you and Huw wrote in your <a href="http://www.bikepacking.com/plan/bikerafting-guide/">beginner’s guide to bikerafting</a>?</p>
  490. <p>Give it a try! It can feel cumbersome with so much kit, but once you’re used to it, it’s a wonderful thing to mix cycling and paddling. If you don’t come from a paddling background, spend some time using the pack raft without a bike and gaining some skills and knowledge. Never underestimate the wind or the river. Try different ways of attaching the bike to the packraft (Voile straps are amazing) and make sure you can self-rescue with the bike on the boat. You will be colder on the paddling section compared with the bike, so have extra layers. Be mindful that there&#8217;s always a chance you will get wet, so make sure you are prepared for this and have all your kit in dry sacs. Once you’ve tried out your kit on a few shorter trips, start looking at the map and seeing all these new and exciting places you can go. </p>
  491. <p class="qa q">Lastly, where can we expect to see you riding or paddling next?</p>
  492. <p>This is a tricky one, as there are so many amazing places in the world and never enough time or money to get there. I&#8217;m hoping to fit in a very Scottish bike rafting trip early this summer, fingers crossed the weather plays ball with free time! Aside from that, I&#8217;m planning to race both the Arizona Trail 350 and the Colorado Trail Race. Then, as Huw has recently moved to Canada, hopefully I will get a visa so I can join him, and there are some epic bike rafting trips to be had out there.</p>
  493. <p><a href="http://www.bikepacking.com/wp-content/uploads/2019/02/Breakfast-with-Muskoxen-Film-15.jpg"><img src="http://www.bikepacking.com/wp-content/uploads/2019/02/Breakfast-with-Muskoxen-Film-15-2000x1334.jpg" alt="Breakfast with Muskoxen, Packrafting, Bikerafting, Greenland" width="2000" height="1334" class="alignnone size-large wp-image-53456" srcset="http://www.bikepacking.com/wp-content/uploads/2019/02/Breakfast-with-Muskoxen-Film-15-2000x1334.jpg 2000w, http://www.bikepacking.com/wp-content/uploads/2019/02/Breakfast-with-Muskoxen-Film-15-512x341.jpg 512w, http://www.bikepacking.com/wp-content/uploads/2019/02/Breakfast-with-Muskoxen-Film-15-960x640.jpg 960w, http://www.bikepacking.com/wp-content/uploads/2019/02/Breakfast-with-Muskoxen-Film-15-768x512.jpg 768w" sizes="(max-width: 2000px) 100vw, 2000px" /></a></p>
  494. </article>
  495. </section>
  496. <nav id="jumpto">
  497. <p>
  498. <a href="/david/blog/">Accueil du blog</a> |
  499. <a href="http://www.bikepacking.com/plog/breakfast-with-muskox-film/">Source originale</a> |
  500. <a href="/david/stream/2019/">Accueil du flux</a>
  501. </p>
  502. </nav>
  503. <footer>
  504. <div>
  505. <img src="/static/david/david-larlet-avatar.jpg" loading="lazy" class="avatar" width="200" height="200">
  506. <p>
  507. Bonjour/Hi!
  508. Je suis <a href="/david/" title="Profil public">David&nbsp;Larlet</a>, je vis actuellement à Montréal et j’alimente cet espace depuis 15 ans. <br>
  509. Si tu as apprécié cette lecture, n’hésite pas à poursuivre ton exploration. Par exemple via les <a href="/david/blog/" title="Expériences bienveillantes">réflexions bimestrielles</a>, la <a href="/david/stream/2019/" title="Pensées (dés)articulées">veille hebdomadaire</a> ou en t’abonnant au <a href="/david/log/" title="S’abonner aux publications via RSS">flux RSS</a> (<a href="/david/blog/2019/flux-rss/" title="Tiens c’est quoi un flux RSS ?">so 2005</a>).
  510. </p>
  511. <p>
  512. Je m’intéresse à la place que je peux avoir dans ce monde. En tant qu’humain, en tant que membre d’une famille et en tant qu’associé d’une coopérative. De temps en temps, je fais aussi des <a href="https://github.com/davidbgk" title="Principalement sur Github mais aussi ailleurs">trucs techniques</a>. Et encore plus rarement, <a href="/david/talks/" title="En ce moment je laisse plutôt la place aux autres">j’en parle</a>.
  513. </p>
  514. <p>
  515. Voici quelques articles choisis :
  516. <a href="/david/blog/2019/faire-equipe/" title="Accéder à l’article complet">Faire équipe</a>,
  517. <a href="/david/blog/2018/bivouac-automnal/" title="Accéder à l’article complet">Bivouac automnal</a>,
  518. <a href="/david/blog/2018/commodite-effondrement/" title="Accéder à l’article complet">Commodité et effondrement</a>,
  519. <a href="/david/blog/2017/donnees-communs/" title="Accéder à l’article complet">Des données aux communs</a>,
  520. <a href="/david/blog/2016/accompagner-enfant/" title="Accéder à l’article complet">Accompagner un enfant</a>,
  521. <a href="/david/blog/2016/senior-developer/" title="Accéder à l’article complet">Senior developer</a>,
  522. <a href="/david/blog/2016/illusion-sociale/" title="Accéder à l’article complet">L’illusion sociale</a>,
  523. <a href="/david/blog/2016/instantane-scopyleft/" title="Accéder à l’article complet">Instantané Scopyleft</a>,
  524. <a href="/david/blog/2016/enseigner-web/" title="Accéder à l’article complet">Enseigner le Web</a>,
  525. <a href="/david/blog/2016/simplicite-defaut/" title="Accéder à l’article complet">Simplicité par défaut</a>,
  526. <a href="/david/blog/2016/minimalisme-esthetique/" title="Accéder à l’article complet">Minimalisme et esthétique</a>,
  527. <a href="/david/blog/2014/un-web-omni-present/" title="Accéder à l’article complet">Un web omni-présent</a>,
  528. <a href="/david/blog/2014/manifeste-developpeur/" title="Accéder à l’article complet">Manifeste de développeur</a>,
  529. <a href="/david/blog/2013/confort-convivialite/" title="Accéder à l’article complet">Confort et convivialité</a>,
  530. <a href="/david/blog/2013/testament-numerique/" title="Accéder à l’article complet">Testament numérique</a>,
  531. et <a href="/david/blog/" title="Accéder aux archives">bien d’autres…</a>
  532. </p>
  533. <p>
  534. On peut <a href="mailto:david%40larlet.fr" title="Envoyer un courriel">échanger par courriel</a>. Si éventuellement tu souhaites que l’on travaille ensemble, tu devrais commencer par consulter le <a href="http://larlet.com">profil dédié à mon activité professionnelle</a> et/ou contacter directement <a href="http://scopyleft.fr/">scopyleft</a>, la <abbr title="Société coopérative et participative">SCOP</abbr> dont je fais partie depuis six ans. Je recommande au préalable de lire <a href="/david/blog/2018/cout-site/" title="Attention ce qui va suivre peut vous choquer">combien coûte un site</a> et pourquoi je suis plutôt favorable à une <a href="/david/pro/devis/" title="Discutons-en !">non-demande de devis</a>.
  535. </p>
  536. <p>
  537. Je ne traque pas ta navigation mais mon
  538. <abbr title="Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33.184162340">hébergeur</abbr>
  539. conserve des logs d’accès.
  540. </p>
  541. </div>
  542. </footer>
  543. <script type="text/javascript">
  544. ;(_ => {
  545. const jumper = document.getElementById('jumper')
  546. jumper.addEventListener('click', e => {
  547. e.preventDefault()
  548. const anchor = e.target.getAttribute('href')
  549. const targetEl = document.getElementById(anchor.substring(1))
  550. targetEl.scrollIntoView({behavior: 'smooth'})
  551. })
  552. })()
  553. </script>