diff --git a/Gemfile b/Gemfile
index 4954548..fb87a73 100755
--- a/Gemfile
+++ b/Gemfile
@@ -5,4 +5,6 @@ source "https://rubygems.org"
 # gem "rails"
 
 gem "jekyll", "~> 4.3"
-gem "jekyll-feed"
\ No newline at end of file
+gem "jekyll-feed"
+gem 'jekyll-thumbnail-img'
+gem 'jekyll-loading-lazy'
\ No newline at end of file
diff --git a/Gemfile.lock b/Gemfile.lock
index b14e9b8..180ad87 100755
--- a/Gemfile.lock
+++ b/Gemfile.lock
@@ -39,10 +39,23 @@ GEM
       webrick (~> 1.7)
     jekyll-feed (0.17.0)
       jekyll (>= 3.7, < 5.0)
+    jekyll-loading-lazy (0.1.1)
+      jekyll (>= 3.0, < 5.0)
+      nokogiri (>= 1.10, < 2.0)
     jekyll-sass-converter (3.0.0)
       sass-embedded (~> 1.54)
+    jekyll-thumbnail-img (0.1.2)
+      jekyll
+      mini_magick
     jekyll-watch (2.2.1)
       listen (~> 3.0)
+    jekyll_picture_tag (2.1.2)
+      addressable (~> 2.6)
+      jekyll (~> 4.0)
+      mime-types (~> 3.0)
+      objective_elements (~> 1.1)
+      rainbow (~> 3.0)
+      ruby-vips (~> 2.2)
     kramdown (2.4.0)
       rexml
     kramdown-parser-gfm (1.1.0)
@@ -51,10 +64,29 @@ GEM
     listen (3.9.0)
       rb-fsevent (~> 0.10, >= 0.10.3)
       rb-inotify (~> 0.9, >= 0.9.10)
+    logger (1.6.1)
     mercenary (0.4.0)
+    mime-types (3.6.0)
+      logger
+      mime-types-data (~> 3.2015)
+    mime-types-data (3.2024.1105)
+    mini_magick (5.0.1)
+    mini_portile2 (2.8.8)
+    nokogiri (1.16.7)
+      mini_portile2 (~> 2.8.2)
+      racc (~> 1.4)
+    nokogiri (1.16.7-arm64-darwin)
+      racc (~> 1.4)
+    nokogiri (1.16.7-x86_64-darwin)
+      racc (~> 1.4)
+    nokogiri (1.16.7-x86_64-linux)
+      racc (~> 1.4)
+    objective_elements (1.1.2)
     pathutil (0.16.2)
       forwardable-extended (~> 2.6)
     public_suffix (6.0.1)
+    racc (1.8.1)
+    rainbow (3.1.1)
     rake (13.2.1)
     rb-fsevent (0.11.2)
     rb-inotify (0.11.1)
@@ -62,6 +94,9 @@ GEM
     rexml (3.3.5)
       strscan
     rouge (4.3.0)
+    ruby-vips (2.2.2)
+      ffi (~> 1.12)
+      logger
     safe_yaml (1.0.5)
     sass-embedded (1.69.5)
       google-protobuf (~> 3.23)
@@ -91,6 +126,9 @@ PLATFORMS
 DEPENDENCIES
   jekyll (~> 4.3)
   jekyll-feed
+  jekyll-loading-lazy
+  jekyll-thumbnail-img
+  jekyll_picture_tag
 
 BUNDLED WITH
    2.5.19
diff --git a/_config.yml b/_config.yml
index c9d450c..e6a1dca 100755
--- a/_config.yml
+++ b/_config.yml
@@ -9,3 +9,5 @@ sass:
     style: compressed
 plugins:
   - jekyll-feed
+  - jekyll-thumbnail-img
+  - jekyll-loading-lazy
diff --git a/_includes/img/main.html b/_includes/img/main.html
new file mode 100644
index 0000000..555b3c7
--- /dev/null
+++ b/_includes/img/main.html
@@ -0,0 +1,6 @@
+<figure class="main">
+    <a target="_blank" href="{{ include.src }}">
+      <img src="{% thumbnail_img include.src 2000 %}" alt="{{ include.alt }}">
+    </a>
+    <figcaption>{{ include.caption }}</figcaption>
+  </figure>
\ No newline at end of file
diff --git a/_includes/img/small.html b/_includes/img/small.html
new file mode 100644
index 0000000..3f716f3
--- /dev/null
+++ b/_includes/img/small.html
@@ -0,0 +1,6 @@
+<figure class="small-image">
+    <a target="_blank" href="{{ include.src }}">
+      <img src="{% thumbnail_img include.src 1200 %}" alt="{{ include.alt }}">
+    </a>
+    <figcaption>{{ include.caption }}</figcaption>
+  </figure>
\ No newline at end of file
diff --git a/_layouts/post.html b/_layouts/post.html
index a93a18f..23de2fa 100755
--- a/_layouts/post.html
+++ b/_layouts/post.html
@@ -17,6 +17,7 @@
       <p style="text-align: right; font-style: italic;">This post was published on {{ page.date | date_to_string }}</p>
 
       {{ content }}
+      <div class="clearfix"></div>
     </div>
 
     <footer>
