<!DOCTYPE html>
<html lang="en">
<head>
    <!-- Title -->
            <title>alienlebarge</title>
    
    <!-- Meta -->
    <meta charset="UTF-8">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="fediverse:creator" content="@alienlebarge@social.lol" />
    <meta name="supported-color-schemes" content="light dark">
    <meta name="description" content="Hi, I’m Cédric a swiss front end engineer based in Lausanne with a love for electronic music and hiking">

    <!-- Preload fonts -->
    <link rel="preload" href="/assets/fonts/Untitled.woff2" as="font" type="font/woff2" crossorigin>

    <!-- Open Graph -->
    <meta property="og:title" content="Home" />
    <meta property="og:site_name" content="alienlebarge" />
    <meta property="og:logo" content="http://www.alienlebarge.ch/media/site/9585e841a5-1748410473/app-128x128-q80.webp" />
    <meta property="og:type" content="website" />
    <meta property="og:url" content="http://www.alienlebarge.ch" />
        <meta property="og:image" content="http://www.alienlebarge.ch/home.svg" />
        <meta property="og:image:type" content="image/svg+xml" />
    <meta property="og:image:width" content="1200" />
    <meta property="og:image:height" content="630" />
    <meta property="og:image:alt" content="Page image for alienlebarge.ch">
    <meta property="og:description" content="Hi, I’m Cédric a swiss front end engineer based in Lausanne with a love for electronic music and hiking" />

    <!-- Feeds -->
    <link rel="alternate" type="application/json" title="JSON Feed" href="http://www.alienlebarge.ch/feed.json" />
    <link rel="alternate" type="application/rss+xml" title="RSS Feed" href="http://www.alienlebarge.ch/feed.rss" />
        <link rel="alternate" type="application/json" title="Articles JSON Feed" href="http://www.alienlebarge.ch/articles.json" />
    <link rel="alternate" type="application/json" title="Bookmarks JSON Feed" href="http://www.alienlebarge.ch/bookmarks.json" />
    <link rel="alternate" type="application/json" title="Photos JSON Feed" href="http://www.alienlebarge.ch/photos.json" />
    <link rel="alternate" type="application/json" title="Notes JSON Feed" href="http://www.alienlebarge.ch/notes.json" />
    <link rel="alternate" type="application/json" title="Changelogs JSON Feed" href="http://www.alienlebarge.ch/changelogs.json" />
    <link rel="alternate" type="application/rss+xml" title="Articles RSS Feed" href="http://www.alienlebarge.ch/articles.rss" />
    <link rel="alternate" type="application/rss+xml" title="Bookmarks RSS Feed" href="http://www.alienlebarge.ch/bookmarks.rss" />
    <link rel="alternate" type="application/rss+xml" title="Photos RSS Feed" href="http://www.alienlebarge.ch/photos.rss" />
    <link rel="alternate" type="application/rss+xml" title="Notes RSS Feed" href="http://www.alienlebarge.ch/notes.rss" />
    <link rel="alternate" type="application/rss+xml" title="Changelogs RSS Feed" href="http://www.alienlebarge.ch/changelogs.rss" />
    
    <!-- Favicons -->
        <link rel="icon" href="http://www.alienlebarge.ch/media/site/9e894db7b0-1748410473/app.svg" type="image/svg+xml">
        <link rel="icon" type="image/png" sizes="32x32" href="http://www.alienlebarge.ch/media/site/9585e841a5-1748410473/app-32x32-q80.png">
    <link rel="icon" type="image/png" sizes="16x16" href="http://www.alienlebarge.ch/media/site/9585e841a5-1748410473/app-16x16-q80.png">
    <link rel="apple-touch-icon" sizes="180x180" href="http://www.alienlebarge.ch/media/site/9585e841a5-1748410473/app-128x128-q80.png">
    <link rel="shortcut icon" href="http://www.alienlebarge.ch/media/site/5f3d93c94e-1748410473/favicon.ico">

    <!-- Theme color -->
    <meta name="theme-color" media="(prefers-color-scheme: light)" content="#f5f5f5" />
    <meta name="theme-color" media="(prefers-color-scheme: dark)" content="#212121" />

    <!-- Social links -->
    <link rel="me" href="https://mastodon.social/@alienlebarge" />
    <link rel="me" href="https://social.lol/@alienlebarge" />
    <link rel="me" href="https://github.com/alienlebarge" />
    <link rel="me" href="https://twitter.com/alienlebarge" />
    <link rel="me" href="https://www.flickr.com/photos/alienlebarge" />
    <link rel="me" href="https://micro.blog/alienlebarge" />
    <link rel="me" href="https://www.patreon.com/alienlebarge" />
    <link rel="me" href="https://vimeo.com/alienlebarge" />

    <!-- Webmention -->
      <link rel="webmention" href="http://www.alienlebarge.ch/indieconnector/webmention" />

    <!-- Canonical URL -->
    <link rel="canonical" href="http://www.alienlebarge.ch/@/page/kMdpzdmAYeMamBPv" />

    <!-- Web App Manifest -->
    <link rel="manifest" href="/manifest.json">

    <!-- PWA meta tags -->
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
    <meta name="apple-mobile-web-app-title" content="alienlebarge">

    <!-- CSS (async load to eliminate render-blocking request) -->
    <link rel="preload" href="http://www.alienlebarge.ch/assets/css/style.css?v=1773353294" as="style" onload="this.onload=null;this.rel='stylesheet'">
    <noscript><link href="https://www.alienlebarge.ch/assets/css/style.css?v=1773353294" rel="stylesheet"></noscript>
    
    </head>
