<!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="neatstats_verification" content="NeatStats:297d22e145c7531e">
    <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="https://alienlebarge.ch/media/site/9585e841a5-1748410473/app-128x128-q80.webp" />
    <meta property="og:type" content="website" />
    <meta property="og:url" content="https://alienlebarge.ch" />
        <meta property="og:image" content="https://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="https://alienlebarge.ch/feed.json" />
    <link rel="alternate" type="application/rss+xml" title="RSS Feed" href="https://alienlebarge.ch/feed.rss" />
        <link rel="alternate" type="application/json" title="Articles JSON Feed" href="https://alienlebarge.ch/articles.json" />
    <link rel="alternate" type="application/json" title="Bookmarks JSON Feed" href="https://alienlebarge.ch/bookmarks.json" />
    <link rel="alternate" type="application/json" title="Photos JSON Feed" href="https://alienlebarge.ch/photos.json" />
    <link rel="alternate" type="application/json" title="Notes JSON Feed" href="https://alienlebarge.ch/notes.json" />
    <link rel="alternate" type="application/json" title="Changelogs JSON Feed" href="https://alienlebarge.ch/changelogs.json" />
    <link rel="alternate" type="application/rss+xml" title="Articles RSS Feed" href="https://alienlebarge.ch/articles.rss" />
    <link rel="alternate" type="application/rss+xml" title="Bookmarks RSS Feed" href="https://alienlebarge.ch/bookmarks.rss" />
    <link rel="alternate" type="application/rss+xml" title="Photos RSS Feed" href="https://alienlebarge.ch/photos.rss" />
    <link rel="alternate" type="application/rss+xml" title="Notes RSS Feed" href="https://alienlebarge.ch/notes.rss" />
    <link rel="alternate" type="application/rss+xml" title="Changelogs RSS Feed" href="https://alienlebarge.ch/changelogs.rss" />
    
    <!-- Favicons -->
        <link rel="icon" href="https://alienlebarge.ch/media/site/9e894db7b0-1748410473/app.svg" type="image/svg+xml">
        <link rel="icon" type="image/png" sizes="32x32" href="https://alienlebarge.ch/media/site/9585e841a5-1748410473/app-32x32-q80.png">
    <link rel="icon" type="image/png" sizes="16x16" href="https://alienlebarge.ch/media/site/9585e841a5-1748410473/app-16x16-q80.png">
    <link rel="apple-touch-icon" sizes="180x180" href="https://alienlebarge.ch/media/site/9585e841a5-1748410473/app-128x128-q80.png">
    <link rel="shortcut icon" href="https://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" />

    <!-- humans.txt -->
    <link type="text/plain" rel="author" href="https://alienlebarge.ch/human.txt" />

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

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

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

    <!-- PWA meta tags -->
    <meta name="mobile-web-app-capable" content="yes">
    <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="https://alienlebarge.ch/assets/css/style.css?v=1780433632" as="style" onload="this.onload=null;this.rel='stylesheet'">
    <noscript><link href="https://alienlebarge.ch/assets/css/style.css?v=1780433632" rel="stylesheet"></noscript>
    
    
    <!-- Analytics -->
    <script src="https://neatstats.net/view.js"></script>