diff --git a/_posts/2024-11-19-asahi-on-m1-mba.md b/_posts/2024-11-19-asahi-on-m1-mba.md
new file mode 100644
index 0000000..7b53611
--- /dev/null
+++ b/_posts/2024-11-19-asahi-on-m1-mba.md
@@ -0,0 +1,44 @@
+---
+layout: post
+author: hexaitos
+title: Asahi Linux on my base model M1 MacBook Air
+excerpt: In this blog post I will be taking a quick look at Asahi Linux and my opinions on it so far. I have installed it on my base-model M1 MacBook Air and am planning of perhaps turning it into a very low-powered yet still powerful server.
+---
+{% include img/main.html src="/assets/images/blog_posts/asahi_mba_m1/20241118-WE2A1144.jpg" caption="A photo of my MacBook Air running Asahi Linux with KDE Plasma 6" alt="An opened MacBook Air M1 standing on a table. It is showing the desktop of KDE Plasma 6 with the floating task bar at the bottom. The desktop background is a bird of prey." %}
+
+A couple of years ago – still during my apprenticeship and also during the pandemic – I bought a base model M1 MacBook Air with some bonus money that I got for finishing an important (to my boss, at any rate) project at work and it’s been my main laptop ever since and one that I’ve been using basically daily ever since. However, the fact that I only got a base model has been a bit problematic and, thefore, I decided to upgrade to the new M4 MacBook Pro this year. This, then, leaves me with my still more than capable MacBook Air and I’ve been thinking about what to do with it. Then I remembered the fact that I’ve always been wanting to try out Asahi Linux; and that coupled with the *very* low power consumption of these M-series chips made me think that it would probably make for a really good low-powered server that still has enough *oomph* for more heavy workloads (definitely more than my *actual* server that’s running an Intel N100). And so that’s exactly what I did!
+
+## Installation
+The installation of Asahi is pretty straightforward in general, but having only a base model Mac (with a measly 256 GB SSD) does pose a bit of a problem: Asahi cannot be installed as the sole operating system; instead; it can only be installed *alongside* macOS. This, then, means that even after completely erasing my previous Sonoma install and then *only* running the Asahi Linux installer afterwards, I only have about 150 GB of usable disk space on my Asahi partition. Now that’s not that bad or anything, but it’s definitely not a lot of disk space in today’s world. 
+
+Speaking of the installation, it’s pretty much as simple as running `curl https://alx.sh | sh` in a terminal window and following the on-screen prompts (insert disclaimer about running running shell scripts without checking their contents first here). If you’re even remotely familiar with the command line (and are able to read), then the installation shouldn’t pose any significant problems. Still, I would not recommend installing this on your main machine that you use for other things as well as I’m sure it can quite easily render your macOS install useless if something goes wrong. 
+
+During the installation process, you’ll be given the opportunity to set a new size for the macOS partition and a size for the to-be-created Asahi Linux partition. Additionally, you can choose between either Gnome or KDE (if I remember correctly) as your desktop environment. Then, after some rebooting and changing of Mac security features, you’ll be greeted by an installer that you’re going to be very familar with if you’ve ever installed a Linux distribution. There you’ll choose a timezone and a username and password. Afterwards you can reboot and you should be greeted by a login window. 
+
+As a side note: Asahi used to be based on Arch Linux but they appear to have moved over to Fedora and the Fedora-based Asahi Linux is, as far as I can tell, the only <q>official</q>. There are some [community-maintained flavours](https://github.com/AsahiLinux/docs/wiki/SW:Alternative-Distros) but I haven’t tried out any of those yet; I am also guessing their installation process will differ quite significantly from that of the official Fedora-based version. 
+
+## The desktop experience
+I was honestly quite surprised at how *usable* it was in general, the only thing I still would very much like to see implemented is the ability to connect an external monitor through one of the USB-C ports of the MBA — that has (as of the publishing of this post) not yet been implemented. Other than that, however, everything worked pretty much as you’d expect: you can change the brightness of the keyboard and the screen; the trackpad works (and even has force feedback); the speakers work and sound as you would expect them to sound; the keys on the keyboard all work (including things like the media keys for playing/pausing videos or music); closing the lid makes the laptop reliably go to sleep and opening it wakes it up quite quickly … you get the idea. Even the battery life is as fantastic (KDE estimating 9-12 hours) despite this MacBook being 4-ish years old now. WiFi also works perfectly and at the the expected speed. 
+
+{% include img/small.html src="/assets/images/blog_posts/asahi_mba_m1/screenshot-fastfetch.png" caption="Fastfetch running on the MacBook Air" alt="A screenshot showing a full-screened terminal window and the output of the program fastfetch. The output shows some information about the machine, such as the processor and its speed, OS etc." %}
+
+There are some strange behaviours here and there though. For example, whilst the trackpad does work, the palm rejection is, seemingly, non-existent, especially if you’re used to how well it works on macOS. Oh and speaking of the trackpad, it feels strangely laggy, almost as though it were connected through a terrible bluetooth connection (I’m pretty sensitive to input delay in general though, so you might not notice this at all). Also, you’re going to have to use regular Windows-style shortcuts, i. e. `⌃C` instead of `⌘C` for copying things, as an example. 
+
+Additionally, you might not have access to all the packages as, obviously, this isn’t an `x86_64`-based system but rather `aarch64`. I wanted to install Ruby on my system and I generally use `rbenv` to manage my Rubies. However, I first had a bit of trouble getting `rbenv` itself working and once I did, I had even *more* trouble getting it to actually compile Ruby 3.3.6 for me. At first, there were some problems with `openssl` that I managed to somehow fix by running `sudo dnf groupinstall "Development Tools"` but then it complained about `libffi` apparently missing (even though it wasn’t as far as I could tell) so I just ended up using `rvm` instead – that could compile Ruby 3.6.6 without any problems. 
+
+Most of the Flatpaks that I’ve tried worked without any problems except for the Flatpak for Telegram for some reason, but that might’ve just been my doing something wrong. LibreWolf, the browser I generally use on Linux, works fine and runs as expected, though also through a Flatpak. Tokodon, KDE’s own Mastodon / Fediverse client, also works quite well. The GPU, apparently, *also* works but I haven’t really tried that out yet. Watching YouTube videos, even at 4K, was not a problem however and I couldn’t detect any dropped frames. 
+
+A colleague of mine – who is also quite interested in both ARM and RISC-V – has told me about Box64 which allows you to run normal `x86_64`-based programs on an ARM-based processor. I haven’t yet tried this out myself but I definitely want to try it out and see if I can get some non-native programs running through that. 
+
+## And as a server?
+
+{% include img/small.html src="/assets/images/blog_posts/asahi_mba_m1/screenshot-sensors.png" caption="The output of lm-sensors" alt="A screenshot showing a terminal window and the output of the sensors command. It is showing temperatures, voltages and a wattage." %}
+
+I still haven’t done too much with regards to trying it out as a server, but I still feel like it should work quite well as long as all the software also works. I *really* wanted to get something like Proxmox or maybe even just YunoHost working, but I haven’t really found a way to do that yet. One thing I already did was change the charging limit from `100%` down to `80%`. I had to do this through the console by running `echo 80 |sudo tee /sys/class/power_supply/macsmc-battery/charge_control_end_threshold` in the terminal as changing the charging limit through KDE’s GUI settings did not seem to work. 
+
+I also installed `lm-sensors`. I did that mostly to see the temperatures at which the computer was running, but I was very surprised to see that it also provided me with a nice way of seeing how much power it was using at a given time. This showed me that the power usage even with the screen turned on was rather low! I, therefore, enabled ssh and ssh’d into the machine to see what its power usage would be when the screen was completely turned off; and I was very surprised to see that the idle power consumption appears to be around 1-2 W with the screen turned off. Now that’s *really* low value and something that you would *probably* have a hard time noticing on your monthly power bill. 
+
+If I were to actually start using this machine as a server, I would probably install a more minimal version of Asahi (probably without any DE whatsoever) and I would also need to get some sort of USB-C to ethernet adapater and *hope* that it works; though depending on what exactly I’ll end up using the server for, a decent WiFi connection might not be all that problematic either. 
+
+## Conclusion
+I was pleasantly surprised to see how well it works just out of the box and will definitely be keeping Asahi on my MBA. I’ll try out some more stuff, especially in regards to running it as a server or I might just keep it around as a nice Linux machine in general. 
diff --git a/_site/2024/09/30/first_blog_post.html b/_site/2024/09/30/first_blog_post.html
index 4fc8fa0..bbf0532 100644
--- a/_site/2024/09/30/first_blog_post.html
+++ b/_site/2024/09/30/first_blog_post.html
@@ -24,6 +24,7 @@
 
       <p>Hello everyone! This is my first blog post, mostly just to try out how everything works.</p>
 
+      <div class="clearfix"></div>
     </div>
 
     <footer>
diff --git a/_site/2024/10/29/hosting_at_home.html b/_site/2024/10/29/hosting_at_home.html
index b12c11c..fb2d659 100644
--- a/_site/2024/10/29/hosting_at_home.html
+++ b/_site/2024/10/29/hosting_at_home.html
@@ -1,6 +1,8 @@
 <!DOCTYPE html>
 <html lang="en">
 
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
 <meta charset="UTF-8">
 <meta name="viewport" content="width=device-width,initial-scale=1">
 <meta name="description" content="">
@@ -9,6 +11,7 @@
 
 <link rel="stylesheet" href="/assets/css/styles.css">
 
+</head>
 <body>
     <div class="menu">
     <a href="/index.html">Home</a>
@@ -50,13 +53,13 @@
 
 <p>What you have to do is go into your domain’s DNS settings and create <strong>only a single AAAA record with the proxy enabled</strong>. Do not add another <code class="language-plaintext highlighter-rouge">AAAA</code> record or even an <code class="language-plaintext highlighter-rouge">A</code> record; simply add a <code class="language-plaintext highlighter-rouge">AAAA</code> pointing to the IPv6 address of your server. This should look as follows:</p>
 
-<p><img src="/assets/images/blog_posts/hosting_at_home/bateleur_org.png" alt="A screenshot from Cloudflare’s website showing a single AAAA record set for the domain bateleur.org" /></p>
+<p><img src="/assets/images/blog_posts/hosting_at_home/bateleur_org.png" alt="A screenshot from Cloudflare’s website showing a single AAAA record set for the domain bateleur.org" loading="lazy"></p>
 
 <p>This is probably the most important aspect of this entire thing if you want your website to be reachable even in networks that do not support IPv6. If you only set a <code class="language-plaintext highlighter-rouge">AAAA</code> record and no <code class="language-plaintext highlighter-rouge">A</code> record, Cloudflare will automatically translate requests from IPv4 networks so that your website can be reached even from those networks.</p>
 
 <p>You may also have to change the SSL settings of your domain. By default, the SSL setting is set to <q>flexible</q> which ended up not working for me and I had to set it to <q>full</q> instead:</p>
 
-<p><img src="/assets/images/blog_posts/hosting_at_home/cloudflare_ssl.png" alt="A screenshot of Cloudflare’s SSL settings" width="30%" /></p>
+<p><img src="/assets/images/blog_posts/hosting_at_home/cloudflare_ssl.png" alt="A screenshot of Cloudflare’s SSL settings" width="30%" loading="lazy"></p>
 
 <p>While you’re here, you might as well also create an API key either for your entire account or only for a particular zone / domain. For more information about what permissions need to be set, you can look at the <a href="https://github.com/caddy-dns/cloudflare">GitHub page for Caddy’s Cloudflare module</a>.</p>
 
@@ -67,11 +70,11 @@
 
 <p>To do this, you can simply create yet another alias that includes all the networks that Cloudflare uses. Luckily, Cloudflare publishes the list of their IPv6 subnets which you can find it here: <a href="https://www.cloudflare.com/ips-v6/#">https://www.cloudflare.com/ips-v6/#</a>. So all we need to do is create an alias that includes all seven (at the time of writing) subnets and put that alias into the <q>Source</q> field of our created WAN rules. The alias should end up looking as follows:</p>
 
-<p><img src="/assets/images/blog_posts/hosting_at_home/cloudflare_ips.png" alt="A screenshot showing a firewall alias containing all of Cloudflare’s IPv6 subnets" /></p>
+<p><img src="/assets/images/blog_posts/hosting_at_home/cloudflare_ips.png" alt="A screenshot showing a firewall alias containing all of Cloudflare’s IPv6 subnets" loading="lazy"></p>
 
 <p>And the rule should end up looking as follows:</p>
 
-<p><img src="/assets/images/blog_posts/hosting_at_home/wan_rule.png" alt="A screenshot of an OPNsense rule" /></p>
+<p><img src="/assets/images/blog_posts/hosting_at_home/wan_rule.png" alt="A screenshot of an OPNsense rule" loading="lazy"></p>
 
 <p>Additionally, you also have to set up the rules on the LAN interface. I created two LAN rules, one for the IPv6 and one for the IPv4 address of my webserver and I allowed only ports <code class="language-plaintext highlighter-rouge">443, 80, 123, 53</code> for both IPv4 TCP/UDP and IPv6 TCP/UDP. I also set up a LAN rule that blocks access from my webservers LAN network to all of my other LANs.</p>
 
@@ -85,6 +88,7 @@
 <h2 id="conclusion">Conclusion</h2>
 <p>Your website should now be accessible from the Internet! I hope you enjoyed reading this and I hope it will end up helping someone in the future. If you have any further questions, critique or whatever, <a href="/contact">feel free to reach out to me</a>. This is the first blog post I have written in a <em>long</em> time, so if there’s anything you think could be improved in the next one, I would love to hear about it.</p>
 
+      <div class="clearfix"></div>
     </div>
 
     <footer>
@@ -93,4 +97,4 @@
 <a rel="me" href="https://squawk.social/@hexaitos"></a>
     </footer>
 </body>
-</html> 
+</html>
diff --git a/_site/2024/11/19/asahi-on-m1-mba.html b/_site/2024/11/19/asahi-on-m1-mba.html
new file mode 100644
index 0000000..7705103
--- /dev/null
+++ b/_site/2024/11/19/asahi-on-m1-mba.html
@@ -0,0 +1,91 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width,initial-scale=1">
+<meta name="description" content="">
+
+<title>Asahi Linux on my base model M1 MacBook Air</title>
+
+<link rel="stylesheet" href="/assets/css/styles.css">
+
+</head>
+<body>
+    <div class="menu">
+    <a href="/index.html">Home</a>
+    <a href="/blog.html">Blog</a>
+    <a href="/art.html">Art</a>
+    <a href="/refsheet.html">Ref sheet</a>
+    <a href="/contact.html">Contact</a>
+</div>
+
+    <div class="main">
+      <h1>Asahi Linux on my base model M1 MacBook Air</h1>
+      <p style="text-align: right; font-style: italic;">This post was published on 19 Nov 2024</p>
+
+      <figure class="main">
+    <a target="_blank" href="/assets/images/blog_posts/asahi_mba_m1/20241118-WE2A1144.jpg">
+      <img src="/assets/images/blog_posts/asahi_mba_m1/thumbnails/20241118-WE2A1144_2000w.jpg" alt="An opened MacBook Air M1 standing on a table. It is showing the desktop of KDE Plasma 6 with the floating task bar at the bottom. The desktop background is a bird of prey." loading="lazy">
+    </a>
+    <figcaption>A photo of my MacBook Air running Asahi Linux with KDE Plasma 6</figcaption>
+  </figure>
+
+<p>A couple of years ago – still during my apprenticeship and also during the pandemic – I bought a base model M1 MacBook Air with some bonus money that I got for finishing an important (to my boss, at any rate) project at work and it’s been my main laptop ever since and one that I’ve been using basically daily ever since. However, the fact that I only got a base model has been a bit problematic and, thefore, I decided to upgrade to the new M4 MacBook Pro this year. This, then, leaves me with my still more than capable MacBook Air and I’ve been thinking about what to do with it. Then I remembered the fact that I’ve always been wanting to try out Asahi Linux; and that coupled with the <em>very</em> low power consumption of these M-series chips made me think that it would probably make for a really good low-powered server that still has enough <em>oomph</em> for more heavy workloads (definitely more than my <em>actual</em> server that’s running an Intel N100). And so that’s exactly what I did!</p>
+
+<h2 id="installation">Installation</h2>
+<p>The installation of Asahi is pretty straightforward in general, but having only a base model Mac (with a measly 256 GB SSD) does pose a bit of a problem: Asahi cannot be installed as the sole operating system; instead; it can only be installed <em>alongside</em> macOS. This, then, means that even after completely erasing my previous Sonoma install and then <em>only</em> running the Asahi Linux installer afterwards, I only have about 150 GB of usable disk space on my Asahi partition. Now that’s not that bad or anything, but it’s definitely not a lot of disk space in today’s world.</p>
+
+<p>Speaking of the installation, it’s pretty much as simple as running <code class="language-plaintext highlighter-rouge">curl https://alx.sh | sh</code> in a terminal window and following the on-screen prompts (insert disclaimer about running running shell scripts without checking their contents first here). If you’re even remotely familiar with the command line (and are able to read), then the installation shouldn’t pose any significant problems. Still, I would not recommend installing this on your main machine that you use for other things as well as I’m sure it can quite easily render your macOS install useless if something goes wrong.</p>
+
+<p>During the installation process, you’ll be given the opportunity to set a new size for the macOS partition and a size for the to-be-created Asahi Linux partition. Additionally, you can choose between either Gnome or KDE (if I remember correctly) as your desktop environment. Then, after some rebooting and changing of Mac security features, you’ll be greeted by an installer that you’re going to be very familar with if you’ve ever installed a Linux distribution. There you’ll choose a timezone and a username and password. Afterwards you can reboot and you should be greeted by a login window.</p>
+
+<p>As a side note: Asahi used to be based on Arch Linux but they appear to have moved over to Fedora and the Fedora-based Asahi Linux is, as far as I can tell, the only <q>official</q>. There are some <a href="https://github.com/AsahiLinux/docs/wiki/SW:Alternative-Distros">community-maintained flavours</a> but I haven’t tried out any of those yet; I am also guessing their installation process will differ quite significantly from that of the official Fedora-based version.</p>
+
+<h2 id="the-desktop-experience">The desktop experience</h2>
+<p>I was honestly quite surprised at how <em>usable</em> it was in general, the only thing I still would very much like to see implemented is the ability to connect an external monitor through one of the USB-C ports of the MBA — that has (as of the publishing of this post) not yet been implemented. Other than that, however, everything worked pretty much as you’d expect: you can change the brightness of the keyboard and the screen; the trackpad works (and even has force feedback); the speakers work and sound as you would expect them to sound; the keys on the keyboard all work (including things like the media keys for playing/pausing videos or music); closing the lid makes the laptop reliably go to sleep and opening it wakes it up quite quickly … you get the idea. Even the battery life is as fantastic (KDE estimating 9-12 hours) despite this MacBook being 4-ish years old now. WiFi also works perfectly and at the the expected speed.</p>
+
+<figure class="small-image">
+    <a target="_blank" href="/assets/images/blog_posts/asahi_mba_m1/screenshot-fastfetch.png">
+      <img src="/assets/images/blog_posts/asahi_mba_m1/thumbnails/screenshot-fastfetch_1200w.png" alt="A screenshot showing a full-screened terminal window and the output of the program fastfetch. The output shows some information about the machine, such as the processor and its speed, OS etc." loading="lazy">
+    </a>
+    <figcaption>Fastfetch running on the MacBook Air</figcaption>
+  </figure>
+
+<p>There are some strange behaviours here and there though. For example, whilst the trackpad does work, the palm rejection is, seemingly, non-existent, especially if you’re used to how well it works on macOS. Oh and speaking of the trackpad, it feels strangely laggy, almost as though it were connected through a terrible bluetooth connection (I’m pretty sensitive to input delay in general though, so you might not notice this at all). Also, you’re going to have to use regular Windows-style shortcuts, i. e. <code class="language-plaintext highlighter-rouge">⌃C</code> instead of <code class="language-plaintext highlighter-rouge">⌘C</code> for copying things, as an example.</p>
+
+<p>Additionally, you might not have access to all the packages as, obviously, this isn’t an <code class="language-plaintext highlighter-rouge">x86_64</code>-based system but rather <code class="language-plaintext highlighter-rouge">aarch64</code>. I wanted to install Ruby on my system and I generally use <code class="language-plaintext highlighter-rouge">rbenv</code> to manage my Rubies. However, I first had a bit of trouble getting <code class="language-plaintext highlighter-rouge">rbenv</code> itself working and once I did, I had even <em>more</em> trouble getting it to actually compile Ruby 3.3.6 for me. At first, there were some problems with <code class="language-plaintext highlighter-rouge">openssl</code> that I managed to somehow fix by running <code class="language-plaintext highlighter-rouge">sudo dnf groupinstall "Development Tools"</code> but then it complained about <code class="language-plaintext highlighter-rouge">libffi</code> apparently missing (even though it wasn’t as far as I could tell) so I just ended up using <code class="language-plaintext highlighter-rouge">rvm</code> instead – that could compile Ruby 3.6.6 without any problems.</p>
+
+<p>Most of the Flatpaks that I’ve tried worked without any problems except for the Flatpak for Telegram for some reason, but that might’ve just been my doing something wrong. LibreWolf, the browser I generally use on Linux, works fine and runs as expected, though also through a Flatpak. Tokodon, KDE’s own Mastodon / Fediverse client, also works quite well. The GPU, apparently, <em>also</em> works but I haven’t really tried that out yet. Watching YouTube videos, even at 4K, was not a problem however and I couldn’t detect any dropped frames.</p>
+
+<p>A colleague of mine – who is also quite interested in both ARM and RISC-V – has told me about Box64 which allows you to run normal <code class="language-plaintext highlighter-rouge">x86_64</code>-based programs on an ARM-based processor. I haven’t yet tried this out myself but I definitely want to try it out and see if I can get some non-native programs running through that.</p>
+
+<h2 id="and-as-a-server">And as a server?</h2>
+
+<figure class="small-image">
+    <a target="_blank" href="/assets/images/blog_posts/asahi_mba_m1/screenshot-sensors.png">
+      <img src="/assets/images/blog_posts/asahi_mba_m1/thumbnails/screenshot-sensors_1200w.png" alt="A screenshot showing a terminal window and the output of the sensors command. It is showing temperatures, voltages and a wattage." loading="lazy">
+    </a>
+    <figcaption>The output of lm-sensors</figcaption>
+  </figure>
+
+<p>I still haven’t done too much with regards to trying it out as a server, but I still feel like it should work quite well as long as all the software also works. I <em>really</em> wanted to get something like Proxmox or maybe even just YunoHost working, but I haven’t really found a way to do that yet. One thing I already did was change the charging limit from <code class="language-plaintext highlighter-rouge">100%</code> down to <code class="language-plaintext highlighter-rouge">80%</code>. I had to do this through the console by running <code class="language-plaintext highlighter-rouge">echo 80 |sudo tee /sys/class/power_supply/macsmc-battery/charge_control_end_threshold</code> in the terminal as changing the charging limit through KDE’s GUI settings did not seem to work.</p>
+
+<p>I also installed <code class="language-plaintext highlighter-rouge">lm-sensors</code>. I did that mostly to see the temperatures at which the computer was running, but I was very surprised to see that it also provided me with a nice way of seeing how much power it was using at a given time. This showed me that the power usage even with the screen turned on was rather low! I, therefore, enabled ssh and ssh’d into the machine to see what its power usage would be when the screen was completely turned off; and I was very surprised to see that the idle power consumption appears to be around 1-2 W with the screen turned off. Now that’s <em>really</em> low value and something that you would <em>probably</em> have a hard time noticing on your monthly power bill.</p>
+
+<p>If I were to actually start using this machine as a server, I would probably install a more minimal version of Asahi (probably without any DE whatsoever) and I would also need to get some sort of USB-C to ethernet adapater and <em>hope</em> that it works; though depending on what exactly I’ll end up using the server for, a decent WiFi connection might not be all that problematic either.</p>
+
+<h2 id="conclusion">Conclusion</h2>
+<p>I was pleasantly surprised to see how well it works just out of the box and will definitely be keeping Asahi on my MBA. I’ll try out some more stuff, especially in regards to running it as a server or I might just keep it around as a nice Linux machine in general.</p>
+
+      <div class="clearfix"></div>
+    </div>
+
+    <footer>
+        <p>2024 - 2024 hexaitos.com</p>
+<p>Made with Jekyll</p>
+<a rel="me" href="https://squawk.social/@hexaitos"></a>
+    </footer>
+</body>
+</html>
diff --git a/_site/art.html b/_site/art.html
index 2048b14..9cc2de3 100644
--- a/_site/art.html
+++ b/_site/art.html
@@ -1,6 +1,8 @@
 <!DOCTYPE html>
 <html lang="en">
 
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
 <meta charset="UTF-8">
 <meta name="viewport" content="width=device-width,initial-scale=1">
 <meta name="description" content="This page contains art that I have comissioned of Hexaitos.">
@@ -10,6 +12,7 @@
 <link rel="preload" as="style" href="/assets/css/styles.css">
 <link rel="stylesheet" href="/assets/css/styles.css">
 
+</head>
 <body>
     <div class="menu">
     <a href="/index.html">Home</a>
@@ -27,7 +30,7 @@
         <div class="responsive">
             <div class="gallery">
                 <a target="_blank" href="/assets/images/Hexaitos/FaultyArts/hexaitos_icon.png">
-                <img src="/assets/images/Hexaitos/FaultyArts/hexaitos_icon_small.png" alt="A simple shaded icon of an anthropomorphic bateleur eagle" width="600" height="400">
+                <img src="/assets/images/Hexaitos/FaultyArts/hexaitos_icon_small.png" alt="A simple shaded icon of an anthropomorphic bateleur eagle" width="600" height="400" loading="lazy">
                 </a>
                 <div class="desc">Hexaitos bonus icon – FaultyArts</div>
             </div>
@@ -36,7 +39,7 @@
         <div class="responsive">
             <div class="gallery">
                 <a target="_blank" href="/assets/images/Hexaitos/Jagal/huevember_2024.jpg">
-                <img src="/assets/images/Hexaitos/Jagal/huevember_2024_thumb.jpg" alt="A half-body painting of an anthropomorphic bateleur eagle walking through a field." width="600" height="400">
+                <img src="/assets/images/Hexaitos/Jagal/huevember_2024_thumb.jpg" alt="A half-body painting of an anthropomorphic bateleur eagle walking through a field." width="600" height="400" loading="lazy">
                 </a>
                 <div class="desc">Huevember 2024 (Day 2) – Jagal</div>
             </div>
@@ -45,7 +48,7 @@
         <div class="responsive">
             <div class="gallery">
                 <a target="_blank" href="/assets/images/Hexaitos/FaultyArts/hexaitos_bateleur.png">
-                <img src="/assets/images/Hexaitos/FaultyArts/hexaitos_bateleur_thumb.jpg" alt="A reference sheet for an anthropomorphic bateleur eagle" width="600" height="400">
+                <img src="/assets/images/Hexaitos/FaultyArts/hexaitos_bateleur_thumb.jpg" alt="A reference sheet for an anthropomorphic bateleur eagle" width="600" height="400" loading="lazy">
                 </a>
                 <div class="desc">Hexaitos ref sheet – FaultyArts</div>
             </div>
@@ -54,7 +57,7 @@
         <div class="responsive">
             <div class="gallery">
                 <a target="_blank" href="/assets/images/Hexaitos/CZGoldEdition/spookyHexaitos_icon.png">
-                <img src="/assets/images/Hexaitos/CZGoldEdition/spookyHexaitos_icon_thumb.jpg" alt="A spooky icon of an anthropomorphic bateleur eagle" width="600" height="400">
+                <img src="/assets/images/Hexaitos/CZGoldEdition/spookyHexaitos_icon_thumb.jpg" alt="A spooky icon of an anthropomorphic bateleur eagle" width="600" height="400" loading="lazy">
                 </a>
                 <div class="desc">Spooky icon portrait 2024 – CZGoldEdition</div>
             </div>
@@ -71,4 +74,4 @@
 <a rel="me" href="https://squawk.social/@hexaitos"></a>
     </footer>
 </body>
-</html> 
+</html>
diff --git a/_site/assets/css/styles.css b/_site/assets/css/styles.css
old mode 100755
new mode 100644
index 835e4b0..6f98908
--- a/_site/assets/css/styles.css
+++ b/_site/assets/css/styles.css
@@ -1 +1 @@
-@font-face{font-family:"Merriweather";font-style:normal;font-weight:400;src:url("/assets/fonts/merriweather-v21-latin-regular.eot");src:local("Merriweather Regular"),local("Merriweather-Regular"),url("/assets/fonts/merriweather-v21-latin-regular.eot?#iefix") format("embedded-opentype"),url("/assets/fonts/merriweather-v21-latin-regular.woff2") format("woff2"),url("/assets/fonts/merriweather-v21-latin-regular.woff") format("woff"),url("/assets/fonts/merriweather-v21-latin-regular.ttf") format("truetype"),url("/assets/fonts/merriweather-v21-latin-regular.svg#Merriweather") format("svg");font-display:swap}@font-face{font-family:"Merriweather";font-style:italic;font-weight:400;src:url("/assets/fonts/merriweather-v21-latin-italic.eot");src:local("Merriweather Italic"),local("Merriweather-Italic"),url("/assets/fonts/merriweather-v21-latin-italic.eot?#iefix") format("embedded-opentype"),url("/assets/fonts/merriweather-v21-latin-italic.woff2") format("woff2"),url("/assets/fonts/merriweather-v21-latin-italic.woff") format("woff"),url("/assets/fonts/merriweather-v21-latin-italic.ttf") format("truetype"),url("/assets/fonts/merriweather-v21-latin-italic.svg#Merriweather") format("svg");font-display:swap}@font-face{font-family:"Merriweather Sans";font-style:normal;font-weight:400;src:url("/assets/fonts/merriweather-sans-v13-latin-regular.eot");src:local(""),url("/assets/fonts/merriweather-sans-v13-latin-regular.eot?#iefix") format("embedded-opentype"),url("/assets/fonts/merriweather-sans-v13-latin-regular.woff2") format("woff2"),url("/assets/fonts/merriweather-sans-v13-latin-regular.woff") format("woff"),url("/assets/fonts/merriweather-sans-v13-latin-regular.ttf") format("truetype"),url("/assets/fonts/merriweather-sans-v13-latin-regular.svg#MerriweatherSans") format("svg");font-display:swap}@font-face{font-family:"Merriweather Sans";font-style:italic;font-weight:400;src:url("/assets/fonts/merriweather-sans-v13-latin-italic.eot");src:local(""),url("/assets/fonts/merriweather-sans-v13-latin-italic.eot?#iefix") format("embedded-opentype"),url("/assets/fonts/merriweather-sans-v13-latin-italic.woff2") format("woff2"),url("/assets/fonts/merriweather-sans-v13-latin-italic.woff") format("woff"),url("/assets/fonts/merriweather-sans-v13-latin-italic.ttf") format("truetype"),url("/assets/fonts/merriweather-sans-v13-latin-italic.svg#MerriweatherSans") format("svg");font-display:swap}:root{--body-bg: #9f9287;--main-bg: #cdcac4;--menu-bg: #2b2623;--foot-bg: #2b2623;--btn-col: #dba047;--btn-hov: #ae4e26}*{font-family:Merriweather,Merriweather Sans}q{quotes:"“" "”" "‘" "’";font-family:Merriweather}q::before{content:open-quote}q::after{content:close-quote}body{margin-left:10%;margin-right:10%;padding:10px;background-color:var(--body-bg)}.main h1,h2,h3{font-variant:small-caps;padding:.3em .3em}.main h1{border-top:5px double #a72f14;border-bottom:5px double #a72f14;text-align:center}.main h2{border-bottom:5px solid #a72f14}.main p{font-size:16px;text-align:justify}.main img{max-width:100%}div.pfp{padding:.5em}div.main{background-color:var(--main-bg);padding:2em;border-radius:10px;min-height:500px}.pfp img{border:5px double #a72f14;border-radius:10px;max-width:150px;display:block;margin-left:auto;margin-right:auto}.pfp p{text-align:center;font-style:italic;font-size:12px}div.menu{background:var(--menu-bg);padding:.5em;margin-bottom:2em;overflow:hidden;text-align:center;border-radius:10px;min-height:3em;height:auto}.menu p{color:#fff;text-decoration:none;padding:.5em .5em;margin-left:.5em;text-align:right;border-radius:10px}.menu a{color:#fff;text-decoration:none;padding:.8em .8em;margin-right:1em;margin-left:1em;min-width:100px;text-align:center;background-color:var(--btn-col);display:inline-block;font-size:medium;border-radius:10px;margin-bottom:.5em;margin-top:.5em}.menu a:hover,.contact a:hover,a.webring-btn:hover{background-color:var(--btn-hov)}.main a{color:#ae4e26}.main a:hover{text-decoration:none}div.contact{text-align:center}.contact a{color:#fff;text-decoration:none;padding:.8em .8em;text-align:center;background-color:var(--btn-col);display:grid;font-size:medium;border-radius:10px;margin-bottom:1em}a.webring-btn{color:#fff;text-decoration:none;padding:.5em .5em;margin-right:.5em;margin-left:.5em;min-width:75px;text-align:center;background-color:var(--btn-col);display:inline-block;font-size:medium;border-radius:10px}div.webring{border-top:2px solid var(--btn-hov);border-bottom:2px solid var(--btn-hov);text-align:right;display:flex;align-items:center;height:50px;justify-content:space-between;margin-top:5px}.webring span{float:left;padding:auto 0}footer{background:var(--foot-bg);padding:1em;margin-top:2em;overflow:hidden;text-align:center;height:auto;border-radius:10px;min-height:3em}footer p{color:#fff}footer p:first-of-type{float:left}footer p:last-of-type{float:right}@media only screen and (max-width: 900px){.menu a{font-size:medium;min-width:90px}div.menu{padding:.5em;height:auto}body{margin-left:5%;margin-right:5%}}@media only screen and (max-width: 700px){.menu a{font-size:smaller;min-width:80px;margin-left:.1em;margin-right:.1em}footer p:first-of-type,footer p:last-of-type{float:none}}div.art{display:flex;justify-content:center}div.gallery{border:5px double rgba(167,47,20,.3)}div.gallery:hover{border:5px double #dba047}div.gallery img{width:100%;height:200px;object-fit:scale-down}div.desc{padding:10px;text-align:center}*{box-sizing:border-box}.responsive{padding:0 6px;float:left;width:24.99999%}section.colour-cols{display:flex;flex-direction:column;justify-content:space-around;text-align:center}div[class*=colour-col-]{display:flex;justify-content:center}div[class*=colour-col-]>div{height:75px;width:25%}div[class*=colour-col-][class*="1"] :nth-child(1){background-color:#2b2623}div[class*=colour-col-][class*="1"] :nth-child(2){background-color:#db9f47}div[class*=colour-col-][class*="1"] :nth-child(3){background-color:#ae4e26}div[class*=colour-col-][class*="1"] :nth-child(4){background-color:#a72f14}div[class*=colour-col-][class*="2"] :nth-child(1){background-color:#fff}div[class*=colour-col-][class*="2"] :nth-child(2){background-color:#133042}div[class*=colour-col-][class*="2"] :nth-child(3){background-color:#2b2623}div[class*=colour-col-][class*="3"] :nth-child(1){background-color:#c0b6ad}div[class*=colour-col-][class*="3"] :nth-child(2){background-color:#9f9387}div[class*=colour-col-][class*="3"] :nth-child(3){background-color:#2b2623}div[class*=colour-col-][class*="3"] :nth-child(4){background-color:#894518}div[class*=hex-code-col-]{display:flex;justify-content:center;flex-direction:row;margin-bottom:15px}div[class*=hex-code-col-]>span{width:25%;display:inline;text-align:center;font-family:monospace}span.colour-heading{margin-bottom:5px;font-size:large}img.refsheet{width:100%}@media only screen and (max-width: 700px){.responsive{width:49.99999%;margin:6px 0}div.art{display:inherit;justify-content:inherit}}@media only screen and (max-width: 500px){.responsive{width:100%}div.art{display:inherit;justify-content:inherit}a.webring-btn{min-width:40px;margin-right:.2em;margin-left:.2em}}.clearfix:after{content:"";display:table;clear:both}code{font-family:monospace;background-color:#d3d3d3;border:1px gray}@media(prefers-color-scheme: dark){:root{--body-bg: rgb(49, 49, 49);--main-bg: #191919;--menu-bg: #191919;--foot-bg: #191919;--btn-hov: #dba047;--btn-col: #ae4e26}code{background-color:#a9a9a9}div.gallery{border:5px double #a72f14}.main a{color:#dba047}.contact a,li,span,a.webring-btn,div.desc,p,h1,h2,h3,b{color:#fff}}/*# sourceMappingURL=styles.css.map */
\ No newline at end of file
+@font-face{font-family:"Merriweather";font-style:normal;font-weight:400;src:url("/assets/fonts/merriweather-v21-latin-regular.eot");src:local("Merriweather Regular"),local("Merriweather-Regular"),url("/assets/fonts/merriweather-v21-latin-regular.eot?#iefix") format("embedded-opentype"),url("/assets/fonts/merriweather-v21-latin-regular.woff2") format("woff2"),url("/assets/fonts/merriweather-v21-latin-regular.woff") format("woff"),url("/assets/fonts/merriweather-v21-latin-regular.ttf") format("truetype"),url("/assets/fonts/merriweather-v21-latin-regular.svg#Merriweather") format("svg");font-display:swap}@font-face{font-family:"Merriweather";font-style:italic;font-weight:400;src:url("/assets/fonts/merriweather-v21-latin-italic.eot");src:local("Merriweather Italic"),local("Merriweather-Italic"),url("/assets/fonts/merriweather-v21-latin-italic.eot?#iefix") format("embedded-opentype"),url("/assets/fonts/merriweather-v21-latin-italic.woff2") format("woff2"),url("/assets/fonts/merriweather-v21-latin-italic.woff") format("woff"),url("/assets/fonts/merriweather-v21-latin-italic.ttf") format("truetype"),url("/assets/fonts/merriweather-v21-latin-italic.svg#Merriweather") format("svg");font-display:swap}@font-face{font-family:"Merriweather Sans";font-style:normal;font-weight:400;src:url("/assets/fonts/merriweather-sans-v13-latin-regular.eot");src:local(""),url("/assets/fonts/merriweather-sans-v13-latin-regular.eot?#iefix") format("embedded-opentype"),url("/assets/fonts/merriweather-sans-v13-latin-regular.woff2") format("woff2"),url("/assets/fonts/merriweather-sans-v13-latin-regular.woff") format("woff"),url("/assets/fonts/merriweather-sans-v13-latin-regular.ttf") format("truetype"),url("/assets/fonts/merriweather-sans-v13-latin-regular.svg#MerriweatherSans") format("svg");font-display:swap}@font-face{font-family:"Merriweather Sans";font-style:italic;font-weight:400;src:url("/assets/fonts/merriweather-sans-v13-latin-italic.eot");src:local(""),url("/assets/fonts/merriweather-sans-v13-latin-italic.eot?#iefix") format("embedded-opentype"),url("/assets/fonts/merriweather-sans-v13-latin-italic.woff2") format("woff2"),url("/assets/fonts/merriweather-sans-v13-latin-italic.woff") format("woff"),url("/assets/fonts/merriweather-sans-v13-latin-italic.ttf") format("truetype"),url("/assets/fonts/merriweather-sans-v13-latin-italic.svg#MerriweatherSans") format("svg");font-display:swap}:root{--body-bg: #9f9287;--main-bg: #cdcac4;--menu-bg: #2b2623;--foot-bg: #2b2623;--btn-col: #dba047;--btn-hov: #ae4e26}*{font-family:Merriweather,Merriweather Sans}q{quotes:"“" "”" "‘" "’";font-family:Merriweather}q::before{content:open-quote}q::after{content:close-quote}figcaption{text-align:center;padding-top:5px;padding-bottom:5px}figure.main{width:100%;margin:0;overflow:hidden}figure.main img{width:100%;border:3px var(--btn-hov) solid;border-radius:10px;object-fit:contain}figure.small-image{float:right;margin-left:15px;width:35vw;margin-right:0}figure.small-image img{width:100%;height:auto;border-radius:8px}figure.small-image figcaption{text-align:center;font-size:.8em;margin-top:5px}body{margin-left:10%;margin-right:10%;padding:10px;background-color:var(--body-bg)}.main h1,h2,h3{font-variant:small-caps;padding:.3em .3em}.main h1{border-top:5px double #a72f14;border-bottom:5px double #a72f14;text-align:center}.main h2{border-bottom:5px solid #a72f14}.main p{font-size:16px;text-align:justify}.main img{max-width:100%}div.pfp{padding:.5em}div.main{background-color:var(--main-bg);padding:2em;border-radius:10px;min-height:500px}.pfp img{border:5px double #a72f14;border-radius:10px;max-width:150px;display:block;margin-left:auto;margin-right:auto}.pfp p{text-align:center;font-style:italic;font-size:12px}div.menu{background:var(--menu-bg);padding:.5em;margin-bottom:2em;overflow:hidden;text-align:center;border-radius:10px;min-height:3em;height:auto}.menu p{color:#fff;text-decoration:none;padding:.5em .5em;margin-left:.5em;text-align:right;border-radius:10px}.menu a{color:#fff;text-decoration:none;padding:.8em .8em;margin-right:1em;margin-left:1em;min-width:100px;text-align:center;background-color:var(--btn-col);display:inline-block;font-size:medium;border-radius:10px;margin-bottom:.5em;margin-top:.5em}.menu a:hover,.contact a:hover,a.webring-btn:hover{background-color:var(--btn-hov)}.main a{color:#ae4e26}.main a:hover{text-decoration:none}div.contact{text-align:center}.contact a{color:#fff;text-decoration:none;padding:.8em .8em;text-align:center;background-color:var(--btn-col);display:grid;font-size:medium;border-radius:10px;margin-bottom:1em}a.webring-btn{color:#fff;text-decoration:none;padding:.5em .5em;margin-right:.5em;margin-left:.5em;min-width:75px;text-align:center;background-color:var(--btn-col);display:inline-block;font-size:medium;border-radius:10px}div.webring{border-top:2px solid var(--btn-hov);border-bottom:2px solid var(--btn-hov);text-align:right;display:flex;align-items:center;height:50px;justify-content:space-between;margin-top:5px}.webring span{float:left;padding:auto 0}footer{background:var(--foot-bg);padding:1em;margin-top:2em;overflow:hidden;text-align:center;height:auto;border-radius:10px;min-height:3em}footer p{color:#fff}footer p:first-of-type{float:left}footer p:last-of-type{float:right}@media only screen and (max-width: 900px){.menu a{font-size:medium;min-width:90px}div.menu{padding:.5em;height:auto}body{margin-left:5%;margin-right:5%}}@media only screen and (max-width: 700px){.menu a{font-size:smaller;min-width:80px;margin-left:.1em;margin-right:.1em}footer p:first-of-type,footer p:last-of-type{float:none}}div.art{display:flex;justify-content:center}div.gallery{border:5px double rgba(167,47,20,.3)}div.gallery:hover{border:5px double #dba047}div.gallery img{width:100%;height:200px;object-fit:scale-down}div.desc{padding:10px;text-align:center}*{box-sizing:border-box}.responsive{padding:0 6px;float:left;width:24.99999%}section.colour-cols{display:flex;flex-direction:column;justify-content:space-around;text-align:center}div[class*=colour-col-]{display:flex;justify-content:center}div[class*=colour-col-]>div{height:75px;width:25%}div[class*=colour-col-][class*="1"] :nth-child(1){background-color:#2b2623}div[class*=colour-col-][class*="1"] :nth-child(2){background-color:#db9f47}div[class*=colour-col-][class*="1"] :nth-child(3){background-color:#ae4e26}div[class*=colour-col-][class*="1"] :nth-child(4){background-color:#a72f14}div[class*=colour-col-][class*="2"] :nth-child(1){background-color:#fff}div[class*=colour-col-][class*="2"] :nth-child(2){background-color:#133042}div[class*=colour-col-][class*="2"] :nth-child(3){background-color:#2b2623}div[class*=colour-col-][class*="3"] :nth-child(1){background-color:#c0b6ad}div[class*=colour-col-][class*="3"] :nth-child(2){background-color:#9f9387}div[class*=colour-col-][class*="3"] :nth-child(3){background-color:#2b2623}div[class*=colour-col-][class*="3"] :nth-child(4){background-color:#894518}div[class*=hex-code-col-]{display:flex;justify-content:center;flex-direction:row;margin-bottom:15px}div[class*=hex-code-col-]>span{width:25%;display:inline;text-align:center;font-family:monospace}span.colour-heading{margin-bottom:5px;font-size:large}img.refsheet{width:100%}@media only screen and (max-width: 700px){.responsive{width:49.99999%;margin:6px 0}div.art{display:inherit;justify-content:inherit}figure.small-image{width:100%}}@media only screen and (max-width: 500px){.responsive{width:100%}div.art{display:inherit;justify-content:inherit}a.webring-btn{min-width:40px;margin-right:.2em;margin-left:.2em}}.clearfix:after{content:"";display:table;clear:both}code{font-family:monospace;background-color:#d3d3d3;border:1px gray}@media(prefers-color-scheme: dark){:root{--body-bg: rgb(49, 49, 49);--main-bg: #191919;--menu-bg: #191919;--foot-bg: #191919;--btn-hov: #dba047;--btn-col: #ae4e26}code{background-color:#a9a9a9}div.gallery{border:5px double #a72f14}.main a{color:#dba047}.contact a,li,span,a.webring-btn,div.desc,p,h1,h2,h3,b{color:#fff}}/*# sourceMappingURL=styles.css.map */
\ No newline at end of file
diff --git a/_site/assets/css/styles.css.map b/_site/assets/css/styles.css.map
index 5bbdff2..e6522aa 100644
--- a/_site/assets/css/styles.css.map
+++ b/_site/assets/css/styles.css.map
@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["styles.scss"],"names":[],"mappings":"CACA,WACE,2BACA,kBACA,gBACA,4DACA,2cAMA,kBAIF,WACE,2BACA,kBACA,gBACA,2DACA,ocAMA,kBAIF,WACE,gCACA,kBACA,gBACA,iEACA,sbAMA,kBAIF,WACE,gCACA,kBACA,gBACA,gEACA,ibAMA,kBAGF,MACE,mBACA,mBACA,mBACA,mBACA,mBACA,mBAGF,EACE,2CAGF,EACE,uBACA,yBAGF,UACI,mBAGJ,SACI,oBAGJ,KAGE,gBACA,iBACA,aACA,gCAGF,eACE,wBACA,kBAGF,SACE,8BACA,iCACA,kBAGF,SACE,gCAGF,QACE,eACA,mBAGF,UACE,eAGF,QACE,aAGF,SACE,gCACA,YACA,mBACA,iBAGF,SACE,0BACA,mBACA,gBACA,cACA,iBACA,kBAGF,OACE,kBACA,kBACA,eAGF,SAEE,0BACA,aACA,kBACA,gBACA,kBACA,mBACA,eACA,YAGF,QACE,WACA,qBACA,kBACA,iBACA,iBACA,mBAGF,QACE,WACA,qBACA,kBACA,iBACA,gBACA,gBACA,kBACA,gCACA,qBACA,iBACA,mBACA,mBACA,gBAGF,mDACE,gCAGF,QACE,cAGF,cACE,qBAGF,YACE,kBAGF,WACE,WACA,qBACA,kBACA,kBACA,gCACA,aACA,iBACA,mBACA,kBAOF,cACE,WACA,qBACA,kBACA,kBACA,iBACA,eACA,kBACA,gCACA,qBACA,iBACA,mBAOF,YACE,oCACA,uCACA,iBACA,aACA,mBACA,YACA,8BACA,eAGF,cACE,WACA,eAGF,OAEE,0BACA,YACA,eACA,gBACA,kBACA,YACA,mBACA,eAGF,SACE,WAGF,uBACE,WAGF,sBACE,YAIF,0CACE,QACE,iBACA,eAGF,SACE,aACA,YAGF,KACE,eACA,iBAIJ,0CACE,QACE,kBACA,eACA,iBACA,kBAGF,6CACE,YAMJ,QACE,aACA,uBAGF,YACE,qCAGF,kBACE,0BAGF,gBACE,WACA,aACA,sBAGF,SACE,aACA,kBAGF,EACE,sBAGF,YACE,cACA,WACA,gBAGF,oBACE,aACA,sBACA,6BACA,kBAGF,wBACE,aACA,uBAEA,4BACE,YACA,UAIA,2EACA,2EACA,2EACA,2EAIA,wEACA,2EACA,2EAIA,2EACA,2EACA,2EACA,2EAIJ,0BACE,aACA,uBACA,mBACA,mBAEA,+BACE,UACA,eACA,kBACA,sBAIJ,oBACE,kBACA,gBAGF,aACE,WAGF,0CACE,YACE,gBACA,aAGF,QACE,gBACA,yBAIJ,0CACE,YACE,WAGF,QACE,gBACA,wBAGF,cACE,eACA,kBACA,kBAIJ,gBACE,WACA,cACA,WAGF,KACE,sBACA,yBACA,gBAGF,mCACE,MACE,2BACA,mBACA,mBACA,mBACA,mBACA,mBAGF,KACE,yBAGF,YACE,0BAGF,QACE,cAGF,uDACE","sourcesContent":["/* merriweather-regular - latin */\n@font-face {\n  font-family: 'Merriweather';\n  font-style: normal;\n  font-weight: 400;\n  src: url('/assets/fonts/merriweather-v21-latin-regular.eot'); /* IE9 Compat Modes */\n  src: local('Merriweather Regular'), local('Merriweather-Regular'),\n       url('/assets/fonts/merriweather-v21-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */\n       url('/assets/fonts/merriweather-v21-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */\n       url('/assets/fonts/merriweather-v21-latin-regular.woff') format('woff'), /* Modern Browsers */\n       url('/assets/fonts/merriweather-v21-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */\n       url('/assets/fonts/merriweather-v21-latin-regular.svg#Merriweather') format('svg'); /* Legacy iOS */\n  font-display: swap;\n}\n\n/* merriweather-italic - latin */\n@font-face {\n  font-family: 'Merriweather';\n  font-style: italic;\n  font-weight: 400;\n  src: url('/assets/fonts/merriweather-v21-latin-italic.eot'); /* IE9 Compat Modes */\n  src: local('Merriweather Italic'), local('Merriweather-Italic'),\n       url('/assets/fonts/merriweather-v21-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */\n       url('/assets/fonts/merriweather-v21-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */\n       url('/assets/fonts/merriweather-v21-latin-italic.woff') format('woff'), /* Modern Browsers */\n       url('/assets/fonts/merriweather-v21-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */\n       url('/assets/fonts/merriweather-v21-latin-italic.svg#Merriweather') format('svg'); /* Legacy iOS */\n  font-display: swap;\n}\n\n/* merriweather-sans-regular - latin */\n@font-face {\n  font-family: 'Merriweather Sans';\n  font-style: normal;\n  font-weight: 400;\n  src: url('/assets/fonts/merriweather-sans-v13-latin-regular.eot'); /* IE9 Compat Modes */\n  src: local(''),\n       url('/assets/fonts/merriweather-sans-v13-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */\n       url('/assets/fonts/merriweather-sans-v13-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */\n       url('/assets/fonts/merriweather-sans-v13-latin-regular.woff') format('woff'), /* Modern Browsers */\n       url('/assets/fonts/merriweather-sans-v13-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */\n       url('/assets/fonts/merriweather-sans-v13-latin-regular.svg#MerriweatherSans') format('svg'); /* Legacy iOS */\n  font-display: swap;\n}\n\n/* merriweather-sans-italic - latin */\n@font-face {\n  font-family: 'Merriweather Sans';\n  font-style: italic;\n  font-weight: 400;\n  src: url('/assets/fonts/merriweather-sans-v13-latin-italic.eot'); /* IE9 Compat Modes */\n  src: local(''),\n       url('/assets/fonts/merriweather-sans-v13-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */\n       url('/assets/fonts/merriweather-sans-v13-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */\n       url('/assets/fonts/merriweather-sans-v13-latin-italic.woff') format('woff'), /* Modern Browsers */\n       url('/assets/fonts/merriweather-sans-v13-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */\n       url('/assets/fonts/merriweather-sans-v13-latin-italic.svg#MerriweatherSans') format('svg'); /* Legacy iOS */\n  font-display: swap;\n}\n\n:root {\n  --body-bg: #9f9287;\n  --main-bg: #cdcac4; \n  --menu-bg: #2b2623;\n  --foot-bg: #2b2623; \n  --btn-col: #dba047; \n  --btn-hov: #ae4e26;\n}\n\n* {\n  font-family: Merriweather, Merriweather Sans; \n}\n\nq {\n  quotes: \"“\" \"”\" \"‘\" \"’\";\n  font-family: Merriweather;\n}\n\nq::before {\n    content: open-quote;\n}\n\nq::after {\n    content: close-quote;\n}\n\nbody {\n  /* border: 2px solid rgba(167, 47, 20, 1); */\n  /* border-radius: 25px; */\n  margin-left: 10%;\n  margin-right: 10%;\n  padding: 10px;\n  background-color: var(--body-bg);\n}\n\n.main h1, h2, h3 {\n  font-variant: small-caps;\n  padding: .3em .3em;\n}\n\n.main h1 {\n  border-top: 5px double rgba(167, 47, 20, 1);\n  border-bottom: 5px double rgba(167, 47, 20, 1);\n  text-align: center;\n}\n\n.main h2 {\n  border-bottom: 5px solid rgba(167, 47, 20, 1);\n}\n\n.main p {\n  font-size: 16px;\n  text-align: justify;\n}\n\n.main img {\n  max-width: 100%;\n}\n\ndiv.pfp {\n  padding: .5em;\n}\n\ndiv.main {\n  background-color: var(--main-bg);\n  padding: 2em;\n  border-radius: 10px;\n  min-height: 500px;\n}\n\n.pfp img {\n  border: 5px double rgba(167, 47, 20, 1);\n  border-radius: 10px;\n  max-width: 150px;\n  display: block;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n.pfp p {\n  text-align: center;\n  font-style: italic;\n  font-size: 12px; \n}\n\ndiv.menu {\n  /* background: #ae4e26; */\n  background: var(--menu-bg); \n  padding: .5em;\n  margin-bottom: 2em;\n  overflow: hidden;\n  text-align: center;\n  border-radius: 10px;\n  min-height: 3em;\n  height: auto;\n}\n\n.menu p {\n  color: white;\n  text-decoration: none;\n  padding: .5em .5em; \n  margin-left: .5em;\n  text-align: right;\n  border-radius: 10px;\n}\n\n.menu a {\n  color: white;\n  text-decoration: none;\n  padding: .8em .8em;\n  margin-right: 1em;\n  margin-left: 1em;\n  min-width: 100px;\n  text-align: center;\n  background-color: var(--btn-col);\n  display:inline-block;\n  font-size: medium;\n  border-radius: 10px;\n  margin-bottom: .5em;\n  margin-top: .5em;\n}\n\n.menu a:hover, .contact a:hover, a.webring-btn:hover {\n  background-color: var(--btn-hov);\n}\n\n.main a {\n  color: #ae4e26;\n}\n\n.main a:hover {\n  text-decoration: none;\n}\n\ndiv.contact {\n  text-align: center;\n}\n\n.contact a {\n  color: white;\n  text-decoration: none;\n  padding: .8em .8em;\n  text-align: center;\n  background-color: var(--btn-col);\n  display:grid;\n  font-size: medium;\n  border-radius: 10px;\n  margin-bottom: 1em;\n}\n\n/*.contact a:last-child {\n  min-width: 94%;\n} */\n\na.webring-btn {\n  color: white;\n  text-decoration: none;\n  padding: .5em .5em;\n  margin-right: 0.5em;\n  margin-left: 0.5em;\n  min-width: 75px;\n  text-align: center;\n  background-color: var(--btn-col);\n  display: inline-block;\n  font-size: medium;\n  border-radius: 10px;\n}\n\ndiv.webring-btn-container {\n  \n}\n\ndiv.webring {\n  border-top: 2px solid var(--btn-hov);\n  border-bottom: 2px solid var(--btn-hov);\n  text-align: right;\n  display: flex;\n  align-items: center;\n  height: 50px;\n  justify-content: space-between;\n  margin-top: 5px;\n}\n\n.webring span {\n  float: left;\n  padding: auto 0;\n}\n\nfooter {\n  /* background: #ae4e26; */\n  background: var(--foot-bg); \n  padding: 1em;\n  margin-top: 2em;\n  overflow: hidden;\n  text-align: center;\n  height: auto;\n  border-radius: 10px;\n  min-height: 3em;\n}\n\nfooter p {\n  color: white;\n}\n\nfooter p:first-of-type {\n  float: left;\n}\n\nfooter p:last-of-type {\n  float: right;\n}\n\n/* Responsive design stuff */\n@media only screen and (max-width: 900px) {\n  .menu a {\n    font-size: medium;\n    min-width: 90px;\n  }\n\n  div.menu {\n    padding: .5em;\n    height: auto;\n  }\n\n  body {\n    margin-left: 5%;\n    margin-right: 5%;\n  }\n}\n\n@media only screen and (max-width: 700px) {\n  .menu a {\n    font-size: smaller;\n    min-width: 80px;\n    margin-left: 0.1em;\n    margin-right: 0.1em;\n  }\n\n  footer p:first-of-type, footer p:last-of-type {\n    float: none;\n  }\n}\n\n/* CSS gallery from w3schools.com */\n\ndiv.art {\n  display: flex;\n  justify-content: center;\n}\n\ndiv.gallery {\n  border: 5px double rgba(167, 47, 20, 0.3);\n}\n\ndiv.gallery:hover {\n  border: 5px double #dba047;\n}\n\ndiv.gallery img {\n  width: 100%;\n  height: 200px;\n  object-fit: scale-down;\n}\n\ndiv.desc {\n  padding: 10px;\n  text-align: center;\n}\n\n* {\n  box-sizing: border-box;\n}\n\n.responsive {\n  padding: 0 6px;\n  float: left;\n  width: 24.99999%;\n}\n\nsection.colour-cols {\n  display:flex;\n  flex-direction: column;\n  justify-content: space-around;\n  text-align: center;\n}\n\ndiv[class*=\"colour-col-\"] {\n  display: flex;\n  justify-content: center;\n\n  > div {\n    height: 75px;\n    width: 25%;\n  }\n\n  &[class*=\"1\"] {\n    :nth-child(1) { background-color: #2b2623; }\n    :nth-child(2) { background-color: #db9f47; }\n    :nth-child(3) { background-color: #ae4e26; }\n    :nth-child(4) { background-color: #a72f14; }\n  }\n\n  &[class*=\"2\"] {\n    :nth-child(1) { background-color: #ffffff; }\n    :nth-child(2) { background-color: #133042; }\n    :nth-child(3) { background-color: #2b2623; }\n  }\n\n  &[class*=\"3\"] {\n    :nth-child(1) { background-color: #c0b6ad; }\n    :nth-child(2) { background-color: #9f9387; }\n    :nth-child(3) { background-color: #2b2623; }\n    :nth-child(4) { background-color: #894518; }\n  }\n}\n\ndiv[class*=\"hex-code-col-\"] {\n  display: flex;\n  justify-content: center;\n  flex-direction: row;\n  margin-bottom: 15px;\n\n  > span {\n    width: 25%;\n    display: inline;\n    text-align: center;\n    font-family: monospace;\n  }\n}\n\nspan.colour-heading {\n  margin-bottom: 5px;\n  font-size: large;\n}\n\nimg.refsheet {\n  width: 100%;\n}\n\n@media only screen and (max-width: 700px) {\n  .responsive {\n    width: 49.99999%;\n    margin: 6px 0;\n  }\n  \n  div.art {\n    display: inherit;\n    justify-content: inherit\n  }\n}\n\n@media only screen and (max-width: 500px) {\n  .responsive {\n    width: 100%;\n  }\n\n  div.art {\n    display: inherit;\n    justify-content: inherit\n  }\n\n  a.webring-btn {\n    min-width: 40px;\n    margin-right: 0.2em;\n    margin-left: 0.2em;\n  }\n}\n\n.clearfix:after {\n  content: \"\";\n  display: table;\n  clear: both;\n}\n\ncode {\n  font-family: monospace;\n  background-color: lightgrey;\n  border: 1px grey;\n}\n\n@media (prefers-color-scheme: dark) {\n  :root {\n    --body-bg: rgb(49, 49, 49);\n    --main-bg: #191919; \n    --menu-bg: #191919;\n    --foot-bg: #191919; \n    --btn-hov: #dba047; \n    --btn-col: #ae4e26;\n  }\n\n  code {\n    background-color: darkgray;\n  }\n\n  div.gallery {\n    border: 5px double rgba(167, 47, 20, 1);\n  }\n\n  .main a {\n    color: #dba047;\n  }\n\n  .contact a, li, span, a.webring-btn, div.desc, p, h1, h2, h3, b  {\n    color: white; \n  }\n}"],"file":"styles.css"}
\ No newline at end of file
+{"version":3,"sourceRoot":"","sources":["styles.scss"],"names":[],"mappings":"CACA,WACE,2BACA,kBACA,gBACA,4DACA,2cAMA,kBAIF,WACE,2BACA,kBACA,gBACA,2DACA,ocAMA,kBAIF,WACE,gCACA,kBACA,gBACA,iEACA,sbAMA,kBAIF,WACE,gCACA,kBACA,gBACA,gEACA,ibAMA,kBAGF,MACE,mBACA,mBACA,mBACA,mBACA,mBACA,mBAGF,EACE,2CAGF,EACE,uBACA,yBAGF,UACI,mBAGJ,SACI,oBAGJ,WACE,kBACA,gBACA,mBAGF,YACE,WACA,SACA,gBAGF,gBACE,WACA,gCACA,mBACA,mBAGF,mBACE,YACA,iBACA,WACA,eAGF,uBACE,WACA,YACA,kBAGF,8BACE,kBACA,eACA,eAGF,KAGE,gBACA,iBACA,aACA,gCAGF,eACE,wBACA,kBAGF,SACE,8BACA,iCACA,kBAGF,SACE,gCAGF,QACE,eACA,mBAGF,UACE,eAGF,QACE,aAGF,SACE,gCACA,YACA,mBACA,iBAGF,SACE,0BACA,mBACA,gBACA,cACA,iBACA,kBAGF,OACE,kBACA,kBACA,eAGF,SAEE,0BACA,aACA,kBACA,gBACA,kBACA,mBACA,eACA,YAGF,QACE,WACA,qBACA,kBACA,iBACA,iBACA,mBAGF,QACE,WACA,qBACA,kBACA,iBACA,gBACA,gBACA,kBACA,gCACA,qBACA,iBACA,mBACA,mBACA,gBAGF,mDACE,gCAGF,QACE,cAGF,cACE,qBAGF,YACE,kBAGF,WACE,WACA,qBACA,kBACA,kBACA,gCACA,aACA,iBACA,mBACA,kBAOF,cACE,WACA,qBACA,kBACA,kBACA,iBACA,eACA,kBACA,gCACA,qBACA,iBACA,mBAOF,YACE,oCACA,uCACA,iBACA,aACA,mBACA,YACA,8BACA,eAGF,cACE,WACA,eAGF,OAEE,0BACA,YACA,eACA,gBACA,kBACA,YACA,mBACA,eAGF,SACE,WAGF,uBACE,WAGF,sBACE,YAIF,0CACE,QACE,iBACA,eAGF,SACE,aACA,YAGF,KACE,eACA,iBAIJ,0CACE,QACE,kBACA,eACA,iBACA,kBAGF,6CACE,YAMJ,QACE,aACA,uBAGF,YACE,qCAGF,kBACE,0BAGF,gBACE,WACA,aACA,sBAGF,SACE,aACA,kBAGF,EACE,sBAGF,YACE,cACA,WACA,gBAGF,oBACE,aACA,sBACA,6BACA,kBAGF,wBACE,aACA,uBAEA,4BACE,YACA,UAIA,2EACA,2EACA,2EACA,2EAIA,wEACA,2EACA,2EAIA,2EACA,2EACA,2EACA,2EAIJ,0BACE,aACA,uBACA,mBACA,mBAEA,+BACE,UACA,eACA,kBACA,sBAIJ,oBACE,kBACA,gBAGF,aACE,WAGF,0CACE,YACE,gBACA,aAGF,QACE,gBACA,wBAEF,mBACE,YAIJ,0CACE,YACE,WAGF,QACE,gBACA,wBAGF,cACE,eACA,kBACA,kBAIJ,gBACE,WACA,cACA,WAGF,KACE,sBACA,yBACA,gBAGF,mCACE,MACE,2BACA,mBACA,mBACA,mBACA,mBACA,mBAGF,KACE,yBAGF,YACE,0BAGF,QACE,cAGF,uDACE","sourcesContent":["/* merriweather-regular - latin */\n@font-face {\n  font-family: 'Merriweather';\n  font-style: normal;\n  font-weight: 400;\n  src: url('/assets/fonts/merriweather-v21-latin-regular.eot'); /* IE9 Compat Modes */\n  src: local('Merriweather Regular'), local('Merriweather-Regular'),\n       url('/assets/fonts/merriweather-v21-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */\n       url('/assets/fonts/merriweather-v21-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */\n       url('/assets/fonts/merriweather-v21-latin-regular.woff') format('woff'), /* Modern Browsers */\n       url('/assets/fonts/merriweather-v21-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */\n       url('/assets/fonts/merriweather-v21-latin-regular.svg#Merriweather') format('svg'); /* Legacy iOS */\n  font-display: swap;\n}\n\n/* merriweather-italic - latin */\n@font-face {\n  font-family: 'Merriweather';\n  font-style: italic;\n  font-weight: 400;\n  src: url('/assets/fonts/merriweather-v21-latin-italic.eot'); /* IE9 Compat Modes */\n  src: local('Merriweather Italic'), local('Merriweather-Italic'),\n       url('/assets/fonts/merriweather-v21-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */\n       url('/assets/fonts/merriweather-v21-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */\n       url('/assets/fonts/merriweather-v21-latin-italic.woff') format('woff'), /* Modern Browsers */\n       url('/assets/fonts/merriweather-v21-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */\n       url('/assets/fonts/merriweather-v21-latin-italic.svg#Merriweather') format('svg'); /* Legacy iOS */\n  font-display: swap;\n}\n\n/* merriweather-sans-regular - latin */\n@font-face {\n  font-family: 'Merriweather Sans';\n  font-style: normal;\n  font-weight: 400;\n  src: url('/assets/fonts/merriweather-sans-v13-latin-regular.eot'); /* IE9 Compat Modes */\n  src: local(''),\n       url('/assets/fonts/merriweather-sans-v13-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */\n       url('/assets/fonts/merriweather-sans-v13-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */\n       url('/assets/fonts/merriweather-sans-v13-latin-regular.woff') format('woff'), /* Modern Browsers */\n       url('/assets/fonts/merriweather-sans-v13-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */\n       url('/assets/fonts/merriweather-sans-v13-latin-regular.svg#MerriweatherSans') format('svg'); /* Legacy iOS */\n  font-display: swap;\n}\n\n/* merriweather-sans-italic - latin */\n@font-face {\n  font-family: 'Merriweather Sans';\n  font-style: italic;\n  font-weight: 400;\n  src: url('/assets/fonts/merriweather-sans-v13-latin-italic.eot'); /* IE9 Compat Modes */\n  src: local(''),\n       url('/assets/fonts/merriweather-sans-v13-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */\n       url('/assets/fonts/merriweather-sans-v13-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */\n       url('/assets/fonts/merriweather-sans-v13-latin-italic.woff') format('woff'), /* Modern Browsers */\n       url('/assets/fonts/merriweather-sans-v13-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */\n       url('/assets/fonts/merriweather-sans-v13-latin-italic.svg#MerriweatherSans') format('svg'); /* Legacy iOS */\n  font-display: swap;\n}\n\n:root {\n  --body-bg: #9f9287;\n  --main-bg: #cdcac4; \n  --menu-bg: #2b2623;\n  --foot-bg: #2b2623; \n  --btn-col: #dba047; \n  --btn-hov: #ae4e26;\n}\n\n* {\n  font-family: Merriweather, Merriweather Sans; \n}\n\nq {\n  quotes: \"“\" \"”\" \"‘\" \"’\";\n  font-family: Merriweather;\n}\n\nq::before {\n    content: open-quote;\n}\n\nq::after {\n    content: close-quote;\n}\n\nfigcaption {\n  text-align: center;\n  padding-top: 5px;\n  padding-bottom: 5px;\n}\n\nfigure.main {\n  width: 100%;\n  margin: 0;\n  overflow: hidden;\n}\n\nfigure.main img {\n  width: 100%;\n  border: 3px var(--btn-hov) solid;\n  border-radius: 10px; \n  object-fit: contain;\n}\n\nfigure.small-image {\n  float: right;  \n  margin-left: 15px; \n  width: 35vw; \n  margin-right: 0;\n}\n\nfigure.small-image img {\n  width: 100%;\n  height: auto; \n  border-radius: 8px; \n}\n\nfigure.small-image figcaption {\n  text-align: center;\n  font-size: 0.8em;\n  margin-top: 5px;\n}\n\nbody {\n  /* border: 2px solid rgba(167, 47, 20, 1); */\n  /* border-radius: 25px; */\n  margin-left: 10%;\n  margin-right: 10%;\n  padding: 10px;\n  background-color: var(--body-bg);\n}\n\n.main h1, h2, h3 {\n  font-variant: small-caps;\n  padding: .3em .3em;\n}\n\n.main h1 {\n  border-top: 5px double rgba(167, 47, 20, 1);\n  border-bottom: 5px double rgba(167, 47, 20, 1);\n  text-align: center;\n}\n\n.main h2 {\n  border-bottom: 5px solid rgba(167, 47, 20, 1);\n}\n\n.main p {\n  font-size: 16px;\n  text-align: justify;\n}\n\n.main img {\n  max-width: 100%;\n}\n\ndiv.pfp {\n  padding: .5em;\n}\n\ndiv.main {\n  background-color: var(--main-bg);\n  padding: 2em;\n  border-radius: 10px;\n  min-height: 500px;\n}\n\n.pfp img {\n  border: 5px double rgba(167, 47, 20, 1);\n  border-radius: 10px;\n  max-width: 150px;\n  display: block;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n.pfp p {\n  text-align: center;\n  font-style: italic;\n  font-size: 12px; \n}\n\ndiv.menu {\n  /* background: #ae4e26; */\n  background: var(--menu-bg); \n  padding: .5em;\n  margin-bottom: 2em;\n  overflow: hidden;\n  text-align: center;\n  border-radius: 10px;\n  min-height: 3em;\n  height: auto;\n}\n\n.menu p {\n  color: white;\n  text-decoration: none;\n  padding: .5em .5em; \n  margin-left: .5em;\n  text-align: right;\n  border-radius: 10px;\n}\n\n.menu a {\n  color: white;\n  text-decoration: none;\n  padding: .8em .8em;\n  margin-right: 1em;\n  margin-left: 1em;\n  min-width: 100px;\n  text-align: center;\n  background-color: var(--btn-col);\n  display:inline-block;\n  font-size: medium;\n  border-radius: 10px;\n  margin-bottom: .5em;\n  margin-top: .5em;\n}\n\n.menu a:hover, .contact a:hover, a.webring-btn:hover {\n  background-color: var(--btn-hov);\n}\n\n.main a {\n  color: #ae4e26;\n}\n\n.main a:hover {\n  text-decoration: none;\n}\n\ndiv.contact {\n  text-align: center;\n}\n\n.contact a {\n  color: white;\n  text-decoration: none;\n  padding: .8em .8em;\n  text-align: center;\n  background-color: var(--btn-col);\n  display:grid;\n  font-size: medium;\n  border-radius: 10px;\n  margin-bottom: 1em;\n}\n\n/*.contact a:last-child {\n  min-width: 94%;\n} */\n\na.webring-btn {\n  color: white;\n  text-decoration: none;\n  padding: .5em .5em;\n  margin-right: 0.5em;\n  margin-left: 0.5em;\n  min-width: 75px;\n  text-align: center;\n  background-color: var(--btn-col);\n  display: inline-block;\n  font-size: medium;\n  border-radius: 10px;\n}\n\ndiv.webring-btn-container {\n  \n}\n\ndiv.webring {\n  border-top: 2px solid var(--btn-hov);\n  border-bottom: 2px solid var(--btn-hov);\n  text-align: right;\n  display: flex;\n  align-items: center;\n  height: 50px;\n  justify-content: space-between;\n  margin-top: 5px;\n}\n\n.webring span {\n  float: left;\n  padding: auto 0;\n}\n\nfooter {\n  /* background: #ae4e26; */\n  background: var(--foot-bg); \n  padding: 1em;\n  margin-top: 2em;\n  overflow: hidden;\n  text-align: center;\n  height: auto;\n  border-radius: 10px;\n  min-height: 3em;\n}\n\nfooter p {\n  color: white;\n}\n\nfooter p:first-of-type {\n  float: left;\n}\n\nfooter p:last-of-type {\n  float: right;\n}\n\n/* Responsive design stuff */\n@media only screen and (max-width: 900px) {\n  .menu a {\n    font-size: medium;\n    min-width: 90px;\n  }\n\n  div.menu {\n    padding: .5em;\n    height: auto;\n  }\n\n  body {\n    margin-left: 5%;\n    margin-right: 5%;\n  }\n}\n\n@media only screen and (max-width: 700px) {\n  .menu a {\n    font-size: smaller;\n    min-width: 80px;\n    margin-left: 0.1em;\n    margin-right: 0.1em;\n  }\n\n  footer p:first-of-type, footer p:last-of-type {\n    float: none;\n  }\n}\n\n/* CSS gallery from w3schools.com */\n\ndiv.art {\n  display: flex;\n  justify-content: center;\n}\n\ndiv.gallery {\n  border: 5px double rgba(167, 47, 20, 0.3);\n}\n\ndiv.gallery:hover {\n  border: 5px double #dba047;\n}\n\ndiv.gallery img {\n  width: 100%;\n  height: 200px;\n  object-fit: scale-down;\n}\n\ndiv.desc {\n  padding: 10px;\n  text-align: center;\n}\n\n* {\n  box-sizing: border-box;\n}\n\n.responsive {\n  padding: 0 6px;\n  float: left;\n  width: 24.99999%;\n}\n\nsection.colour-cols {\n  display:flex;\n  flex-direction: column;\n  justify-content: space-around;\n  text-align: center;\n}\n\ndiv[class*=\"colour-col-\"] {\n  display: flex;\n  justify-content: center;\n\n  > div {\n    height: 75px;\n    width: 25%;\n  }\n\n  &[class*=\"1\"] {\n    :nth-child(1) { background-color: #2b2623; }\n    :nth-child(2) { background-color: #db9f47; }\n    :nth-child(3) { background-color: #ae4e26; }\n    :nth-child(4) { background-color: #a72f14; }\n  }\n\n  &[class*=\"2\"] {\n    :nth-child(1) { background-color: #ffffff; }\n    :nth-child(2) { background-color: #133042; }\n    :nth-child(3) { background-color: #2b2623; }\n  }\n\n  &[class*=\"3\"] {\n    :nth-child(1) { background-color: #c0b6ad; }\n    :nth-child(2) { background-color: #9f9387; }\n    :nth-child(3) { background-color: #2b2623; }\n    :nth-child(4) { background-color: #894518; }\n  }\n}\n\ndiv[class*=\"hex-code-col-\"] {\n  display: flex;\n  justify-content: center;\n  flex-direction: row;\n  margin-bottom: 15px;\n\n  > span {\n    width: 25%;\n    display: inline;\n    text-align: center;\n    font-family: monospace;\n  }\n}\n\nspan.colour-heading {\n  margin-bottom: 5px;\n  font-size: large;\n}\n\nimg.refsheet {\n  width: 100%;\n}\n\n@media only screen and (max-width: 700px) {\n  .responsive {\n    width: 49.99999%;\n    margin: 6px 0;\n  }\n  \n  div.art {\n    display: inherit;\n    justify-content: inherit\n  }\n  figure.small-image {\n    width: 100%; \n  }\n}\n\n@media only screen and (max-width: 500px) {\n  .responsive {\n    width: 100%;\n  }\n\n  div.art {\n    display: inherit;\n    justify-content: inherit\n  }\n\n  a.webring-btn {\n    min-width: 40px;\n    margin-right: 0.2em;\n    margin-left: 0.2em;\n  }\n}\n\n.clearfix:after {\n  content: \"\";\n  display: table;\n  clear: both;\n}\n\ncode {\n  font-family: monospace;\n  background-color: lightgrey;\n  border: 1px grey;\n}\n\n@media (prefers-color-scheme: dark) {\n  :root {\n    --body-bg: rgb(49, 49, 49);\n    --main-bg: #191919; \n    --menu-bg: #191919;\n    --foot-bg: #191919; \n    --btn-hov: #dba047; \n    --btn-col: #ae4e26;\n  }\n\n  code {\n    background-color: darkgray;\n  }\n\n  div.gallery {\n    border: 5px double rgba(167, 47, 20, 1);\n  }\n\n  .main a {\n    color: #dba047;\n  }\n\n  .contact a, li, span, a.webring-btn, div.desc, p, h1, h2, h3, b  {\n    color: white; \n  }\n}"],"file":"styles.css"}
\ No newline at end of file
diff --git a/_site/assets/images/blog_posts/asahi_mba_m1/20241118-WE2A1144.jpg b/_site/assets/images/blog_posts/asahi_mba_m1/20241118-WE2A1144.jpg
new file mode 100755
index 0000000..4169590
Binary files /dev/null and b/_site/assets/images/blog_posts/asahi_mba_m1/20241118-WE2A1144.jpg differ
diff --git a/_site/assets/images/blog_posts/asahi_mba_m1/screenshot-fastfetch.png b/_site/assets/images/blog_posts/asahi_mba_m1/screenshot-fastfetch.png
new file mode 100755
index 0000000..4e6ea9d
Binary files /dev/null and b/_site/assets/images/blog_posts/asahi_mba_m1/screenshot-fastfetch.png differ
diff --git a/_site/assets/images/blog_posts/asahi_mba_m1/screenshot-sensors.png b/_site/assets/images/blog_posts/asahi_mba_m1/screenshot-sensors.png
new file mode 100755
index 0000000..a37eac4
Binary files /dev/null and b/_site/assets/images/blog_posts/asahi_mba_m1/screenshot-sensors.png differ
diff --git a/_site/assets/images/blog_posts/asahi_mba_m1/thumbnails/20241118-WE2A1144_2000w.jpg b/_site/assets/images/blog_posts/asahi_mba_m1/thumbnails/20241118-WE2A1144_2000w.jpg
new file mode 100644
index 0000000..3aaf87e
Binary files /dev/null and b/_site/assets/images/blog_posts/asahi_mba_m1/thumbnails/20241118-WE2A1144_2000w.jpg differ
diff --git a/_site/assets/images/blog_posts/asahi_mba_m1/thumbnails/screenshot-fastfetch_1200w.png b/_site/assets/images/blog_posts/asahi_mba_m1/thumbnails/screenshot-fastfetch_1200w.png
new file mode 100644
index 0000000..5bac5c7
Binary files /dev/null and b/_site/assets/images/blog_posts/asahi_mba_m1/thumbnails/screenshot-fastfetch_1200w.png differ
diff --git a/_site/assets/images/blog_posts/asahi_mba_m1/thumbnails/screenshot-sensors_1200w.png b/_site/assets/images/blog_posts/asahi_mba_m1/thumbnails/screenshot-sensors_1200w.png
new file mode 100644
index 0000000..48f9491
Binary files /dev/null and b/_site/assets/images/blog_posts/asahi_mba_m1/thumbnails/screenshot-sensors_1200w.png differ
diff --git a/_site/blog.html b/_site/blog.html
index b5b7635..a6e0f85 100644
--- a/_site/blog.html
+++ b/_site/blog.html
@@ -24,16 +24,21 @@
 
 <ul>
   
+    <li>
+      <a href="/2024/11/19/asahi-on-m1-mba.html">Asahi Linux on my base model M1 MacBook Air (19 Nov 2024)</a>
+      <p>In this blog post I will be taking a quick look at Asahi Linux and my opinions on it so far. I have installed it on my base-model M1 MacBook Air and am planning of perhaps turning it into a very low-powered yet still powerful server.</p>
+    </li>
+  
     <li>
       <a href="/2024/10/29/hosting_at_home.html">Hosting my websites at home but I only have a public IPv6 subnet (29 Oct 2024)</a>
-      <p>I wanted to write a small series of blog posts detailing how I made it so that my websites that are hosted at the server in my apartment (which only has a public IPv6 address) can be accessed from the Internet even if you’re in an IPv4-only network and I wanted to start by writing a post about how I delegated an IPv6 prefix to my OPNsense installation from my FRITZ!Box. (Un)fortunately, just as I finished writing it, I found out that the official (I think) <a href="https://docs.opnsense.org/manual/how-tos/ipv6_fb.html">OPNsense documentation</a> has the <em>exact</em> thing I wrote about documented already, so there’s really no point in my posting my own version that is almost literally the same thing.</p>
-
+      <p><p>I wanted to write a small series of blog posts detailing how I made it so that my websites that are hosted at the server in my apartment (which only has a public IPv6 address) can be accessed from the Internet even if you’re in an IPv4-only network and I wanted to start by writing a post about how I delegated an IPv6 prefix to my OPNsense installation from my FRITZ!Box. (Un)fortunately, just as I finished writing it, I found out that the official (I think) <a href="https://docs.opnsense.org/manual/how-tos/ipv6_fb.html">OPNsense documentation</a> has the <em>exact</em> thing I wrote about documented already, so there’s really no point in my posting my own version that is almost literally the same thing.</p>
+</p>
     </li>
   
     <li>
       <a href="/2024/09/30/first_blog_post.html">My first blog post (30 Sep 2024)</a>
-      <p>Hello everyone! This is my first blog post, mostly just to try out how everything works.</p>
-
+      <p><p>Hello everyone! This is my first blog post, mostly just to try out how everything works.</p>
+</p>
     </li>
   
 </ul>
diff --git a/_site/feed.xml b/_site/feed.xml
index e766b4e..d17f48b 100644
--- a/_site/feed.xml
+++ b/_site/feed.xml
@@ -1,4 +1,56 @@
-<?xml version="1.0" encoding="utf-8"?><feed xmlns="http://www.w3.org/2005/Atom" ><generator uri="https://jekyllrb.com/" version="4.3.4">Jekyll</generator><link href="https://hexaitos.com/feed.xml" rel="self" type="application/atom+xml" /><link href="https://hexaitos.com/" rel="alternate" type="text/html" /><updated>2024-11-12T22:01:42+01:00</updated><id>https://hexaitos.com/feed.xml</id><title type="html">Hexaitos’ Personal Website</title><entry><title type="html">Hosting my websites at home but I only have a public IPv6 subnet</title><link href="https://hexaitos.com/2024/10/29/hosting_at_home.html" rel="alternate" type="text/html" title="Hosting my websites at home but I only have a public IPv6 subnet" /><published>2024-10-29T00:00:00+01:00</published><updated>2024-10-29T00:00:00+01:00</updated><id>https://hexaitos.com/2024/10/29/hosting_at_home</id><content type="html" xml:base="https://hexaitos.com/2024/10/29/hosting_at_home.html"><![CDATA[<p>I wanted to write a small series of blog posts detailing how I made it so that my websites that are hosted at the server in my apartment (which only has a public IPv6 address) can be accessed from the Internet even if you’re in an IPv4-only network and I wanted to start by writing a post about how I delegated an IPv6 prefix to my OPNsense installation from my FRITZ!Box. (Un)fortunately, just as I finished writing it, I found out that the official (I think) <a href="https://docs.opnsense.org/manual/how-tos/ipv6_fb.html">OPNsense documentation</a> has the <em>exact</em> thing I wrote about documented already, so there’s really no point in my posting my own version that is almost literally the same thing.</p>
+<?xml version="1.0" encoding="utf-8"?><feed xmlns="http://www.w3.org/2005/Atom" ><generator uri="https://jekyllrb.com/" version="4.3.4">Jekyll</generator><link href="https://hexaitos.com/feed.xml" rel="self" type="application/atom+xml" /><link href="https://hexaitos.com/" rel="alternate" type="text/html" /><updated>2024-11-19T00:04:42+01:00</updated><id>https://hexaitos.com/feed.xml</id><title type="html">Hexaitos’ Personal Website</title><entry><title type="html">Asahi Linux on my base model M1 MacBook Air</title><link href="https://hexaitos.com/2024/11/19/asahi-on-m1-mba.html" rel="alternate" type="text/html" title="Asahi Linux on my base model M1 MacBook Air" /><published>2024-11-19T00:00:00+01:00</published><updated>2024-11-19T00:00:00+01:00</updated><id>https://hexaitos.com/2024/11/19/asahi-on-m1-mba</id><content type="html" xml:base="https://hexaitos.com/2024/11/19/asahi-on-m1-mba.html"><![CDATA[<figure class="main">
+    <a target="_blank" href="/assets/images/blog_posts/asahi_mba_m1/20241118-WE2A1144.jpg">
+      <img src="/assets/images/blog_posts/asahi_mba_m1/thumbnails/20241118-WE2A1144_2000w.jpg" alt="An opened MacBook Air M1 standing on a table. It is showing the desktop of KDE Plasma 6 with the floating task bar at the bottom. The desktop background is a bird of prey." />
+    </a>
+    <figcaption>A photo of my MacBook Air running Asahi Linux with KDE Plasma 6</figcaption>
+  </figure>
+
+<p>A couple of years ago – still during my apprenticeship and also during the pandemic – I bought a base model M1 MacBook Air with some bonus money that I got for finishing an important (to my boss, at any rate) project at work and it’s been my main laptop ever since and one that I’ve been using basically daily ever since. However, the fact that I only got a base model has been a bit problematic and, thefore, I decided to upgrade to the new M4 MacBook Pro this year. This, then, leaves me with my still more than capable MacBook Air and I’ve been thinking about what to do with it. Then I remembered the fact that I’ve always been wanting to try out Asahi Linux; and that coupled with the <em>very</em> low power consumption of these M-series chips made me think that it would probably make for a really good low-powered server that still has enough <em>oomph</em> for more heavy workloads (definitely more than my <em>actual</em> server that’s running an Intel N100). And so that’s exactly what I did!</p>
+
+<h2 id="installation">Installation</h2>
+<p>The installation of Asahi is pretty straightforward in general, but having only a base model Mac (with a measly 256 GB SSD) does pose a bit of a problem: Asahi cannot be installed as the sole operating system; instead; it can only be installed <em>alongside</em> macOS. This, then, means that even after completely erasing my previous Sonoma install and then <em>only</em> running the Asahi Linux installer afterwards, I only have about 150 GB of usable disk space on my Asahi partition. Now that’s not that bad or anything, but it’s definitely not a lot of disk space in today’s world.</p>
+
+<p>Speaking of the installation, it’s pretty much as simple as running <code class="language-plaintext highlighter-rouge">curl https://alx.sh | sh</code> in a terminal window and following the on-screen prompts (insert disclaimer about running running shell scripts without checking their contents first here). If you’re even remotely familiar with the command line (and are able to read), then the installation shouldn’t pose any significant problems. Still, I would not recommend installing this on your main machine that you use for other things as well as I’m sure it can quite easily render your macOS install useless if something goes wrong.</p>
+
+<p>During the installation process, you’ll be given the opportunity to set a new size for the macOS partition and a size for the to-be-created Asahi Linux partition. Additionally, you can choose between either Gnome or KDE (if I remember correctly) as your desktop environment. Then, after some rebooting and changing of Mac security features, you’ll be greeted by an installer that you’re going to be very familar with if you’ve ever installed a Linux distribution. There you’ll choose a timezone and a username and password. Afterwards you can reboot and you should be greeted by a login window.</p>
+
+<p>As a side note: Asahi used to be based on Arch Linux but they appear to have moved over to Fedora and the Fedora-based Asahi Linux is, as far as I can tell, the only <q>official</q>. There are some <a href="https://github.com/AsahiLinux/docs/wiki/SW:Alternative-Distros">community-maintained flavours</a> but I haven’t tried out any of those yet; I am also guessing their installation process will differ quite significantly from that of the official Fedora-based version.</p>
+
+<h2 id="the-desktop-experience">The desktop experience</h2>
+<p>I was honestly quite surprised at how <em>usable</em> it was in general, the only thing I still would very much like to see implemented is the ability to connect an external monitor through one of the USB-C ports of the MBA — that has (as of the publishing of this post) not yet been implemented. Other than that, however, everything worked pretty much as you’d expect: you can change the brightness of the keyboard and the screen; the trackpad works (and even has force feedback); the speakers work and sound as you would expect them to sound; the keys on the keyboard all work (including things like the media keys for playing/pausing videos or music); closing the lid makes the laptop reliably go to sleep and opening it wakes it up quite quickly … you get the idea. Even the battery life is as fantastic (KDE estimating 9-12 hours) despite this MacBook being 4-ish years old now. WiFi also works perfectly and at the the expected speed.</p>
+
+<figure class="small-image">
+    <a target="_blank" href="/assets/images/blog_posts/asahi_mba_m1/screenshot-fastfetch.png">
+      <img src="/assets/images/blog_posts/asahi_mba_m1/thumbnails/screenshot-fastfetch_1200w.png" alt="A screenshot showing a full-screened terminal window and the output of the program fastfetch. The output shows some information about the machine, such as the processor and its speed, OS etc." />
+    </a>
+    <figcaption>Fastfetch running on the MacBook Air</figcaption>
+  </figure>
+
+<p>There are some strange behaviours here and there though. For example, whilst the trackpad does work, the palm rejection is, seemingly, non-existent, especially if you’re used to how well it works on macOS. Oh and speaking of the trackpad, it feels strangely laggy, almost as though it were connected through a terrible bluetooth connection (I’m pretty sensitive to input delay in general though, so you might not notice this at all). Also, you’re going to have to use regular Windows-style shortcuts, i. e. <code class="language-plaintext highlighter-rouge">⌃C</code> instead of <code class="language-plaintext highlighter-rouge">⌘C</code> for copying things, as an example.</p>
+
+<p>Additionally, you might not have access to all the packages as, obviously, this isn’t an <code class="language-plaintext highlighter-rouge">x86_64</code>-based system but rather <code class="language-plaintext highlighter-rouge">aarch64</code>. I wanted to install Ruby on my system and I generally use <code class="language-plaintext highlighter-rouge">rbenv</code> to manage my Rubies. However, I first had a bit of trouble getting <code class="language-plaintext highlighter-rouge">rbenv</code> itself working and once I did, I had even <em>more</em> trouble getting it to actually compile Ruby 3.3.6 for me. At first, there were some problems with <code class="language-plaintext highlighter-rouge">openssl</code> that I managed to somehow fix by running <code class="language-plaintext highlighter-rouge">sudo dnf groupinstall "Development Tools"</code> but then it complained about <code class="language-plaintext highlighter-rouge">libffi</code> apparently missing (even though it wasn’t as far as I could tell) so I just ended up using <code class="language-plaintext highlighter-rouge">rvm</code> instead – that could compile Ruby 3.6.6 without any problems.</p>
+
+<p>Most of the Flatpaks that I’ve tried worked without any problems except for the Flatpak for Telegram for some reason, but that might’ve just been my doing something wrong. LibreWolf, the browser I generally use on Linux, works fine and runs as expected, though also through a Flatpak. Tokodon, KDE’s own Mastodon / Fediverse client, also works quite well. The GPU, apparently, <em>also</em> works but I haven’t really tried that out yet. Watching YouTube videos, even at 4K, was not a problem however and I couldn’t detect any dropped frames.</p>
+
+<p>A colleague of mine – who is also quite interested in both ARM and RISC-V – has told me about Box64 which allows you to run normal <code class="language-plaintext highlighter-rouge">x86_64</code>-based programs on an ARM-based processor. I haven’t yet tried this out myself but I definitely want to try it out and see if I can get some non-native programs running through that.</p>
+
+<h2 id="and-as-a-server">And as a server?</h2>
+
+<figure class="small-image">
+    <a target="_blank" href="/assets/images/blog_posts/asahi_mba_m1/screenshot-sensors.png">
+      <img src="/assets/images/blog_posts/asahi_mba_m1/thumbnails/screenshot-sensors_1200w.png" alt="A screenshot showing a terminal window and the output of the sensors command. It is showing temperatures, voltages and a wattage." />
+    </a>
+    <figcaption>The output of lm-sensors</figcaption>
+  </figure>
+
+<p>I still haven’t done too much with regards to trying it out as a server, but I still feel like it should work quite well as long as all the software also works. I <em>really</em> wanted to get something like Proxmox or maybe even just YunoHost working, but I haven’t really found a way to do that yet. One thing I already did was change the charging limit from <code class="language-plaintext highlighter-rouge">100%</code> down to <code class="language-plaintext highlighter-rouge">80%</code>. I had to do this through the console by running <code class="language-plaintext highlighter-rouge">echo 80 |sudo tee /sys/class/power_supply/macsmc-battery/charge_control_end_threshold</code> in the terminal as changing the charging limit through KDE’s GUI settings did not seem to work.</p>
+
+<p>I also installed <code class="language-plaintext highlighter-rouge">lm-sensors</code>. I did that mostly to see the temperatures at which the computer was running, but I was very surprised to see that it also provided me with a nice way of seeing how much power it was using at a given time. This showed me that the power usage even with the screen turned on was rather low! I, therefore, enabled ssh and ssh’d into the machine to see what its power usage would be when the screen was completely turned off; and I was very surprised to see that the idle power consumption appears to be around 1-2 W with the screen turned off. Now that’s <em>really</em> low value and something that you would <em>probably</em> have a hard time noticing on your monthly power bill.</p>
+
+<p>If I were to actually start using this machine as a server, I would probably install a more minimal version of Asahi (probably without any DE whatsoever) and I would also need to get some sort of USB-C to ethernet adapater and <em>hope</em> that it works; though depending on what exactly I’ll end up using the server for, a decent WiFi connection might not be all that problematic either.</p>
+
+<h2 id="conclusion">Conclusion</h2>
+<p>I was pleasantly surprised to see how well it works just out of the box and will definitely be keeping Asahi on my MBA. I’ll try out some more stuff, especially in regards to running it as a server or I might just keep it around as a nice Linux machine in general.</p>]]></content><author><name>hexaitos</name></author><summary type="html"><![CDATA[In this blog post I will be taking a quick look at Asahi Linux and my opinions on it so far. I have installed it on my base-model M1 MacBook Air and am planning of perhaps turning it into a very low-powered yet still powerful server.]]></summary></entry><entry><title type="html">Hosting my websites at home but I only have a public IPv6 subnet</title><link href="https://hexaitos.com/2024/10/29/hosting_at_home.html" rel="alternate" type="text/html" title="Hosting my websites at home but I only have a public IPv6 subnet" /><published>2024-10-29T00:00:00+01:00</published><updated>2024-10-29T00:00:00+01:00</updated><id>https://hexaitos.com/2024/10/29/hosting_at_home</id><content type="html" xml:base="https://hexaitos.com/2024/10/29/hosting_at_home.html"><![CDATA[<p>I wanted to write a small series of blog posts detailing how I made it so that my websites that are hosted at the server in my apartment (which only has a public IPv6 address) can be accessed from the Internet even if you’re in an IPv4-only network and I wanted to start by writing a post about how I delegated an IPv6 prefix to my OPNsense installation from my FRITZ!Box. (Un)fortunately, just as I finished writing it, I found out that the official (I think) <a href="https://docs.opnsense.org/manual/how-tos/ipv6_fb.html">OPNsense documentation</a> has the <em>exact</em> thing I wrote about documented already, so there’s really no point in my posting my own version that is almost literally the same thing.</p>
 
 <p>Therefore, I’ll just be skipping that portion of my blog post. If you’re in Germany and a customer of Vodafone’s, then you should have been assigned a /59 IPv6 subnet and you can quite simply follow the instructions on the official documentation that I linked above.</p>
 
