<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:content="http://purl.org/rss/1.0/modules/content/"><channel><title>Posts on Notes</title><link>https://notes.casimir.me/posts/</link><description>Recent content in Posts on Notes</description><generator>Hugo</generator><language>en_GB</language><lastBuildDate>Thu, 22 Oct 2026 00:00:00 +0000</lastBuildDate><atom:link href="https://notes.casimir.me/posts/index.xml" rel="self" type="application/rss+xml"/><item><title>The Dutch swap</title><link>https://notes.casimir.me/p/2026/the-dutch-swap/</link><pubDate>Thu, 22 Oct 2026 00:00:00 +0000</pubDate><guid>https://notes.casimir.me/p/2026/the-dutch-swap/</guid><description>&lt;p&gt;I lived most of my life in AZERTY countries, but I got used to QWERTY once I started tinkering with Linux, since most Unix software is QWERTY-centric. If you are looking for an adventure, try using vim with a French keyboard.&lt;br&gt;
I can&amp;rsquo;t remember the details, but I somehow got my hands on an old laptop with a US layout. I spent a few years constantly switching between the two, AZERTY on my desktop and QWERTY on my laptop. It&amp;rsquo;s impressive how the brain can adapt sometimes.&lt;/p&gt;</description><content:encoded><![CDATA[<p>I lived most of my life in AZERTY countries, but I got used to QWERTY once I started tinkering with Linux, since most Unix software is QWERTY-centric. If you are looking for an adventure, try using vim with a French keyboard.<br>
I can&rsquo;t remember the details, but I somehow got my hands on an old laptop with a US layout. I spent a few years constantly switching between the two, AZERTY on my desktop and QWERTY on my laptop. It&rsquo;s impressive how the brain can adapt sometimes.</p>
<p>Fast forward a few years and I discovered that layout variants are common in real life. Apple even provides a <a href="https://support.apple.com/en-us/102743" target="_blank">dedicated documentation page</a> to find out what your layout is. When starting a new job, I usually ask for a US keyboard, a QWERTY ANSI layout. In my last two jobs, I was provided laptops with a QWERTY layout. Yes but&hellip; ISO. Based on the Apple page, they were <em>Dutch</em> and <em>International English</em> keyboards.<br>
When starting a new position, you have a lot more in mind than changing your brand new laptop. So, both times, I kept them and took it upon myself to make it work.</p>
<p>It wasn’t a big deal but for one thing, I write a lot of French, and I need my composable accents. The backtick key is used for the <em>grave accent</em>, which is used a lot, and that key isn&rsquo;t in the usual place. Unbearable! I even tried not to use accents, but the grammarian in me couldn&rsquo;t let it pass. It&rsquo;s impressive how the brain can <em>not</em> adapt sometimes.</p>
<p><img loading="lazy" src="/p/2026/the-dutch-swap/indi-swap.jpg"></p>
<p>Fortunately, macOS uses <a href="https://www.usb.org/hid" target="_blank">USB HID specification</a> and even provides a <a href="https://developer.apple.com/library/archive/technotes/tn2450/_index.html" target="_blank">command to remap keys</a>. In the end, I swapped the paragraph key with the backtick key using the following one-liner:</p>
<div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;"><code class="language-sh" data-lang="sh"><span style="display:flex;"><span>hidutil property --set <span style="color:#e6db74">&#39;{&#34;UserKeyMapping&#34;:[{&#34;HIDKeyboardModifierMappingSrc&#34;:0x700000035,&#34;HIDKeyboardModifierMappingDst&#34;:0x700000064},{&#34;HIDKeyboardModifierMappingSrc&#34;:0x700000064,&#34;HIDKeyboardModifierMappingDst&#34;:0x700000035}]}&#39;</span>
</span></span></code></pre></div><p>And for completeness, here is an annotated version of the property value:</p>
<div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;"><code class="language-json" data-lang="json"><span style="display:flex;"><span>{
</span></span><span style="display:flex;"><span>  <span style="color:#f92672">&#34;UserKeyMapping&#34;</span>: [
</span></span><span style="display:flex;"><span>    {
</span></span><span style="display:flex;"><span>      <span style="color:#75715e">// 0x35 = Keyboard Grave Accent and Tilde
</span></span></span><span style="display:flex;"><span>      <span style="color:#f92672">&#34;HIDKeyboardModifierMappingSrc&#34;</span>: <span style="color:#ae81ff">0</span><span style="color:#960050;background-color:#1e0010">x</span><span style="color:#ae81ff">700000035</span>,
</span></span><span style="display:flex;"><span>      <span style="color:#f92672">&#34;HIDKeyboardModifierMappingDst&#34;</span>: <span style="color:#ae81ff">0</span><span style="color:#960050;background-color:#1e0010">x</span><span style="color:#ae81ff">700000064</span>
</span></span><span style="display:flex;"><span>    },
</span></span><span style="display:flex;"><span>    {
</span></span><span style="display:flex;"><span>      <span style="color:#75715e">// 0x64 = Keyboard Non-US \ and |
</span></span></span><span style="display:flex;"><span>      <span style="color:#f92672">&#34;HIDKeyboardModifierMappingSrc&#34;</span>: <span style="color:#ae81ff">0</span><span style="color:#960050;background-color:#1e0010">x</span><span style="color:#ae81ff">700000064</span>,
</span></span><span style="display:flex;"><span>      <span style="color:#f92672">&#34;HIDKeyboardModifierMappingDst&#34;</span>: <span style="color:#ae81ff">0</span><span style="color:#960050;background-color:#1e0010">x</span><span style="color:#ae81ff">700000035</span>
</span></span><span style="display:flex;"><span>    }
</span></span><span style="display:flex;"><span>  ]
</span></span><span style="display:flex;"><span>}
</span></span></code></pre></div><p>The change doesn&rsquo;t survive a reboot, but just for the record, this is the way to roll it back:</p>
<div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;"><code class="language-sh" data-lang="sh"><span style="display:flex;"><span>hidutil property --set <span style="color:#e6db74">&#39;{&#34;UserKeyMapping&#34;:[]}&#39;</span>
</span></span></code></pre></div><p>I am not interested in making it persistent myself but it&rsquo;s not that hard, that&rsquo;s just a plist file to create. I even found an <a href="https://aiex7.github.io/macOS-keyboard-configurator-hidutil/" target="_blank">online generator</a> for that when writing this note.</p>
<p>This is the low-level way of doing it, but for more involved setups there is the awesome <a href="https://karabiner-elements.pqrs.org/" target="_blank">Karabiner-Elements</a>. And it also handles external keyboards perfectly.</p>
]]></content:encoded></item><item><title>Trade and Choice</title><link>https://notes.casimir.me/p/2026/trade-and-choice/</link><pubDate>Wed, 29 Jul 2026 00:00:00 +0000</pubDate><guid>https://notes.casimir.me/p/2026/trade-and-choice/</guid><description>&lt;p&gt;I work as a software engineer and also enjoy being a hobbyist developer. The two roles use similar tools and methods, but they differ widely in practice. As an engineer, I focus on what the business needs and make trade-offs. As a hobbyist, I mostly do things for myself and care more about the final result. And sometimes, I feel like the real job is the hobby project.&lt;/p&gt;
&lt;p&gt;At work, time is the limited resource and usually sets the pace. Since requirements often change quickly, the focus is usually on short-term goals.&lt;/p&gt;</description><content:encoded><![CDATA[<p>I work as a software engineer and also enjoy being a hobbyist developer. The two roles use similar tools and methods, but they differ widely in practice. As an engineer, I focus on what the business needs and make trade-offs. As a hobbyist, I mostly do things for myself and care more about the final result. And sometimes, I feel like the real job is the hobby project.</p>
<p>At work, time is the limited resource and usually sets the pace. Since requirements often change quickly, the focus is usually on short-term goals.</p>
<p>On the hobby side, available time is scarce but also practically infinite. On the hobby side, available time is scarce too but almost infinite at the same time. That pressure to deliver on calendar dates doesn&rsquo;t exist here. This is more a &ldquo;shipped when ready&rdquo; vibe and it leaves the door open to perfectionism. Add to the equation that a hobby project is a solo project and in practice, you end up putting more energy into yak shaving than making the project progress.</p>
<p>And… it applies to writing posts too. I totally didn’t have to build my own static site publisher to post this one. And yet…</p>
<p><img alt="Pepper is shaving a yak" loading="lazy" src="/p/2026/trade-and-choice/1280px-Yak_shaving.jpg"></p>
<blockquote>
<p><a href="https://www.davidrevoy.com/article861/yak-shaving" target="_blank">Yak shaving</a> by David Revoy, <a href="https://creativecommons.org/licenses/by/4.0/" target="_blank">CC BY 4.0</a></p>
</blockquote>
]]></content:encoded></item><item><title>Frigoligo open beta 0.6.0</title><link>https://notes.casimir.me/p/2023/frigoligo-open-beta-0.6.0/</link><pubDate>Fri, 03 Nov 2023 00:00:00 +0000</pubDate><guid>https://notes.casimir.me/p/2023/frigoligo-open-beta-0.6.0/</guid><description>&lt;style type="text/css"&gt;
.notice {
--title-color: #fff;
--title-background-color: #6be;
--content-color: #444;
--content-background-color: #e7f2fa;
}
.notice.info {
--title-background-color: #fb7;
--content-background-color: #fec;
}
.notice.tip {
--title-background-color: #5a5;
--content-background-color: #efe;
}
.notice.warning {
--title-background-color: #c33;
--content-background-color: #fee;
}
@media (prefers-color-scheme:dark) {
.notice {
--title-color: #fff;
--title-background-color: #069;
--content-color: #ddd;
--content-background-color: #023;
}
.notice.info {
--title-background-color: #a50;
--content-background-color: #420;
}
.notice.tip {
--title-background-color: #363;
--content-background-color: #121;
}
.notice.warning {
--title-background-color: #800;
--content-background-color: #400;
}
}
body.dark .notice {
--title-color: #fff;
--title-background-color: #069;
--content-color: #ddd;
--content-background-color: #023;
}
body.dark .notice.info {
--title-background-color: #a50;
--content-background-color: #420;
}
body.dark .notice.tip {
--title-background-color: #363;
--content-background-color: #121;
}
body.dark .notice.warning {
--title-background-color: #800;
--content-background-color: #400;
}
.notice {
padding: 18px;
line-height: 24px;
margin-bottom: 24px;
border-radius: 4px;
color: var(--content-color);
background: var(--content-background-color);
}
.notice p:last-child {
margin-bottom: 0
}
.notice-title {
margin: -18px -18px 12px;
padding: 4px 18px;
border-radius: 4px 4px 0 0;
font-weight: 700;
color: var(--title-color);
background: var(--title-background-color);
}
.icon-notice {
display: inline-flex;
align-self: center;
margin-right: 8px;
}
.icon-notice img,
.icon-notice svg {
height: 1em;
width: 1em;
fill: currentColor;
}
.icon-notice img,
.icon-notice.baseline svg {
top: .125em;
position: relative;
}
&lt;/style&gt;&lt;div class="notice note" &gt;
&lt;p class="notice-title"&gt;
&lt;span class="icon-notice baseline"&gt;
&lt;svg xmlns="http://www.w3.org/2000/svg" viewBox="0 128 300 300"&gt;
&lt;path d="M150 128c82.813 0 150 67.188 150 150 0 82.813-67.188 150-150 150C67.187 428 0 360.812 0 278c0-82.813 67.188-150 150-150Zm25 243.555v-37.11c0-3.515-2.734-6.445-6.055-6.445h-37.5c-3.515 0-6.445 2.93-6.445 6.445v37.11c0 3.515 2.93 6.445 6.445 6.445h37.5c3.32 0 6.055-2.93 6.055-6.445Zm-.39-67.188 3.515-121.289c0-1.367-.586-2.734-1.953-3.516-1.172-.976-2.93-1.562-4.688-1.562h-42.968c-1.758 0-3.516.586-4.688 1.563-1.367.78-1.953 2.148-1.953 3.515l3.32 121.29c0 2.734 2.93 4.882 6.64 4.882h36.134c3.515 0 6.445-2.148 6.64-4.883Z"/&gt;
&lt;/svg&gt;
&lt;/span&gt; Note &lt;/p&gt;&lt;p&gt;This is an archive of a Mastodon post I made as &lt;a href="https://fosstodon.org/@frigoligo" target="_blank"&gt;@frigoligo&lt;/a&gt;.&lt;/p&gt;&lt;/div&gt;</description><content:encoded><![CDATA[<style type="text/css">
     
    .notice {
        --title-color: #fff;
        --title-background-color: #6be;
        --content-color: #444;
        --content-background-color: #e7f2fa;
    }

    .notice.info {
        --title-background-color: #fb7;
        --content-background-color: #fec;
    }

    .notice.tip {
        --title-background-color: #5a5;
        --content-background-color: #efe;
    }

    .notice.warning {
        --title-background-color: #c33;
        --content-background-color: #fee;
    }

     
    @media (prefers-color-scheme:dark) {
        .notice {
            --title-color: #fff;
            --title-background-color: #069;
            --content-color: #ddd;
            --content-background-color: #023;
        }

        .notice.info {
            --title-background-color: #a50;
            --content-background-color: #420;
        }

        .notice.tip {
            --title-background-color: #363;
            --content-background-color: #121;
        }

        .notice.warning {
            --title-background-color: #800;
            --content-background-color: #400;
        }
    }

    body.dark .notice {
        --title-color: #fff;
        --title-background-color: #069;
        --content-color: #ddd;
        --content-background-color: #023;
    }

    body.dark .notice.info {
        --title-background-color: #a50;
        --content-background-color: #420;
    }

    body.dark .notice.tip {
        --title-background-color: #363;
        --content-background-color: #121;
    }

    body.dark .notice.warning {
        --title-background-color: #800;
        --content-background-color: #400;
    }

     
    .notice {
        padding: 18px;
        line-height: 24px;
        margin-bottom: 24px;
        border-radius: 4px;
        color: var(--content-color);
        background: var(--content-background-color);
    }

    .notice p:last-child {
        margin-bottom: 0
    }

     
    .notice-title {
        margin: -18px -18px 12px;
        padding: 4px 18px;
        border-radius: 4px 4px 0 0;
        font-weight: 700;
        color: var(--title-color);
        background: var(--title-background-color);
    }

     
    .icon-notice {
        display: inline-flex;
        align-self: center;
        margin-right: 8px;
    }

    .icon-notice img,
    .icon-notice svg {
        height: 1em;
        width: 1em;
        fill: currentColor;
    }

    .icon-notice img,
    .icon-notice.baseline svg {
        top: .125em;
        position: relative;
    }
</style><div class="notice note" >
    <p class="notice-title">
        <span class="icon-notice baseline">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 128 300 300">
  <path d="M150 128c82.813 0 150 67.188 150 150 0 82.813-67.188 150-150 150C67.187 428 0 360.812 0 278c0-82.813 67.188-150 150-150Zm25 243.555v-37.11c0-3.515-2.734-6.445-6.055-6.445h-37.5c-3.515 0-6.445 2.93-6.445 6.445v37.11c0 3.515 2.93 6.445 6.445 6.445h37.5c3.32 0 6.055-2.93 6.055-6.445Zm-.39-67.188 3.515-121.289c0-1.367-.586-2.734-1.953-3.516-1.172-.976-2.93-1.562-4.688-1.562h-42.968c-1.758 0-3.516.586-4.688 1.563-1.367.78-1.953 2.148-1.953 3.515l3.32 121.29c0 2.734 2.93 4.882 6.64 4.882h36.134c3.515 0 6.445-2.148 6.64-4.883Z"/>
</svg>

        </span> Note </p><p>This is an archive of a Mastodon post I made as <a href="https://fosstodon.org/@frigoligo" target="_blank">@frigoligo</a>.</p></div>

<p>Say hello to the new release! A new sync backend and UX (sooooo smooth). You can even pull to refresh now! There is also some basic support for tags. The 0.6.1 will be dedicated to the beautification of the app because let&rsquo;s say it, this version is works great but it&rsquo;s ugly in a lot of places.<br>
<a href="https://github.com/casimir/frigoligo/releases/tag/v0.6.0" target="_blank">https://github.com/casimir/frigoligo/releases/tag/v0.6.0</a></p>
<p>Oops I forgot the &ldquo;one more&rdquo; feature! You can now change the archived and starred attributes directly from the listing.</p>
<p><img loading="lazy" src="/p/2023/frigoligo-open-beta-0.6.0/edc5922c23da9444.png"></p>
]]></content:encoded></item><item><title>Frigoligo open beta 0.5.0</title><link>https://notes.casimir.me/p/2023/frigoligo-open-beta-0.5.0/</link><pubDate>Thu, 21 Sep 2023 00:00:00 +0000</pubDate><guid>https://notes.casimir.me/p/2023/frigoligo-open-beta-0.5.0/</guid><description>&lt;style type="text/css"&gt;
.notice {
--title-color: #fff;
--title-background-color: #6be;
--content-color: #444;
--content-background-color: #e7f2fa;
}
.notice.info {
--title-background-color: #fb7;
--content-background-color: #fec;
}
.notice.tip {
--title-background-color: #5a5;
--content-background-color: #efe;
}
.notice.warning {
--title-background-color: #c33;
--content-background-color: #fee;
}
@media (prefers-color-scheme:dark) {
.notice {
--title-color: #fff;
--title-background-color: #069;
--content-color: #ddd;
--content-background-color: #023;
}
.notice.info {
--title-background-color: #a50;
--content-background-color: #420;
}
.notice.tip {
--title-background-color: #363;
--content-background-color: #121;
}
.notice.warning {
--title-background-color: #800;
--content-background-color: #400;
}
}
body.dark .notice {
--title-color: #fff;
--title-background-color: #069;
--content-color: #ddd;
--content-background-color: #023;
}
body.dark .notice.info {
--title-background-color: #a50;
--content-background-color: #420;
}
body.dark .notice.tip {
--title-background-color: #363;
--content-background-color: #121;
}
body.dark .notice.warning {
--title-background-color: #800;
--content-background-color: #400;
}
.notice {
padding: 18px;
line-height: 24px;
margin-bottom: 24px;
border-radius: 4px;
color: var(--content-color);
background: var(--content-background-color);
}
.notice p:last-child {
margin-bottom: 0
}
.notice-title {
margin: -18px -18px 12px;
padding: 4px 18px;
border-radius: 4px 4px 0 0;
font-weight: 700;
color: var(--title-color);
background: var(--title-background-color);
}
.icon-notice {
display: inline-flex;
align-self: center;
margin-right: 8px;
}
.icon-notice img,
.icon-notice svg {
height: 1em;
width: 1em;
fill: currentColor;
}
.icon-notice img,
.icon-notice.baseline svg {
top: .125em;
position: relative;
}
&lt;/style&gt;&lt;div class="notice note" &gt;
&lt;p class="notice-title"&gt;
&lt;span class="icon-notice baseline"&gt;
&lt;svg xmlns="http://www.w3.org/2000/svg" viewBox="0 128 300 300"&gt;
&lt;path d="M150 128c82.813 0 150 67.188 150 150 0 82.813-67.188 150-150 150C67.187 428 0 360.812 0 278c0-82.813 67.188-150 150-150Zm25 243.555v-37.11c0-3.515-2.734-6.445-6.055-6.445h-37.5c-3.515 0-6.445 2.93-6.445 6.445v37.11c0 3.515 2.93 6.445 6.445 6.445h37.5c3.32 0 6.055-2.93 6.055-6.445Zm-.39-67.188 3.515-121.289c0-1.367-.586-2.734-1.953-3.516-1.172-.976-2.93-1.562-4.688-1.562h-42.968c-1.758 0-3.516.586-4.688 1.563-1.367.78-1.953 2.148-1.953 3.515l3.32 121.29c0 2.734 2.93 4.882 6.64 4.882h36.134c3.515 0 6.445-2.148 6.64-4.883Z"/&gt;
&lt;/svg&gt;
&lt;/span&gt; Note &lt;/p&gt;&lt;p&gt;This is an archive of a Mastodon post I made as &lt;a href="https://fosstodon.org/@frigoligo" target="_blank"&gt;@frigoligo&lt;/a&gt;.&lt;/p&gt;&lt;/div&gt;</description><content:encoded><![CDATA[<style type="text/css">
     
    .notice {
        --title-color: #fff;
        --title-background-color: #6be;
        --content-color: #444;
        --content-background-color: #e7f2fa;
    }

    .notice.info {
        --title-background-color: #fb7;
        --content-background-color: #fec;
    }

    .notice.tip {
        --title-background-color: #5a5;
        --content-background-color: #efe;
    }

    .notice.warning {
        --title-background-color: #c33;
        --content-background-color: #fee;
    }

     
    @media (prefers-color-scheme:dark) {
        .notice {
            --title-color: #fff;
            --title-background-color: #069;
            --content-color: #ddd;
            --content-background-color: #023;
        }

        .notice.info {
            --title-background-color: #a50;
            --content-background-color: #420;
        }

        .notice.tip {
            --title-background-color: #363;
            --content-background-color: #121;
        }

        .notice.warning {
            --title-background-color: #800;
            --content-background-color: #400;
        }
    }

    body.dark .notice {
        --title-color: #fff;
        --title-background-color: #069;
        --content-color: #ddd;
        --content-background-color: #023;
    }

    body.dark .notice.info {
        --title-background-color: #a50;
        --content-background-color: #420;
    }

    body.dark .notice.tip {
        --title-background-color: #363;
        --content-background-color: #121;
    }

    body.dark .notice.warning {
        --title-background-color: #800;
        --content-background-color: #400;
    }

     
    .notice {
        padding: 18px;
        line-height: 24px;
        margin-bottom: 24px;
        border-radius: 4px;
        color: var(--content-color);
        background: var(--content-background-color);
    }

    .notice p:last-child {
        margin-bottom: 0
    }

     
    .notice-title {
        margin: -18px -18px 12px;
        padding: 4px 18px;
        border-radius: 4px 4px 0 0;
        font-weight: 700;
        color: var(--title-color);
        background: var(--title-background-color);
    }

     
    .icon-notice {
        display: inline-flex;
        align-self: center;
        margin-right: 8px;
    }

    .icon-notice img,
    .icon-notice svg {
        height: 1em;
        width: 1em;
        fill: currentColor;
    }

    .icon-notice img,
    .icon-notice.baseline svg {
        top: .125em;
        position: relative;
    }
</style><div class="notice note" >
    <p class="notice-title">
        <span class="icon-notice baseline">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 128 300 300">
  <path d="M150 128c82.813 0 150 67.188 150 150 0 82.813-67.188 150-150 150C67.187 428 0 360.812 0 278c0-82.813 67.188-150 150-150Zm25 243.555v-37.11c0-3.515-2.734-6.445-6.055-6.445h-37.5c-3.515 0-6.445 2.93-6.445 6.445v37.11c0 3.515 2.93 6.445 6.445 6.445h37.5c3.32 0 6.055-2.93 6.055-6.445Zm-.39-67.188 3.515-121.289c0-1.367-.586-2.734-1.953-3.516-1.172-.976-2.93-1.562-4.688-1.562h-42.968c-1.758 0-3.516.586-4.688 1.563-1.367.78-1.953 2.148-1.953 3.515l3.32 121.29c0 2.734 2.93 4.882 6.64 4.882h36.134c3.515 0 6.445-2.148 6.64-4.883Z"/>
</svg>

        </span> Note </p><p>This is an archive of a Mastodon post I made as <a href="https://fosstodon.org/@frigoligo" target="_blank">@frigoligo</a>.</p></div>

<p>Here it is! Version 0.5.0 in currently in deployment. You&rsquo;ll get the update automatically or you can as usual find all builds and changelog at <a href="https://github.com/casimir/frigoligo/releases/tag/v0.5.0" target="_blank">https://github.com/casimir/frigoligo/releases/tag/v0.5.0</a></p>
<p>This is a huge rewrite (most of the app) so small bugs and bumps are not impossible. In short there is:</p>
<ul>
<li>A new dynamic layout making tablet and desktop usage more comfy</li>
<li>A whole new authentication flow architecture</li>
<li>And last but not least, <strong>saving articles using Android/iOS native url sharing</strong></li>
</ul>
<p>Sad news though, you&rsquo;ll have to login again (once!) after this update.</p>
]]></content:encoded></item><item><title>Frigoligo open beta 0.4.0</title><link>https://notes.casimir.me/p/2023/frigoligo-open-beta-0.4.0/</link><pubDate>Wed, 09 Aug 2023 00:00:00 +0000</pubDate><guid>https://notes.casimir.me/p/2023/frigoligo-open-beta-0.4.0/</guid><description>&lt;style type="text/css"&gt;
.notice {
--title-color: #fff;
--title-background-color: #6be;
--content-color: #444;
--content-background-color: #e7f2fa;
}
.notice.info {
--title-background-color: #fb7;
--content-background-color: #fec;
}
.notice.tip {
--title-background-color: #5a5;
--content-background-color: #efe;
}
.notice.warning {
--title-background-color: #c33;
--content-background-color: #fee;
}
@media (prefers-color-scheme:dark) {
.notice {
--title-color: #fff;
--title-background-color: #069;
--content-color: #ddd;
--content-background-color: #023;
}
.notice.info {
--title-background-color: #a50;
--content-background-color: #420;
}
.notice.tip {
--title-background-color: #363;
--content-background-color: #121;
}
.notice.warning {
--title-background-color: #800;
--content-background-color: #400;
}
}
body.dark .notice {
--title-color: #fff;
--title-background-color: #069;
--content-color: #ddd;
--content-background-color: #023;
}
body.dark .notice.info {
--title-background-color: #a50;
--content-background-color: #420;
}
body.dark .notice.tip {
--title-background-color: #363;
--content-background-color: #121;
}
body.dark .notice.warning {
--title-background-color: #800;
--content-background-color: #400;
}
.notice {
padding: 18px;
line-height: 24px;
margin-bottom: 24px;
border-radius: 4px;
color: var(--content-color);
background: var(--content-background-color);
}
.notice p:last-child {
margin-bottom: 0
}
.notice-title {
margin: -18px -18px 12px;
padding: 4px 18px;
border-radius: 4px 4px 0 0;
font-weight: 700;
color: var(--title-color);
background: var(--title-background-color);
}
.icon-notice {
display: inline-flex;
align-self: center;
margin-right: 8px;
}
.icon-notice img,
.icon-notice svg {
height: 1em;
width: 1em;
fill: currentColor;
}
.icon-notice img,
.icon-notice.baseline svg {
top: .125em;
position: relative;
}
&lt;/style&gt;&lt;div class="notice note" &gt;
&lt;p class="notice-title"&gt;
&lt;span class="icon-notice baseline"&gt;
&lt;svg xmlns="http://www.w3.org/2000/svg" viewBox="0 128 300 300"&gt;
&lt;path d="M150 128c82.813 0 150 67.188 150 150 0 82.813-67.188 150-150 150C67.187 428 0 360.812 0 278c0-82.813 67.188-150 150-150Zm25 243.555v-37.11c0-3.515-2.734-6.445-6.055-6.445h-37.5c-3.515 0-6.445 2.93-6.445 6.445v37.11c0 3.515 2.93 6.445 6.445 6.445h37.5c3.32 0 6.055-2.93 6.055-6.445Zm-.39-67.188 3.515-121.289c0-1.367-.586-2.734-1.953-3.516-1.172-.976-2.93-1.562-4.688-1.562h-42.968c-1.758 0-3.516.586-4.688 1.563-1.367.78-1.953 2.148-1.953 3.515l3.32 121.29c0 2.734 2.93 4.882 6.64 4.882h36.134c3.515 0 6.445-2.148 6.64-4.883Z"/&gt;
&lt;/svg&gt;
&lt;/span&gt; Note &lt;/p&gt;&lt;p&gt;This is an archive of a Mastodon post I made as &lt;a href="https://fosstodon.org/@frigoligo" target="_blank"&gt;@frigoligo&lt;/a&gt;.&lt;/p&gt;&lt;/div&gt;</description><content:encoded><![CDATA[<style type="text/css">
     
    .notice {
        --title-color: #fff;
        --title-background-color: #6be;
        --content-color: #444;
        --content-background-color: #e7f2fa;
    }

    .notice.info {
        --title-background-color: #fb7;
        --content-background-color: #fec;
    }

    .notice.tip {
        --title-background-color: #5a5;
        --content-background-color: #efe;
    }

    .notice.warning {
        --title-background-color: #c33;
        --content-background-color: #fee;
    }

     
    @media (prefers-color-scheme:dark) {
        .notice {
            --title-color: #fff;
            --title-background-color: #069;
            --content-color: #ddd;
            --content-background-color: #023;
        }

        .notice.info {
            --title-background-color: #a50;
            --content-background-color: #420;
        }

        .notice.tip {
            --title-background-color: #363;
            --content-background-color: #121;
        }

        .notice.warning {
            --title-background-color: #800;
            --content-background-color: #400;
        }
    }

    body.dark .notice {
        --title-color: #fff;
        --title-background-color: #069;
        --content-color: #ddd;
        --content-background-color: #023;
    }

    body.dark .notice.info {
        --title-background-color: #a50;
        --content-background-color: #420;
    }

    body.dark .notice.tip {
        --title-background-color: #363;
        --content-background-color: #121;
    }

    body.dark .notice.warning {
        --title-background-color: #800;
        --content-background-color: #400;
    }

     
    .notice {
        padding: 18px;
        line-height: 24px;
        margin-bottom: 24px;
        border-radius: 4px;
        color: var(--content-color);
        background: var(--content-background-color);
    }

    .notice p:last-child {
        margin-bottom: 0
    }

     
    .notice-title {
        margin: -18px -18px 12px;
        padding: 4px 18px;
        border-radius: 4px 4px 0 0;
        font-weight: 700;
        color: var(--title-color);
        background: var(--title-background-color);
    }

     
    .icon-notice {
        display: inline-flex;
        align-self: center;
        margin-right: 8px;
    }

    .icon-notice img,
    .icon-notice svg {
        height: 1em;
        width: 1em;
        fill: currentColor;
    }

    .icon-notice img,
    .icon-notice.baseline svg {
        top: .125em;
        position: relative;
    }
</style><div class="notice note" >
    <p class="notice-title">
        <span class="icon-notice baseline">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 128 300 300">
  <path d="M150 128c82.813 0 150 67.188 150 150 0 82.813-67.188 150-150 150C67.187 428 0 360.812 0 278c0-82.813 67.188-150 150-150Zm25 243.555v-37.11c0-3.515-2.734-6.445-6.055-6.445h-37.5c-3.515 0-6.445 2.93-6.445 6.445v37.11c0 3.515 2.93 6.445 6.445 6.445h37.5c3.32 0 6.055-2.93 6.055-6.445Zm-.39-67.188 3.515-121.289c0-1.367-.586-2.734-1.953-3.516-1.172-.976-2.93-1.562-4.688-1.562h-42.968c-1.758 0-3.516.586-4.688 1.563-1.367.78-1.953 2.148-1.953 3.515l3.32 121.29c0 2.734 2.93 4.882 6.64 4.882h36.134c3.515 0 6.445-2.148 6.64-4.883Z"/>
</svg>

        </span> Note </p><p>This is an archive of a Mastodon post I made as <a href="https://fosstodon.org/@frigoligo" target="_blank">@frigoligo</a>.</p></div>

<p>Not a sneak peek this time but a release announcement for the version 0.4.0! On the menu this time: a lot of UX improvements, a shiny settings screen, an (optional) unread badge count.<br>
Also huge improvement on Android since the app can connect to the internet now! Yes, it was kind of useless before&hellip;<br>
As usual you can find everything on the release page: <a href="https://github.com/casimir/frigoligo/releases/tag/v0.4.0" target="_blank">https://github.com/casimir/frigoligo/releases/tag/v0.4.0</a><br>
One more thing, a beta release on the Google Play store may be coming soon&hellip;</p>
]]></content:encoded></item><item><title>Frigoligo hello Masto</title><link>https://notes.casimir.me/p/2023/frigoligo-hello-masto/</link><pubDate>Fri, 04 Aug 2023 00:00:00 +0000</pubDate><guid>https://notes.casimir.me/p/2023/frigoligo-hello-masto/</guid><description>&lt;style type="text/css"&gt;
.notice {
--title-color: #fff;
--title-background-color: #6be;
--content-color: #444;
--content-background-color: #e7f2fa;
}
.notice.info {
--title-background-color: #fb7;
--content-background-color: #fec;
}
.notice.tip {
--title-background-color: #5a5;
--content-background-color: #efe;
}
.notice.warning {
--title-background-color: #c33;
--content-background-color: #fee;
}
@media (prefers-color-scheme:dark) {
.notice {
--title-color: #fff;
--title-background-color: #069;
--content-color: #ddd;
--content-background-color: #023;
}
.notice.info {
--title-background-color: #a50;
--content-background-color: #420;
}
.notice.tip {
--title-background-color: #363;
--content-background-color: #121;
}
.notice.warning {
--title-background-color: #800;
--content-background-color: #400;
}
}
body.dark .notice {
--title-color: #fff;
--title-background-color: #069;
--content-color: #ddd;
--content-background-color: #023;
}
body.dark .notice.info {
--title-background-color: #a50;
--content-background-color: #420;
}
body.dark .notice.tip {
--title-background-color: #363;
--content-background-color: #121;
}
body.dark .notice.warning {
--title-background-color: #800;
--content-background-color: #400;
}
.notice {
padding: 18px;
line-height: 24px;
margin-bottom: 24px;
border-radius: 4px;
color: var(--content-color);
background: var(--content-background-color);
}
.notice p:last-child {
margin-bottom: 0
}
.notice-title {
margin: -18px -18px 12px;
padding: 4px 18px;
border-radius: 4px 4px 0 0;
font-weight: 700;
color: var(--title-color);
background: var(--title-background-color);
}
.icon-notice {
display: inline-flex;
align-self: center;
margin-right: 8px;
}
.icon-notice img,
.icon-notice svg {
height: 1em;
width: 1em;
fill: currentColor;
}
.icon-notice img,
.icon-notice.baseline svg {
top: .125em;
position: relative;
}
&lt;/style&gt;&lt;div class="notice note" &gt;
&lt;p class="notice-title"&gt;
&lt;span class="icon-notice baseline"&gt;
&lt;svg xmlns="http://www.w3.org/2000/svg" viewBox="0 128 300 300"&gt;
&lt;path d="M150 128c82.813 0 150 67.188 150 150 0 82.813-67.188 150-150 150C67.187 428 0 360.812 0 278c0-82.813 67.188-150 150-150Zm25 243.555v-37.11c0-3.515-2.734-6.445-6.055-6.445h-37.5c-3.515 0-6.445 2.93-6.445 6.445v37.11c0 3.515 2.93 6.445 6.445 6.445h37.5c3.32 0 6.055-2.93 6.055-6.445Zm-.39-67.188 3.515-121.289c0-1.367-.586-2.734-1.953-3.516-1.172-.976-2.93-1.562-4.688-1.562h-42.968c-1.758 0-3.516.586-4.688 1.563-1.367.78-1.953 2.148-1.953 3.515l3.32 121.29c0 2.734 2.93 4.882 6.64 4.882h36.134c3.515 0 6.445-2.148 6.64-4.883Z"/&gt;
&lt;/svg&gt;
&lt;/span&gt; Note &lt;/p&gt;&lt;p&gt;This is an archive of a Mastodon post I made as &lt;a href="https://fosstodon.org/@frigoligo" target="_blank"&gt;@frigoligo&lt;/a&gt;.&lt;/p&gt;&lt;/div&gt;</description><content:encoded><![CDATA[<style type="text/css">
     
    .notice {
        --title-color: #fff;
        --title-background-color: #6be;
        --content-color: #444;
        --content-background-color: #e7f2fa;
    }

    .notice.info {
        --title-background-color: #fb7;
        --content-background-color: #fec;
    }

    .notice.tip {
        --title-background-color: #5a5;
        --content-background-color: #efe;
    }

    .notice.warning {
        --title-background-color: #c33;
        --content-background-color: #fee;
    }

     
    @media (prefers-color-scheme:dark) {
        .notice {
            --title-color: #fff;
            --title-background-color: #069;
            --content-color: #ddd;
            --content-background-color: #023;
        }

        .notice.info {
            --title-background-color: #a50;
            --content-background-color: #420;
        }

        .notice.tip {
            --title-background-color: #363;
            --content-background-color: #121;
        }

        .notice.warning {
            --title-background-color: #800;
            --content-background-color: #400;
        }
    }

    body.dark .notice {
        --title-color: #fff;
        --title-background-color: #069;
        --content-color: #ddd;
        --content-background-color: #023;
    }

    body.dark .notice.info {
        --title-background-color: #a50;
        --content-background-color: #420;
    }

    body.dark .notice.tip {
        --title-background-color: #363;
        --content-background-color: #121;
    }

    body.dark .notice.warning {
        --title-background-color: #800;
        --content-background-color: #400;
    }

     
    .notice {
        padding: 18px;
        line-height: 24px;
        margin-bottom: 24px;
        border-radius: 4px;
        color: var(--content-color);
        background: var(--content-background-color);
    }

    .notice p:last-child {
        margin-bottom: 0
    }

     
    .notice-title {
        margin: -18px -18px 12px;
        padding: 4px 18px;
        border-radius: 4px 4px 0 0;
        font-weight: 700;
        color: var(--title-color);
        background: var(--title-background-color);
    }

     
    .icon-notice {
        display: inline-flex;
        align-self: center;
        margin-right: 8px;
    }

    .icon-notice img,
    .icon-notice svg {
        height: 1em;
        width: 1em;
        fill: currentColor;
    }

    .icon-notice img,
    .icon-notice.baseline svg {
        top: .125em;
        position: relative;
    }
</style><div class="notice note" >
    <p class="notice-title">
        <span class="icon-notice baseline">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 128 300 300">
  <path d="M150 128c82.813 0 150 67.188 150 150 0 82.813-67.188 150-150 150C67.187 428 0 360.812 0 278c0-82.813 67.188-150 150-150Zm25 243.555v-37.11c0-3.515-2.734-6.445-6.055-6.445h-37.5c-3.515 0-6.445 2.93-6.445 6.445v37.11c0 3.515 2.93 6.445 6.445 6.445h37.5c3.32 0 6.055-2.93 6.055-6.445Zm-.39-67.188 3.515-121.289c0-1.367-.586-2.734-1.953-3.516-1.172-.976-2.93-1.562-4.688-1.562h-42.968c-1.758 0-3.516.586-4.688 1.563-1.367.78-1.953 2.148-1.953 3.515l3.32 121.29c0 2.734 2.93 4.882 6.64 4.882h36.134c3.515 0 6.445-2.148 6.64-4.883Z"/>
</svg>

        </span> Note </p><p>This is an archive of a Mastodon post I made as <a href="https://fosstodon.org/@frigoligo" target="_blank">@frigoligo</a>.</p></div>

<p>Hello world! There is a time when you just have to take flight. While the app is still rough around the edges it is already usable and available as an open beta!<br>
So feel free to grab the <a href="https://github.com/casimir/frigoligo/releases/latest" target="_blank">latest build</a> (Android/Linux/AppImage/Windows) or join the <a href="https://testflight.apple.com/join/nYnbySd8" target="_blank">Testflight group</a>.<br>
Any feedback is more than welcome!</p>
<p>[<img loading="lazy" src="/p/2023/frigoligo-hello-masto/01419a881f6320c8.png">[<img loading="lazy" src="/p/2023/frigoligo-hello-masto/398b91348f593442.png">[<img loading="lazy" src="/p/2023/frigoligo-hello-masto/8bc5f182c54aa532.png"></p>
]]></content:encoded></item><item><title>Frigoligo release 0.3.2</title><link>https://notes.casimir.me/p/2023/frigoligo-release-0.3.2/</link><pubDate>Fri, 04 Aug 2023 00:00:00 +0000</pubDate><guid>https://notes.casimir.me/p/2023/frigoligo-release-0.3.2/</guid><description>&lt;style type="text/css"&gt;
.notice {
--title-color: #fff;
--title-background-color: #6be;
--content-color: #444;
--content-background-color: #e7f2fa;
}
.notice.info {
--title-background-color: #fb7;
--content-background-color: #fec;
}
.notice.tip {
--title-background-color: #5a5;
--content-background-color: #efe;
}
.notice.warning {
--title-background-color: #c33;
--content-background-color: #fee;
}
@media (prefers-color-scheme:dark) {
.notice {
--title-color: #fff;
--title-background-color: #069;
--content-color: #ddd;
--content-background-color: #023;
}
.notice.info {
--title-background-color: #a50;
--content-background-color: #420;
}
.notice.tip {
--title-background-color: #363;
--content-background-color: #121;
}
.notice.warning {
--title-background-color: #800;
--content-background-color: #400;
}
}
body.dark .notice {
--title-color: #fff;
--title-background-color: #069;
--content-color: #ddd;
--content-background-color: #023;
}
body.dark .notice.info {
--title-background-color: #a50;
--content-background-color: #420;
}
body.dark .notice.tip {
--title-background-color: #363;
--content-background-color: #121;
}
body.dark .notice.warning {
--title-background-color: #800;
--content-background-color: #400;
}
.notice {
padding: 18px;
line-height: 24px;
margin-bottom: 24px;
border-radius: 4px;
color: var(--content-color);
background: var(--content-background-color);
}
.notice p:last-child {
margin-bottom: 0
}
.notice-title {
margin: -18px -18px 12px;
padding: 4px 18px;
border-radius: 4px 4px 0 0;
font-weight: 700;
color: var(--title-color);
background: var(--title-background-color);
}
.icon-notice {
display: inline-flex;
align-self: center;
margin-right: 8px;
}
.icon-notice img,
.icon-notice svg {
height: 1em;
width: 1em;
fill: currentColor;
}
.icon-notice img,
.icon-notice.baseline svg {
top: .125em;
position: relative;
}
&lt;/style&gt;&lt;div class="notice note" &gt;
&lt;p class="notice-title"&gt;
&lt;span class="icon-notice baseline"&gt;
&lt;svg xmlns="http://www.w3.org/2000/svg" viewBox="0 128 300 300"&gt;
&lt;path d="M150 128c82.813 0 150 67.188 150 150 0 82.813-67.188 150-150 150C67.187 428 0 360.812 0 278c0-82.813 67.188-150 150-150Zm25 243.555v-37.11c0-3.515-2.734-6.445-6.055-6.445h-37.5c-3.515 0-6.445 2.93-6.445 6.445v37.11c0 3.515 2.93 6.445 6.445 6.445h37.5c3.32 0 6.055-2.93 6.055-6.445Zm-.39-67.188 3.515-121.289c0-1.367-.586-2.734-1.953-3.516-1.172-.976-2.93-1.562-4.688-1.562h-42.968c-1.758 0-3.516.586-4.688 1.563-1.367.78-1.953 2.148-1.953 3.515l3.32 121.29c0 2.734 2.93 4.882 6.64 4.882h36.134c3.515 0 6.445-2.148 6.64-4.883Z"/&gt;
&lt;/svg&gt;
&lt;/span&gt; Note &lt;/p&gt;&lt;p&gt;This is an archive of a Mastodon post I made as &lt;a href="https://fosstodon.org/@frigoligo" target="_blank"&gt;@frigoligo&lt;/a&gt;.&lt;/p&gt;&lt;/div&gt;</description><content:encoded><![CDATA[<style type="text/css">
     
    .notice {
        --title-color: #fff;
        --title-background-color: #6be;
        --content-color: #444;
        --content-background-color: #e7f2fa;
    }

    .notice.info {
        --title-background-color: #fb7;
        --content-background-color: #fec;
    }

    .notice.tip {
        --title-background-color: #5a5;
        --content-background-color: #efe;
    }

    .notice.warning {
        --title-background-color: #c33;
        --content-background-color: #fee;
    }

     
    @media (prefers-color-scheme:dark) {
        .notice {
            --title-color: #fff;
            --title-background-color: #069;
            --content-color: #ddd;
            --content-background-color: #023;
        }

        .notice.info {
            --title-background-color: #a50;
            --content-background-color: #420;
        }

        .notice.tip {
            --title-background-color: #363;
            --content-background-color: #121;
        }

        .notice.warning {
            --title-background-color: #800;
            --content-background-color: #400;
        }
    }

    body.dark .notice {
        --title-color: #fff;
        --title-background-color: #069;
        --content-color: #ddd;
        --content-background-color: #023;
    }

    body.dark .notice.info {
        --title-background-color: #a50;
        --content-background-color: #420;
    }

    body.dark .notice.tip {
        --title-background-color: #363;
        --content-background-color: #121;
    }

    body.dark .notice.warning {
        --title-background-color: #800;
        --content-background-color: #400;
    }

     
    .notice {
        padding: 18px;
        line-height: 24px;
        margin-bottom: 24px;
        border-radius: 4px;
        color: var(--content-color);
        background: var(--content-background-color);
    }

    .notice p:last-child {
        margin-bottom: 0
    }

     
    .notice-title {
        margin: -18px -18px 12px;
        padding: 4px 18px;
        border-radius: 4px 4px 0 0;
        font-weight: 700;
        color: var(--title-color);
        background: var(--title-background-color);
    }

     
    .icon-notice {
        display: inline-flex;
        align-self: center;
        margin-right: 8px;
    }

    .icon-notice img,
    .icon-notice svg {
        height: 1em;
        width: 1em;
        fill: currentColor;
    }

    .icon-notice img,
    .icon-notice.baseline svg {
        top: .125em;
        position: relative;
    }
</style><div class="notice note" >
    <p class="notice-title">
        <span class="icon-notice baseline">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 128 300 300">
  <path d="M150 128c82.813 0 150 67.188 150 150 0 82.813-67.188 150-150 150C67.187 428 0 360.812 0 278c0-82.813 67.188-150 150-150Zm25 243.555v-37.11c0-3.515-2.734-6.445-6.055-6.445h-37.5c-3.515 0-6.445 2.93-6.445 6.445v37.11c0 3.515 2.93 6.445 6.445 6.445h37.5c3.32 0 6.055-2.93 6.055-6.445Zm-.39-67.188 3.515-121.289c0-1.367-.586-2.734-1.953-3.516-1.172-.976-2.93-1.562-4.688-1.562h-42.968c-1.758 0-3.516.586-4.688 1.563-1.367.78-1.953 2.148-1.953 3.515l3.32 121.29c0 2.734 2.93 4.882 6.64 4.882h36.134c3.515 0 6.445-2.148 6.64-4.883Z"/>
</svg>

        </span> Note </p><p>This is an archive of a Mastodon post I made as <a href="https://fosstodon.org/@frigoligo" target="_blank">@frigoligo</a>.</p></div>

<p>Hello there! This is the time for a new <a href="https://github.com/casimir/frigoligo" target="_blank">Frigoligo</a> release! After a false start with version 0.3.0 (😅) this release is way better. Loads of fixes and UX improvements but also builds for more desktop platforms (added Linux, AppImage ❤️, and Windows)!<br>
You can grab the app in the <a href="https://github.com/casimir/frigoligo/releases/tag/v0.3.2" target="_blank">release page</a> or by entering the open beta on <a href="https://testflight.apple.com/join/nYnbySd8" target="_blank">TestFlight</a> (iOS + macOS).<br>
And also thanks a lot to the whole 2 users of the app for their support and help on building this release.</p>
]]></content:encoded></item><item><title>Frigoligo open beta 0.3.0</title><link>https://notes.casimir.me/p/2023/frigoligo-open-beta-0.3.0/</link><pubDate>Sat, 29 Jul 2023 00:00:00 +0000</pubDate><guid>https://notes.casimir.me/p/2023/frigoligo-open-beta-0.3.0/</guid><description>&lt;style type="text/css"&gt;
.notice {
--title-color: #fff;
--title-background-color: #6be;
--content-color: #444;
--content-background-color: #e7f2fa;
}
.notice.info {
--title-background-color: #fb7;
--content-background-color: #fec;
}
.notice.tip {
--title-background-color: #5a5;
--content-background-color: #efe;
}
.notice.warning {
--title-background-color: #c33;
--content-background-color: #fee;
}
@media (prefers-color-scheme:dark) {
.notice {
--title-color: #fff;
--title-background-color: #069;
--content-color: #ddd;
--content-background-color: #023;
}
.notice.info {
--title-background-color: #a50;
--content-background-color: #420;
}
.notice.tip {
--title-background-color: #363;
--content-background-color: #121;
}
.notice.warning {
--title-background-color: #800;
--content-background-color: #400;
}
}
body.dark .notice {
--title-color: #fff;
--title-background-color: #069;
--content-color: #ddd;
--content-background-color: #023;
}
body.dark .notice.info {
--title-background-color: #a50;
--content-background-color: #420;
}
body.dark .notice.tip {
--title-background-color: #363;
--content-background-color: #121;
}
body.dark .notice.warning {
--title-background-color: #800;
--content-background-color: #400;
}
.notice {
padding: 18px;
line-height: 24px;
margin-bottom: 24px;
border-radius: 4px;
color: var(--content-color);
background: var(--content-background-color);
}
.notice p:last-child {
margin-bottom: 0
}
.notice-title {
margin: -18px -18px 12px;
padding: 4px 18px;
border-radius: 4px 4px 0 0;
font-weight: 700;
color: var(--title-color);
background: var(--title-background-color);
}
.icon-notice {
display: inline-flex;
align-self: center;
margin-right: 8px;
}
.icon-notice img,
.icon-notice svg {
height: 1em;
width: 1em;
fill: currentColor;
}
.icon-notice img,
.icon-notice.baseline svg {
top: .125em;
position: relative;
}
&lt;/style&gt;&lt;div class="notice note" &gt;
&lt;p class="notice-title"&gt;
&lt;span class="icon-notice baseline"&gt;
&lt;svg xmlns="http://www.w3.org/2000/svg" viewBox="0 128 300 300"&gt;
&lt;path d="M150 128c82.813 0 150 67.188 150 150 0 82.813-67.188 150-150 150C67.187 428 0 360.812 0 278c0-82.813 67.188-150 150-150Zm25 243.555v-37.11c0-3.515-2.734-6.445-6.055-6.445h-37.5c-3.515 0-6.445 2.93-6.445 6.445v37.11c0 3.515 2.93 6.445 6.445 6.445h37.5c3.32 0 6.055-2.93 6.055-6.445Zm-.39-67.188 3.515-121.289c0-1.367-.586-2.734-1.953-3.516-1.172-.976-2.93-1.562-4.688-1.562h-42.968c-1.758 0-3.516.586-4.688 1.563-1.367.78-1.953 2.148-1.953 3.515l3.32 121.29c0 2.734 2.93 4.882 6.64 4.882h36.134c3.515 0 6.445-2.148 6.64-4.883Z"/&gt;
&lt;/svg&gt;
&lt;/span&gt; Note &lt;/p&gt;&lt;p&gt;This is an archive of a Mastodon post I made as &lt;a href="https://fosstodon.org/@frigoligo" target="_blank"&gt;@frigoligo&lt;/a&gt;.&lt;/p&gt;&lt;/div&gt;</description><content:encoded><![CDATA[<style type="text/css">
     
    .notice {
        --title-color: #fff;
        --title-background-color: #6be;
        --content-color: #444;
        --content-background-color: #e7f2fa;
    }

    .notice.info {
        --title-background-color: #fb7;
        --content-background-color: #fec;
    }

    .notice.tip {
        --title-background-color: #5a5;
        --content-background-color: #efe;
    }

    .notice.warning {
        --title-background-color: #c33;
        --content-background-color: #fee;
    }

     
    @media (prefers-color-scheme:dark) {
        .notice {
            --title-color: #fff;
            --title-background-color: #069;
            --content-color: #ddd;
            --content-background-color: #023;
        }

        .notice.info {
            --title-background-color: #a50;
            --content-background-color: #420;
        }

        .notice.tip {
            --title-background-color: #363;
            --content-background-color: #121;
        }

        .notice.warning {
            --title-background-color: #800;
            --content-background-color: #400;
        }
    }

    body.dark .notice {
        --title-color: #fff;
        --title-background-color: #069;
        --content-color: #ddd;
        --content-background-color: #023;
    }

    body.dark .notice.info {
        --title-background-color: #a50;
        --content-background-color: #420;
    }

    body.dark .notice.tip {
        --title-background-color: #363;
        --content-background-color: #121;
    }

    body.dark .notice.warning {
        --title-background-color: #800;
        --content-background-color: #400;
    }

     
    .notice {
        padding: 18px;
        line-height: 24px;
        margin-bottom: 24px;
        border-radius: 4px;
        color: var(--content-color);
        background: var(--content-background-color);
    }

    .notice p:last-child {
        margin-bottom: 0
    }

     
    .notice-title {
        margin: -18px -18px 12px;
        padding: 4px 18px;
        border-radius: 4px 4px 0 0;
        font-weight: 700;
        color: var(--title-color);
        background: var(--title-background-color);
    }

     
    .icon-notice {
        display: inline-flex;
        align-self: center;
        margin-right: 8px;
    }

    .icon-notice img,
    .icon-notice svg {
        height: 1em;
        width: 1em;
        fill: currentColor;
    }

    .icon-notice img,
    .icon-notice.baseline svg {
        top: .125em;
        position: relative;
    }
</style><div class="notice note" >
    <p class="notice-title">
        <span class="icon-notice baseline">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 128 300 300">
  <path d="M150 128c82.813 0 150 67.188 150 150 0 82.813-67.188 150-150 150C67.187 428 0 360.812 0 278c0-82.813 67.188-150 150-150Zm25 243.555v-37.11c0-3.515-2.734-6.445-6.055-6.445h-37.5c-3.515 0-6.445 2.93-6.445 6.445v37.11c0 3.515 2.93 6.445 6.445 6.445h37.5c3.32 0 6.055-2.93 6.055-6.445Zm-.39-67.188 3.515-121.289c0-1.367-.586-2.734-1.953-3.516-1.172-.976-2.93-1.562-4.688-1.562h-42.968c-1.758 0-3.516.586-4.688 1.563-1.367.78-1.953 2.148-1.953 3.515l3.32 121.29c0 2.734 2.93 4.882 6.64 4.882h36.134c3.515 0 6.445-2.148 6.64-4.883Z"/>
</svg>

        </span> Note </p><p>This is an archive of a Mastodon post I made as <a href="https://fosstodon.org/@frigoligo" target="_blank">@frigoligo</a>.</p></div>

<p>Hello there! I&rsquo;m currently working on my own <a href="https://wallabag.org" target="_blank">Wallabag</a> client these days. It&rsquo;s still in a very rough state but it&rsquo;s already working as my daily driver (mobile &amp; desktop), so I think it&rsquo;s a good time to unleash it in the wild.<br>
It&rsquo;s of course open-source so don&rsquo;t hesitate come, explore and share your ideas at <a href="https://github.com/casimir/frigoligo" target="_blank">https://github.com/casimir/frigoligo</a><br>
For the busy people, here are the &lsquo;just give me the link&rsquo;: <a href="https://testflight.apple.com/join/nYnbySd8" target="_blank">TestFlight link</a> (iOS + macOS), <a href="https://github.com/casimir/frigoligo/releases/latest/download/frigoligo-release.apk.zip" target="_blank">APK archive</a> (Android).</p>
]]></content:encoded></item></channel></rss>