<body class="c-page">
    <div class="o-container c-skip-link">
        <a href="#main" class="c-skip-link__link">Skip to main content</a>
    </div>

    <header class="o-container o-box">
        <nav aria-label="Navigation">
            <h2 class="u-visually-hidden">Navigation</h2>
            <div class="o-cluster o-cluster--space-between" style="--cluster-space: var(--space-l);">
                <a class="o-cluster c-logo | h-card u-url u-uid"
                   style="--cluster-space: var(--space-s);"
                   href="http://www.alienlebarge.ch"
                   rel="home me">
                                            <svg width="500" height="500" viewBox="0 0 500 500" fill="none" xmlns="http://www.w3.org/2000/svg" class="avatar" role="img" aria-labelledby="avatarTitle">
<title id="avatarTitle">Logo</title>
<rect width="500" height="500" class="avatar__background" fill="#212121"/>
<path d="M136.227 323.415L104 356.585H227.05L193.358 323.415H136.227Z" class="avatar__arrow-1" fill="#F5F5F5"/>
<path d="M285.157 298.049L125.485 132.683L158.201 100L285.157 231.22V298.049Z" class="avatar__arrow-2" fill="#F5F5F5"/>
<path d="M317.385 142.439L285.157 175.122H363.284V400L396 367.317V142.439H317.385Z" class="avatar__arrow-3" fill="#F5F5F5"/>
</svg>
                                        <span class="c-logo__text u-font-weight:bold"><span class="u-visually-hidden">Homepage of </span>alienlebarge</span>
                </a>

                <div class="c-nav">
                    <ul class="o-cluster"
                        style="--cluster-space: var(--space-s);">
                                                    <li><a href="http://www.alienlebarge.ch/articles">Articles</a></li>
                                                    <li><a href="http://www.alienlebarge.ch/notes">Notes</a></li>
                                                    <li><a href="http://www.alienlebarge.ch/photos">Photos</a></li>
                                                    <li><a href="http://www.alienlebarge.ch/bookmarks">Bookmarks</a></li>
                                            </ul>
                </div>
            </div>
        </nav>
    </header>

    <main id="main" class="c-page__main">
                <header class="o-container o-stack o-box o-prose ">
                                            <h1 class="u-visually-hidden">Home</h1>
            
                        <p class="u-lede">Hi, I’m Cédric a swiss front end engineer based in Lausanne with a love for electronic music and hiking</p>
                    </header>
            
    
        
    <section class="o-container o-box o-stack" style="--stack-space: var(--space-l);">
        <h2 class="u-heading">Articles</h2>
        <ul class="c-list-items h-feed">
            <li class="c-list-items__item h-entry">
            <a class="c-list-items__link | u-url" rel="bookmark" href="http://www.alienlebarge.ch/articles/no-more-youtube-algorithm">
                <time class="c-list-items__date u-reference | dt-published" datetime="2026-02-10">2026-02-10</time> <span class="c-list-items__title p-name">No more YouTube algorithm</span>
            </a>
        </li> 
            <li class="c-list-items__item h-entry">
            <a class="c-list-items__link | u-url" rel="bookmark" href="http://www.alienlebarge.ch/articles/jamuray-2026-05">
                <time class="c-list-items__date u-reference | dt-published" datetime="2026-01-18">2026-01-18</time> <span class="c-list-items__title p-name">Jamuary 2026 #05: The loss</span>
            </a>
        </li> 
            <li class="c-list-items__item h-entry">
            <a class="c-list-items__link | u-url" rel="bookmark" href="http://www.alienlebarge.ch/articles/defaults-apps-2025">
                <time class="c-list-items__date u-reference | dt-published" datetime="2026-01-13">2026-01-13</time> <span class="c-list-items__title p-name">My defaults app end of 2025</span>
            </a>
        </li> 
            <li class="c-list-items__item h-entry">
            <a class="c-list-items__link | u-url" rel="bookmark" href="http://www.alienlebarge.ch/articles/jamuray-2026-04">
                <time class="c-list-items__date u-reference | dt-published" datetime="2026-01-13">2026-01-13</time> <span class="c-list-items__title p-name">Jamuary 2026 #04: House life</span>
            </a>
        </li> 
            <li class="c-list-items__item h-entry">
            <a class="c-list-items__link | u-url" rel="bookmark" href="http://www.alienlebarge.ch/articles/jamuray-2026-03">
                <time class="c-list-items__date u-reference | dt-published" datetime="2026-01-09">2026-01-09</time> <span class="c-list-items__title p-name">Jamuary 2026 #3: Extrem bassline</span>
            </a>
        </li> 
            <li class="c-list-items__item h-entry">
            <a class="c-list-items__link | u-url" rel="bookmark" href="http://www.alienlebarge.ch/articles/jamuray-2026-02">
                <time class="c-list-items__date u-reference | dt-published" datetime="2026-01-06">2026-01-06</time> <span class="c-list-items__title p-name">Jamuary 2026 #2: Atlantix</span>
            </a>
        </li> 
            <li class="c-list-items__item h-entry">
            <a class="c-list-items__link | u-url" rel="bookmark" href="http://www.alienlebarge.ch/articles/jamuray-2026-01">
                <time class="c-list-items__date u-reference | dt-published" datetime="2026-01-03">2026-01-03</time> <span class="c-list-items__title p-name">Jamuary 2026 #1: Bishop's melody</span>
            </a>
        </li> 
            <li class="c-list-items__item h-entry">
            <a class="c-list-items__link | u-url" rel="bookmark" href="http://www.alienlebarge.ch/articles/aerospace-config-qwertz">
                <time class="c-list-items__date u-reference | dt-published" datetime="2025-12-04">2025-12-04</time> <span class="c-list-items__title p-name">My AeroSpace setup for QWERTZ layout</span>
            </a>
        </li> 
            <li class="c-list-items__item h-entry">
            <a class="c-list-items__link | u-url" rel="bookmark" href="http://www.alienlebarge.ch/articles/back-into-photography">
                <time class="c-list-items__date u-reference | dt-published" datetime="2025-08-19">2025-08-19</time> <span class="c-list-items__title p-name">Getting Back into Photography with a Polaroid 660</span>
            </a>
        </li> 
            <li class="c-list-items__item h-entry">
            <a class="c-list-items__link | u-url" rel="bookmark" href="http://www.alienlebarge.ch/articles/dj-mix-2025-08-13">
                <time class="c-list-items__date u-reference | dt-published" datetime="2025-08-13">2025-08-13</time> <span class="c-list-items__title p-name">Dj mix - 2025-08-13</span>
            </a>
        </li> 
    </ul>
        <p>
            <a href="http://www.alienlebarge.ch/articles" class="c-link">
                <span class="c-link__text">View all articles</span>
            </a>
        </p>
    </section>

    <section class="o-container o-box o-stack" style="--stack-space: var(--space-l);">
        <h2 class="u-heading">Notes</h2>
        <ul class="o-stack h-feed">
            <li class="c-separator">
            <article class="c-item c-extended-link | h-entry" data-type="note">
                <div class="o-prose c-item__content | e-content">
                   MD Thermochrome by @mass_driver is a font I’m kicking myself for not buying sooner. It’s too pricey for me now. It’s quirky, technical, and fun… basically everything I love Go check out their fonts. MD IO (which I got in v0.1) is the first font I …                </div>
                                    <figure class="c-item__image">
                        <img src="http://www.alienlebarge.ch/media/pages/notes/2026-03-11-06-32/5afae43f4c-1773207806/large_md_thermochrome-fufo-glyphset-400x400-crop.webp"
                             loading="lazy"
                             decoding="async"
                             srcset="http://www.alienlebarge.ch/media/pages/notes/2026-03-11-06-32/5afae43f4c-1773207806/large_md_thermochrome-fufo-glyphset-150x150-crop.webp 150w, http://www.alienlebarge.ch/media/pages/notes/2026-03-11-06-32/5afae43f4c-1773207806/large_md_thermochrome-fufo-glyphset-300x300-crop.webp 300w, http://www.alienlebarge.ch/media/pages/notes/2026-03-11-06-32/5afae43f4c-1773207806/large_md_thermochrome-fufo-glyphset-500x500-crop.webp 500w"
                             sizes="(min-width: 1200px) 25vw,
                                    (min-width: 900px) 33vw,
                                    (min-width: 600px) 50vw,
                                    100vw"
                             alt="2026-03-11-06-32"
                             class="u-photo c-scale-hover__item">
                    </figure>
                                <footer class="c-footer c-item__footer u-reference" style="--line-height-reference: var(--line-height-loose);">
                    <dl class="o-stack" style="--stack-space: var(--space-xs);">
                        <dt class="u-visually-hidden">Published on</dt>
                        <dd><a class="c-extended-link__link | u-url" rel="bookmark" href="http://www.alienlebarge.ch/notes/2026-03-11-06-32"><time class="dt-published" datetime="2026-03-11 06:30:00"><span>2026-03-11</span> <span class="c-item__date-separator">• </span><span>06:30</span></time></a></dd>
                    </dl>
                </footer>
            </article>
        </li>
            <li class="c-separator">
            <article class="c-item c-extended-link | h-entry" data-type="note">
                <div class="o-prose c-item__content | e-content">
                   The MacBook Neo is seriously exciting. As parents with kids who are gonna need a laptop for school soon, a computer like this coming out at this price point is a godsend.                </div>
                                <footer class="c-footer c-item__footer u-reference" style="--line-height-reference: var(--line-height-loose);">
                    <dl class="o-stack" style="--stack-space: var(--space-xs);">
                        <dt class="u-visually-hidden">Published on</dt>
                        <dd><a class="c-extended-link__link | u-url" rel="bookmark" href="http://www.alienlebarge.ch/notes/2026-03-11-06-01"><time class="dt-published" datetime="2026-03-11 06:00:00"><span>2026-03-11</span> <span class="c-item__date-separator">• </span><span>06:00</span></time></a></dd>
                    </dl>
                </footer>
            </article>
        </li>
            <li class="c-separator">
            <article class="c-item c-extended-link | h-entry" data-type="note">
                <div class="o-prose c-item__content | e-content">
                   Someone’s selling a Voigtländer Ultron 27mm f2 for a good price. I gotta say, I’m tempted. But besides the aperture and size, what’s the difference compared to the Nokton 23mm f1.2 that I’ve also been eyeing? Do you guys have any thoughts?                </div>
                                <footer class="c-footer c-item__footer u-reference" style="--line-height-reference: var(--line-height-loose);">
                    <dl class="o-stack" style="--stack-space: var(--space-xs);">
                        <dt class="u-visually-hidden">Published on</dt>
                        <dd><a class="c-extended-link__link | u-url" rel="bookmark" href="http://www.alienlebarge.ch/notes/2026-03-08-23-02"><time class="dt-published" datetime="2026-03-08 23:05:00"><span>2026-03-08</span> <span class="c-item__date-separator">• </span><span>23:05</span></time></a></dd>
                    </dl>
                </footer>
            </article>
        </li>
            <li class="c-separator">
            <article class="c-item c-extended-link | h-entry" data-type="note">
                <div class="o-prose c-item__content | e-content">
                   On Monday, our son broke his tibia while skiing, and it showed me that people are good and kind. Thank you to them. The skier who helped me move him off the slope to safety on the terrace of the mountain restaurant a few dozen meters away. The …                </div>
                                <footer class="c-footer c-item__footer u-reference" style="--line-height-reference: var(--line-height-loose);">
                    <dl class="o-stack" style="--stack-space: var(--space-xs);">
                        <dt class="u-visually-hidden">Published on</dt>
                        <dd><a class="c-extended-link__link | u-url" rel="bookmark" href="http://www.alienlebarge.ch/notes/2026-03-05-10-06"><time class="dt-published" datetime="2026-03-05 10:05:00"><span>2026-03-05</span> <span class="c-item__date-separator">• </span><span>10:05</span></time></a></dd>
                    </dl>
                </footer>
            </article>
        </li>
            <li class="c-separator">
            <article class="c-item c-extended-link | h-entry" data-type="note">
                <div class="o-prose c-item__content | e-content">
                   I’m losing my mind over these guys! It’s blowing me away. This microtonal guitar, this rhythm, these costumes, this whole universe… Wow!                </div>
                                    <figure class="c-item__image">
                        <img src="http://www.alienlebarge.ch/media/pages/notes/2026-03-05-09-53/de998c4652-1772701238/angine-de-poitrine-400x400-crop.webp"
                             loading="lazy"
                             decoding="async"
                             srcset="http://www.alienlebarge.ch/media/pages/notes/2026-03-05-09-53/de998c4652-1772701238/angine-de-poitrine-150x150-crop.webp 150w, http://www.alienlebarge.ch/media/pages/notes/2026-03-05-09-53/de998c4652-1772701238/angine-de-poitrine-300x300-crop.webp 300w, http://www.alienlebarge.ch/media/pages/notes/2026-03-05-09-53/de998c4652-1772701238/angine-de-poitrine-500x500-crop.webp 500w"
                             sizes="(min-width: 1200px) 25vw,
                                    (min-width: 900px) 33vw,
                                    (min-width: 600px) 50vw,
                                    100vw"
                             alt="2026-03-05-09-53"
                             class="u-photo c-scale-hover__item">
                    </figure>
                                <footer class="c-footer c-item__footer u-reference" style="--line-height-reference: var(--line-height-loose);">
                    <dl class="o-stack" style="--stack-space: var(--space-xs);">
                        <dt class="u-visually-hidden">Published on</dt>
                        <dd><a class="c-extended-link__link | u-url" rel="bookmark" href="http://www.alienlebarge.ch/notes/2026-03-05-09-53"><time class="dt-published" datetime="2026-03-05 09:55:00"><span>2026-03-05</span> <span class="c-item__date-separator">• </span><span>09:55</span></time></a></dd>
                    </dl>
                </footer>
            </article>
        </li>
    </ul>
        <p>
            <a href="http://www.alienlebarge.ch/notes" class="c-link">
                <span class="c-link__text">View all notes</span>
            </a>
        </p>
    </section>
    
    <section class="o-container o-box o-stack" style="--stack-space: var(--space-l);">
        <h2 class="u-heading">Photos</h2>
        <ul class="o-grid h-feed" style="--grid-gap: var(--space-m-l);">
        <li>
        <article class="c-polaroid h-entry c-polaroid--stack">
            <h2 class="c-polaroid__title p-name">
                <a class="c-polaroid__title-link u-url"
                   href="http://www.alienlebarge.ch/photos/2026-02-22-19-52"><span class="u-visually-hidden">HBC Moudon - US Yverdon (M13)</span></a>
            </h2>
            <figure class="c-polaroid__frame js-polaroid__rotation">
                <div class="o-frame" style="--n: 1; --d: 1;">
                    <img src="http://www.alienlebarge.ch/media/pages/photos/2026-02-22-19-52/cba323fc04-1771786431/dscf3896-400x400-crop.webp"
                         loading="lazy"
                         decoding="async"
                         width="300"
                         height="300"
                         srcset="http://www.alienlebarge.ch/media/pages/photos/2026-02-22-19-52/cba323fc04-1771786431/dscf3896-150x150-crop.webp 150w, http://www.alienlebarge.ch/media/pages/photos/2026-02-22-19-52/cba323fc04-1771786431/dscf3896-300x300-crop.webp 300w, http://www.alienlebarge.ch/media/pages/photos/2026-02-22-19-52/cba323fc04-1771786431/dscf3896-500x500-crop.webp 500w"
                         sizes="(min-width: 1300px) 25vw,
                                (min-width: 900px) 33vw,
                                (min-width: 570px) 50vw,
                                100vw"
                         alt="HBC Moudon - US Yverdon (M13)"
                         class="c-polaroid__image js-polaroid__image u-photo">
                </div>
                <figcaption class="c-polaroid__caption u-truncate">
                   HBC Moudon - US Yverdon (M13)                </figcaption>
            </figure>
        </article>
    </li>
        <li>
        <article class="c-polaroid h-entry c-polaroid--stack">
            <h2 class="c-polaroid__title p-name">
                <a class="c-polaroid__title-link u-url"
                   href="http://www.alienlebarge.ch/photos/2026-02-22-19-54"><span class="u-visually-hidden">HBC Moudon - SG Handball Seeland (M18)</span></a>
            </h2>
            <figure class="c-polaroid__frame js-polaroid__rotation">
                <div class="o-frame" style="--n: 1; --d: 1;">
                    <img src="http://www.alienlebarge.ch/media/pages/photos/2026-02-22-19-54/4f999f7198-1771786553/dscf4105-400x400-crop.webp"
                         loading="lazy"
                         decoding="async"
                         width="300"
                         height="300"
                         srcset="http://www.alienlebarge.ch/media/pages/photos/2026-02-22-19-54/4f999f7198-1771786553/dscf4105-150x150-crop.webp 150w, http://www.alienlebarge.ch/media/pages/photos/2026-02-22-19-54/4f999f7198-1771786553/dscf4105-300x300-crop.webp 300w, http://www.alienlebarge.ch/media/pages/photos/2026-02-22-19-54/4f999f7198-1771786553/dscf4105-500x500-crop.webp 500w"
                         sizes="(min-width: 1300px) 25vw,
                                (min-width: 900px) 33vw,
                                (min-width: 570px) 50vw,
                                100vw"
                         alt="HBC Moudon - SG Handball Seeland (M18)"
                         class="c-polaroid__image js-polaroid__image u-photo">
                </div>
                <figcaption class="c-polaroid__caption u-truncate">
                   HBC Moudon - SG Handball Seeland (M18)                </figcaption>
            </figure>
        </article>
    </li>
        <li>
        <article class="c-polaroid h-entry c-polaroid--stack">
            <h2 class="c-polaroid__title p-name">
                <a class="c-polaroid__title-link u-url"
                   href="http://www.alienlebarge.ch/photos/2026-02-19-21-08"><span class="u-visually-hidden">Street & station</span></a>
            </h2>
            <figure class="c-polaroid__frame js-polaroid__rotation">
                <div class="o-frame" style="--n: 1; --d: 1;">
                    <img src="http://www.alienlebarge.ch/media/pages/photos/2026-02-19-21-08/06fe4e153d-1771531746/dscf3712-400x400-crop.webp"
                         loading="lazy"
                         decoding="async"
                         width="300"
                         height="300"
                         srcset="http://www.alienlebarge.ch/media/pages/photos/2026-02-19-21-08/06fe4e153d-1771531746/dscf3712-150x150-crop.webp 150w, http://www.alienlebarge.ch/media/pages/photos/2026-02-19-21-08/06fe4e153d-1771531746/dscf3712-300x300-crop.webp 300w, http://www.alienlebarge.ch/media/pages/photos/2026-02-19-21-08/06fe4e153d-1771531746/dscf3712-500x500-crop.webp 500w"
                         sizes="(min-width: 1300px) 25vw,
                                (min-width: 900px) 33vw,
                                (min-width: 570px) 50vw,
                                100vw"
                         alt="Street & station"
                         class="c-polaroid__image js-polaroid__image u-photo">
                </div>
                <figcaption class="c-polaroid__caption u-truncate">
                   Street & station                </figcaption>
            </figure>
        </article>
    </li>
        <li>
        <article class="c-polaroid h-entry ">
            <h2 class="c-polaroid__title p-name">
                <a class="c-polaroid__title-link u-url"
                   href="http://www.alienlebarge.ch/photos/2026-02-16-20-43"><span class="u-visually-hidden">Golden Voyager</span></a>
            </h2>
            <figure class="c-polaroid__frame js-polaroid__rotation">
                <div class="o-frame" style="--n: 1; --d: 1;">
                    <img src="http://www.alienlebarge.ch/media/pages/photos/2026-02-16-20-43/822cae8f6d-1771271049/dscf3616-400x400-crop.webp"
                         loading="lazy"
                         decoding="async"
                         width="300"
                         height="300"
                         srcset="http://www.alienlebarge.ch/media/pages/photos/2026-02-16-20-43/822cae8f6d-1771271049/dscf3616-150x150-crop.webp 150w, http://www.alienlebarge.ch/media/pages/photos/2026-02-16-20-43/822cae8f6d-1771271049/dscf3616-300x300-crop.webp 300w, http://www.alienlebarge.ch/media/pages/photos/2026-02-16-20-43/822cae8f6d-1771271049/dscf3616-500x500-crop.webp 500w"
                         sizes="(min-width: 1300px) 25vw,
                                (min-width: 900px) 33vw,
                                (min-width: 570px) 50vw,
                                100vw"
                         alt="Golden Voyager"
                         class="c-polaroid__image js-polaroid__image u-photo">
                </div>
                <figcaption class="c-polaroid__caption u-truncate">
                   Golden Voyager                </figcaption>
            </figure>
        </article>
    </li>
    </ul>
        <p>
            <a href="http://www.alienlebarge.ch/photos" class="c-link">
                <span class="c-link__text">View all photos</span>
            </a>
        </p>
    </section>
        <footer class="o-container o-box c-footer u-reference">
    <dl class="[ o-stack ]" style="--stack-space: var(--space-2xs);">
        <!-- LikeOf -->
        
        <!-- Bookmarks_of -->
        
        <!-- Published -->
        
        <!-- Syndication -->
        
        <!-- In-Reply-To -->
        
        <!-- Tags section -->
        
        <!-- Jam of -->
        
        <!-- Webmentions -->
            </dl>