diff --git a/_site/index.html b/_site/index.html
index fb1190a..0718b57 100644
--- a/_site/index.html
+++ b/_site/index.html
@@ -3,6 +3,8 @@
 
 <!-- So, you've decided to look at the source code of this website? Interesting ... Send me an email and you'll get... something. Probably just an email as a response >:3 -->
 
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
 <meta charset="UTF-8">
 <meta name="viewport" content="width=device-width,initial-scale=1">
 <meta name="description" content="hexaitos.com — A bateleur eagle from Germany who likes computers, Linux, languages, photography and a bunch of other stuff.">
@@ -12,6 +14,7 @@
 <link rel="preload" as="style" href="/assets/css/styles.css">
 <link rel="stylesheet" href="/assets/css/styles.css">
 
+</head>
 <body>
     <div class="menu">
     <a href="/index.html">Home</a>
@@ -23,8 +26,8 @@
 
     <div class="main">
         <div class="pfp">
-            <img src="/assets/images/Hexaitos/FaultyArts/hexaitos_icon_small.png" width="150px" height="150px" alt="A drawing of the head of an anthropomorphic bateleur eagle."/>
-            <p>A headshot of me!<br/> Made by FaultyArts</p>
+            <img src="/assets/images/Hexaitos/FaultyArts/hexaitos_icon_small.png" width="150px" height="150px" alt="A drawing of the head of an anthropomorphic bateleur eagle." loading="lazy">
+            <p>A headshot of me!<br> Made by FaultyArts</p>
         </div>
 
         <div style="text-align: center;">
