Add ~~fonts~~ foooooonts!

2024-03-05 15:58:07 -06:00 · 2024-03-05 15:58:07 -06:00 · b976e6f768
commit b976e6f768
parent 8bccc2a611
13 changed files with 102 additions and 53 deletions
--- a/assets/AtkinsonHyperlegible-Regular.woff2
+++ b/assets/AtkinsonHyperlegible-Regular.woff2
--- a/assets/FiraCodeNerdFontMono-Regular.woff2
+++ b/assets/FiraCodeNerdFontMono-Regular.woff2
--- a/blog/feed.xml
+++ b/blog/feed.xml
@ -5,7 +5,7 @@
  <title>askiiart.net blog</title>
  <description>The feed for askiiart.net but just the blog, I guess</description>
  <link>https://askiiart.net/blog/</link>
-  <lastBuildDate>Wed, 28 Feb 2024 19:24:43 +0000</lastBuildDate>
+  <lastBuildDate>Tue, 05 Mar 2024 21:57:23 +0000</lastBuildDate>
  <item>
    <title>300</title>
    <link>https://askiiart.net/til/300.html</link>
@ -14,6 +14,10 @@
    <title>Marlin Boot Animations</title>
    <link>https://askiiart.net/til/marlin-boot-animations.html</link>
  </item>
+  <item>
+    <title>Foooooonts!</title>
+    <link>https://askiiart.net/til/foooooonts.html</link>
+  </item>

 </channel>
 </rss>