</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="https://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="https://alienlebarge.ch/articles">Articles</a></li>
                                                    <li><a href="https://alienlebarge.ch/notes">Notes</a></li>
                                                    <li><a href="https://alienlebarge.ch/photos">Photos</a></li>
                                                    <li><a href="https://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="https://alienlebarge.ch/articles/perspective-photo-competition">
                <time class="c-list-items__date u-reference | dt-published" datetime="2026-04-27">2026-04-27</time> <span class="c-list-items__title p-name">Alan Schaller liked one of my photos!</span>
            </a>
        </li> 
            <li class="c-list-items__item h-entry">
            <a class="c-list-items__link | u-url" rel="bookmark" href="https://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="https://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 #5: The loss</span>
            </a>
        </li> 
            <li class="c-list-items__item h-entry">
            <a class="c-list-items__link | u-url" rel="bookmark" href="https://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="https://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 #4: House life</span>
            </a>
        </li> 
            <li class="c-list-items__item h-entry">
            <a class="c-list-items__link | u-url" rel="bookmark" href="https://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="https://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="https://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="https://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="https://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> 
    </ul>
        <p>
            <a href="https://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">
                   Right, just gonna take 10 mins to fix something on my site. An hour and a half later…                </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="https://alienlebarge.ch/notes/2026-06-02-21-58"><time class="dt-published" datetime="2026-06-02 22:00:00"><span>2026-06-02</span> <span class="c-item__date-separator">• </span><span>22: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">
                   This little camera looks lovely. Am I going to treat myself?                </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="https://alienlebarge.ch/notes/2026-06-02-15-25"><time class="dt-published" datetime="2026-06-02 15:25:00"><span>2026-06-02</span> <span class="c-item__date-separator">• </span><span>15:25</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">
                   fed up with this silver colour 🥈… but well done to this Swiss team for such an exceptional tournament. and congrats to Finland for the win.                </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="https://alienlebarge.ch/notes/2026-05-31-23-37"><time class="dt-published" datetime="2026-05-31 23:35:00"><span>2026-05-31</span> <span class="c-item__date-separator">• </span><span>23:35</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">
                   Let’s go Switzerland for this final!!!! It is going to be a tough match but I am confident. 🏒🇨🇭                </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="https://alienlebarge.ch/notes/2026-05-31-20-00"><time class="dt-published" datetime="2026-05-31 20:00:00"><span>2026-05-31</span> <span class="c-item__date-separator">• </span><span>20: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">
                   Last.fm is gone independant, making it even more worth supporting.                </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="https://alienlebarge.ch/notes/2026-05-28-06-25"><time class="dt-published" datetime="2026-05-28 06:25:00"><span>2026-05-28</span> <span class="c-item__date-separator">• </span><span>06:25</span></time></a></dd>
                    </dl>
                </footer>
            </article>
        </li>
    </ul>
        <p>
            <a href="https://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 u-rotate h-feed" style="--grid-gap: var(--space-m-l);">
        <li>
        <article class="c-polaroid c-hover-zoom js-polaroid h-entry c-polaroid--stack">
            <h2 class="c-polaroid__title p-name">
                <a class="c-polaroid__title-link c-hover-zoom__target u-url"
                   href="https://alienlebarge.ch/photos/2026-05-31-22-29"><span class="u-visually-hidden">Championnat cantonal des sociétés</span></a>
            </h2>
                        <figure class="c-polaroid__frame c-hover-zoom__item u-rotate__item">
                <div class="o-frame" style="--n: 1; --d: 1;">
                    <img src="https://alienlebarge.ch/media/pages/photos/2026-05-31-22-29/5548999113-1780432213/dscf3845-400x400-crop-66-6-31-9.webp"
                         loading="lazy"
                         decoding="async"
                         width="300"
                         height="200"
                         srcset="https://alienlebarge.ch/media/pages/photos/2026-05-31-22-29/5548999113-1780432213/dscf3845-150x150-crop-66-6-31-9.webp 150w, https://alienlebarge.ch/media/pages/photos/2026-05-31-22-29/5548999113-1780432213/dscf3845-300x300-crop-66-6-31-9.webp 300w, https://alienlebarge.ch/media/pages/photos/2026-05-31-22-29/5548999113-1780432213/dscf3845-500x500-crop-66-6-31-9.webp 500w"
                         sizes="auto, (min-width: 1300px) 25vw, (min-width: 900px) 33vw, (min-width: 570px) 50vw, 100vw"
                         alt="Championnat cantonal des sociétés"
                         class="c-polaroid__image js-polaroid__image u-photo">
                </div>
                <figcaption class="c-polaroid__caption u-truncate">
                   Championnat cantonal des sociétés                </figcaption>
            </figure>
        </article>
    </li>
        <li>
        <article class="c-polaroid c-hover-zoom js-polaroid h-entry c-polaroid--stack">
            <h2 class="c-polaroid__title p-name">
                <a class="c-polaroid__title-link c-hover-zoom__target u-url"
                   href="https://alienlebarge.ch/photos/2026-05-25-21-34"><span class="u-visually-hidden">Rally Prévonloup</span></a>
            </h2>
                        <figure class="c-polaroid__frame c-hover-zoom__item u-rotate__item">
                <div class="o-frame" style="--n: 1; --d: 1;">
                    <img src="https://alienlebarge.ch/media/pages/photos/2026-05-25-21-34/90d25b8ea2-1779737698/dscf2642-400x400-crop-60-2-27-5.webp"
                         loading="lazy"
                         decoding="async"
                         width="300"
                         height="200"
                         srcset="https://alienlebarge.ch/media/pages/photos/2026-05-25-21-34/90d25b8ea2-1779737698/dscf2642-150x150-crop-60-2-27-5.webp 150w, https://alienlebarge.ch/media/pages/photos/2026-05-25-21-34/90d25b8ea2-1779737698/dscf2642-300x300-crop-60-2-27-5.webp 300w, https://alienlebarge.ch/media/pages/photos/2026-05-25-21-34/90d25b8ea2-1779737698/dscf2642-500x500-crop-60-2-27-5.webp 500w"
                         sizes="auto, (min-width: 1300px) 25vw, (min-width: 900px) 33vw, (min-width: 570px) 50vw, 100vw"
                         alt="Rally Prévonloup"
                         class="c-polaroid__image js-polaroid__image u-photo">
                </div>
                <figcaption class="c-polaroid__caption u-truncate">
                   Rally Prévonloup                </figcaption>
            </figure>
        </article>
    </li>
        <li>
        <article class="c-polaroid c-hover-zoom js-polaroid h-entry c-polaroid--stack">
            <h2 class="c-polaroid__title p-name">
                <a class="c-polaroid__title-link c-hover-zoom__target u-url"
                   href="https://alienlebarge.ch/photos/2026-05-10-21-53"><span class="u-visually-hidden">Coupe des bains 2026 jeunesse</span></a>
            </h2>
                        <figure class="c-polaroid__frame c-hover-zoom__item u-rotate__item">
                <div class="o-frame" style="--n: 1; --d: 1;">
                    <img src="https://alienlebarge.ch/media/pages/photos/2026-05-10-21-53/d863dd57fe-1778442982/dscf2052-400x400-crop-51-5-25-3.webp"
                         loading="lazy"
                         decoding="async"
                         width="300"
                         height="450"
                         srcset="https://alienlebarge.ch/media/pages/photos/2026-05-10-21-53/d863dd57fe-1778442982/dscf2052-150x150-crop-51-5-25-3.webp 150w, https://alienlebarge.ch/media/pages/photos/2026-05-10-21-53/d863dd57fe-1778442982/dscf2052-300x300-crop-51-5-25-3.webp 300w, https://alienlebarge.ch/media/pages/photos/2026-05-10-21-53/d863dd57fe-1778442982/dscf2052-500x500-crop-51-5-25-3.webp 500w"
                         sizes="auto, (min-width: 1300px) 25vw, (min-width: 900px) 33vw, (min-width: 570px) 50vw, 100vw"
                         alt="A group of gymnasts forming a human tower: one gymnast stands elevated on the hands and shoulders of several teammates with arms raised in triumph, all in red leotards, with a packed audience visible in the background."
                         class="c-polaroid__image js-polaroid__image u-photo">
                </div>
                <figcaption class="c-polaroid__caption u-truncate">
                   Coupe des bains 2026 jeunesse                </figcaption>
            </figure>
        </article>
    </li>
        <li>
        <article class="c-polaroid c-hover-zoom js-polaroid h-entry c-polaroid--stack">
            <h2 class="c-polaroid__title p-name">
                <a class="c-polaroid__title-link c-hover-zoom__target u-url"
                   href="https://alienlebarge.ch/photos/2026-05-09-21-23"><span class="u-visually-hidden">Coupe des bains 2026 actifs</span></a>
            </h2>
                        <figure class="c-polaroid__frame c-hover-zoom__item u-rotate__item">
                <div class="o-frame" style="--n: 1; --d: 1;">
                    <img src="https://alienlebarge.ch/media/pages/photos/2026-05-09-21-23/9c99ff684c-1778354690/dscf1076-400x400-crop-47-0-23-5.webp"
                         loading="lazy"
                         decoding="async"
                         width="300"
                         height="200"
                         srcset="https://alienlebarge.ch/media/pages/photos/2026-05-09-21-23/9c99ff684c-1778354690/dscf1076-150x150-crop-47-0-23-5.webp 150w, https://alienlebarge.ch/media/pages/photos/2026-05-09-21-23/9c99ff684c-1778354690/dscf1076-300x300-crop-47-0-23-5.webp 300w, https://alienlebarge.ch/media/pages/photos/2026-05-09-21-23/9c99ff684c-1778354690/dscf1076-500x500-crop-47-0-23-5.webp 500w"
                         sizes="auto, (min-width: 1300px) 25vw, (min-width: 900px) 33vw, (min-width: 570px) 50vw, 100vw"
                         alt="Female gymnast in dark red leotard thrown high into the air by teammates, arms spread wide, caught in mid-flight"
                         class="c-polaroid__image js-polaroid__image u-photo">
                </div>
                <figcaption class="c-polaroid__caption u-truncate">
                   Coupe des bains 2026 actifs                </figcaption>
            </figure>
        </article>
    </li>
    </ul>
        <p>
            <a href="https://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 -->
        
        <!-- Last modified -->
        
        <!-- 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="https://alienlebarge.ch/hello" >Hello</a>
                    </li>
                                        <li>
                        <a href="https://alienlebarge.ch/now" >Now</a>
                    </li>
                                        <li>
                        <a href="https://alienlebarge.ch/next" >Next</a>
                    </li>
                                        <li>
                        <a href="https://alienlebarge.ch/uses" >Uses</a>
                    </li>
                                        <li>
                        <a href="https://alienlebarge.ch/jams" >Jams</a>
                    </li>
                                        <li>
                        <a href="https://alienlebarge.ch/podroll" >Podroll</a>
                    </li>
                                        <li>
                        <a href="https://alienlebarge.ch/colophon" >Colophon</a>
                    </li>
                                        <li>
                        <a href="https://alienlebarge.ch/changelogs" >Changelog</a>
                    </li>
                                        <li>
                        <a href="https://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>