@@ -34,20 +37,20 @@
             
             
 
-            <b><img src="/assets/icons/bateleur_head_emoticon.png" height="16px" width="16px" alt="An old illustration of the head of a bateleur eagle."/> Bateleur eagle from Germany. 25. He/they/bird. <img src="/assets/icons/theta_delta.svg" height="16px" width="16px" alt="An icon that combines the Greek letters theta and delta. A symbol for therianthropy."/></b>
+            <b><img src="/assets/icons/bateleur_head_emoticon.png" height="16px" width="16px" alt="An old illustration of the head of a bateleur eagle." loading="lazy"> Bateleur eagle from Germany. 25. He/they/bird. <img src="/assets/icons/theta_delta.svg" height="16px" width="16px" alt="An icon that combines the Greek letters theta and delta. A symbol for therianthropy." loading="lazy"></b>
         </div>
 
         <h1>Welcome to my website!</h1>
 
-        <p>Hello and welcome to my website ^v^ My name is Hexaitos (or just Hex). I am a bateleur eagle from Germany and I live in a mystical city that is rumoured not to exist. Also, because this has shocked some people before, my name does actually have a meaning! The <q><i>-aitos</i></q> is just an uncommon transliteration of the Ancient Greek word for eagle (ἀετός, aetos) and <q><i>Hex-</i></q> is from hexadecimal and also just because I thought it sounded cool. <img src="/assets/icons/buzzard.png" height="16px" width="16px" alt="An icon that combines the Greek letters theta and delta. A symbol for therianthropy."/> </i></p>
+        <p>Hello and welcome to my website ^v^ My name is Hexaitos (or just Hex). I am a bateleur eagle from Germany and I live in a mystical city that is rumoured not to exist. Also, because this has shocked some people before, my name does actually have a meaning! The <q><i>-aitos</i></q> is just an uncommon transliteration of the Ancient Greek word for eagle (ἀετός, aetos) and <q><i>Hex-</i></q> is from hexadecimal and also just because I thought it sounded cool. <img src="/assets/icons/buzzard.png" height="16px" width="16px" alt="An icon that combines the Greek letters theta and delta. A symbol for therianthropy." loading="lazy"> </p>
         
         <p>I like working with computers (especially Linux, currently on EndeavourOS) and networks, playing (video) games, learning languages (I speak German, Swedish and English pretty well and know a good chunk of Ancient Greek), taking photos and a bunch of other things, depending on what I am currently fixated on. I, obviously, also really like birds with birds of prey being my favourite – but any bird is good. I also want to get into VR soon-ish. I am also a big fan of FOSS and self-hosting things.</p>
 
         <p>As my actual job, I make computers go <i>brrr</i> (well, sometimes at any rate). I currently (October 2024) work as as systems and network administrator. I am trying to find a new place, though, because the company I currently work at is a bit… eh, to say the least. </p>
             