--- a/blog/foooooonts.html
+++ b/blog/foooooonts.html
@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+        <meta content="width=device-width, initial-scale=1" charset="utf-8" />
+        <link rel="icon" href="/assets/askiiart.gif" type="image/icon">
+        <title>Foooooonts!</title>
+        <link href="/style.css" type="text/css" rel="stylesheet" />
+        <link href="/prism.css" rel="stylesheet" />
+    </head>
+    <body class="line-numbers">
+        <h1 id="foooooonts">Foooooonts!</h1>
+        <p>site update: uh yeah there's fonts now</p>
+        <hr />
+        <p>i've got <a
+        href="https://brailleinstitute.org/freefont">Atkinson
+        Hyperlegible</a> for text, and <a
+        href="https://github.com/ryanoasis/nerd-fonts/tree/master/patched-fonts/FiraCode">FiraCode
+        Nerd Mono</a> for code now, so it'll look the same on all
+        computers, not beautiful or horrific depending on what fonts
+        your system has installed.</p>
+        <p>also uh turns out the <code>code</code> and <code>pre</code>
+        stuff in my CSS file was completely useless since it got
+        overridden by <a href="https://prismjs.com/">prism.js</a>
+        anyways, so that's gone now</p>
+        <p>yeah that's it, byeeeeee</p>
+        <script src="/prism.js"></script>
+    </body>
+    <footer>
+        <p><a href="https://git.askiiart.net/askiiart/askiiart-net">code</a> (<a href="https://github.com/askiiart/askiiart.github.io">mirror</a>)&emsp;<a href="/feed.xml">rss</a>&emsp;<a href="/pubkey.asc">pubkey</a></p>
+    </footer>
+</html>
--- a/blog/foooooonts.md
+++ b/blog/foooooonts.md
@ -0,0 +1,11 @@
+# Foooooonts!
+
+site update: uh yeah there's fonts now
+
+---
+
+i've got [Atkinson Hyperlegible](https://brailleinstitute.org/freefont) for text, and [FiraCode Nerd Mono](https://github.com/ryanoasis/nerd-fonts/tree/master/patched-fonts/FiraCode) for code now, so it'll look the same on all computers, not beautiful or horrific depending on what fonts your system has installed.
+
+also uh turns out the `code` and `pre` stuff in my CSS file was completely useless since it got overridden by [prism.js](https://prismjs.com/) anyways, so that's gone now
+
+yeah that's it, byeeeeee
--- a/blog/marlin-boot-animations.html
+++ b/blog/marlin-boot-animations.html
@ -54,9 +54,9 @@
 <span id="cb1-33"><a href="#cb1-33" aria-hidden="true" tabindex="-1"></a></span>
 <span id="cb1-34"><a href="#cb1-34" aria-hidden="true" tabindex="-1"></a><span class="pp">#define CUSTOM_BOOTSCREEN_BMPWIDTH </span><span class="dv">128</span></span>
 <span id="cb1-35"><a href="#cb1-35" aria-hidden="true" tabindex="-1"></a></span>
-<span id="cb1-36"><a href="#cb1-36" aria-hidden="true" tabindex="-1"></a><span class="at">const</span> <span class="dt">unsigned</span> <span class="dt">char</span> custom_start_bmp<span class="op">[]</span> PROGMEM <span class="op">=</span> <span class="op">{</span></span>
-<span id="cb1-37"><a href="#cb1-37" aria-hidden="true" tabindex="-1"></a>  <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span></span>
-<span id="cb1-38"><a href="#cb1-38" aria-hidden="true" tabindex="-1"></a>  <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span></span>
+<span id="cb1-36"><a href="#cb1-36" aria-hidden="true" tabindex="-1"></a>hello<span class="op">-&gt;</span>hi<span class="op">();</span></span>
+<span id="cb1-37"><a href="#cb1-37" aria-hidden="true" tabindex="-1"></a></span>
+<span id="cb1-38"><a href="#cb1-38" aria-hidden="true" tabindex="-1"></a><span class="at">const</span> <span class="dt">unsigned</span> <span class="dt">char</span> custom_start_bmp<span class="op">[]</span> PROGMEM <span class="op">=</span> <span class="op">{</span></span>
 <span id="cb1-39"><a href="#cb1-39" aria-hidden="true" tabindex="-1"></a>  <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span></span>
 <span id="cb1-40"><a href="#cb1-40" aria-hidden="true" tabindex="-1"></a>  <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span></span>
 <span id="cb1-41"><a href="#cb1-41" aria-hidden="true" tabindex="-1"></a>  <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span></span>
@ -140,11 +140,11 @@
 <span id="cb1-119"><a href="#cb1-119" aria-hidden="true" tabindex="-1"></a>  <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span></span>
 <span id="cb1-120"><a href="#cb1-120" aria-hidden="true" tabindex="-1"></a>  <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span></span>
 <span id="cb1-121"><a href="#cb1-121" aria-hidden="true" tabindex="-1"></a>  <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span></span>
-<span id="cb1-122"><a href="#cb1-122" aria-hidden="true" tabindex="-1"></a>  <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span> <span class="op">};</span></span>
-<span id="cb1-123"><a href="#cb1-123" aria-hidden="true" tabindex="-1"></a></span>
-<span id="cb1-124"><a href="#cb1-124" aria-hidden="true" tabindex="-1"></a><span class="at">const</span> <span class="dt">unsigned</span> <span class="dt">char</span> custom_start_bmp0<span class="op">[]</span> PROGMEM <span class="op">=</span> <span class="op">{</span></span>
-<span id="cb1-125"><a href="#cb1-125" aria-hidden="true" tabindex="-1"></a>  <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span></span>
-<span id="cb1-126"><a href="#cb1-126" aria-hidden="true" tabindex="-1"></a>  <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span></span>
+<span id="cb1-122"><a href="#cb1-122" aria-hidden="true" tabindex="-1"></a>  <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span></span>
+<span id="cb1-123"><a href="#cb1-123" aria-hidden="true" tabindex="-1"></a>  <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span></span>
+<span id="cb1-124"><a href="#cb1-124" aria-hidden="true" tabindex="-1"></a>  <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span> <span class="op">};</span></span>
+<span id="cb1-125"><a href="#cb1-125" aria-hidden="true" tabindex="-1"></a></span>
+<span id="cb1-126"><a href="#cb1-126" aria-hidden="true" tabindex="-1"></a><span class="at">const</span> <span class="dt">unsigned</span> <span class="dt">char</span> custom_start_bmp0<span class="op">[]</span> PROGMEM <span class="op">=</span> <span class="op">{</span></span>
 <span id="cb1-127"><a href="#cb1-127" aria-hidden="true" tabindex="-1"></a>  <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span></span>
 <span id="cb1-128"><a href="#cb1-128" aria-hidden="true" tabindex="-1"></a>  <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span></span>
 <span id="cb1-129"><a href="#cb1-129" aria-hidden="true" tabindex="-1"></a>  <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span></span>
@ -228,11 +228,11 @@
 <span id="cb1-207"><a href="#cb1-207" aria-hidden="true" tabindex="-1"></a>  <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span></span>
 <span id="cb1-208"><a href="#cb1-208" aria-hidden="true" tabindex="-1"></a>  <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span></span>
 <span id="cb1-209"><a href="#cb1-209" aria-hidden="true" tabindex="-1"></a>  <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span></span>
-<span id="cb1-210"><a href="#cb1-210" aria-hidden="true" tabindex="-1"></a>  <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span> <span class="op">};</span></span>
-<span id="cb1-211"><a href="#cb1-211" aria-hidden="true" tabindex="-1"></a></span>
-<span id="cb1-212"><a href="#cb1-212" aria-hidden="true" tabindex="-1"></a><span class="at">const</span> <span class="dt">unsigned</span> <span class="dt">char</span> custom_start_bmp1<span class="op">[]</span> PROGMEM <span class="op">=</span> <span class="op">{</span></span>
-<span id="cb1-213"><a href="#cb1-213" aria-hidden="true" tabindex="-1"></a>  <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span></span>
-<span id="cb1-214"><a href="#cb1-214" aria-hidden="true" tabindex="-1"></a>  <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span></span>
+<span id="cb1-210"><a href="#cb1-210" aria-hidden="true" tabindex="-1"></a>  <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span></span>
+<span id="cb1-211"><a href="#cb1-211" aria-hidden="true" tabindex="-1"></a>  <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span></span>
+<span id="cb1-212"><a href="#cb1-212" aria-hidden="true" tabindex="-1"></a>  <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span> <span class="op">};</span></span>
+<span id="cb1-213"><a href="#cb1-213" aria-hidden="true" tabindex="-1"></a></span>
+<span id="cb1-214"><a href="#cb1-214" aria-hidden="true" tabindex="-1"></a><span class="at">const</span> <span class="dt">unsigned</span> <span class="dt">char</span> custom_start_bmp1<span class="op">[]</span> PROGMEM <span class="op">=</span> <span class="op">{</span></span>
 <span id="cb1-215"><a href="#cb1-215" aria-hidden="true" tabindex="-1"></a>  <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span></span>
 <span id="cb1-216"><a href="#cb1-216" aria-hidden="true" tabindex="-1"></a>  <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span></span>
 <span id="cb1-217"><a href="#cb1-217" aria-hidden="true" tabindex="-1"></a>  <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span></span>
@ -316,24 +316,26 @@
 <span id="cb1-295"><a href="#cb1-295" aria-hidden="true" tabindex="-1"></a>  <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span></span>
 <span id="cb1-296"><a href="#cb1-296" aria-hidden="true" tabindex="-1"></a>  <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span></span>
 <span id="cb1-297"><a href="#cb1-297" aria-hidden="true" tabindex="-1"></a>  <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span></span>
-<span id="cb1-298"><a href="#cb1-298" aria-hidden="true" tabindex="-1"></a>  <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span> <span class="op">};</span></span>
-<span id="cb1-299"><a href="#cb1-299" aria-hidden="true" tabindex="-1"></a></span>
-<span id="cb1-300"><a href="#cb1-300" aria-hidden="true" tabindex="-1"></a><span class="pp">#ifdef CUSTOM_BOOTSCREEN_ANIMATED_FRAME_TIME</span></span>
+<span id="cb1-298"><a href="#cb1-298" aria-hidden="true" tabindex="-1"></a>  <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span></span>
+<span id="cb1-299"><a href="#cb1-299" aria-hidden="true" tabindex="-1"></a>  <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span></span>
+<span id="cb1-300"><a href="#cb1-300" aria-hidden="true" tabindex="-1"></a>  <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span> <span class="op">};</span></span>
 <span id="cb1-301"><a href="#cb1-301" aria-hidden="true" tabindex="-1"></a></span>
-<span id="cb1-302"><a href="#cb1-302" aria-hidden="true" tabindex="-1"></a>  <span class="co">// Each frame has its own custom duration</span></span>
-<span id="cb1-303"><a href="#cb1-303" aria-hidden="true" tabindex="-1"></a>  <span class="at">const</span> <span class="dt">boot_frame_t</span> custom_bootscreen_animation<span class="op">[]</span> PROGMEM <span class="op">=</span> <span class="op">{</span></span>
-<span id="cb1-304"><a href="#cb1-304" aria-hidden="true" tabindex="-1"></a>    <span class="op">{</span> custom_start_bmp0<span class="op">,</span> <span class="dv">600</span> <span class="op">},</span></span>
-<span id="cb1-305"><a href="#cb1-305" aria-hidden="true" tabindex="-1"></a>  <span class="op">{</span> custom_start_bmp1<span class="op">,</span>  <span class="dv">700</span> <span class="op">},</span></span>
-<span id="cb1-306"><a href="#cb1-306" aria-hidden="true" tabindex="-1"></a>  <span class="op">{</span> custom_start_bmp<span class="op">,</span> <span class="dv">500</span> <span class="op">},</span></span>
-<span id="cb1-307"><a href="#cb1-307" aria-hidden="true" tabindex="-1"></a>  <span class="op">};</span></span>
-<span id="cb1-308"><a href="#cb1-308" aria-hidden="true" tabindex="-1"></a></span>
-<span id="cb1-309"><a href="#cb1-309" aria-hidden="true" tabindex="-1"></a><span class="pp">#else</span></span>
+<span id="cb1-302"><a href="#cb1-302" aria-hidden="true" tabindex="-1"></a><span class="pp">#ifdef CUSTOM_BOOTSCREEN_ANIMATED_FRAME_TIME</span></span>
+<span id="cb1-303"><a href="#cb1-303" aria-hidden="true" tabindex="-1"></a></span>
+<span id="cb1-304"><a href="#cb1-304" aria-hidden="true" tabindex="-1"></a>  <span class="co">// Each frame has its own custom duration</span></span>
+<span id="cb1-305"><a href="#cb1-305" aria-hidden="true" tabindex="-1"></a>  <span class="at">const</span> <span class="dt">boot_frame_t</span> custom_bootscreen_animation<span class="op">[]</span> PROGMEM <span class="op">=</span> <span class="op">{</span></span>
+<span id="cb1-306"><a href="#cb1-306" aria-hidden="true" tabindex="-1"></a>    <span class="op">{</span> custom_start_bmp0<span class="op">,</span> <span class="dv">600</span> <span class="op">},</span></span>
+<span id="cb1-307"><a href="#cb1-307" aria-hidden="true" tabindex="-1"></a>  <span class="op">{</span> custom_start_bmp1<span class="op">,</span>  <span class="dv">700</span> <span class="op">},</span></span>
+<span id="cb1-308"><a href="#cb1-308" aria-hidden="true" tabindex="-1"></a>  <span class="op">{</span> custom_start_bmp<span class="op">,</span> <span class="dv">500</span> <span class="op">},</span></span>
+<span id="cb1-309"><a href="#cb1-309" aria-hidden="true" tabindex="-1"></a>  <span class="op">};</span></span>
 <span id="cb1-310"><a href="#cb1-310" aria-hidden="true" tabindex="-1"></a></span>
-<span id="cb1-311"><a href="#cb1-311" aria-hidden="true" tabindex="-1"></a>  <span class="co">// Each frame shows for CUSTOM_BOOTSCREEN_FRAME_TIME</span></span>
-<span id="cb1-312"><a href="#cb1-312" aria-hidden="true" tabindex="-1"></a>  <span class="at">const</span> <span class="dt">unsigned</span> <span class="dt">char</span> <span class="op">*</span> <span class="at">const</span> custom_bootscreen_animation<span class="op">[]</span> PROGMEM <span class="op">=</span> <span class="op">{</span></span>
-<span id="cb1-313"><a href="#cb1-313" aria-hidden="true" tabindex="-1"></a>    custom_start_bmp<span class="op">,</span> custom_start_bmp0<span class="op">,</span> custom_start_bmp1<span class="op">};</span></span>
-<span id="cb1-314"><a href="#cb1-314" aria-hidden="true" tabindex="-1"></a></span>
-<span id="cb1-315"><a href="#cb1-315" aria-hidden="true" tabindex="-1"></a><span class="pp">#endif</span></span></code></pre></div>
+<span id="cb1-311"><a href="#cb1-311" aria-hidden="true" tabindex="-1"></a><span class="pp">#else</span></span>
+<span id="cb1-312"><a href="#cb1-312" aria-hidden="true" tabindex="-1"></a></span>
+<span id="cb1-313"><a href="#cb1-313" aria-hidden="true" tabindex="-1"></a>  <span class="co">// Each frame shows for CUSTOM_BOOTSCREEN_FRAME_TIME</span></span>
+<span id="cb1-314"><a href="#cb1-314" aria-hidden="true" tabindex="-1"></a>  <span class="at">const</span> <span class="dt">unsigned</span> <span class="dt">char</span> <span class="op">*</span> <span class="at">const</span> custom_bootscreen_animation<span class="op">[]</span> PROGMEM <span class="op">=</span> <span class="op">{</span></span>
+<span id="cb1-315"><a href="#cb1-315" aria-hidden="true" tabindex="-1"></a>    custom_start_bmp<span class="op">,</span> custom_start_bmp0<span class="op">,</span> custom_start_bmp1<span class="op">};</span></span>
+<span id="cb1-316"><a href="#cb1-316" aria-hidden="true" tabindex="-1"></a></span>
+<span id="cb1-317"><a href="#cb1-317" aria-hidden="true" tabindex="-1"></a><span class="pp">#endif</span></span></code></pre></div>
        <p><strong>Here's a breakdown of that.</strong></p>
        <h3 id="the-start">The start</h3>
        <ul>
--- a/blog/marlin-boot-animations.md
+++ b/blog/marlin-boot-animations.md
@ -42,6 +42,8 @@ Here's an example of an animated `_Bootscreen.h`:

 #define CUSTOM_BOOTSCREEN_BMPWIDTH 128

+hello->hi();
+
 const unsigned char custom_start_bmp[] PROGMEM = {
  0xFF, 0xFF, 0xFF, 0xFF, 0xFF, 0xFF, 0xFF, 0xFF, 0xFF, 0xFF, 0xFF, 0xFF,
  0xFF, 0xFF, 0xFF, 0xFF, 0xFF, 0xFF, 0xFF, 0xFF, 0xFF, 0xFF, 0xFF, 0xFF,
--- a/feed.xml
+++ b/feed.xml
@ -5,7 +5,7 @@
  <title>askiiart.net</title>
  <description>The feed for askiiart.net, I guess</description>
  <link>https://askiiart.net</link>
-  <lastBuildDate>Wed, 28 Feb 2024 19:24:43 +0000</lastBuildDate>
+  <lastBuildDate>Tue, 05 Mar 2024 21:57:23 +0000</lastBuildDate>
  <item>
    <title>300</title>
    <link>https://askiiart.net/blog/300.html</link>
@ -15,8 +15,8 @@
    <link>https://askiiart.net/blog/marlin-boot-animations.html</link>
  </item>
  <item>
-    <title>My Stack</title>
-    <link>https://askiiart.net/stack.html</link>
+    <title>Foooooonts!</title>
+    <link>https://askiiart.net/blog/foooooonts.html</link>
  </item>
  <item>
    <title>Akkoma in Docker</title>
@ -26,6 +26,10 @@
    <title>Using JSON with docker compose</title>
    <link>https://askiiart.net/til/using-json-with-docker-compose.html</link>
  </item>
+  <item>
+    <title>My Stack</title>
+    <link>https://askiiart.net/stack.html</link>
+  </item>

 </channel>
 </rss>
--- a/index.html
+++ b/index.html
@ -22,7 +22,7 @@
        <li>GitHub: <a href="https://github.com/askiiart">askiiart</a>
        (most stuff is mirrored here)</li>
        <li>Codeberg: <a
-        href="https://codeberg.org/askiiart">Codeberg</a> (only used for
+        href="https://codeberg.org/askiiart">askiiart</a> (only used for
        club stuff)</li>
        <li>Discord: <a
        href="https://discord.com/users/552658564368302092">askiiart</a></li>
--- a/index.md
+++ b/index.md
@ -6,7 +6,7 @@ I'm a hobby programmer, and co-founder and vice president of the [TCCD CompSci a

 - Self-hosted git thing: [git.askiiart.net/askiiart](https://git.askiiart.net/askiiart) (my main git thing)
 - GitHub: [askiiart](https://github.com/askiiart) (most stuff is mirrored here)
- Codeberg: [Codeberg](https://codeberg.org/askiiart) (only used for club stuff)
+- Codeberg: [askiiart](https://codeberg.org/askiiart) (only used for club stuff)
 - Discord: [askiiart](https://discord.com/users/552658564368302092)
 - Email: [dev@askiiart.net](mailto:dev@askiiart.net)

--- a/prism.css
+++ b/prism.css
@ -5,7 +5,7 @@ pre[class*=language-] {
    color: #f8f8f2;
    background: 0 0;
    text-shadow: 0 1px rgba(0, 0, 0, .3);
-    font-family: 'Nimbus Mono PS', 'Liberation Mono', Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', 'Lucida Console', monospace;
+    font-family: 'FiraCode', 'Nimbus Mono PS', 'Liberation Mono', Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', 'Lucida Console', monospace;
    font-size: 1em;
    text-align: left;
    white-space: pre;
--- a/style.css
+++ b/style.css
@ -1,19 +1,13 @@
-code {
-        background: #121212;
-        font: 1.0em/1.35 'Nimbus Mono PS', 'Liberation Mono', Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', 'Lucida Console', monospace;
-        padding: 0.2em;
-        padding-top: 0.4em;
-        border-radius: .3em;
+@font-face {
+        /* from https://github.com/ryanoasis/nerd-fonts/tree/master/patched-fonts/FiraCode */
+        font-family: "FiraCode";
+        src: url('/assets/FiraCodeNerdFontMono-Regular.woff2');
 }

-pre {
-
-        background: #121212;
-        font-size: 1.5em/1.35;
-        padding: 1em;
-        margin: .5em 0;
-        overflow: auto;
-        border-radius: .3em;
+@font-face {
+        /* from Google Fonts, under the Open Font License */
+        font-family: "Atkinson Hyperlegible";
+        src: url('/assets/AtkinsonHyperlegible-Regular.woff2');
 }

 body {
@ -22,7 +16,7 @@ body {
        margin: 1em auto;
        max-width: 90vw;
        padding: 0 .62em;
-        font: 1.0em/1.35 sans-serif
+        font: 1.0em/1.35 'Atkinson Hyperlegible', sans-serif;
 }

 a:link,
@ -38,7 +32,8 @@ a:visited:hover {
 h1,
 h2,
 h3 {
-        line-height: 1.2
+        line-height: 1.2;
+        font: 'Atkinson Hyperlegible', sans-serif;
 }

 wrap {
--- a/til/feed.xml
+++ b/til/feed.xml
@ -5,7 +5,7 @@
  <title>askiiart.net TIL</title>
  <description>The feed for askiiart.net but just TIL, I guess</description>
  <link>https://askiiart.net/til/</link>
-  <lastBuildDate>Wed, 28 Feb 2024 19:24:43 +0000</lastBuildDate>
+  <lastBuildDate>Tue, 05 Mar 2024 21:57:23 +0000</lastBuildDate>
  <item>
    <title>Akkoma in Docker</title>
    <link>https://askiiart.net/til/akkoma-in-docker.html</link>