</footer>
            </main>

    <footer class="o-container o-box u-caption">
        
            <nav aria-label="Secondary navigation"
                class="c-nav">
                <h2 class="u-visually-hidden">Secondary navigation</h2>
                <ul class="o-cluster"
                    style="--cluster-space: var(--space-s);">
                                        <li>
                        <a href="http://www.alienlebarge.ch/hello" ">Hello</a>
                    </li>
                                        <li>
                        <a href="http://www.alienlebarge.ch/now" ">Now</a>
                    </li>
                                        <li>
                        <a href="http://www.alienlebarge.ch/next" ">Next</a>
                    </li>
                                        <li>
                        <a href="http://www.alienlebarge.ch/uses" ">Uses</a>
                    </li>
                                        <li>
                        <a href="http://www.alienlebarge.ch/jams" ">Jams</a>
                    </li>
                                        <li>
                        <a href="http://www.alienlebarge.ch/podroll" ">Podroll</a>
                    </li>
                                        <li>
                        <a href="http://www.alienlebarge.ch/colophon" ">Colophon</a>
                    </li>
                                        <li>
                        <a href="http://www.alienlebarge.ch/changelogs" ">Changelog</a>
                    </li>
                                        <li>
                        <a href="http://www.alienlebarge.ch/tag" ">Tags</a>
                    </li>
                                    </ul>
            </nav>
            </footer>

        <script>
        if ('serviceWorker' in navigator) {
            navigator.serviceWorker.register('/sw.js');
            window.addEventListener('load', () => {
                if (navigator.serviceWorker.controller) {
                    navigator.serviceWorker.controller.postMessage({ command: 'trimCache' });
                }
            });
        }
    </script>