-        <p>If you want to get in touch, look at the <a href="contact.html">contact</a> page! You can find me on plenty of websites or just send me an email – I am always happy to talk to new people! I don’t usually bite. Unless you want me to >:3</p>
+        <p>If you want to get in touch, look at the <a href="contact.html">contact</a> page! You can find me on plenty of websites or just send me an email – I am always happy to talk to new people! I don’t usually bite. Unless you want me to &gt;:3</p>
 
-        <p>This website is still very much a work-in-progress and it was last updated on the following day: 12 November 2024. I also have a <a href="blog.html">blog</a> where I will be posting things mostly about computers, games and birds (<i>who’d’ve thunk?</i>).</p>
+        <p>This website is still very much a work-in-progress and it was last updated on the following day: 19 November 2024. I also have a <a href="blog.html">blog</a> where I will be posting things mostly about computers, games and birds (<i>who’d’ve thunk?</i>).</p>
         
         <h2>Other projects</h2>
         <p>You can also find me on <a href="https://bateleur.org">bateleur.org</a>. At the moment, it is simply a mirror of hexaitos.com but hosted entirely at home. Additionally, you can find me on Gemini as well. Just go to <a href="gemini://terathopius.com">gemini://terathopius.com</a> or to <a href="https://terathopius.com">https://terathopius.com</a> for an HTTPS proxy of my Gemini capsule. I also have my own Gitea instance over on <a href="https://git.bateleur.org">git.bateleur.org</a>.</p>
