<?xml version="1.0" encoding="utf-8" standalone="yes"?><feed xmlns="http://www.w3.org/2005/Atom"><id>https://burgeonlab.com/weeknotes/</id><title>BurgeonLab: Weeknotes</title><subtitle>Full-text Atom feed of BurgeonLab's personal weeknotes</subtitle><icon>https://burgeonlab.com/android-chrome-192x192.png</icon><updated>2026-06-16T16:50:26+08:00</updated><generator uri="https://gohugo.io/" version="0.163.3">Hugo</generator><link rel="self" href="https://burgeonlab.com/weeknotes/feed.xml"/><link rel="alternate" href="https://burgeonlab.com/weeknotes/"/><link rel="related" href="https://burgeonlab.com/subscribe" title="Subscribe to BurgeonLab's Atom or RSS feeds"/><author><name>Naty S</name><email>naty@eclecticpassions.net</email></author><rights>Copyright © 2023-2026 Naty S.</rights><entry><id>https://burgeonlab.com/weeknotes/2026/w24/</id><title type="html">Weeknote 2026-W24: Digital Garden Confusion &amp;amp; Driving an EV</title><link href="https://burgeonlab.com/weeknotes/2026/w24/"/><published>2026-06-16T16:50:26+08:00</published><updated>2026-06-19T23:20:11+08:00</updated><author><name>Naty S</name><email>naty@eclecticpassions.net</email></author><link rel="enclosure" type="image/png" href="https://burgeonlab.com/images/wn-cover/031_2026_w24.png"/><summary type="html">Fixing stale site files on Bunny, working with Zensical for my secondary site, website readability issues. Driving an EV for the first time, and F1 updates.</summary><content type="html"><![CDATA[<h2 id="web-dev-updates"><a href="#web-dev-updates" class="h-anchor" title="Permalink to #Web Dev Updates"></a>Web Dev Updates</h2><h3 id="stale-files-on-bunny"><a href="#stale-files-on-bunny" class="h-anchor" title="Permalink to #Stale Files on Bunny"></a>Stale Files on Bunny</h3><p>I was checking my <a href="https://bunny.net/?ref=k4vc3x5108" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Bunny.net</span></a> <em>(affiliate link)</em> dashboard a few days ago and noticed some stale files in the root directory for this site. I thought every time I build and deploy the Hugo <code>/public</code> to Bunny, it&rsquo;ll clear the old files—but I was wrong. Originally, I wanted to just delete files that are not in current upload, but I couldn&rsquo;t get that working. So now there&rsquo;s a step to <a href="https://docs.bunny.net/storage/http#deleting-the-root-directory" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">delete the root directory</span></a> before uploading the new files.</p>
<figure>
  <div class="img-container">
    <a href="/images/weeknotes/031-bunny-http-delete.webp" target="_blank" rel="noopener noreferrer"
       class="clickable-image">
      <img src="/images/weeknotes/031-bunny-http-delete.webp"
           alt="Screenshot of the HTTP API command to delete root directory on Bunny.net Storage" width="449" height="196">
    </a>
  </div>

<h3 id="wordpress-to-zensical-project"><a href="#wordpress-to-zensical-project" class="h-anchor" title="Permalink to #WordPress to Zensical Project"></a>WordPress to Zensical Project</h3><p>Made some progress on my ongoing WordPress to Zensical migration project last week. All the existing posts are now in Markdown with proper front matter and correct relative image paths and Markdown image syntax.</p>
<p>XML feeds are unfortunately <a href="https://github.com/zensical/backlog/issues/27" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">not yet supported</span></a>, so I think my feed for <em>EclecticPassions.net</em> will have to go offline when I make the move.</p>
<p>I worked on a local script to deploy a freshly built Zensical site to a new Bunny Edge Storage with a linked CDN pull zone. It was quick since I already have one for my Hugo site project, it was just a matter of copying a simplified version to this secondary site. In the future, I&rsquo;ll add a <code>.build.yml</code> for CI/CD with <a href="https://man.sr.ht/builds.sr.ht/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">SourceHut Builds</span></a>.</p>
<h4 id="website-readability"><a href="#website-readability" class="h-anchor" title="Permalink to #Website Readability"></a>Website Readability</h4><p>One of the main focus of my secondary site is trying to <a href="https://www.accessibility.com/blog/website-readability" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">improve readability</span></a> for non-techies, and using less jargon. So I asked a friend who&rsquo;s not into tech what he thinks on a working demo. He focused on the <code>/digital_garden</code> section page.</p>
<p><strong>Screenshot:</strong></p>
<figure>
  <div class="img-container">
    <a href="/images/weeknotes/031-garden-section.webp" target="_blank" rel="noopener noreferrer"
       class="clickable-image">
      <img src="/images/weeknotes/031-garden-section.webp"
           alt="Screenshot of a page called Digital Garden, with a graphical image of interconnected dots from Obsidian Graph View, and text explaining what Digital Gardens are." width="1255" height="1102">
    </a>
  </div>

<p><strong>Site layout:</strong></p>
<ul>
<li>The left &ldquo;sidebar&rdquo; area are where the notes will be displayed (right now there are two example notes called Top 10 Albums and Favourite Cars)</li>
<li>The top navigation contains five links: the homepage, two pages (about and links) and two sections (garden and articles)</li>
<li>The right is the table of contents / headings of the current page</li>
<li>Top right is the site&rsquo;s source code repository</li>
<li>Top middle-right is the light/dark mode switch and search bar</li>
</ul>
<p><strong>Text excerpt from the top of the <code>/digital_garden</code> page:</strong></p>

<blockquote>
  <p>A digital garden is a collection of notes—like weblogs with articles or playlists with songs. Explore my notes in the left menu under Garden. To learn more about digital gardens and my use-case, read on.</p>
<p>The idea of a <a href="https://github.com/MaggieAppleton/digital-gardeners" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">digital garden</span></a> has intrigued me for the longest time, and I want to give it a shot in 2026. What is it? you might be asking. Digital gardening involves tending to non-chronological, <strong>evolving notes</strong> of interest to the &ldquo;gardener&rdquo;.</p>
<p>The process involves developing rudimentary ideas through repeated reiteration by adding new knowledge and forming links between notes. Whereas typical blog posts are more of a &ldquo;write-and-forget&rdquo; process, capturing only one moment in time. Another term for digital gardening with similar connotations is a <em>personal wiki</em>.</p>

</blockquote>

<p>I&rsquo;m quite surprised with his feedback. Maybe I need to work on the presentation or wording to be more straight forward? He had the following questions and thoughts:</p>
<ul>
<li>What is a &ldquo;digital garden&rdquo;? Am I on a site about gardening?</li>
<li>What is this image about? <em>Tries to click on the red and yellow dots, but realizes it&rsquo;s not a clickable object.</em></li>
<li>Why call it &ldquo;digital garden&rdquo;? Just call it notes? I&rsquo;ve never heard of this term. Personal wiki is a term I&rsquo;ve heard of. So why not call it that?</li>
<li>After reading the first three lines, I would have left the page.</li>
<li>What&rsquo;s the point of the stages: seedling, budding, evergreen? Also, shouldn&rsquo;t there be a &ldquo;pruning&rdquo; stage?</li>
</ul>
<p>Maybe I need a bigger sample size of non-techies to get a better picture of how readable my new site is. I never thought the term &ldquo;digital garden&rdquo; would cause so much confusion. I removed the decorative Obsidian graph view image for now.</p>
<p>If you are someone who has never heard of the term &ldquo;digital gardening&rdquo; would you be put off by it like my friend?</p>
<h2 id="first-driving-lesson"><a href="#first-driving-lesson" class="h-anchor" title="Permalink to #First Driving Lesson"></a>First Driving Lesson</h2><p>Had my first driving lesson last week. I am slightly surprised at how easy it was to adapt to being on the right side of the car. The instructor I got assigned to is a smoker—he reeked of cigarettes; which bothered my nose a lot. Anyway, I practised going up and down ramps, stopping on the slope, roundabouts, and manoeuvring a tight corner.</p>
<p>The car I&rsquo;m learning with is unfortunately an electric car (<a href="https://en.wikipedia.org/wiki/MG4_EV" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">MG4 EV</span></a>) which feels vastly different to my memory of driving a petrol car (I previously learnt to drive in Canada with a <a href="https://en.wikipedia.org/wiki/Toyota_Corolla_%28E140%29" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Toyota Corolla</span></a>). The gas pedal felt very sensitive; like how you set the mouse DPI too high where it jumps every time you touch it. Hope I get used to it soon&hellip; But what I hated the most was the shifter and handbrake controls.</p>
<p>It&rsquo;s a pathetic spinning round dial for R, N, D, and pushing the dial puts it in P. There is a silly little pull / push switch (like the ones for windows) for the handbrake. I can&rsquo;t! 😩 I want a proper gear shift and the classic handbrake with push switch and handle. I&rsquo;m a traditional, old-school kinda person and I really dislike these changes.</p>
<figure>
  <div class="img-container">
    <a href="/images/weeknotes/031-mg4-int.webp" target="_blank" rel="noopener noreferrer"
       class="clickable-image">
      <img src="/images/weeknotes/031-mg4-int.webp"
           alt="Image of the interior of a MG4 Electric car." width="1028" height="658">
    </a>
  </div>

<h3 id="my-take-on-evs"><a href="#my-take-on-evs" class="h-anchor" title="Permalink to #My Take on EVs"></a>My Take on EVs</h3><p>The design aesthetics (interior and exterior) of modern electric cars has been an eyesore for me ever since the EV trend started; I absolutely despise it! Bring back physical switches and no tablet screens, please. Removing all the corners and making everything curvy looks horrible in my opinion. Not to mention, every car make looks the same now—no longer do I see recognizable designs on the street. I&rsquo;m actually quite into cars; maybe I&rsquo;ll write a post one day about all the cars I love (from the past)! What&rsquo;s your favourite car model?</p>
<h2 id="lewis-hamilton-wins-again"><a href="#lewis-hamilton-wins-again" class="h-anchor" title="Permalink to #Lewis Hamilton Wins Again"></a>Lewis Hamilton Wins Again</h2><p>I was really happy to be able to watch the Barcelona race live last weekend, and see Hamilton win in red for the very first time. He sounded a bit croaky and more out of breath than usual—I wonder if he is a bit under the weather—if so that is even more impressive as one of the older drives on the grid. Hearing Carlo Santi, Lewis&rsquo;s new engineer, on the radio is amazing. No more silent treatment and negativity from Adami! Gosh, he was dreadful.</p>
<p>My F1 Fantasy team did horribly, with only 99 points (provisional) as I had x2 on Kimi which became double negative, and Hülkenberg pulled my score down further. My Team 1 slipped out of the top 100 in the Hong Kong league after this race&hellip;</p>
<figure>
  <div class="img-container">
    <a href="/images/weeknotes/031-f1fantasy-barcelona.webp" target="_blank" rel="noopener noreferrer"
       class="clickable-image">
      <img src="/images/weeknotes/031-f1fantasy-barcelona.webp"
           alt="Screenshot of the F1 Fantasy website My Team view at Round 7 Barcelona-Catalunya." width="1347" height="947">
    </a>
  </div>

<h2 id="fresh-tech-finds"><a href="#fresh-tech-finds" class="h-anchor" title="Permalink to #Fresh Tech Finds"></a>Fresh Tech Finds</h2><p><strong>Legend:</strong> 🧪—Experimenting now | 📌— To-try list</p>
<ul>
<li>📌 <a href="https://github.com/ZenNotes/zennotes" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">ZenNotes</span></a> — Came across a video of the developer of this notes app doing a rundown / showcase of features while I was on YouTube watching some F1 content. It&rsquo;s like a trimmed down Obsidian with Vim-style editing features. Although I still haven&rsquo;t started learning Vim, I like to think one day I&rsquo;ll join the cool Vim users group (<em>winks</em> at <a href="https://reillyspitzfaden.com/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Reilly</span></a>).</li>
<li>📌 <a href="https://github.com/mfontanini/presenterm" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Presenterm</span></a> — During the Hong Kong Open Source Conference, one of young presenters, <a href="https://github.com/endernoke" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">James</span></a>, used this Markdown terminal slideshow tool. Really cool!</li>
<li>📌 <a href="https://github.com/paperless-ngx/paperless-ngx" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Paperless-ngx</span></a> — A tool that&rsquo;s been on my mind for a while. If and when I have some time, I really want to set this up and tidy up some paperwork.</li>
</ul>
<h2 id="link-roundup"><a href="#link-roundup" class="h-anchor" title="Permalink to #Link Roundup"></a>Link Roundup</h2><p>No link roundup this week since I&rsquo;m running late for this weeknote. I might see if I can start a <a href="https://robertbirming.com/junited-2026-blog-sharing/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Junited</span></a> page, but I&rsquo;m not sure if it&rsquo;s already too late; I have quite a few blog posts from indie bloggers I want to feature! <strong>Update: My <a href="https://burgeonlab.com/junited-2026/"><span class="ext-text">/⁠junited-2026</span></a> is up! Go check it out to see some posts I recommend.</strong></p>

         <hr><p><i>[For up-to-date content, visit <a href="https://burgeonlab.com/">burgeonlab.com</a> directly (XML feeds don't fetch updates in real-time). For other feeds, visit the <a href='https://burgeonlab.com/subscribe/'>subscribe page</a>. Thanks for reading my weeknotes using a RSS reader!]</i></p>
        ]]></content></entry><entry><id>https://burgeonlab.com/weeknotes/2026/w23/</id><title type="html">Weeknote 2026-W23: Cached Data, Styles &amp;amp; Deleting Accounts</title><link href="https://burgeonlab.com/weeknotes/2026/w23/"/><published>2026-06-09T16:00:00+08:00</published><updated>2026-06-13T17:13:56+08:00</updated><author><name>Naty S</name><email>naty@eclecticpassions.net</email></author><link rel="enclosure" type="image/png" href="https://burgeonlab.com/images/wn-cover/030_2026_w23.png"/><summary type="html">Minor site updates, new style-guide, convoluted process of deleting old accounts, attending my first tech event, and link roundup as usual.</summary><content type="html"><![CDATA[<h2 id="site-updates"><a href="#site-updates" class="h-anchor" title="Permalink to #Site Updates"></a>Site Updates</h2><p>Last week I added a <a href="/changelog/#v347--2026-06-04"><span class="ext-text">feature</span></a> using Hugo&rsquo;s <code>data/</code> folder to store cached Mastodon post data as <code>.json</code> files for my <a href="/changelog/#v33--2026-04-15"><span class="ext-text">Mastodon embeds</span></a>. When Hugo builds the site, it doesn&rsquo;t have to connect to the internet to fetch each post&rsquo;s details. 👍</p>
<p>I created a new <a href="https://burgeonlab.com/style-guide/"><span class="ext-text">/⁠style-guide</span></a> page last week which received some positive feedback from my readers <a href="https://fosstodon.org/@eclecticpassions/116690214384499177" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">on Mastodon</span></a>. I&rsquo;m hoping to further iterate on it once I start merging my new theme changes to my live site (it&rsquo;s on the back burner at the moment), and include some editorial conventions (i.e. written English) in the future.</p>
<h2 id="closing-tabs"><a href="#closing-tabs" class="h-anchor" title="Permalink to #Closing Tabs"></a>Closing Tabs</h2><p>One horrible habit I have is having a zillion tabs opened. I closed about 100 while writing this weeknote. Small win!</p>
<h2 id="deleting-old-accounts"><a href="#deleting-old-accounts" class="h-anchor" title="Permalink to #Deleting Old Accounts"></a>Deleting Old Accounts</h2><p>I went on an account deleting spree going through old entries in my password manager, trying to delete old accounts. It was either:</p>
<ol>
<li>Very simple; an option was there in the account settings page to delete your account.</li>
<li>Slightly annoying; no visible option to delete/terminate/close your account, but there are ways to reach out to customer service either with a chatbot (&ldquo;we&rsquo;ll get back to you&rdquo;), or an email.</li>
<li>Very difficult; no option seen anywhere or in the FAQ, no obvious email for customer service, maybe some form link offered in the privacy policy page (which I&rsquo;m not sure if I will get any response).</li>
</ol>
<p>Then there&rsquo;s the &ldquo;forgot password&rdquo; situation. Some of these accounts I have are inactivated due to lack of activity. It either tells me that I have to reset the password to enter, or if it just fails (without &ldquo;this account doesn&rsquo;t exist&rdquo; / &ldquo;there is no account under this email&rdquo; message), I will manually reset the password. But funnily enough, a few sites actually created a new account when I used the &ldquo;forgot password&rdquo; link. Madness.</p>
<h2 id="irl"><a href="#irl" class="h-anchor" title="Permalink to #IRL"></a>IRL</h2><p>I attended my first in-person tech event last weekend—<a href="https://hkoscon.org/2026/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Hong Kong Open Source Conference 2026</span></a>—and I&rsquo;m not sure what to think of it. The overall organization and logistics was underwhelming to say the very least, leaving a lot of space for improvement. I&rsquo;ll probably go into more detail in a dedicated post.</p>
<p>Looking forward to next week (well this week since this weeknote is getting fairly late again) as I start my first driving lesson in Hong Kong! 🚗</p>
<h2 id="link-roundup"><a href="#link-roundup" class="h-anchor" title="Permalink to #Link Roundup"></a>Link Roundup</h2><p>Here are some links I found interesting last week.</p>
<ul>
<li><a href="https://%e3%83%9e%e3%83%aa%e3%82%a6%e3%82%b9.com/build-your-own-decentralized-dropbox-with-syncthing/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Build Your Own Decentralized Dropbox with Syncthing | マリウス</span></a> — I personally love Syncthing.</li>
<li><a href="https://joaopedroalmeida.com/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">http://joaopedroalmeida.com/en/ | João Pedro Almeida</span></a> — A photographer&rsquo;s site.</li>
<li><a href="https://chriswiegman.com/2026/01/my-2026-hugo-workflow/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">My 2026 Hugo Workflow | Chris Wiegman</span></a> — I love reading other people&rsquo;s blogging workflow.</li>
<li><a href="https://brennan.day/a-thousand-cranes-why-i-write-every-day/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">A THOUSAND CRANES: Why I Write Every Day | Brennan</span></a> — Don&rsquo;t think I could write <em>every day</em>, but I should write more.</li>
<li><a href="https://adamj.eu/tech/2025/02/04/zsh-clear-mail-message/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Zsh: Clear The &ldquo;You Have Mail&rdquo; Message| Adam Johnson</span></a> — Last week I suddenly noticed this mail message in my terminal. It was so strange I&rsquo;ve never seen it before. Found out it was because of a cron job that failed!</li>
<li><a href="https://colorosetta.com/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">ColoRosetta: A color translation tool</span></a> — Cool tool to translate between different colour syntaxes by <a href="https://chipcullen.com/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Chip Cullen</span></a></li>
<li><a href="https://www.bryanbraun.com/poor-mans-styleguide/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Poor Man&rsquo;s Style Guide | Bryan Braun</span></a> — If you wanted a template to get started for your own style-guide page!</li>
<li><a href="https://blog.ppb1701.com/privacy-trust-safety-terms-apply" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Privacy. Trust. Safety. (Terms Apply.) | ByteHaven</span></a> — Apple&rsquo;s latest.</li>
<li><a href="https://www.goodinternetmagazine.com/why-i-email-complete-strangers/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Why I email complete strangers | Good Internet Magazine</span></a> — Nice post by <a href="https://zacharykai.net/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Zachary</span></a>.</li>
<li><a href="https://ploum.net/2023-08-01-splitting-the-web.html" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Splitting the Web | Ploum</span></a> — Just came across this older post but still very relevant in 2026.</li>
<li><a href="https://whatdoyousuggest.net/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">What do you suggest?</span></a> — Interesting page that auto-completes what you type like search engines, by <a href="https://elvery.net/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Simon</span></a>.</li>
<li><a href="https://www.goodinternetmagazine.com/important/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Good Internet - Important Announcement</span></a> — Sad to see this close. I wish the maintainer, Alexandra, all the best!</li>
</ul>

         <hr><p><i>[For up-to-date content, visit <a href="https://burgeonlab.com/">burgeonlab.com</a> directly (XML feeds don't fetch updates in real-time). For other feeds, visit the <a href='https://burgeonlab.com/subscribe/'>subscribe page</a>. Thanks for reading my weeknotes using a RSS reader!]</i></p>
        ]]></content></entry><entry><id>https://burgeonlab.com/weeknotes/2026/w22/</id><title type="html">Weeknote 2026-W22: Bitwarden Alternatives &amp;amp; Links Roundup</title><link href="https://burgeonlab.com/weeknotes/2026/w22/"/><published>2026-06-02T12:39:49+08:00</published><updated>2026-06-02T21:58:22+08:00</updated><author><name>Naty S</name><email>naty@eclecticpassions.net</email></author><link rel="enclosure" type="image/png" href="https://burgeonlab.com/images/wn-cover/029_2026_w22.png"/><summary type="html">Getting to meet Brennan, a blogger I followed for a long time via the IndieWeb, some new features on my site and considering leaving Bitwarden.</summary><content type="html"><![CDATA[<h2 id="indieweb-updates"><a href="#indieweb-updates" class="h-anchor" title="Permalink to #IndieWeb Updates"></a>IndieWeb Updates</h2><p>An IndieWeb blogger I followed for a long time, <a href="https://brennan.day" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Brennan</span></a>, followed me on Mastodon! What&rsquo;s even cooler was having him join the <a href="https://indieweb.org/events/2026-05-27-hwc-pacific" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Homebrew Website Club: Pacific</span></a> last week! His blog and writing are often mentioned in the <a href="https://indieweb.org/discuss" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">IndieWeb chats</span></a> and meetups. During the meeting he shared a useful IndieWeb checker/tool called <a href="https://scan.fyi/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Scan.fyi</span></a> and his homelab dashboard; <a href="https://brennan.cafe/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Brennan Café</span></a>.</p>
<article class="mastodon-toot h-entry">
            <div class="mastodon-toot__header noselect">
                <img class="mastodon-toot__avatar u-photo" src="https://cdn.fosstodon.org/accounts/avatars/110/631/569/439/879/798/original/63c2880c18d2bab3.jpg" alt="Naty S">
                <div class="mastodon-toot__author-meta">
                     <a href="https://fosstodon.org/@eclecticpassions"  target="_blank"
                        rel="noopener noreferrer"
                        class="mastodon-toot__handle p-name mastodon-helper-popup"
                        title="Open this profile in your Mastodon instance"><span>Naty S</span> @eclecticpassions@fosstodon.org</a><br>
                     <a href="https://fosstodon.org/@eclecticpassions/116646405764973915" class="mastodon-toot__time u-url dt-published" title="Open this post in the original Mastodon instance"  target="_blank"
                        rel="noopener noreferrer">2026-05-27, 11:55</a>
                </div>
                <a href="https://joinmastodon.org/servers"><span class="inline-svg">
</span></a>
            </div>
        <div class="mastodon-toot__content e-content p-content"><p>*Fan-girl moment* when one of your favourite bloggers follows you!! <span class="h-card"><a href="https://social.lol/@brennan" class="u-url mention">@<span>brennan</span></a></span> 🫶</p><p>Definitely check out Brennan&#39;s site if you haven&#39;t already! <a href="https://brennan.day/" target="_blank" rel="nofollow noopener"><span class="invisible">https://</span><span class="">brennan.day/</span><span class="invisible"></span></a></p><p><a href="https://fosstodon.org/tags/blogs" class="mention hashtag" rel="tag">#<span>blogs</span></a> <a href="https://fosstodon.org/tags/PersonalSites" class="mention hashtag" rel="tag">#<span>PersonalSites</span></a></p></div><div class="mastodon-toot__stats">

            <a href="https://fosstodon.org/@eclecticpassions/116646405764973915"
                title="Boost or reblog this post"
                target="_blank"
                rel="noopener noreferrer"
                class="mastodon-toot__stat-link">
                <span class="mastodon-toot__stat noselect">
                        <span><span class="inline-svg"></span></span>
                        <span class="mastodon-toot__stat-number">0</span>
                </span>
                </a>


                <a href="https://fosstodon.org/@eclecticpassions/116646405764973915"
                title="Favourite this post"
                target="_blank"
                rel="noopener noreferrer"
                class="mastodon-toot__stat-link">
                <span class="mastodon-toot__stat noselect">
                    <span><span class="inline-svg"></span></span>
                    <span class="mastodon-toot__stat-number">5</span>
                </span>
                </a>
                

            <a href="https://fosstodon.org/@eclecticpassions/116646405764973915"
            title="Leave a comment"
            target="_blank"
            rel="noopener noreferrer"
            class="mastodon-toot__stat-link">
            <span class="mastodon-toot__stat noselect">
            <span><span class="inline-svg"></span></span>
                    <span class="mastodon-toot__stat-number">1</span>
            </span>
            </a>

                </span>
            </div>
        </article>
<h2 id="website-updates"><a href="#website-updates" class="h-anchor" title="Permalink to #Website Updates"></a>Website Updates</h2><p>I added some new features to my site last week, like an improved <a href="/all/"><span class="ext-text">/⁠firehose</span></a>, a <a href="https://burgeonlab.com/#notes-stream"><span class="ext-text">new section</span></a> on the homepage for my latest <a href="https://burgeonlab.com/notes/"><span class="ext-text">Notes</span></a>, much improved coverage of Mastodon comments and syndication, and other bits and bobs you can read about in the <a href="https://burgeonlab.com/changelog/"><span class="ext-text">/⁠changelog</span></a>.</p>
<h2 id="in-progress"><a href="#in-progress" class="h-anchor" title="Permalink to #In Progress"></a>In Progress</h2><p>A new post about <a href="https://burgeonlab.com/tags/scripts/"><span class="ext-text"><em>another</em> script</span></a> I created is coming soon (I hope to write it while it&rsquo;s still fresh in my mind). It is to prevent any repeated accidental publishing of drafts which I mentioned <a href="/weeknotes/2026/w21/#hugo-draft-blunder"><span class="ext-text">last week</span></a>.</p>
<p>After a recent Bitwarden update, the macOS client is <a href="https://github.com/bitwarden/clients/issues/20802" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">completely unusable</span></a>&hellip; I am seriously reconsidering changing my password manager—it&rsquo;s a shame as I used to be a huge fan. KeePass is on the top of my Bitwarden <a href="https://alternativeto.net/software/bitwarden--free-password-manager/?license=opensource" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">alternative</span></a> list, but I need to do more research.</p>
<p>While reading about alternatives I came across &ldquo;<a href="https://%e3%83%9e%e3%83%aa%e3%82%a6%e3%82%b9.com/i-do-not-recommend-bitwarden/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">I Do Not Recommend Bitwarden</span></a>&rdquo;, from a personal site called <a href="https://%e3%83%9e%e3%83%aa%e3%82%a6%e3%82%b9.com/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">マリウス.com</span></a>. They have the content, layout, style/vibes I envisioned of having; minimal/brutalist with a hint of geek. I&rsquo;m not sure what their name is; maybe Marius? It&rsquo;s a really neat site—also built with Hugo—that&rsquo;s worth checking out.</p>
<h2 id="link-roundup"><a href="#link-roundup" class="h-anchor" title="Permalink to #Link Roundup"></a>Link Roundup</h2><p>I&rsquo;m a bit busy so it&rsquo;s a very short weeknote this week, but as usual, here are some links I found interesting last week.</p>
<ul>
<li><a href="https://chrisburnell.com/article/old-design-system-new-colors/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Can you teach an old design system new colours? | Chris Burnell</span></a></li>
<li><a href="https://www.spudart.org/blog/starting-a-digital-garden/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Thoughts on starting a digital garden | Spudart</span></a></li>
<li><a href="https://fpgmaas.com/blog/collapse-of-mkdocs/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">The Slow Collapse of MkDocs | Florian Maas</span></a></li>
<li><a href="https://shellsharks.com/you-should-blog" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Why I Blog. You Should Too! | Shellsharks</span></a></li>
<li><a href="https://www.danielcorin.com/posts/2026/why-write/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Thought Eddies | Daniel Corin</span></a></li>
<li><a href="https://blog.ppb1701.com/big-techs-war-on-users" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Big Tech&rsquo;s War on Users | ByteHaven</span></a></li>
<li><a href="https://flowerxu.ucsd.edu/garden/essays/why-digital-gardens/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Why I&rsquo;m Building a Digital Garden | Flower Xu</span></a></li>
<li><a href="https://github.com/gohugoio/hugo/releases/tag/v0.162.0" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Hugo Release v0.162.0 | Github</span></a></li>
</ul>
<h3 id="tools--services"><a href="#tools--services" class="h-anchor" title="Permalink to #Tools / Services"></a>Tools / Services</h3><ul>
<li><a href="https://docs.rs/minijinja/latest/minijinja/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Minijinja</span></a></li>
<li><a href="https://wiretext.app/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Wiretext</span></a></li>
</ul>

         <hr><p><i>[For up-to-date content, visit <a href="https://burgeonlab.com/">burgeonlab.com</a> directly (XML feeds don't fetch updates in real-time). For other feeds, visit the <a href='https://burgeonlab.com/subscribe/'>subscribe page</a>. Thanks for reading my weeknotes using a RSS reader!]</i></p>
        ]]></content></entry><entry><id>https://burgeonlab.com/weeknotes/2026/w21/</id><title type="html">Weeknote 2026-W21: Pokémon, Digital Garden &amp;amp; Bye WordPress</title><link href="https://burgeonlab.com/weeknotes/2026/w21/"/><published>2026-05-26T23:55:57+08:00</published><updated>2026-06-02T21:58:22+08:00</updated><author><name>Naty S</name><email>naty@eclecticpassions.net</email></author><link rel="enclosure" type="image/png" href="https://burgeonlab.com/images/wn-cover/028_2026_w21.png"/><summary type="html">Pokémon cards' value, accidentally published a Hugo draft post and decided to leave WordPress for a new SSG. Considering a digital garden for my secondary blog.</summary><content type="html"><![CDATA[<h2 id="in-real-life"><a href="#in-real-life" class="h-anchor" title="Permalink to #In Real Life"></a>In Real Life</h2><p>Last week I caught up with my college classmate for dinner. It was really lovely as it reminded me of all the good times in Ireland! One thing we chatted about was the recent rise of popularity (and value!) of Pokémon trading cards.</p>
<p>I grew up with Pokémon and 2026 is their 30th anniversary. I still remember my childhood bedroom is full of Pokémon; my bedsheets, posters, tees, stickers, physical toys, trading cards&hellip; the list goes on. Haven&rsquo;t looked at my card collection for over a decade—trying to find it now but no luck yet. It&rsquo;ll be awesome if it is worth some cash! My friend told me to sell them this year as the prices are quite high now.</p>
<h2 id="hugo-draft-blunder"><a href="#hugo-draft-blunder" class="h-anchor" title="Permalink to #Hugo Draft Blunder"></a>Hugo Draft Blunder</h2><p>So it finally happened to me—accidentally publishing draft content which got pushed to whoever subscribed to my <a href="https://burgeonlab.com/subscribe/"><span class="ext-text">XML feeds</span></a>. It was live for 3+ hours and I only realized because my friend, told me about it (thanks <a href="https://chrisburnell.com/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Chris</span></a>!) Luckily it was just a draft of an /elsewhere page I&rsquo;m working on that has some links. I&rsquo;d feel much worse if it was like messy bullet points and random pre-post notes!</p>
<p>It was caused by me highlighting an extra line in the front matter when editing one of the parameters. I deleted the line that says <code>draft = true</code> while editing the line above without realizing it. Hugo will build all content that doesn&rsquo;t have <code>draft = true</code>. This means content with <code>draft = false</code> or no <code>draft</code> parameter will be built.</p>
<p>I don&rsquo;t write my drafts in a separate section / directory, so I&rsquo;m completely reliant on the <code>draft = true</code> line in the front matter. While researching how to prevent this from happening, I came across a guide by Zachary on <a href="https://zwbetz.com/discreet-drafts-in-hugo/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Discreet Drafts in Hugo</span></a>. It is not exactly relevant to my scenario but useful for those interesting in managing drafts better in Hugo. This <a href="https://zwbetz.com/discreet-drafts-in-hugo/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Discourse post</span></a> is more relevant, but I don&rsquo;t think it will work on my drafts in different sections, e.g. pages or posts.</p>
<p>An idea I have to fix my issue is to add a pre-deploy check in the build / CI process. If there is no <code>draft</code> parameter (or a typo that is not <code>true</code> or <code>false</code>) in between the <code>+++</code> front matter delimiters, then treat the content as <code>draft = true</code> by default.</p>
<p>I&rsquo;m not good with <a href="https://stackoverflow.com/questions/1632113/what-is-the-difference-between-sed-and-awk" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">sed/awk</span></a> so it might take a bit of tweaking or help from <code>Qwen</code>. It should be well worth the time because I really don&rsquo;t like the idea of having this happen a second time.</p>
<h2 id="converting-wordpress-content-to-markdown"><a href="#converting-wordpress-content-to-markdown" class="h-anchor" title="Permalink to #Converting WordPress Content to Markdown"></a>Converting WordPress Content to Markdown</h2><p>I&rsquo;m starting to extract the content from my secondary blog <em>EclecticPassion.net</em> to Markdown. It&rsquo;s messy but necessary—I&rsquo;ve made the decision to stop using WordPress and that includes forks like <a href="https://www.classicpress.net/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">ClassicPress</span></a> going forward. The latest <a href="https://wordpress.org/news/2026/05/armstrong/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">v7.0</span></a> made the decision rather quick when it started pushing <a href="https://burgeonlab.com/notes/2026/0524-175213/"><span class="ext-text">&ldquo;AI Features&rdquo;</span></a>.</p>
<p>After converting one post manually, I knew there had to be a better way.<a href="https://github.com/lonekorean/wordpress-export-to-markdown" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Wordpress-export-to-markdown</span></a> is probably one worth trying. A quick way would be to use online tools—I came across one from <a href="https://brettterpstra.com/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Brett Terpstra</span></a> (I used his app, nvALT 2, a long time ago) called <a href="https://heckyesmarkdown.com" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Heck Yes Markdown</span></a>.</p>
<p>I&rsquo;m trying out a new SSG actually to see if it&rsquo;s a viable backend of my secondary blog&hellip; more about it soon!</p>
<h2 id="fresh-tech-finds"><a href="#fresh-tech-finds" class="h-anchor" title="Permalink to #Fresh Tech Finds"></a>Fresh Tech Finds</h2><p><strong>Legend:</strong> 🧪 Experimenting | 📌 Bookmarked | 💛 Liked</p>
<ul>
<li>💛 <a href="https://github.com/decaporg/decap-cms" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Decap CMS</span></a> — While I have grown to like the non-CMS way of managing my blog (i.e. in the IDE), sometimes I do miss having a simple user interface. I don&rsquo;t think I&rsquo;ll try this but I like the idea of it.</li>
<li>📌 <a href="https://github.com/importantimport/hatsu" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Hatsu: Self-hosted ActivityPub Bridge for Static Sites</span></a> — This tool intrigues me! I currently have this Hugo blog syndicating content to Mastodon semi-automatically with Indiekit (short-form content)and also manually when I post new long-form content. A proper ActivityPub bridge will be very cool indeed; but I have no idea if I&rsquo;m capable, technically, of implementing it!</li>
</ul>
<h2 id="new-content-you-may-have-missed"><a href="#new-content-you-may-have-missed" class="h-anchor" title="Permalink to #New Content You May Have Missed"></a>New Content You May Have Missed</h2><p>Last week I published a <a href="https://burgeonlab.com/blog/url2md-how-to-batch-convert-url-links-to-markdown-links/"><span class="ext-text">new post about a Python script</span></a> that converts a list of URLs into a Markdown list of links, with title and site/author name auto fetched. It&rsquo;s not foolproof but makes my weekly Link Roundups way simpler!</p>
<p>And while working on said post, I decided to start a new <a href="https://codeberg.org/burgeonlab/gists" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Gist repo on Codeberg</span></a>. It&rsquo;s still at its infancy, but I thought I&rsquo;d go ahead and start it because it&rsquo;s been on my mind for a while. I ended up learning how to <a href="https://burgeonlab.com/notes/2026/0523-105727/"><span class="ext-text">sign Git commits with SSH</span></a> too!</p>
<h2 id="link-roundup"><a href="#link-roundup" class="h-anchor" title="Permalink to #Link Roundup"></a>Link Roundup</h2><p>Here are some links I found interesting last week.</p>
<ul>
<li><a href="https://github.com/MaggieAppleton/digital-gardeners" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Digital Gardeners | Maggie Appleton</span></a> — Great resource for those interested in maintaining a digital note garden.</li>
<li><a href="https://boffosocko.com/2021/07/03/differentiating-online-variations-of-the-commonplace-book-digital-gardens-wikis-zettlekasten-waste-books-florilegia-and-second-brains/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Differentiating online variations of the Commonplace Book | Chris Aldrich</span></a> — I&rsquo;m investigating if I should start a digital garden&hellip; This post by Chris is very detailed and explores all the possible variations of the idea.</li>
<li><a href="https://joelhooks.com/digital-garden" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">My blog is a digital garden, not a blog | Joel Hooks</span></a> — Another post about it.</li>
<li><a href="https://www.nationalgeographic.com/science/article/science-right-way-to-cook-pasta" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Scientists go on a quest for the ‘right’ way to cook pasta | National Geographic</span></a> — <a href="https://buttondown.com/jeremycherfas/archive/etn-303-rationality-rampant/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Jeremy</span></a> is an IndieWeb blogger I follow. In his latest newsletter he has a section about cooking pasta. I never knew there&rsquo;s a so many scientific discussions about making pasta! I always thought it was a waste of water actually; which is why I often cook it with less water than suggested. But alas, I&rsquo;m more of a rice person!</li>
<li><a href="https://aftermath.site/japan-overtourism-social-meida-tiktok-instagram/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Japan&rsquo;s Tourism Troubles Are Being Fuelled By Social Media Assholes | Aftermath</span></a> — I had similar experiences when visiting Osaka last year. It was quite obnoxious and I feel bad for the locals. Social media has really created a new species of toxic travellers who are there <em>only</em> to capture <em>that</em> video or photo without any care about others around them or the environment. The situation is rampant in Hong Kong too. Travelling used to be fun and rewarding, exploring a place without much guidance and in peace.</li>
<li><a href="https://s3lph.me/activitypub-static-site.html" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">How much ActivityPub can a Static Site Generator implement? | s3lph made</span></a> — For those interested in learning more about ActivityPub / Fediverse.</li>
<li><a href="https://maho.dev/2024/02/a-guide-to-implement-activitypub-in-a-static-site-or-any-website/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">A guide to implement ActivityPub in a static site (or any website) | Maho Pacheco</span></a> — Multi-part series that I&rsquo;m bookmarking. It is getting a bit outdated though&hellip;</li>
</ul>

         <hr><p><i>[For up-to-date content, visit <a href="https://burgeonlab.com/">burgeonlab.com</a> directly (XML feeds don't fetch updates in real-time). For other feeds, visit the <a href='https://burgeonlab.com/subscribe/'>subscribe page</a>. Thanks for reading my weeknotes using a RSS reader!]</i></p>
        ]]></content></entry><entry><id>https://burgeonlab.com/weeknotes/2026/w20/</id><title type="html">Weeknote 2026-W20: Email Migration, Resumes &amp;amp; Android Apps</title><link href="https://burgeonlab.com/weeknotes/2026/w20/"/><published>2026-05-17T23:17:00+08:00</published><updated>2026-06-02T21:58:22+08:00</updated><author><name>Naty S</name><email>naty@eclecticpassions.net</email></author><link rel="enclosure" type="image/png" href="https://burgeonlab.com/images/wn-cover/027_2026_w20.png"/><summary type="html">Switching email providers (Tuta to Mailbox.org) meant setting up DNS and using new Android apps. Bitwarden is changing? Trying to update my CV with new tools.</summary><content type="html"><![CDATA[<h2 id="in-progress"><a href="#in-progress" class="h-anchor" title="Permalink to #In Progress"></a>In Progress</h2><ul>
<li>I&rsquo;m officially migrating over from Tuta to Mailbox.org! I&rsquo;ve paid for a year of the Standard tier (€30 annually). Hope the experience will be an upgrade from Tuta. It took roughly 18 hours for the new DNS rules to propagate for my custom domain to work at Mailbox.org (patience is key!)
<ul>
<li>I&rsquo;ve already migrated my calendar and contacts over, just pending the export of emails at Tuta—I vaguely remember it is not that straight forward due to the encryption, but I may be misremembering.</li>
<li><a href="https://mxtoolbox.com/SuperTool.aspx" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">MXToolbox</span></a> was useful while setting the custom domain, and also <code>dig</code> (<a href="https://linux.die.net/man/1/dig" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">dig man page</span></a>).</li>
</ul>
</li>
<li>Last week, I decided to update my CV. As someone with a career gap, I am finding it difficult to justify the situation&hellip; I never used (and don&rsquo;t want to start using) LinkedIn, but it seems every recruiter expects it.
<ul>
<li>I&rsquo;ve always done my CV manually, but I am testing out this modern resume builder called <a href="https://github.com/amruthpillai/reactive-resume" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Reactive Resume</span></a>. The layout and UI seems quite user-friendly, but not sure if it&rsquo;s any good yet. I also might give <a href="https://github.com/typst/typst" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Typst</span></a> a try—there are a lot of existing <a href="https://typst.app/universe/search/?category=cv" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">CV templates</span></a>.</li>
</ul>
</li>
</ul>
<h2 id="fresh-tech-finds"><a href="#fresh-tech-finds" class="h-anchor" title="Permalink to #Fresh Tech Finds"></a>Fresh Tech Finds</h2><p>Haven&rsquo;t done one of these <a href="/weeknotes/2026/w14/#fresh-tech-finds"><span class="ext-text">for a while</span></a>. This week is an Android edition.</p>
<p><strong>Legend:</strong> 🧪 Experimenting now | 📌 To-try list</p>
<ul>
<li>🧪 <a href="https://github.com/bitfireAT/davx5-ose" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">DAVx⁵</span></a> and <a href="https://github.com/bitfireAT/icsx5" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">ICSx⁵</span></a> — Mailbox.org uses CalDAV, WebCal, CardDAV for contacts and calendar. These two indispensable apps provide the bridge between the provider (Mailbox.org in my case) and the Android calendar / contact app.</li>
<li>🧪 <a href="https://github.com/Etar-Group/Etar-Calendar" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Etar</span></a> — A great FOSS calendar which I have used before for local calendars. Now I&rsquo;m using it full-time. It automatically picked up the calendars from Mailbox.org without intervention via DAVx⁵. The Etar widget is a million times better than Tuta&rsquo;s implementation (it was technically not usable as half the time it wouldn&rsquo;t load/not synced/required manual updating).</li>
<li>🧪 <a href="https://github.com/rajivm1991/DroidDock" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">DroidDock</span></a> — I used to use <a href="https://github.com/ganeshrvel/openmtp" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">OpenMTP</span></a> but that has stopped working on Sequoia 15.7.5 with my Nothing Phone 3a (Android 15). DroidDock is an alternative that works! It requires installing ADB (Android Debug Bridge), <code>brew install android-platform-tools</code> and on my phone, instead of selecting <code>File Transfer</code> in the &ldquo;Use USB for&rdquo; list, select PTP.
<ul>
<li>So far, it looks to be less buggy than OpenMTP; I&rsquo;m so happy there&rsquo;s a similar alternative. I do not want to go back to using Android File Transfer (oh it&rsquo;s actually <a href="https://9to5google.com/2024/02/16/android-file-transfer-mac-hidden/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">no longer available since 2024</span></a>).</li>
<li>If you don&rsquo;t need a GUI, I found a <a href="https://www.webniraj.com/2025/08/07/copying-new-files-from-android-to-mac-using-adb/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">post from WebNiraj</span></a> that uses a <a href="https://gist.githubusercontent.com/niraj-shah/6ce7f04fa318728e771f7289f98d9a7c/raw/b3c344c77261bafd4c03870166c9aa09a73cfed5/adb_copy.sh" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">script</span></a> to <code>adb pull</code>files from the device to destination that ignores existing files making it less time-consuming.</li>
</ul>
</li>
<li>📌 <a href="https://github.com/aliasvault/aliasvault" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">AliasVault</span></a> — If you read the post about Bitwarden in the Link Roundup below, this might be of interest. I haven&rsquo;t checked it out yet; I came across it in the <a href="https://discuss.privacyguides.net/latest" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Privacy Guide forums</span></a>.</li>
</ul>
<h2 id="link-roundup"><a href="#link-roundup" class="h-anchor" title="Permalink to #Link Roundup"></a>Link Roundup</h2><p>Here are some links I found interesting last week.</p>
<ul>
<li>
<p><a href="https://blog.ppb1701.com/the-quiet-renovation-at-bitwarden" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">The Quiet Renovation at Bitwarden | ByteHaven</span></a> — Quite an important read for anyone using Bitwarden. It is a shame that enshittification is coming.</p>
</li>
<li>
<p><a href="https://www.citationneeded.news/free-and-open-access-in-the-age-of-generative-ai/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">“Wait, not like that”: Free and open access in the age of generative AI | Molly White</span></a> — A great read by Molly (who inspired me to become a Wikipedian).</p>
</li>
<li>
<p><a href="https://racedorsey.com/posts/2024/jupyter-notebook-hugo/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Using Jupyter Notebooks with Hugo | Race Dorsey</span></a> — I was reading about how to improve my code-heavy articles and how to present them better. Still haven&rsquo;t decided on how to host my code snippets though.</p>
</li>
<li>
<p><a href="https://time.com/article/2026/05/07/how-to-fix-the-internet/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">How to Fix the Internet | Time</span></a> — Pertinent post in today&rsquo;s world by <a href="https://www.hankgreen.com/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Hank Green</span></a>.</p>
</li>
<li>
<p><a href="https://gameoftrees.org/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Game of Trees</span></a> — <a href="https://dalliard.ch/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Nathanael</span></a> introduced me to a new version control software I wasn&rsquo;t aware of. I only knew of Git and Mercurial.</p>
</li>
<li>
<p><a href="https://chrisburnell.com/clamp-calculator/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">clamp() Calculator | Chris Burnell</span></a> — Chris is really into CSS, he has this cool calculator tool on his site that helps calculate clamp values! He also told me about <a href="https://utopia.fyi/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Utopia</span></a>.</p>
</li>
<li>
<p><a href="https://mitchellh.com/writing/ghostty-non-profit" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Ghostty Is Now Non-Profit | Mitchel LH</span></a> — I don&rsquo;t use Ghostty, but I am always happy to read FOSS becoming a non-profit. My favourite D2 Lang project is also going to the same non-profit.</p>
</li>
<li>
<p><a href="https://jola.dev/posts/running-local-models-on-m4" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Running local models on an M4 with 24GB memory | Jola.dev</span></a> — While I am against AI slop culture, I do find some use of LLMs when self-learning tech stuff and experimenting by trial and error.</p>
<ul>
<li>I don&rsquo;t like the notion of using cloud models in regard to privacy and environmental factors, so I only have experience with using local models available on Ollama. My 2020 M1 Mac Mini has the max. 16GB RAM, which is a limiting factor. When I next upgrade my computer, I hope to get at least 32/48GB (if I can even afford it then&hellip;)</li>
</ul>
</li>
<li>
<p><a href="https://unwiredlearning.com/blog/css-animation-performance" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">CSS Animation Performance: GPU Transforms &amp; will-change | Unwired Learning</span></a> — At the last <a href="https://indieweb.org/events/2026-05-13-hwc-pacific" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Homebrew Website Club: Pacific</span></a>, after <a href="https://tantek.com/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Tantek</span></a> shared his new arrow Unicode symbol for his links, I thought I&rsquo;d share my SVG external link icon; but instead, my link hover underline animation became the highlight.</p>
<ul>
<li>I have messed with it in the past a few times, right now, it&rsquo;s the version that doesn&rsquo;t affect page performance. My CSS is all over the place and I really hope I can get to it soon (have been bogged down by other life stuff). Anyway, this post explains how it all works behind the scenes.</li>
<li>Shout-out to <a href="https://artlung.com/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Joe</span></a> who explained how my CSS actually works and to <a href="https://pcarrier.com/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Pierre</span></a> for demoing how to fix the limitation of not being to show the underline animation for wrapped text.</li>
</ul>
</li>
<li>
<p>And three more links about the recent security vulnerabilities&hellip;</p>
<ul>
<li><a href="https://www.theregister.com/cyber-crime/2026/05/12/cache-poisoning-caper-turns-tanstack-npm-packages-toxic/5238650" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Cache-poisoning caper turns TanStack npm packages toxic | The Register</span></a></li>
<li><a href="https://techlore.tech/three-linux-exploits-palantir-20m-person-database-and-androids-good-bad-week-surveimay-13/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Three Linux Exploits, ICE&rsquo;s 20M | Techlore</span></a></li>
<li><a href="https://thecodersblog.com/grapheneos-addresses-android-vpn-leak-2026/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">GrapheneOS: Fixing Android&rsquo;s VPN Vulnerabilities | The Coders Blog</span></a></li>
</ul>
</li>
</ul>

         <hr><p><i>[For up-to-date content, visit <a href="https://burgeonlab.com/">burgeonlab.com</a> directly (XML feeds don't fetch updates in real-time). For other feeds, visit the <a href='https://burgeonlab.com/subscribe/'>subscribe page</a>. Thanks for reading my weeknotes using a RSS reader!]</i></p>
        ]]></content></entry><entry><id>https://burgeonlab.com/weeknotes/2026/w19/</id><title type="html">Weeknote 2026-W19: Catching Up, Git &amp;amp; Double Link Roundup</title><link href="https://burgeonlab.com/weeknotes/2026/w19/"/><published>2026-05-11T22:10:05+08:00</published><updated>2026-06-02T21:58:22+08:00</updated><author><name>Naty S</name><email>naty@eclecticpassions.net</email></author><link rel="enclosure" type="image/png" href="https://burgeonlab.com/images/wn-cover/026_2026_w19.png"/><summary type="html">Catching up on the /changelog page, trying to learn more Git to fix my Git mistakes, Mother's Day, and XL link roundup for missing last week's weeknote.</summary><content type="html"><![CDATA[<p>Weeknotes is back! Was busy and got bogged down by life in general last week, which meant I had to skip a week&hellip; Hope everyone is doing well.</p>
<h2 id="completed"><a href="#completed" class="h-anchor" title="Permalink to #Completed"></a>Completed</h2><ul>
<li>Finally caught up with my <a href="https://burgeonlab.com/changelog/"><span class="ext-text">/⁠changelog</span></a> page. I haven&rsquo;t updated it since February as I was busy working on the redesign branch; which I haven&rsquo;t touched for two months!
<ul>
<li>Made some stylistic improvements to the changelog—the subheadings have a much smaller font-size now to improve readability (using a custom class name).</li>
<li>The latest updates are code block styles (which I am quite pleased about, see it in the <a href="/blog/feather-wiki-brain-dump-app/#feather-wiki-helper-script"><span class="ext-text">last post with code</span></a>) and minor changes to the top of my home page.</li>
<li>While working on the floating element (profile picture) I had trouble getting the heading below the picture to align properly to the left. Apparently, I needed to <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Properties/clear" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">&ldquo;clear&rdquo; the float</span></a>!</li>
</ul>
</li>
<li>Two major Linux CVEs last week, CopyFail and DirtyFrag. The Raspberry Pi <a href="https://forums.raspberrypi.com/viewtopic.php?p=2374248&amp;" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">kernel</span></a> still isn&rsquo;t patched yet. Luckily the mitigations for both vulnerabilities was not that difficult.
<ul>
<li>I found the articles and instructions by Sam James quite easy to understand (<a href="https://www.samdjames.uk/docs/platforms/magento/security/copy-fail-cve-2026-31431/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">CopyFail</span></a> and <a href="https://www.samdjames.uk/docs/platforms/magento/security/dirtyfrag-copy-fail-2/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">DirtyFrag</span></a>).</li>
</ul>
</li>
<li>Published a new technical post last week about my Feather Wiki usage. I seemed to be quite a popular post and I even got to connect with <a href="https://wheretofind.me/@Robbie" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Robbie</span></a> (the dev behind the project) for a bit which was really cool. He also merged my PR of the pt-PT translation (with the help of Randal)!</li>
</ul>
<article class="mastodon-toot h-entry">
            <div class="mastodon-toot__header noselect">
                <img class="mastodon-toot__avatar u-photo" src="https://cdn.fosstodon.org/accounts/avatars/110/631/569/439/879/798/original/63c2880c18d2bab3.jpg" alt="Naty S">
                <div class="mastodon-toot__author-meta">
                     <a href="https://fosstodon.org/@eclecticpassions"  target="_blank"
                        rel="noopener noreferrer"
                        class="mastodon-toot__handle p-name mastodon-helper-popup"
                        title="Open this profile in your Mastodon instance"><span>Naty S</span> @eclecticpassions@fosstodon.org</a><br>
                     <a href="https://fosstodon.org/@eclecticpassions/116515042248053564" class="mastodon-toot__time u-url dt-published" title="Open this post in the original Mastodon instance"  target="_blank"
                        rel="noopener noreferrer">2026-05-04, 07:07</a>
                </div>
                <a href="https://joinmastodon.org/servers"><span class="inline-svg">
</span></a>
            </div>
        <div class="mastodon-toot__content e-content p-content"><p>New <a href="https://fosstodon.org/tags/blog" class="mention hashtag" rel="tag">#<span>blog</span></a> on <a href="https://fosstodon.org/tags/BurgeonLab" class="mention hashtag" rel="tag">#<span>BurgeonLab</span></a> ✍️ </p><p>➡️ <a href="https://burgeonlab.com/blog/feather-wiki-brain-dump-app/" target="_blank" rel="nofollow noopener"><span class="invisible">https://</span><span class="ellipsis">burgeonlab.com/blog/feather-wi</span><span class="invisible">ki-brain-dump-app/</span></a></p><p>I wrote about a new app I&#39;m using and my note-taking setup! It&#39;s a tool used for non-linear notebooks and <a href="https://fosstodon.org/tags/wikis" class="mention hashtag" rel="tag">#<span>wikis</span></a> called Feather Wiki <span class="h-card"><a href="https://floss.social/@FeatherWiki" class="u-url mention">@<span>FeatherWiki</span></a></span>.</p><p>This is post 38 of <a href="https://fosstodon.org/tags/100DaysToOffload" class="mention hashtag" rel="tag">#<span>100DaysToOffload</span></a><br />📈 <a href="https://burgeonlab.com/tags/100daystooffload/" target="_blank" rel="nofollow noopener"><span class="invisible">https://</span><span class="ellipsis">burgeonlab.com/tags/100daystoo</span><span class="invisible">ffload/</span></a></p><p><span class="h-card"><a href="https://a.gup.pe/u/tiddlywiki" class="u-url mention">@<span>tiddlywiki@a.gup.pe</span></a></span> <span class="h-card"><a href="https://fosstodon.org/@TiddlyWiki" class="u-url mention">@<span>TiddlyWiki</span></a></span></p><p><a href="https://fosstodon.org/tags/blogging" class="mention hashtag" rel="tag">#<span>blogging</span></a> <a href="https://fosstodon.org/tags/blogs" class="mention hashtag" rel="tag">#<span>blogs</span></a> <a href="https://fosstodon.org/tags/guides" class="mention hashtag" rel="tag">#<span>guides</span></a> <a href="https://fosstodon.org/tags/newpost" class="mention hashtag" rel="tag">#<span>newpost</span></a> <a href="https://fosstodon.org/tags/blogpost" class="mention hashtag" rel="tag">#<span>blogpost</span></a> <a href="https://fosstodon.org/tags/smolweb" class="mention hashtag" rel="tag">#<span>smolweb</span></a> <a href="https://fosstodon.org/tags/techblog" class="mention hashtag" rel="tag">#<span>techblog</span></a> <a href="https://fosstodon.org/tags/techguides" class="mention hashtag" rel="tag">#<span>techguides</span></a> <a href="https://fosstodon.org/tags/termux" class="mention hashtag" rel="tag">#<span>termux</span></a> <a href="https://fosstodon.org/tags/android" class="mention hashtag" rel="tag">#<span>android</span></a> <a href="https://fosstodon.org/tags/obsidian" class="mention hashtag" rel="tag">#<span>obsidian</span></a> <a href="https://fosstodon.org/tags/pkm" class="mention hashtag" rel="tag">#<span>pkm</span></a> <a href="https://fosstodon.org/tags/syncthing" class="mention hashtag" rel="tag">#<span>syncthing</span></a> <a href="https://fosstodon.org/tags/httpd" class="mention hashtag" rel="tag">#<span>httpd</span></a> <a href="https://fosstodon.org/tags/busybox" class="mention hashtag" rel="tag">#<span>busybox</span></a> <a href="https://fosstodon.org/tags/braindump" class="mention hashtag" rel="tag">#<span>braindump</span></a> <a href="https://fosstodon.org/tags/privacy" class="mention hashtag" rel="tag">#<span>privacy</span></a> <a href="https://fosstodon.org/tags/wiki" class="mention hashtag" rel="tag">#<span>wiki</span></a> <a href="https://fosstodon.org/tags/featherwiki" class="mention hashtag" rel="tag">#<span>featherwiki</span></a> <a href="https://fosstodon.org/tags/tiddlywiki" class="mention hashtag" rel="tag">#<span>tiddlywiki</span></a> <a href="https://fosstodon.org/tags/selfhosting" class="mention hashtag" rel="tag">#<span>selfhosting</span></a></p></div><a href="https://burgeonlab.com/blog/feather-wiki-brain-dump-app/" class="mastodon-toot__card">
        <img src="" alt="">
        <div class="mastodon-toot__card-body">
            <div class="mastodon-toot__card-title">How I Use Feather Wiki as a Private Brain Dump Tool</div>
            <p class="mastodon-toot__card-desc">Discover Feather Wiki, a FOSS lightweight and customizable personal private web notebook, with multi-device sync via Syncthing and Android support using Termux.</p>
        </div>
        </a><div class="mastodon-toot__stats">

            <a href="https://fosstodon.org/@eclecticpassions/116515042248053564"
                title="Boost or reblog this post"
                target="_blank"
                rel="noopener noreferrer"
                class="mastodon-toot__stat-link">
                <span class="mastodon-toot__stat noselect">
                        <span><span class="inline-svg"></span></span>
                        <span class="mastodon-toot__stat-number">7</span>
                </span>
                </a>


                <a href="https://fosstodon.org/@eclecticpassions/116515042248053564"
                title="Favourite this post"
                target="_blank"
                rel="noopener noreferrer"
                class="mastodon-toot__stat-link">
                <span class="mastodon-toot__stat noselect">
                    <span><span class="inline-svg"></span></span>
                    <span class="mastodon-toot__stat-number">18</span>
                </span>
                </a>
                

            <a href="https://fosstodon.org/@eclecticpassions/116515042248053564"
            title="Leave a comment"
            target="_blank"
            rel="noopener noreferrer"
            class="mastodon-toot__stat-link">
            <span class="mastodon-toot__stat noselect">
            <span><span class="inline-svg"></span></span>
                    <span class="mastodon-toot__stat-number">3</span>
            </span>
            </a>

                </span>
            </div>
        </article>
<h2 id="in-progress"><a href="#in-progress" class="h-anchor" title="Permalink to #In Progress"></a>In Progress</h2><ul>
<li>My Tuta account is due for renewal next month. I&rsquo;m thinking of migrating after being with them for a couple of years because the Android apps are still quite sluggish, and I am not getting notifications reliably for some reason despite usual troubleshooting. Inability to use third-party email clients and lack of PGP/GPG support is making me consider alternatives. I&rsquo;m looking at <a href="https://mailbox.org/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">mailbox.org</span></a> currently.</li>
<li>Talking about my blog redesign, I made a big mistake of writing too many commits on this new branch when I began—new features, design changes, style updates. Being the Git newbie that I still am, I failed to do small feature branches to keep things tidy so I could merge/rebase back to Main bit by bit.
<ul>
<li>Instead of doing a huge merge/rebase now (there will be so many conflicts that I&rsquo;m not confident of fixing), I am trying to learn how to use interactive rebase and cherry-pick. But I still need to understand more before I begin the &ldquo;surgery&rdquo; to fix the Git mess I&rsquo;ve created!</li>
<li>I think I&rsquo;m leaning towards making small feature-branches from my current Main branch HEAD, then cherry-picking (with <code>-x</code>) the relevant commits from Redesign branch, ± squash if necessary, merge/rebase into Main.</li>
<li>To see what remaining unpicked commits, something like this can be run (I think?): <code>git log redesign-branch ^main --oneline</code> which can help track my progress.</li>
<li>Still uncertain if rebase or merge is cleaner in the long run for a single user project&hellip; leaning towards rebasing for a cleaner history.</li>
</ul>
</li>
<li>My M1 Mac Mini (2020) started crashing the Dictionary app (<a href="https://burgeonlab.com/notes/2026/0507-91551/"><span class="ext-text">I go into more details here</span></a>). Adam (from <a href="https://www.adamsdesk.com/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Adam&rsquo;s Desk</span></a>) kindly sent over a few extra troubleshooting links like this <a href="https://discussions.apple.com/thread/256087204" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Apple Discussions thread</span></a> about the <code>xattr</code>error message I also have. I think a reinstallation of the system is required&hellip;</li>
</ul>
<h2 id="mothers-day"><a href="#mothers-day" class="h-anchor" title="Permalink to #Mother&amp;rsquo;s Day"></a>Mother&rsquo;s Day</h2><p>I am lucky to still have my mom with me. We did her favourite things today and celebrated Mother&rsquo;s Day together. I want to take this moment to express my gratitude for everything she&rsquo;s done and sacrificed for me, in order to give me the best of everything. She&rsquo;s the best—my constant supporter, teacher of many things, and my rock. To all mothers out there, including my awesome mom, I hope you feel appreciated, celebrated, and loved as you deserve to be; every single day.</p>
<h2 id="link-roundup"><a href="#link-roundup" class="h-anchor" title="Permalink to #Link Roundup"></a>Link Roundup</h2><p>Here are some links I found interesting in the last two weeks.</p>
<h3 id="small-web"><a href="#small-web" class="h-anchor" title="Permalink to #Small Web"></a>Small Web</h3><ul>
<li><a href="https://robertbirming.com/start-writing/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Start writing | Robert Birming</span></a> — I should learn from Robert.</li>
<li><a href="https://projects.kwon.nyc/internet-is-fun/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">The internet used to be fun | Kwon</span></a> — Found this great post by Kwon that is a directory of articles that cover the question <em>&ldquo;Why have a personal website?&rdquo;</em> Definitely worth checking out.</li>
<li><a href="https://jamesg.blog/2026/04/30/indiewebcamp-dusseldorf-2026" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">IndieWebCamp Düsseldorf 2026 | James</span></a> — I have been busy and unfortunately still haven&rsquo;t written up my summary/thought post on IWC: DUS 2026, but check out James&rsquo;s post if you want to see what he did!</li>
<li><a href="https://rowanmanning.com/posts/webmentions-for-your-static-site/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Webmentions for your Static Site | Rowan Manning</span></a> — One day, I want to have a page or section on my site to show who and what was mentioned from my site. I tried manually including some in a weeknote a few weeks ago but I realized a problem—if I set up auto webmention sending one day, that will result in duplicate/looped mentions which I don&rsquo;t want.
<ul>
<li>The <a href="https://rowanmanning.com/posts/webmentions-for-your-static-site/#storing-webmentions" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">webmention storage</span></a> part is what confused me when I first got into all this. I should investigate this more thoroughly&hellip;</li>
</ul>
</li>
<li><a href="https://paultibbetts.uk/indieweb-directories/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">IndieWeb Directories | Paul Tibbetts</span></a> — A great resource by Paul on where to find good Internet content.</li>
<li><a href="https://angeliqueweger.com/blog/2022/unfriending-fb-instagram/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Unfriending Facebook, Instagram and Goodreads | Angelique Weger</span></a> — An older article but still stands.</li>
<li><a href="https://speed.surf.social/feed/surf%2Fcustom%2F01jjn11p8gxpa1k245x8xhdg0f" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Speed! Formula 1 Feed | Tekphloyd</span></a> — I follow @tekphloyd on Mastodon and recently found out he&rsquo;s into F1 like me! He has this feed all about F1, and it&rsquo;s quite nice to get all the news during race weekends in one central place. It&rsquo;s created using <a href="https://surf.social/discover" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">surf.social</span></a>, which allows users to combine various sources into one feed.</li>
<li><a href="https://corianderinpho.com/2026/05/11/journaling-slump/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Journaling Slump | Coriander in Pho</span></a> — I used to have slumps in journalling too (also used the Hobonichi). Unused pages ended being &ldquo;date free&rdquo; note pages or mental scratch pads for the day, so I never felt like I &ldquo;wasted&rdquo; pages.</li>
<li><a href="https://shellsharks.com/scrolls/scroll/2026-05-08" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Scroll quadrāgintā | Shellsharks</span></a> — Mike has gathered a group of female Fediverse and IndieWeb authors and creators for last week&rsquo;s Scrolls newsletter. I am honoured to be included, and this is certainly appreciated as the gender skew on the blogs I follow is quite severe!</li>
</ul>
<h3 id="corporate"><a href="#corporate" class="h-anchor" title="Permalink to #Corporate"></a>Corporate</h3><ul>
<li><a href="https://www.forbes.com/sites/joetoscano1/2026/03/06/google-just-patented-the-end-of-your-website/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Google Just Patented The End Of Your Website | Forbes</span></a> — What a horrible time it is for Internet users. I suggest using <a href="https://alternativeto.net/software/google-search/?license=opensource" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">alternative search engines</span></a>.</li>
<li><a href="https://www.404media.co/sxsw-used-ai-powered-trademark-tool-to-censor-dissent-on-instagram/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">SXSW Used AI-Powered Trademark Tool To Censor Dissent on Instagram | 404 Media</span></a> — Another example of censorship on the rotten platform that is Instagram.</li>
<li><a href="https://alternativeto.net/news/2026/5/ask-com-aka-ask-jeeves-has-officially-shut-down-after-nearly-30-years-online/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Ask.com, aka Ask Jeeves, has officially shut down after nearly 30 years online | AlternativeTo</span></a> — Wow, an end of an era&hellip; still remember using it as a kid.</li>
<li><a href="https://xint.io/blog/copy-fail-linux-distributions" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Copy Fail | xint.io</span></a> — I took the chance to update my Macbook Air 2012 running Linux Mint from 21.3 to the latest 22.3 Zena following the Copy Fail CVE. Unfortunately, <a href="https://github.com/MichaIng/DietPi/issues/8122" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Raspberry Pi&rsquo;s kernel</span></a> is still not updated so I&rsquo;m using the temporary mitigation for now.</li>
<li><a href="https://www.bleepingcomputer.com/news/security/popular-wordpress-redirect-plugin-hid-dormant-backdoor-for-years/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Popular WordPress redirect plugin hid dormant backdoor for years | Bleeping Computer</span></a> — WordPress news like these just make me feel like WP sites are a ticking time bomb! I will be converting mine to a static version soon, like what <a href="https://davejansen.com/converting-a-wordpress-site-into-a-static-website/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Dave has written here</span></a>.</li>
<li><a href="https://cyber.netsecops.io/articles/obsidian-plugin-abused-in-campaign-to-deploy-phantom-pulse-rat/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Novel Campaign Abuses Obsidian Note-Taking App to Target Finance and Crypto Professionals with PHANTOMPULSE RAT | Netsecops</span></a> — Dangers of plugins&hellip;</li>
<li><a href="https://petapixel.com/2026/04/29/the-2026-cp-photo-expo-solidified-its-importance-to-the-industry/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">The 2026 CP+ Photo Expo Solidified Its Importance to the Industry | PetaPixel</span></a> — I haven&rsquo;t been paying attention to the photography scene&hellip; I actually didn&rsquo;t know Photokina dissolved in 2020. I hope the CP+ Show will be more international-friendly in the future!</li>
<li><a href="https://www.404media.co/study-finds-a-third-of-new-websites-are-ai-generated/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Study Finds A Third of New Websites are AI-Generated | 404 Media</span></a> — I just want to read some human content. That&rsquo;s all&hellip;</li>
</ul>
<h3 id="projects"><a href="#projects" class="h-anchor" title="Permalink to #Projects"></a>Projects</h3><ul>
<li><a href="https://88x31.lol/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">We Love 88x31</span></a> —Really cute and retro page counter with no cookies, JavaScript or tracking. Will probably add one to my site soon!</li>
<li><a href="https://blog.fabiomanganiello.com/article/Madblog-federated-blogging-from-markdown" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Madblog: A Markdown Folder That Federates Everywhere | Fabio Manganiello</span></a> — For those interested in creating site with Markdown + Federation + IndieWeb support.</li>
<li><a href="https://badwebsite.club/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Bad Website Club</span></a> — Really awesome boot-camp for those who want to learn responsive web design for free, taught by Carmen, Eda, and Jess.</li>
<li><a href="https://hillhouse.neocities.org/cliques/library/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Little Pixel Library</span></a> — Are you into pixel art and books? Check this out! I came across it via <a href="https://chrisburnell.com/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Chris&rsquo;s site</span></a>.</li>
<li><a href="https://sinceyouarrived.world/taken" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Taken Since You Arrived</span></a> — A good wake-up call.</li>
<li><a href="https://github.com/terrastruct/d2/discussions/2720#discussioncomment-16738411" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Is the project still alive? · terrastruct/d2 | GitHub</span></a> — I&rsquo;m more than thrilled that the creator of D2 Lang (the diagram tool I rely on heavily) is moving the project to the Non-Profit, Hack Club (similar to what <a href="https://mitchellh.com/writing/ghostty-non-profit" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Ghostty</span></a> did).</li>
<li><a href="https://github.com/ai-robots-txt/ai.robots.txt/blob/main/robots.txt" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">ai.robots | GitHub</span></a> — I updated my <code>robots.txt</code> last week, maybe you should have a look too? Hope to get Anubis or some bot/scraper checker in the future, but this will do for now.</li>
<li><a href="https://blog.zsa.io/introducing-zapp/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Introducing Zapp | ZSA</span></a> — Flashing ZSA keyboards now supported over the terminal instead of your browser or <a href="https://blog.zsa.io/keymapp/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">ZSA Keymapp</span></a>.</li>
</ul>

         <hr><p><i>[For up-to-date content, visit <a href="https://burgeonlab.com/">burgeonlab.com</a> directly (XML feeds don't fetch updates in real-time). For other feeds, visit the <a href='https://burgeonlab.com/subscribe/'>subscribe page</a>. Thanks for reading my weeknotes using a RSS reader!]</i></p>
        ]]></content></entry><entry><id>https://burgeonlab.com/weeknotes/2026/w17/</id><title type="html">Weeknote 2026-W17: My First IndieWebCamp &amp;amp; Link Roundup</title><link href="https://burgeonlab.com/weeknotes/2026/w17/"/><published>2026-04-28T17:11:15+08:00</published><updated>2026-06-02T21:58:22+08:00</updated><author><name>Naty S</name><email>naty@eclecticpassions.net</email></author><link rel="enclosure" type="image/png" href="https://burgeonlab.com/images/wn-cover/025_2026_w17.png"/><summary type="html">Inspired by IndieWebCamp, discovered loads of cool people and their websites. Site changes and added webmention digest section, and the usual link roundup.</summary><content type="html"><![CDATA[<h2 id="inspired-at-indiewebcamp"><a href="#inspired-at-indiewebcamp" class="h-anchor" title="Permalink to #Inspired at IndieWebCamp"></a>Inspired at IndieWebCamp</h2><p>Last weekend was an absolute blast! I attended my first ever <a href="https://indieweb.org/IndieWebCamps/Attending" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">IndieWebCamp</span></a> remotely, held at <a href="https://indieweb.org/2026/D%C3%BCsseldorf" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Düsseldorf</span></a>. For those who are not familiar with it, it&rsquo;s a two-day in person <a href="https://en.wikipedia.org/wiki/BarCamp" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">BarCamp (aka unconference)</span></a> where anyone interested in independent, personal websites (i.e. <a href="https://indieweb.org/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">IndieWeb</span></a>) meet to share ideas, be inspired, and collaborate on IndieWeb building blocks.</p>
<p>I have been bogged down with some family errands for the whole of Monday and Tuesday (this weeknote is already running late—it&rsquo;s already Tuesday evening), so I&rsquo;ll be writing a separate blog on my experience of attending the IWC, and all the cool people, tools, and sites I discovered later this week. Spoiler: it was such a fun experience, I highly recommend anyone who runs a personal site to attend. The next one is in <a href="https://events.indieweb.org/2026/06/-indiewebcamp-nuremberg-7EIKg0lqfg93" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Nuremberg</span></a> on June 27–28, 2026.</p>
<h2 id="site-updates"><a href="#site-updates" class="h-anchor" title="Permalink to #Site Updates"></a>Site Updates</h2><p>I haven&rsquo;t been keeping my <a href="https://burgeonlab.com/changelog/"><span class="ext-text">/⁠changelog</span></a> up to date. I will get to it soon! 🤞 In the meantime, here&rsquo;s some new frontend features on my site:</p>
<ul>
<li>Added a GeekCode section to <a href="https://burgeonlab.com/about/#geek-code"><span class="ext-text">/⁠about</span></a></li>
<li>New XMPP contact method on <a href="https://burgeonlab.com/contact/#xmpp-channel"><span class="ext-text">/⁠contact</span></a></li>
<li>Converted the <a href="https://burgeonlab.com/subscribe/"><span class="ext-text">Firehose Atom feed</span></a> from summary-only to full-text (sorry if it triggered a fresh pull of all the entries in your reader!)</li>
<li>Testing an XSLT (stylesheet for XML) for the <a href="/notes/feed.xml"><span class="ext-text">Notes Atom feed</span></a> in a retro terminal console style; and I really like the blinking typing cursor (might use that on my blog title in the header&hellip;) I am aware of XSLT being deprecated soon in the future, but it was still a fun experience. Might apply it to all feeds or leave it as a temporary experiment. Check <a href="https://joelchrono.xyz/blog/improving-my-rss-feed/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Joel&rsquo;s guide on how to use XSLT</span></a>.</li>
<li>Sparklines are now available! It&rsquo;s on the bottom of every section (i.e. post type) index page. To see what sections are available on my blog, check <a href="https://burgeonlab.com/sitemap/#sections"><span class="ext-text">/⁠sitemap</span></a>, or learn more about this type of data visualization on the <a href="https://burgeonlab.com/stats/#sparklines"><span class="ext-text">/⁠stats</span></a> page. Check <a href="https://chrisburnell.com/article/sparkline-sound-off/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Chris&rsquo;s guide on creating sparklines with a twist</span></a>!</li>
</ul>
<h2 id="webmention-digest"><a href="#webmention-digest" class="h-anchor" title="Permalink to #Webmention Digest"></a>Webmention Digest</h2><p>Since I won&rsquo;t be implementing site-wide public displays of webmentions in the near future, I think a new section like this in my weeknotes would be a nice way for me to keep track (and search) for the mentions I&rsquo;ve received from fellow bloggers. It&rsquo;s a nice way to share with you all the interesting sites from the small web too!</p>

<blockquote>
  <p><strong>Update:</strong> On second thought, this is not a good idea as it will result in a loop? or repeated webmentions if I implement an automated process one day.</p>

</blockquote>

<p><em>This list is in reverse chronological order.</em></p>
<ul>
<li><a href="https://paultibbetts.uk/2026/04/27/my-indiewebcamp-dusseldorf-demo-extended-edition/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">My IndieWebCamp Düsseldorf Demo | Paul Tibbetts</span></a></li>
<li><a href="https://blog.scaglio.id/posts/indieweb-deep-diving/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">IndieWeb Deep Diving | Massimo Scagliola</span></a></li>
<li><a href="https://blog.scaglio.id/likes/20260422a8be53e0/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Liked | Massimo Scagliola</span></a></li>
<li><a href="https://michaelkupietz.com/other-pages-friends-sites/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Fellow Travelers, Friends’ Sites, and other related links | Michael Kupietz</span></a></li>
<li><a href="https://ink.v1sta.xyz/archives/449" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Weeknote 2026 | Ink.V1Sta</span></a></li>
<li><a href="https://robida.net/entries/2026/03/21/like-2" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Liked | Robida</span></a></li>
<li><a href="https://crowdersoup.com/blog/post/hwc-thoughts-going-in-and-how-i-feel-it-went/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">HWC | CrowderSoup</span></a></li>
</ul>
<h2 id="link-roundup"><a href="#link-roundup" class="h-anchor" title="Permalink to #Link Roundup"></a>Link Roundup</h2><p>Here are some links I found interesting last week. The link styling has changed slightly, where in the past I would use a format like <code>- Author: [Title](URL) — &lt;insert comment&gt;</code>. This week I&rsquo;m starting to use my new &ldquo;URL to Markdown link converter&rdquo; Python script which makes the whole process much easier as I don&rsquo;t have to <strong>manually</strong> (1) copy the title, (2) copy the site/author name, and (3) do the Markdown link syntax.</p>
<ul>
<li><a href="https://blog.omgmog.net/post/baking-webmentions-into-the-build/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Baking webmentions into the build | Max Glenister</span></a> — I discovered Max because he was the one who answered my question in the Over/Under interview (where each interviewee gets to ask the next blogger a question). Check out his interview—<a href="https://lazybea.rs/ovr-061/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Issue 61</span></a> on Hyde&rsquo;s site (and mine was <a href="https://lazybea.rs/ovr-060/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Issue 60</span></a> if you missed it)!</li>
<li><a href="https://solariz.de/posts/26/04-this-and-that/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">April this and that | Marco</span></a> — I have been a big fan of MG&rsquo;s, aka @solariz, blog. And even if he says this post only covers &ldquo;several small topics each not viable for a full post&hellip;&rdquo;, I still like his discoveries and sharing.</li>
<li><a href="https://paultibbetts.uk/2025/12/30/pangolin-on-a-pi/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Pangolin on a Pi | Paul Tibbetts</span></a> — I read about Pangolin actually before starting to use Tailscale Funnel last week; reading Paul&rsquo;s article makes me understand all this networking business a bit more.<sup id="fnref:1"><a href="#fn:1" class="footnote-ref">1</a></sup></li>
<li><a href="https://cassie.ink/how-this-site-works-now/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">How this site works now | Cassie</span></a> — I love the rundown on how Cassie&rsquo;s site works. I keep meaning to do one of these posts, but it keeps changing before I get time to finish it&hellip;</li>
<li><a href="https://100daystooffload.com/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">100 Days To Offload</span></a> — Revamped project website by Kev, I surely hope I can make it this year! 🤞</li>
<li><a href="https://tangiblelife.net/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Tangible Life | Steve</span></a> — New personal site I discovered with a smattering of techy/personal content that&rsquo;s right up my alleyway!</li>
<li><a href="https://eloquentjavascript.net/20_node.html" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Node.js | Eloquent JavaScript</span></a> — Eloquent JavaScript is a book about JS by <a href="https://marijnhaverbeke.nl/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Marijn Haverbeke</span></a>. I&rsquo;m still not comfortable with it (probably never will) and I don&rsquo;t like adding it to my site (I try to reduce the amount used as much as possible—I try not to use external libraries and rely on vanilla / pure JS). I think this is quite a good resource. If you&rsquo;re also trying to learn some JS like me for Node.js (in my case, for Indiekit), then check it out!</li>
<li><a href="https://blog.archive.org/2026/04/23/introducing-vanishing-culture-a-new-book-on-the-loss-of-our-digital-memory/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Introducing Vanishing Culture | Internet Archive Blogs</span></a> — A good e-book recommendation by <a href="https://aprilscable.neocities.org" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">April</span></a> (another new IndieWeb fellow I met last week at the IWC event).</li>
<li><a href="https://www.theverge.com/science/918769/trump-fires-the-entire-national-science-board" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Trump fires the entire National Science Board | The Verge</span></a> — Feeling incredibly frustrated, disappointed, and despondent.</li>
<li><a href="https://coffeegeek.com/opinions/state-of-coffee/why-your-decaf-now-costs-as-much-as-the-good-stuff/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Why Your Decaf Now Costs as Much as the &ldquo;Good Stuff&rdquo; | Coffee Geek</span></a> — As a caffeine sensitive person (i.e. drinking caffeine after 11/12 noon or having more than one cup a day will cause sleep disturbance), I always like to have decaf in the freezer (yes I&rsquo;m one of those coffee home brewing nerds who stash their coffee in the freezer—it&rsquo;s great!) for when the mood strikes to have a coffee in the late afternoon. Everything is getting more expensive, and I guess decaf beans is one of them.</li>
</ul>
<div class="footnotes">
<hr>
<ol>
<li id="fn:1">
<p>Funnily enough, I had this article saved during the week before IWC, and I was lucky enough to met Paul over the weekend remotely! Check out his site, it&rsquo;s pretty sweet and also built by Hugo!&#160;<a href="#fnref:1" class="footnote-backref">&#x21a9;&#xfe0e;</a></p>
</li>
</ol>
</div>

         <hr><p><i>[For up-to-date content, visit <a href="https://burgeonlab.com/">burgeonlab.com</a> directly (XML feeds don't fetch updates in real-time). For other feeds, visit the <a href='https://burgeonlab.com/subscribe/'>subscribe page</a>. Thanks for reading my weeknotes using a RSS reader!]</i></p>
        ]]></content></entry><entry><id>https://burgeonlab.com/weeknotes/2026/w16/</id><title type="html">Weeknote 2026-W16: Self-hosting Breakthrough &amp;amp; Site Updates</title><link href="https://burgeonlab.com/weeknotes/2026/w16/"/><published>2026-04-22T13:32:22+08:00</published><updated>2026-06-02T21:58:22+08:00</updated><author><name>Naty S</name><email>naty@eclecticpassions.net</email></author><link rel="enclosure" type="image/png" href="https://burgeonlab.com/images/wn-cover/024_2026_w16.png"/><summary type="html">Revamped Pi homelab was a success, deployed public-facing Indiekit Micropub Node.js server using Docker, Compose, Tailscale and Caddy; with new Kitty terminal!</summary><content type="html"><![CDATA[
<blockquote class="alert alert-disclaimer">
  <p class="alert-heading">
    <span class="alert-icon">
      
      <span class="inline-svg"></span>
    </span>
    
      Disclaimer
    
  </p>
  <p>Technical information on this page is <em>merely a log</em> of my amateurish self-hosting experiences.</p>
<p>I have no professional training in networking or self-hosting security. Allowing public access into your home network is <strong>risky</strong>—please make sure you know what you&rsquo;re doing before exposing ports, using reverse proxies, etc. Learn more from the <a href="https://burgeonlab.com/weeknotes/2026/w16/#homelab-resources"><span class="ext-text">Resources</span></a> section at the end.</p>
<p>If you are knowledgeable in this area and spotted a mistake, I&rsquo;d be forever grateful if you can reach out so I can correct it! Thank you.</p>
</blockquote>

<h2 id="a-breakthrough-self-hosting-moment"><a href="#a-breakthrough-self-hosting-moment" class="h-anchor" title="Permalink to #A Breakthrough Self-Hosting Moment"></a>A Breakthrough Self-Hosting Moment</h2><p>Words can&rsquo;t express how I feel after miraculously managing to get my first public facing, self-hosted app—<a href="https://getindiekit.com/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Indiekit</span></a>, a <a href="https://indieweb.org/Micropub" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Micropub</span></a> Node.js server—working on my refreshed Raspberry Pi 4B homelab! It&rsquo;s the first time I&rsquo;m using <a href="https://tailscale.com/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Tailscale</span></a><sup id="fnref:1"><a href="#fn:1" class="footnote-ref">1</a></sup> and <a href="https://docs.docker.com/compose/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Docker Compose CLI</span></a>, so it was a lot of trial and error for the networking bits.</p>
<p>My Indiekit journey went like this:<sup id="fnref:2"><a href="#fn:2" class="footnote-ref">2</a></sup></p>
<figure>
  <div class="img-container">
    <a href="/images/weeknotes/024-indiekit-journey.svg" target="_blank" rel="noopener noreferrer"
       class="clickable-image">
      <img src="/images/weeknotes/024-indiekit-journey.svg"
           alt="Flowchart: different stages of hosting a service.">
    </a>
  </div>

<h3 id="setup-notes"><a href="#setup-notes" class="h-anchor" title="Permalink to #Setup Notes"></a>Setup Notes</h3>
<blockquote>
  <p><strong>DISCLAIMER:</strong> Correct terminology may be lacking in this section.</p>

</blockquote>

<ul>
<li>
<p><a href="https://github.com/jesseduffield/lazydocker" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Lazydocker</span></a> was the simplest Docker monitor I could find (alternative being <a href="https://github.com/louislam/dockge" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Dockge</span></a>). While it is a bit limited in what it can do (view only), I liked how simple it is and quickly accessible in the terminal via SSH (which is the main way I access my Pi).</p>
</li>
<li>
<p>Access to the server is by default, private. It is only accessible on my devices within the <a href="https://tailscale.com/docs/concepts/tailnet" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Tailnet</span></a> (Tailscale&rsquo;s name for the network within your own cluster of devices).</p>
</li>
<li>
<p>When I need to use Indiekit&rsquo;s OAuth endpoints to verify my identity using this site&rsquo;s domain, i.e. <a href="https://indieauth.com/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">IndieAuth</span></a>, I can turn on public, Internet-facing access by turning on <a href="https://tailscale.com/docs/features/tailscale-funnel" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Tailscale Funnel</span></a> momentarily with <code>sudo tailscale funnel --bg 80</code> and turn it off with <code>sudo tailscale funnel reset</code>.</p>
</li>
<li>
<p><a href="https://caddyserver.com/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Caddy</span></a>, from what I understand, is acting as a traffic controller, directing Tailscale Funnel to <code>localhost:80</code>, which handles a reverse proxy to the port defined in the Indiekit config. In local mode (no Funnel), it&rsquo;s a simple reverse proxy to <code>localhost:&lt;indiekitPort&gt;</code></p>
</li>
<li>
<p>For TLS certificates, I originally tried setting that up with my custom 6-digit .xyz domain with <a href="https://letsencrypt.org/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Let&rsquo;s Encrypt</span></a> and letting Caddy handle it, but I couldn&rsquo;t get it working. I reverted to using the MagicDNS hostname from Tailscale and used <a href="https://tailscale.com/docs/how-to/set-up-https-certificates" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Tailscale certs</span></a>:</p>
<figure class="code-block"><div class="highlight"><pre tabindex="0" class="chroma"><code class="language-bash"><span class="line"><span class="ln">1</span><span class="cl">sudo tailscale cert --cert-file /etc/caddy/ssl/device.tailnet-name.ts.net.crt -key-file /etc/caddy/ssl/device.tailnet-name.ts.net.key device.tailnet-name.ts.net
</span></span><span class="line"><span class="ln">2</span><span class="cl"><span class="c1"># Give permissions</span>
</span></span><span class="line"><span class="ln">3</span><span class="cl">sudo chown root:caddy  /etc/caddy/ssl/device.tailnet-name.ts.net.* <span class="o">&amp;&amp;</span> sudo chmod <span class="m">640</span>  /etc/caddy/ssl/device.tailnet-name.ts.net.*</span></span></code></pre></div></li>
<li>
<p>The last piece of the puzzle is being able to set up subdomains for my other self-hosted apps. Tailscale&rsquo;s MagicDNS hostnames don&rsquo;t support native subdomains (e.g. service1.pi.tailnet-name.ts.net, service2.pi.tailnet-name.ts.net). From preliminary research, it seems I could use something like <a href="https://github.com/tailscale/caddy-tailscale" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">caddy-tailscale plugin</span></a> as a workaround, but I probably need a break before continuing!</p>
</li>
<li>
<p>If I am going to try to continue refreshing my homelab with my previous self-hosted apps, I&rsquo;ll go for <a href="https://www.navidrome.org/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Navidrome</span></a> as I used that the most in my previous setup. I&rsquo;ll just access it with the port number directly before I figure out a way to do the subdomains. Do you have a similar setup? How did you work around this limitation?</p>
</li>
</ul>
<h3 id="homelab-resources"><a href="#homelab-resources" class="h-anchor" title="Permalink to #Homelab Resources"></a>Homelab Resources</h3><p>Some links I found informative:</p>
<ul>
<li>Excalibur&rsquo;s Sheath: <a href="https://excalibursheath.com/guide/2025/09/07/homelab-security-automation-monitoring.html" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Securing Your Homelab: Tools, Automation, and Best Practices</span></a></li>
<li>Pretty Good Security: <a href="https://hawkinswood.github.io/prettygoodsecurity/pages/tailscale/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Tailscale Personal Use Guide</span></a></li>
<li>Dušan Mitrović: <a href="https://dusanmitrovic.rs/blog/post/2022-08-15/Self-hosting-trouble-in-paradise" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Self-hosting, trouble in paradise</span></a></li>
<li>Debian: <a href="https://manpages.debian.org/trixie/caddy/index.html" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Caddy manpages</span></a></li>
<li>Geeks For Geeks: <a href="https://www.geeksforgeeks.org/devops/docker-compose/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Docker Compose</span></a></li>
<li>Selfhosting.sh: <a href="https://selfhosting.sh/compare/lazydocker-vs-dockge/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Lazydocker vs Dockge</span></a></li>
</ul>
<h2 id="site-updates"><a href="#site-updates" class="h-anchor" title="Permalink to #Site Updates"></a>Site Updates</h2><p>I do have to apologize this weeknote is sounding like a tech changelog; again. I&rsquo;ll try to include some non-tech stuff in the future! Here&rsquo;s what I worked on last week on my site:</p>
<ul>
<li>A much improved version 2.0 <a href="https://burgeonlab.com/stats/"><span class="ext-text">/⁠stats page</span></a>! There are a lot more graphs (from Apache <a href="https://echarts.apache.org/examples/en/index.html" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">ECharts</span></a>) and the stat cards are an even number now, making a perfect grid (OCD in me was trying to get two more stats in there—weeknotes and total read time was what I added). Feedback is welcome!</li>
<li>Wasn&rsquo;t sure when the error started, but inline loading of Mastodon comments was failing. It was due <a href="https://www.jsdelivr.com/package/npm/dompurify" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">DOMPurify</span></a> failing whenever the code is minified (I still don&rsquo;t understand why it worked before). I relatively unfamiliar with JavaScript (compared to HTML/CSS), so I had to get <code>ollama run qwen2.5-coder:3b</code> to help figure out the issue. It works now (with minor improvements) and the script remains locally served (not via jsDelivr).</li>
<li>All Mastodon links now on my site should open with a simple &ldquo;Mastodon Helper&rdquo; pop-up that helps you either copy the link or opens the link in your instance. Try it out <a href="https://burgeonlab.com/weeknotes/2026/w16/#responses"><span class="ext-text">below</span></a> with the &ldquo;Syndicated on Mastodon&rdquo; button. No information is collected, it&rsquo;s pure JS with no third party dependencies.</li>
<li>Joined a new webring last week: <a href="https://polyring.club/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Polyring</span></a>, a webring for polymaths. <a href="https://fosstodon.org/@dusnm" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Dušan</span></a>, the creator of Polyring is also from Serbia (like <a href="https://lazybea.rs/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Hyde @lazybears</span></a> who interviewed <a href="https://lazybea.rs/ovr-060/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">me</span></a> earlier this month)!</li>
</ul>
<h2 id="other-tech-tinkering-updates"><a href="#other-tech-tinkering-updates" class="h-anchor" title="Permalink to #Other Tech Tinkering Updates"></a>Other Tech Tinkering Updates</h2><ul>
<li>
<p>Minor changes to my <a href="https://indieweb.org/User:Burgeonlab.com" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">IndieWeb wiki page</span></a></p>
</li>
<li>
<p>I finally left Apple Terminal and using Kitty! Did some basic customizations (loving the window-less look). Haven&rsquo;t had time to do more though, as I want to give another zsh prompt a try, like <a href="https://starship.rs/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Starship</span></a> or <a href="https://ohmyposh.dev/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Oh My Posh</span></a>. P10k has been good but it is <a href="https://github.com/romkatv/powerlevel10k#powerlevel10k" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">half-abandoned</span></a>.</p>
<figure>
    <div class="img-container">
      <a href="/images/weeknotes/024-kitty-term.webp" target="_blank" rel="noopener noreferrer"
         class="clickable-image">
        <img src="/images/weeknotes/024-kitty-term.webp"
             alt="ALTTEXT" width="750" height="698">
      </a>
    </div>

</li>
<li>
<p>Did a few lessons on <code>vimtutor</code>! It&rsquo;s not too bad and I memorized how to <code>:q!</code> now. 🤣</p>
</li>
<li>
<p><a href="https://shellsharks.com/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Mike @shellsharks</span></a> does weeknotes he calls &ldquo;Scrolls&rdquo;. He&rsquo;s included something from me a few times (which I&rsquo;m honoured and grateful for). Here are a few links, definitely check out his site as it&rsquo;s one of my favourite blogs!</p>
<ul>
<li><a href="https://shellsharks.com/scrolls/scroll/2026-04-17" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Scrolls 37</span></a></li>
<li><a href="https://shellsharks.com/scrolls/scroll/2026-03-27" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Scrolls 35</span></a></li>
<li><a href="https://shellsharks.com/captains-log/2026/02/26/log" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Captain&rsquo;s Log, Entry: Feb 26, 2026</span></a></li>
</ul>
</li>
</ul>
<h2 id="link-roundup"><a href="#link-roundup" class="h-anchor" title="Permalink to #Link Roundup"></a>Link Roundup</h2><p>Here are some links I found interesting last week.</p>
<ul>
<li><a href="https://dl.acm.org/doi/fullHtml/10.1145/3544548.3580729" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Defining and Identifying Attention Capture Deceptive Designs in Digital Interfaces</span></a> — Insightful study on the techniques used to capture attention.</li>
<li>Brandon Philips: <a href="https://btp.dev/blog/deploying-anubis-in-front-of-my-static-site/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Deploying Anubis in Front of My Static Site</span></a></li>
<li>Gregory Hammond: <a href="https://gregoryhammond.ca/blog/why-i-use-fediverse/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Why I Use Fediverse As My Main Social Media Platform</span></a></li>
<li>Engadget: <a href="https://www.engadget.com/ai/the-supreme-court-doesnt-care-if-you-want-to-copyright-your-ai-generated-art-171849407.html" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">The Supreme Court doesn&rsquo;t care if you want to copyright your AI-generated art</span></a></li>
<li>Ars Technica: <a href="https://arstechnica.com/tech-policy/2026/03/after-discord-fiasco-age-check-tech-promises-privacy-by-running-locally-does-it-work/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Users hate it, but age-check tech is coming. Here’s how it works</span></a></li>
<li>Web Pro News: <a href="https://www.webpronews.com/eus-2027-battery-mandate-forces-smartphone-redesigns-rattling-apple-and-samsung-supply-chains/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">EU’s 2027 Battery Mandate Forces Smartphone Redesigns, Rattling Apple and Samsung Supply Chains</span></a></li>
<li><a href="https://github.com/umami-software/umami/releases/tag/v3.1.0" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Umami v3.1.0 release</span></a> — Maybe one day I&rsquo;ll self-host something like this; but right now I&rsquo;m quite content with <a href="https://www.goatcounter.com/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">GoatCounter</span></a>.</li>
<li>Homebrew: <a href="https://docs.brew.sh/How-to-Create-and-Maintain-a-Tap" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">How to Create and Maintain a Tap</span></a> — I have eight casks installed via <code>homebrew</code> that will deprecated in a few months because they are not passing the macOS <a href="https://github.com/orgs/Homebrew/discussions/6482" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Gatekeeper check</span></a>. I think I might have to learn how to maintain a tap&hellip;</li>
<li>And a follow up regarding Google / Android sideloading saga from <a href="https://codeberg.org/IzzyOnDroid" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">IzzyOnDroid</span></a>:</li>
</ul>
<article class="mastodon-toot h-entry">
            <div class="mastodon-toot__header noselect">
                <img class="mastodon-toot__avatar u-photo" src="https://cdn.masto.host/floss/accounts/avatars/109/174/072/017/303/602/original/06cd2ac17ad7efe0.jpg" alt="Izzy">
                <div class="mastodon-toot__author-meta">
                     <a href="https://floss.social/@IzzyOnDroid"  target="_blank"
                        rel="noopener noreferrer"
                        class="mastodon-toot__handle p-name mastodon-helper-popup"
                        title="Open this profile in your Mastodon instance"><span>Izzy</span> @IzzyOnDroid@floss.social</a><br>
                     <a href="https://floss.social/@IzzyOnDroid/116415766636505917" class="mastodon-toot__time u-url dt-published" title="Open this post in the original Mastodon instance"  target="_blank"
                        rel="noopener noreferrer">2026-04-16, 18:20</a>
                </div>
                <a href="https://joinmastodon.org/servers"><span class="inline-svg">
</span></a>
            </div>
        <div class="mastodon-toot__content e-content p-content"><p>Remember? &quot;Sideloading&quot; is here to stay, and won&#39;t go away, they said? Don&#39;t be afraid, they said? Something something &quot;we heard you&quot;? Suuuure! Who would ever doubt it!</p><p>Attached the copy of a mail developers with apps in the PlayStore CURRENTLY receive. Please, read the text in the red box carefully:</p><p>&quot;Apps not registered by September 2026 WILL NO LONGER BE INSTALLABLE ON CERTIFIED ANDROID DEVICES in select countries.&quot;</p><p>See an exception there? I don&#39;t.</p><p><a href="https://floss.social/tags/Google" class="mention hashtag" rel="tag">#<span>Google</span></a> <a href="https://floss.social/tags/Android" class="mention hashtag" rel="tag">#<span>Android</span></a> <a href="https://floss.social/tags/DeveloperCertfication" class="mention hashtag" rel="tag">#<span>DeveloperCertfication</span></a></p></div><div class="mastodon-toot__stats">

            <a href="https://floss.social/@IzzyOnDroid/116415766636505917"
                title="Boost or reblog this post"
                target="_blank"
                rel="noopener noreferrer"
                class="mastodon-toot__stat-link">
                <span class="mastodon-toot__stat noselect">
                        <span><span class="inline-svg"></span></span>
                        <span class="mastodon-toot__stat-number">478</span>
                </span>
                </a>


                <a href="https://floss.social/@IzzyOnDroid/116415766636505917"
                title="Favourite this post"
                target="_blank"
                rel="noopener noreferrer"
                class="mastodon-toot__stat-link">
                <span class="mastodon-toot__stat noselect">
                    <span><span class="inline-svg"></span></span>
                    <span class="mastodon-toot__stat-number">381</span>
                </span>
                </a>
                

            <a href="https://floss.social/@IzzyOnDroid/116415766636505917"
            title="Leave a comment"
            target="_blank"
            rel="noopener noreferrer"
            class="mastodon-toot__stat-link">
            <span class="mastodon-toot__stat noselect">
            <span><span class="inline-svg"></span></span>
                    <span class="mastodon-toot__stat-number">29</span>
            </span>
            </a>

                </span>
            </div>
        </article>
<h2 id="closing"><a href="#closing" class="h-anchor" title="Permalink to #Closing"></a>Closing</h2><p>This is an incredibly late weeknote. 😵 Have a good rest of the week!</p>
<div class="footnotes">
<hr>
<ol>
<li id="fn:1">
<p>In the ideal world, I&rsquo;d want to be using <a href="https://headscale.net/stable/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Headscale</span></a>, a open source version of Tailscale, but as a total noob, I wanted to understand how all this works with a managed service before trying the more &ldquo;hands-on&rdquo; approach.&#160;<a href="#fnref:1" class="footnote-backref">&#x21a9;&#xfe0e;</a></p>
</li>
<li id="fn:2">
<p>This is the first time I&rsquo;m using <a href="https://play.d2lang.com/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">D2</span></a> (instead of Mermaid.js) to create <a href="https://burgeonlab.com/tags/diagrams/"><span class="ext-text">diagrams</span></a> in a blog post! What do you think? No JavaScript is needed for client-side rendering as it&rsquo;s exported as an <code>.SVG</code>. I find the arrow animation quite cool; but is it distracting? One downside is I can&rsquo;t add links to the text.&#160;<a href="#fnref:2" class="footnote-backref">&#x21a9;&#xfe0e;</a></p>
</li>
</ol>
</div>

         <hr><p><i>[For up-to-date content, visit <a href="https://burgeonlab.com/">burgeonlab.com</a> directly (XML feeds don't fetch updates in real-time). For other feeds, visit the <a href='https://burgeonlab.com/subscribe/'>subscribe page</a>. Thanks for reading my weeknotes using a RSS reader!]</i></p>
        ]]></content></entry><entry><id>https://burgeonlab.com/weeknotes/2026/w15/</id><title type="html">Weeknote 2026-W15: Diagrams, Node.js, Pi Homelab &amp;amp; Link Dump</title><link href="https://burgeonlab.com/weeknotes/2026/w15/"/><published>2026-04-14T20:33:54+08:00</published><updated>2026-06-02T21:58:22+08:00</updated><author><name>Naty S</name><email>naty@eclecticpassions.net</email></author><link rel="enclosure" type="image/png" href="https://burgeonlab.com/images/wn-cover/023_2026_w15.png"/><summary type="html">Jumping down rabbit holes and troubleshooting: fixing Mermaid/D2 diagrams, Render and Codeberg problems, learning new tools, Pi home server refresh, and more!</summary><content type="html"><![CDATA[<h2 id="troubleshooting-fulfilments"><a href="#troubleshooting-fulfilments" class="h-anchor" title="Permalink to #Troubleshooting Fulfilments"></a>Troubleshooting Fulfilments</h2><p>I don&rsquo;t know about you, but I love working through and solving problems. That feeling of accomplishment, especially when it&rsquo;s in a field you&rsquo;re not familiar with, is awesome. What&rsquo;s something you solved recently that made you feel this way?</p>
<p><em>Feel free to send me a webmention if you reply via a post on your site using the <a href="https://burgeonlab.com/weeknotes/2026/w15/#responses"><span class="ext-text">form below</span></a>.</em></p>
<p>I&rsquo;ve been jumping into multiple rabbit holes last week; one after another. If you&rsquo;re not into tech waffle, then jump to my extensive <a href="https://burgeonlab.com/weeknotes/2026/w15/#link-roundup"><span class="ext-text">Link Roundup</span></a> instead.</p>
<h3 id="mermaid-diagrams-failing"><a href="#mermaid-diagrams-failing" class="h-anchor" title="Permalink to #Mermaid Diagrams Failing"></a>Mermaid Diagrams Failing</h3><p>Last week, I noticed my <a href="https://burgeonlab.com/tags/diagrams/"><span class="ext-text">diagrams</span></a> on the blog <a href="/notes/2026/0409-05755/"><span class="ext-text">failed to load</span></a>. After some quick tests with <a href="https://text-to-diagram.com/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">different diagram tools</span></a> including <a href="https://gitlab.com/graphviz/graphviz" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">GraphViz</span></a> (which is very professional indeed), I realized I am still partial to <a href="https://mermaid.live/edit" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Mermaid</span></a> and <a href="https://play.d2lang.com/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">D2</span></a>. I&rsquo;m most familiar with D2 as that&rsquo;s the scripting language I use to <a href="https://burgeonlab.com/blog/generate-dynamic-og-images-diagram-with-code-scripts/"><span class="ext-text">create Open Graph images</span></a>.</p>
<p>Mermaid seems to be pushing AI straight in your face (as seen on their <a href="https://mermaid.js.org/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">homepage</span></a>) which is cringe; but undoubtedly, I think the styles and flexibility is overall better than D2. D2 has easier syntax but is a much simpler tool with less customization. Sadly, the project seems to be <a href="https://github.com/terrastruct/d2/issues/2735" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">abandoned</span></a> (no updates since Oct 2025).</p>
<p>When I get round to it, I will likely remove the Mermaid JS <a href="https://mermaid.js.org/intro/getting-started.html#_4-calling-the-mermaid-javascript-api" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">client-side rendering</span></a> and just create the diagram with either Mermaid or D2, export it as an SVG, and use that directly. I don&rsquo;t like relying on JS for my sites, and making the ESM JS a local asset didn&rsquo;t work for me on first try.</p>
<p>Here&rsquo;s a peek at the different styles I&rsquo;m trying out:</p>
<figure>
  <div class="img-container">
    <a href="/images/weeknotes/023-diagram-vs.gif" target="_blank" rel="noopener noreferrer"
       class="clickable-image">
      <img src="/images/weeknotes/023-diagram-vs.gif"
           alt="Gif of three different diagram styles" width="460" height="700">
    </a>
  </div>

<p>And a few articles about Hugo and diagrams:</p>
<ul>
<li>Bits By Me: <a href="https://bitsby.me/til/2025-10-23/d2-diagram-rendering-in-hugo/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">D2 Diagram Rendering in Hugo</span></a></li>
<li>Veriphor: <a href="https://www.veriphor.com/articles/diagrams/#d2" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Diagrams</span></a></li>
<li>Hari Sekhon: <a href="https://github.com/HariSekhon/Diagrams-as-Code" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Diagrams as code</span></a></li>
</ul>
<h3 id="indiekit-nodejs-micropub-server"><a href="#indiekit-nodejs-micropub-server" class="h-anchor" title="Permalink to #Indiekit: Node.js Micropub Server"></a>Indiekit: Node.js Micropub Server</h3>
<blockquote class="alert alert-note">
  <p class="alert-heading">
    <span class="alert-icon">
      
      <span class="inline-svg"></span>
    </span>
    
      Note
    
  </p>
  <p>My concurrent use of <a href="https://github.com/getindiekit/indiekit" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Indiekit</span></a> with <a href="https://gohugo.io/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Hugo</span></a> deserves a multipart series, or at least a detailed post, because the way I use it is probably a bit custom/hacky. I haven&rsquo;t had the time to delve into it yet unfortunately—the draft so far only has an intro and a cool Mermaid flowchart. 😅</p>
<p>Therefore, this section might not make that much sense&hellip; Just know that the content created using Indiekit is stored separately to my Hugo content files—it&rsquo;s only fetched and combined at build time.</p>
</blockquote>

<p>Hosting Indiekit on Render&rsquo;s free <a href="https://render.com/pricing" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Hobby tier</span></a> was all good and well for the last four months until a few days ago, when it failed to access the text content store (Markdown files on Codeberg). At first, I thought it was an access token issue, but after testing the <a href="https://www.geeksforgeeks.org/node-js/rest-api-introduction/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">REST API</span></a> with curl commands (which is <a href="https://terminalcheatsheet.com/guides/curl-rest-api" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">really cool</span></a> by the way), it&rsquo;s not the cause of failure. Long story short, the problem is not with Indiekit nor Codeberg, but with Render.</p>
<p>My guess is Codeberg is protecting themselves from disruption by scrapers/bots, so they blocked the AWS servers that <a href="https://render.com/blog/render-joins-aws-marketplace" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Render uses</span></a>, <em>rendering</em> it nonviable for me. There are workarounds like using other <a href="https://getindiekit.com/plugins/stores/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">content stores</span></a> or switching host, but I am not keen to do either right now.</p>
<p>My temporary fix is to run the server on my Mac. Previously, I only learnt how to deploy it to Render, but never got it <a href="https://getindiekit.com/get-started#_2-set-up-a-web-server" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">working locally</span></a>; but this time, with more knowledge of Node.js, I got it running! I even came across another <a href="https://direnv.net/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">new tool</span></a> called <code>direnv</code> which manages the <code>.env</code> file with all the tokens/secrets automatically which is very handy. One big upside of running it this way means no <a href="/weeknotes/2026/w11/#vps-and-cloud-app-deployment"><span class="ext-text">cold starts/spin-downs</span></a> like on the free tier of Render! 🥳</p>
<p>There was this amazing moment when I tried, for the very first time, to access a service at home via <a href="https://tailscale.com/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Tailscale</span></a>. With ease, I could access Indiekit on my phone while I was outside my home network. 😯 The tailnet really works like magic! I think I&rsquo;m finally wrapping my head around the basic principles.</p>
<p>This then lead me down another rabbit hole: I wonder if I could run Indiekit on my Pi?</p>
<h3 id="refreshing-my-pi"><a href="#refreshing-my-pi" class="h-anchor" title="Permalink to #Refreshing My Pi"></a>Refreshing My Pi</h3><p>The Indiekit troubleshooting session initiated me to doing a refresh on my <a href="https://burgeonlab.com/series/homelab-beginner/"><span class="ext-text">homelab / self-hosting</span></a> setup (with my little Raspberry Pi 4B 8GB that runs DietPi). I haven&rsquo;t had the time to do the refresh after a drive corruption issue in October, which I shared on Mastodon.<sup id="fnref:1"><a href="#fn:1" class="footnote-ref">1</a></sup></p>
<article class="mastodon-toot h-entry">
            <div class="mastodon-toot__header noselect">
                <img class="mastodon-toot__avatar u-photo" src="https://cdn.fosstodon.org/accounts/avatars/110/631/569/439/879/798/original/63c2880c18d2bab3.jpg" alt="Naty S">
                <div class="mastodon-toot__author-meta">
                     <a href="https://fosstodon.org/@eclecticpassions"  target="_blank"
                        rel="noopener noreferrer"
                        class="mastodon-toot__handle p-name mastodon-helper-popup"
                        title="Open this profile in your Mastodon instance"><span>Naty S</span> @eclecticpassions@fosstodon.org</a><br>
                     <a href="https://fosstodon.org/@eclecticpassions/115432900906282707" class="mastodon-toot__time u-url dt-published" title="Open this post in the original Mastodon instance"  target="_blank"
                        rel="noopener noreferrer">2025-10-25, 04:24</a>
                </div>
                <a href="https://joinmastodon.org/servers"><span class="inline-svg">
</span></a>
            </div>
        <div class="mastodon-toot__content e-content p-content"><p>My <a href="https://fosstodon.org/tags/RaspberryPi" class="mention hashtag" rel="tag">#<span>RaspberryPi</span></a> 4B is acting up and I think it&#39;s data corruption(?) from not powering off properly when it stopped responding. I really need to buy a switch to shutdown safely...</p><p>I formatted the SSD (SMART status seems ok), flashed the latest <a href="https://fosstodon.org/tags/DietPi" class="mention hashtag" rel="tag">#<span>DietPi</span></a> and slowly setting back my services.</p><p>This is a great chance for me to actually sort out the messy initial setup of experimenting with <a href="https://fosstodon.org/tags/SelfHosting" class="mention hashtag" rel="tag">#<span>SelfHosting</span></a> I&#39;m in the process of setting up a <a href="https://fosstodon.org/tags/cron" class="mention hashtag" rel="tag">#<span>cron</span></a> job with <a href="https://fosstodon.org/tags/rsync" class="mention hashtag" rel="tag">#<span>rsync</span></a>, <a href="https://fosstodon.org/tags/syncthing" class="mention hashtag" rel="tag">#<span>syncthing</span></a> &amp; dietpi-backup now. 🤞#Rpi4</p></div><div class="mastodon-toot__stats">

            <a href="https://fosstodon.org/@eclecticpassions/115432900906282707"
                title="Boost or reblog this post"
                target="_blank"
                rel="noopener noreferrer"
                class="mastodon-toot__stat-link">
                <span class="mastodon-toot__stat noselect">
                        <span><span class="inline-svg"></span></span>
                        <span class="mastodon-toot__stat-number">2</span>
                </span>
                </a>


                <a href="https://fosstodon.org/@eclecticpassions/115432900906282707"
                title="Favourite this post"
                target="_blank"
                rel="noopener noreferrer"
                class="mastodon-toot__stat-link">
                <span class="mastodon-toot__stat noselect">
                    <span><span class="inline-svg"></span></span>
                    <span class="mastodon-toot__stat-number">5</span>
                </span>
                </a>
                

            <a href="https://fosstodon.org/@eclecticpassions/115432900906282707"
            title="Leave a comment"
            target="_blank"
            rel="noopener noreferrer"
            class="mastodon-toot__stat-link">
            <span class="mastodon-toot__stat noselect">
            <span><span class="inline-svg"></span></span>
                    <span class="mastodon-toot__stat-number">3</span>
            </span>
            </a>

                </span>
            </div>
        </article>
<p>I have since bought a tiny momentary switch for the Pi!</p>
<figure>
  <div class="img-container">
    <a href="/images/weeknotes/023-pi-power-switch.webp" target="_blank" rel="noopener noreferrer"
       class="clickable-image">
      <img src="/images/weeknotes/023-pi-power-switch.webp"
           alt="Photo of a Raspberry Pi 4B strapped on a SATA SSD enclosure, and a fan hat for active cooling. A blue circle highlights the power switch cable plugged into the GPIO pins and a zoomed in view of a very small momentary switch." width="800" height="600">
    </a>
  </div>

<p>The first thing to improve is the networking and access to the Pi. I&rsquo;ll be writing about what I&rsquo;m doing in the future, but the first problem to solve was the severe lag I started getting after <a href="https://burgeonlab.com/weeknotes/2026/w13/"><span class="ext-text">upgrading my router</span></a> a few weeks ago.</p>
<!-- FUTUREPOST: link to homelab-networking -->
<p>I quickly wrote up a post on how to fix it by using <a href="https://burgeonlab.com/blog/fix-ssh-lag-over-wifi-with-ethernet/"><span class="ext-text">Ethernet directly connected the Pi from my Mac</span></a>. It was really satisfying—I learnt a little bit more about networking once again!</p>
<h4 id="web-server-nginx-to-caddy"><a href="#web-server-nginx-to-caddy" class="h-anchor" title="Permalink to #Web Server: Nginx to Caddy"></a>Web Server: Nginx to Caddy</h4><p>With SSH fixed, I progressed to switching from <a href="https://nginx.org/en/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Nginx</span></a> to <a href="https://caddyserver.com/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Caddy</span></a> as my main web server on the Pi. I used <a href="https://github.com/bastienwirtz/homer" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Homer</span></a> before and want to continue with the minimalistic dashboard.</p>
<p>The config for Caddy, called the <code>Caddyfile</code>, was simple and short. Perfect for beginners like me! I like it a lot more than Nginx already. <a href="https://caddyserver.com/docs/automatic-https" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">HTTPS is automatic</span></a>, and I even managed to use my custom <a href="https://gen.xyz/1111b" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">6-digit .xyz domain</span></a> with it (that costs less than $2 USD/year).</p>
<p>Now I don&rsquo;t have to type in the unwieldy <code>https://&lt;device-name&gt;.&lt;tailnet-DNS-name&gt;.ts.net:&lt;port&gt;</code>, just <code>&lt;service-name&gt;.123456.xyz</code>. I chose a 6-digit number that I could type with one hand. 😉 Will continue my Pi setup hopefully in the coming weeks.</p>
<figure class="code-block"><div class="highlight"><pre tabindex="0" class="chroma"><code class="language-ini"><span class="line"><span class="ln"> 1</span><span class="cl"><span class="na">home.123456.xyz {</span>
</span></span><span class="line"><span class="ln"> 2</span><span class="cl">        <span class="na">tls internal</span>
</span></span><span class="line"><span class="ln"> 3</span><span class="cl">
</span></span><span class="line"><span class="ln"> 4</span><span class="cl">        <span class="na">root * /var/www/homer</span>
</span></span><span class="line"><span class="ln"> 5</span><span class="cl">        <span class="na">file_server</span>
</span></span><span class="line"><span class="ln"> 6</span><span class="cl">
</span></span><span class="line"><span class="ln"> 7</span><span class="cl">        <span class="na">header {</span>
</span></span><span class="line"><span class="ln"> 8</span><span class="cl">                <span class="na">Strict-Transport-Security &#34;max-age</span><span class="o">=</span><span class="s">31536000;&#34;
</span></span></span><span class="line"><span class="ln"> 9</span><span class="cl"><span class="s">        }</span>
</span></span><span class="line"><span class="ln">10</span><span class="cl"><span class="na">}</span></span></span></code></pre></div><h3 id="sourcehut-deployment"><a href="#sourcehut-deployment" class="h-anchor" title="Permalink to #SourceHut Deployment"></a>SourceHut Deployment</h3><p>The last thing I worked on was greatly improving how my site is <a href="notes/2026/0411-183833/"><span class="ext-text">deployed</span></a>. It will be a separate post which I will link here when it&rsquo;s up!</p>
<!-- FUTUREPOST: link to new-blog-workflow -->
<h2 id="indieweb--homebrew-website-club-titbits"><a href="#indieweb--homebrew-website-club-titbits" class="h-anchor" title="Permalink to #IndieWeb / Homebrew Website Club Titbits"></a>IndieWeb / Homebrew Website Club Titbits</h2><p><a href="https://github.com/reillypascal/nvim" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Reilly</span></a> was talking about Neovim, and <a href="https://rossabaker.com/configs/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Ross</span></a> is the long standing Emacs user. I am the CLI text editor newbie who only barely manages with Nano and launches <code>codium</code> when possible. But I am fairly intrigued at trying out either Vi/Emacs because I want to challenge myself to see if I&rsquo;m able to learn it.</p>
<p>Two other blogger friends, <a href="https://chrisburnell.com/article/why-css-naked-day/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Chris</span></a> and <a href="https://joelchrono.xyz/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Joel</span></a>, told me about <a href="https://css-naked-day.org/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">CSS Naked Day</span></a>. Unfortunately, I couldn&rsquo;t participate this year because the whole site broke down when I tried to deactivate all styles (I&rsquo;m hopeful my big redesign feature branch will fix it 🤞 so I can participate in the next year). By the way, there&rsquo;s also a <a href="https://js-naked-day.org/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">JS Naked Day</span></a> that&rsquo;s coming up later this month!</p>
<p>And <a href="https://artlung.com/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Joe</span></a> has also joined the <a href="https://artlung.com/blog/2026/04/07/hello-human-json/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">human.json bandwagon</span></a>! (I&rsquo;ve mentioned it a <a href="https://burgeonlab.com/weeknotes/2026/w12/#link-roundup"><span class="ext-text">few weeks ago</span></a>.)</p>
<h2 id="webrings-update"><a href="#webrings-update" class="h-anchor" title="Permalink to #Webrings Update"></a>Webrings Update</h2><p>Oh my gosh! I submitted my site to <a href="https://geekring.net/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Geekring</span></a> a few months ago, and I kept checking every few weeks until I totally forgot about it. While closing my zillionth tab, I saw <a href="https://geekring.net/list.txt" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">https://geekring.net/list.txt</span></a> and decided to give it a final search to see if I got added—I was! Thank you, <a href="https://dusted.dk/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">DusteD</span></a>, for managing this very cool webring.</p>
<p>To see what webrings I&rsquo;m part of, scroll to the <a href="https://burgeonlab.com/weeknotes/2026/w15/#page-end"><span class="ext-text">bottom</span></a> and expand the <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/details" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">details element</span></a>, &ldquo;View webrings&rdquo;. The dice brings you to a random site in the respective webring! Happy exploring!</p>
<h2 id="link-roundup"><a href="#link-roundup" class="h-anchor" title="Permalink to #Link Roundup"></a>Link Roundup</h2><p>This weeknote is running late; so it&rsquo;s just a big link dump—some good articles in there. Hope you find something interesting from my selection!</p>
<h3 id="small-web"><a href="#small-web" class="h-anchor" title="Permalink to #Small Web"></a>Small Web</h3><ul>
<li>The Next Wave: <a href="https://thenextwavefutures.wordpress.com/2026/04/07/ai-end-digital-wave-technology-innovation-perez/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">AI could be the end of the digital wave, not the next big thing</span></a></li>
<li>CybersecKyle: <a href="https://www.kylereddoch.me/blog/microsofts-wireguard-and-veracrypt-lockout-is-bigger-than-a-support-failure/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Microsoft’s WireGuard and VeraCrypt Lockout Is Bigger Than a Support Failure</span></a></li>
<li>Edward Zitron: <a href="https://www.wheresyoured.at/ai-is-really-weird/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">AI Is Really Weird</span></a></li>
<li>Cory Dransfeldt: <a href="https://www.coryd.dev/uses" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Uses</span></a> and <a href="https://www.coryd.dev/music" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Music</span></a> pages</li>
<li>DusteD: <a href="https://dusted.dk/pages/HowToInternet2020AndBeyond/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">How to Internet 2020 and Beyond</span></a></li>
<li>Kev Quirk: <a href="https://kevquirk.com/adding-a-book-editor-to-my-pure-blog-site" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Adding a Book Editor to My Pure Blog Site</span></a></li>
<li>Cenotaph&rsquo;s Docs: <a href="https://cenotaph.prose.sh/listenbrainz" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">MusicBrainz and ListenBrainz - your best friends for music discovery</span></a></li>
<li>Mark Wyner: <a href="https://markwrites.io/i-should-have-self-hosted-to-begin-with/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">I Should Have Self-Hosted to Begin With - Mark W.rites</span></a></li>
<li>Max Glenister: <a href="https://blog.omgmog.net/post/why-vendor-prefixes-are-still-in-your-css/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">It&rsquo;s 2026, why are vendor prefixes still in your CSS?</span></a></li>
<li>Rachel: <a href="https://projects.kwon.nyc/internet-is-fun/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">The internet used to be fun</span></a></li>
<li>Janik von Rotz: <a href="https://janikvonrotz.ch/2026/04/07/100-days-to-offload/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">100 Days to Offload</span></a></li>
</ul>
<h3 id="corporate"><a href="#corporate" class="h-anchor" title="Permalink to #Corporate"></a>Corporate</h3><ul>
<li>It&rsquo;s Foss: <a href="https://itsfoss.com/opinion/git-plain-text-writing/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Git Isn’t Just for Developers. It Might Be the Best Writing Tool Ever</span></a></li>
<li>Forbes: <a href="https://www.forbes.com/sites/zakdoffman/2026/04/10/googles-gmail-upgrade-decision-2-billion-users-must-act-now/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Google’s Gmail Upgrade Decision—2 Billion Users Must Act Now</span></a></li>
<li>Anchor: <a href="https://anchor.host/someone-bought-30-wordpress-plugins-and-planted-a-backdoor-in-all-of-them/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Someone Bought 30 WordPress Plugins and Planted a Backdoor in All of Them</span></a></li>
<li>iA Writer: <a href="https://ia.net/topics/markdown-and-the-slow-fade-of-the-formatting-fetish" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Markdown and the Slow Fade of the Formatting Fetish</span></a></li>
<li>Barrack: <a href="https://blog.barrack.ai/openai-codex-command-injection-github-token/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">OpenAI Codex: How a Branch Name Stole GitHub Tokens</span></a></li>
</ul>
<h3 id="projects"><a href="#projects" class="h-anchor" title="Permalink to #Projects"></a>Projects</h3><ul>
<li><a href="https://0ver.org/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">ZeroVer: 0-based Versioning</span></a></li>
<li><a href="https://gusbus.space/smallweb-subway/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Smallweb Subway</span></a></li>
<li><a href="https://github.com/usememos/memos" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Memos: FOSS note taking tool</span></a></li>
</ul>
<div class="footnotes">
<hr>
<ol>
<li id="fn:1">
<p>This Mastodon embed was a detour in and of itself because I didn&rsquo;t like the look (and third-party JavaScript injection) from the <a href="https://andypiper.org/mastodon-embeds-examples/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">official Mastodon embed</span></a>. I ended up creating my own Hugo shortcode for embedding toots using Hugo&rsquo;s <a href="https://gohugo.io/functions/resources/getremote/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">resources.GetRemote</span></a> that fetches the data using Mastodon&rsquo;s API on build. The icons are from <a href="https://feathericons.com/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Feather Icons</span></a>. I&rsquo;ll share it in a post soon!&#160;<a href="#fnref:1" class="footnote-backref">&#x21a9;&#xfe0e;</a></p>
</li>
</ol>
</div>

         <hr><p><i>[For up-to-date content, visit <a href="https://burgeonlab.com/">burgeonlab.com</a> directly (XML feeds don't fetch updates in real-time). For other feeds, visit the <a href='https://burgeonlab.com/subscribe/'>subscribe page</a>. Thanks for reading my weeknotes using a RSS reader!]</i></p>
        ]]></content></entry><entry><id>https://burgeonlab.com/weeknotes/2026/w14/</id><title type="html">Weeknote 2026-W14: Interview, Reading, Tech Finds &amp;amp; IndieWeb</title><link href="https://burgeonlab.com/weeknotes/2026/w14/"/><published>2026-04-06T23:55:00+08:00</published><updated>2026-06-02T21:58:22+08:00</updated><author><name>Naty S</name><email>naty@eclecticpassions.net</email></author><link rel="enclosure" type="image/png" href="https://burgeonlab.com/images/wn-cover/022_2026_w14.png"/><summary type="html">Participating in Hyde's Over/Under series, HK public library resources, new Fresh Tech Finds section exploring tools like CLI/IDE, and lots of IndieWeb links!</summary><content type="html"><![CDATA[<h2 id="writing"><a href="#writing" class="h-anchor" title="Permalink to #Writing"></a>Writing</h2><p>Last week I&rsquo;ve written more than usual because <a href="https://lazybea.rs/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Hyde</span></a> has invited me to his long-standing interview series called <a href="https://lazybea.rs/overunder" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Over/Under</span></a>. I&rsquo;m really honoured to be the 60th entry! Read it on <a href="https://lazybea.rs/ovr-060" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Hyde&rsquo;s blog</span></a> and definitely check out the other entries while you&rsquo;re there.</p>
<p>The interview consists of an assortment of topics chosen by Hyde, two book recommendations, a question from the previous blogger, and a question for me to ask the next participant. Hyde will give responses as well. This is the first time I&rsquo;ve collaborated at this scale with another blogger, so I&rsquo;m quite excited (and a bit nervous too).</p>
<h2 id="reading"><a href="#reading" class="h-anchor" title="Permalink to #Reading"></a>Reading</h2><p>I am proactively trying to increase the amount I read by using my Kobo Aura ONE more regularly (I&rsquo;ve <a href="https://eclecticpassions.net/blog/refurbished-ereader-kobo-aura-one/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">written about getting it</span></a> a few years ago). By using the stock Kobo software that links to OverDrive for library loans, I&rsquo;m able to explore different types of books easily at no cost. The Hong Kong Public Library offers a great selection of bilingual options. But I didn&rsquo;t realize the Kobo OverDrive system doesn&rsquo;t sync with the reading statistics when I&rsquo;m reading the borrowed books on Libby (Android).</p>
<p>The only way to get it to sync is by using the <a href="https://www.kobo.com/hk/en/p/apps" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Kobo Books app</span></a> on Android as well. I&rsquo;m someone who prefers to use the least possible apps as possible (PWA<sup id="fnref:1"><a href="#fn:1" class="footnote-ref">1</a></sup> for the win); plus, I feel the <a href="https://libby.help/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Libby app</span></a> is more privacy-friendly than the Kobo app. So I guess syncing reading stats for library books is out of the question for now—unless I get an e-reader that supports Android apps, which is unlikely at the moment.</p>
<p>While looking at the HK Public Library site, I found out there&rsquo;s free access to <a href="https://www.oreilly.com/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">O&rsquo;Reilly</span></a> and <a href="https://ebookcentral.proquest.com" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">E-Book Central ProQuest</span></a>! Expecting to find some quality resources there.</p>
<h2 id="fresh-tech-finds"><a href="#fresh-tech-finds" class="h-anchor" title="Permalink to #Fresh Tech Finds"></a>Fresh Tech Finds</h2><p>As a longtime tech tinkerer, I keep coming across new tools that catch my interest—but I often don&rsquo;t get around to testing them. So I’ll start sharing them here with you, my dear weeknotes readers! This new section will be tools/services/apps/etc I discovered recently, where I’m either experimenting with now (🧪) or have added to my “to-try” list (📌). If you have any recommendations or preferences, <a href="/contact/"><span class="ext-text">let me know</span></a>. I&rsquo;m all ears!</p>
<ul>
<li>📌 <a href="https://geany.org/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Geany</span></a> — Sometimes I&rsquo;m tempted to try another IDE (I&rsquo;ve only ever used VS Codium).</li>
<li>📌 <a href="https://micro-editor.github.io/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Micro</span></a> — CLI text editor, alternative to Nano, which is what I use for quick edits in the terminal.</li>
<li>📌 <a href="https://neovim.io/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Neovim</span></a> — I keep seeing those cool terminal text editor setups based on Vi/Vim.<sup id="fnref:2"><a href="#fn:2" class="footnote-ref">2</a></sup> Maybe it&rsquo;s worth trying to see if I can get my head around the way Vim works?</li>
<li>📌<a href="https://github.com/getarcaneapp/arcane" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Arcane</span></a> — On my Pi homelab, I use Portainer as my container manager, but I never truly enjoyed it. Maybe this modern take will be a nice upgrade?</li>
<li>🧪 <a href="https://github.com/dongdongbh/Mindwtr" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Mindwtr</span></a> — I&rsquo;ve been a fan of <a href="http://super-productivity.com/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">SuperProductivity</span></a> for years and years. But I came across this GTD alternative which looks interesting. It&rsquo;s a much smaller project. I&rsquo;m testing it on macOS + Android + syncing via WebDAV.</li>
<li>🧪 <a href="https://sw.kovidgoyal.net/kitty/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Kitty</span></a> — I&rsquo;m in the mood for upgrading my basic terminal setup from Apple Terminal + <a href="https://ohmyz.sh/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Oh My Zsh</span></a> + <a href="https://github.com/romkatv/powerlevel10k" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">powerlevel10k</span></a> + <a href="https://github.com/tmux/tmux" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">tmux</span></a> to something more sophisticated. Kitty is the first one I&rsquo;m going to try (out of my shortlist of WezTerm and Ghostty). I&rsquo;m starting testing next week and very excited. I expect a learning curve but I am hoping to be less trackball/mouse dependent going forward in 2026. Fun fact, did you know Kitty&rsquo;s creator Kovid Goyal also created <a href="https://github.com/kovidgoyal/calibre" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Calibre</span></a> the e-book manager? I love that app so I hope I end up enjoying Kitty too.</li>
</ul>
<h2 id="link-roundup"><a href="#link-roundup" class="h-anchor" title="Permalink to #Link Roundup"></a>Link Roundup</h2><p>Here are some links I found interesting last week.</p>
<h3 id="indieweb"><a href="#indieweb" class="h-anchor" title="Permalink to #IndieWeb"></a>IndieWeb</h3><ul>
<li>Angelo Gladding: <a href="https://ragt.ag/socialcg" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">W3C Social Community Group</span></a>
<ul>
<li>Angelo mentioned at the previous <a href="https://events.indieweb.org/tag/hwc" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">HWC</span></a> regarding the <a href="https://www.w3.org/groups/wg/social/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">W3C Social Web Working Group</span></a> (something I&rsquo;m not familiar with) and the recent developments he has been following regarding Meta&rsquo;s Threads now being the largest player in the ActivityPub protocol.</li>
<li>I really value and appreciate the decentralized nature of the Fediverse, especially Mastodon which is the main <a href="https://fediverse.observer/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Fediverse software</span></a> I use. From what I understand, having any server that is too big puts the whole equilibrium off kilter—which is why new Mastodon users <strong>should not</strong> have <a href="https://fedi.tips/its-a-really-bad-idea-to-join-a-big-server/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">mastodon.social</span></a> be selected as the default instance. Yes, it helps with initial on-boarding; but to be honest, it is not that difficult to explain the way the Fediverse works (federation is just like email), and allow the new user to select an instance relevant to them before creating an account.</li>
<li>Mastodon has been the best &ldquo;social media network&rdquo; experience I&rsquo;ve had thus far. I genuinely hope it stays the way it is; no ads, no algorithms, strong on community and authenticity.</li>
</ul>
</li>
<li>Pablo Enoc: <a href="https://enocc.com/blog/2025-05-23-discovery-tools-for-independent-websites.html" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Discovery Tools for Independent Websites</span></a> — Met Pablo at HWC (it was his <a href="https://enocc.com/blog/2026-04-02-homebrew-website-club-meeting.html" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">first attendance</span></a> 👋) and I realized we follow each other on Mastodon already actually! He is the creator of <a href="https://powrss.com/about" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">powRSS</span></a> which is something I&rsquo;ve been meaning to check out but haven&rsquo;t yet. I wanted to write a post about finding sites from the small web too, but it hasn&rsquo;t materialized (I only have a section on my <a href="/blogroll/#directories--aggregators"><span class="ext-text">/blogroll</span></a> that list some tools used to find indie sites).</li>
<li>Thomas Vander Wal: <a href="https://vanderwal.net/random/entrysel.php?blog=2138" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Weeknote - 15 March 2026</span></a> — While chatting about Webmentions at last week&rsquo;s HWC, Thomas fixed his Webmention error during the meeting!<sup id="fnref:3"><a href="#fn:3" class="footnote-ref">3</a></sup> He also restarted his weeknotes habit.</li>
<li>Mike Kupietz: <a href="https://michaelkupietz.com/other-pages-friends-sites/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Fellow Travellers, Friends&rsquo; Sites and other related links</span></a> — Mike is one of the regulars at HWC—he recently added me to his <a href="https://indieweb.org/RDF#FOAF" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">FOAF</span></a> (friend of a friend) page (thanks Mike!) His site may seem &ldquo;denser&rdquo; than some others; but there&rsquo;s really neat things on his blog, like a CLI mode 😮 and this funny pair of 👀 that can follow your cursor.</li>
<li>Jeff Bridgeforth: <a href="https://jeffbridgforth.com/weeknotes-march-25-2026/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Weeknotes 26:12</span></a> — Last shout-out to another IndieWeb user I met at my first <a href="https://events.indieweb.org/tag/fresh" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">FrESH</span></a> meeting, two weeks ago.</li>
</ul>
<h3 id="elsewhere"><a href="#elsewhere" class="h-anchor" title="Permalink to #Elsewhere"></a>Elsewhere</h3><ul>
<li>Hacker News: <a href="https://news.ycombinator.com/item?id=47659807" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Ask HN: How do systems (or people) detect when a text is written by an LLM</span></a> — Funny how em dashes and semicolons are now “AI tells”. Authors have been using them forever, and I’ve used them since high school; if anything, the AIs just learnt/stole those habits from human writers who did it well first.</li>
<li>Martin Rowan: <a href="https://www.martinrowan.co.uk/2021/02/raspberry-pi-wifi-performance-revisited/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Raspberry Pi Wi-Fi Performance Revisited</span></a> — After I upgraded my router, I am finding SSH really laggy with my Pi&hellip; This article has some good info about Pi&rsquo;s Wi-Fi capabilities (I&rsquo;m not using Ethernet so it is quite relevant to me).</li>
<li>Steph Ango: <a href="https://stephango.com/vault" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">How I use Obsidian</span></a> — I like reading about how others use tools, and Steph is @kepano, who&rsquo;s the creator of Obsidian.</li>
<li>Joan Westenberg: <a href="https://www.joanwestenberg.com/the-rime-of-the-ancient-maintainer/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">The Rime of the Ancient Maintainer</span></a> — A nice play on title and I enjoyed the post and the concept of the <em>maintainer</em>.</li>
<li><a href="https://phpforpeople.com/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">PHP for People</span></a> — I never understood what was going on with PHP when I was using WordPress. This looks like a practical resource (it&rsquo;s by <a href="https://www.neatnik.net/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Neatnik</span></a>, the dev behind omg.lol).</li>
</ul>
<div class="footnotes">
<hr>
<ol>
<li id="fn:1">
<p>Progressive web apps are just websites that interact like native apps. I prefer them over actual installed apps as they require a lot less data permissions.&#160;<a href="#fnref:1" class="footnote-backref">&#x21a9;&#xfe0e;</a></p>
</li>
<li id="fn:2">
<p>The first time I encountered Vim was when I opened the editor to change some configs, and my keyboard suddenly seemed “broken” and stopped responding normally. I was completely lost—it’s funny to think about now, not being able to quit Vim. I only have bare-bones understanding of it, and since it felt so confusing, I never explored it further.&#160;<a href="#fnref:2" class="footnote-backref">&#x21a9;&#xfe0e;</a></p>
</li>
<li id="fn:3">
<p>While <a href="https://rossabaker.com/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Ross</span></a> pointed out to me in the meeting that I&rsquo;ve set up <a href="https://codeberg.org/robida/human.json" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">humans.json</span></a> incorrectly in my <code>&lt;head&gt;</code>. Thanks, Ross!&#160;<a href="#fnref:3" class="footnote-backref">&#x21a9;&#xfe0e;</a></p>
</li>
</ol>
</div>

         <hr><p><i>[For up-to-date content, visit <a href="https://burgeonlab.com/">burgeonlab.com</a> directly (XML feeds don't fetch updates in real-time). For other feeds, visit the <a href='https://burgeonlab.com/subscribe/'>subscribe page</a>. Thanks for reading my weeknotes using a RSS reader!]</i></p>
        ]]></content></entry><entry><id>https://burgeonlab.com/weeknotes/2026/w13/</id><title type="html">Weeknote 2026-W13: WordPress Playground, New Router &amp;amp; Git</title><link href="https://burgeonlab.com/weeknotes/2026/w13/"/><published>2026-03-31T23:26:01+08:00</published><updated>2026-06-02T21:58:22+08:00</updated><author><name>Naty S</name><email>naty@eclecticpassions.net</email></author><link rel="enclosure" type="image/png" href="https://burgeonlab.com/images/wn-cover/021_2026_w13.png"/><summary type="html">Tested new WP theme for my secondary blog with My WordPress. Learnt more about Git branches, merge/rebase, and cherry-pick. New router excitement becomes woes.</summary><content type="html"><![CDATA[<h2 id="wordpress-playground"><a href="#wordpress-playground" class="h-anchor" title="Permalink to #WordPress Playground"></a>WordPress Playground</h2><p>WordPress released <a href="https://wordpress.org/news/2026/03/announcing-my-wordpress/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">my.wordpress.net</span></a> earlier this month and I only got round to testing it out. An in-browser WordPress sounds great for local testing and experimentation—great for tinkerers like me! I finally tested one of the <a href="https://indieweb.org/WordPress/Themes" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">latest WordPress theme</span></a> from the IndieWeb wiki but unfortunately, I didn&rsquo;t quite like the theme&rsquo;s limitations.</p>
<p>As much as I don&rsquo;t like WordPress for its clunkiness (theme and database bloat), plugin overload, security vulnerabilities, etc—it was the first tool I learnt to build websites with, so there&rsquo;s a sense of familiarity. By starting afresh with a lightweight theme like SemPress and using a static frontend, I think I will enjoy it a lot more—because I can skip the main bulk of plugins; Hostinger Tools, WordFence Security, LiteSpeed Cache, Updraft Backups. Happy days!</p>
<p>What I ended up with is <a href="https://indieweb.org/SemPress" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">SemPress</span></a> (Semantic WordPress). Although it is not a full-site editor (FSE) / block theme (which I have got used to), I like the built-in <a href="https://microformats.org/wiki/Main_Page" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">microformats markup</span></a>, lightweight structure, and the simplicity of using the theme. I&rsquo;ve already made some custom CSS to adjust it to my liking, created my first child theme, and added some custom tweaks using <code>functions.php</code>; which is not something I enjoy as I can&rsquo;t get my head around PHP syntax at all&hellip; Anyway, I think I will be eventually converting my existing WordPress theme (<a href="https://wordpress.org/themes/onyxpulse/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">OnyxPulse</span></a>) to SemPress and make the move to a headless WordPress setup with a static frontend <em>soon</em>.</p>
<p>Here&rsquo;s quick demo!</p>
<figure>
  <div class="img-container">
    <a href="/images/weeknotes/sempress-preview.gif" target="_blank" rel="noopener noreferrer"
       class="clickable-image">
      <img src="/images/weeknotes/sempress-preview.gif"
           alt="Gif video clip showing a demo of the SemPress Wordpress theme." width="800" height="520">
    </a>
  </div>

<h2 id="new-router"><a href="#new-router" class="h-anchor" title="Permalink to #New Router"></a>New Router</h2><p>Home networking is something I&rsquo;m not too confident in as I&rsquo;m always worried I might set something wrong resulting in security vulnerabilities. What I did learn while experimenting with my Raspberry Pi homelab is a bit of basics about ports, PiHole, firewalls, split-tunnelling/Tailscale, etc.</p>
<p>I&rsquo;ve also come to learn that open source firmware like <a href="https://github.com/openwrt/openwrt" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">OpenWrt</span></a> or <a href="https://dd-wrt.com/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">DD-WRT</span></a> are great for extending the lifespan of hardware; not to mention the security benefits, customization, and more features. I&rsquo;ve decided to get the <a href="https://www.gl-inet.com/products/gl-mt6000/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">GL-iNet Flint 2</span></a> because the current ASUS router at home is almost definitely a security loophole and overdue for replacement. Fun fact: GL-iNET are based in Hong Kong (which I only just found out 😅).</p>
<h2 id="git-cherry-pick"><a href="#git-cherry-pick" class="h-anchor" title="Permalink to #Git Cherry Pick"></a>Git Cherry Pick</h2><p>Git branches are a relatively new addition to my Git knowledge bank, but <a href="https://git-scm.com/docs/git-merge" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">merging</span></a>/<a href="https://git-scm.com/docs/git-rebase" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">rebase</span></a> is still something I&rsquo;m not entirely comfortable with (especially merge conflicts).</p>

<blockquote class="alert alert-tip">
  <p class="alert-heading">
    <span class="alert-icon">
      
      <span class="inline-svg"></span>
    </span>
    
      Tip
    
  </p>
  <p>I found video tutorials (on YouTube) by <a href="https://www.themoderncoder.com/resolving-git-merge-conflicts/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">The Modern Coder</span></a>, <a href="https://www.youtube.com/@philomatics" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Philomatics</span></a>, and <a href="https://www.freecodecamp.org/news/advanced-git-interactive-rebase-cherry-picking-reflog-and-more/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">freeCodeCamp</span></a> to be understandable and rather useful.</p>
</blockquote>

<p>While I did use a new branch (<code>refactor/theme-redesign</code>) to work on my Hugo theme redesign; I also added quite a lot of new features and general quality-of-life (QoL) improvements while on the redesign branch and did not use separate branches for each feature (a.k.a. <code>feature branch</code>).</p>
<p>As I can&rsquo;t merge <code>refactor/theme-redesign</code> to my live site&rsquo;s <code>master</code> branch (it&rsquo;s not completed yet); I won&rsquo;t be able to add those QoL features to the live site unless I start using <a href="https://git-scm.com/docs/git-cherry-pick" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Git cherry-pick</span></a>. I think I need to remove the picked commits from the source branch after cherry-picking so it doesn&rsquo;t duplicate the picked commits when I merge the branch later? I&rsquo;m not going to do anything until I find out!</p>
<h3 id="git-notes"><a href="#git-notes" class="h-anchor" title="Permalink to #Git Notes"></a>Git Notes</h3><p>I guess I am learning the hard way—but here are some quick notes I made as I am learning to use Git:</p>

<blockquote class="alert alert-warning">
  <p class="alert-heading">
    <span class="alert-icon">
      
      <span class="inline-svg"></span>
    </span>
    
      Warning
    
  </p>
  <p>I am a Git beginner, and my understanding could be wrong. Please check the <a href="https://git-scm.com/docs/user-manual.html" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">official Git manual</span></a>!</p>
</blockquote>

<ul>
<li>Create a new branch for each new feature/change</li>
<li>Rebase periodically to the main/master branch to prevent a lot of conflicts upon final merge/rebase</li>
<li><strong>Do not</strong> rebase if commits are already pushed to remote (as rebasing changes commit hashes)</li>
<li>To abort rebase or merge, add the <code>--abort</code> flag</li>
<li>After fixing rebase conflicts, <code>git add &lt;fixed-file&gt;</code> and continue with <code>git rebase --continue</code> (in git merge processes, use <code>git commit -m &quot;Fix merge conflict&quot;</code> to continue)</li>
<li>To exit Vim, click <code>ESC</code>, then type <code>:wq</code> (colon + w + q)</li>
<li>To confirm rebase process is completed, use <code>git status</code></li>
<li>Avoid cherry-picking from branches that will be merged back later as there will be duplication—limit use to stale or orphaned branches</li>
</ul>
<h2 id="closing"><a href="#closing" class="h-anchor" title="Permalink to #Closing"></a>Closing</h2><p>This weeknote is really late as I was in a home networking muddle for the last 24-48 hours. Maybe I&rsquo;ll write about it next week.</p>

         <hr><p><i>[For up-to-date content, visit <a href="https://burgeonlab.com/">burgeonlab.com</a> directly (XML feeds don't fetch updates in real-time). For other feeds, visit the <a href='https://burgeonlab.com/subscribe/'>subscribe page</a>. Thanks for reading my weeknotes using a RSS reader!]</i></p>
        ]]></content></entry><entry><id>https://burgeonlab.com/weeknotes/2026/w12/</id><title type="html">Weeknote 2026-W12: Blog Itches, Collabs &amp;amp; New Theme Progress</title><link href="https://burgeonlab.com/weeknotes/2026/w12/"/><published>2026-03-23T23:28:43+08:00</published><updated>2026-06-02T21:58:22+08:00</updated><author><name>Naty S</name><email>naty@eclecticpassions.net</email></author><link rel="enclosure" type="image/png" href="https://burgeonlab.com/images/wn-cover/020_2026_w12.png"/><summary type="html">New tech stack curiosity, Hugo theme redesign demo, setting self-hosting goals amidst Hostinger's WP expiry, and trying to meet the 100DaysToOffload challenge.</summary><content type="html"><![CDATA[<h2 id="blogging-itches"><a href="#blogging-itches" class="h-anchor" title="Permalink to #Blogging Itches"></a>Blogging Itches</h2><p>Although I&rsquo;ve been exclusively blogging with Hugo on <em>BurgeonLab</em> in the past four months (largely putting my first blog, <a href="https://eclecticpassions.net" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Eclectic Passions</span></a> and <a href="https://aperture2iris.com" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">photography project</span></a> on the back burner); I have been getting an itch to:</p>
<ul>
<li>Check out a new CMS, <a href="https://astro.build/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Astro</span></a></li>
<li>Investigate a static Wiki generator like <a href="https://feather.wiki/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">FeatherWiki</span></a> (a lightweight version of <a href="https://tiddlywiki.com/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">TiddlyWiki</span></a>)</li>
<li>Try <a href="https://github.com/khurtwilliams/cornerstone" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Cornerstone</span></a>, an IndieWeb minimalist WP theme</li>
</ul>
<h3 id="hostinger-plan-expiring"><a href="#hostinger-plan-expiring" class="h-anchor" title="Permalink to #Hostinger Plan Expiring"></a>Hostinger Plan Expiring</h3><p>My <a href="https://www.hostinger.com/referral?REFERRALCODE=NATYSREF" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Hostinger</span></a><sup id="fnref:1"><a href="#fn:1" class="footnote-ref">1</a></sup> WordPress Starter plan will expire in September of this year. My original plan was to convert my first WP blog into a static site using <a href="https://simplystatic.com/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Simply Static</span></a> and migrate it to <a href="https://bunny.net/?ref=k4vc3x5108" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Bunny Storage</span></a><sup id="fnref1:1"><a href="#fn:1" class="footnote-ref">1</a></sup> (where my other two static site lives) until I figure out what I want to do with that blog. Another path of diversion I want to go down is to get my first VPS and try self-hosting apps (e.g., Node.js, Docker apps, a website, etc). I could stay on Hostinger for another multi-year contract and try one of their starter KVM plans instead of web hosting.</p>
<p>I will try to stick to my goal of <strong>not tinkering</strong> because trying to learn a new CMS or changing WP themes are definitely not priority&hellip; but my brain often gets distracted by wanting to learn new things!</p>
<h3 id="focus-on-content"><a href="#focus-on-content" class="h-anchor" title="Permalink to #Focus on Content"></a>Focus on Content</h3><p>If you think my &ldquo;content dispersion&rdquo; situation is bad enough; a blogger I follow, Jack, has even more—<a href="https://baty.net/posts/2026/03/four-blogs-and-a-wiki/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">four blogs + a wiki</span></a>! It was actually his post that got me interested in the <a href="https://codeberg.org/Alamantus/FeatherWiki" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">FOSS wiki app</span></a>.</p>
<p>Anyway, I need to put some anti-pruritic cream on all these itches and just stick with the state of affairs; or else I am certain my first attempt at the <a href="https://burgeonlab.com/tags/100daystooffload/"><span class="ext-text">100DaysToOffload</span></a> challenge will fail! To be honest, I think I&rsquo;m already failing because I&rsquo;ve been spending time on refactoring and redesigning the theme on this blog (which by the way is coming along alright IMO!)</p>
<p>If you missed it, I posted two new posts last week:</p>
<ul>
<li><a href="https://burgeonlab.com/blog/how-to-set-active-class-element-for-hugo-menus/"><span class="ext-text">Set Hugo Navigation Menus with Active Class Without pageRef</span></a></li>
<li><a href="https://burgeonlab.com/blog/free-private-offline-spell-check-proofreader-languagetool/"><span class="ext-text">Offline LanguageTool: Free Open Source Grammarly Alternative</span></a></li>
</ul>
<h3 id="redesigning-a-forked-hugo-theme"><a href="#redesigning-a-forked-hugo-theme" class="h-anchor" title="Permalink to #Redesigning a Forked Hugo Theme"></a>Redesigning a Forked Hugo Theme</h3><p>As some of you might know, I&rsquo;m in the process of making the forked Anubis2 theme my own by redesigning and refactoring my previous overrides into the new theme repo. Shout-out to @Junyi99, the creator of the original theme, <a href="https://github.com/hugo-theme-anubis2/hugo-theme-anubis2" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Anubis2</span></a>!</p>
<p>Some of my favourite changes:</p>
<ul>
<li>A more comfortable contrast ratio (using <a href="https://webaim.org/resources/contrastchecker/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">WCAG AAA colour contrast</span></a> guidelines)</li>
<li>Full-bleed top nav and footer</li>
<li>Footer has a more modern design, clean when collapsed (inspired by <a href="https://chrisburnell.com/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Chris&rsquo;s site</span></a>)</li>
<li>Made a new toggle icon switch for light/dark mode (light mode is under construction)</li>
<li>Two button designs, one with an &ldquo;indicator&rdquo;</li>
<li><a href="https://burgeonlab.com/blog/how-to-set-active-class-element-for-hugo-menus/"><span class="ext-text">Active menu</span></a> styled links</li>
<li>New &ldquo;show summaries&rdquo; button on archive pages</li>
<li>Cleaner comments section</li>
<li>Move share buttons and post metadata (tags, series) to the bottom of the post instead of cluttering the top (only word count + date) (inspired by <a href="https://alecsargent.codeberg.page/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Alec&rsquo;s site</span></a>)</li>
<li>Redesigned the website carbon badge to fit into 88x31 + expandable section</li>
</ul>
<figure>
  <div class="img-container">
    <a href="/images/weeknotes/hugo-auxo-preview.gif" target="_blank" rel="noopener noreferrer"
       class="clickable-image">
      <img src="/images/weeknotes/hugo-auxo-preview.gif"
           alt="Looping GIF video of a quick demo preview of the new upcoming theme for burgeonlab.com." width="500" height="369">
    </a>
  </div>

<h2 id="blogging-collaboration"><a href="#blogging-collaboration" class="h-anchor" title="Permalink to #Blogging Collaboration"></a>Blogging Collaboration</h2><p>My first ever <a href="/weeknotes/2025/w48/#irl-in-real-life"><span class="ext-text">collab post</span></a> I did was with <a href="https://burgeonlab.com/notes/2026/0323-6413-reply/"><span class="ext-text">Joel</span></a>; where I had to answer only one question. Last week, I was invited by another prolific blogger, <a href="https://lazybear.social/@hyde" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Hyde</span></a>, to be one of his guests to participate in an interview-style series called <a href="https://lazybea.rs/overunder/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Over/Under</span></a>.</p>
<p>Guests are asked to share their opinions on five topics chosen by the host, and the remaining interview consists of three other questions:</p>
<ol>
<li>Imagine that ICE officers are at your door to seize all your books. You have the opportunity to save two. Which two would you pick?</li>
<li>Ask the next blogger a question of your choosing.</li>
<li>Answer the question the previous blogger asked.</li>
</ol>
<p>He has done almost 50 (!) interviews with some well-known bloggers that I also follow and look up to, such as <a href="https://ploum.net/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Ploum</span></a>, <a href="https://rknight.me/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Robb Knight</span></a>, <a href="https://artlung.com/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Joe Crawford</span></a>, <a href="https://sive.rs/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Derek Sivers</span></a>, <a href="https://shellsharks.com/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Shellsharks</span></a>, <a href="https://joelchrono.xyz" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Joelchrono</span></a>, <a href="https://flamedfury.com/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">fLaMEd</span></a>, and <a href="http://adamsdesk.com/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Adamsdesk</span></a>.</p>
<p>I&rsquo;m sure there are even more amazing humans in the list I have yet to discover <em>(makes mental note to check out the rest of the interviewees)</em>—but to be amongst one of them! Gosh, I’m deeply honoured and delighted, though I can already sense my impostor syndrome kicking in. I look forward to delving into the topics Hyde selected for me and will share my post when the time comes <em>(thanks, Hyde, for the invite).</em> Now go check out <a href="https://lazybea.rs/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">his blog</span></a>, (he actually recently posted about getting the <a href="https://lazybea.rs/added-bearblog-like-button" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">iine upvote button after seeing my guide</span></a>!)</p>
<h2 id="link-roundup"><a href="#link-roundup" class="h-anchor" title="Permalink to #Link Roundup"></a>Link Roundup</h2><p>Here are some links I found interesting last week.</p>
<ul>
<li>F-Droid: in case you missed an older article in Feb, <a href="https://f-droid.org/en/2026/02/24/open-letter-opposing-developer-verification.html" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">An Open Letter Opposing Android Developer Verification</span></a>, the latest post from <a href="https://android-developers.googleblog.com/2026/03/android-developer-verification.html" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Google</span></a> 🤮, and a <a href="https://fosstodon.org/@nixCraft@mastodon.social/116261526737871825" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Mastodon thread</span></a> on the topic by <a href="https://mastodon.social/@nixCraft" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">@nixCraft</span></a> — I am really distraught at the thought of not being to install what I want on my Android phone. I am drafting an email to my <a href="https://keepandroidopen.org/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">local regulator</span></a> to voice my concerns, but I really don&rsquo;t feel it will do much&hellip; 😭 Please raise awareness! 🚨</li>
<li><a href="https://robida.net/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Robida.net</span></a>: <a href="https://codeberg.org/robida/human.json" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Human.json Protocol</span></a> — <a href="https://fediverse.repc.co/@chrisburnell" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Chris</span></a> and I both came across this project from Beto. I&rsquo;m not one for installing browser plugins, but I&rsquo;ve added the JSON file to my site to show my support and vouch for my favourite human-run sites. I will also add <a href="https://humanstxt.org/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">humans.txt</span></a> which I&rsquo;ve had in my blog-to-do list for ages.</li>
<li>Practical Betterment: <a href="https://practicalbetterments.com/change-your-default-date-format-to-the-least-ambiguous/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Change your default date format to the least ambiguous</span></a> — A couple of years ago, I realized how using a <code>YYYY-MM-DD</code> date format on digital files (especially my notes) is unbeatable due to the ability to sort meaningfully. But for easy reading (like on websites), I think a <code>DD-MMM</code> or <code>DD-MMM-YY</code> might be more suitable. My dates used on this blog is a mess, with inconsistent formats—it is something I need to fix in my new theme.</li>
<li>512 Pixels: <a href="https://512pixels.net/2026/03/hide-macos-tahoes-menu-icons-with-this-one-simple-trick/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Hide macOS Tahoe’s Menu Icons With This One Simple Trick</span></a> — I don&rsquo;t dare to imagine the day I need to install Tahoe on my M1 Mac Mini, but at least there&rsquo;s a way to hide those excessive icons in the menus.</li>
</ul>
<h3 id="terminal-app-discoveries"><a href="#terminal-app-discoveries" class="h-anchor" title="Permalink to #Terminal App Discoveries"></a>Terminal App Discoveries</h3><ul>
<li><a href="https://github.com/pagel-s/termcraft" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">termcraft: Terminal-only 2D sandbox survival game</span></a> — As a person who has come to learn the amazing ability of the CLI / terminals, this looks really cool. It&rsquo;s an early alpha game played within the terminal, written in Rust.</li>
<li><a href="https://github.com/glebovdev/somafm-cli" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">somafm-cli: Terminal radio player for SomaFM</span></a> — Another cool terminal app!</li>
<li><a href="https://github.com/mexirica/aptui" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">APTUI: APT package manager in TUI form</span></a> — I only recently learnt the term TUI (terminal user interface) while learning to use <a href="https://sr.ht/~delthas/senpai/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Senpai</span></a> (my IRC macOS client of choice).</li>
</ul>
<div class="footnotes">
<hr>
<ol>
<li id="fn:1">
<p>This is an <a href="https://burgeonlab.com/support/#links"><span class="ext-text">affiliate</span></a> link. Thank you for your support!&#160;<a href="#fnref:1" class="footnote-backref">&#x21a9;&#xfe0e;</a>&#160;<a href="#fnref1:1" class="footnote-backref">&#x21a9;&#xfe0e;</a></p>
</li>
</ol>
</div>

         <hr><p><i>[For up-to-date content, visit <a href="https://burgeonlab.com/">burgeonlab.com</a> directly (XML feeds don't fetch updates in real-time). For other feeds, visit the <a href='https://burgeonlab.com/subscribe/'>subscribe page</a>. Thanks for reading my weeknotes using a RSS reader!]</i></p>
        ]]></content></entry><entry><id>https://burgeonlab.com/weeknotes/2026/w11/</id><title type="html">Weeknote 2026-W11: CryptPad, Switch Games, VPS &amp;amp; F1 Podium</title><link href="https://burgeonlab.com/weeknotes/2026/w11/"/><published>2026-03-17T22:51:38+08:00</published><updated>2026-06-02T21:58:22+08:00</updated><author><name>Naty S</name><email>naty@eclecticpassions.net</email></author><link rel="enclosure" type="image/png" href="https://burgeonlab.com/images/wn-cover/019_2026_w11.png"/><summary type="html">Loving Lewis' P3 podium at Shanghai, exploring CryptPad as an open-source alternative to Google Drive, and online multiplayer games with the Nintendo Switch.</summary><content type="html"><![CDATA[<h2 id="f1-shanghai-race"><a href="#f1-shanghai-race" class="h-anchor" title="Permalink to #F1 Shanghai Race"></a>F1 Shanghai Race</h2><p>As a long time Lewis Hamilton and Mercedes fan (especially Toto), seeing the podium last weekend was amazing. I&rsquo;m thrilled and delighted for Lewis finally getting his first Ferrari podium. Enjoyed Kimi getting his first win too. As it stands, I think the most probable first F1 race I attend in person might be Shanghai! The track is well-designed for overtaking action and is relatively close to Hong Kong.</p>
<p>I am still not enjoying the fact it&rsquo;s all a bit Mario-kart style in the new era, but seeing the two Ferraris fighting it out was pretty nice! I also really love the images Lewis shared of him and his mum over the race weekend.</p>
<h3 id="google-docs-alternative-cryptpad"><a href="#google-docs-alternative-cryptpad" class="h-anchor" title="Permalink to #Google Docs Alternative: CryptPad"></a>Google Docs Alternative: CryptPad</h3><p>I started a <a href="https://burgeonlab.com/notes/2026/0314-9523/"><span class="ext-text">spreadsheet</span></a> to track my F1 Fantasy performance this year. I am not really a spreadsheet person, I don&rsquo;t think I created an online spreadsheet ever since I deleted my Google Drive. So I went ahead and created a new <a href="https://cryptpad.org/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">CryptPad</span></a> account on the <a href="https://cryptpad.disroot.org/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Disroot instance</span></a>, and it&rsquo;s been very straight forward. I think this is a great <a href="https://alternativeto.net/software/cryptpad/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">open source alternative</span></a> to closed services like Google Drive and Dropbox. The only downside so far is the slight delay when loading the spreadsheet (probably due to the end-to-end-encryption), but I can live with that; once it has loaded, there&rsquo;s no lag.</p>
<p>There&rsquo;s all the usual apps you might see in an &ldquo;office suite&rdquo;, which is in <a href="https://docs.cryptpad.org/en/FAQ.html#faq-oointegration" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">collaboration with OnlyOffice</span></a>. The basic like Document, Presentation, and Spreadsheet are covered, but also there&rsquo;s <a href="https://docs.cryptpad.org/en/user_guide/apps/form.html" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Form</span></a>, <a href="https://docs.cryptpad.org/en/user_guide/apps/kanban.html" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Kanban</span></a>, <a href="https://docs.cryptpad.org/en/user_guide/apps/diagram.htmlgram" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Diagram</span></a>, and <a href="https://docs.cryptpad.org/en/user_guide/apps/whiteboard.html" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Whiteboard</span></a>.</p>
<p>If you love Markdown like me, <a href="https://docs.cryptpad.org/en/user_guide/apps/slides.html" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Slides</span></a> is a nice way of making presentations with only Markdown! I might also try to use CryptPad Forms to make a few polls for my future posts.</p>
<h2 id="vps-and-cloud-app-deployment"><a href="#vps-and-cloud-app-deployment" class="h-anchor" title="Permalink to #VPS and Cloud App Deployment"></a>VPS and Cloud App Deployment</h2><p>I was researching Render alternatives for migrating Indiekit (a Node.js serverless app) from the free tier to an alternative platform due to the cold starts after 15 minutes of inactivity. Wrote notes on the options and was going to include it here; but it got long and I couldn&rsquo;t finish the research in time for this weeknote, so it&rsquo;ll be in a separate post coming soon!</p>
<p>I don&rsquo;t really want to mess with the working setup, but I am hopeful the migration shouldn&rsquo;t be too painful; might have to refresh my memory on Docker though if I go the VPS route instead of the &ldquo;one-click&rdquo; deployment platforms. What&rsquo;s your go to? I tried renting a Hetzner VPS about a year ago but got rejected during the ID verification process (maybe it&rsquo;s <a href="https://tenforward.blog/hetzner-considered-hostile-a-psa/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">not the best</span></a> option there anyway). I&rsquo;ll try to avoid this by non-KYC (know-your-customer) providers in the future.</p>
<h2 id="gaming"><a href="#gaming" class="h-anchor" title="Permalink to #Gaming"></a>Gaming</h2><p>Haven&rsquo;t gamed for ages, but <a href="https://joelchrono.xyz/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">@joelchrono</span></a> got me playing the games in the Nintendo Switch emulators! I had a good old laugh and great time trying some games from the <a href="https://www.nintendo.com/us/store/products/nintendo-entertainment-system-nintendo-classics-switch/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">NES Classics</span></a> collection. We ended up playing <a href="https://en.wikipedia.org/wiki/River_City_Ransom" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">River City Ransom</span></a> the most! I am actually quite impressed by the game—it had way more depth than I expected. The sound effects and sound track are enjoyable, the map is an open-world style, and the pixel art sprites and backgrounds are charming. I never knew of this game prior, but after a quick search, it seems we chose a cult favourite!<sup id="fnref:1"><a href="#fn:1" class="footnote-ref">1</a></sup></p>
<h3 id="nintendo-switch"><a href="#nintendo-switch" class="h-anchor" title="Permalink to #Nintendo Switch"></a>Nintendo Switch</h3><p>I am currently on the 7-day free trial basic NSO membership, but might consider getting the expansion pack for accessing the Nintendo 64 emulator as that&rsquo;s the console I grew up with. (Thanks Joel for the good times!) By the way, I&rsquo;m up for casual gaming—send me a message to get my friend code!</p>
<p>Here are some of the main games I have:</p>
<ul>
<li>Taiko No Tatsujin</li>
<li>Katamari Damacy Reroll</li>
<li>GRID Autosport</li>
<li>Overcooked 2</li>
<li>Super Monkey Ball Banana Mania</li>
<li>Super Smash Bros. Brawl</li>
<li>Tetris 99</li>
<li>and some other indie, single player games&hellip;.</li>
</ul>
<h2 id="link-roundup"><a href="#link-roundup" class="h-anchor" title="Permalink to #Link Roundup"></a>Link Roundup</h2><p>Here are some links I found interesting last week.</p>
<ul>
<li>Ars Technica: <a href="https://arstechnica.com/security/2026/03/supply-chain-attack-using-invisible-code-hits-github-and-other-repositories/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Supply-chain attack using invisible code hits GitHub and other repositories</span></a></li>
<li>Kevin Xu (Interconnected): <a href="https://interconnect.substack.com/p/chinese-open-source-a-definitive" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Chinese Open Source: A Definitive History</span></a></li>
<li>Android Authority: <a href="https://www.androidauthority.com/app-warns-when-smart-glasses-nearby-3643662" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Wary of strangers recording you? This app warns you when smart glasses are nearby</span></a></li>
<li>The Verge: <a href="https://www.theverge.com/ai-artificial-intelligence/890921/grammarly-ai-expert-reviews" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Grammarly is using our identities without permission</span></a> — I use the local version of <a href="https://languagetool.org/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">LanguageTool</span></a> exclusively for spell/grammar checks.</li>
<li>If you&rsquo;re into pixel art, I came across <a href="https://www.skaterfish.net/index.html" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Michael&rsquo;s site</span></a> on the <a href="https://indieweb.org/discuss" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">IndieWeb chat channel</span></a> and I think it looks really cool. It&rsquo;s under construction but there&rsquo;s a <a href="https://www.skaterfish.net/me.html#post-2026-03-06" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">post there about creating pixel art</span></a>.</li>
<li>Angelo Gladding: A cool site and <a href="https://ragt.ag/uses" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">/uses page</span></a></li>
<li>Ryan Bagley: <a href="https://rb.ax/blog/perfect-image-processing-with-hugo/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Perfect Image Processing with Hugo</span></a></li>
<li>Kev Quirk: <a href="https://kevquirk.com/sunsetting-the-512kb-club" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Sunsetting The 512kb Club</span></a> — Luckily <a href="https://btxx.org/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Brad</span></a> is taking over. Thanks, Kev, for getting me into slimming down my site from the get-go!</li>
</ul>
<div class="footnotes">
<hr>
<ol>
<li id="fn:1">
<p>Here are two reviews of RCR by <a href="https://stuffthatinterestsme.net/why-river-city-ransom-was-the-best-nes-game-ever-made/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Schill</span></a> and <a href="https://www.denofgeek.com/games/river-city-ransom-invented-modern-action-game/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Matthew</span></a>.&#160;<a href="#fnref:1" class="footnote-backref">&#x21a9;&#xfe0e;</a></p>
</li>
</ol>
</div>

         <hr><p><i>[For up-to-date content, visit <a href="https://burgeonlab.com/">burgeonlab.com</a> directly (XML feeds don't fetch updates in real-time). For other feeds, visit the <a href='https://burgeonlab.com/subscribe/'>subscribe page</a>. Thanks for reading my weeknotes using a RSS reader!]</i></p>
        ]]></content></entry><entry><id>https://burgeonlab.com/weeknotes/2026/w10/</id><title type="html">Weeknote 2026-W10: Wikipedia, Trackball Repair, F1 &amp;amp; Links</title><link href="https://burgeonlab.com/weeknotes/2026/w10/"/><published>2026-03-09T22:38:02+08:00</published><updated>2026-06-02T21:58:22+08:00</updated><author><name>Naty S</name><email>naty@eclecticpassions.net</email></author><link rel="enclosure" type="image/png" href="https://burgeonlab.com/images/wn-cover/018_2026_w10.png"/><summary type="html">Became a Wikipedian, craving a split keyboard, doing trackball mouse switch repairs. F1 2026 fantasy season starts. Links on tech, security, and privacy topics.</summary><content type="html"><![CDATA[<h2 id="contributing-to-collaborative-projects"><a href="#contributing-to-collaborative-projects" class="h-anchor" title="Permalink to #Contributing to Collaborative Projects"></a>Contributing to Collaborative Projects</h2><p>During the <a href="https://events.indieweb.org/2026/03/homebrew-website-club-pacific-UQxq4XD0usxU" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">HWC: Pacific</span></a> event last week, <a href="https://reillyspitzfaden.com/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Reilly</span></a> mentioned a blogger called <a href="https://www.mollywhite.net/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Molly White</span></a> who writes about technology. I saw her photo and realized I watched her <a href="https://blog.mollywhite.net/become-a-wikipedian-transcript/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">getting started guide on Wikipedia</span></a> in the past—something I’ve parked on my “someday/maybe” list.</p>
<p>Having joined the <a href="https://indieweb.org/User:Burgeonlab.com" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">IndieWeb wiki</span></a> for a few months, I feel more prepared to also join Wikipedia. It can feel daunting at first, as Molly describes, but it isn&rsquo;t too bad once you start. Another place I enjoy contributing to is <a href="https://www.openstreetmap.org/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">OpenStreetMap</span></a>! Do you have any large-scale projects you contribute to?</p>
<h3 id="wikipedia"><a href="#wikipedia" class="h-anchor" title="Permalink to #Wikipedia"></a>Wikipedia</h3><p>It&rsquo;s Sunday now, and having written the two paragraphs above earlier in the week—I am happy to say I have gone ahead and started my <a href="https://en.wikipedia.org/wiki/Wikipedia_community" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Wikipedian</span></a> journey! It took some time getting used to <a href="https://en.wikipedia.org/wiki/MediaWiki" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">MediaWiki</span></a> (the backend wiki software), but I got my User page sorted with an <code>infobox</code>, collected some <a href="https://en.wikipedia.org/wiki/Wikipedia:Userboxes" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">userboxes</span></a>, made a custom signature and menu bar, and completed a few simple copy edits and translations already. I will try to learn the <a href="https://en.wikipedia.org/wiki/Wikipedia:Manual_of_Style" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Manual of Style</span></a> as I go—but it&rsquo;s been a fun start! Maybe I should write a quick post on it while it&rsquo;s still fresh&hellip;</p>
<p>I think more people should become a Wikipedian because it is an opportunity to collaborate with others, give back to the global community, and sharpen your writing and research skills. Another pertinent reason to contribute in times like now, where AI-generated content is rampant online, is that we need real humans to ensure that one of the biggest online knowledge sources stays accurate, factual, balanced, and trustworthy.</p>
<h2 id="split-keyboards"><a href="#split-keyboards" class="h-anchor" title="Permalink to #Split Keyboards"></a>Split Keyboards</h2><p>Recently I&rsquo;ve been getting the itch again to buy my first split keyboard. When I did research the last time I looked, at the top of the shortlist was the <a href="https://www.zsa.io/voyager" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">ZSA Voyager</span></a>. While the OWLAB Spring (Alice layout)<sup id="fnref:1"><a href="#fn:1" class="footnote-ref">1</a></sup> has been serving me well for roughly two years now and with additional tilter mod from <a href="https://3dkeycap.com/products/mx-tilter-kit" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">3dkeycap</span></a> about six months ago—the comfort levels of this budget concave key well mod has made me want to try to <a href="https://www.moergo.com/pages/glove80" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Glove80 by MoErgo</span></a> a lot more. Both of these split keyboards are quite expensive; both almost HK$ 3000 (~ US$ 400), so I&rsquo;m still on the fence. If you love your split keyboard, tell me about it!</p>
<p>Software is quite an important part of minimal layouts, and if comparing between the Voyager and the Glove80, I think most users would say software by ZSA is one of the best out there (from what I&rsquo;ve read). Currently, I&rsquo;m using <a href="https://github.com/vial-kb/vial-gui" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Vial</span></a> (QMK fork) for my OWLAB Spring; and last week, I came across another keyboard software called <a href="https://github.com/jtroo/kanata" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Kanata</span></a> which is a cross-platform, FOSS keyboard re-mapper that I might test out how to use home-row mods. Read more about it at <a href="https://github.com/dreamsofcode-io/home-row-mods" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Dreams of Code&rsquo;s repo</span></a> and a <a href="https://blog.zsa.io/layout-buffet-home-row-mods/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">blog post by ZSA</span></a>.</p>
<h2 id="trackball-repair"><a href="#trackball-repair" class="h-anchor" title="Permalink to #Trackball Repair"></a>Trackball Repair</h2><figure>
  <div class="img-container">
    <a href="/images/weeknotes/018-kensington-orbit-1.webp" target="_blank" rel="noopener noreferrer"
       class="clickable-image">
      <img src="/images/weeknotes/018-kensington-orbit-1.webp"
           alt="Photo of a Kensington Orbit trackball mouse disassembled, revealing the circuit board and scroll wheel still attached. There are two replacement switches with yellow buttons, a Torx screwdriver and the mouse cover and screws on the side." width="1028" height="771">
    </a>
  </div>

<p><a href="https://fosstodon.org/@eclecticpassions/116168827613384865" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Last week</span></a> my Kensington Orbit started registering double clicks when I clicked once. It was driving me around the bend! One advantage of living in Hong Kong is ordering electronic parts like these from mainland China is very budget-friendly and shipping is incredibly fast (and also cheap). I bought four replacement <a href="https://kailhswitch.net/products/kailh-mute-button-6-6-7-3mm-square-silent-wireless-wired-mouse-micro-switch-mouse-button-tact-switch" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Kailh 7.3mm silent mouse micro switches</span></a> for RMB¥ 10 (~ US$ 1.45) which came in two days. The red button variant has a lifespan of 10 million clicks, whereas the yellow ones I bought has 20 million.</p>
<p>Disassembly was straight forward (requiring a T5 Torx screwdriver), a <a href="https://www.reddit.com/r/Trackballs/comments/jma2gf/fixing_kensington_orbit_mouse_button_problems/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Reddit guide</span></a> and <a href="https://invidious.nerdvpn.de/watch?t=62&amp;v=wj26mKImnfY" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">YouTube video</span></a> (video opens on <a href="https://invidious.io/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Invidious</span></a>) made it easy.</p>
<h3 id="soldering"><a href="#soldering" class="h-anchor" title="Permalink to #Soldering"></a>Soldering</h3><p>I have not soldered for years (the last time was probably when I built my <a href="https://40s.wiki/boards/planck" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">OLKB Plank v3</span></a>) so I am rusty. I also realized my budget soldering iron is likely underpowered for the lead-free solder I had in my drawer—Takumi ECO A075 (99.25% Sn / 0.75% Cu).<sup id="fnref:2"><a href="#fn:2" class="footnote-ref">2</a></sup></p>
<figure>
  <div class="img-container">
    <a href="/images/weeknotes/018-kensington-orbit-2.webp" target="_blank" rel="noopener noreferrer"
       class="clickable-image">
      <img src="/images/weeknotes/018-kensington-orbit-2.webp"
           alt="Photo of a helping hand holding the trackball circuit board with magnifying glass over the solder joints. On the table is some Goot copper solder wick and lead-free solder. " width="1028" height="771">
    </a>
  </div>

<p>Recently I learnt that <a href="https://paceworldwide.com/lead-free" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">lead-free solder</span></a> is more difficult to work with than the more common 60/40 (tin/lead)—which is why it took longer than expected to heat the joint properly for the solder to flow. I think I should get some separate flux too because the flow was not great. I&rsquo;m not sure why the desoldering was also slow; maybe because the iron didn&rsquo;t get hot enough to melt the existing joint? Luckily after some persistence, the combination of the Goot solder wick and desoldering pump did the job.</p>
<p>The new switch is a huge improvement compared to the cheap, original clickity-clack switch. The dampened/silent button feels amazing!</p>
<figure>
  <div class="img-container">
    <a href="/images/weeknotes/018-kensington-orbit-3.webp" target="_blank" rel="noopener noreferrer"
       class="clickable-image">
      <img src="/images/weeknotes/018-kensington-orbit-3.webp"
           alt="" width="1028" height="771">
    </a>
  </div>

<h2 id="formula-1-2026"><a href="#formula-1-2026" class="h-anchor" title="Permalink to #Formula 1 2026"></a>Formula 1 2026</h2><p><strong>Stats:</strong> Team 1 after Race 1: ANT(X2)+LEC+BEA+LIN+HUL + FER+HAA, total budget = $102.1M</p>
<p>Round 1 in Melbourne, Australia is already over, and I&rsquo;m not sure what to make of the new regulations. While I did enjoy the switcheroo action at the start with Russel and Charles, I don&rsquo;t think I can accept that F1, the pinnacle of motorsport, isn&rsquo;t pushing absolute speed limits on every corner—instead requiring lift-and-coast techniques just to charge the battery enough to keep racing. I guess I&rsquo;ll just have to get used to the new way they handle the cars&hellip;</p>
<h3 id="f1-fantasy"><a href="#f1-fantasy" class="h-anchor" title="Permalink to #F1 Fantasy"></a>F1 Fantasy</h3><p>It&rsquo;s my fourth year playing <a href="https://fantasy.formula1.com/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">F1 Fantasy</span></a> (second year playing seriously). My Team 1&rsquo;s budget could have done better had I chosen Gabriel instead of Nico (-0.6M), but it could have been worse! Looking forward to China&rsquo;s sprint race and hope to make up some gains next weekend.</p>
<p>If you missed some of my related F1 posts on Mastodon, here are a few leagues you could join if you&rsquo;re interested; the more, the merrier!</p>
<ul>
<li><a href="https://fantasy.formula1.com/en/leagues/join/P5MHYTGV707" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Fedi F1 League</span></a> (for the Fediverse, created by <a href="https://fosstodon.org/@rob@rstokes.uk" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">@Rob</span></a>)</li>
<li><a href="https://fantasy.formula1.com/en/leagues/join/P3YJ3NYVT01" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">IndieWeb F1 Fans</span></a> (created by me)</li>
<li>I&rsquo;m up for any <a href="https://fantasy.formula1.com/en/leagues/create-league" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Head-2-Head leagues</span></a> too—just contact me via any method in the <a href="/weeknotes/2026/w10/#responses"><span class="ext-text">Response section</span></a></li>
</ul>
<p>A new thing I&rsquo;m starting this year is also playing with the folks in the #f1/libera <a href="https://libera.chat/guides/findingchannels" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">IRC channel</span></a>. They do their own spreadsheet fantasy which is impressive (it&rsquo;s maintained by @tomf, link in the channel description). They&rsquo;ve been welcoming, and I&rsquo;m quite happy to have a chatroom to join when race weekends are on because I don&rsquo;t like using Discord (where most F1 groups tends to be I think).<sup id="fnref:3"><a href="#fn:3" class="footnote-ref">3</a></sup></p>
<h2 id="link-roundup"><a href="#link-roundup" class="h-anchor" title="Permalink to #Link Roundup"></a>Link Roundup</h2><p>Here are some links I found interesting last week.</p>
<ul>
<li>Indieweb Garden Graph: <a href="https://gardn.website/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Gardn</span></a> — I forgot to share this last week, but it&rsquo;s an interesting IndieWeb project created by Aaron (aka <a href="https://crowdersoup.com/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">CrowderSoup</span></a>). It is a way of collecting and displaying your blogroll, check it out! I need to add it to my site.</li>
<li>XDA Developers: <a href="https://www.xda-developers.com/the-internet-nearly-died-and-nobody-knew-xz-utils-backdoor/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">The internet nearly died (and nobody knew)</span></a> — This was an interesting read albeit old news (2024), about a very well-thought-out backdoor vulnerability to a common utility called <a href="https://www.geeksforgeeks.org/linux-unix/xz-lossless-data-compression-tool-in-linux-with-examples/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">XZ</span></a> (used in file compression) that almost infiltrated every Linux server in the world via OpenSSH. Thanks to Andres Freund, a Microsoft PostgreSQL dev, who stopped it in time because he digged into why his SSH connection was 0.4s slower than usual. For more, check the <a href="https://en.wikipedia.org/wiki/XZ_Utils_backdoor" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Wikipedia article on XZ Utils backdoor</span></a>.</li>
<li>Reason: <a href="https://reason.com/2026/03/04/computer-scientists-caution-against-internet-age-verification-mandates/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Computer Scientists Caution Against Internet Age-Verification Mandates</span></a> — I am not looking forward to the day that age-verification requirement is implemented. It&rsquo;s not just about the children, but it&rsquo;s the next step in mass surveillance and increased privacy risk in using services that impose it.</li>
<li>Ars Technica: <a href="https://arstechnica.com/gadgets/2026/03/with-developer-verification-googles-apple-envy-threatens-to-dismantle-androids-open-legacy/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">With developer verification, Google’s Apple envy threatens to dismantle Android’s open legacy</span></a> — You may have noticed I added the <a href="https://keepandroidopen.org/banner/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">banner</span></a> at the top of my blog to raise awareness about this pressing issue. As a pessimist, I don&rsquo;t have a good feeling about the outcomes&hellip;</li>
<li>Svenska Dagbladet: <a href="https://www.svd.se/a/K8nrV4/metas-ai-smart-glasses-and-data-privacy-concerns-workers-say-we-see-everything" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">She Came Out of the Bathroom Naked, Employee Says</span></a> — These glasses are creepy as hell.</li>
<li>Caroline Crampton: <a href="https://www.carolinecrampton.com/the-view-from-rss/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">The View From RSS</span></a> — I also like RSS a lot but I&rsquo;m not that good on keeping up to date with all the amazing blogs I follow.</li>
<li>404 Media: <a href="https://www.404media.co/ai-translations-are-adding-hallucinations-to-wikipedia-articles/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">AI Translations Are Adding ‘Hallucinations’ to Wikipedia Articles</span></a></li>
<li>Privacy Guides: <a href="https://www.privacyguides.org/en/activism/toolbox/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Privacy Activist Toolbox</span></a></li>
</ul>
<h2 id="closing"><a href="#closing" class="h-anchor" title="Permalink to #Closing"></a>Closing</h2><p>That&rsquo;s all for now. I am finding it very depressing these days when watching the news. I hope everyone not in the war zone areas are doing okay (mentally) in these pre-WWIII days (or are we already in WWIII?) And for those affected in the active war zone, my heart goes out to them. 😢</p>
<div class="footnotes">
<hr>
<ol>
<li id="fn:1">
<p>See <a href="https://galaxeo.github.io/webpage/galaKeys/owlabSpring/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Justin&rsquo;s review of the OWLAB Spring</span></a> to learn more.&#160;<a href="#fnref:1" class="footnote-backref">&#x21a9;&#xfe0e;</a></p>
</li>
<li id="fn:2">
<p>This user used the <a href="https://www.eatdirtshit.rocks/photos-ws2812-led-ring-soldering-desoldering/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">same solder I got</span></a>—from the same HK hobby electronics shop, <a href="http://www.wecl.com.hk/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">WECL</span></a>.&#160;<a href="#fnref:2" class="footnote-backref">&#x21a9;&#xfe0e;</a></p>
</li>
<li id="fn:3">
<p>I have a very simple getting started guide for using IRC on the Libera network on my <a href="/contact/#connect-via-irc-webchat"><span class="ext-text">/contact page</span></a>.&#160;<a href="#fnref:3" class="footnote-backref">&#x21a9;&#xfe0e;</a></p>
</li>
</ol>
</div>

         <hr><p><i>[For up-to-date content, visit <a href="https://burgeonlab.com/">burgeonlab.com</a> directly (XML feeds don't fetch updates in real-time). For other feeds, visit the <a href='https://burgeonlab.com/subscribe/'>subscribe page</a>. Thanks for reading my weeknotes using a RSS reader!]</i></p>
        ]]></content></entry><entry><id>https://burgeonlab.com/weeknotes/2026/w09/</id><title type="html">Weeknote 2026-W09: 5km Nordic Walkathon &amp;amp; DIY Plumbing</title><link href="https://burgeonlab.com/weeknotes/2026/w09/"/><published>2026-03-03T00:12:35+08:00</published><updated>2026-06-02T21:58:22+08:00</updated><author><name>Naty S</name><email>naty@eclecticpassions.net</email></author><link rel="enclosure" type="image/png" href="https://burgeonlab.com/images/wn-cover/017_2026_w09.png"/><summary type="html">Tried Nordic walking for the first time at a 5km walkathon and feeling a sense of accomplishment as I add another item to my plumbing DIY achievement list.</summary><content type="html"><![CDATA[<h2 id="plumbing-achievement"><a href="#plumbing-achievement" class="h-anchor" title="Permalink to #Plumbing Achievement"></a>Plumbing Achievement</h2><p>Last week, I tacked a leaking pull-out/sprayer-style kitchen tap at home. The cartridge/handle area had been leaking slightly for some time; but it got significantly worse last week when the handle stopped working altogether (couldn&rsquo;t turn the tap off—luckily we had isolation valves beneath the sink).</p>
<p>I watched some video tutorials and went out to get a replacement faucet. Having completed other DIY plumbing fixes before around the house, including changing and disassembling every replaceable part of the toilet (except the flange/sewage outlet ring), changing washroom faucets, shower taps, and outdoor garden taps; I thought I had all the tools I need. Unfortunately, removing the old kitchen faucet proved to be the most challenging due the space limitation and awkward angles.</p>
<p>The two (hot/cold) supply flex tubing were stubbornly stuck to the tap, so I had to trim all three tubes (counting the pull-out hose with counter-weight) using diagonal cutting pliers. Then, my hollow tube spanners couldn&rsquo;t reach the weirdly shaped mounting bolt (that was wider than the nut at the top)—so I had to go buy a 180 degree basin wrench to reach the nut.</p>
<p>After a lot of tries to get it to grip on, I finally got the nut loose and I thought I have completed the hardest part! But no—I had to use a metal saw to saw off the bolt from the top of the sink because even though I got the nut loose, it wasn&rsquo;t able to come off the end! The C-shaped washer and nut did not come off the bottom like it should, which would allow me to pull out the tap from the top (like all the examples in the video tutorials).</p>
<figure>
  <div class="img-container">
    <a href="/images/weeknotes/017-kitchen-tap_hu_bc0a635a82ff5c66.webp" target="_blank" rel="noopener noreferrer"
       class="clickable-image">
      <img src="/images/weeknotes/017-kitchen-tap_hu_bc0a635a82ff5c66.webp"
           alt="Annotated photo of a removed kitchen tap on some newspaper with all the mounting parts chopped off during the removal process." width="1024" height="891">
    </a>
  </div>

<p>Anyway, the installation of the new faucet took only five minutes and I&rsquo;m so glad I managed to remove the very old, &ldquo;non-standard&rdquo; faucet. The new one has what I call a &ldquo;normal&rdquo; mounting mechanism with a metal washer and two philips screw holding the fixture in place. No hard to reach nuts or abnormal bolts!</p>
<h2 id="taking-up-nordic-walking"><a href="#taking-up-nordic-walking" class="h-anchor" title="Permalink to #Taking up Nordic Walking"></a>Taking up Nordic Walking</h2><p>I participated in my first walkathon last weekend! It was a 5km Nordic walkathon, doing a short loop around the HK Central promenade towards Wan Chai Exhibition center and back. I always wanted to try out <a href="https://en.wikipedia.org/wiki/Nordic_walking" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Nordic walking</span></a> and I have to say it was really enjoyable! It activates a lot more muscle around the core, lats, and arms (that I could feel) compared to just walking or hiking.</p>
<figure>
  <div class="img-container">
    <a href="/images/weeknotes/017-nordic-walkathon.webp" target="_blank" rel="noopener noreferrer"
       class="clickable-image">
      <img src="/images/weeknotes/017-nordic-walkathon.webp"
           alt="Photo of the start/finish line of the Hong Kong Nordic Walkathon 2026" width="1920" height="1280">
    </a>
  </div>

<p>Hoping  to improving my technique and doing it regularly as one of my main exercises. By the way, Nordic walking originated from Finland (a country I am really interested in visiting one day!) <a href="https://invidious.nerdvpn.de/watch?v=8RrxSloH2Qs" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">This video tutorial by Nordixx Canada</span></a> is the most thorough I thought.</p>
<figure>
  <div class="img-container">
    <a href="/images/weeknotes/017-walkathon-gpx_hu_f0110dc6c7e9a607.webp" target="_blank" rel="noopener noreferrer"
       class="clickable-image">
      <img src="/images/weeknotes/017-walkathon-gpx_hu_f0110dc6c7e9a607.webp"
           alt="Screenshot of a gpx track of a loop near the waterfront in Central and Wan Chai in Hong Kong." width="462" height="423">
    </a>
  </div>

<h2 id="hugo-theme-upgrade"><a href="#hugo-theme-upgrade" class="h-anchor" title="Permalink to #Hugo Theme Upgrade"></a>Hugo Theme Upgrade</h2><p>Started doing a huge upgrade to the theme and styling on <em>BurgeonLab</em> last week. I reckon it&rsquo;s halfway done and I&rsquo;m quite happy with the changes in styling and new features. Looking forward to sharing it with you all! Alec&rsquo;s <a href="https://alecsargent.codeberg.page/notes/web/css-tips/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">CSS Tips</span></a> came in handy (I used the tip for creating nested lists with decimals for my table of contents).</p>
<p>I decided to fork the Hugo <a href="https://themes.gohugo.io/themes/hugo-theme-anubis2/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Anubis2 theme by Junyi-99</span></a>, and make changes directly to the theme files because I was creating exceedingly number of overrides—be it partials, layouts, or CSS rules. While doing this, I learnt how to use Git branches and managed to do the theme redesign separately without affecting the live site. It&rsquo;s been going well so far! Git still scares me sometimes but it has been invaluable in maintaining this Hugo blog.</p>
<p>A nice tool I downloaded for my IDE (VSCodium) to see the branches is <a href="https://github.com/hansu/vscode-git-graph" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">hansu/vscode-git-graph</span></a> (fork of mhutchie/vscode-git-graph). The official GIt resource, <a href="https://git-scm.com/book/en/v2/Git-Branching-Branches-in-a-Nutshell" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Branches in a Nutshell</span></a>, was useful in understanding what was going on.</p>
<h2 id="link-roundup"><a href="#link-roundup" class="h-anchor" title="Permalink to #Link Roundup"></a>Link Roundup</h2><p>No link roundup this week.</p>
<h2 id="closing"><a href="#closing" class="h-anchor" title="Permalink to #Closing"></a>Closing</h2><p>I hope my Middle Eastern friends (and their family) are safe, and those who are stuck in the area because of cancelled flights—I hope you&rsquo;re able to get home safely soon. My thoughts go out to those who are affected by the war.</p>

         <hr><p><i>[For up-to-date content, visit <a href="https://burgeonlab.com/">burgeonlab.com</a> directly (XML feeds don't fetch updates in real-time). For other feeds, visit the <a href='https://burgeonlab.com/subscribe/'>subscribe page</a>. Thanks for reading my weeknotes using a RSS reader!]</i></p>
        ]]></content></entry><entry><id>https://burgeonlab.com/weeknotes/2026/w08/</id><title type="html">Weeknote 2026-W08: A11y, WCAG &amp;amp; KeepAndroidOpen</title><link href="https://burgeonlab.com/weeknotes/2026/w08/"/><published>2026-02-24T01:15:55+08:00</published><updated>2026-06-02T21:58:22+08:00</updated><author><name>Naty S</name><email>naty@eclecticpassions.net</email></author><link rel="enclosure" type="image/png" href="https://burgeonlab.com/images/wn-cover/016_2026_w08.png"/><summary type="html">Happy Chinese New Year! I'm improving WCAG compliance and A11y as I learned how to use Git branches. Also, IndieWeb wiki, Nordic walking, and PGP experience.</summary><content type="html"><![CDATA[<h2 id="cny"><a href="#cny" class="h-anchor" title="Permalink to #CNY"></a>CNY</h2><p>Happy Chinese New Year to you, my dear reader! It&rsquo;s the Year of the Horse this year—may all of you be galloping to success (馬到功成), be full of vitality like a horse <em>and dragon</em> (龍馬精神), and to be in the forefront of what you do (一馬當先).</p>
<div class="caw-terminal no-index">
<figure class="code-block"><div class="highlight"><pre tabindex="0" class="chroma"><code class="language-bash"><span class="line"><span class="ln"> 1</span><span class="cl"> __  __                    ___
</span></span><span class="line"><span class="ln"> 2</span><span class="cl"> <span class="se">\ \/</span> /__ ___ _____  ___  / _/
</span></span><span class="line"><span class="ln"> 3</span><span class="cl">  <span class="se">\ </span> / -_<span class="o">)</span> _ <span class="sb">`</span>/ __/ / _ <span class="se">\/</span> _/ 
</span></span><span class="line"><span class="ln"> 4</span><span class="cl">  /_/<span class="se">\_</span>_/<span class="se">\_</span>,_/_/    <span class="se">\_</span>__/_/   
</span></span><span class="line"><span class="ln"> 5</span><span class="cl">          __  __                 
</span></span><span class="line"><span class="ln"> 6</span><span class="cl">         / /_/ /  ___            
</span></span><span class="line"><span class="ln"> 7</span><span class="cl">        / __/ _ <span class="se">\/</span> -_<span class="o">)</span>           
</span></span><span class="line"><span class="ln"> 8</span><span class="cl">        <span class="se">\_</span>_/_//_/<span class="se">\_</span>_/            
</span></span><span class="line"><span class="ln"> 9</span><span class="cl">    / // /__  _______ ___     
</span></span><span class="line"><span class="ln">10</span><span class="cl">   / _  / _ <span class="se">\/</span> __<span class="o">(</span>_-&lt;/ -_<span class="o">)</span>    
</span></span><span class="line"><span class="ln">11</span><span class="cl">  /_//_/<span class="se">\_</span>__/_/ /___/<span class="se">\_</span>_/     
</span></span><span class="line"><span class="ln">12</span><span class="cl">                              
</span></span><span class="line"><span class="ln">13</span><span class="cl">    
</span></span><span class="line"><span class="ln">14</span><span class="cl">                                     <span class="se">\ </span>      ,
</span></span><span class="line"><span class="ln">15</span><span class="cl">                                     <span class="p">|</span><span class="se">\.</span>--._/<span class="p">|</span>
</span></span><span class="line"><span class="ln">16</span><span class="cl">                                    /<span class="se">\ </span><span class="o">)</span>  <span class="o">)</span><span class="se">\\</span>/
</span></span><span class="line"><span class="ln">17</span><span class="cl">                                   /<span class="o">(</span>   <span class="se">\ </span> / <span class="se">\
</span></span></span><span class="line"><span class="ln">18</span><span class="cl">                                  /<span class="o">(</span>   J <span class="sb">`</span><span class="o">(</span>   <span class="se">\
</span></span></span><span class="line"><span class="ln">19</span><span class="cl">                                 / <span class="o">)</span> <span class="p">|</span> _<span class="se">\ </span>    /
</span></span><span class="line"><span class="ln">20</span><span class="cl">                                /<span class="p">|</span><span class="o">)</span>  <span class="se">\ </span> eJ    L
</span></span><span class="line"><span class="ln">21</span><span class="cl">                               <span class="p">|</span>  <span class="se">\ </span>L <span class="se">\ </span>  L   L
</span></span><span class="line"><span class="ln">22</span><span class="cl">                              /  <span class="se">\ </span> J  <span class="sb">`</span>. J   L
</span></span><span class="line"><span class="ln">23</span><span class="cl">                              <span class="p">|</span>  <span class="o">)</span>   L   <span class="se">\/</span>   <span class="se">\
</span></span></span><span class="line"><span class="ln">24</span><span class="cl">                             /  <span class="se">\ </span>   J   <span class="o">(</span><span class="se">\ </span>  /
</span></span><span class="line"><span class="ln">25</span><span class="cl">           _....___         <span class="p">|</span>  <span class="se">\ </span>     <span class="se">\ </span>  <span class="se">\`</span><span class="sb">``</span>
</span></span><span class="line"><span class="ln">26</span><span class="cl">    ,.._.-<span class="s1">&#39;        &#39;&#39;&#39;</span>--...-<span class="o">||</span><span class="se">\ </span>    -. <span class="se">\ </span>  <span class="se">\
</span></span></span><span class="line"><span class="ln">27</span><span class="cl">  .<span class="s1">&#39;.=.&#39;</span>                    <span class="sb">`</span>         <span class="sb">`</span>.<span class="se">\ </span><span class="o">[</span> Y
</span></span><span class="line"><span class="ln">28</span><span class="cl"> /   /                                  <span class="se">\]</span>  J
</span></span><span class="line"><span class="ln">29</span><span class="cl">Y / Y                                    Y   L
</span></span><span class="line"><span class="ln">30</span><span class="cl"><span class="p">|</span> <span class="p">|</span> <span class="p">|</span>          <span class="se">\ </span>                        <span class="p">|</span>   L
</span></span><span class="line"><span class="ln">31</span><span class="cl"><span class="p">|</span> <span class="p">|</span> <span class="p">|</span>           Y                        A  J
</span></span><span class="line"><span class="ln">32</span><span class="cl"><span class="p">|</span>   I           <span class="p">|</span>                       /I<span class="se">\ </span>/
</span></span><span class="line"><span class="ln">33</span><span class="cl"><span class="p">|</span>    <span class="se">\ </span>         I             <span class="se">\ </span>       <span class="o">(</span> <span class="p">|</span><span class="o">]</span>/<span class="p">|</span>
</span></span><span class="line"><span class="ln">34</span><span class="cl">J     <span class="se">\ </span>        /._           /        -tI/ <span class="p">|</span>
</span></span><span class="line"><span class="ln">35</span><span class="cl"> L     <span class="o">)</span>       /   /<span class="s1">&#39;-------&#39;</span>J           <span class="sb">`</span><span class="s1">&#39;-:.
</span></span></span><span class="line"><span class="ln">36</span><span class="cl"><span class="s1"> J   .&#39;</span>      ,<span class="s1">&#39;  ,&#39;</span> ,     <span class="se">\ </span>  <span class="sb">`</span><span class="s1">&#39;-.__          \
</span></span></span><span class="line"><span class="ln">37</span><span class="cl"><span class="s1">  \ T      ,&#39;</span>  ,<span class="s1">&#39;   )\    /|        &#39;</span><span class="p">;</span><span class="s1">&#39;---7   /
</span></span></span><span class="line"><span class="ln">38</span><span class="cl"><span class="s1">   \|    ,&#39;</span>L  Y...-<span class="s1">&#39; / _.&#39;</span> /         <span class="se">\ </span>  /   /
</span></span><span class="line"><span class="ln">39</span><span class="cl">    J   Y  <span class="p">|</span>  J    .<span class="s1">&#39;-&#39;</span>   /         ,--.<span class="o">(</span>   /
</span></span><span class="line"><span class="ln">40</span><span class="cl">     L  <span class="p">|</span>  J   L -<span class="s1">&#39;     .&#39;</span>         /  <span class="p">|</span>    /<span class="se">\
</span></span></span><span class="line"><span class="ln">41</span><span class="cl">     <span class="p">|</span>  J.  L  J     .-<span class="p">;</span>.-/       <span class="p">|</span>    <span class="se">\ </span>.<span class="s1">&#39; /
</span></span></span><span class="line"><span class="ln">42</span><span class="cl"><span class="s1">     J   L`-J   L____,.-&#39;</span><span class="sb">`</span>        <span class="p">|</span>  _.-<span class="s1">&#39;   |
</span></span></span><span class="line"><span class="ln">43</span><span class="cl"><span class="s1">      L  J   L  J                  ``  J    |
</span></span></span><span class="line"><span class="ln">44</span><span class="cl"><span class="s1">      J   L  |   L                     J    |
</span></span></span><span class="line"><span class="ln">45</span><span class="cl"><span class="s1">       L  J  L    \                    L    \
</span></span></span><span class="line"><span class="ln">46</span><span class="cl"><span class="s1">       |   L  ) _.&#39;</span><span class="se">\ </span>                   <span class="o">)</span> _.<span class="s1">&#39;\
</span></span></span><span class="line"><span class="ln">47</span><span class="cl"><span class="s1">       L    \(&#39;</span><span class="sb">`</span>    <span class="se">\ </span>                 <span class="o">(</span><span class="s1">&#39;`    \
</span></span></span><span class="line"><span class="ln">48</span><span class="cl"><span class="s1">        ) _.&#39;</span><span class="se">\`</span>-....<span class="s1">&#39;                   `-....&#39;</span>
</span></span><span class="line"><span class="ln">49</span><span class="cl">       <span class="o">(</span><span class="err">&#39;</span><span class="sb">`</span>    <span class="se">\
</span></span></span><span class="line"><span class="ln">50</span><span class="cl">        <span class="sb">`</span>-.___/   sk
</span></span><span class="line"><span class="ln">51</span><span class="cl">
</span></span><span class="line"><span class="ln">52</span><span class="cl">
</span></span><span class="line"><span class="ln">53</span><span class="cl">$ <span class="nb">echo</span> <span class="s2">&#34;Credit: &lt;https://patorjk.com/software/taag/&gt;&#34;</span>
</span></span><span class="line"><span class="ln">54</span><span class="cl">$ <span class="nb">echo</span> <span class="s2">&#34;Credit: &lt;https://www.asciiart.eu/art/4cb0b182bb3a5234&gt;&#34;</span></span></span></code></pre></div></div>
<p>The &ldquo;terminal emulator&rdquo; I created for the <a href="https://burgeonlab.com/caw/"><span class="ext-text">/⁠caw</span></a> page is coming in handy!</p>
<h2 id="tasks-log"><a href="#tasks-log" class="h-anchor" title="Permalink to #Tasks Log"></a>Tasks Log</h2><ul>
<li>
<p>Signed up for my first (<a href="https://en.wikipedia.org/wiki/Nordic_walking" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Nordic walking</span></a>) Walkathon, which will take place next month. Excited to take up this new sport/exercise; read many good things about it.</p>
</li>
<li>
<p>Updated my <a href="https://indieweb.org/User:Burgeonlab.com" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">IndieWeb user wiki page</span></a> which has information about this blog and my &ldquo;itches&rdquo;. If you have your own site, you are technically part of the IndieWeb! Check the <a href="https://indieweb.org/wikifying" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Wikifying</span></a> guide to learn how to add yourself to the wiki.</p>
</li>
<li>
<p>Learnt how to use <a href="https://fosstodon.org/@eclecticpassions/116109796115415247" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Git branches</span></a> which I&rsquo;m using to create a brand new look for this blog. Git still confuses me sometimes but it is indispensable.</p>
</li>
<li>
<p>Created a <a href="https://joinbookwyrm.com/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Bookwyrm</span></a> account on the <a href="https://bookrastinating.com/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Bookrastinating</span></a> instance. In the progress of manually migrating my reading history&hellip; Plan to create an <a href="https://indieweb.org/identity-elsewhere" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">/elsewhere</span></a> page in the near future with links to my other online profiles.</p>
</li>
<li>
<p>I used <a href="https://www.openpgp.org/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">PGP</span></a> with email for the first time last week (or was it the week before last) with one of my readers, <a href="https://dalliard.ch/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Nathanael</span></a>! I realized that Tuta doesn&rsquo;t offer PGP as they use &ldquo;their own encryption&rdquo; which is not great; to be limited like that. I might be switching away from them (for email) because of this reason, when I renew next year. For email that supports PGP, I think the shortlisted options currently for me are Proton, PurelyMail, and Mailbox.</p>
</li>
<li>
<p>Added an in-built Webmention form in the <a href="/weeknotes/2026/w08/#responses"><span class="ext-text">Response section</span></a> for you to add your reply (if you don&rsquo;t have auto-sending functionality on your blog)! Read <a href="https://reillyspitzfaden.com/wiki/tutorials/webmention-tutorial/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Reilly&rsquo;s guide</span></a> to learn more about webmentions.</p>
<figure>
    <div class="img-container">
      <a href="/images/weeknotes/016-webmention.webp" target="_blank" rel="noopener noreferrer"
         class="clickable-image">
        <img src="/images/weeknotes/016-webmention.webp"
             alt="Screenshot showing website comment section with input for webmention source url to send webmention manually to current page." width="765" height="283">
      </a>
    </div>

</li>
<li>
<p>Created a little &ldquo;flourish&rdquo; / separator last week. Sometimes a thin <code>&lt;hr&gt;</code> isn&rsquo;t enough of a break in the text! What do you think?<sup id="fnref:1"><a href="#fn:1" class="footnote-ref">1</a></sup></p>
</li>
</ul>
<div class="flourish">
  <hr class="separator">


</div>
<!-- FUTUREPOST: add elsewhere page -->
<!-- FUTUREPOST: give Joel links of books that are repeated on bookrastinating -->
<h2 id="to-do"><a href="#to-do" class="h-anchor" title="Permalink to #To-Do"></a>To-Do</h2><ul>
<li>My home router is very outdated, I think it&rsquo;s time to get a new router; preferably with <a href="https://github.com/openwrt/openwrt" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">OpenWrt</span></a>. I know slightly more about networking nowadays, so hopefully I&rsquo;ll find something better than a basic, off-the-shelf consumer one. If you have any good recommendations for home routers with OpenWrt, please let me know. 😉</li>
</ul>
<h2 id="accessibility--a11y"><a href="#accessibility--a11y" class="h-anchor" title="Permalink to #Accessibility / a11y"></a>Accessibility / a11y</h2><p>Because of one of my <a href="https://fosstodon.org/@eclecticpassions/116103893166445880" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">reader&rsquo;s feedback</span></a> about this site&rsquo;s default (dark theme) not being comfortable for their vision—I am redesigning my theme + site. With a lot more CSS and HTML knowledge compared to a year ago, I&rsquo;m determined to fix the CSS mess I created while learning, to something more manageable.<sup id="fnref:2"><a href="#fn:2" class="footnote-ref">2</a></sup> I aim to meet more WCAG criteria in the process!</p>

<blockquote class="alert alert-tip">
  <p class="alert-heading">
    <span class="alert-icon">
      
      <span class="inline-svg"></span>
    </span>
    
      Tip
    
  </p>
  <p>If you have any feedback about my site, please let me know via the <a href="https://tally.so/r/44ag8b" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">reader survey</span></a> or any of the <a href="https://burgeonlab.com/contact/"><span class="ext-text">contact methods</span></a>. Thank you!</p>
</blockquote>

<h3 id="resources"><a href="#resources" class="h-anchor" title="Permalink to #Resources"></a>Resources</h3><ul>
<li>W3C: <a href="https://www.w3.org/TR/WCAG22/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Web Content Accessibility Guidelines (WCAG) 2.2</span></a></li>
<li>W3C: <a href="https://www.w3.org/WAI/tips/writing/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Writing for Web Accessibility</span></a></li>
<li>a11yproject: <a href="https://www.a11yproject.com/checklist/#global-code" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Check your WCAG compliance: Checklist</span></a></li>
<li>WebAIM: <a href="https://webaim.org/techniques/hypertext/link_text" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Links and Hypertext</span></a></li>
<li>Western Washington University: <a href="https://marcom.wwu.edu/accessibility/guide" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Accessibility Guide</span></a></li>
<li>AllAccessible: <a href="https://www.allaccessible.org/blog/color-contrast-accessibility-wcag-guide-2025" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Color Contrast Accessibility</span></a></li>
<li>TetraLogical: <a href="https://invidious.nerdvpn.de/playlist?list=PLTqm2yVMMUKWTr9XWdW5hJ9tk512Ow0SE" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Quick Accessibility Tests</span></a> (Opens YouTube playlist via <a href="https://invidious.io/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Invidious</span></a>)</li>
<li><a href="https://contrast.report/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Contrast Report</span></a></li>
</ul>
<h2 id="link-roundup"><a href="#link-roundup" class="h-anchor" title="Permalink to #Link Roundup"></a>Link Roundup</h2><p>Here are some links I found interesting last week.</p>
<ul>
<li><a href="https://keepandroidopen.org/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Keep Android Open</span></a>: Sadly, no good news about Google&rsquo;s Android lockdown.  <strong>I seriously do not know what to do if <a href="https://f-droid.org/en/2026/02/20/twif.html" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">F-Droid disappears</span></a></strong>. Probably 60-75% of all my apps are FOSS and from F-Droid or Accrescent. 😭 I am going to <a href="https://keepandroidopen.org/banner/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">install their banner</span></a> later next week to show my support. <strong>Please spread the word!</strong></li>
<li>Dhole Moments: <a href="https://soatok.blog/2026/02/17/cryptographic-issues-in-matrixs-rust-library-vodozemac/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Cryptographic Issues in Matrix’s Rust Library Vodozemac</span></a> and peq42: <a href="https://peq42.com/blog/new-security-issues-found-in-matrix/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">New security issues found in Matrix</span></a> — I started using Matrix perhaps two years ago. Seems like it&rsquo;s a no-go after reading these two articles about the security issues. I might check out XMPP next!</li>
<li><a href="https://searchmysite.net/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Searchmysite</span></a> — Interesting service I came across last week, it&rsquo;s a search engine for indie / personal websites.</li>
<li><a href="https://commentpara.de/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">CommentPara.de</span></a> — I shared this before, but it was down for maybe a whole month? Sharing this again because it is a cool way of easy, anonymous web comments for IndieWeb sites that have Webmention.</li>
<li>WebsearchAPI: <a href="https://websearchapi.ai/blog/monthly-ai-crawler-report" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Monthly AI Crawler Report: January 2026 Traffic Trends</span></a> — good for updating your <code>robots.txt</code>; it&rsquo;s better than nothing. 🤷🏻‍♀️</li>
</ul>
<h3 id="blog-posts"><a href="#blog-posts" class="h-anchor" title="Permalink to #Blog Posts"></a>Blog Posts</h3><ul>
<li>Shellsharks: <a href="https://shellsharks.com/notes/2026/02/20/setting-off-on-a-self-hosting-journey" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Setting off on a self-hosting journey</span></a></li>
<li>Joelchrono: <a href="https://joelchrono.xyz/blog/setting-up-phones-is-a-nightmare" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Setting up phones is a nightmare</span></a></li>
<li>Terrygodier: <a href="https://www.terrygodier.com/current" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Current: An RSS Reader</span></a></li>
<li>James: <a href="https://jamesg.blog/2024/10/13/search-engine-shortcuts-firefox/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Search engine shortcuts in Firefox</span></a> and <a href="https://jamesg.blog/2024/11/24/dark-mode" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Adding dark mode to my website</span></a></li>
<li>Jo: <a href="https://dead.garden/blog/prousts-questionnaire.html" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Proust&rsquo;s questionnaire</span></a> — I want to do this too, I remember learning this questionnaire from <a href="https://www.huffpost.com/entry/matt-damon-george-clooney-daniel-craig_n_1181283" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">this interview</span></a> <em>ages</em> ago. (BTW, I&rsquo;m the biggest Daniel Craig fan! 😍)</li>
<li>I&rsquo;m so honoured to be added to two blogrolls (<a href="https://shellsharks.com/blogroll" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Shellsharks</span></a> and <a href="https://eklausmeier.goip.de/aux/blogroll" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Eklausmeier</span></a>) last week—thank you Mike and Elmar! Check out their blogroll, or <a href="https://burgeonlab.com/blogroll/"><span class="ext-text">mine</span></a>!</li>
</ul>
<!-- FUTUREPOST: add https://keepandroidopen.org/banner/  --><div class="footnotes">
<hr>
<ol>
<li id="fn:1">
<p><a href="https://www.svgrepo.com/svg/198356/light-bulb-idea" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Light bulb icon</span></a> license is under <a href="https://creativecommons.org/publicdomain/zero/1.0/deed.en" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">CC0 (public domain)</span></a>&#160;<a href="#fnref:1" class="footnote-backref">&#x21a9;&#xfe0e;</a></p>
</li>
<li id="fn:2">
<p>I think I might take the chance to fork the theme as well, because I&rsquo;m so done with overriding theme CSS rules.&#160;<a href="#fnref:2" class="footnote-backref">&#x21a9;&#xfe0e;</a></p>
</li>
</ol>
</div>

         <hr><p><i>[For up-to-date content, visit <a href="https://burgeonlab.com/">burgeonlab.com</a> directly (XML feeds don't fetch updates in real-time). For other feeds, visit the <a href='https://burgeonlab.com/subscribe/'>subscribe page</a>. Thanks for reading my weeknotes using a RSS reader!]</i></p>
        ]]></content></entry><entry><id>https://burgeonlab.com/weeknotes/2026/w07/</id><title type="html">Weeknote 2026-W07: MF2 Replies/Likes, H-Card, Webmentions</title><link href="https://burgeonlab.com/weeknotes/2026/w07/"/><published>2026-02-17T20:56:46+08:00</published><updated>2026-06-02T21:58:22+08:00</updated><author><name>Naty S</name><email>naty@eclecticpassions.net</email></author><link rel="enclosure" type="image/png" href="https://burgeonlab.com/images/wn-cover/015_2026_w07.png"/><summary type="html">IndieWeb web dev ventures on my site: new guestbook and likes page, improved Microformat2 markup, fixed h-card to support Webmentions. Also new /caw page.</summary><content type="html"><![CDATA[<p>This week&rsquo;s weeknote is <a href="/weeknotes/2026/w05/"><span class="ext-text">another technical log</span></a> of what I did to my site. <a href="https://burgeonlab.com/weeknotes/2026/w07/#link-roundup"><span class="ext-text">Skip to the Link Roundup</span></a> if it&rsquo;s too technical! Should I do a separate series for web dev talk and how I am building my site—a bit like <a href="https://shellsharks.com/devlog/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Shellsharks&rsquo; Devlog series</span></a>?</p>
<p>Let me know via <a href="https://burgeonlab.com/weeknotes/2026/w07/#responses"><span class="ext-text">Mastodon comments</span></a> or my <a href="https://burgeonlab.com/contact/#drop-me-a-line"><span class="ext-text">contact form</span></a> (while I try to find a good FOSS, privacy-friendly polls app, let me know if you have a recommendation, cheers!)</p>
<h2 id="new-guestbook-page"><a href="#new-guestbook-page" class="h-anchor" title="Permalink to #New Guestbook Page"></a>New Guestbook Page</h2><p>Last week, I finally created<sup id="fnref:1"><a href="#fn:1" class="footnote-ref">1</a></sup> a long-wished-for feature on my site last week—a <a href="https://burgeonlab.com/guestbook/"><span class="ext-text">/⁠guestbook</span></a> page! Posted the news on <a href="https://fosstodon.org/@eclecticpassions/116071913634082607" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Mastodon</span></a> and got a lot of responses which really made my day, thank you! The design of the guestbook entries reuses the CSS from my <a href="https://burgeonlab.com/#noticeboard"><span class="ext-text">&ldquo;noticeboard&rdquo; section</span></a> on the home page; a sort of <a href="https://www.both.org/?p=4442" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">old-school CRT terminal</span></a> look. But I haven&rsquo;t designed a light version for the light/dark theme, so it looks the same when switching themes.</p>
<p>The guestbook relies on using my preferred static form provider, <a href="https://formspark.io/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Formspark.io</span></a> (not affiliated, but I like it), to manually collect submissions and input the data in a <code>.yaml</code> data file. I actually only recently discovered the use of the <code>data</code> folder; I think I can make use of it more for lists/data that will be regularly updated. Do you make use of the <code>data</code> directory with your static site? How do you use it?</p>
<h2 id="webmentions-current-status"><a href="#webmentions-current-status" class="h-anchor" title="Permalink to #Webmentions: Current Status"></a>Webmentions: Current Status</h2><p>While working on the guestbook, I tried to investigate how to improve my current use of <a href="https://indieweb.org/Webmention" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Webmentions</span></a>; because some <a href="https://chrisburnell.com/guestbook/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">guestbooks like Chris Burnell&rsquo;s</span></a>, rely on webmentions exclusively.</p>
<p>Currently, <em>Burgeon Lab</em> only supports receiving mentions (without public display of mentions) via the <a href="https://webmention.io/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">webmention.io endpoint</span></a>. I subscribed to the <a href="https://github.com/aaronpk/webmention.io?tab=readme-ov-file#atom" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Atom</span></a> feed to know when someone has mentioned me. Sending webmentions outwards require me to do so manually per page using the tool on <a href="https://telegraph.p3k.io/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Telegraph</span></a>.</p>
<h3 id="upgrading-webmentions-workflow"><a href="#upgrading-webmentions-workflow" class="h-anchor" title="Permalink to #Upgrading Webmentions Workflow"></a>Upgrading Webmentions Workflow</h3><p>While it is all good and working, this manual process was more of a stepping stone for me to get the basic understanding of what is going on behind the scenes, wrapping my head around how webmentions work. This is a good example of <a href="https://indieweb.org/manual_until_it_hurts" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">manual until it hurts</span></a>.</p>
<p>The next step is for me to automate the process using Indiekit&rsquo;s plugins, like the one by <a href="https://github.com/rmdes/indiekit-endpoint-webmention-sender" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Ricardo (@rmdes)</span></a> and the <a href="https://getindiekit.com/plugins/endpoints/webmention-io" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">webmention.io plugin</span></a>.</p>
<h3 id="microformat2-markup-mf2"><a href="#microformat2-markup-mf2" class="h-anchor" title="Permalink to #Microformat2 Markup (mf2)"></a>Microformat2 Markup (mf2)</h3><p>Because I wanted to sign Chris&rsquo;s guestbook using webmentions, I had to work on my <a href="https://burgeonlab.com/notes/"><span class="ext-text">/⁠notes</span></a> (i.e. microblogs/tweets/toots). Notes are one of three types of content that I <strong>do not</strong> create &ldquo;in Hugo&rdquo; directly (in an IDE, on a device with my Hugo blog source code). I use <a href="https://getindiekit.com/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Indiekit</span></a> to create these and have them syncing back to my Hugo&rsquo;s <code>content</code> folder on build in the CI/CD step.</p>
<p>Since Indiekit tags replies and likes with the correct mf2 markup, I don&rsquo;t have to do anything on that end. All I need to do it get my Hugo theme reading the front matter parameters generated in the Markdown files by Indiekit, for example:</p>
<figure class="code-block"><div class="highlight"><pre tabindex="0" class="chroma"><code class="language-toml"><span class="line"><span class="ln">1</span><span class="cl"><span class="err">+++</span>
</span></span><span class="line"><span class="ln">2</span><span class="cl"><span class="nx">likeOf</span> <span class="p">=</span> <span class="s2">&#34;https://some-cool-website.com/&#34;</span>
</span></span><span class="line"><span class="ln">3</span><span class="cl"><span class="nx">inReplyTo</span> <span class="p">=</span> <span class="s2">&#34;https://someone.com/cool-blog-post/&#34;</span>
</span></span><span class="line"><span class="ln">4</span><span class="cl"><span class="err">+++</span></span></span></code></pre></div><h4 id="new-hugo-section-likes"><a href="#new-hugo-section-likes" class="h-anchor" title="Permalink to #New Hugo Section: Likes"></a>New Hugo Section: Likes</h4><p>I can happily report I got <a href="https://burgeonlab.com/notes/2026/0216-73426-reply/"><span class="ext-text">replies on notes</span></a> working, and while I was at it, I added a <a href="https://burgeonlab.com/likes/"><span class="ext-text">/⁠likes</span></a> feed for sharing things I find interesting on the web (an inspiration was <a href="https://artlung.com/likes/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">@artlung&rsquo;s Likes</span></a>). These two &ldquo;response&rdquo; types of content are common in the IndieWeb, and they use mf2 <code>class=&quot;u-in-reply-to&quot;</code> and <code>class=&quot;u-like-of&quot;</code> respectively. Learn more about <a href="https://indieweb.org/reply" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">replies</span></a> and <a href="https://indieweb.org/like" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">likes</span></a> on the IndieWeb Wiki pages.</p>
<h3 id="realization-about-h-card"><a href="#realization-about-h-card" class="h-anchor" title="Permalink to #Realization about H-Card"></a>Realization about H-Card</h3><p>Going back to my endeavour to sign Chris&rsquo;s guestbook—I initially got the webmention sent and working with the <code>u-in-reply-to</code> markup, but unfortunately, my <code>h-card</code>, i.e. <a href="https://indieweb.org/h-card" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">business card markup</span></a>, was not working (which is why my submission has no image or name). I realized I only had a full <code>h-card</code> set on my home page but nowhere else!</p>
<p>To fix the issue, I created a minimal <code>h-card</code> that consists of only my name + image + URL (homepage) on every page except the homepage. I created <code>layout/_partials/hcard.html</code>:</p>
<figure class="code-block"><div class="highlight"><pre tabindex="0" class="chroma"><code class="language-html"><span class="line"><span class="ln"> 1</span><span class="cl">    {{- if or .IsHome (eq .Permalink &#34;/about/&#34;) -}}
</span></span><span class="line"><span class="ln"> 2</span><span class="cl">        {{- partial &#34;hcard-full.html&#34; . -}}
</span></span><span class="line"><span class="ln"> 3</span><span class="cl">    {{- else -}}
</span></span><span class="line"><span class="ln"> 4</span><span class="cl">        <span class="p">&lt;</span><span class="nt">div</span> <span class="na">class</span><span class="o">=</span><span class="s">&#34;p-author h-card&#34;</span> <span class="na">style</span><span class="o">=</span><span class="s">&#34;display: none&#34;</span><span class="p">&gt;</span>
</span></span><span class="line"><span class="ln"> 5</span><span class="cl">            <span class="p">&lt;</span><span class="nt">a</span> <span class="na">class</span><span class="o">=</span><span class="s">&#34;u-url&#34;</span> <span class="na">href</span><span class="o">=</span><span class="s">&#34;https://burgeonlab.com/&#34;</span><span class="p">&gt;</span>
</span></span><span class="line"><span class="ln"> 6</span><span class="cl">                <span class="p">&lt;</span><span class="nt">img</span> <span class="na">class</span><span class="o">=</span><span class="s">&#34;u-photo&#34;</span> <span class="na">style</span><span class="o">=</span><span class="s">&#34;height:18px;width:auto;height:1.1em;vertical-align:-.1em;&#34;</span> <span class="na">src</span><span class="o">=</span><span class="s">&#34;https://burgeonlab.com/images/site-logo-96.png&#34;</span> <span class="na">loading</span><span class="o">=</span><span class="s">&#34;lazy&#34;</span> <span class="na">title</span><span class="o">=</span><span class="s">&#34;Burgeon Lab Logo&#34;</span> <span class="na">width</span><span class="o">=</span><span class="s">&#34;96&#34;</span> <span class="na">height</span><span class="o">=</span><span class="s">&#34;96&#34;</span> <span class="na">alt</span><span class="o">=</span><span class="s">&#34;BurgeonLab.com logo&#34;</span> <span class="p">/&gt;</span>
</span></span><span class="line"><span class="ln"> 7</span><span class="cl">                <span class="p">&lt;</span><span class="nt">span</span> <span class="na">class</span><span class="o">=</span><span class="s">&#34;p-name&#34;</span><span class="p">&gt;</span>{{ .Site.Params.author.name }}<span class="p">&lt;/</span><span class="nt">span</span><span class="p">&gt;</span>
</span></span><span class="line"><span class="ln"> 8</span><span class="cl">            <span class="p">&lt;/</span><span class="nt">a</span><span class="p">&gt;</span>
</span></span><span class="line"><span class="ln"> 9</span><span class="cl">        <span class="p">&lt;/</span><span class="nt">div</span><span class="p">&gt;</span>
</span></span><span class="line"><span class="ln">10</span><span class="cl">    {{- end }}</span></span></code></pre></div><p>It works now, the author data can now be read from the reply note I made to Chris&rsquo;s guestbook after this change. But I might have to let him know of my blunder to see if he can fetch the webmention again for my name and icon to show up on his site. Lastly, I have <code>style=&quot;display: none&quot;</code> on the h-card because I wasn&rsquo;t sure of including a by-line for a single author blog, but I might reconsider this in the future.</p>
<!-- FUTUREPOST: use minimal hcard as byline on pages -->
<h2 id="additional-resources"><a href="#additional-resources" class="h-anchor" title="Permalink to #Additional Resources"></a>Additional Resources</h2><ul>
<li><a href="https://pin13.net/mf2/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Microformats Parser (PHP) v0.5.0 </span></a></li>
<li><a href="https://xray.p3k.app/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">X-Ray Test </span></a></li>
<li><a href="https://microformats.org/wiki/h-card" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Microformats.org/h-card</span></a></li>
<li><a href="https://indieweb.org/authorship" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">IndieWeb: Authorship</span></a></li>
<li><a href="https://authorship.rocks/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Authorship.rocks</span></a></li>
</ul>
<h2 id="link-roundup"><a href="#link-roundup" class="h-anchor" title="Permalink to #Link Roundup"></a>Link Roundup</h2><ul>
<li><a href="https://burgeonlab.com/caw/"><span class="ext-text">Caw Caw: Trapped in the Terminal</span></a> — This is actually a new page I created last week! It was a fun and creative exercise. There&rsquo;s quite a collection of /caw pages now and even has its own <a href="https://indieweb.org/caw" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">IndieWeb Wiki page</span></a>.</li>
<li><a href="https://taggart-tech.com/discord-alternatives/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Discord Alternatives, Ranked</span></a> — Re: <a href="https://therecord.media/discord-age-verification-selfies" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">ID age verification</span></a>, luckily I don&rsquo;t really use Discord; I never got used to the UI. Here&rsquo;s a Mastodon post by <a href="https://mastodon.gamedev.place/@mdiluz/116043145998840217" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Marc about alternatives</span></a>. Just another example of enshittification of closed platforms.</li>
<li>Zkbro: <a href="https://html-chunder.neocities.org/blog/creating-a-text-wall/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Creating a text-wall</span></a> — Zac signed my new Guestbook page and while exploring his lovely site, I saw his take on a guestbook! It&rsquo;s <strong>super</strong> cool. <a href="https://zkbro.codeberg.page/text-wall/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Check it out</span></a>!</li>
<li>Ross A. Baker: <a href="https://codeberg.org/rossabaker/no-agents.md" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">no-agents.md</span></a> — I recently enabled <a href="https://bunny.net/?ref=k4vc3x5108" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">BunnyCDN Shield</span></a> <em>(this is an affiliate link)</em> after hearing stories about personal sites crashing from sudden influx of AI bot scrapers. I don&rsquo;t know if these attacks happen on small sites like mine, but it&rsquo;s better to be on the safe side I think! These crawlers (GPTBot, ClaudeBot, etc.) don&rsquo;t respect <code>robots.txt</code>. Gonna try Ross&rsquo;s project!</li>
<li><a href="https://www.techdirt.com/2026/02/06/the-cia-erased-the-world-factbook-with-no-warning-and-told-everyone-to-stay-curious/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">The CIA Erased The World Factbook With No Warning… And Told Everyone To ‘Stay Curious’</span></a></li>
</ul>
<div class="footnotes">
<hr>
<ol>
<li id="fn:1">
<p>I actually realized my contact form was maybe broken for a while. I hope no one used it to contact me. 🫣&#160;<a href="#fnref:1" class="footnote-backref">&#x21a9;&#xfe0e;</a></p>
</li>
</ol>
</div>

         <hr><p><i>[For up-to-date content, visit <a href="https://burgeonlab.com/">burgeonlab.com</a> directly (XML feeds don't fetch updates in real-time). For other feeds, visit the <a href='https://burgeonlab.com/subscribe/'>subscribe page</a>. Thanks for reading my weeknotes using a RSS reader!]</i></p>
        ]]></content></entry><entry><id>https://burgeonlab.com/weeknotes/2026/w06/</id><title type="html">Weeknote 2026-W06: Bookwyrm, CNY, NB 2002R &amp;amp; AI</title><link href="https://burgeonlab.com/weeknotes/2026/w06/"/><published>2026-02-10T23:23:17+08:00</published><updated>2026-06-02T21:58:22+08:00</updated><author><name>Naty S</name><email>naty@eclecticpassions.net</email></author><link rel="enclosure" type="image/png" href="https://burgeonlab.com/images/wn-cover/014_2026_w06.png"/><summary type="html">Book tracking with Fediverse Bookwyrm, CNY and New Balance sneakers. Some IndieWeb themes, agentic AI security concerns, and other curated links.</summary><content type="html"><![CDATA[<h2 id="hwc-about-books--reading"><a href="#hwc-about-books--reading" class="h-anchor" title="Permalink to #HWC: About Books &amp;amp; Reading"></a>HWC: About Books &amp; Reading</h2><p>I haven&rsquo;t attended a Homebrew Website Club event for a few weeks; it was lovely to see familiar faces again last week at the Pacific event (<a href="https://indieweb.org/events/2026-02-04-hwc-pacific" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">meeting notes</span></a>). I managed to get <a href="https://joelchrono.xyz/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">@joelchrono</span></a> to attend his first Indieweb event! Because we spoke about book/reading habit tracking on personal sites, he <a href="https://fosstodon.org/@joel/116021906196884810" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">updated</span></a> his <a href="https://joelchrono.xyz/bookshelf" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Bookshelf</span></a> page as a result of the meetup. It looks really neat! There are many ways of tracking books including a very basic text-only list to something graphical like Joel&rsquo;s.</p>
<p>I don&rsquo;t have any public book sharing links or pages yet on <em>BurgeonLab</em>. In the past, I used Goodreads; but I want a Fediverse alternative—<a href="https://bookwyrm.fediverse.observer/list" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Bookwyrm</span></a> is one such platform.<sup id="fnref:1"><a href="#fn:1" class="footnote-ref">1</a></sup> Out of the available instances, I accidentally came across <a href="https://bookrastinating.com/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Bookrastinating</span></a> which is moderated by Joel! I really like the instance name reflecting my backlog of books. 😅 I&rsquo;ll link to my profile once I&rsquo;ve added some info to it, and perhaps, I&rsquo;ll make a manual <code>books</code> or <code>biblio</code> page on this site in the future. What do you use to track your reading habits? You can <a href="https://fosstodon.org/@eclecticpassions/116016014256787176" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">chip in on the discussion</span></a> I posted on Mastodon!</p>
<!-- FUTUREPOST: Add bookrastinating link -->
<p>This comes at a perfect time as I recently started reading some new books and want to keep my reading habit a steady behaviour (I tend to do bouts of heavy reading and take long breaks—and I don&rsquo;t really like that).</p>
<h2 id="new-shoes"><a href="#new-shoes" class="h-anchor" title="Permalink to #New Shoes"></a>New Shoes</h2><p>I&rsquo;ve always been a shoe fanatic. But ever since going down the barefoot shoe path full-time, I rarely buy new shoes! I&rsquo;ve worn the Camper Peu for over 15 years and in the last three years I&rsquo;m wearing a pair of Vivobarefoot Primus Trail FG. I do wear sneakers or leather shoes occasionally, but I don&rsquo;t think I can ever go back to narrow toe boxes or high heel drop.</p>
<h3 id="chinese-new-year"><a href="#chinese-new-year" class="h-anchor" title="Permalink to #Chinese New Year"></a>Chinese New Year</h3><p>It&rsquo;s going to be Chinese New Year (CNY) next week (it&rsquo;ll be the Year of the Horse) and in Chinese culture (especially in Hong Kong, or where the Cantonese dialect is spoken in South-Eastern China), it is not a good idea/taboo to buy shoes during CNY because the Cantonese for shoes <a href="https://en.wiktionary.org/wiki/%E9%9E%8B#Definitions" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">(haai4, 鞋)</span></a> sounds the same as a sigh or the sound one makes when they are in despair, misery, or unhappy <a href="https://en.wiktionary.org/wiki/%E5%9A%A1#Etymology_2" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">(haai4, 嚡)</span></a>. The superstition is that if you buy shoes in the new year, you&rsquo;ll bring bad luck! That&rsquo;s why shoe shops have big discounts before CNY.</p>
<h3 id="new-balance-2002r"><a href="#new-balance-2002r" class="h-anchor" title="Permalink to #New Balance 2002R"></a>New Balance 2002R</h3><figure>
  <div class="img-container">
    <a href="/images/weeknotes/014-2002R-2.webp" target="_blank" rel="noopener noreferrer"
       class="clickable-image">
      <img src="/images/weeknotes/014-2002R-2.webp"
           alt="Photo of a grey pair of New Balance 2002R Protection Pack Rain Cloud." width="750" height="750">
    </a>
  </div>

<p>I bought this unique looking pair of New Balance 2002R. I didn&rsquo;t know the model name (Protection Pack: Rain Cloud) and <a href="https://www.soleretriever.com/news/articles/new-balance-2002r-protection-pack-release-date-november-2025" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">history</span></a> of this pair of sneakers until after I bought it. The Rain Cloud (grey colourway) is the most popular amongst sneaker fans from what I read when it was released in 2021. I really love how retro it looks—the details around the heel and tongue is done well, and the rough suede looks aesthetic in person. It&rsquo;s got quite a thick outsole which I&rsquo;m not super used to, but at least the heel drop is not too excessive (it&rsquo;s around 11.1mm).</p>
<figure>
  <div class="img-container">
    <a href="/images/weeknotes/014-2002R-1.webp" target="_blank" rel="noopener noreferrer"
       class="clickable-image">
      <img src="/images/weeknotes/014-2002R-1.webp"
           alt="Close up shot of the details on the side of a grey pair of New Balance 2002R Protection Pack Rain Cloud." width="750" height="750">
    </a>
  </div>

<p>While researching about the 2002R, I found this really informative shoe review site called <a href="https://runrepeat.com/new-balance-2002r" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Run Repeat</span></a> from Denmark. I love all the detailed measurements they provide. I am definitely going to use them to find my next pair of exercise trainers when my current pair wears out.</p>
<h2 id="new-vocabulary"><a href="#new-vocabulary" class="h-anchor" title="Permalink to #New Vocabulary"></a>New Vocabulary</h2><div class="word-card-list"><div class="word-card">
<p><strong>blog fodder</strong> (noun)</p>
<p>material, ideas, or topics that can be used in your blog.</p>

<blockquote>
  <p><em>That TED Talk was full of blog fodder.</em></div><div class="word-card"></p>

</blockquote>

<p><strong>foist</strong> (verb)</p>
<p>impose an unwelcome or unnecessary person or thing on, to force onto another</p>

<blockquote>
  <p><em>He foisted his work on me.</em></div><div class="word-card"></p>

</blockquote>

<p><strong>panoply</strong> (noun)</p>
<p>an extensive or impressive collection</p>

<blockquote>
  <p><em>The museum displayed a panoply of ancient weapons.</em></div><div class="word-card"></p>

</blockquote>

<p><strong>Sinology</strong> (noun)</p>
<p>the study of Chinese language, history, customs, and politics</p>

<blockquote>
  <p><em>She specialized in Sinology and is well-informed in Chinese happenings.</em></p>

</blockquote>

</div></div>

<blockquote>
  <p><em>Definitions will be primarily taken from the <a href="https://www.oed.com/?tl=true" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Oxford Dictionary of English</span></a> as of the post’s published date. Secondary definition sources may come from the free version of the <a href="https://wordweb.info/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">WordWeb Dictionary</span></a>. Example sentences may also be sourced elsewhere or written by myself.</em></p>

</blockquote>

<h2 id="indieweb-themes"><a href="#indieweb-themes" class="h-anchor" title="Permalink to #IndieWeb Themes"></a>IndieWeb Themes</h2><p>I recently came across some CMS themes that are tailored for the IndieWeb.</p>
<ul>
<li><a href="https://brennan.day/announcing-three-new-free-jamstack-blogging-themes/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Announcing Three New Free JAMstack Blogging Themes</span></a> — Here&rsquo;s two Hugo themes and one Jekyll theme by Brennan.</li>
<li><a href="https://islandinthenet.com/introducing-cornerstone/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Introducing Cornerstone: A WordPress Theme for the IndieWeb</span></a> — And one for WordPress by Khürt.</li>
</ul>
<h2 id="link-roundup"><a href="#link-roundup" class="h-anchor" title="Permalink to #Link Roundup"></a>Link Roundup</h2><p>Here are some links I found interesting last week.</p>
<ul>
<li><a href="https://uses.tech/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Uses.tech</span></a> — I joined this /uses directory after chatting about it at the HWC event.</li>
<li>AP: <a href="https://apnews.com/article/auto-car-privacy-3674ce59c9b30f2861d29178a31e6ab7" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Modern cars are spying on you. Here’s what you can do about it</span></a> — I remember reading the <a href="https://www.mozillafoundation.org/en/privacynotincluded/articles/its-official-cars-are-the-worst-product-category-we-have-ever-reviewed-for-privacy/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Mozilla</span></a> privacy report on modern cars a few years ago and felt very uneasy. Luckily my family car is old—it&rsquo;s a Mercedes W212 from the 2010s which doesn&rsquo;t have all the Internet connectivity and sensors built-in. I really don&rsquo;t know what to do if the car really gives in and retires! 😔</li>
<li>Ars Technica: <a href="https://arstechnica.com/ai/2026/02/the-rise-of-moltbook-suggests-viral-ai-prompts-may-be-the-next-big-security-threat/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">The rise of Moltbook suggests viral AI prompts may be the next big security threat</span></a> — I&rsquo;ve followed the news about the <a href="https://arstechnica.com/ai/2026/01/viral-ai-assistant-moltbot-rapidly-gains-popularity-but-poses-security-risks/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">rise of OpenClaw</span></a>, the renames (previously known as Clawdbot, Moltbot), and now all the security flaws it possesses.
<ul>
<li>If I had a computer with a bit more RAM (the 16GB maxed out M1 Mac Mini is not really cutting it), I <em>theoretically</em> would like to experiment and test out a local agent in a sandboxed environment just to see what the hype is all about.</li>
<li>But I feel quite insecure with the idea of agentic AI despite never trying it. From what I&rsquo;ve read, it is <a href="https://www.kaspersky.com/blog/top-agentic-ai-risks-2026/55184/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">privacy evading</span></a> and full of <a href="https://genai.owasp.org/resource/owasp-top-10-for-agentic-applications-for-2026/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">security risks</span></a>. Unless there are better implementations that have robust privacy options and improved security practices; I guess I&rsquo;ll just stick to local LLMs using Ollama for now!</li>
</ul>
</li>
<li>OM: <a href="https://om.co/2026/02/06/how-ai-goes-to-work/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">How AI Goes to Work</span></a></li>
<li>Mitchell Hashimoto : <a href="https://mitchellh.com/writing/my-ai-adoption-journey" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">My AI Adoption Journey</span></a></li>
</ul>
<div class="footnotes">
<hr>
<ol>
<li id="fn:1">
<p>There are other non-Fediverse, Goodreads alternatives that I came across; a popular one being <a href="https://thestorygraph.com/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">StoryGraph</span></a>. But there are many others like: LibraryThing, BookSloth, Anobii, Hardcover etc; but I have not researched those.&#160;<a href="#fnref:1" class="footnote-backref">&#x21a9;&#xfe0e;</a></p>
</li>
</ol>
</div>

         <hr><p><i>[For up-to-date content, visit <a href="https://burgeonlab.com/">burgeonlab.com</a> directly (XML feeds don't fetch updates in real-time). For other feeds, visit the <a href='https://burgeonlab.com/subscribe/'>subscribe page</a>. Thanks for reading my weeknotes using a RSS reader!]</i></p>
        ]]></content></entry><entry><id>https://burgeonlab.com/weeknotes/2026/w05/</id><title type="html">Weeknote 2026-W05: Hugo Micropub Integration &amp;amp; Web Dev</title><link href="https://burgeonlab.com/weeknotes/2026/w05/"/><published>2026-02-02T23:46:31+08:00</published><updated>2026-06-02T21:58:22+08:00</updated><author><name>Naty S</name><email>naty@eclecticpassions.net</email></author><link rel="enclosure" type="image/png" href="https://burgeonlab.com/images/wn-cover/013_2026_w05.png"/><summary type="html">Major blog version upgrade with refined Hugo templates for photos, locations, and notes sections; photo carousel 2.0 much improved, location features added.</summary><content type="html"><![CDATA[<p>This week&rsquo;s weeknote is going to be pretty technical (about working on my blog&rsquo;s backend, adding Indieweb features, support for Micropub/Microformats, etc). If you&rsquo;re not interested, <a href="https://burgeonlab.com/weeknotes/2026/w05/#link-roundup"><span class="ext-text">jump to the Link Roundup</span></a>!</p>
<h2 id="blog-gets-major-version-upgrade"><a href="#blog-gets-major-version-upgrade" class="h-anchor" title="Permalink to #Blog Gets Major Version Upgrade"></a>Blog Gets Major Version Upgrade</h2><p>I think my blog deserves a new version number <em>(<del>pending</del> <a href="https://burgeonlab.com/changelog/#321-2026-02-03"><span class="ext-text">changelog updated</span></a></em> this week after making significant progress in integrating <a href="https://getindiekit.com/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Indiekit</span></a> Micropub posts! Lots of new Hugo templates and HTML/CSS behind the scenes—displaying three new sections of <em>BurgeonLab</em>: <a href="https://burgeonlab.com/photos/"><span class="ext-text">/photos</span></a>, <a href="https://burgeonlab.com/locations/"><span class="ext-text">/locations</span></a>, and <a href="https://burgeonlab.com/notes/"><span class="ext-text">/notes</span></a>.</p>
<h3 id="photos"><a href="#photos" class="h-anchor" title="Permalink to #Photos"></a>Photos</h3><p>I&rsquo;m most proud of the implementation of Indiekit photo posts—managed to make a CSS-only photo carousel to work well on both desktop and mobile after multiple attempts to get everything to work correctly. If you have a moment, can you check it out? Feedback is welcome. 😄 I have three photo posts currently (only the <a href="https://burgeonlab.com/photos/2026/0124-15550/"><span class="ext-text">second post</span></a> has multiple photos).</p>
<figure>
  <div class="img-container">
    <a href="/images/weeknotes/013-photo-carousel.webp" target="_blank" rel="noopener noreferrer"
       class="clickable-image">
      <img src="/images/weeknotes/013-photo-carousel.webp"
           alt="Annotated screenshot of a photo carousel with indicator buttons on the bottom centre, right arrow area highlighted in purple." width="568" height="733">
    </a>
  </div>

<p>I made the <a href="https://burgeonlab.com/photos/"><span class="ext-text">grid</span></a> images 4:5 instead of 1:1 and added a number to the top right corner if a photo post has more than one image.</p>
<figure>
  <div class="img-container">
    <a href="/images/weeknotes/013-photo-grid.webp" target="_blank" rel="noopener noreferrer"
       class="clickable-image">
      <img src="/images/weeknotes/013-photo-grid.webp"
           alt="Screenshot of the photo grid on burgeonlab.com/photos/" width="760" height="330">
    </a>
  </div>

<p>Still pending to do is add <code>post-elsewhere</code> for syndicated posts (<a href="https://indieweb.org/POSSE" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">POSSE</span></a> or <a href="https://indieweb.org/PESOS" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">PESOS</span></a>). For example, I would add this <a href="https://www.instagram.com/p/DUKkQgICaKm/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Instagram post</span></a> to my <a href="https://burgeonlab.com/photos/2026/0201-163413/"><span class="ext-text">tea photo post</span></a>.</p>
 <!-- FUTUREPOST: add post-elsewhere for linking posse pesos ig link -->
<h3 id="locations"><a href="#locations" class="h-anchor" title="Permalink to #Locations"></a>Locations</h3><p>Then I worked on integrating location information by working around Indiekit&rsquo;s way of presenting location information in the front matter to work with Hugo. There are two types of <a href="https://indieweb.org/location" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">location</span></a> on my site: one type is a &ldquo;name, street address, town, country&rdquo;, and the second type is a lat/long coordinate, which will open up a link to OpenStreetMap.</p>
<figure>
  <div class="img-container">
    <a href="/images/weeknotes/013-location-tooltip.webp" target="_blank" rel="noopener noreferrer"
       class="clickable-image">
      <img src="/images/weeknotes/013-location-tooltip.webp"
           alt="Screenshot of a tooltip above the location name PMQ with street address &#39;35 Aberdeen Street, Central, Hong Kong&#39;" width="359" height="88">
    </a>
  </div>

<figure>
  <div class="img-container">
    <a href="/images/weeknotes/013-lat-long.webp" target="_blank" rel="noopener noreferrer"
       class="clickable-image">
      <img src="/images/weeknotes/013-lat-long.webp"
           alt="Screenshot of a tooltip above a latitude and longitude coordinate displaying &#39;Tsuen Wan, Hong Kong&#39;" width="363" height="89">
    </a>
  </div>

<p>I plan to add an interactive map to the <a href="https://burgeonlab.com/locations/"><span class="ext-text">/locations</span></a> page showing all places with coordinates from relevant posts, marked with clickable pins linking to each post. This belongs to the same idea of <a href="/weeknotes/2026/w04/#being-more-active"><span class="ext-text">adding my GPX data</span></a> from walks onto the site which I mentioned last week.</p>
<h2 id="notes"><a href="#notes" class="h-anchor" title="Permalink to #Notes"></a>Notes</h2><!-- FUTUREPOST: test out mastodon syncing of microblogs from indiekit  -->
<p>I didn&rsquo;t do much on <a href="https://burgeonlab.com/notes/"><span class="ext-text">/notes</span></a> last week. I have yet to test out syndicating notes (aka microblogs) to my Mastodon account. The only hiccup for this post type were the tags. Indiekit presented them as <code>categories</code> whereas in my Hugo setup, they&rsquo;re called <code>tags</code>. Luckily this was easily fixed by using a quick step in the SourceHut CI script:</p>
<figure class="code-block"><div class="highlight"><pre tabindex="0" class="chroma"><code class="language-bash"><span class="line"><span class="ln">1</span><span class="cl">find content -path <span class="s2">&#34;*/[0-9][0-9][0-9][0-9]-[0-9]*.md&#34;</span> <span class="se">\
</span></span></span><span class="line"><span class="ln">2</span><span class="cl">  -exec sed -i <span class="s1">&#39;&#39;</span> <span class="s1">&#39;s/category *= *\[/tags = [/&#39;</span> <span class="o">{}</span> <span class="se">\;</span></span></span></code></pre></div><p>Which means Hugo can auto generate the taxonomy and term pages for the tags used in Indiekit posts! I did try to change it at the source (i.e. getting Indiekit to output hashtags as <code>tags</code> directly, but I couldn&rsquo;t get it to work; hence the workaround).</p>
<h3 id="other-new-features"><a href="#other-new-features" class="h-anchor" title="Permalink to #Other New Features"></a>Other New Features</h3><p>Updated my homepage a bit as well: a new <a href="https://burgeonlab.com/#top-ten"><span class="ext-text">Top 10</span></a> section—first time using the default Hugo <code>weight</code> parameter to rank the posts in order of popularity based on data from <a href="https://burgeonlab.com/stats/#web-analytics"><span class="ext-text">GoatCounter</span></a>, and a new style of the <a href="https://burgeonlab.com/#noticeboard"><span class="ext-text">Noticeboard</span></a> section. I think it is looking really cool!</p>
<figure>
  <div class="img-container">
    <a href="/images/weeknotes/013-noticeboard.webp" target="_blank" rel="noopener noreferrer"
       class="clickable-image">
      <img src="/images/weeknotes/013-noticeboard.webp"
           alt="Screenshot of new noticeboard section on the homepage of burgeonlab.com, in a retro crt style card. The first notice is about 100DaysToOffload and the second is about a readership survey." width="494" height="476">
    </a>
  </div>

<h2 id="link-roundup"><a href="#link-roundup" class="h-anchor" title="Permalink to #Link Roundup"></a>Link Roundup</h2><p>Here are some links I found interesting last week.</p>
<ul>
<li>Shellsharks: <a href="https://shellsharks.com/link-dumps" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Link Dumps</span></a> — Shellsharks is a blog I remember discovering early on. I love how it&rsquo;s just a treasure trove and full of cool features. I&rsquo;m always inspired by Mike&rsquo;s work and the content is always interesting. Thanks for including me in your list, Mike!</li>
<li><a href="https://calibre-ebook.com/whats-new" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Calibre 9.1</span></a> — New Calibre version 9 is out. It&rsquo;s my favourite e-book manager that I self-host on my RPi4B.</li>
<li>Alex Harri: <a href="https://alexharri.com/blog/ascii-rendering" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">ASCII characters are not pixels: a deep dive into ASCII rendering</span></a> — Super cool (and mathematical) detailed article about ASCII art.</li>
<li><a href="https://neatstats.net/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">NeatStats</span></a> — Discovered this privacy-first analytics service, created by Neatnik (who created omg.lol). I&rsquo;ve never used omg.lol, but it is definitely a platform I&rsquo;m interested in and have heard good things about.</li>
<li><a href="https://codepip.com/games/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">CodePip</span></a> — A friend asked me about how best to learn basic HTML and CSS. I suggested this fun game site, and <a href="https://www.w3schools.com/html/html_intro.asp" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">W3Schools tutorial</span></a> and <a href="https://web.dev/learn/html" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">web.dev</span></a>.</li>
<li>Niki: <a href="https://tonsky.me/blog/tahoe-icons/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">It’s hard to justify Tahoe icons</span></a> — I&rsquo;m still holding out on updating macOS from Sequoia to Tahoe. Great post about the UI/UX of Tahoe. Really shows how bad it really is. 🤮</li>
<li>Open Source Photography: <a href="https://marcrphoto.wordpress.com/2026/01/30/making-iptc-searches-visual/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Making IPTC Searches Visual on Linux</span></a> — Another great article from Marc, with excellent use of the terminal and scripts to automate tasks. My photo library is quite messy, especially since I stopped using LR Classic. I really need to set aside a weekend to sort out my photography workflow; I have a huge backlog of shots that haven’t even been imported yet! Really bad…</li>
</ul>

         <hr><p><i>[For up-to-date content, visit <a href="https://burgeonlab.com/">burgeonlab.com</a> directly (XML feeds don't fetch updates in real-time). For other feeds, visit the <a href='https://burgeonlab.com/subscribe/'>subscribe page</a>. Thanks for reading my weeknotes using a RSS reader!]</i></p>
        ]]></content></entry><entry><id>https://burgeonlab.com/weeknotes/2026/w04/</id><title type="html">Weeknote 2026-W04: Maps with GPX, DNS &amp;amp; Photo Posts</title><link href="https://burgeonlab.com/weeknotes/2026/w04/"/><published>2026-01-26T22:33:20+08:00</published><updated>2026-06-02T21:58:22+08:00</updated><author><name>Naty S</name><email>naty@eclecticpassions.net</email></author><link rel="enclosure" type="image/png" href="https://burgeonlab.com/images/wn-cover/012_2026_w04.png"/><summary type="html">Pass step count goals, mapping trails with GPX, fixing expired mac profiles, and creating a simple CSS carousel for multiple photo posts.</summary><content type="html"><![CDATA[<h2 id="being-more-active"><a href="#being-more-active" class="h-anchor" title="Permalink to #Being More Active"></a>Being More Active</h2><p>Having my best friend visiting HK got my average daily steps up to 14694 last week! Because my calves were destroyed after descending 300 meters on Tai Mo Shan (steep descent of over 500 steps of concrete stairs), I had to take two rest days. Want to know <a href="https://burgeonlab.com/photos/2026/0124-15550/"><span class="ext-text">why I went to base of Tai Mo Shan</span></a>, read my first <a href="https://burgeonlab.com/weeknotes/2026/w04/#first-multiple-photo-post"><span class="ext-text">multi-photo</span></a> post!</p>
<figure>
  <div class="img-container">
    <a href="/images/weeknotes/012-steps_hu_a5592c6b70208906.webp" target="_blank" rel="noopener noreferrer"
       class="clickable-image">
      <img src="/images/weeknotes/012-steps_hu_a5592c6b70208906.webp"
           alt="Screenshot of Garmin steps trend." width="462" height="573">
    </a>
  </div>

<figure>
  <div class="img-container">
    <a href="/images/weeknotes/012-taimoshan-descent_hu_3181438e3a9b7265.webp" target="_blank" rel="noopener noreferrer"
       class="clickable-image">
      <img src="/images/weeknotes/012-taimoshan-descent_hu_3181438e3a9b7265.webp"
           alt="Screenshot of GPX elevation profile coming down from the base of Tai Mo Shan to sea level." width="462" height="376">
    </a>
  </div>

<p>I did a few walks with GPX tracking, but I have yet to investigate self-hosting maps on my Hugo site. I look forward to sharing my trails soon! The two tools on preliminary research points towards <a href="https://github.com/ravelzh/hugo-gpx-module" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Hugo GPX Map Module</span></a> and <a href="https://github.com/martinschneider/hugo-gpx-shortcode" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">GPX Shortcode for Hugo</span></a>, which both rely on <a href="https://leafletjs.com/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Leaflet</span></a>. Do you like maps? I love looking at the data collected and seeing the visualizations on the map!</p>
<h2 id="first-multiple-photo-post"><a href="#first-multiple-photo-post" class="h-anchor" title="Permalink to #First Multiple Photo Post"></a>First Multiple Photo Post</h2><p>I added the ability to rename what <a href="https://getindiekit.com/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Indiekit</span></a> calls <code>category</code> (i.e. hashtags) to <code>tags</code> (which is what I call them in Hugo) with an additional step in the CI and local fetch script, using <code>find</code> and <code>sed</code>. It works flawlessly now! In the meantime, I learnt that multiple photos per photo post was a thing, so I made a very basic (I think it&rsquo;s a bit buggy on mobile but I haven&rsquo;t had time to fix it yet) CSS-only carousel for the single photo Hugo template; which is based on <a href="https://github.com/marzeckm/CarouselCSS" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">CarouselCSS</span></a> I found on GitHub. I&rsquo;m trying to add some arrow buttons on the edge of the photo so navigation can be more user-friendly. Looking forward to using my <a href="https://burgeonlab.com/photos/"><span class="ext-text">/⁠photos</span></a> page as my Instagram replacement!</p>
<h2 id="change-of-dns-resolver"><a href="#change-of-dns-resolver" class="h-anchor" title="Permalink to #Change of DNS Resolver"></a>Change of DNS Resolver</h2><p>I have been using <a href="https://docs.quad9.net/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Quad9</span></a> for a few years now (there are <a href="https://www.privacyguides.org/en/dns" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">good options</span></a> to choose from) and have been enjoying the experience. But last week the <code>.profile</code> <a href="https://docs.quad9.net/Setup_Guides/MacOS/Big_Sur_and_later_%28Encrypted%29/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">expired</span></a> on my Mac—which is still running Sequoia 15.7, before I got the chance to download the new profile to replace it. Guess what, in settings, I was not able to remove the expired profile and was stuck in a catch-22—lost all internet connectivity, but need to download the new profile using Safari. 😑 Luckily a few CLI commands helped force delete the profile:</p>
<ol>
<li><code>sudo profiles -D</code> — Deletes all device configuration profiles (use <code>sudo profiles -P</code> to check what profiles you have installed before deleting them)</li>
<li><code>sudo pkill -HUP mDNSResponder</code>, <code>sudo dscacheutil -flushcache</code> — Basic DNS flush commands</li>
</ol>
<p>I was then able to download the updated profiles from Quad9 (that will expire on January 29th, 2027). But I was wrong! Quad9&rsquo;s current Mac profiles only support &gt;=26.1, which is only mentioned in their <a href="https://fosstodon.org/@quad9dns@mastodon.social/115928241304497717" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Mastodon post</span></a>. I&rsquo;m holding off on moving to Tahoe as long as securely possible because I really dislike liquid glass, so I&rsquo;ve switched to <a href="https://mullvad.net/en/help/dns-over-https-and-dns-over-tls" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Mullvad</span></a> for now.</p>
<h2 id="link-roundup"><a href="#link-roundup" class="h-anchor" title="Permalink to #Link Roundup"></a>Link Roundup</h2><p>Links I found interesting last week:</p>
<ul>
<li><a href="https://www.weforum.org/stories/2026/01/davos-2026-special-address-by-mark-carney-prime-minister-of-canada/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Davos 2026: Special address by Mark Carney, Prime Minister of Canada</span></a> — What world leaders should sound like.</li>
<li><a href="https://indieweb.org/POSSE" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">IndieWeb: POSSE</span></a> — Still trying to understand and work out the best way to have canonical content on my site and syndicate it <a href="https://indieweb.org/posts-elsewhere" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">elsewhere</span></a>.</li>
<li><a href="https://termux.dev/en/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Termux</span></a> — I&rsquo;ve heard of this Android terminal emulator for a long time; but I don&rsquo;t know why I never downloaded it&hellip; I finally did last week, got <code>hugo</code>, <code>git</code> installed but got stuck while running <code>hugo server --noBuildLock</code> at the warnings step. If I could get it working I would be super stoked! Does anyone use Termux with Hugo? <strong>Update:</strong> Got it working! Here&rsquo;s a post on <a href="https://burgeonlab.com/blog/hugo-on-android-with-termux/"><span class="ext-text">how to use Termux + Hugo on Android</span></a> if you&rsquo;re interested.</li>
</ul>
<!-- - [Comment Parade](https://commentpara.de/) — A really neat, anonymous comments for the IndieWeb! Might add a link to this tool in my comments section. -->
         <hr><p><i>[For up-to-date content, visit <a href="https://burgeonlab.com/">burgeonlab.com</a> directly (XML feeds don't fetch updates in real-time). For other feeds, visit the <a href='https://burgeonlab.com/subscribe/'>subscribe page</a>. Thanks for reading my weeknotes using a RSS reader!]</i></p>
        ]]></content></entry><entry><id>https://burgeonlab.com/weeknotes/2026/w03/</id><title type="html">Weeknote 2026-W03: Hugo Themes, Photos &amp;amp; Blogging Challenge</title><link href="https://burgeonlab.com/weeknotes/2026/w03/"/><published>2026-01-20T23:54:03+08:00</published><updated>2026-06-02T21:58:22+08:00</updated><author><name>Naty S</name><email>naty@eclecticpassions.net</email></author><link rel="enclosure" type="image/png" href="https://burgeonlab.com/images/wn-cover/011_2026_w03.png"/><summary type="html">Managing Hugo themes and sharing photo apps. Starting my first ever 100 Days To Offload writing challenge, hoping to fill this blog up with more content.</summary><content type="html"><![CDATA[<h2 id="hugo-themes"><a href="#hugo-themes" class="h-anchor" title="Permalink to #Hugo Themes"></a>Hugo Themes</h2><p>I&rsquo;ve been trying to use less overrides in my Hugo blog because the source code is getting messy. I&rsquo;m currently using the <a href="https://github.com/hugo-theme-anubis2/hugo-theme-anubis2" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Anubis2 theme</span></a> as a Git Submodule, but since I heavily customized the base styles, I ended up using many overriding partials (files with identical names and paths as those in the theme but placed in the root directory) that are read by Hugo first in the <a href="https://gohugo.io/templates/new-templatesystem-overview/#changes-to-template-lookup-order" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">template lookup order</span></a>. And don&rsquo;t even mention CSS—it&rsquo;s a nightmare!</p>
<p>If you use Hugo, how do you manage themes that require a lot of customization? Do you fork the theme and make edits there using that as the site&rsquo;s theme, pulling occasional upstream updates? Do you keep stacking overrides like I am? Or do you use another approach? I&rsquo;d love to hear your setup.</p>
<p>After reading posts about Hugo themes by <a href="https://www.adamormsby.com/posts/000/hugo-themes-making-modifications/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Adam Ormsby</span></a> and <a href="https://blog.laromierre.com/posts/hugo-theme-management-forks-mirrors-and-modules-explained/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">LaRomierre</span></a>, I have settled on the plan to create a private fork (on Codeberg) of Anubis2 (originally on GitHub) so I could make my customizations primary rather than treating them as overrides. My custom partials and templates are a bit makeshift and doesn&rsquo;t follow the best Hugo practices, so I&rsquo;m not ready to publish them publicly—but I hope to clean them up and share the theme someday.</p>
<h2 id="photography-apps"><a href="#photography-apps" class="h-anchor" title="Permalink to #Photography Apps"></a>Photography Apps</h2><p>I have been a <a href="https://www.vsco.co/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">VSCO</span></a> user for many years and enjoyed the colours and editor in general on Android. Came across an <a href="https://www.thephoblographer.com/2026/01/17/vscos-new-ai-editing-feature-is-driving-its-own-users-away/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">article</span></a> talking about AI invading the app; I guess it means it is time to say goodbye; just like the many other apps I left because of AI integration: Adobe, Google, Meta, Evernote, etc.</p>
<p>These days when I want to edit photos, I use an Android app called <a href="https://www.saulala.com/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Saulala</span></a>. It is free and has good privacy practices (no internet connection, no data collected), but I only realized it <a href="https://saulala.discourse.group/t/frequently-asked-questions-faq/40" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">wasn&rsquo;t open source</span></a> last week after <a href="https://fosstodon.org/@adamsdesk/115914268054777354" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Adam</span></a> asked me about it. I like the <a href="https://docs.darktable.org/usermanual/development/en/module-reference/processing-modules/agx/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">AgX processing</span></a> it uses and the look it gives, so I&rsquo;ll continue using it. Credits goes to <a href="https://mastodon.art/@petrikas" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Petrikas</span></a> for creating this unique photo app!</p>
<p>Another handy Android photo app I use is <a href="https://github.com/T8RIN/ImageToolbox" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Image Toolbox</span></a> (which is FOSS), and on the Mac, my photo editing software of choice is <a href="https://www.darktable.org/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Darktable</span></a> and <a href="https://www.digikam.org/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Digikam</span></a> ever since I left Adobe.</p>
<h2 id="indieweb-updates"><a href="#indieweb-updates" class="h-anchor" title="Permalink to #IndieWeb Updates"></a>IndieWeb Updates</h2><p>I received a friendly message from Zachary who kindly invited me to his <a href="https://zacharykai.net/lists/crosscurrent" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Crosswinds + Currents Directory</span></a> (for bloggers from Asia/Pacific). He is a generalist blogger (which I love and look up to), and his site design is logically laid out and has a guestbook page that I keep meaning to add to my site. I must check out how to get one on Hugo—go check out his site!</p>
<h2 id="blog-updates"><a href="#blog-updates" class="h-anchor" title="Permalink to #Blog Updates"></a>Blog Updates</h2><p>I finally decided to take up the blogging challenge: <a href="https://100daystooffload.com/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">100 Days To Offload</span></a>, created by a fellow blogger Kev. I made a <a href="https://burgeonlab.com/tags/100daystooffload/"><span class="ext-text">special layout page</span></a> for it and created a neat little progress bar with some stats! The tracker is also on the <a href="https://burgeonlab.com/"><span class="ext-text">homepage</span></a> under &ldquo;Noticeboard&rdquo; (aka bulletin board) which is a new section for me to pin any ongoing/current projects—like my <a href="https://tally.so/r/44ag8b" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">quick blog survey</span></a> 😉!</p>
<p>Really looking forward to it and I appreciate everyone who showed their support when I <a href="https://fosstodon.org/@eclecticpassions/115904808058309336" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">announced</span></a> it last week on Mastodon. Thank you! If you&rsquo;re a beginner blogger, or maybe even a veteran blogger—consider joining! I think the community behind it is pretty spectacular, especially in times like now with AI slop filled to the brim; it feels nice to read content from real humans and connecting with each other.</p>
<h2 id="link-roundup"><a href="#link-roundup" class="h-anchor" title="Permalink to #Link Roundup"></a>Link Roundup</h2><p>Just a few links I found interesting last week.</p>
<ul>
<li>Akselmo: <a href="https://akselmo.dev/posts/how-to-linux-2025/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Various desktop Linux tips for newbies</span></a> — For those who might be new to Linux</li>
<li>Ross Baker: <a href="https://codeberg.org/rossabaker/kbbl" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">KBBL—A Webmention implementation in Rust</span></a> — My next IndieWeb task is to set up auto sending of webmentions. Will check this CLI tool from Ross for sure.</li>
<li>Jack Baty: <a href="https://baty.net/notes/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Notes</span></a> — I&rsquo;m working on my <a href="https://burgeonlab.com/notes/"><span class="ext-text">/⁠notes</span></a> page, having finally worked out how to get tags working from posts made by Indiekit (what I call <code>tags</code> in Hugo are called <code>categories</code> in Indiekit). I like the clean look on Jack&rsquo;s page, maybe I&rsquo;ll implement something similar in the future.</li>
</ul>

         <hr><p><i>[For up-to-date content, visit <a href="https://burgeonlab.com/">burgeonlab.com</a> directly (XML feeds don't fetch updates in real-time). For other feeds, visit the <a href='https://burgeonlab.com/subscribe/'>subscribe page</a>. Thanks for reading my weeknotes using a RSS reader!]</i></p>
        ]]></content></entry><entry><id>https://burgeonlab.com/weeknotes/2026/w02/</id><title type="html">Weeknote 2026-W02: IndieWeb Honeymoon Phase &amp;amp; HWC Events</title><link href="https://burgeonlab.com/weeknotes/2026/w02/"/><published>2026-01-11T22:06:15+08:00</published><updated>2026-06-02T21:58:22+08:00</updated><author><name>Naty S</name><email>naty@eclecticpassions.net</email></author><link rel="enclosure" type="image/png" href="https://burgeonlab.com/images/wn-cover/010_2026_w02.png"/><summary type="html">Big IndieWeb updates behind the scenes with Indiekit and joining Homebrew Website Club meets. Learnt Git redaction, PR merged and improve Mermaid diagrams.</summary><content type="html"><![CDATA[<h2 id="first-fortnight"><a href="#first-fortnight" class="h-anchor" title="Permalink to #First Fortnight"></a>First Fortnight</h2><p>I&rsquo;ve been playing catchup with my first weeknote of 2026. I&rsquo;m starting to write, but it&rsquo;s already Thursday of Week 2. So instead, let&rsquo;s start 2026 off with a fortnightly note! <em>Expect a longer-than-usual ramble&hellip;</em></p>
<p>First and foremost, <strong>Happy (Belated) New Year!</strong> My one wish for everyone is one that many may take for granted: good health. May 2026 bring you an active lifestyle and a positive mindset to tackle whatever life throws at us.  This goal especially applies to myself, as I’ve recently fallen into a bit of a physical activity slump.</p>
<h2 id="indieweb-updates"><a href="#indieweb-updates" class="h-anchor" title="Permalink to #IndieWeb Updates"></a>IndieWeb Updates</h2><p>If you&rsquo;ve been following my blog and updates on Mastodon, I have been mentioning <a href="https://indieweb.org/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">IndieWeb</span></a> more frequently because I&rsquo;ve started taking action since Christmas Day 2025 (at the <a href="https://indieweb.org/events/2025-12-25-create-day" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Give the Gift of Create Day (Xmas &lsquo;25)</span></a>), updating my blog&rsquo;s backend to work with the <a href="https://indieweb.org/Category:building-blocks" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">building blocks</span></a>. (My guide on <a href="https://getindiekit.com/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Indiekit</span></a> coming soon!)</p>
<!-- FUTUREPOST: indiekit guide links -->
<h3 id="homebrew-website-club-events"><a href="#homebrew-website-club-events" class="h-anchor" title="Permalink to #Homebrew Website Club Events"></a>Homebrew Website Club Events</h3><p>Having <a href="https://burgeonlab.com/blog/blogging-with-hugo-and-wordpress/#indieweb"><span class="ext-text">discovered IndieWeb</span></a> in mid-2025, I decided to attended my first online events in December last month; and it&rsquo;s been enlightening and interesting each time! <a href="https://artlung.com/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Joe</span></a>, who&rsquo;s usually the host of <a href="https://events.indieweb.org/tag/hwc" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Homebrew Website Club (HWC)</span></a> meetings, is friendly and guides the conversation along nicely (thanks for running them, Joe!) We usually talk about things related to personal projects or sites, tools related to website development, or other non-technical topics/general chat. I have attended about four of these online Zoom calls already, and the &ldquo;show-and-tell&rdquo; aspect of this type of meeting has motivated me to create and develop my website. Not to mention the diverse group and cool things people share during these gatherings inspire me as well!<sup id="fnref:1"><a href="#fn:1" class="footnote-ref">1</a></sup></p>
<p>The latest HWC I joined on 2025/01/07 was another varied and thought-provoking session. There are <a href="https://indieweb.org/events/2026-01-07-hwc-pacific" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">meeting notes/minutes</span></a> for each meetup if you&rsquo;re interested in seeing what was discussed.<sup id="fnref:2"><a href="#fn:2" class="footnote-ref">2</a></sup> If you live in the States, Germany, or the UK, there are in-person events too—check the <a href="https://events.indieweb.org/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">IndieWeb Events page</span></a> for more information. I wonder if there are any Asian countries that do events (online or in-person)&hellip; 🤔</p>

<blockquote class="alert alert-tip">
  <p class="alert-heading">
    <span class="alert-icon">
      
      <span class="inline-svg"></span>
    </span>
    
      Tip
    
  </p>
  <p>Subscribe to the <a href="https://events.indieweb.org/ics/events/preview" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">iCalendar feed</span></a> on the bottom of the Events Page.</p>
</blockquote>

<h3 id="why-i-passionately-promote-the-indieweb"><a href="#why-i-passionately-promote-the-indieweb" class="h-anchor" title="Permalink to #Why I Passionately Promote the IndieWeb"></a>Why I Passionately Promote the IndieWeb</h3><p>I hope to inspire those who do not have their own site to start one too and join in on the fun (because I know I am)! Some reasons I think you should have your own website:</p>
<ul>
<li>Having ownership of your content and data, in your little corner of the Internet has significance in this day and age, because of the seemingly inevitable <a href="https://openlibrary.org/books/OL58196013M/Enshittification" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">enshittification</span></a> risk for every major platform.</li>
<li>Not being a prisoner of <a href="https://en.wikipedia.org/wiki/Big_Tech" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Big Tech</span></a> social media apps (which are saturated with AI-generated content and privacy-evading software).</li>
<li>Connect with genuine and real human beings (there can be real humans behind Instagram and TikTok feeds too, but the &ldquo;algorithm&rdquo; and the foundation of an ads-driven platform can only be so trustworthy).</li>
<li>Learn a new skill—understand a bit (or a lot) of HTML + CSS to make your site truly customized the way you want!</li>
<li><a href="https://indieweb.org/Why" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">More reasons</span></a> why you should join.</li>
</ul>
<h3 id="recently-completed-indieweb-tasks"><a href="#recently-completed-indieweb-tasks" class="h-anchor" title="Permalink to #Recently Completed IndieWeb Tasks"></a>Recently Completed IndieWeb Tasks</h3><ul>
<li>Add <a href="https://indieweb.org/Micropub" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Micropub</span></a> endpoints to <em>BurgeonLab</em> using Indiekit (allowing me to use a variety of <a href="https://indieweb.org/Micropub/Clients" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Micropub clients</span></a> to post different types of posts, on-the-go).</li>
<li>Improve Hugo compatibility with Microformat markup (<code>h-feed</code>, <code>h-entry</code>, etc) and support other IndieWeb <a href="https://indieweb.org/posts#Types_of_Posts" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">post types</span></a>—like photos, notes (i.e. microblog/tweet/status), etc with their own Hugo sections and layouts.</li>
<li>Create new IndieWeb-inspired pages<sup id="fnref:3"><a href="#fn:3" class="footnote-ref">3</a></sup> like a <a href="https://burgeonlab.com/all/"><span class="ext-text">Firehose page</span></a>, <a href="https://burgeonlab.com/stats/"><span class="ext-text">Stats page</span></a>.</li>
<li>Add a social button to the footer linking to my IndieWeb <a href="https://indieweb.org/User:Burgeonlab.com" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">User page</span></a> (which I&rsquo;ve also updated).</li>
</ul>
<h2 id="completed"><a href="#completed" class="h-anchor" title="Permalink to #Completed"></a>Completed</h2><h3 id="learnt-some-more-git"><a href="#learnt-some-more-git" class="h-anchor" title="Permalink to #Learnt Some More Git"></a>Learnt Some More Git</h3><p>I learnt how to redact a repo&rsquo;s Git commit history last week! I sometimes still struggle with Git concepts, so I always try to &ldquo;learn while doing&rdquo;. It wasn&rsquo;t anything serious that I &ldquo;leaked&rdquo; in a public repo—and I already deleted and recreated a new set of variables, but I thought it was still important to learn how to redact all occurrences of the leaked secret from the Git commit log. I think it is worth its own post, so I won&rsquo;t say more. It was a fun learning opportunity though!</p>
<!-- FUTUREPOST: git redact -->
<p>I do have a short list of resources to learn Git properly—on the top of my list is <a href="https://ohmygit.org/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Oh My Git</span></a>, an open source game teaching Git. Looks like a fun way to learn; has anyone tried it or have other Git learning resources you recommend?</p>
<h4 id="indiekit-pull-request-merged"><a href="#indiekit-pull-request-merged" class="h-anchor" title="Permalink to #Indiekit Pull Request Merged"></a>Indiekit Pull Request Merged</h4><p>On a slightly related note, I <a href="https://github.com/getindiekit/indiekit/pull/810" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">submitted a PR</span></a> to IndieKit which got merged by <a href="https://github.com/paulrobertlloyd" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Paul</span></a>. 🥳 It allows me now to use S3 buckets for media storage. My Indiekit setup is nearly done, and I can&rsquo;t wait to start using it! Also decided to show some support and appreciate by being a <a href="https://github.com/sponsors/getindiekit" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Indiekit sponsor</span></a>.</p>
<h3 id="more-mermaid"><a href="#more-mermaid" class="h-anchor" title="Permalink to #More Mermaid"></a>More Mermaid</h3><p>I improved my Mermaid diagrams styling last week, and it looks much better in my opinion! Here&rsquo;s a quick before/after:</p>
<figure>
  <div class="img-container">
    <a href="/images/weeknotes/011-mermaid-update.gif" target="_blank" rel="noopener noreferrer"
       class="clickable-image">
      <img src="/images/weeknotes/011-mermaid-update.gif"
           alt="Gif showing before and after changes to Mermaid diagram styling on burgeonlab.com" width="315" height="400">
    </a>
  </div>

<p>If you want to check them out more closely, here are a few posts I&rsquo;ve written that has Mermaid diagrams. I have at least two more coming!</p>
<ul>
<li><a href="https://burgeonlab.com/blog/github-style-heatmap-calendar-widget-visualizing-hugo/#process-overview"><span class="ext-text">Process Overview of Using ECharts</span></a></li>
<li><a href="https://burgeonlab.com/blog/podcast-interview-about-being-a-blogger/#q4-what-is-your-writing-setup-like-what-process-do-you-go-through-to-get-a-post-published"><span class="ext-text">Final Checklist Before Publishing on Hugo</span></a></li>
<li><a href="https://burgeonlab.com/blog/migrate-github-pages-to-sourcehut-bunny/#step-by-step-migration-guide-hugo-static-site-ci-deployment"><span class="ext-text">GitHub Replacement Workflow</span></a></li>
</ul>
<!-- FUTUREPOST: add mermaid daigrams like indiekit part 1 -->
<h2 id="link-roundup"><a href="#link-roundup" class="h-anchor" title="Permalink to #Link Roundup"></a>Link Roundup</h2><p>Here are some links I found interesting last week.</p>
<ul>
<li><a href="https://topfour.net/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Top Four</span></a> — After <a href="https://rossabaker.com/tags/top4/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Ross</span></a> mentioned starting his Top4 at one of the IndieWeb meetings, it&rsquo;s on my to-do list!</li>
<li>The Verge: <a href="https://www.theverge.com/gadgets/851643/moto-watch-android-smarwatch-ces-2026" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Motorola’s latest smartwatch promises 13-day battery life and Polar-powered health tracking</span></a> — I&rsquo;ve not been keeping up to date with CES this year&hellip; but one thing caught my eye, Moto Watch will run open source software and not WearOS? That sounds really great, but there are no details yet. Any hardware (especially from big, corporate brands), that runs open source software should be commended.</li>
<li>TK (11d.im): <a href="https://11d.im/semaines/2026w01/#chez-les-autres" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">2026w01</span></a> and <a href="https://11d.im/journal/2026/0101162723-d%C3%A9parts-pages-carnets/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Hobonichi and Digital Notes</span></a> (TK&rsquo;s blog is in French and I paraphrased the second post title to English.) — I <em>was</em> a huge fan of Hobonichis for around 6 or 7 years I guess? It is a cult Japanese diary/planner with very thin, bible-like paper that has great fountain pen properties. It wasn&rsquo;t until I got bored with their layout options, annual designs, and their paper source had a change, I decided to find an alternative. For my planner choice—I use a <a href="https://eclecticpassions.net/blog/marks-edit-weekly-notes-planner-review/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Mark&rsquo;s Edit</span></a> dairy (my 3rd year), and still enjoying the A5 version. His experience with note-taking apps was a nice read, and he ended up with a CLI app called <a href="https://xwmx.github.io/nb/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">nb</span></a> (which looks rather cool I have to admit); while l am still enjoying my Obsidian workflow ever since I <a href="https://eclecticpassions.net/blog/how-i-made-a-digital-note-collection-with-obsidian/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">dumped Evernote</span></a> in late 2022. I actually &ldquo;upgraded&rdquo; some of my Obsidian workflows last week—which is probably worth its own post&hellip; <!-- FUTUREPOST: obsidian workflow update 2025  --></li>
<li>Piccalilli: <a href="https://piccalil.li/blog/date-is-out-and-temporal-is-in/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Date is out, Temporal is in </span></a> — Interesting new JS implementation for times/dates. Out of HTML/CSS/JS, JavaScript is the one I know least about&hellip; But the article did a good job explaining! Another JS related link I came across is <a href="https://day.js.org/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Day.js</span></a> (a super lightweight version of <a href="https://momentjs.com/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Moment.js</span></a>) when I was chatting with <a href="https://fosstodon.org/@solariz@chaos.social/115867476333532666" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">MG on Mastodon</span></a> about his implementation of relative dates for <a href="https://solariz.de/posts/26/01_photos-hugo-blog-from-pixelfed/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">his new /photos</span></a> section on his site.</li>
<li><a href="https://fediverse.observer/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Fediverse Observer</span></a> — A site that lets you find a good server to suit your Fediverse needs! Use the software filter at the top to find the service (e.g. Mastodon, Lemmy, PixelFed, etc). I have been using it to see if there are any good servers to join; either a <a href="https://join.piefed.social/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">PieFed</span></a> or <a href="https://joinmbin.org/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Mbin</span></a> account. Anyone use either or prefer the other? I don&rsquo;t want Lemmy as I read the development is sluggish. (For those of you who don&rsquo;t know, these are federated, content aggregators, i.e., Reddit alternatives. Elena has written a <a href="https://blog.elenarossini.com/the-future-of-social-is-here-a-show-and-tell-part-4-lemmy-piefed-mbin/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">multipart series on Fediverse apps</span></a> if you&rsquo;re interested!)</li>
<li><a href="https://webkit.org/blog/17660/introducing-css-grid-lanes/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Introducing CSS Grid Lanes</span></a> — I think this might come in handy for when I finally get around to working on my photography portfolio.</li>
</ul>
<h2 id="closing"><a href="#closing" class="h-anchor" title="Permalink to #Closing"></a>Closing</h2><p>Okay, that&rsquo;s all for now—hope it wasn&rsquo;t <em>too</em> long. Thanks for reading my first &ldquo;1+1&rdquo; weeknote of 2026! Catch you next week,</p>
<p>Naty</p>
<div class="footnotes">
<hr>
<ol>
<li id="fn:1">
<p>If you&rsquo;re like me, camera shy, it&rsquo;s no problem: (1) it&rsquo;s not recorded, (2) when the group picture being taken you can turn your video off (Joe gives an ample warning), and (3) you can also just listen/lurk without needing to actively participate (although we hope you would!)&#160;<a href="#fnref:1" class="footnote-backref">&#x21a9;&#xfe0e;</a></p>
</li>
<li id="fn:2">
<p>The first two events I attended were also Homebrew Website Club events: <a href="https://indieweb.org/events/2025-12-23-hwc-pacific" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">HWC - Pacific (2025/12/23 )</span></a>, and <a href="https://indieweb.org/events/2025-12-17-hwc-eastern" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">HWC - Eastern (2025/12/17)</span></a>.&#160;<a href="#fnref:2" class="footnote-backref">&#x21a9;&#xfe0e;</a></p>
</li>
<li id="fn:3">
<p>There are lots of inspiration for content on your site on the IndieWeb Wiki. For example, learn more about <a href="https://indieweb.org/firehose" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">firehose</span></a> and <a href="https://indieweb.org/statistics" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">stats</span></a>.&#160;<a href="#fnref:3" class="footnote-backref">&#x21a9;&#xfe0e;</a></p>
</li>
</ol>
</div>

         <hr><p><i>[For up-to-date content, visit <a href="https://burgeonlab.com/">burgeonlab.com</a> directly (XML feeds don't fetch updates in real-time). For other feeds, visit the <a href='https://burgeonlab.com/subscribe/'>subscribe page</a>. Thanks for reading my weeknotes using a RSS reader!]</i></p>
        ]]></content></entry><entry><id>https://burgeonlab.com/weeknotes/2025/w52/</id><title type="html">Weeknote 2025-W52: Micropub with Indiekit &amp;amp; F1 Fantasy</title><link href="https://burgeonlab.com/weeknotes/2025/w52/"/><published>2025-12-31T19:15:14+08:00</published><updated>2026-04-28T20:55:04+08:00</updated><author><name>Naty S</name><email>naty@eclecticpassions.net</email></author><link rel="enclosure" type="image/png" href="https://burgeonlab.com/images/wn-cover/009_2025_w52.png"/><summary type="html">Made my first contribution to Hugo Docs, installing Indiekit, testing Micropub content. New Hugo templates for IndieWeb posts. Plus a quick F1 Fantasy summary.</summary><content type="html"><![CDATA[<h2 id="contributing-to-hugo-docs"><a href="#contributing-to-hugo-docs" class="h-anchor" title="Permalink to #Contributing to Hugo Docs"></a>Contributing to Hugo Docs</h2><p>Made a small contribution last week on Hugo documentations regarding installing Dart Sass in SourceHut CI pipelines. I couldn&rsquo;t get it to work until I switched to the <code>linux-x64-musl</code> installation as SourceHut uses Alpine as the VM OS. It&rsquo;s my <a href="https://github.com/gohugoio/hugoDocs/commit/c3c42b171622ea242a5e4f5f88f2e961c8050336" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">first contribution</span></a> to a big documentation, so it feels pretty cool! I want to do more documentation writing—if anyone reading needs some help with docs, let me know!</p>
<h2 id="implementing-indiekit"><a href="#implementing-indiekit" class="h-anchor" title="Permalink to #Implementing Indiekit"></a>Implementing Indiekit</h2><p>I began <a href="https://fosstodon.org/@eclecticpassions/115790258132148409" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">working on</span></a> using <a href="https://indieweb.org/Indiekit" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Indiekit</span></a> as the <a href="https://indieweb.org/Micropub" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Micropub</span></a> endpoint for <em>BurgeonLab</em> this Christmas. It was challenging, as I have zero experience with: Node.js, MongoDB (the two main technologies behind Indiekit), and S3 object storage.</p>
<p>After a lot of trial and error, and I ended up needed some guidance from AI chatbots to explain the workflow, and troubleshooting issues I had with Node.js and S3. Another first for me was using <a href="https://render.com/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Render</span></a> to host a serverless app and getting that working was really cool—being able to do the <a href="https://micropub.rocks/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">micropub.rocks</span></a> tests and passing most of them was even cooler! I genuinely didn&rsquo;t think I could get it to work because I couldn&rsquo;t find a guide on using Indiekit with Hugo. So I will write up an overview to help anyone else who might be interested in joining the IndieWeb!</p>
<p>The whole implementation isn&rsquo;t fully working yet, but I think most of the heavy lifting is complete. With the new <a href="https://indieweb.org/Category:PostType" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Micropub post types</span></a> coming to <em>BurgeonLab</em>, I have created my first iteration Hugo templates! You can visit <a href="https://burgeonlab.com/photos/"><span class="ext-text">/photos</span></a> and <a href="https://burgeonlab.com/notes/"><span class="ext-text">/notes</span></a> to see a sample post in each post type. I also added a <a href="https://burgeonlab.com/sitemap/"><span class="ext-text">/⁠sitemap</span></a> page this week!</p>
<p>I can&rsquo;t wait for 2026 to be the year I fully embrace being on the IndieWeb!</p>
<!-- FUTUREPOST: write guide on indiekit -->
<h2 id="f1-fantasy-2025"><a href="#f1-fantasy-2025" class="h-anchor" title="Permalink to #F1 Fantasy 2025"></a>F1 Fantasy 2025</h2><p>I didn&rsquo;t get a chance to write up my thoughts on playing F1 Fantasy (my third year); here&rsquo;s a quick summary of my Team 1:</p>
<ul>
<li><strong>Global leaderboard: Rank 773/2.7m+</strong></li>
<li><strong>Hong Kong leaderboard: Rank 7/9k+</strong></li>
<li>Best scoring race: 333 points at Monaco with limitless chip</li>
<li>Most points in a single race: 376 points (used no negative chip at Brazil for Team 3)</li>
</ul>
<p>League Results:</p>
<ul>
<li><a href="https://fosstodon.org/tags/fedif1league" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Fedi F1 League</span></a> (<a href="https://fosstodon.org/@rob@rstokes.uk" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Rob Stokes</span></a>): Rank 1/37</li>
<li>Hong Kong F1 Fantasy League: Rank 1/20</li>
<li>Subreddit r/formula1: Rank 34/12k+</li>
<li>Formula Fantasy Hub Official League (Rob Beaumont): Rank 95/4k+</li>
<li>The Fantasy Formula (FanAmp): Rank 233/70k+</li>
</ul>
<p>I am not sure what to expect in 2026, with the regulation changes. I just want more racing, and less &ldquo;DRS trains&rdquo; and &ldquo;this is a hard-to-overtake track&rdquo;. A quick explainer video: <a href="https://invidious.nerdvpn.de/watch?v=GaDFJr5wSz0" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Everything You Need To Know About the Formula 1 2026 Regulations</span></a>.</p>
<p>I&rsquo;m really quite happy with the results; being in the top 1000 globally and top 10 in Hong Kong. My favourite F1 Fantasy content creators are <a href="https://www.youtube.com/@formulafantasyhub" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Rob Beaumont</span></a>, <a href="https://www.youtube.com/@f1fantasypoleposition" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Euan</span></a>, and the guys at <a href="https://www.youtube.com/playlist?list=PLJiBp8y6DLYZsxq0BePdeq9QKEWmtuPg5" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">FanAmp</span></a> <em>(links are all to YouTube)</em>. I also highly recommend <a href="https://f1fantasytools.com/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">F1 Fantasy Tools</span></a> if you are playing, it&rsquo;s got loads of data and great for building budget in the early stages.</p>
<h2 id="link-roundup"><a href="#link-roundup" class="h-anchor" title="Permalink to #Link Roundup"></a>Link Roundup</h2><p>Here are some links I found interesting last week.</p>
<ul>
<li>Software Freedom Conservancy: <a href="https://sfconservancy.org/blog/2025/dec/23/seven-abbott-freestyle-libre-cgm-patients-dead/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Seven Diabetes Patients Die Due to Undisclosed Bug in Abbott&rsquo;s Continuous Glucose Monitors</span></a> — I wouldn&rsquo;t want a proprietary piece of hardware in my body. I hope FOSS becomes more widely used in the healthcare field.</li>
<li>beepb00p.xyz: <a href="https://beepb00p.xyz/annotating.html" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">How to annotate literally everything</span></a> — A very thorough overview about annotating things we read.</li>
<li>The New Stack: <a href="https://thenewstack.io/css-finally-gets-inline-conditional-logic-with-new-if-function/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">CSS Finally Gets Inline Conditional Logic With New if() Function</span></a></li>
<li><a href="https://github.com/piskelapp/piskel" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Piskel</span></a> — A web-based FOSS pixel art /animated sprite editor.</li>
<li><a href="https://wellness-p.ing" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Wellness Ping</span></a> — A FOSS service offered by <a href="https://github.com/micr0-dev" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Micr0byte</span></a> that notifies your emergency contacts if you don&rsquo;t respond to regular email check-ins.</li>
</ul>
<h2 id="final-word-in-2025"><a href="#final-word-in-2025" class="h-anchor" title="Permalink to #Final Word in 2025"></a>Final Word in 2025</h2><p>Want to wish my dear readers a very Happy New Year! No matter what stage you are in your life, I wish you good mental and physical health, success in your endeavours, and motivation to chase your dreams.</p>
<p>Have a great 2026,</p>
<p>Naty</p>

         <hr><p><i>[For up-to-date content, visit <a href="https://burgeonlab.com/">burgeonlab.com</a> directly (XML feeds don't fetch updates in real-time). For other feeds, visit the <a href='https://burgeonlab.com/subscribe/'>subscribe page</a>. Thanks for reading my weeknotes using a RSS reader!]</i></p>
        ]]></content></entry><entry><id>https://burgeonlab.com/weeknotes/2025/w51/</id><title type="html">Weeknote 2025-W51: Winter Solstice &amp;amp; Validating My Blog</title><link href="https://burgeonlab.com/weeknotes/2025/w51/"/><published>2025-12-23T18:33:07+08:00</published><updated>2026-04-28T20:55:04+08:00</updated><author><name>Naty S</name><email>naty@eclecticpassions.net</email></author><link rel="enclosure" type="image/png" href="https://burgeonlab.com/images/wn-cover/008_2025_w51.png"/><summary type="html">Attending my first IndieWeb event, fixing Hugo HTML validation errors, and insights about the traditional Chinese holiday—Winter Solstice.</summary><content type="html"><![CDATA[<h2 id="life-online"><a href="#life-online" class="h-anchor" title="Permalink to #Life Online"></a>Life Online</h2><p>I attended my first IndieWeb event last week: <a href="https://indieweb.org/events/2025-12-17-hwc-eastern" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Homebrew Website Club (Eastern Time)</span></a>. It was pretty cool to put some faces to names I&rsquo;ve seen around on the IndieWeb community / IRC. Everyone was chill and welcoming!</p>
<p><a href="https://artlung.com/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Joe</span></a> and <a href="https://david.shanske.com/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">David</span></a> shared what they had in common with Hong Kong, and <a href="https://www.morganwebdev.org/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Morgan</span></a> shared that he got his hands on the PinePhone to test (Pine64 is from HK actually!) I&rsquo;m looking forward to reading about his experience as I really want my next phone to be either: 1. a fully degoogled Android OS (e.g. GrapheneOS) or 2. Linux-based.</p>
<p>Did some satisfying work on my website last week—I managed to fix the plethora of errors and warnings on all the pages in this blog using the <a href="https://validator.w3.org/nu/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">W3 Nu HTML5 Checker</span></a>! I tried looking at it a few years ago but had no clue how to fix them. With more HTML/CSS/JS knowledge these days, I got it sorted! 🥳 I totally forgot to screenshot the errors; they were mostly wrong implementation of:</p>
<ul>
<li>ARIA labels</li>
<li>divs and spans</li>
<li>not using unique IDs</li>
<li>landmarks as children</li>
<li>strays /divs</li>
<li>attributes</li>
</ul>
<p>So I added a <a href="https://github.com/bradleytaunt/html5-valid-badge" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">HTML5 validated badge</span></a> to my growing collection of web badges (now located at the footer). I also updated my Hugo <code>/layouts</code> folder to the new <a href="https://gohugo.io/templates/new-templatesystem-overview/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">v.0.146 template system</span></a>. It broke some things because the theme I use is still on the old system, but I managed to bypass it for now.</p>
<h2 id="in-real-life"><a href="#in-real-life" class="h-anchor" title="Permalink to #In Real Life"></a>In Real Life</h2><p>In Chinese culture, there&rsquo;s an old saying that &ldquo;Winter solstice is more important than Chinese Lunar New Year&rdquo; (冬大過年). I never looked into why that is, until yesterday when I celebrated it with my family.</p>
<p><a href="https://en.wikipedia.org/wiki/Dongzhi_Festival" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Winter solstice</span></a> (aka as Dung Zi or Dongzhi) is usually on December 21 or 22; it is the shortest day in the year (in the Northern Hemisphere). This means that the days following winter solstice, the daylight hours will increase (bringing in yang/positive energy), i.e. like the beginning of a &ldquo;new year&rdquo;. To learn more, read this article by UNESCO HK about the <a href="https://unesco.hk/archive/2017Apr/en/A4.html" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">24 Solar Terms</span></a>; where winter solstice is the 22nd solar term.</p>
<p>Oh, and I passed the written test for getting a learner&rsquo;s licence last week; it was easier than I thought. 😅 Can&rsquo;t wait to get in the car!</p>
<h2 id="link-roundup"><a href="#link-roundup" class="h-anchor" title="Permalink to #Link Roundup"></a>Link Roundup</h2><p>Here are some links I found interesting last week. <strong>Note:</strong> I&rsquo;m trying out YouTube frontend alternatives when sharing video links, e.g. Invidious.</p>
<ul>
<li>Elena Rossini: <a href="https://blog.elenarossini.com/a-newbies-guide-to-self-hosting-with-yunohost-part-1-reasons-requirements/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Newbie&rsquo;s guide to self-hosting with YunoHost</span></a> — Elena has written <a href="https://blog.elenarossini.com/a-newbies-guide-to-self-hosting-with-yunohost-part-2-installation-setup/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Part 2</span></a> as well! Great starter&rsquo;s guide for homelabbers. She&rsquo;s written a <a href="https://blog.elenarossini.com/my-fediverse-starter-guide/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Fediverse starter guide</span></a> too, if you&rsquo;re interested.</li>
<li>ghacks.net: <a href="https://www.ghacks.net/2025/12/22/firefox-adds-ai-but-mozilla-promises-a-full-off-switch/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Firefox adds AI</span></a> — New leader over at Mozilla and it&rsquo;s just going downhill real quick. I am not sure how privacy-focused forks will cope, I hope they do manage because I&rsquo;ve fully left Firefox and relying on forks exclusively (bouncing between <a href="https://librewolf.net/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Librewolf</span></a> and <a href="https://floorp.app/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Floorp</span></a>).</li>
<li><a href="https://invidious.nerdvpn.de/watch?v=F4WZ_k0vUDM" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">A Message from Ella | Without Consent</span></a> — This is an old advert (2023) by Deutsche Telekom, but I only came across it last week. It is poignant and even more relevant today.</li>
<li><a href="https://objectiveunclear.com/airloom.html" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Air Loom 3D Flight Tracker</span></a> — Very cool site showing 3D rendering of planes in the sky.</li>
<li><a href="https://github.com/elliotttate/CoverFlowFinder" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">CoverFlowFinder</span></a> — A macOS Finder alternative that&rsquo;s open source. Haven&rsquo;t tried it.</li>
<li><a href="https://www.darktable.org/2025/12/darktable-5.4.0-released/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Darktable v5.4.0 out</span></a> — Seems like a good update!</li>
<li><a href="https://www.fountainpencompanion.com/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Fountain Pen Companion</span></a> — I just came across this site aimed at fountain pen users albeit too late (I was a fanatic in 2010-2019). I know some of you are just starting out with the fountain pen hobby (like <a href="https://joelchrono.xyz/blog/2025-w40/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Joel</span></a> and <a href="https://social.lol/@cass" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Cassie</span></a>)</li>
<li><a href="https://sandyuraz.com/blogs/bourdain/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Recovering Anthony Bourdain&rsquo;s (really) lost Li.st&rsquo;s</span></a> — Everyone should have lists. It&rsquo;s a accessible and concise way of keeping ideas and notes. I should try to keep some of my own too. By the way, Bourdain seems to enjoy <a href="https://bourdain.greg.technology/#food-im-thinking-about" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">HK restaurants</span></a> quite a bit!</li>
</ul>
<p>I wish everyone a happy belated dung zi / winter solstice, and a warm, peaceful, and safe holiday season.</p>

         <hr><p><i>[For up-to-date content, visit <a href="https://burgeonlab.com/">burgeonlab.com</a> directly (XML feeds don't fetch updates in real-time). For other feeds, visit the <a href='https://burgeonlab.com/subscribe/'>subscribe page</a>. Thanks for reading my weeknotes using a RSS reader!]</i></p>
        ]]></content></entry><entry><id>https://burgeonlab.com/weeknotes/2025/w50/</id><title type="html">Weeknote 2025-W50: New Link-In-Bio &amp;amp; WordPress Performance</title><link href="https://burgeonlab.com/weeknotes/2025/w50/"/><published>2025-12-16T17:26:20+08:00</published><updated>2026-04-28T20:55:04+08:00</updated><author><name>Naty S</name><email>naty@eclecticpassions.net</email></author><link rel="enclosure" type="image/png" href="https://burgeonlab.com/images/wn-cover/007_2025_w50.png"/><summary type="html">Improving website performance on my secondary WordPress blog. Made a new link-in-bio page gathering content from multiple blogs onto one central dashboard.</summary><content type="html"><![CDATA[<h2 id="in-progress"><a href="#in-progress" class="h-anchor" title="Permalink to #In Progress"></a>In Progress</h2><p>While working on a <a href="https://nownownow.com/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">/now</span></a> page last week, I realized I need a <a href="https://aboutideasnow.com/about" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">/ideas</span></a> page too. It started getting messy with to-do items and future ideas mixed in.</p>
<h2 id="completed"><a href="#completed" class="h-anchor" title="Permalink to #Completed"></a>Completed</h2><ul>
<li><a href="https://burgeonlab.com/weeknotes/2025/w48/"><span class="ext-text">Two weeks ago</span></a> I mentioned that I was working on revamping the <a href="https://eclecticpassions.net/links/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">link-in-bio/dashboard page</span></a>. It has been updated now! I like having more content but also miss a simpler layout. Perhaps I&rsquo;ll push the recent blog posts section down and add the straight-forward link buttons back at the top. (Feedback is welcome!)</li>
</ul>
<figure>
  <div class="img-container">
    <a href="/images/weeknotes/007-old-links.webp" target="_blank" rel="noopener noreferrer"
       class="clickable-image">
      <img src="/images/weeknotes/007-old-links.webp"
           alt="ALTTEXT" width="608" height="650">
    </a>
  </div>

<figure>
  <div class="img-container">
    <a href="/images/weeknotes/007-new-dashboard.webp" target="_blank" rel="noopener noreferrer"
       class="clickable-image">
      <img src="/images/weeknotes/007-new-dashboard.webp"
           alt="ALTTEXT" width="793" height="650">
    </a>
  </div>

<ul>
<li>Happily, I managed to improve the page performance significantly now that I&rsquo;m more
experienced with website frontend loading. <a href="https://developer.chrome.com/docs/lighthouse/performance/performance-scoring" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Performance scores</span></a> like LCP, FCP, CLS, etc are no longer so alien to me compared to a year ago. But with the <a href="https://eclecticpassions.net" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">secondary blog</span></a> still running on WordPress, it reminds me once again how much I don&rsquo;t like WP. It adds <em>so much</em> bloat; I have no idea where more than half of all the resources loaded on a page originate from&hellip;<sup id="fnref:1"><a href="#fn:1" class="footnote-ref">1</a></sup></li>
</ul>
<figure>
  <div class="img-container">
    <a href="/images/weeknotes/007-page-perf.gif" target="_blank" rel="noopener noreferrer"
       class="clickable-image">
      <img src="/images/weeknotes/007-page-perf.gif"
           alt="GIF animation showing the improvement of page speed performance increases after tweaking the page HTML, CSS, JS." width="600" height="658">
    </a>
  </div>

<h2 id="week-in-posts"><a href="#week-in-posts" class="h-anchor" title="Permalink to #Week in Posts"></a>Week in Posts</h2><p>In case you missed it, here’s what went live on the blog last week.</p>
<ul>
<li><a href="https://burgeonlab.com/blog/find-orphan-pages-using-python/"><span class="ext-text">How to Find Orphan Pages on Static Sites: Python Checker</span></a></li>
<li>Contributing to Joel&rsquo;s <a href="https://joelchrono.xyz/blog/desert-island-games/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">collab game post</span></a></li>
</ul>
<h2 id="link-roundup"><a href="#link-roundup" class="h-anchor" title="Permalink to #Link Roundup"></a>Link Roundup</h2><p>Content I found interesting last week.</p>
<ul>
<li><em>Dr Paris</em>: <a href="https://hey.paris/posts/appleid/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">20 Years of Digital Life, Gone in an Instant, thanks to Apple</span></a> — Absolute horror story. Just goes to show how Big Tech can screw you over, and it could happen to <em>anyone</em>. We must educate ourselves and try to <strong>own our data</strong> instead of relying on Big Tech because they don&rsquo;t care one bit.</li>
<li>I didn’t know Joseph Gordon‑Levitt (the actor) was so outspoken about AI. He raises concerns about its dangers and weak regulation, and he’s critical of Big Tech. Here are some related links:
<ul>
<li><em>Joseph Gordon‑Levitt</em>: <a href="https://journal.hitrecord.org/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Joe&rsquo;s Journal</span></a></li>
<li><em>Deseret News</em>: <a href="https://www.deseret.com/u-s-world/2025/09/30/joseph-gordon-levitt-meta-ai/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Why is Joseph Gordon-Levitt going after Meta?</span></a></li>
<li><em>Deseret News</em>: <a href="https://www.deseret.com/business/2025/12/02/pro-human-ai-summit-nvidia-cloudflare-joseph-gordon-levitt/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Actor Joseph Gordon-Levitt raises concerns about AI at Utah summit</span></a></li>
<li><em>Hollywood Reporter</em>: <a href="https://www.hollywoodreporter.com/business/digital/joseph-gordon-levitt-ai-donald-trump-1236334007/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">On AI and Copyright, Trump Is Groveling Before Big Tech and Selling Out Working Americans</span></a></li>
</ul>
</li>
<li>The <a href="https://www.worldtabletennis.com/home" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Word Table Tennis (WTT) Finals</span></a> took place in HK last week. It was enjoyable to watch the top players on live TV. <a href="https://www.youtube.com/watch?v=ZRxy0pGrVTc" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">This game</span></a> (Youtube link) featuring the world&rsquo;s top duo, China&rsquo;s Wang and Sun versus Hong Kong&rsquo;s top duo, Wong and Doo, was exceptional! I like all four players. Sadly, Wang and Sun both had to retire for their final showdowns in their respective single matches due to injuries&hellip;</li>
</ul>
<div class="footnotes">
<hr>
<ol>
<li id="fn:1">
<p>I ended up fiddling around in the theme editor—improving the templates to have a consistent styling, remove the excessive inline-styles I didn&rsquo;t understand before, change from the default .ttf font to a .woff2 variable font for better performance, fixed my previous incorrect implementation of JS email obfuscation, and removed WP comments completely.&#160;<a href="#fnref:1" class="footnote-backref">&#x21a9;&#xfe0e;</a></p>
</li>
</ol>
</div>

         <hr><p><i>[For up-to-date content, visit <a href="https://burgeonlab.com/">burgeonlab.com</a> directly (XML feeds don't fetch updates in real-time). For other feeds, visit the <a href='https://burgeonlab.com/subscribe/'>subscribe page</a>. Thanks for reading my weeknotes using a RSS reader!]</i></p>
        ]]></content></entry><entry><id>https://burgeonlab.com/weeknotes/2025/w49/</id><title type="html">Weeknote 2025-W49: Webdev Tasks, Photography &amp;amp; Vocabulary</title><link href="https://burgeonlab.com/weeknotes/2025/w49/"/><published>2025-12-08T20:33:42+08:00</published><updated>2026-02-18T19:43:58+08:00</updated><author><name>Naty S</name><email>naty@eclecticpassions.net</email></author><link rel="enclosure" type="image/png" href="https://burgeonlab.com/images/wn-cover/006_2025_w49.png"/><summary type="html">Created readership survey; installed upvote button, moved photography site code. New vocab section in weeknotes and plans on learning Darktable in 2026.</summary><content type="html"><![CDATA[<h2 id="completed"><a href="#completed" class="h-anchor" title="Permalink to #Completed"></a>Completed</h2><p>I created a <a href="https://tally.so/r/44ag8b" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">readership questionnaire</span></a> for the blog! If you read my blog and have a minute or two, can you fill it in? I&rsquo;d appreciate it a lot 🙏. With the year coming to a close, I want to gather some information about my audience so I could improve my site for 2026. I&rsquo;m really thankful for the positive response from readers who connected with me via Mastodon or email in the past year; telling me they found my posts useful or shared my content on their own site. <em>Thank you!</em></p>
<p>Installed an upvote (aka 👍/❤️/kudos/appreciation) button near the bottom of pages just above the comments section. It&rsquo;s a simple counter that &ldquo;just works&rdquo;—it&rsquo;s just like the one on posts from Bearblog! I&rsquo;m chuffed to have this little feature <strong>(and all the upvotes I already got—thanks everyone)</strong>, plus it was easy to install. To learn how to install <code>iine</code> (a privacy-respecting, open source tool made for small web users) on Hugo, see <a href="https://burgeonlab.com/blog/add-appreciation-buttons-to-hugo-with-iine/"><span class="ext-text">Add Bear Blog Style Upvote/Like Button to Hugo with iine</span></a>.</p>
<p>I participated in an <a href="https://marcrphoto.wordpress.com/2025/12/05/raw-dev-1-one-raw-the-results/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">online group activity</span></a> by Marc (Bushcrafter) who runs the blog, Open Source Photography. He shared a raw image (of an insect perched on a branch) with his readers to edit. I found it a compelling exercise as I am still very much <strong>not</strong> comfortable editing photos in Darktable after jumping ship from Adobe (after 15 years of LR Classic). I personally like Jonathon&rsquo;s realistic version and Evgeny&rsquo;s edgy monochrome interpretation most—they both used RawTherapee.</p>
<p>Came across a <a href="https://fosstodon.org/@eclecticpassions/115666918484113756" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">weird issue</span></a> with my <a href="https://aperture2iris.com" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">photography site</span></a> (runs Hugo, hosted on Hostinger) last week. It was the perfect excuse to move the source code from GitHub

<span class="inline-svg"></span> <a href="https://sr.ht/~eclecticpassions/aperture2iris/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">SourceHut</span></a> and hosting from <a href="https://www.hostinger.com/referral?REFERRALCODE=NATYSREF" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Hostinger</span></a> 

<span class="inline-svg"></span> <a href="https://bunny.net/?ref=k4vc3x5108" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Bunny.net</span></a>.<sup id="fnref:1"><a href="#fn:1" class="footnote-ref">1</a></sup> Everything went smoothly—I&rsquo;m glad to have the CI pipeline working too using SourceHut Builds for it with a <code>build.yml</code> manifest (akin to GitHub Actions). I had to look up my <a href="https://burgeonlab.com/blog/migrate-github-pages-to-sourcehut-bunny/"><span class="ext-text">own guide</span></a> to remember the bit about <code>rclone obscure</code> for SFTP though!</p>
<p>My photography hobby has been pretty much at a standstill since I left Lightroom Classic because I haven&rsquo;t got around learning Darktable + DigiKam (my FOSS replacement duo). I hope that will change in 2026, and I’ll start sharing photos online again.</p>
<p>Oh, and I updated my weeknote Open Graph image design to something more simple.</p>
<h2 id="in-progress"><a href="#in-progress" class="h-anchor" title="Permalink to #In Progress"></a>In Progress</h2><p>Working on a new slash page: <a href="https://sive.rs/now3" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">/now</span></a>. A bit late to the game—should be ready some time next week.</p>
<h2 id="new-words-this-week"><a href="#new-words-this-week" class="h-anchor" title="Permalink to #New Words This Week"></a>New Words This Week</h2><p>I often come across new vocabulary. One habit I picked up in secondary school from English lessons was writing new words into my all encompassing school diary. I remember using a black faux-leather A5 Moleskine with a horizontal weekly layout with blank lines on the right side. I’m actually a big fan of journals; you can read about my current favourite, the <a href="https://eclecticpassions.net/blog/marks-edit-weekly-notes-planner-review/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Mark’s Edit Semi‑A5 (Weekly + Notes)</span></a> on my other blog! But I digress.</p>
<p>This will likely become a recurring section in my weeknotes—let me know if you like them or not! <em>TBH, they&rsquo;re more for myself to help memorize the words</em>. 😅 I did enjoy writing a bit of CSS to make them look like definition cards.</p>
<div class="word-card-list">
<div class="word-card">
<p><strong>non sequitur</strong> (noun)</p>
<p>a conclusion or statement that does not logically follow from the previous argument or statement</p>

<blockquote>
  <p><em>His non sequitur left everyone confused about the direction of the conversation.</em></p>

</blockquote>

  </div>
  <div class="word-card">
<p><strong>recidivist</strong> (noun)</p>
<p>a convicted criminal who reoffends, especially repeatedly</p>

<blockquote>
  <p><em>The recidivist was well-known to local law enforcement.</em></p>

</blockquote>

  </div>
    <div class="word-card">
<p><strong>laissez-faire</strong> (noun)</p>
<p>the policy of leaving things to take their own course, without interfering</p>

<blockquote>
  <p><em>A laissez-faire attitude to life.</em></p>

</blockquote>

  </div>
  <div class="word-card">
<p><strong>troglodyte</strong> (noun)</p>
<p>a person regarded as being ignorant and reactionary in their views</p>

<blockquote>
  <p><em>Troglodytes in boardrooms who are unaware of climate change.</em></p>

</blockquote>

</div>
</div>

<blockquote>
  <p><em>Definitions will be primarily taken from the <a href="https://www.oed.com/?tl=true" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Oxford Dictionary of English</span></a> as of the post’s published date. Secondary definition sources may come from the free version of the <a href="https://wordweb.info/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">WordWeb Dictionary</span></a>. Example sentences may also be sourced elsewhere or written by myself.</em></p>

</blockquote>

<h2 id="link-roundup"><a href="#link-roundup" class="h-anchor" title="Permalink to #Link Roundup"></a>Link Roundup</h2><ul>
<li>Andy Matuschak | <a href="https://notes.andymatuschak.org/zKGjQtsTKgscAoq271ZzKqw" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Most people take only transient notes</span></a> — Good info on evergreen vs transient notes.</li>
<li>Gerben Jacobs | <a href="https://gerben.dev/posts/webmention-explanation" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Webmentions: A short explanation</span></a> — Slowly understanding more about webmentions.</li>
<li>John Snow Project | <a href="https://johnsnowproject.org/primers/sars-cov-2-leaves-a-lasting-mark-on-the-immune-system/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">SARS-CoV-2 Leaves a Lasting Mark on the Immune System</span></a> — A very well presented article about the dangers of downplaying COVID infections. A recommended read for anyone who cares about their own health and their loved ones (especially elderly or those with pre-existing risk factors like cardiovascular disease).</li>
<li><a href="https://grumpy.website" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Grumpy Website</span></a> — It&rsquo;s a site about user interface and user experience. Find it quite amusing.</li>
<li>11d.im | <a href="https://11d.im/semainZes/2025w48/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">2025w48</span></a> — Shout out to TK for featuring my weeknotes on theirs for two weeks in a row! 😇 (Their blog is in French.) I enjoyed reading their experience on installing Linux and &ldquo;taking back control&rdquo; of using a computer to suit a person&rsquo;s needs.</li>
</ul>
<div class="footnotes">
<hr>
<ol>
<li id="fn:1">
<p>Both of the hosting links are <a href="https://burgeonlab.com/support/"><span class="ext-text">affiliate links</span></a>, which means I get a kickback if you decided to become a paying user (cheers!) I use Hostinger for my WordPress site and it&rsquo;s been good to me so far, still on the 4-year plan I got a while back. But for static sites—I&rsquo;m a <em>huge fan</em> of Bunny.net. I&rsquo;m just a really happy customer!&#160;<a href="#fnref:1" class="footnote-backref">&#x21a9;&#xfe0e;</a></p>
</li>
</ol>
</div>

         <hr><p><i>[For up-to-date content, visit <a href="https://burgeonlab.com/">burgeonlab.com</a> directly (XML feeds don't fetch updates in real-time). For other feeds, visit the <a href='https://burgeonlab.com/subscribe/'>subscribe page</a>. Thanks for reading my weeknotes using a RSS reader!]</i></p>
        ]]></content></entry><entry><id>https://burgeonlab.com/weeknotes/2025/w48/</id><title type="html">Weeknote 2025-W48: CLI usage &amp;amp; Hong Kong Tai Po Fire</title><link href="https://burgeonlab.com/weeknotes/2025/w48/"/><published>2025-12-01T20:36:36+08:00</published><updated>2026-02-18T18:14:38+08:00</updated><author><name>Naty S</name><email>naty@eclecticpassions.net</email></author><link rel="enclosure" type="image/png" href="https://burgeonlab.com/images/wn-cover/005_2025_w48.png"/><summary type="html">Switching from WeeChat to Senpai for IRC bouncer, Mac CLI tools, links page on Black Friday Create Day, Hong Kong fire and bamboo scaffolding.</summary><content type="html"><![CDATA[<p>Only a brief weeknote this week.</p>
<h2 id="tech-log"><a href="#tech-log" class="h-anchor" title="Permalink to #Tech Log"></a>Tech Log</h2><ul>
<li>
<p>WeeChat (IRC client) is not working well with <a href="https://soju.im/doc/soju.1.html#IRC_SERVICE" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Soju</span></a> (Bouncer Server). It was spamming my channels with many JOIN/PART spam which was infuriating and impossible to prevent it seems on the Mac. While Goguma on Android worked flawlessly and took literally only 1 minute to set up.</p>
<p>I eventually realized <a href="https://ircv3.net/software/clients#bouncers" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">WeeChat doesn&rsquo;t have great support</span></a> for bouncer servers, so I switched to <a href="https://sr.ht/~delthas/senpai/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Senpai</span></a> which has a similar look (CLI-based) but is much more straight forward to use. I regret not trying it first! It was built to work with bouncers. Another three (web-UI) clients I was going to try if Senpai didn&rsquo;t work out:</p>
<ol>
<li><a href="https://obsidianirc.github.io/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">ObsidianIRC</span></a></li>
<li><a href="https://kiwiirc.com/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Kiwi IRC</span></a></li>
<li><a href="https://codeberg.org/emersion/gamja" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Gamja</span></a></li>
</ol>
<p><em>Additional reading:</em></p>
<p><a href="https://whynothugo.nl/journal/2023/07/05/senpai-a-modern-irc-terminal-client/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">senpai: a modern IRC terminal client | Hugo</span></a>
<a href="https://hacdias.com/2023/12/24/irc-bouncer-setup-soju-gamja-caddy-docker/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">IRC Bouncer Setup With Soju, Gamja, Caddy and Docker | Henrique Dias</span></a></p>
</li>
<li>
<p>I have been spending time with the Mac terminal a lot more in the past year or two, and I&rsquo;m starting to wonder if I should try another terminal emulator like <a href="https://iterm2.com/features.html" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">iTerm2</span></a>. What is your daily driver? From a quick search online, I came across <a href="https://alacritty.org/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Alacritty</span></a> and <a href="https://sw.kovidgoyal.net/kitty/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Kitty</span></a>, but I think iTerm2 is going to be the easier one for me to get into grips with being a CLI novice. I still remember it was <a href="https://burgeonlab.com/blog/customizing-neofetch-load-weather-data-faster/"><span class="ext-text">Neofetch</span></a> that drew me into learning how to use the CLI (nowadays I use Fastfetch).</p>
</li>
<li>
<p>Installed <a href="https://jrnl.sh" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">jrnl</span></a>, a plain text journalling CLI app. It&rsquo;ll come in handy for quick jot-downs, as it has a low barrier of entry, especially now that I have the terminal often running. What exactly I&rsquo;ll use it for—I don&rsquo;t know yet. I&rsquo;ll probably be making small notes about completed jobs, random ideas, or notes while troubleshooting bugs.</p>
</li>
<li>
<p>Quite happy with my new <a href="https://burgeonlab.com/blog/generate-dynamic-og-images-diagram-with-code-scripts/"><span class="ext-text">Open Graph image</span></a> generation workflow. I updated the post with the upgraded script and it&rsquo;s been working really well so far!</p>
</li>
</ul>
<h2 id="indieweb-updates"><a href="#indieweb-updates" class="h-anchor" title="Permalink to #IndieWeb Updates"></a>IndieWeb Updates</h2><ul>
<li>I came across <a href="https://events.indieweb.org/2025/11/indieweb-black-friday-create-day-build-don-t-buy-C044CcYllKyt" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Black Friday Create Day</span></a> on the IndieWeb chat IRC channels. Unfortunately, I didn&rsquo;t get the chance to join the event, but I came across a links page (link in bio) by <a href="https://artlung.com/links/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">artlung</span></a> which got me thinking about <a href="https://eclecticpassions.net/links" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">mine</span></a>. I haven&rsquo;t touched mine since I started on my Hugo blog (it&rsquo;s still a page on my WordPress blog); wondering if I should move that over here. I know there are some really clean and minimalistic Hugo themes for one-page sites/landing pages or even just hand-coding one now that I&rsquo;m much more comfortable with HTML/CSS. Something to investigate on a rainy afternoon, I reckon. <strong>Update:</strong> <a href="https://burgeonlab.com/weeknotes/2025/w50/#completed"><span class="ext-text">New link-in-bio is out!</span></a></li>
</ul>
<h2 id="irl-in-real-life"><a href="#irl-in-real-life" class="h-anchor" title="Permalink to #IRL (In Real Life)"></a>IRL (In Real Life)</h2><ul>
<li>
<p>I was asked by <a href="https://joelchrono.xyz/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">@joelcrono</span></a> to collaborate on a special post of his. I wrote my submission and I look forward to reading his final post. <del>I don&rsquo;t know if I&rsquo;m allowed to reveal the topic, so I&rsquo;ll just keep it under wraps for now.</del> <strong>Update:</strong> Joel published the post—<a href="https://joelchrono.xyz/blog/desert-island-games/#naty" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Desert Island Game</span></a>, which features just under 20 gamers&rsquo; choice of game to bring on a desert island. Happy to contribute to a cool post like that, thanks Joel.</p>
</li>
<li>
<p>As you may have seen on the <a href="https://www.scmp.com/news/hong-kong/society/article/3334217/major-fire-hong-kongs-tai-po-leaves-2-severely-burned-residents-trapped" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">news</span></a>, there has been a devastating fire that broke out in the Tai Po district of Hong Kong, across 7 (out of 8) buildings in an apartment complex. As of today, about 6 days after the fire, the death toll is up to 151, with searches in the scorched buildings still being conducted to find the remainder of the missing persons. It&rsquo;s been a very heavy week for all Hongkongers. RIP to all the victims and hope affected families stay strong.</p>
<p>There’s a lot of misinformation flying around in the media, which is frustrating. For example, blaming the rapid spread of the fire on the bamboo scaffolding itself is <strong>incorrect</strong>—the main factors were the surrounding netting (cheap, non–fire‑proof material) and Styrofoam used to cover windows (apparently to protect the windows). Another failure was the lack of alarms. As someone who admires bamboo scaffolding, I’m very disappointed to see it blamed. Bamboo scaffolding is a true craft with a deep history in Hong Kong’s development, going back over 100 years.</p>
<p><em>Additional reading:</em></p>
<p><a href="https://www.atlasobscura.com/articles/cocoons-hong-kong-bamboo-scaffolding" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">A Visual Appreciation of Hong Kong’s Bamboo Scaffolding | Atlas Obscura</span></a></p>
</li>
</ul>

         <hr><p><i>[For up-to-date content, visit <a href="https://burgeonlab.com/">burgeonlab.com</a> directly (XML feeds don't fetch updates in real-time). For other feeds, visit the <a href='https://burgeonlab.com/subscribe/'>subscribe page</a>. Thanks for reading my weeknotes using a RSS reader!]</i></p>
        ]]></content></entry><entry><id>https://burgeonlab.com/weeknotes/2025/w47/</id><title type="html">Weeknote 2025-W47: Diverse Discoveries via the IndieWeb</title><link href="https://burgeonlab.com/weeknotes/2025/w47/"/><published>2025-11-26T15:00:16+08:00</published><updated>2026-06-02T21:58:22+08:00</updated><author><name>Naty S</name><email>naty@eclecticpassions.net</email></author><link rel="enclosure" type="image/png" href="https://burgeonlab.com/images/wn-cover/004_2025_w47.png"/><summary type="html">Learning more about the IndieWeb led me to setting up IRC, joining webrings, getting my first webmentions, and connecting with amiable fellow bloggers.</summary><content type="html"><![CDATA[<h2 id="an-indieweb-fuelled-week"><a href="#an-indieweb-fuelled-week" class="h-anchor" title="Permalink to #An IndieWeb Fuelled Week"></a>An IndieWeb Fuelled Week</h2><p>Most of the free time I had in the past week (writing this weeknote a bit late; it&rsquo;s already Wednesday) was spent surrounding topics I discovered while exploring the trove of information from <a href="https://indieweb.org/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">indieweb.org</span></a>.</p>
<h2 id="re-discovering-irc"><a href="#re-discovering-irc" class="h-anchor" title="Permalink to #Re-discovering IRC"></a>Re-discovering IRC</h2><p>I successfully set up IRC on my Mac (<a href="https://weechat.org/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">WeeChat</span></a>) and Android (<a href="https://codeberg.org/emersion/goguma" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Goguma</span></a>)<sup id="fnref:1"><a href="#fn:1" class="footnote-ref">1</a></sup>, registered my &ldquo;nick&rdquo; on the <a href="https://libera.chat/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Libera servers</span></a>. I even managed to set up the <a href="https://man.sr.ht/chat.sr.ht/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">bouncer server provided by SourceHut</span></a> (included for paid users). Why join <a href="https://en.wikipedia.org/wiki/IRC" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">IRC</span></a> suddenly, you might be asking? Well, I actually used IRC like a decade ago (<a href="https://adium.im/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Adium</span></a>) to chat with a hobby group—but it didn&rsquo;t stick.</p>
<p>This time it was prompted while browsing the <a href="https://indieweb.org/discuss" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">IndieWeb discuss page</span></a>. I discovered a great deal of interesting ideas and cool bloggers. After creating a <a href="https://indieweb.org/User:Burgeonlab.com" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">basic profile</span></a>, I connected to the general chat IRC channel and was greeted by a bunch of really friendly people (some of their sites are linked below). I subsequently joined some other channels using this <a href="https://netsplit.de" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">IRC directory</span></a>, like <code>#Fosstodon</code>, <code>#Indieweb</code>, <code>#f1</code>, <code>#coffee</code>, <code>#selfhosted</code> (these are all on the Libera.chat server—I&rsquo;ve yet to check out other servers).</p>
<p>I quite like the idea of having a place to chat with different people; and the ephemeral nature is appealing and interesting to me. If you are an IRC user as well, find me on #Fosstodon (which is my favourite Mastodon instance) or one of the IndieWeb channels (<code>#indieweb</code>, <code>#indieweb-cafe</code> or <code>#indieweb-random</code>). My nickname is <code>burgeonlab</code>. Do you have any channels you like? Let me know below!</p>
<h2 id="one-thing-leads-to-another-webrings-galore"><a href="#one-thing-leads-to-another-webrings-galore" class="h-anchor" title="Permalink to #One Thing Leads to Another: Webrings Galore"></a>One Thing Leads to Another: Webrings Galore</h2><p>With my recent IndieWeb fascination, I finally decided to join a few webrings. I first heard about them around six months ago—see my post on <a href="https://burgeonlab.com/blog/blogging-with-hugo-and-wordpress/#discovering-webring-communities"><span class="ext-text">My Blogging Pursuit</span></a>. If you go to the bottom of my <a href="https://burgeonlab.com/"><span class="ext-text">home page</span></a> now, I give a short explainer about webrings and added a <code>&lt;details&gt;</code> <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/details" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">HTML element</span></a> to the footer. If you click on it, the list of webrings my site belongs to will be displayed, each with its own navigation:</p>
<ul>
<li>Previous site in the ring</li>
<li>Next site in the ring</li>
<li>Random site from the ring (dice icon: 

<span class="inline-svg"></span>)</li>
<li>Text link to the webring&rsquo;s home page</li>
</ul>
<p>I only have one webring application that remain to be approved. There are <strong>SO</strong> many cool personal sites in these rings. If you ever get bored or want some inspiration, definitely check them out!</p>
<h2 id="understanding-webmentions-more"><a href="#understanding-webmentions-more" class="h-anchor" title="Permalink to #Understanding Webmentions More"></a>Understanding Webmentions More</h2><p>I added a <a href="https://webmention.io/burgeonlab.com/webmention" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Webmention endpoint</span></a> (via <a href="https://webmention.io/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">webmention.io</span></a>) to the comments section of all my posts a few months ago for people to notify me if they&rsquo;ve written a response or if they mentioned me in their post. What I didn&rsquo;t really understand at the time, was this is usually an automatic process (assuming <a href="https://indieweb.org/Webmention-faq" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">webmentions</span></a> is enabled on their publishing platform). I found a really thorough <a href="https://reillyspitzfaden.com/wiki/tutorials/webmention-tutorial/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Webmention 101 guide</span></a> by Reilly that covers almost all my questions—I recommend reading it if you&rsquo;re also learning about it like me.</p>
<p>The receiving part is confirmed working because I got my first mentions last week! There&rsquo;s no frontend display of the mentions though—it&rsquo;s just accessible for now via my Webmention.io Dashboard.</p>
<ul>
<li><a href="https://gerben.dev/replies/753f2a9b00eed2d792bf05335eb1e3c5" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Reply from Gerben</span></a></li>
<li><a href="https://artlung.com/likes/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Like from Joe</span></a></li>
<li><a href="https://11d.im/semaines/2025w47/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Weeknote mention from TK</span></a></li>
</ul>
<figure>
  <div class="img-container">
    <a href="/images/weeknotes/004-webmentions.webp" target="_blank" rel="noopener noreferrer"
       class="clickable-image">
      <img src="/images/weeknotes/004-webmentions.webp"
           alt="Screenshot of webmention.io endpoint" width="666" height="352">
    </a>
  </div>

<p>While the receiving part of webmention is relatively straight forward, I find sending webmentions automatically to sites I&rsquo;ve linked to a bit tricky for static sites (Hugo in my case). I am still learning about it, once I have it sorted I&rsquo;ll probably gather all the notes and put out a post. Integrating it into my CI pipeline is probably the best option&hellip; In the meantime, I will be manually sending webmentions using tools like <a href="https://webmention.app/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">webmention.app</span></a> or <a href="https://telegraph.p3k.io/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Telegraph</span></a> (Use &ldquo;Find Links&rdquo; under Dashboard), which will scan every link in a post and send webmentions to sites that are able to receive them.</p>
<h2 id="link-roundup"><a href="#link-roundup" class="h-anchor" title="Permalink to #Link Roundup"></a>Link Roundup</h2><p>Here are some links I discovered this week.</p>
<ul>
<li>Tom Burkert | <a href="https://blog.burkert.me/posts/rss_discovery_strategies/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">RSS feeds discovery strategies</span></a> — Tips on finding RSS feeds.</li>
<li>thatalexguy | <a href="https://thatalexguy.dev/posts/small-web-discovery/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Discovering the Indie Web</span></a> — Intro to the SmallWeb.</li>
<li>Technology by Morgan | <a href="https://www.morganwebdev.org/accessibility/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Accessibility Statement</span></a> — I want to make <a href="https://www.w3.org/WAI/planning/statements/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">one</span></a> too!</li>
<li>Josh Griffiths | <a href="https://joshgriffiths.site/youtube-is-awful-im-not-posting-there-anymore/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">YouTube is Awful. I&rsquo;m Not Posting There Anymore.</span></a> — Yet another story about enshittification.</li>
<li>Ben Werdmuller | <a href="https://werd.io/the-state-of-the-open-social-web/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">The State of the Open Social Web</span></a> — Detailed article about open social networks.</li>
<li><a href="https://jamesg.blog/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">James&rsquo; Coffee Blog</span></a> — Great blog with lots of technical writing info which I plan to read, amongst other posts.</li>
<li><a href="https://dead.garden/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">dead.garden</span></a> — I hope to make a photo/Instagram export section in the future similar to this, really nice work.</li>
<li><a href="https://indieweb.org/IndieWeb_Carnival" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">IndieWeb Carnival</span></a> — Inspiration for writing.</li>
<li><a href="https://github.com/CyberTimon/RapidRAW" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">RapidRAW</span></a> — Came across this RAW image editor; haven&rsquo;t tried it yet, but will do when I&rsquo;m in the mood for photography&hellip; I&rsquo;m using Darktable + DigiKam; but I&rsquo;m still not &ldquo;at ease&rdquo; with the setup after ditching Adobe Lightroom Classic.</li>
</ul>
<div class="footnotes">
<hr>
<ol>
<li id="fn:1">
<p>Goguma actually means Korean sweet potato.&#160;<a href="#fnref:1" class="footnote-backref">&#x21a9;&#xfe0e;</a></p>
</li>
</ol>
</div>

         <hr><p><i>[For up-to-date content, visit <a href="https://burgeonlab.com/">burgeonlab.com</a> directly (XML feeds don't fetch updates in real-time). For other feeds, visit the <a href='https://burgeonlab.com/subscribe/'>subscribe page</a>. Thanks for reading my weeknotes using a RSS reader!]</i></p>
        ]]></content></entry><entry><id>https://burgeonlab.com/weeknotes/2025/w46/</id><title type="html">Weeknote 2025-W46: HK Hiking &amp;amp; Digital Omnibus Threats</title><link href="https://burgeonlab.com/weeknotes/2025/w46/"/><published>2025-11-18T19:54:56+08:00</published><updated>2026-02-02T18:11:50+08:00</updated><author><name>Naty S</name><email>naty@eclecticpassions.net</email></author><link rel="enclosure" type="image/png" href="https://burgeonlab.com/images/wn-cover/003_2025_w46.png"/><summary type="html">Hiking in Hong Kong at the Wilson Trail (Section 2). Also, Men's table tennis final, EU Digital Omnibus wrecking ball, and Android sideloading update.</summary><content type="html"><![CDATA[<h2 id="highlight-of-the-week"><a href="#highlight-of-the-week" class="h-anchor" title="Permalink to #Highlight of the Week"></a>Highlight of the Week</h2><p>I&rsquo;ve been outdoors and in town much more than usual—did a proper hike after a <em>very long</em> break (health reasons). I miss it! Although Hong Kong is a very built-up, crowded, and bustling concrete jungle, there&rsquo;s actually over 70% that is covered in <a href="https://greenearth.org.hk/naturetrails/en/leavenotrace/ournature/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">natural areas</span></a> (greenery, country parks, etc)! It&rsquo;s a true paradise with over 500km of maintained trails in the numerous country parks; so there&rsquo;s something for everyone. If you&rsquo;re into trekking or trail running, I highly recommend a documentary film that I watched a year or two ago about the <a href="https://en.wikipedia.org/wiki/Hong_Kong_Four_Trails_Ultra_Challenge" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">HK Four Trails Ultra Challenge</span></a> (298km run in 72hrs) called <a href="https://www.fourtrails.hk/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Four Trails</span></a>.</p>
<p>The best reward IMO when you get to the top of most mountains in HK is seeing the stunning views of the city below your feet, or alternatively, it will be beautiful reservoirs or island clusters (HK is actually made up of over 200 islands). Some hikes are so accessible that it only takes 15 minutes or so from being in the middle of the city to being above the skyline!</p>
<figure>
  <div class="img-container">
    <a href="/images/weeknotes/003-hk-skyline.webp" target="_blank" rel="noopener noreferrer"
       class="clickable-image">
      <img src="/images/weeknotes/003-hk-skyline.webp"
           alt="Photo of Hong Kong&#39;s Victoria Harbour from Jardine&#39;s Lookout." width="1028" height="771">
    </a>
  </div>

<p>Anyway, the walk I did was part of the <a href="https://en.wikipedia.org/wiki/Wilson_Trail" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Wilson Trail Section 2</span></a>, a total of 7km with two uphill sections—first peak was <a href="https://en.wikipedia.org/wiki/Jardine%27s_Lookout" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Jardine&rsquo;s Lookout</span></a> and the second was <a href="https://en.wikipedia.org/wiki/Siu_Ma_Shan" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Siu Ma Shan</span></a> which translates to &ldquo;small horse hill&rdquo;. Highest point was 433m. It was a pretty hot day with zero cloud cover, 23–26℃, with an AQI of about 57 USAQI. I tried a new GPX logging app (<a href="https://wiki.openstreetmap.org/wiki/OSMTracker_%28Android%29" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">OSMTracker for Android</span></a>) on my phone and I would definitely use it again in the future. Battery life usage I&rsquo;d say is good (battery dropped from 95% to 78% for the whole walk, with a few photos during the hike).</p>
<p>Here&rsquo;s the GPX track I logged with GPS logging interval set to 30s (which I will set to 60s next time; I don&rsquo;t walk that fast). I love seeing the elevation gains and map overlays, but I totally forgot to put waypoints while hiking because I was trying to be careful not to injure myself (being so rusty). Luckily, the hike went well and I felt pretty good afterwards. Just have sore calves now two days post hike!</p>
<figure>
  <div class="img-container">
    <a href="/images/weeknotes/003-gpx.webp" target="_blank" rel="noopener noreferrer"
       class="clickable-image">
      <img src="/images/weeknotes/003-gpx.webp"
           alt="GPX track displayed on GPX.studio of a hike along Section 2 of the Wilson Trail in Hong Kong" width="1193" height="1096">
    </a>
  </div>

<h2 id="others"><a href="#others" class="h-anchor" title="Permalink to #Others"></a>Others</h2><ul>
<li>If you&rsquo;re into men&rsquo;s table tennis, there was a very <a href="https://www.youtube.com/live/mCo6ws-zIK4?si=Sp9DbYoX5tCADsYU&amp;t=9528" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">exciting final match</span></a> on the 15th at the China National Games: Wang Chuqin VS Fan Zhendong. Super competitive game between probably China&rsquo;s top two players at the moment.</li>
<li>I had to dig out my old pair of Salomon hiking boots for the hike. But when I tried it out the night before, it was slippery as hell! I think the rubber sole hardened or aged from lack of use. Using some 300 grit sand paper, the &ldquo;shiny&rdquo; layer was removed evenly, and luckily, the grip returned 100%.</li>
<li>There&rsquo;s an update from Google following the public outcry about killing off <a href="https://arstechnica.com/gadgets/2025/11/google-will-let-android-power-users-bypass-upcoming-sideloading-restrictions/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Android sideloading</span></a> and alternative app stores like F-Droid. I don&rsquo;t think their wording is strong or clear enough, but at least it&rsquo;s a small step in the right direction.</li>
<li>Another week, another uncertainty about digital rights and data privacy. The <a href="https://www.addleshawgoddard.com/en/insights/insights-briefings/2025/data-protection/eu-digital-omnibus-proposals-reform-data-ai-laws-leaked-version/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Digital Omnibus</span></a> is putting the GDPR at risk and not only will it just affect the EU, but globally. More info by the <a href="https://edri.org/wp-content/uploads/2025/11/Why-Digital-Omnibus-puts-GDPR-ePrivacy-at-risk.pdf" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">European Digital Rights (EDRi)</span></a> (links to a PDF).</li>
</ul>

         <hr><p><i>[For up-to-date content, visit <a href="https://burgeonlab.com/">burgeonlab.com</a> directly (XML feeds don't fetch updates in real-time). For other feeds, visit the <a href='https://burgeonlab.com/subscribe/'>subscribe page</a>. Thanks for reading my weeknotes using a RSS reader!]</i></p>
        ]]></content></entry><entry><id>https://burgeonlab.com/weeknotes/2025/w45/</id><title type="html">Weeknote 2025-W45: Software freedom, caches &amp;amp; XML feeds</title><link href="https://burgeonlab.com/weeknotes/2025/w45/"/><published>2025-11-09T11:21:32+08:00</published><updated>2026-02-18T19:43:58+08:00</updated><author><name>Naty S</name><email>naty@eclecticpassions.net</email></author><link rel="enclosure" type="image/png" href="https://burgeonlab.com/images/wn-cover/002_2025_w45.png"/><summary type="html">FOSS freedom at risk, Meta AI data scraping, Hugo updates, F1 Fantasy at Brazil, shout out to my new fans, and getting a driving licence.</summary><content type="html"><![CDATA[<h2 id="software-freedom-concerns"><a href="#software-freedom-concerns" class="h-anchor" title="Permalink to #Software Freedom Concerns"></a>Software Freedom Concerns</h2><p>If you follow me on Mastodon, you might have seen me <a href="https://fosstodon.org/@eclecticpassions/115399007699977939" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">raising my concerns</span></a> last month about Google&rsquo;s app developer verification that will lead to the complete downfall and disintegration of F-Droid. I use F-Droid for probably 85% of all my apps. The variety of FOSS apps and how they&rsquo;re often much less bloated, ad free, and most importantly, privacy respecting, compared to those commercial apps on Google Play is a breath of fresh air in today&rsquo;s world filled with <a href="https://en.wikipedia.org/wiki/Big_Tech" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Big Tech</span></a>.</p>
<p>What can we, as end-users, do to stop this from happening? It&rsquo;s less than a year before Google pulls the trigger; platform lock-in will apply to everyone who uses Android OS. I feel very frustrated and pretty hopeless by the prospect of losing Android—being the sole viable mainstream mobile OS that I can use without severe loss of privacy, curtailing of software freedoms, and inability to actually &ldquo;own&rdquo; any of our devices these days is beyond my comprehension.<sup id="fnref:1"><a href="#fn:1" class="footnote-ref">1</a></sup> It just makes it so much worse when they keep claiming it is for &ldquo;our privacy&rdquo; or &ldquo;it doesn&rsquo;t kill side-loading&rdquo;; it&rsquo;s just plain lies. Monopolies are never good; this is just a horrible step for all users.</p>
<p>Then this week, I saw another very similar sounding article about Apple&rsquo;s notarization process, aiming to lock down macOS, just like they have already for iOS and iPadOS. Having a walled garden is great for them, but it kills off independent developers and gravely affects users of FOSS apps. To be honest, I have already started to hate macOS ever since it started morphing towards iOS (I think that was around Ventura macOS 13 in 2022?). I have only ever used Android phones and have been using Macs since 2007 with Leopard. I think I can still eke out a few more years (fingers crossed) of using macOS as my daily driver, but eventually I will move to Linux.</p>
<p>For switching mobile phones though&hellip; practical alternatives are limited. I want to switch to GrapheneOS but 1. Pixel devices are quite expensive for what they are and 2. they&rsquo;re not actually available locally in HK and has no warranty coverage. But, if I understand correctly, F-Droid and alternative app stores will not work even if I was using Graphene or Lineage, etc.</p>
<p>The reality is, we no longer have true ownership of our hardware these days if we&rsquo;re buying from major retail companies. Devices are being &ldquo;sold&rdquo; to us, but actually, they&rsquo;re managing our device as closed, locked platforms, leaving little freedom to install software from the sources we prefer.</p>
<h3 id="relevant-links"><a href="#relevant-links" class="h-anchor" title="Permalink to #Relevant Links"></a>Relevant Links</h3><ul>
<li>F-Droid: <a href="https://f-droid.org/en/2025/09/29/google-developer-registration-decree.html" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">F-Droid and Google&rsquo;s Developer Registration Decree</span></a></li>
<li>F-Droid: <a href="https://f-droid.org/en/2025/10/28/sideloading.html" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">What We Talk About When We Talk About Sideloading</span></a></li>
<li>FSFE: <a href="https://fsfe.org/news/2025/news-20251105-01.en.html" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Apple’s “Notarisation” – Blocking Software Freedom of Developers and Users</span></a></li>
<li>The Verge: <a href="https://www.theverge.com/policy/2024/10/7/24243316/epic-google-permanent-injunction-ruling-third-party-stores" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Google Must Crack Open Android for Third-Party Stores, Rules Epic Judge</span></a></li>
<li>While researching, I came across this group called <a href="https://keepandroidopen.org/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Keep Android Open</span></a> that is trying to raise awareness and push back. I will try to educate myself and my friends about it (a bit of a challenge because they&rsquo;re not privacy aware at all sadly).</li>
<li>Then I noticed <a href="https://www.adamsdesk.com/posts/little-bits-issue-30/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Adamsdesk</span></a> has also written about this very topic in his October monthly write-up.</li>
</ul>
<h2 id="completed"><a href="#completed" class="h-anchor" title="Permalink to #Completed"></a>Completed</h2><ul>
<li>
<p>Applied to take the MCQ next month for my learner&rsquo;s licence in Hong Kong. I’ve taken two written tests in other countries before (scored 100% on both actually) and had under 15 hours of driving instruction in Canada, but never completed the practical tests. Looking forward to this—I love all things automotive!</p>
</li>
<li>
<p>Fix a serious screw-up, on my part, for trying to improve website performance by messing with cache-control headers. I stupidly didn&rsquo;t do my homework before applying CDN edge rules on <a href="https://bunny.net?ref=k4vc3x5108" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Bunny.net</span></a> <em>(affiliate link)</em>, and ended up setting a browser cache of one whole year for HTML content—which is a big no-no<sup id="fnref:2"><a href="#fn:2" class="footnote-ref">2</a></sup>. I will probably write a summary of what I did, but my notes are kinda messy&hellip;</p>
</li>
<li>
<p>Generating post covers / <a href="https://burgeonlab.com/blog/hugo-and-wordpress-open-graph-meta-tags/"><span class="ext-text">Open Graph</span></a> images for my weeknotes has been pretty fun. How might it be fun, you ask? I have implemented a diagram scripting tool to generate Markdown images (kind of like Mermaid but for text). The tool is called <a href="https://d2lang.com/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">D2 Lang</span></a>. <strong>Update:</strong> Read my guide to learn <a href="https://burgeonlab.com/blog/generate-dynamic-og-images-diagram-with-code-scripts/"><span class="ext-text">how I automate OG image generation</span></a>. You can see the result on my <a href="https://fosstodon.org/@eclecticpassions/115521147409182011" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">accompanying Mastodon post</span></a>.</p>
</li>
<li>
<p>Updated my <a href="https://burgeonlab.com/subscribe/"><span class="ext-text">/⁠subscribe</span></a> page with the three feeds available on this blog (so far). I used <a href="https://shields.io/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Shields.io</span></a> to make those badges/buttons which I quite like. The feed generation required some tweaking, but I manage to workaround Hugo&rsquo;s default RSS generation to disable sections I don&rsquo;t want a feed to be generated. Added it to my <a href="https://burgeonlab.com/blog/hugo-tips-and-tricks/#excluding-auto-rss-feed-generation"><span class="ext-text">Hugo Tips and Tricks</span></a> post.</p>
</li>
<li>
<p>As I write this rather late on Sunday evening, the F1 Interlagos Gran Prix will start soon. I&rsquo;m really quite into <a href="https://fantasy.formula1.com/en/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">F1 Fantasy</span></a> in 2025 (this being my third year). There&rsquo;s a <a href="https://fantasy.formula1.com/en/leagues/join/P3DUAWMCY10" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Fediverse F1 Fantasy League</span></a> that I&rsquo;m part of (created by <a href="https://fosstodon.org/@rob@rstokes.uk" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Rob</span></a>) and I&rsquo;m doing quite well in it. Global rankings pre-Brazil are also pretty phenomenal in my opinion&hellip; Happy! If you also play, definitely let me know, I&rsquo;d love to play H2H battles and join more leagues.</p>
<figure>
    <div class="img-container">
      <a href="/images/weeknotes/002-f1-rank.webp" target="_blank" rel="noopener noreferrer"
         class="clickable-image">
        <img src="/images/weeknotes/002-f1-rank.webp"
             alt="Screenshot of F1 Fantasy global rankings before Brazilian Interlagos GP 2025." width="700" height="592">
      </a>
    </div>

</li>
</ul>
<h2 id="shout-out"><a href="#shout-out" class="h-anchor" title="Permalink to #Shout-out"></a>Shout-out</h2><ul>
<li>This week, I received two really amazing messages; one is from <a href="https://hachyderm.io/@def" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Tomáš</span></a>, an appreciative reader of my blog who complimented on my site&rsquo;s style. Thanks again, Tomáš, for your kind words and reaching out.</li>
<li>The second is an email from <a href="https://social.linux.pizza/@alecsargent" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Alec</span></a> who told me about how he appreciates my site&rsquo;s look/colours and found my <a href="https://burgeonlab.com/blog/github-style-heatmap-calendar-widget-visualizing-hugo/"><span class="ext-text">Hugo Heatmap Calendar tutorial</span></a> to be &ldquo;great&rdquo;. Thanks, Alec, for your support and follow!</li>
<li>Also, there was one more reader called <a href="https://chaos.social/@solariz" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">MG</span></a> who implemented the code already on their site last week. Happy it worked!</li>
</ul>
<h2 id="psa"><a href="#psa" class="h-anchor" title="Permalink to #PSA"></a>PSA</h2><p>If you use Meta AI, be aware of a change in policy for December 16, 2025 (a month from now), scraping all your AI chat data for training purposes.</p>
<p>Read more here: <a href="https://www.psychologytoday.com/us/blog/positively-media/202511/meta-will-use-your-ai-chats-to-gather-data-on-you" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Meta Will Use Your AI Chats to Gather Data on You</span></a> and the <a href="https://www.facebook.com/privacy/policy/version/23954169707588482" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">actual Facebook policy</span></a>.</p>
<p>Lastly, I am just going to remind myself there&rsquo;s only <strong>seven</strong> weeks before the end of 2025 (what?!)</p>
<p>Signing off,</p>
<p>Naty</p>
<div class="footnotes">
<hr>
<ol>
<li id="fn:1">
<p>It&rsquo;s like our phones is now just a paid-in-full, loaned-out Kindle E-Reader—sure you can buy books; but it&rsquo;s only limited to what is available in the Amazon book store. You cannot install any third-party apps because you&rsquo;re loaning the device, so you don&rsquo;t actually have control over it.&#160;<a href="#fnref:1" class="footnote-backref">&#x21a9;&#xfe0e;</a></p>
</li>
<li id="fn:2">
<p>Cache properties need to be balanced; it&rsquo;s web performance vs not serving stale content. For assets that don&rsquo;t change much like icons/logos/fonts, you&rsquo;d want them to be pretty much cached for return visitors. But for things that often change or updated, e.g. your post content (HTML), or CSS/JS (things I&rsquo;m always messing about with, but maybe for others, it might be more of a static resource), you want to make sure the cache is updated with the latest version when you deploy the site.&#160;<a href="#fnref:2" class="footnote-backref">&#x21a9;&#xfe0e;</a></p>
</li>
</ol>
</div>

         <hr><p><i>[For up-to-date content, visit <a href="https://burgeonlab.com/">burgeonlab.com</a> directly (XML feeds don't fetch updates in real-time). For other feeds, visit the <a href='https://burgeonlab.com/subscribe/'>subscribe page</a>. Thanks for reading my weeknotes using a RSS reader!]</i></p>
        ]]></content></entry><entry><id>https://burgeonlab.com/weeknotes/2025/w44/</id><title type="html">Weeknote 2025-W44: Firsts, Fate &amp;amp; Fresh Ideas</title><link href="https://burgeonlab.com/weeknotes/2025/w44/"/><published>2025-11-02T23:36:28+08:00</published><updated>2026-06-02T21:58:22+08:00</updated><author><name>Naty S</name><email>naty@eclecticpassions.net</email></author><link rel="enclosure" type="image/png" href="https://burgeonlab.com/images/wn-cover/001_2025_w44.png"/><summary type="html">First week note: optimized Hugo page speed, got flu shot, posted about coffee, explored Gopher. Links on Spotify, agentic AI, Google's sideloading saga.</summary><content type="html"><![CDATA[<h2 id="hello-weeknotes"><a href="#hello-weeknotes" class="h-anchor" title="Permalink to #Hello, Weeknotes"></a>Hello, Weeknotes</h2><p>After much delay and deliberation (with an extra dose of encouragement from <a href="https://joelchrono.xyz/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">@joel</span></a>), I&rsquo;ve finally decided to put writing week notes to the top of my to-do list. And being a perfectionist, I &ldquo;had to&rdquo; get everything, bar the actual writing part, sorted before I could focus on writing (or should I say typing). So off I went and happily created a new Hugo <a href="https://gohugo.io/quick-reference/glossary/#section" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">section</span></a> (page kind) called <code>weeknotes</code>, made a new dedicated <a href="/weeknotes/feed.xml"><span class="ext-text">Atom feed</span></a>, archetype template, and list view template. I felt fulfilled by the new additions because this time, while working in Hugo, I actually understood why and how to do most of the things without relying <em>fully</em> on guides or forum posts.</p>
<p>In case you don&rsquo;t know what <a href="https://indieweb.org/week_note" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">week notes</span></a> are—they&rsquo;re like a weekly, public dairy entry where one can share their ups and downs that week, what they perhaps learnt, completed, or anything really! From the examples in the IndieWeb community, weeknotes seems to be a fairly flexible, personal, and is a sort of rough-around-the-edges type of format. It is uncharted territory for me, and a bit uncomfortable I have to admit, as I don&rsquo;t like the thought of &ldquo;light-hearted&rdquo; or &ldquo;unserious&rdquo; work. But this has been a conundrum for me since secondary school and into my working years—I&rsquo;ve been told by many that I&rsquo;m always <em>too serious</em>. Will writing slightly less-polished, more carefree posts help? I have no clue. We will see.</p>
<p>I have not decided on any framework or format yet (because that&rsquo;s just another excuse to not write), so I&rsquo;ll just try something generic for my first week and see how I get on. If you write weeknotes too, send them my way! Or try <a href="https://webmention.io/burgeonlab.com/webmention" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">sending me a webmention</span></a>.</p>
<hr>
<h2 id="completed"><a href="#completed" class="h-anchor" title="Permalink to #Completed"></a>Completed</h2><ul>
<li>Got my flu shot (a recombinant trivalent one) and by some wicked fate, when I booked into a random clinic to get the shot, I was assigned to a GP that is the younger sister of my childhood doctor! I am not that good at maths, but the odds of that must be&hellip;.! Just dumbfounded.
<ul>
<li>Anyway, if you haven&rsquo;t had your influenza jab yet this year, consider it (especially if you&rsquo;re in the higher risk groups) because flu tends to peak around winter and your body needs at least two weeks to build up the protection after the jab. In HK, cases are still rising from the summer flu season and current activity levels suggest it may even overlap with the winter flu season causing more cases of infection.<sup id="fnref:1"><a href="#fn:1" class="footnote-ref">1</a></sup> Take care!</li>
</ul>
</li>
<li>Ticked off &ldquo;start weeknotes&rdquo; that&rsquo;s been on my blogging to-do list for <strong>a long time</strong>.</li>
<li>Changed the canonical URL from www to non-www. I think it looks neater!</li>
<li>Optimized this site to get near full marks in <a href="https://pagespeed.web.dev" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">PageSpeed</span></a>. <a href="https://www.debugbear.com/test/website-speed" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Debug Bear&rsquo;s free website speed test</span></a> was indispensable.</li>
</ul>
<h2 id="upcoming"><a href="#upcoming" class="h-anchor" title="Permalink to #Upcoming"></a>Upcoming</h2><ul>
<li>Lots of draft posts created this past week, hopefully I can get at least one out.</li>
<li>Will be publishing my first Git repo project and docs site soon, all firsts for me!</li>
<li>Currently trying out some <a href="https://3dkeycap.com/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">3D-printed keyboard stems/tilters</span></a> mimicking a keywell arc shape. Want to test it out in a budget friendly way before looking more into boards like the <a href="https://www.moergo.com/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Glove80</span></a> or the <a href="https://www.zsa.io/voyager" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">ZSA Voyager</span></a>.</li>
</ul>
<h2 id="life"><a href="#life" class="h-anchor" title="Permalink to #Life"></a>Life</h2><ul>
<li>I recognized a famous Hong Kong barrister while I was waiting for the underground (MTR). <a href="https://www.lokchambers.com/members/franco-kuan/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Mr. Franco Kuan</span></a> was one of three barrister mentors in a <a href="https://zh.wikipedia.org/zh-hk/%E4%BB%A4%E4%BA%BA%E5%BF%83%E5%8A%A8%E7%9A%84offer_%28%E7%AC%AC%E5%85%AD%E5%AD%A3%29" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">reality TV show (article only in Chinese)</span></a> recently. He is a crime specialist, ex-senior public prosecutor, and deputy magistrate. I asked for a photo and chatted with him briefly before the train came. He was awfully nice about it and was heading to a nearby university for his class. I enjoyed the show despite not knowing much about legal issues in general. There were some medical cases in there so that was nice.</li>
<li>Went to a local annual <a href="https://www.pmq.org.hk/event/pmq-coffee-agenda-2025/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">coffee festival</span></a> event on Friday. It seems to get worse every year—the crowds were a deterrent (I hate crowds).</li>
<li>Posted <a href="https://www.instagram.com/eclecticpassions/p/DQeYbNUiRUe/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">two coffee-related posts</span></a> to Instagram this week. I&rsquo;ve been very much absent from the platform for maybe 3–4 months, which has been great honestly. I only open the app once or twice a week for under 30 min (got the timer setting turned on, and it&rsquo;s off in the work profile the rest of the time); but I miss messages with friends who are not available on other platforms, unfortunately.</li>
</ul>
<h2 id="link-roundup"><a href="#link-roundup" class="h-anchor" title="Permalink to #Link Roundup"></a>Link Roundup</h2><p>Here&rsquo;s some content I came across this week that were interesting:</p>
<ul>
<li><a href="https://indivisible.org/statements/indivisible-announces-campaign-cancel-spotify-streaming-services-over-ice-recruitment" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Indivisible Announces Campaign to Cancel Spotify Streaming Services Over ICE Recruitment Ads</span></a> — I&rsquo;m not a fan of music streaming platforms, but now seems to be a good time and reason to leave Spotify for good.</li>
<li><a href="https://techcrunch.com/2025/03/07/signal-president-meredith-whittaker-calls-out-agentic-ai-as-having-profound-security-and-privacy-issues/" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Signal President Meredith Whittaker calls out agentic AI as having ‘profound’ security and privacy issues</span></a> — It&rsquo;s from March 2025, but privacy issues are only getting more pertinent and important.</li>
<li><a href="https://f-droid.org/2025/10/28/sideloading.html" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">What We Talk About When We Talk About Sideloading</span></a> — Follow up post from F-Droid about Google&rsquo;s Developer Program. I&rsquo;m <a href="https://fosstodon.org/@eclecticpassions/115399007699977939" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">really upset</span></a> about this issue.</li>
<li>I just discovered this alternative &ldquo;Internet protocol&rdquo; called <a href="https://en.wikipedia.org/wiki/Gopher_%28protocol%29" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Gopher</span></a>. It&rsquo;s a text-based World Wide Web alternative, or should I say precursor. I <a href="https://gopher.floodgap.com/gopher/gw.lite" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">checked it out</span></a> with <a href="https://formulae.brew.sh/formula/lynx" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">Lynx</span></a>. Looks super cool and still very active. It&rsquo;s on my list of things to explore one day!</li>
</ul>
<div class="footnotes">
<hr>
<ol>
<li id="fn:1">
<p><a href="https://www.info.gov.hk/gia/general/202510/28/P2025102800744.htm" target="_blank" class="ext-link" rel="noopener noreferrer"><span class="ext-text">HK Center of Health Protection urges public to get influenza shots</span></a>&#160;<a href="#fnref:1" class="footnote-backref">&#x21a9;&#xfe0e;</a></p>
</li>
</ol>
</div>

         <hr><p><i>[For up-to-date content, visit <a href="https://burgeonlab.com/">burgeonlab.com</a> directly (XML feeds don't fetch updates in real-time). For other feeds, visit the <a href='https://burgeonlab.com/subscribe/'>subscribe page</a>. Thanks for reading my weeknotes using a RSS reader!]</i></p>
        ]]></content></entry></feed>