<!--

                        ___           ___           ___       ___           ___           ___           ___
                       /  /\         /  /\         /  /\     /  /\         /  /\         /  /\         /  /\
                      /  /:/_       /  /::\       /  /:/    /  /::\       /  /::\       /  /::|       /  /::\
                     /  /:/ /\     /  /:/\:\     /  /:/    /  /:/\:\     /  /:/\:\     /  /:|:|      /  /:/\:\
                    /  /:/ /:/_   /  /::\ \:\   /  /:/    /  /:/  \:\   /  /:/  \:\   /  /:/|:|__   /  /::\ \:\
                   /__/:/ /:/ /\ /__/:/\:\ \:\ /__/:/    /__/:/ \  \:\ /__/:/ \__\:\ /__/:/_|::::\ /__/:/\:\ \:\
                   \  \:\/:/ /:/ \  \:\ \:\_\/ \  \:\    \  \:\  \__\/ \  \:\ /  /:/ \__\/  /~~/:/ \  \:\ \:\_\/
                    \  \::/ /:/   \  \:\ \:\    \  \:\    \  \:\        \  \:\  /:/        /  /:/   \  \:\ \:\
                     \  \:\/:/     \  \:\_\/     \  \:\    \  \:\        \  \:\/:/        /  /:/     \  \:\_\/
                      \  \::/       \  \:\        \  \:\    \  \:\        \  \::/        /__/:/       \  \:\
                       \__\/         \__\/         \__\/     \__\/         \__\/         \__\/         \__\/
                                              ___                                  ___           ___
                                ___          /  /\                   ___          /  /\         /  /\
                               /__/\        /  /::\                 /__/\        /  /:/        /  /::\
                               \  \:\      /  /:/\:\                \  \:\      /  /:/        /  /:/\:\
                                \__\:\    /  /:/  \:\                \__\:\    /  /::\ ___   /  /::\ \:\
                                /  /::\  /__/:/ \__\:\               /  /::\  /__/:/\:\  /\ /__/:/\:\ \:\
                               /  /:/\:\ \  \:\ /  /:/              /  /:/\:\ \__\/  \:\/:/ \  \:\ \:\_\/
                              /  /:/__\/  \  \:\  /:/              /  /:/__\/      \__\::/   \  \:\ \:\
                             /__/:/        \  \:\/:/              /__/:/           /  /:/     \  \:\_\/
                             \__\/          \  \::/               \__\/           /__/:/       \  \:\
                                             \__\/                                \__\/         \__\/
        ___           ___           ___           ___                ___           ___           ___           ___       ___
       /  /\         /  /\         /  /\         /  /\              /  /\         /  /\         /  /\         /  /\     /  /\
      /  /::\       /  /::\       /  /::\       /  /:/             /  /:/_       /  /::\       /  /::\       /  /:/    /  /::\
     /  /:/\:\     /  /:/\:\     /  /:/\:\     /  /:/             /  /:/ /\     /  /:/\:\     /  /:/\:\     /  /:/    /  /:/\:\
    /  /::\ \:\   /  /::\ \:\   /  /::\ \:\   /  /:/             /  /:/ /:/_   /  /:/  \:\   /  /::\ \:\   /  /:/    /  /:/  \:\
   /__/:/\:\_\:\ /__/:/\:\ \:\ /__/:/\:\_\:\ /__/:/             /__/:/ /:/ /\ /__/:/ \__\:\ /__/:/\:\_\:\ /__/:/    /__/:/ \__\:|
   \__\/~|::\/:/ \  \:\ \:\_\/ \__\/  \:\/:/ \  \:\             \  \:\/:/ /:/ \  \:\ /  /:/ \__\/~|::\/:/ \  \:\    \  \:\ /  /:/
      |  |:|::/   \  \:\ \:\        \__\::/   \  \:\             \  \::/ /:/   \  \:\  /:/     |  |:|::/   \  \:\    \  \:\  /:/
      |  |:|\/     \  \:\_\/        /  /:/     \  \:\             \  \:\/:/     \  \:\/:/      |  |:|\/     \  \:\    \  \:\/:/
      |__|:|~       \  \:\         /__/:/       \  \:\             \  \::/       \  \::/       |__|:|~       \  \:\    \__\::/
       \__\|         \__\/         \__\/         \__\/              \__\/         \__\/         \__\|         \__\/        ~~



If it's the style guides you're looking for, it's this way: /styleguide
If you're curious about how the site is built, it's here: /colophon
-->
</body>
</html>