@@ -71,4 +74,4 @@
 <a rel="me" href="https://squawk.social/@hexaitos"></a>
     </footer>
 </body>
-</html> 
\ No newline at end of file
+</html>
diff --git a/_site/refsheet.html b/_site/refsheet.html
index 1955229..48013ca 100644
--- a/_site/refsheet.html
+++ b/_site/refsheet.html
@@ -1,6 +1,8 @@
 <!DOCTYPE html>
 <html lang="en">
 
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
 <meta charset="UTF-8">
 <meta name="viewport" content="width=device-width,initial-scale=1">
 <meta name="description" content="">
@@ -10,6 +12,7 @@
 <link rel="preload" as="style" href="/assets/css/styles.css">
 <link rel="stylesheet" href="/assets/css/styles.css">
 
+</head>
 <body>
     <div class="menu">
     <a href="/index.html">Home</a>
@@ -22,7 +25,7 @@
     <div class="main">
       <h1 id="my-ref-sheet">My ref sheet</h1>
 <p><a href="/assets/images/Hexaitos/FaultyArts/hexaitos_bateleur.png" target="_blank">
-    <img class="refsheet" src="/assets/images/Hexaitos/FaultyArts/hexaitos_bateleur_thumb.jpg" />
+    <img class="refsheet" src="/assets/images/Hexaitos/FaultyArts/hexaitos_bateleur_thumb.jpg" loading="lazy">
 </a></p>
 
 <p>Drawn by <a href="https://faultyarts.carrd.co/">FaultyArts</a>. Click the image to enlargen it (opens it in a new tab, roughly 4 MB).</p>
