<?xml version="1.0" encoding="utf-8"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:dc="http://purl.org/dc/elements/1.1/"><channel><title>videah.net</title><link>https://videah.net</link><description>seemed like a good idea at the time</description><atom:link rel="self" href="https://videah.net/rss.xml" type="application/rss+xml"/><lastBuildDate>Thu, 03 Sep 2026 00:00:00 GMT</lastBuildDate><item><title>The fresh new videah.net</title><link>https://videah.net/posts/jfc-another-blogging-engine</link><guid isPermaLink="true">https://videah.net/posts/jfc-another-blogging-engine</guid><pubDate>Thu, 03 Sep 2026 00:00:00 GMT</pubDate><dc:creator>videah</dc:creator><description>I promise this is the last time, until the next time</description><content:encoded>&lt;div class="page-body page-body--rantsona"&gt;&lt;h1 class="post-title"&gt;The fresh new videah.net&lt;/h1&gt;&lt;p class="post-meta"&gt;Posted on September 3, 2026&lt;/p&gt;&lt;p&gt;It’s an unfortunate fact of life that every tech-savvy person who writes any kind of long-form content is born with an evil curse that compels them to spend more time coming up with increasingly complex byzantine blogging engines than actually writing any blog posts that use them. It’s been well over a year since my last written post, which means it’s time to deploy the latest iteration! The twist this time is it actually ends up replacing &lt;strong&gt;two&lt;/strong&gt; websites.&lt;/p&gt;&lt;p&gt;Yes! My blog and personal site are now one and the same. The old terminal-style site was cool for the time, but I think it’s now a bit overplayed and was &lt;em&gt;very limiting&lt;/em&gt;. Who the hell wants to type to navigate a website? Especially on mobile, oh man!&lt;/p&gt;&lt;aside class="sticker-callout sticker-callout--right sticker-callout--default sticker-callout--flush"&gt;&lt;div class="sticker-callout-image"&gt;&lt;img src="/local/components/assets/img/stickers/poggers.webp" alt="" class="sticker-callout-sticker" loading="lazy" decoding="async"&gt;&lt;/div&gt;&lt;div class="sticker-callout-body"&gt;The old site and blog are not completely gone! They’re hosted at &lt;a href="old.videah.net"&gt;old.videah.net&lt;/a&gt; and &lt;a href="old.blog.videah.net"&gt;old.blog.videah.net&lt;/a&gt; respectively, just for preservation purposes. They will no longer be updated.&lt;/div&gt;&lt;/aside&gt;&lt;p&gt;Feel free to look around, if you have any feedback on the new design I’d love to hear it!&lt;/p&gt;&lt;p&gt;For fun silly things I recommend checking out my &lt;a href="/model"&gt;3D model display&lt;/a&gt; or going to &lt;a href="/"&gt;the homepage&lt;/a&gt; and clicking on my pixel art nose.&lt;/p&gt;&lt;h2&gt;Out with the Markdown&lt;/h2&gt;&lt;p&gt;The old blog used &lt;a href="https://github.com/getzola/zola"&gt;Zola&lt;/a&gt; to generate HTML from some Markdown. It’s as nice as static Markdown site generators get. But over time I couldn’t escape the feeling that Markdown was leaving something to be desired. I think the simplicity of Markdown ends up getting in its own way a bit. I grew to hate writing Markdown.&lt;/p&gt;&lt;p&gt;I found myself repeatedly trying to work around its limitations using Zola’s shortcode system which lets you inject some custom HTML components. These are just hacky macros at the end of the day though, they’re not very ergonomic and you can’t do anything crazy with them.&lt;/p&gt;&lt;aside class="sticker-callout sticker-callout--left sticker-callout--default sticker-callout--flush"&gt;&lt;div class="sticker-callout-image"&gt;&lt;img src="/local/components/assets/img/stickers/no.webp" alt="" class="sticker-callout-sticker" loading="lazy" decoding="async"&gt;&lt;/div&gt;&lt;div class="sticker-callout-body"&gt;It also just became impossible to maintain because the underlying styling was written in Tailwind. You’re tricked into thinking it is sooo nice and easy to use until you need to make a change 6 months later.&lt;/div&gt;&lt;/aside&gt;&lt;p&gt;This new website on the other hand is written in &lt;a href="https://typst.app"&gt;Typst&lt;/a&gt;, a modern markup language intended to replace LaTeX for document writing. I’d used it in the past to write my resume when I was applying for a job so I already had some good experience with it. When I noticed they were adding HTML support as a build target, I got really excited! It’s not fully mature yet but with the help of some plumbing from &lt;a href="https://github.com/freecomputinglab/rheo"&gt;Rheo&lt;/a&gt; I think it’s crossed the threshold as just an all-round better alternative to writing Markdown.&lt;/p&gt;&lt;h2&gt;How about some examples?&lt;/h2&gt;&lt;p&gt;I think it would help to show off some of the code powering the site to give you a good idea of what it’s capable of. Starting off simple, the fursona callout box further up the page is a reusable component that I can call anywhere in the document like so:&lt;/p&gt;&lt;pre&gt;&lt;code data-lang="typ"&gt;&lt;span style="color: #8ec8f0"&gt;#&lt;/span&gt;&lt;span style="color: #8ec8f0"&gt;sticker-callout&lt;/span&gt;&lt;span style="color: #b8b4b0"&gt;(&lt;/span&gt;&lt;span style="color: #e3b46f"&gt;"poggers"&lt;/span&gt;&lt;span style="color: #b8b4b0"&gt;,&lt;/span&gt; side&lt;span style="color: #b8b4b0"&gt;:&lt;/span&gt; &lt;span style="color: #e3b46f"&gt;"right"&lt;/span&gt;&lt;span style="color: #b8b4b0"&gt;,&lt;/span&gt; flush&lt;span style="color: #b8b4b0"&gt;:&lt;/span&gt; &lt;span style="color: #f84a5c"&gt;true&lt;/span&gt;&lt;span style="color: #b8b4b0"&gt;)&lt;/span&gt;&lt;span style="color: #b8b4b0"&gt;[&lt;/span&gt;
The old site and blog are not completely gone!
&lt;span style="color: #b8b4b0"&gt;]&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;p&gt;Which I think is just a really nice and simple syntax for that kind of thing.&lt;/p&gt;&lt;p&gt;Then consider this snippet of code from &lt;a href="/elsewhere"&gt;/elsewhere&lt;/a&gt; that takes a list of my social media accounts and renders them as a list of links:&lt;/p&gt;&lt;pre&gt;&lt;code data-lang="typ"&gt;&lt;span style="color: #f84a5c"&gt;#&lt;/span&gt;&lt;span style="color: #f84a5c"&gt;let&lt;/span&gt; accounts &lt;span style="color: #b8b4b0"&gt;=&lt;/span&gt; &lt;span style="color: #b8b4b0"&gt;(&lt;/span&gt;
&lt;span style="color: #b8b4b0"&gt;(&lt;/span&gt;&lt;span style="color: #e3b46f"&gt;"GitHub"&lt;/span&gt;&lt;span style="color: #b8b4b0"&gt;,&lt;/span&gt; &lt;span style="color: #b8b4b0"&gt;(&lt;/span&gt;&lt;span style="color: #e3b46f"&gt;"https://github.com/videah"&lt;/span&gt;&lt;span style="color: #b8b4b0"&gt;,&lt;/span&gt; &lt;span style="color: #e3b46f"&gt;"@videah"&lt;/span&gt;&lt;span style="color: #b8b4b0"&gt;)&lt;/span&gt;&lt;span style="color: #b8b4b0"&gt;)&lt;/span&gt;&lt;span style="color: #b8b4b0"&gt;,&lt;/span&gt;
&lt;span style="color: #b8b4b0"&gt;(&lt;/span&gt;&lt;span style="color: #e3b46f"&gt;"YouTube"&lt;/span&gt;&lt;span style="color: #b8b4b0"&gt;,&lt;/span&gt; &lt;span style="color: #b8b4b0"&gt;(&lt;/span&gt;&lt;span style="color: #e3b46f"&gt;"https://youtube.com/@videah"&lt;/span&gt;&lt;span style="color: #b8b4b0"&gt;,&lt;/span&gt; &lt;span style="color: #e3b46f"&gt;"@videah"&lt;/span&gt;&lt;span style="color: #b8b4b0"&gt;)&lt;/span&gt;&lt;span style="color: #b8b4b0"&gt;)&lt;/span&gt;&lt;span style="color: #b8b4b0"&gt;,&lt;/span&gt;
&lt;span style="color: #b8b4b0"&gt;(&lt;/span&gt;&lt;span style="color: #e3b46f"&gt;"Bluesky"&lt;/span&gt;&lt;span style="color: #b8b4b0"&gt;,&lt;/span&gt; &lt;span style="color: #b8b4b0"&gt;(&lt;/span&gt;&lt;span style="color: #e3b46f"&gt;"https://bsky.app/profile/videah.net"&lt;/span&gt;&lt;span style="color: #b8b4b0"&gt;,&lt;/span&gt; &lt;span style="color: #e3b46f"&gt;"@videah.net"&lt;/span&gt;&lt;span style="color: #b8b4b0"&gt;)&lt;/span&gt;&lt;span style="color: #b8b4b0"&gt;)&lt;/span&gt;&lt;span style="color: #b8b4b0"&gt;,&lt;/span&gt;
&lt;span style="color: #b8b4b0"&gt;)&lt;/span&gt;
&lt;span style="color: #f84a5c"&gt;#&lt;/span&gt;&lt;span style="color: #f84a5c"&gt;let&lt;/span&gt; &lt;span style="color: #8ec8f0"&gt;me-link&lt;/span&gt;&lt;span style="color: #b8b4b0"&gt;(&lt;/span&gt;url&lt;span style="color: #b8b4b0"&gt;,&lt;/span&gt; body&lt;span style="color: #b8b4b0"&gt;)&lt;/span&gt; &lt;span style="color: #b8b4b0"&gt;=&lt;/span&gt; html&lt;span style="color: #b8b4b0"&gt;.&lt;/span&gt;&lt;span style="color: #8ec8f0"&gt;elem&lt;/span&gt;&lt;span style="color: #b8b4b0"&gt;(&lt;/span&gt;&lt;span style="color: #e3b46f"&gt;"a"&lt;/span&gt;&lt;span style="color: #b8b4b0"&gt;,&lt;/span&gt; attrs&lt;span style="color: #b8b4b0"&gt;:&lt;/span&gt;
&lt;span style="color: #b8b4b0"&gt;(&lt;/span&gt;href&lt;span style="color: #b8b4b0"&gt;:&lt;/span&gt; url&lt;span style="color: #b8b4b0"&gt;,&lt;/span&gt; rel&lt;span style="color: #b8b4b0"&gt;:&lt;/span&gt; &lt;span style="color: #e3b46f"&gt;"me"&lt;/span&gt;&lt;span style="color: #b8b4b0"&gt;)&lt;/span&gt;
&lt;span style="color: #b8b4b0"&gt;)&lt;/span&gt;&lt;span style="color: #b8b4b0"&gt;[&lt;/span&gt;#body&lt;span style="color: #b8b4b0"&gt;]&lt;/span&gt;
= Accounts
&lt;span style="color: #8ec8f0"&gt;#&lt;/span&gt;&lt;span style="color: #8ec8f0"&gt;list&lt;/span&gt;&lt;span style="color: #b8b4b0"&gt;(&lt;/span&gt;&lt;span style="color: #b8b4b0"&gt;..&lt;/span&gt;accounts
&lt;span style="color: #b8b4b0"&gt;.&lt;/span&gt;&lt;span style="color: #8ec8f0"&gt;pairs&lt;/span&gt;&lt;span style="color: #b8b4b0"&gt;(&lt;/span&gt;&lt;span style="color: #b8b4b0"&gt;)&lt;/span&gt;
&lt;span style="color: #b8b4b0"&gt;.&lt;/span&gt;&lt;span style="color: #8ec8f0"&gt;sorted&lt;/span&gt;&lt;span style="color: #b8b4b0"&gt;(&lt;/span&gt;key&lt;span style="color: #b8b4b0"&gt;:&lt;/span&gt; &lt;span style="color: #b8b4b0"&gt;(&lt;/span&gt;&lt;span style="color: #b8b4b0"&gt;(&lt;/span&gt;name&lt;span style="color: #b8b4b0"&gt;,&lt;/span&gt; _&lt;span style="color: #b8b4b0"&gt;)&lt;/span&gt;&lt;span style="color: #b8b4b0"&gt;)&lt;/span&gt; &lt;span style="color: #b8b4b0"&gt;=&amp;gt;&lt;/span&gt; &lt;span style="color: #8ec8f0"&gt;lower&lt;/span&gt;&lt;span style="color: #b8b4b0"&gt;(&lt;/span&gt;name&lt;span style="color: #b8b4b0"&gt;)&lt;/span&gt;&lt;span style="color: #b8b4b0"&gt;)&lt;/span&gt;
&lt;span style="color: #b8b4b0"&gt;.&lt;/span&gt;&lt;span style="color: #8ec8f0"&gt;map&lt;/span&gt;&lt;span style="color: #b8b4b0"&gt;(&lt;/span&gt;&lt;span style="color: #b8b4b0"&gt;(&lt;/span&gt;&lt;span style="color: #b8b4b0"&gt;(&lt;/span&gt;name&lt;span style="color: #b8b4b0"&gt;,&lt;/span&gt; &lt;span style="color: #b8b4b0"&gt;(&lt;/span&gt;url&lt;span style="color: #b8b4b0"&gt;,&lt;/span&gt; handle&lt;span style="color: #b8b4b0"&gt;)&lt;/span&gt;&lt;span style="color: #b8b4b0"&gt;)&lt;/span&gt;&lt;span style="color: #b8b4b0"&gt;)&lt;/span&gt; &lt;span style="color: #b8b4b0"&gt;=&amp;gt;&lt;/span&gt; &lt;span style="color: #b8b4b0"&gt;[&lt;/span&gt;#name: &lt;span style="color: #8ec8f0"&gt;#&lt;/span&gt;&lt;span style="color: #8ec8f0"&gt;me-link&lt;/span&gt;&lt;span style="color: #b8b4b0"&gt;(&lt;/span&gt;url&lt;span style="color: #b8b4b0"&gt;,&lt;/span&gt; handle&lt;span style="color: #b8b4b0"&gt;)&lt;/span&gt;&lt;span style="color: #b8b4b0"&gt;]&lt;/span&gt;&lt;span style="color: #b8b4b0"&gt;)&lt;/span&gt;&lt;span style="color: #b8b4b0"&gt;)&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;p&gt;This lets me easily add new handles and have it automatically render a list in alphabetical order. No need to maintain the order manually. This is all done in-line in the Typst document alongside written content. Cool right?&lt;/p&gt;&lt;p&gt;We can also pull off some more advanced stuff, like this snippet that helps transform all native emoji to the custom &lt;a href="https://mutant.tech"&gt;Mutant Standard emoji&lt;/a&gt; I use on the site:&lt;/p&gt;&lt;pre&gt;&lt;code data-lang="typ"&gt;&lt;span style="color: #f84a5c"&gt;#&lt;/span&gt;&lt;span style="color: #f84a5c"&gt;let&lt;/span&gt; &lt;span style="color: #8ec8f0"&gt;mutant-transform&lt;/span&gt;&lt;span style="color: #b8b4b0"&gt;(&lt;/span&gt;doc&lt;span style="color: #b8b4b0"&gt;)&lt;/span&gt; &lt;span style="color: #b8b4b0"&gt;=&lt;/span&gt; &lt;span style="color: #b8b4b0"&gt;{&lt;/span&gt;
&lt;span style="color: #f84a5c"&gt;show&lt;/span&gt; &lt;span style="color: #8ec8f0"&gt;raw&lt;/span&gt;&lt;span style="color: #b8b4b0"&gt;:&lt;/span&gt; it &lt;span style="color: #b8b4b0"&gt;=&amp;gt;&lt;/span&gt; &lt;span style="color: #8ec8f0"&gt;_untransformed&lt;/span&gt;&lt;span style="color: #b8b4b0"&gt;(&lt;/span&gt;it&lt;span style="color: #b8b4b0"&gt;)&lt;/span&gt;
&lt;span style="color: #f84a5c"&gt;show&lt;/span&gt; &lt;span style="color: #8ec8f0"&gt;_emoji-re&lt;/span&gt;&lt;span style="color: #b8b4b0"&gt;:&lt;/span&gt; it &lt;span style="color: #b8b4b0"&gt;=&amp;gt;&lt;/span&gt; &lt;span style="color: #f84a5c"&gt;context&lt;/span&gt; &lt;span style="color: #b8b4b0"&gt;{&lt;/span&gt;
&lt;span style="color: #f84a5c"&gt;let&lt;/span&gt; cps &lt;span style="color: #b8b4b0"&gt;=&lt;/span&gt; it&lt;span style="color: #b8b4b0"&gt;.&lt;/span&gt;text&lt;span style="color: #b8b4b0"&gt;.&lt;/span&gt;&lt;span style="color: #8ec8f0"&gt;codepoints&lt;/span&gt;&lt;span style="color: #b8b4b0"&gt;(&lt;/span&gt;&lt;span style="color: #b8b4b0"&gt;)&lt;/span&gt;&lt;span style="color: #b8b4b0"&gt;.&lt;/span&gt;&lt;span style="color: #8ec8f0"&gt;map&lt;/span&gt;&lt;span style="color: #b8b4b0"&gt;(&lt;/span&gt;c &lt;span style="color: #b8b4b0"&gt;=&amp;gt;&lt;/span&gt; c&lt;span style="color: #b8b4b0"&gt;.&lt;/span&gt;&lt;span style="color: #8ec8f0"&gt;to-unicode&lt;/span&gt;&lt;span style="color: #b8b4b0"&gt;(&lt;/span&gt;&lt;span style="color: #b8b4b0"&gt;)&lt;/span&gt;&lt;span style="color: #b8b4b0"&gt;)&lt;/span&gt;
&lt;span style="color: #f84a5c"&gt;let&lt;/span&gt; key &lt;span style="color: #b8b4b0"&gt;=&lt;/span&gt; cps
&lt;span style="color: #b8b4b0"&gt;.&lt;/span&gt;&lt;span style="color: #8ec8f0"&gt;filter&lt;/span&gt;&lt;span style="color: #b8b4b0"&gt;(&lt;/span&gt;c &lt;span style="color: #b8b4b0"&gt;=&amp;gt;&lt;/span&gt; c &lt;span style="color: #b8b4b0"&gt;!=&lt;/span&gt; &lt;span style="color: #d7a5e6"&gt;0xFE0F&lt;/span&gt;&lt;span style="color: #b8b4b0"&gt;)&lt;/span&gt;
&lt;span style="color: #b8b4b0"&gt;.&lt;/span&gt;&lt;span style="color: #8ec8f0"&gt;map&lt;/span&gt;&lt;span style="color: #b8b4b0"&gt;(&lt;/span&gt;c &lt;span style="color: #b8b4b0"&gt;=&amp;gt;&lt;/span&gt; &lt;span style="color: #8ec8f0"&gt;str&lt;/span&gt;&lt;span style="color: #b8b4b0"&gt;(&lt;/span&gt;c&lt;span style="color: #b8b4b0"&gt;,&lt;/span&gt; base&lt;span style="color: #b8b4b0"&gt;:&lt;/span&gt; &lt;span style="color: #d7a5e6"&gt;16&lt;/span&gt;&lt;span style="color: #b8b4b0"&gt;)&lt;/span&gt;&lt;span style="color: #b8b4b0"&gt;)&lt;/span&gt;&lt;span style="color: #b8b4b0"&gt;.&lt;/span&gt;&lt;span style="color: #8ec8f0"&gt;join&lt;/span&gt;&lt;span style="color: #b8b4b0"&gt;(&lt;/span&gt;&lt;span style="color: #e3b46f"&gt;"-"&lt;/span&gt;&lt;span style="color: #b8b4b0"&gt;)&lt;/span&gt;
&lt;span style="color: #f84a5c"&gt;if&lt;/span&gt; no-emoji-transform&lt;span style="color: #b8b4b0"&gt;.&lt;/span&gt;&lt;span style="color: #8ec8f0"&gt;get&lt;/span&gt;&lt;span style="color: #b8b4b0"&gt;(&lt;/span&gt;&lt;span style="color: #b8b4b0"&gt;)&lt;/span&gt; &lt;span style="color: #f84a5c"&gt;or&lt;/span&gt; key &lt;span style="color: #f84a5c"&gt;not&lt;/span&gt; &lt;span style="color: #f84a5c"&gt;in&lt;/span&gt; _index&lt;span style="color: #b8b4b0"&gt;.&lt;/span&gt;seq &lt;span style="color: #b8b4b0"&gt;{&lt;/span&gt;
it
&lt;span style="color: #b8b4b0"&gt;}&lt;/span&gt; &lt;span style="color: #f84a5c"&gt;else&lt;/span&gt; &lt;span style="color: #b8b4b0"&gt;{&lt;/span&gt;
&lt;span style="color: #8ec8f0"&gt;mutant-emoji&lt;/span&gt;&lt;span style="color: #b8b4b0"&gt;(&lt;/span&gt;_index&lt;span style="color: #b8b4b0"&gt;.&lt;/span&gt;seq&lt;span style="color: #b8b4b0"&gt;.&lt;/span&gt;&lt;span style="color: #8ec8f0"&gt;at&lt;/span&gt;&lt;span style="color: #b8b4b0"&gt;(&lt;/span&gt;key&lt;span style="color: #b8b4b0"&gt;)&lt;/span&gt;&lt;span style="color: #b8b4b0"&gt;,&lt;/span&gt; text&lt;span style="color: #b8b4b0"&gt;:&lt;/span&gt; it&lt;span style="color: #b8b4b0"&gt;.&lt;/span&gt;text&lt;span style="color: #b8b4b0"&gt;)&lt;/span&gt;
&lt;span style="color: #b8b4b0"&gt;}&lt;/span&gt;
&lt;span style="color: #b8b4b0"&gt;}&lt;/span&gt;
doc
&lt;span style="color: #b8b4b0"&gt;}&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;p&gt;This is great because it means we don’t need to do any JavaScript runtime transformations like Twemoji does, this is all done at compile time! &lt;img class="emoji emoji--mutant" data-emoji="smile_hearts" src="/local/components/assets/img/mutant/expressions/smileys/typical/smile_hearts.svg" alt="🥰" width="20" height="20" draggable="false" loading="lazy" decoding="async"&gt;&lt;/p&gt;&lt;h2&gt;This seems like a lot… is it a lot?&lt;/h2&gt;&lt;p&gt;The appeal here is Typst can be as simple or complex as I need it to be. I can just write posts normally and reach further down to the more programmatic stuff when I feel like it and have it all work seamlessly in a single plain-text document file.&lt;/p&gt;&lt;p&gt;This doesn’t even touch on the future potential this unlocks! Like writing once and having it spit out PDFs and EPUBs alongside the HTML output, which I’ll likely be using in the future for my resume.&lt;/p&gt;&lt;aside class="sticker-callout sticker-callout--right sticker-callout--default sticker-callout--flush"&gt;&lt;div class="sticker-callout-image"&gt;&lt;img src="/local/components/assets/img/stickers/pawtism.webp" alt="" class="sticker-callout-sticker" loading="lazy" decoding="async"&gt;&lt;/div&gt;&lt;div class="sticker-callout-body"&gt;At the end of the day, I’m hoping this just makes me more likely to write stuff. Or maybe in a year’s time I’ll have moved on to something even more esoteric. Who knows!&lt;/div&gt;&lt;/aside&gt;&lt;p&gt;You can read a little more about the tools powering this site at &lt;a href="/colophon"&gt;/colophon&lt;/a&gt;.&lt;/p&gt;&lt;div class="rantsona" aria-hidden="true"&gt;&lt;img src="/local/components/assets/img/rantsona/videah.webp" alt="" class="rantsona-img" loading="lazy" decoding="async" width="447" height="596"&gt;&lt;/div&gt;&lt;/div&gt;&lt;aside class="discussion-note"&gt;&lt;span class="discussion-note-label"&gt;Discuss&lt;/span&gt;&lt;p class="discussion-note-body"&gt;There’s no comment section here sadly — the UK’s &lt;a href="https://en.wikipedia.org/wiki/Online_Safety_Act_2023"&gt;Online Safety Act&lt;/a&gt; makes running one on a small personal blog more legal exposure than it’s worth. If you wanna comment on something, try leaving a reply in the Bluesky thread!&lt;/p&gt;&lt;div class="discussion-note-actions"&gt;&lt;a class="discussion-note-link" href="https://bsky.app/profile/videah.net/post/3muo2csq7ls2b" target="_blank" rel="noopener noreferrer"&gt;Discuss on Bluesky →&lt;/a&gt;&lt;span style="white-space: pre-wrap"&gt; &lt;/span&gt;&lt;sequoia-recommend hide="auto"&gt;&lt;/sequoia-recommend&gt;&lt;/div&gt;&lt;/aside&gt;</content:encoded></item><item><title>Plex Might Be Inadvertently Bottlenecking You</title><link>https://videah.net/posts/plex-why-oh-why</link><guid isPermaLink="true">https://videah.net/posts/plex-why-oh-why</guid><pubDate>Mon, 12 May 2025 00:00:00 GMT</pubDate><dc:creator>videah</dc:creator><description>Plex's Relay feature quietly caps remote streams at 1–2 Mbps and is on by default, so a broken port forward can go unnoticed for months.</description><content:encoded>&lt;div class="page-body page-body--rantsona"&gt;&lt;h1 class="post-title"&gt;Plex Might Be Inadvertently Bottlenecking You&lt;/h1&gt;&lt;p class="post-meta"&gt;Posted on May 12, 2025&lt;/p&gt;&lt;aside class="sticker-callout sticker-callout--left sticker-callout--info"&gt;&lt;div class="sticker-callout-image"&gt;&lt;img src="/local/components/assets/img/stickers/pixel-normal.webp" alt="" class="sticker-callout-sticker" loading="lazy" decoding="async"&gt;&lt;/div&gt;&lt;div class="sticker-callout-body"&gt;&lt;p&gt;&lt;strong&gt;This post is from a legacy version of this blog!&lt;/strong&gt;&lt;/p&gt;&lt;p&gt;No changes have been made to the content in the migration, so things might read weird.&lt;/p&gt;&lt;/div&gt;&lt;/aside&gt;&lt;p&gt;Plex has this &lt;a href="https://support.plex.tv/articles/216766168-accessing-a-server-through-relay"&gt;Relay feature&lt;/a&gt; that basically pipes your traffic through their servers if direct access isn’t possible for whatever reason, bypassing NAT and presumably cutting down on their support tickets.&lt;/p&gt;&lt;p&gt;For free users the relay is capped at a measly &lt;code&gt;1 Mbps&lt;/code&gt; and the ever-growing expense that is the &lt;a href="https://www.plex.tv/plans"&gt;Plex Pass subscription&lt;/a&gt; service only bumps this up to a whopping &lt;code&gt;2 Mbps&lt;/code&gt;.&lt;/p&gt;&lt;p&gt;I can imagine this being useful for a selection of people. But as this feature is turned on &lt;strong&gt;by default&lt;/strong&gt;, it’s very easy for any issues with your server’s network configuration to go unnoticed. It turns out my port-forwarding rule for Plex hadn’t been working for several months (&lt;em&gt;thanks Ubiquiti&lt;/em&gt;) and I never noticed because the relay feature was masking the problem.&lt;/p&gt;&lt;aside class="sticker-callout sticker-callout--right sticker-callout--default sticker-callout--flush"&gt;&lt;div class="sticker-callout-image"&gt;&lt;img src="/local/components/assets/img/stickers/concerned.webp" alt="" class="sticker-callout-sticker" loading="lazy" decoding="async"&gt;&lt;/div&gt;&lt;div class="sticker-callout-body"&gt;So… you’re telling me Plex isn’t meant to be almost unusably slow this whole time…?&lt;/div&gt;&lt;/aside&gt;&lt;p&gt;It doesn’t help that the remote-access configuration UI has been very buggy for 6+ years, making it impossible to tell if the issue is with your server or the broken interface.&lt;/p&gt;&lt;p&gt;So please don’t make the same mistakes as me. Make sure your Plex client is actually connecting to your server directly, and use a &lt;a href="https://www.yougetsignal.com/tools/open-ports"&gt;Port Forward Checker&lt;/a&gt;.&lt;/p&gt;&lt;div class="rantsona" aria-hidden="true"&gt;&lt;img src="/local/components/assets/img/rantsona/videah.webp" alt="" class="rantsona-img" loading="lazy" decoding="async" width="447" height="596"&gt;&lt;/div&gt;&lt;/div&gt;&lt;aside class="discussion-note"&gt;&lt;span class="discussion-note-label"&gt;Discuss&lt;/span&gt;&lt;p class="discussion-note-body"&gt;There’s no comment section here sadly — the UK’s &lt;a href="https://en.wikipedia.org/wiki/Online_Safety_Act_2023"&gt;Online Safety Act&lt;/a&gt; makes running one on a small personal blog more legal exposure than it’s worth.&lt;/p&gt;&lt;div class="discussion-note-actions"&gt;&lt;sequoia-recommend hide="auto"&gt;&lt;/sequoia-recommend&gt;&lt;/div&gt;&lt;/aside&gt;</content:encoded></item><item><title>Attacking My Landlord's Boiler</title><link>https://videah.net/posts/attacking-my-landlords-boiler</link><guid isPermaLink="true">https://videah.net/posts/attacking-my-landlords-boiler</guid><pubDate>Tue, 22 Apr 2025 00:00:00 GMT</pubDate><dc:creator>videah</dc:creator><description>How it took several months for me to get warm...</description><content:encoded>&lt;div class="page-body page-body--rantsona"&gt;&lt;h1 class="post-title"&gt;Attacking My Landlord's Boiler&lt;/h1&gt;&lt;p&gt;&lt;img src="/assets/img/banners/attacking-my-landlords-boiler.webp" alt="Very bright red photo of a Macbook plugged into a HackRF radio, with my thermostat sitting next to it" class="post-banner" fetchpriority="high" decoding="async" width="1500" height="500"&gt;&lt;/p&gt;&lt;p class="post-meta"&gt;Posted on April 22, 2025&lt;/p&gt;&lt;aside class="sticker-callout sticker-callout--left sticker-callout--info"&gt;&lt;div class="sticker-callout-image"&gt;&lt;img src="/local/components/assets/img/stickers/pixel-normal.webp" alt="" class="sticker-callout-sticker" loading="lazy" decoding="async"&gt;&lt;/div&gt;&lt;div class="sticker-callout-body"&gt;&lt;p&gt;&lt;strong&gt;This post is from a legacy version of this blog!&lt;/strong&gt;&lt;/p&gt;&lt;p&gt;No changes have been made to the content in the migration, so things might read weird.&lt;/p&gt;&lt;/div&gt;&lt;/aside&gt;&lt;aside class="sticker-callout sticker-callout--right sticker-callout--danger sticker-callout--flush"&gt;&lt;div class="sticker-callout-image"&gt;&lt;img src="/local/components/assets/img/stickers/no.webp" alt="" class="sticker-callout-sticker" loading="lazy" decoding="async"&gt;&lt;/div&gt;&lt;div class="sticker-callout-body"&gt;Please do your due diligence and check local laws before attempting anything I do in this post. Transmitting radio signals can become legally problematic &lt;em&gt;very quickly&lt;/em&gt;, and the band I specifically transmit on here (&lt;code&gt;868Mhz&lt;/code&gt;) is &lt;strong&gt;illegal&lt;/strong&gt; in the United States without a license. I’d rather you didn’t have men in suits knocking on your door on my account. You’ve been warned!&lt;/div&gt;&lt;/aside&gt;&lt;p&gt;A little while ago I moved into an apartment to live on my own for the first time. This has given me a decent amount of newfound freedom to sculpt my living environment to my liking, but not enough where I could start knocking down walls. I have a landlord (and a deposit!) to think about, after all. &lt;img class="emoji" data-emoji="videah" src="/local/components/assets/img/emoji/videah.svg" alt="🙂" width="20" height="20" draggable="false" loading="lazy" decoding="async"&gt;&lt;/p&gt;&lt;p&gt;While it isn’t near the level of knocking down walls, I was finding heating my apartment rather frustrating. The boiler’s thermostat installed by my landlord is a single radio-controlled unit that uses a built-in temperature sensor to modulate the heating on and off to meet a target temperature. This presents a few first-world problems:&lt;/p&gt;&lt;ul&gt;&lt;li&gt;The temperature sensor can only sample a single room in the apartment, which heats unevenly.&lt;/li&gt;&lt;li&gt;That room is dependent on the physical proximity of the thermostat’s controls, which can be annoying to use if I might be in bed and the controls are in the living room or vice versa.&lt;/li&gt;&lt;li&gt;If I forget to turn the heating off before I leave the apartment, I’m wasting a lot of costly energy.&lt;/li&gt;&lt;/ul&gt;&lt;p&gt;I automate things around my apartment with &lt;a href="https://www.home-assistant.io"&gt;Home Assistant&lt;/a&gt;, and I wanted to be able to do the same here. There are a lot of off-the-shelf solutions for this, obviously, but to get back to the knocking-down-walls comparison, they would require my landlord’s cooperation and likely a visit from an electrician. I don’t want that!&lt;/p&gt;&lt;p&gt;Instead, here’s how I figured out how to control my apartment’s heating in a way that leaves no trace using the existing thermostat already fitted by my landlord, and maybe learn a bit about radios along the way.&lt;/p&gt;&lt;h2&gt;Where Do We Start?&lt;/h2&gt;&lt;p&gt;I knew that the thermostat communicated with the boiler through some kind of radio protocol. We could try to reverse-engineer the protocol from scratch, but as I’ll get into later, that turns out to be &lt;em&gt;very involved&lt;/em&gt; and way beyond my minimal radio skills.&lt;/p&gt;&lt;p&gt;I eventually decided it was a lot easier to attempt something called a &lt;a href="https://en.wikipedia.org/wiki/Replay_attack#Remote_keyless-entry_system_for_vehicles"&gt;Replay Attack&lt;/a&gt;. This involves cloning the signals sent between the boiler and the thermostat, and then pretending &lt;em&gt;we&lt;/em&gt; are the thermostat by re-broadcasting the signals. This way we don’t need to understand the protocol, just replay it.&lt;/p&gt;&lt;aside class="sticker-callout sticker-callout--right sticker-callout--default sticker-callout--flush"&gt;&lt;div class="sticker-callout-image"&gt;&lt;img src="/local/components/assets/img/stickers/sweating.webp" alt="" class="sticker-callout-sticker" loading="lazy" decoding="async"&gt;&lt;/div&gt;&lt;div class="sticker-callout-body"&gt;This approach requires some degree of luck and crossing your fingers. Replay attacks can be pretty easily thwarted by using an incrementing counter in the communications to nullify previous signals, ignoring signals with a counter value you’ve already seen. I was lucky the thermostat does not do this—your mileage may vary!&lt;/div&gt;&lt;/aside&gt;&lt;h2&gt;Initial Reconnaissance&lt;/h2&gt;&lt;p&gt;The first thing I did was check to see if there was any information online about my specific thermostat. I came across &lt;a href="https://www.wolseley.co.uk/product/center-rf-wireless-programmable-boiler-thermostat"&gt;a listing for the exact model I had&lt;/a&gt;, along with a datasheet in the attachments section. The section on &lt;em&gt;RF Communication&lt;/em&gt; is exactly what I was looking for:&lt;/p&gt;&lt;figure class="media-figure"&gt;&lt;div class="media-figure-body"&gt;&lt;img src="/assets/img/posts/attacking-my-landlords-boiler/boiler_datasheet_rf.webp" alt="The RF Communication section of the thermostat's datasheet: frequency 868 MHz, protocol encrypted, range up to 30 m." loading="lazy" decoding="async" width="1176" height="608"&gt;&lt;/div&gt;&lt;/figure&gt;&lt;p&gt;From this, we know the thermostat communicates around the &lt;code&gt;868Mhz&lt;/code&gt; range. The &lt;code&gt;Protocol: Encrypted&lt;/code&gt; part was initially a bit concerning, but it turned out to not be a problem.&lt;/p&gt;&lt;p&gt;The first issue I’m running into here is that there are shockingly few resources on cloning a &lt;code&gt;868Mhz&lt;/code&gt; signal online. Most beefy resources were about using LoRa/Meshtastic. I would come across a lot of Reddit posts of people trying to do the same thing as me for things like ceiling fans and garage doors, but nobody seemed to have any answers… &lt;img class="emoji emoji--mutant" data-emoji="sob" src="/local/components/assets/img/mutant/expressions/smileys/typical/sob.svg" alt="😭" width="20" height="20" draggable="false" loading="lazy" decoding="async"&gt;&lt;/p&gt;&lt;aside class="sticker-callout sticker-callout--left sticker-callout--default sticker-callout--flush"&gt;&lt;div class="sticker-callout-image"&gt;&lt;img src="/local/components/assets/img/stickers/paw.webp" alt="" class="sticker-callout-sticker" loading="lazy" decoding="async"&gt;&lt;/div&gt;&lt;div class="sticker-callout-body"&gt;I &lt;em&gt;suspect&lt;/em&gt; this is because unlicensed &lt;code&gt;868Mhz&lt;/code&gt; transmission is illegal in the US and nobody cares about Europe, but who really knows. My life would be &lt;em&gt;so much&lt;/em&gt; easier if it were &lt;code&gt;433Mhz&lt;/code&gt; instead, as there is a plethora of consumer-facing tools for communicating on that band.&lt;/div&gt;&lt;/aside&gt;&lt;h2&gt;Seeing Signals&lt;/h2&gt;&lt;p&gt;So without much to go on, I thought the first thing to do would be to actually &lt;em&gt;see&lt;/em&gt; the radio packets and inspect them. I’d read about &lt;a href="https://en.wikipedia.org/wiki/Software-defined_radio"&gt;Software-Defined Radios&lt;/a&gt; in the past and guessed it’d be my best bet. Most SDRs are &lt;em&gt;really&lt;/em&gt; expensive, so I went with the budget &lt;a href="https://www.aliexpress.com/item/1005005952566458.html?spm=a2g0o.order_list.order_list_main.165.295b1802ErX1lM"&gt;RTL-SDR V4&lt;/a&gt; off of AliExpress. (This actually ended up being somewhat unnecessary for reasons we’ll eventually get to!)&lt;/p&gt;&lt;aside class="sticker-callout sticker-callout--right sticker-callout--warning sticker-callout--flush"&gt;&lt;div class="sticker-callout-image"&gt;&lt;img src="/local/components/assets/img/stickers/concerned.webp" alt="" class="sticker-callout-sticker" loading="lazy" decoding="async"&gt;&lt;/div&gt;&lt;div class="sticker-callout-body"&gt;You might have heard of the infamous &lt;a href="https://flipperzero.one"&gt;Flipper Zero&lt;/a&gt; and its ability to clone and replay signals. Maybe you’re like me and consider using it in this situation, but be warned that the Flipper is &lt;strong&gt;NOT&lt;/strong&gt; an SDR. The Flipper is very stingy about what frequencies it can operate on. I found this out the hard way when I borrowed one and assumed all was hopeless when it wouldn’t work.&lt;/div&gt;&lt;/aside&gt;&lt;p&gt;After it arrived, I hooked it up to my laptop with the &lt;a href="https://www.sdrpp.org"&gt;SDR++&lt;/a&gt; software just to see if it worked and get an initial glimpse of my thermostat yapping. After pressing the thermostat’s buttons a few times, I managed to see the waterfall light up!&lt;/p&gt;&lt;figure class="media-figure"&gt;&lt;div class="media-figure-body"&gt;&lt;img src="/assets/img/posts/attacking-my-landlords-boiler/sdr_plus_plus.webp" alt="SDR++ tuned to 868 MHz, its waterfall showing several long horizontal streaks of signal." loading="lazy" decoding="async" width="1500" height="847"&gt;&lt;/div&gt;&lt;figcaption&gt;The “waterfall” at 868Mhz showing long horizontal blips.&lt;/figcaption&gt;&lt;/figure&gt;&lt;aside class="sticker-callout sticker-callout--left sticker-callout--default sticker-callout--flush"&gt;&lt;div class="sticker-callout-image"&gt;&lt;img src="/local/components/assets/img/stickers/nothing_there.webp" alt="" class="sticker-callout-sticker" loading="lazy" decoding="async"&gt;&lt;/div&gt;&lt;div class="sticker-callout-body"&gt;Ignore the solid vertical line on the waterfall—this is just a common byproduct of using a really cheap SDR, and for me it appears nearby to any frequency I’m inspecting.&lt;/div&gt;&lt;/aside&gt;&lt;p&gt;This step isn’t super important, but we can then try to use the &lt;a href="https://github.com/merbanan/rtl_433"&gt;rtl_433&lt;/a&gt; tool (it works on other frequencies despite the name) to see if the thermostat is speaking a known protocol. More obscure devices might not work here!&lt;/p&gt;&lt;figure class="media-figure"&gt;&lt;div class="media-figure-body"&gt;&lt;img src="/assets/img/posts/attacking-my-landlords-boiler/rtl_443_results.webp" alt="Terminal output from rtl_433 decoding the thermostat's packets as a Honeywell protocol, with a demand field of 1 and 0." loading="lazy" decoding="async" width="1280" height="307"&gt;&lt;/div&gt;&lt;/figure&gt;&lt;p&gt;It seems like this thermostat speaks the same protocol as another Honeywell one. The demand attribute sets whether the boiler is on (1) or off (0), and then the boiler responds with an acknowledgement (presumably so the thermostat can determine if it’s out of range).&lt;/p&gt;&lt;h2&gt;Trying To Yell Back&lt;/h2&gt;&lt;p&gt;Now that we’ve actually seen the back-and-forth communication, we want to be able to send some packets ourselves and puppeteer the boiler as if we were the thermostat.&lt;/p&gt;&lt;figure class="media-figure"&gt;&lt;div class="media-figure-body"&gt;&lt;img src="/assets/img/posts/attacking-my-landlords-boiler/challenger.webp" alt="A small Challenger development board with an 868 MHz antenna, wired up on a desk." loading="lazy" decoding="async" width="1488" height="918"&gt;&lt;/div&gt;&lt;figcaption&gt;Using a 868Mhz Challenger Dev Board, first failed attempt…&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;This was the step I got stuck on for &lt;em&gt;months&lt;/em&gt;. I was trying the “smart” route of attempting to reverse-engineer and reconstruct the packets &lt;em&gt;by hand&lt;/em&gt; using &lt;a href="https://github.com/jopohl/urh"&gt;URH&lt;/a&gt; and then broadcasting them with very cheap &lt;code&gt;868Mhz&lt;/code&gt; microcontroller boards. I can safely say this was all wayyy outside of my skill set. None of the boards were really designed to talk to anything other than &lt;em&gt;the exact same board&lt;/em&gt;, and going any further than that required poking at radio registers in ways I wasn’t comfortable doing.&lt;/p&gt;&lt;h2&gt;The HackRF&lt;/h2&gt;&lt;figure class="media-figure"&gt;&lt;div class="media-figure-body"&gt;&lt;img src="/assets/img/posts/attacking-my-landlords-boiler/hackrf-board.webp" alt="The bare circuit board of an official HackRF One software-defined radio." loading="lazy" decoding="async" width="1200" height="683"&gt;&lt;/div&gt;&lt;figcaption&gt;The official HackRF One board, going on to spawn many AliExpress clones.&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;I decided to then go for the &lt;strong&gt;sledgehammer&lt;/strong&gt; approach: use a full-blown SDR to just replay the exact same signal without a care for what the signal actually contains. But the cheap RTL-SDR I got earlier only supports receiving, not broadcasting. SDRs that can broadcast are usually &lt;em&gt;hundreds of dollars&lt;/em&gt;.&lt;/p&gt;&lt;p&gt;I say &lt;em&gt;usuallyyy&lt;/em&gt; because one of the most common broadcast-capable SDRs, the &lt;code&gt;HackRF One&lt;/code&gt; (usually upwards of $400), had numerous clones available on AliExpress for a fraction of the price—just $40.&lt;/p&gt;&lt;aside class="sticker-callout sticker-callout--right sticker-callout--default sticker-callout--flush"&gt;&lt;div class="sticker-callout-image"&gt;&lt;img src="/local/components/assets/img/stickers/concerned.webp" alt="" class="sticker-callout-sticker" loading="lazy" decoding="async"&gt;&lt;/div&gt;&lt;div class="sticker-callout-body"&gt;And then I say &lt;em&gt;haddd&lt;/em&gt; because, writing this months later, AliExpress has removed pretty much every listing you could find just searching “HackRF”. From my understanding, they were getting nabbed at customs in a lot of countries that were getting pissy about importing a scawy hacking tool, so they just decided to nuke all the listings rather than deal with it. Newer clones can be bought from &lt;a href="https://opensourcesdrlab.com/products/r10c-hrf-sdr-software-defined-1mhz-to-6ghz-mainboard-development-board-kit?VariantsId=10158"&gt;here&lt;/a&gt;, but they aren’t nearly as cheap as they used to be… &lt;img class="emoji" data-emoji="sob" src="/local/components/assets/img/emoji/sob.svg" alt="😭" width="20" height="20" draggable="false" loading="lazy" decoding="async"&gt;&lt;/div&gt;&lt;/aside&gt;&lt;p&gt;There are some obvious ethical (and probably a few technical) problems with cheap clones of what is meant to be open-source hardware, but I figured it’d be fine for my small use case. Please &lt;a href="https://greatscottgadgets.com/hackrf/one"&gt;support the original hardware project&lt;/a&gt; if it’s within your means to!&lt;/p&gt;&lt;aside class="sticker-callout sticker-callout--left sticker-callout--default sticker-callout--flush"&gt;&lt;div class="sticker-callout-image"&gt;&lt;img src="/local/components/assets/img/stickers/paw.webp" alt="" class="sticker-callout-sticker" loading="lazy" decoding="async"&gt;&lt;/div&gt;&lt;div class="sticker-callout-body"&gt;As I kinda alluded to earlier, this makes the need for the RTL-SDR sort of redundant? But I guess it’s always good to have another SDR just to confirm that we’re not polluting other frequencies.&lt;/div&gt;&lt;/aside&gt;&lt;h2&gt;Actually Yelling Back&lt;/h2&gt;&lt;p&gt;With the HackRF in hand, we can use the &lt;a href="https://manpages.debian.org/unstable/hackrf/hackrf_transfer.1.en.html"&gt;hackrf_transfer tool&lt;/a&gt; to record signals and, most importantly, &lt;em&gt;replay&lt;/em&gt; signals. I perform these commands and then press the appropriate controls on the thermostat to write the signals to individual files:&lt;/p&gt;&lt;pre&gt;&lt;code data-lang="bash"&gt;&lt;em&gt;&lt;span style="color: #8f8a85"&gt;#&lt;/span&gt;&lt;/em&gt;&lt;em&gt;&lt;span style="color: #8f8a85"&gt; We set the frequency to 868.3Mhz and the sample rate to 2000000.&lt;/span&gt;&lt;/em&gt;
&lt;span style="color: #f0c8cc"&gt;hackrf_transfer&lt;/span&gt;&lt;span style="color: #b8b4b0"&gt; -&lt;/span&gt;&lt;span style="color: #f0c8cc"&gt;r&lt;/span&gt; turn_off.raw&lt;span style="color: #b8b4b0"&gt; -&lt;/span&gt;&lt;span style="color: #f0c8cc"&gt;f&lt;/span&gt; 868300000&lt;span style="color: #b8b4b0"&gt; -&lt;/span&gt;&lt;span style="color: #f0c8cc"&gt;s&lt;/span&gt; 2000000
&lt;span style="color: #f0c8cc"&gt;hackrf_transfer&lt;/span&gt;&lt;span style="color: #b8b4b0"&gt; -&lt;/span&gt;&lt;span style="color: #f0c8cc"&gt;r&lt;/span&gt; turn_on.raw&lt;span style="color: #b8b4b0"&gt; -&lt;/span&gt;&lt;span style="color: #f0c8cc"&gt;f&lt;/span&gt; 868300000&lt;span style="color: #b8b4b0"&gt; -&lt;/span&gt;&lt;span style="color: #f0c8cc"&gt;s&lt;/span&gt; 2000000&lt;/code&gt;&lt;/pre&gt;&lt;p&gt;And then we can try and turn the boiler off and on from CLI like this:&lt;/p&gt;&lt;pre&gt;&lt;code data-lang="bash"&gt;&lt;em&gt;&lt;span style="color: #8f8a85"&gt;#&lt;/span&gt;&lt;/em&gt;&lt;em&gt;&lt;span style="color: #8f8a85"&gt; We use -a to turn on the amplifier and -x to increase the gain a tad.&lt;/span&gt;&lt;/em&gt;
&lt;span style="color: #f0c8cc"&gt;hackrf_transfer&lt;/span&gt;&lt;span style="color: #b8b4b0"&gt; -&lt;/span&gt;&lt;span style="color: #f0c8cc"&gt;t&lt;/span&gt; turn_off.raw&lt;span style="color: #b8b4b0"&gt; -&lt;/span&gt;&lt;span style="color: #f0c8cc"&gt;f&lt;/span&gt; 868300000&lt;span style="color: #b8b4b0"&gt; -&lt;/span&gt;&lt;span style="color: #f0c8cc"&gt;s&lt;/span&gt; 2000000&lt;span style="color: #b8b4b0"&gt; -&lt;/span&gt;&lt;span style="color: #f0c8cc"&gt;a&lt;/span&gt; 1&lt;span style="color: #b8b4b0"&gt; -&lt;/span&gt;&lt;span style="color: #f0c8cc"&gt;x&lt;/span&gt; 23
&lt;span style="color: #f0c8cc"&gt;hackrf_transfer&lt;/span&gt;&lt;span style="color: #b8b4b0"&gt; -&lt;/span&gt;&lt;span style="color: #f0c8cc"&gt;t&lt;/span&gt; turn_on.raw&lt;span style="color: #b8b4b0"&gt; -&lt;/span&gt;&lt;span style="color: #f0c8cc"&gt;f&lt;/span&gt; 868300000&lt;span style="color: #b8b4b0"&gt; -&lt;/span&gt;&lt;span style="color: #f0c8cc"&gt;s&lt;/span&gt; 2000000&lt;span style="color: #b8b4b0"&gt; -&lt;/span&gt;&lt;span style="color: #f0c8cc"&gt;a&lt;/span&gt; 1&lt;span style="color: #b8b4b0"&gt; -&lt;/span&gt;&lt;span style="color: #f0c8cc"&gt;x&lt;/span&gt; 23&lt;/code&gt;&lt;/pre&gt;&lt;p&gt;After doing this, I could hear the physical relay inside of my boiler turning on and off!&lt;/p&gt;&lt;h2&gt;Automating The Whole Thing&lt;/h2&gt;&lt;figure class="media-figure"&gt;&lt;div class="media-figure-body"&gt;&lt;img src="/assets/img/posts/attacking-my-landlords-boiler/hackrf_horizontal.webp" alt="A HackRF clone in a black 3D-printed case with its antenna attached, plugged into a server by USB." loading="lazy" decoding="async" width="1500" height="739"&gt;&lt;/div&gt;&lt;figcaption&gt;My HackRF clone in a 3D printed case, plugged into the server.&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;I have the HackRF plugged into a powered USB hub connected to my Home Assistant server. I wrote a very basic web server that simply shells out to the transmit commands above in a Docker container.&lt;/p&gt;&lt;p&gt;Then with an &lt;a href="https://github.com/Limych/ha-average"&gt;Average Sensor Plugin&lt;/a&gt; and the config YAML below:&lt;/p&gt;&lt;pre&gt;&lt;code data-lang="yaml"&gt;&lt;span style="color: #8ec8f0"&gt;command_line&lt;/span&gt;&lt;span style="color: #b8b4b0"&gt;:&lt;/span&gt;
&lt;span style="color: #b8b4b0"&gt;-&lt;/span&gt; &lt;span style="color: #8ec8f0"&gt;switch&lt;/span&gt;&lt;span style="color: #b8b4b0"&gt;:&lt;/span&gt;
&lt;span style="color: #8ec8f0"&gt;name&lt;/span&gt;&lt;span style="color: #b8b4b0"&gt;:&lt;/span&gt; &lt;span style="color: #e3b46f"&gt;Boiler&lt;/span&gt;
&lt;span style="color: #8ec8f0"&gt;command_on&lt;/span&gt;&lt;span style="color: #b8b4b0"&gt;:&lt;/span&gt; &lt;span style="color: #e3b46f"&gt;"&lt;/span&gt;&lt;span style="color: #e3b46f"&gt;curl http://docker-vm:1111/api/on&lt;/span&gt;&lt;span style="color: #e3b46f"&gt;"&lt;/span&gt;
&lt;span style="color: #8ec8f0"&gt;command_off&lt;/span&gt;&lt;span style="color: #b8b4b0"&gt;:&lt;/span&gt; &lt;span style="color: #e3b46f"&gt;"&lt;/span&gt;&lt;span style="color: #e3b46f"&gt;curl http://docker-vm:1111/api/off&lt;/span&gt;&lt;span style="color: #e3b46f"&gt;"&lt;/span&gt;
&lt;span style="color: #8ec8f0"&gt;sensor&lt;/span&gt;&lt;span style="color: #b8b4b0"&gt;:&lt;/span&gt;
&lt;span style="color: #b8b4b0"&gt;-&lt;/span&gt; &lt;span style="color: #8ec8f0"&gt;platform&lt;/span&gt;&lt;span style="color: #b8b4b0"&gt;:&lt;/span&gt; &lt;span style="color: #e3b46f"&gt;average&lt;/span&gt;
&lt;span style="color: #8ec8f0"&gt;name&lt;/span&gt;&lt;span style="color: #b8b4b0"&gt;:&lt;/span&gt; &lt;span style="color: #e3b46f"&gt;"&lt;/span&gt;&lt;span style="color: #e3b46f"&gt;Average Temperature&lt;/span&gt;&lt;span style="color: #e3b46f"&gt;"&lt;/span&gt;
&lt;span style="color: #8ec8f0"&gt;entities&lt;/span&gt;&lt;span style="color: #b8b4b0"&gt;:&lt;/span&gt;
&lt;span style="color: #b8b4b0"&gt;-&lt;/span&gt; &lt;span style="color: #e3b46f"&gt;sensor.bedroom_thermostat_temperature&lt;/span&gt;
&lt;span style="color: #b8b4b0"&gt;-&lt;/span&gt; &lt;span style="color: #e3b46f"&gt;sensor.kitchen_thermostat_temperature&lt;/span&gt;
&lt;span style="color: #8ec8f0"&gt;climate&lt;/span&gt;&lt;span style="color: #b8b4b0"&gt;:&lt;/span&gt;
&lt;span style="color: #b8b4b0"&gt;-&lt;/span&gt; &lt;span style="color: #8ec8f0"&gt;platform&lt;/span&gt;&lt;span style="color: #b8b4b0"&gt;:&lt;/span&gt; &lt;span style="color: #e3b46f"&gt;generic_thermostat&lt;/span&gt;
&lt;span style="color: #8ec8f0"&gt;name&lt;/span&gt;&lt;span style="color: #b8b4b0"&gt;:&lt;/span&gt; &lt;span style="color: #e3b46f"&gt;Boiler Thermostat&lt;/span&gt;
&lt;span style="color: #8ec8f0"&gt;heater&lt;/span&gt;&lt;span style="color: #b8b4b0"&gt;:&lt;/span&gt; &lt;span style="color: #e3b46f"&gt;switch.boiler&lt;/span&gt;
&lt;span style="color: #8ec8f0"&gt;target_sensor&lt;/span&gt;&lt;span style="color: #b8b4b0"&gt;:&lt;/span&gt; &lt;span style="color: #e3b46f"&gt;sensor.average_temperature&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;figure class="media-figure media-figure--video"&gt;&lt;div class="media-figure-body"&gt;&lt;video src="/assets/videos/boiler_working.mp4" class="media-video" controls="" preload="metadata" playsinline="" width="1280" height="720"&gt;&lt;/video&gt;&lt;/div&gt;&lt;/figure&gt;&lt;p&gt;We have a working controllable thermostat! &lt;img class="emoji emoji--mutant" data-emoji="mind_blown" src="/local/components/assets/img/mutant/expressions/smileys/typical/mind_blown.svg" alt="🤯" width="20" height="20" draggable="false" loading="lazy" decoding="async"&gt;&lt;/p&gt;&lt;p&gt;At this point I was just happy to have the thing &lt;em&gt;working&lt;/em&gt; after so many months, so I’ll be the first to admit this setup with Home Assistant is a bit slapdash and could use some cleanup. It’d be better to write a proper plugin and control the radio directly instead of shelling out to the CLI. Relying on &lt;code&gt;curl&lt;/code&gt; to heat my apartment is maybe a bit cursed?&lt;/p&gt;&lt;h2&gt;Was It Worth It?&lt;/h2&gt;&lt;figure class="media-figure"&gt;&lt;div class="media-figure-body"&gt;&lt;img src="/assets/img/posts/attacking-my-landlords-boiler/boiler_grafana.webp" alt="A Grafana graph of room temperatures over several days, tracking closely behind the target temperature line." loading="lazy" decoding="async" width="1500" height="1104"&gt;&lt;/div&gt;&lt;figcaption&gt;Grafana graph showing the temperatures following the target one.&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;I’ve been using this setup to control the heating of my apartment since the beginning of December and haven’t had any issues since! It’s super convenient to dial in the temperature from my phone, and the automations I have make me feel like this project was really worth the work.&lt;/p&gt;&lt;p&gt;I have some basic automations like having the temperature go down when I’m sleeping and then up in the morning in time for me waking up, but I also have it so the heating turns off when I go into town and turns back on when I’m just a few train stops away so my place is nice and toasty for me getting home!&lt;/p&gt;&lt;p&gt;The only thing I’m not happy with is needing to use a very powerful and versatile radio like the HackRF for something as simple as a boiler on/off switch. But I’d rather use something overkill and have it work than spend ages trying to force smaller radios to do my bidding.&lt;/p&gt;&lt;p&gt;The important thing is I’m not as cold as I used to be! &lt;img class="emoji" data-emoji="awoo" src="/local/components/assets/img/emoji/awoo.svg" alt="🐺" width="20" height="20" draggable="false" loading="lazy" decoding="async"&gt;&lt;/p&gt;&lt;div class="rantsona" aria-hidden="true"&gt;&lt;img src="/local/components/assets/img/rantsona/videah.webp" alt="" class="rantsona-img" loading="lazy" decoding="async" width="447" height="596"&gt;&lt;/div&gt;&lt;/div&gt;&lt;aside class="discussion-note"&gt;&lt;span class="discussion-note-label"&gt;Discuss&lt;/span&gt;&lt;p class="discussion-note-body"&gt;There’s no comment section here sadly — the UK’s &lt;a href="https://en.wikipedia.org/wiki/Online_Safety_Act_2023"&gt;Online Safety Act&lt;/a&gt; makes running one on a small personal blog more legal exposure than it’s worth.&lt;/p&gt;&lt;div class="discussion-note-actions"&gt;&lt;sequoia-recommend hide="auto"&gt;&lt;/sequoia-recommend&gt;&lt;/div&gt;&lt;/aside&gt;</content:encoded></item><item><title>My E-Reader Setup</title><link>https://videah.net/posts/my-e-reader-setup</link><guid isPermaLink="true">https://videah.net/posts/my-e-reader-setup</guid><pubDate>Thu, 10 Aug 2023 00:00:00 GMT</pubDate><dc:creator>videah</dc:creator><description>A bundle of notes on the over-engineered way I read books now.</description><content:encoded>&lt;div class="page-body page-body--rantsona"&gt;&lt;h1 class="post-title"&gt;My E-Reader Setup&lt;/h1&gt;&lt;p&gt;&lt;img src="/assets/img/banners/my-e-reader-setup.webp" alt="A Kobo Libra 2 e-reader sitting on some grass with my fursona on the screen saying 'Howdy!'" class="post-banner" fetchpriority="high" decoding="async" width="1500" height="500"&gt;&lt;/p&gt;&lt;p class="post-meta"&gt;Posted on August 10, 2023&lt;/p&gt;&lt;aside class="sticker-callout sticker-callout--left sticker-callout--info"&gt;&lt;div class="sticker-callout-image"&gt;&lt;img src="/local/components/assets/img/stickers/pixel-normal.webp" alt="" class="sticker-callout-sticker" loading="lazy" decoding="async"&gt;&lt;/div&gt;&lt;div class="sticker-callout-body"&gt;&lt;p&gt;&lt;strong&gt;This post is from a legacy version of this blog!&lt;/strong&gt;&lt;/p&gt;&lt;p&gt;No changes have been made to the content in the migration, so things might read weird.&lt;/p&gt;&lt;/div&gt;&lt;/aside&gt;&lt;p&gt;I bought an e-reader recently, specifically the &lt;a href="https://uk.kobobooks.com/products/kobo-libra-2"&gt;Kobo Libra 2&lt;/a&gt;. I felt like I wasn’t reading books/manga as much as I wanted and I think the convenience of being able to carry my entire library around with me will help with that. I own an iPad Pro but I wanted a device I didn’t need to think about charging that often and wouldn’t give me eye strain.&lt;/p&gt;&lt;p&gt;This post is a bundle of notes about my current reading setup.&lt;/p&gt;&lt;aside class="sticker-callout sticker-callout--left sticker-callout--default sticker-callout--flush"&gt;&lt;div class="sticker-callout-image"&gt;&lt;img src="/local/components/assets/img/stickers/concerned.webp" alt="" class="sticker-callout-sticker" loading="lazy" decoding="async"&gt;&lt;/div&gt;&lt;div class="sticker-callout-body"&gt;I had owned a Kindle Paperwhite before but it was so locked down that I couldn’t find any joy out of using it since I was forced to use it how Amazon product managers wanted me to.&lt;/div&gt;&lt;/aside&gt;&lt;h2&gt;The Libra 2&lt;/h2&gt;&lt;p&gt;I spent several hours doing research and I think the Libra 2 is the best device on the market at the moment, at least for my needs.&lt;/p&gt;&lt;p&gt;I picked it up in white to try and make an important psychological distiction. I wanted it to differ from every other electronic rectangle I own and treat it more like a nice book rather than a computer that will inevitably make me angry. Which all things considered is quite funny with all the computer nonsense I ended up doing to it.&lt;/p&gt;&lt;p&gt;It’s got a 7-inch screen which is a little shy of the perfect &lt;a href="https://en.wikipedia.org/wiki/Tank%C5%8Dbon"&gt;Tankōbon volume&lt;/a&gt; size, but close enough that manga is comfortable to read. I remember reading somewhere that the screen has one of the best contrast ratios in an e-reader and it is indeed very good.&lt;/p&gt;&lt;figure class="media-figure"&gt;&lt;div class="media-figure-body"&gt;&lt;img src="/assets/img/posts/my-e-reader-setup/uzumaki.webp" alt="A page of Junji Ito's Uzumaki manga displayed on the Libra 2's e-ink screen." loading="lazy" decoding="async" width="768" height="1024"&gt;&lt;/div&gt;&lt;figcaption&gt;The lineart of Junji Ito’s Uzumaki looks very crisp on this display.&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;Navigation buttons are a dying breed in the e-reader space but I really can’t live without them. Using a touchscreen to navigate is &lt;em&gt;hateful&lt;/em&gt; and is really fake skeumorphism. You can pretend all you want but it does not feel like you are flipping a page! Thankfully the Libra 2 has two buttons on the side where you hold it so you can go back and forth with just one hand.&lt;/p&gt;&lt;p&gt;I got the very overpriced official &lt;a href="https://uk.kobobooks.com/products/kobo-libra-2-sleepcover"&gt;SleepCover&lt;/a&gt; case in orange. Matches my iPad case. Stops the plastic from making flexing sounds. It can let your e-reader stand upright for some reason.&lt;/p&gt;&lt;h2&gt;Book Management&lt;/h2&gt;&lt;p&gt;The only real book management software in town for e-readers is &lt;a href="https://calibre-ebook.com"&gt;Calibre&lt;/a&gt; but it’s stuck in the late 2000′s UNIX school of UI design and I reaaally don’t want to deal with that kind of thing anymore. I want organising my books to feel comfy. I also don’t want it to depend on having my laptop with me, constantly wiring it to my e-reader to sync new books.&lt;/p&gt;&lt;figure class="media-figure"&gt;&lt;div class="media-figure-body"&gt;&lt;img src="/assets/img/posts/my-e-reader-setup/calibre.webp" alt="Calibre's main window on macOS, dense with toolbar buttons, columns and side panels." loading="lazy" decoding="async" width="1140" height="941"&gt;&lt;/div&gt;&lt;figcaption&gt;Calibre on macOS. It is very noisy.&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;It’s not perfect but &lt;a href="https://github.com/janeczku/calibre-web"&gt;Calibre-Web&lt;/a&gt; works better for me. Despite the confusing name it’s a completely distinct project that just happens to be compatible with Calibre’s database format. I have it hosted on my personal VPS so I can access it anywhere and can give friends access if I need to. It’s not quite Plex for books but it is close. The bootstrap UI is a little dated but it works for what I need.&lt;/p&gt;&lt;aside class="sticker-callout sticker-callout--left sticker-callout--default sticker-callout--flush"&gt;&lt;div class="sticker-callout-image"&gt;&lt;img src="/local/components/assets/img/stickers/paw.webp" alt="" class="sticker-callout-sticker" loading="lazy" decoding="async"&gt;&lt;/div&gt;&lt;div class="sticker-callout-body"&gt;I’m keeping my eye on a relatively new project called &lt;a href="https://github.com/Librum-Reader/Librum"&gt;Librum&lt;/a&gt; that’s in its infancy. If it matures it promises some nice features like syncing reading positions and its own dedicated client.&lt;/div&gt;&lt;/aside&gt;&lt;h2&gt;Reader Software&lt;/h2&gt;&lt;p&gt;The default reader software the Libra 2 comes with is called Nickel and it’s fine. It looks and runs ok enough and the built in Kobo Sync functionality can be tweaked to work with my Calibre-Web instance by replacing the endpoint in a config file, which I have to give Rakuten props for letting you do.&lt;/p&gt;&lt;p&gt;But sideloaded files can be very broken. I was half way through a book before I realised Nickel was just throwing all of my notes and highlights into the void whenever I closed it, which was very rude. This is apparently a common problem that’s been around for a while and it seems Rakuten have no plan to fix it anytime soon.&lt;/p&gt;&lt;p&gt;I went looking around for some open source alternatives. Most people reach for &lt;a href="https://koreader.rocks"&gt;KOReader&lt;/a&gt;. It runs on pretty much everything and is packed with an ungodly amount of features and has a steady community built around it.&lt;/p&gt;&lt;figure class="media-figure"&gt;&lt;div class="media-figure-body"&gt;&lt;img src="/assets/img/posts/my-e-reader-setup/ereader_ui.webp" alt="Side by side: KOReader's file-manager style library next to Plato's cover-grid library view." loading="lazy" decoding="async" width="1500" height="986"&gt;&lt;/div&gt;&lt;figcaption&gt;Comparing library views for KOReader and Plato.&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;But if I’m being honest I just can’t find any enjoyment using it. The user interface just isn’t up to snuff. It feels impossible to navigate and there is no real library view, only a file manager. When I’m holding my e-reader I don’t want to be reminded that it is a computer all the time. It’s meant to be a book!&lt;/p&gt;&lt;p&gt;I came across &lt;a href="https://github.com/baskerville/plato"&gt;Plato&lt;/a&gt; which is made exclusively for Kobo devices and worked on by the guy responsible for bspwm. It’s really fast and responsive, more so than Nickel even. The UI is pretty much exactly what I’m looking for. It’s not nearly as feature complete as KOReader but it’s written in Rust which is a language I feel confident enough in to tweak and implement things to my hearts desire. &lt;a href="https://github.com/baskerville/plato/pull/323"&gt;I’ve already made a small change that got merged upstream too!&lt;/a&gt;&lt;/p&gt;&lt;h2&gt;Syncing&lt;/h2&gt;&lt;p&gt;Originally I was using Kobo Sync with the endpoint changed to point to my Calibre-Web instance to sync my books wirelessly. But it was buggy and slow and could only pull in KEPUB files.&lt;/p&gt;&lt;p&gt;Plato has a built in &lt;a href="https://github.com/baskerville/plato/blob/master/doc/HOOKS.md"&gt;hook system&lt;/a&gt; that lets you run arbitrary binaries when a directory is opened. Using this I wrote a small CLI tool that just pulls every book that hasn’t been downloaded yet from my Calibre-Web instance using the &lt;a href="https://en.wikipedia.org/wiki/Open_Publication_Distribution_System"&gt;OPDS protocol&lt;/a&gt;.&lt;/p&gt;&lt;aside class="sticker-callout sticker-callout--left sticker-callout--default sticker-callout--flush"&gt;&lt;div class="sticker-callout-image"&gt;&lt;img src="/local/components/assets/img/stickers/poggers.webp" alt="" class="sticker-callout-sticker" loading="lazy" decoding="async"&gt;&lt;/div&gt;&lt;div class="sticker-callout-body"&gt;I’ve stuck the code for this tool up on &lt;a href="https://github.com/videah/plato-opds"&gt;my Github&lt;/a&gt; if anyone else is interested in using it!&lt;/div&gt;&lt;/aside&gt;&lt;p&gt;In the future I would like to take advantage of this hook system to also sync reading positions and other metadata Plato stores.&lt;/p&gt;&lt;h2&gt;Tailscale VPN&lt;/h2&gt;&lt;p&gt;I love plugging as many of my devices into my Tailscale network as I can and I thought it’d be a fun little project to try and get it running on the Libra 2. Someone had already done most of the work by &lt;a href="https://dstaley.com/posts/tailscale-on-kobo-sage"&gt;getting it to run on the Kobo Sage&lt;/a&gt;.&lt;/p&gt;&lt;p&gt;It turns out it’s a little harder for the Libra, I had to spend a ridiculous amount of time compiling some missing kernel modules in a horrendously slow emulated x86 emulator just to get this thing running. The joys of owning an ARM laptop. I think being able to type &lt;code&gt;ping kobo&lt;/code&gt; and have it Just Work makes all the hours spent worthwhile though &lt;img class="emoji emoji--mutant" data-emoji="relaxed" src="/local/components/assets/img/mutant/expressions/smileys/typical/relaxed.svg" alt="☺️" width="20" height="20" draggable="false" loading="lazy" decoding="async"&gt;&lt;/p&gt;&lt;aside class="sticker-callout sticker-callout--left sticker-callout--default sticker-callout--flush"&gt;&lt;div class="sticker-callout-image"&gt;&lt;img src="/local/components/assets/img/stickers/poggers.webp" alt="" class="sticker-callout-sticker" loading="lazy" decoding="async"&gt;&lt;/div&gt;&lt;div class="sticker-callout-body"&gt;I packaged all the work I done up nicely in an &lt;a href="https://github.com/videah/kobo-tailscale"&gt;install script&lt;/a&gt; so it should be dead easy to get this working on your Libra 2 as well.&lt;/div&gt;&lt;/aside&gt;&lt;p&gt;Tailscale has a built in &lt;a href="https://tailscale.com/kb/1106/taildrop"&gt;AirDrop-esque file transfer feature&lt;/a&gt; that I find really useful for quickly sending PDFs to my e-reader that I don’t necessarily want to be a permanent part of my library.&lt;/p&gt;&lt;figure class="media-figure"&gt;&lt;div class="media-figure-body"&gt;&lt;img src="/assets/img/posts/my-e-reader-setup/taildrop.webp" alt="macOS share sheet sending a PDF to the device named 'kobo' over Taildrop." loading="lazy" decoding="async" width="892" height="582"&gt;&lt;/div&gt;&lt;figcaption&gt;Sending a PDF remotely with one click with TailDrop.&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;Unfortunately I couldn’t get Tailscale SSH working which was one of the main reasons I attempted this in the first place &lt;img class="emoji emoji--mutant" data-emoji="crying" src="/local/components/assets/img/mutant/expressions/smileys/typical/crying.svg" alt="😢" width="20" height="20" draggable="false" loading="lazy" decoding="async"&gt; I’m not sure why but my first guess would be that I need iptable packet filtering but that would require swapping out the whole kernel which I don’t feel comfortable doing at the moment. Maybe some day though.&lt;/p&gt;&lt;h2&gt;SSH&lt;/h2&gt;&lt;p&gt;The Libra 2 only has telnet support out of the box behind a developer cheat code (typing devmodeon into the search bar) which is fine because I’d be using it over a Tailscale wireguard connection anyway. My threat model doesn’t exactly involve people bruteforcing telnet over public WiFi just to steal my furry books. But for completions sake I stuck the &lt;a href="https://matt.ucc.asn.au/dropbear/dropbear.html"&gt;Dropbear SSH server&lt;/a&gt; on mine and then disabled telnet.&lt;/p&gt;&lt;h2&gt;Storage&lt;/h2&gt;&lt;p&gt;The Libra 2 has 32gb of internal storage which is pretty huge for books considering how small EPUBs usually are. But I like reading manga which can be pretty hefty. An average volume is 200mb, with stuff like Uzumaki coming in at 800mb. What if I need to store every uncompressed volume of One Piece for offline reading in the event of the apocalypse?&lt;/p&gt;&lt;p&gt;Most e-readers treat manga as secondary to books and rarely offer higher storage options or mini-SD card slots anymore. Thankfully the Libra 2 has a mini-SD slot… it’s just an internal one not meant to be user accessable 🫠&lt;/p&gt;&lt;figure class="media-figure"&gt;&lt;div class="media-figure-body"&gt;&lt;img src="/assets/img/posts/my-e-reader-setup/libra2_internals.webp" alt="The opened back of a Kobo Libra 2 showing its circuit board, with the internal SD card slot circled in red." loading="lazy" decoding="async" width="1440" height="1630"&gt;&lt;/div&gt;&lt;figcaption&gt;Libra 2 internals, SD card highlighted in the red circle.&lt;br&gt;Image taken by &lt;a href="https://www.mobileread.com/forums/showthread.php?t=342428"&gt;MobileRead user ‘supermighty’&lt;/a&gt;&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;This is better than not being able to upgrade the storage at all though and was actually one of the main things that pushed me in the Libra 2′s direction when doing research. Someone on the MobileRead forums &lt;a href="https://www.mobileread.com/forums/showthread.php?t=348546"&gt;replaced the SD card and posted instructions on how to do so.&lt;/a&gt;&lt;/p&gt;&lt;p&gt;I haven’t done this for mine yet but I plan on giving it a shot and sticking something utterly ridiculous like 512gb or 1tb in there. It seems like a pretty risky/messy mod to do though, the slot and card are caked in waterproofing glue that you’ll need to reapply afterwards if you’re like me and enjoy reading in the bath.&lt;/p&gt;&lt;p&gt;Even if this seems excessive it does let me sleep easier at night knowing I can replace the internal storage in the event it somehow fries itself.&lt;/p&gt;&lt;h2&gt;Dictionary&lt;/h2&gt;&lt;p&gt;This is a feature I didn’t know I wanted till I used it. It’s a pretty big leg-up over reading physical books when I can easily hold down on a word I’m not sure about.&lt;/p&gt;&lt;p&gt;I’m using the &lt;a href="https://github.com/BoboTiG/ebook-reader-dict"&gt;ebook-reader-dict&lt;/a&gt; project which is based on Wiktionary since that’s the one Plato recommends and is designed to work with. Unfortunately it’s a bit hit or miss. I’m not too happy about the quality of the definitions sometimes, I’ll probably look at alternatives at some point.&lt;/p&gt;&lt;aside class="sticker-callout sticker-callout--left sticker-callout--default sticker-callout--flush"&gt;&lt;div class="sticker-callout-image"&gt;&lt;img src="/local/components/assets/img/stickers/plushie.webp" alt="" class="sticker-callout-sticker" loading="lazy" decoding="async"&gt;&lt;/div&gt;&lt;div class="sticker-callout-body"&gt;Plato renders the definitions without any padding which looks a bit weird. I can probably fix this easily in the code later though. Feels good using open source software sometimes.&lt;/div&gt;&lt;/aside&gt;&lt;h2&gt;Font&lt;/h2&gt;&lt;p&gt;For reading, I use the font &lt;a href="https://brailleinstitute.org/freefont"&gt;Atkinson Hyperlegible&lt;/a&gt; which you might know from &lt;a href="https://cohost.org"&gt;Cohost&lt;/a&gt;, but it’s also used by the very blog you’re looking at now! I’ve fallen in love with it as it’s really easy to read even when the text is very small. Very pretty and accessible.&lt;/p&gt;&lt;div class="rantsona" aria-hidden="true"&gt;&lt;img src="/local/components/assets/img/rantsona/videah.webp" alt="" class="rantsona-img" loading="lazy" decoding="async" width="447" height="596"&gt;&lt;/div&gt;&lt;/div&gt;&lt;aside class="discussion-note"&gt;&lt;span class="discussion-note-label"&gt;Discuss&lt;/span&gt;&lt;p class="discussion-note-body"&gt;There’s no comment section here sadly — the UK’s &lt;a href="https://en.wikipedia.org/wiki/Online_Safety_Act_2023"&gt;Online Safety Act&lt;/a&gt; makes running one on a small personal blog more legal exposure than it’s worth.&lt;/p&gt;&lt;div class="discussion-note-actions"&gt;&lt;sequoia-recommend hide="auto"&gt;&lt;/sequoia-recommend&gt;&lt;/div&gt;&lt;/aside&gt;</content:encoded></item><item><title>Web Push Pitfall</title><link>https://videah.net/posts/web-push-pitfall</link><guid isPermaLink="true">https://videah.net/posts/web-push-pitfall</guid><pubDate>Thu, 30 Mar 2023 00:00:00 GMT</pubDate><dc:creator>videah</dc:creator><description>Something they don't tend to tell you about implementing Web Push notifications...</description><content:encoded>&lt;div class="page-body page-body--rantsona"&gt;&lt;h1 class="post-title"&gt;Web Push Pitfall&lt;/h1&gt;&lt;p class="post-meta"&gt;Posted on March 30, 2023&lt;/p&gt;&lt;aside class="sticker-callout sticker-callout--left sticker-callout--info"&gt;&lt;div class="sticker-callout-image"&gt;&lt;img src="/local/components/assets/img/stickers/pixel-normal.webp" alt="" class="sticker-callout-sticker" loading="lazy" decoding="async"&gt;&lt;/div&gt;&lt;div class="sticker-callout-body"&gt;&lt;p&gt;&lt;strong&gt;This post is from a legacy version of this blog!&lt;/strong&gt;&lt;/p&gt;&lt;p&gt;No changes have been made to the content in the migration, so things might read weird.&lt;/p&gt;&lt;/div&gt;&lt;/aside&gt;&lt;p&gt;Whilst implementing Web Push notifications for my toy Q&amp;amp;A service &lt;a href="https://github.com/videah/curiouswolf"&gt;curiouswolf&lt;/a&gt; I ran into an issue that led to me being stumped for hours. I was successfully receiving notifications from my server when using Chrome, but no matter what Safari was not playing ball.&lt;/p&gt;&lt;p&gt;Web Push requires the browser maintainers to run a notification endpoint. For example, when you use Google Chrome and you enable notifications on a page, your &lt;em&gt;encrypted&lt;/em&gt; notifications get funneled through a server Google controls. In the case of Safari however, their endpoint was returning &lt;code&gt;BadJwtToken&lt;/code&gt; for me despite it being considered valid by Google.&lt;/p&gt;&lt;h2&gt;The Solution&lt;/h2&gt;&lt;p&gt;It turns out that Apple (and Mozilla apparently) require you to include a &lt;code&gt;sub&lt;/code&gt; claim in your JWT with a method of contact (such as an email) for them to consider it valid.&lt;/p&gt;&lt;p&gt;If you are providing an email, the &lt;code&gt;sub&lt;/code&gt; claim should be prefixed with &lt;code&gt;mailto:&lt;/code&gt;&lt;/p&gt;&lt;pre&gt;&lt;code data-lang="json"&gt;&lt;span style="color: #b8b4b0"&gt;{&lt;/span&gt;
&lt;span style="color: #e3b46f"&gt;"&lt;/span&gt;&lt;span style="color: #e3b46f"&gt;sub&lt;/span&gt;&lt;span style="color: #e3b46f"&gt;"&lt;/span&gt;&lt;span style="color: #b8b4b0"&gt;:&lt;/span&gt; &lt;span style="color: #e3b46f"&gt;"&lt;/span&gt;&lt;span style="color: #e3b46f"&gt;mailto:admin@example.com&lt;/span&gt;&lt;span style="color: #e3b46f"&gt;"&lt;/span&gt;&lt;span style="color: #b8b4b0"&gt;,&lt;/span&gt; &lt;em&gt;&lt;span style="color: #8f8a85"&gt;//&lt;/span&gt;&lt;/em&gt;&lt;em&gt;&lt;span style="color: #8f8a85"&gt; &amp;lt;-- The important part&lt;/span&gt;&lt;/em&gt;
&lt;span style="color: #e3b46f"&gt;"&lt;/span&gt;&lt;span style="color: #e3b46f"&gt;aud&lt;/span&gt;&lt;span style="color: #e3b46f"&gt;"&lt;/span&gt;&lt;span style="color: #b8b4b0"&gt;:&lt;/span&gt; &lt;span style="color: #e3b46f"&gt;"&lt;/span&gt;&lt;span style="color: #e3b46f"&gt;https://web.push.apple.com&lt;/span&gt;&lt;span style="color: #e3b46f"&gt;"&lt;/span&gt;&lt;span style="color: #b8b4b0"&gt;,&lt;/span&gt;
&lt;span style="color: #e3b46f"&gt;"&lt;/span&gt;&lt;span style="color: #e3b46f"&gt;exp&lt;/span&gt;&lt;span style="color: #e3b46f"&gt;"&lt;/span&gt;&lt;span style="color: #b8b4b0"&gt;:&lt;/span&gt; &lt;span style="color: #e3b46f"&gt;"&lt;/span&gt;&lt;span style="color: #e3b46f"&gt;1680135079&lt;/span&gt;&lt;span style="color: #e3b46f"&gt;"&lt;/span&gt;
&lt;span style="color: #b8b4b0"&gt;}&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;p&gt;The reasoning behind this is to provide the operator of the endpoint with a means of contacting you if there’s an issue. However, this technically goes against the Web Push spec, and it’s frustrating that something like this isn’t spelled out clearly in Apple or Mozilla’s technical documentation.&lt;/p&gt;&lt;figure class="media-figure"&gt;&lt;div class="media-figure-body"&gt;&lt;a href="https://datatracker.ietf.org/doc/html/draft-thomson-webpush-vapid#section-2.1" target="_blank" rel="noopener noreferrer"&gt;&lt;img src="/assets/img/posts/web-push-pitfall/rfc.webp" alt="An excerpt of the VAPID draft RFC: the sub claim SHOULD include a contact URI for the application server, and MAY be omitted." loading="lazy" decoding="async" width="735" height="158"&gt;&lt;/a&gt;&lt;/div&gt;&lt;figcaption&gt;Notice the emphasis on the word MAY&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;Apple quite regularly leave important information out of their docs for web APIs like this, but it’s really messed up that the only place Mozilla talk about this is in a &lt;a href="https://blog.mozilla.org/services/2016/08/23/sending-vapid-identified-webpush-notifications-via-mozillas-push-service/"&gt;blog post from 2016.&lt;/a&gt;&lt;/p&gt;&lt;div class="rantsona" aria-hidden="true"&gt;&lt;img src="/local/components/assets/img/rantsona/videah.webp" alt="" class="rantsona-img" loading="lazy" decoding="async" width="447" height="596"&gt;&lt;/div&gt;&lt;/div&gt;&lt;aside class="discussion-note"&gt;&lt;span class="discussion-note-label"&gt;Discuss&lt;/span&gt;&lt;p class="discussion-note-body"&gt;There’s no comment section here sadly — the UK’s &lt;a href="https://en.wikipedia.org/wiki/Online_Safety_Act_2023"&gt;Online Safety Act&lt;/a&gt; makes running one on a small personal blog more legal exposure than it’s worth.&lt;/p&gt;&lt;div class="discussion-note-actions"&gt;&lt;sequoia-recommend hide="auto"&gt;&lt;/sequoia-recommend&gt;&lt;/div&gt;&lt;/aside&gt;</content:encoded></item><item><title>Howdy, Is This Thing On?</title><link>https://videah.net/posts/i-have-a-blog-now</link><guid isPermaLink="true">https://videah.net/posts/i-have-a-blog-now</guid><pubDate>Mon, 14 Nov 2022 00:00:00 GMT</pubDate><dc:creator>videah</dc:creator><description>Since things are uh... collapsing? I thought it'd be a good idea to finally get my blog up and running.</description><content:encoded>&lt;div class="page-body page-body--rantsona"&gt;&lt;h1 class="post-title"&gt;Howdy, Is This Thing On?&lt;/h1&gt;&lt;p&gt;&lt;img src="/assets/img/banners/i-have-a-blog-now.webp" alt="my fursona panicking in front of a laptop surrounded by fire with text saying 'oh no' above" class="post-banner" fetchpriority="high" decoding="async" width="1500" height="500"&gt;&lt;/p&gt;&lt;p class="post-meta"&gt;Posted on November 14, 2022 • Banner by &lt;a href="https://twitter.com/mollowmollow"&gt;@mollowmollow&lt;/a&gt;&lt;/p&gt;&lt;aside class="sticker-callout sticker-callout--left sticker-callout--info"&gt;&lt;div class="sticker-callout-image"&gt;&lt;img src="/local/components/assets/img/stickers/pixel-normal.webp" alt="" class="sticker-callout-sticker" loading="lazy" decoding="async"&gt;&lt;/div&gt;&lt;div class="sticker-callout-body"&gt;&lt;p&gt;&lt;strong&gt;This post is from a legacy version of this blog!&lt;/strong&gt;&lt;/p&gt;&lt;p&gt;No changes have been made to the content in the migration, so things might read weird.&lt;/p&gt;&lt;/div&gt;&lt;/aside&gt;&lt;p&gt;Since things are uh… &lt;a href="https://www.theguardian.com/technology/2022/nov/12/elon-musk-twitter-chaos-enleashed"&gt;collapsing&lt;/a&gt;? I thought it’d be a good idea to finally get my blog up and running. Come in, get comfy and take a look around! Cozy right?&lt;/p&gt;&lt;h2&gt;Getting Started (Again)&lt;/h2&gt;&lt;p&gt;Ok admittedly, this is my 4th attempt at making a blog. This time I’m using &lt;a href="https://www.getzola.org"&gt;Zola&lt;/a&gt; which is like &lt;a href="https://gohugo.io"&gt;Hugo&lt;/a&gt; or &lt;a href="https://jekyllrb.com"&gt;Jekyll&lt;/a&gt; but more Rust-y and less JavaScript-y. I can’t make any comparisons beyond that because I haven’t used either, but my initial impressions of Zola are good! The theme you’re looking at I made from scratch using &lt;a href="https://tailwindcss.com"&gt;Tailwind&lt;/a&gt; which is the only way I can do frontend web stuff now.&lt;/p&gt;&lt;p&gt;I wanted to move away from what I had been using in the past (&lt;a href="https://ghost.org"&gt;Ghost&lt;/a&gt;) and have my blog sit in a git repo in plain text instead. How I currently have things set up means when I push any changes to the blog’s &lt;a href="https://github.com/videah/blog"&gt;GitHub&lt;/a&gt; repo an action runner will automatically build my site (in about 17ms!), compile &lt;a href="https://caddyserver.com"&gt;Caddy&lt;/a&gt;, embed the site into the binary using &lt;a href="https://github.com/mholt/caddy-embed"&gt;caddy-embed&lt;/a&gt; (in… a lot more than 17ms!), then finally push it as an image to DockerHub. My server will then see this new image, hot-swap it, and start serving my blog straight from memory!&lt;/p&gt;&lt;h2&gt;Little Gremlin&lt;/h2&gt;&lt;div class="rantsona-only"&gt;I hope you like my little &lt;a href="https://knowyourmeme.com/memes/rantsona"&gt;rantsona&lt;/a&gt; in the sidebar! He took the longest to get working out of everything if you can believe it. I can disable him on a per-article basis, you don’t have to worry about him &lt;img class="emoji emoji--mutant" data-emoji="thinking" src="/local/components/assets/img/mutant/expressions/smileys/typical/thinking.svg" alt="🤔" width="20" height="20" draggable="false" loading="lazy" decoding="async"&gt;-ing the more serious posts.&lt;/div&gt;&lt;div class="no-rantsona"&gt;You can’t see him unfortunately (try looking at this page on a larger screen) but I hope you like my little &lt;a href="https://knowyourmeme.com/memes/rantsona"&gt;rantsona&lt;/a&gt; in the sidebar! He took the longest to get working out of everything if you can believe it. I can disable him on a per-article basis, you don’t have to worry about him &lt;img class="emoji emoji--mutant" data-emoji="thinking" src="/local/components/assets/img/mutant/expressions/smileys/typical/thinking.svg" alt="🤔" width="20" height="20" draggable="false" loading="lazy" decoding="async"&gt;-ing the more serious posts.&lt;/div&gt;&lt;div class="rantsona" aria-hidden="true"&gt;&lt;img src="/local/components/assets/img/rantsona/videah.webp" alt="" class="rantsona-img" loading="lazy" decoding="async" width="447" height="596"&gt;&lt;/div&gt;&lt;/div&gt;&lt;aside class="discussion-note"&gt;&lt;span class="discussion-note-label"&gt;Discuss&lt;/span&gt;&lt;p class="discussion-note-body"&gt;There’s no comment section here sadly — the UK’s &lt;a href="https://en.wikipedia.org/wiki/Online_Safety_Act_2023"&gt;Online Safety Act&lt;/a&gt; makes running one on a small personal blog more legal exposure than it’s worth.&lt;/p&gt;&lt;div class="discussion-note-actions"&gt;&lt;sequoia-recommend hide="auto"&gt;&lt;/sequoia-recommend&gt;&lt;/div&gt;&lt;/aside&gt;</content:encoded></item></channel></rss>