@@ -76,4 +79,4 @@
 <a rel="me" href="https://squawk.social/@hexaitos"></a>
     </footer>
 </body>
-</html> 
+</html>
diff --git a/_site/sitemap.xml b/_site/sitemap.xml
index 0c8c7e8..7c7e3da 100644
--- a/_site/sitemap.xml
+++ b/_site/sitemap.xml
@@ -4,7 +4,7 @@
   <url>
     <loc>https://hexaitos.com/art.html</loc>
     
-      <lastmod>2024-11-12T22:01:42+01:00</lastmod>
+      <lastmod>2024-11-19T00:04:42+01:00</lastmod>
     
     <changefreq>monthly</changefreq>
     <priority>0.3</priority>
@@ -13,7 +13,7 @@
   <url>
     <loc>https://hexaitos.com/blog.html</loc>
     
-      <lastmod>2024-11-12T22:01:42+01:00</lastmod>
+      <lastmod>2024-11-19T00:04:42+01:00</lastmod>
     
     <changefreq>monthly</changefreq>
     <priority>0.3</priority>
@@ -22,7 +22,7 @@
   <url>
     <loc>https://hexaitos.com/contact.html</loc>
     
-      <lastmod>2024-11-12T22:01:42+01:00</lastmod>
+      <lastmod>2024-11-19T00:04:42+01:00</lastmod>
     
     <changefreq>monthly</changefreq>
     <priority>0.3</priority>
@@ -31,7 +31,7 @@
   <url>
     <loc>https://hexaitos.com/</loc>
     
-      <lastmod>2024-11-12T22:01:42+01:00</lastmod>
+      <lastmod>2024-11-19T00:04:42+01:00</lastmod>
     
     <changefreq>monthly</changefreq>
     <priority>0.3</priority>
@@ -40,7 +40,7 @@
   <url>
     <loc>https://hexaitos.com/refsheet.html</loc>
     
-      <lastmod>2024-11-12T22:01:42+01:00</lastmod>
+      <lastmod>2024-11-19T00:04:42+01:00</lastmod>
     
     <changefreq>monthly</changefreq>
     <priority>0.3</priority>
@@ -49,7 +49,7 @@
   <url>
     <loc>https://hexaitos.com/sitemap.xml</loc>
     
-      <lastmod>2024-11-12T22:01:42+01:00</lastmod>
+      <lastmod>2024-11-19T00:04:42+01:00</lastmod>
     
     <changefreq>monthly</changefreq>
     <priority>0.3</priority>
@@ -58,7 +58,7 @@
   <url>
     <loc>https://hexaitos.com/assets/css/styles.css</loc>
     
-      <lastmod>2024-11-12T22:01:42+01:00</lastmod>
+      <lastmod>2024-11-19T00:04:42+01:00</lastmod>
     
     <changefreq>monthly</changefreq>
     <priority>0.3</priority>
@@ -67,7 +67,7 @@
   <url>
     <loc>https://hexaitos.com/feed.xml</loc>
     
-      <lastmod>2024-11-12T22:01:42+01:00</lastmod>
+      <lastmod>2024-11-19T00:04:42+01:00</lastmod>
     
     <changefreq>monthly</changefreq>
     <priority>0.3</priority>
@@ -75,6 +75,15 @@
   
   
         
+    <url>
+      <loc>https://hexaitos.com/2024/11/19/asahi-on-m1-mba.html</loc>
+      <lastmod>2024-11-19T00:00:00+01:00</lastmod>
+      <changefreq>monthly</changefreq>
+      <priority>0.5</priority>
+    </url>
+    
+  
+        
     <url>
       <loc>https://hexaitos.com/2024/10/29/hosting_at_home.html</loc>
       <lastmod>2024-10-29T00:00:00+01:00</lastmod>
diff --git a/assets/css/styles.scss b/assets/css/styles.scss
index a804272..8d03540 100644
--- a/assets/css/styles.scss
+++ b/assets/css/styles.scss
@@ -87,6 +87,44 @@ q::after {
     content: close-quote;
 }
 
+figcaption {
+  text-align: center;
+  padding-top: 5px;
+  padding-bottom: 5px;
+}
+
+figure.main {
+  width: 100%;
+  margin: 0;
+  overflow: hidden;
+}
+
+figure.main img {
+  width: 100%;
+  border: 3px var(--btn-hov) solid;
+  border-radius: 10px; 
+  object-fit: contain;
+}
+
+figure.small-image {
+  float: right;  
+  margin-left: 15px; 
+  width: 35vw; 
+  margin-right: 0;
+}
+
+figure.small-image img {
+  width: 100%;
+  height: auto; 
+  border-radius: 8px; 
+}
+
+figure.small-image figcaption {
+  text-align: center;
+  font-size: 0.8em;
+  margin-top: 5px;
+}
+
 body {
   /* border: 2px solid rgba(167, 47, 20, 1); */
   /* border-radius: 25px; */
@@ -410,6 +448,9 @@ img.refsheet {
     display: inherit;
     justify-content: inherit
   }
+  figure.small-image {
+    width: 100%; 
+  }
 }
 
 @media only screen and (max-width: 500px) {
diff --git a/assets/images/blog_posts/asahi_mba_m1/20241118-WE2A1144.jpg b/assets/images/blog_posts/asahi_mba_m1/20241118-WE2A1144.jpg
new file mode 100755
index 0000000..4169590
Binary files /dev/null and b/assets/images/blog_posts/asahi_mba_m1/20241118-WE2A1144.jpg differ
diff --git a/assets/images/blog_posts/asahi_mba_m1/screenshot-fastfetch.png b/assets/images/blog_posts/asahi_mba_m1/screenshot-fastfetch.png
new file mode 100755
index 0000000..4e6ea9d
Binary files /dev/null and b/assets/images/blog_posts/asahi_mba_m1/screenshot-fastfetch.png differ
diff --git a/assets/images/blog_posts/asahi_mba_m1/screenshot-sensors.png b/assets/images/blog_posts/asahi_mba_m1/screenshot-sensors.png
new file mode 100755
index 0000000..a37eac4
Binary files /dev/null and b/assets/images/blog_posts/asahi_mba_m1/screenshot-sensors.png differ
diff --git a/blog.html b/blog.html
index af9e77f..3f47d2e 100755
--- a/blog.html
+++ b/blog.html
@@ -9,7 +9,7 @@ description: "Hexaitos’ blog has posts on computers, languages and photography
   {% for post in site.posts %}
     <li>
       <a href="{{ post.url }}">{{ post.title }} ({{ post.date | date_to_string }})</a>
-      {{ post.excerpt }}
+      <p>{{ post.excerpt }}</p>
     </li>
   {% endfor %}
 </ul>
\ No newline at end of file