Turn project listing on home page into actual list

_layouts/home.html

@@ -17,7 +17,9 @@
 
     <div class="main">
         <div class="pfp">
-            <img src="assets/images/Hexaitos/Babanasaur/headshot-hexaitos-24_thumb.jpg" width="150px" height="150px" alt="A stylised painting of the head and part of the upper body of an anthropomorphic bateleur eagle. The image is square.">
+            <a target="_blank" href="/assets/images/Hexaitos/Babanasaur/headshot-hexaitos-24.png">
+                <img src="/assets/images/Hexaitos/Babanasaur/headshot-hexaitos-24_thumb.jpg" width="150px" height="150px" alt="A stylised painting of the head and part of the upper body of an anthropomorphic bateleur eagle. The image is square.">
+            </a>
             <p>A headshot of me!<br/> Made by Babanasaur</p>
         </div>
 
@@ -44,9 +46,25 @@
         <p>This website is still very much a work-in-progress and it was last updated on the following day: {{ 'now' | date: "%-d %B %Y"}}. 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>
+        <dl>
+            <dt><a href="https://bateleur.org">bateleur.org</a></dt>
+            <dd>At the moment, bateleur.org is simply a mirror of hexaitos.com but hosted entirely at home.</dd>
 
-        <p>I am also running a Mastodon bot that posts a random photo of a bird of prey from Wikimedia Commons every six hours. You can find it over on <a href="https://social.bateleur.org/@botofprey">@botofprey@social.bateleur.org</a>. This bot uses the API of my website <a href="https://birds.bateleur.org">birds.bateleur.org</a> which displays a random image whenever you visit it. More info on the API can be found on the website.</p>
+            <dt><a href="gemini://terathopius.com">gemini://terathopius.com</a></dt>
+            <dd>This is my Gemini capsule. Gemini is an alternative network protocol (like HTTP) and you will need a special browser to be able to see it. There is an HTTP proxy of my Gemini capsule that you can access through <a href="https://terathopius.com">https://terathopius.com</a>, however.</dd>
+
+            <dt><a href="https://git.bateleur.org">git.bateleur.org</a></dt>
+            <dd>My own instance of Gitea where you can find the source code not only of my websites but also my other projects.</dd>
+
+            <dt><a href="https://birds.bateleur.org">birds.bateleur.org</a></dt>
+            <dd>A small website that I made that displays a random image of a bird of prey from Wikimedia Commons. It also has an API that you can send a GET request to. I am working on remaking it in Rails (it’s currently running on Sinatra).</dd>
+
+            <dt><a href="https://social.bateleur.org">social.bateleur.org</a></dt>
+            <dd>My own GoToSocial instance, mostly for my own projects like the bot listed below and a backup account.</dd>
+
+            <dt><a href="https://social.bateleur.org/@botofprey">@botofprey@social.bateleur.org</a></dt>
+            <dd>A Fediverse / Mastodon bot that posts a random photo of a bird of prey from Wikimedia Commons every six hours. It uses the API of birds.bateleur.org to get its data. </dd>
+        </dl>
 
         <h2>Webrings</h2>
         <div class="webring">

_site/feed.xml

@@ -1,4 +1,4 @@
-<?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-19T22:54:22+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">
+<?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-20T12:53:09+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>

_site/index.html

@@ -26,7 +26,9 @@
 
     <div class="main">
         <div class="pfp">
-            <img src="assets/images/Hexaitos/Babanasaur/headshot-hexaitos-24_thumb.jpg" width="150px" height="150px" alt="A stylised painting of the head and part of the upper body of an anthropomorphic bateleur eagle. The image is square." loading="lazy">
+            <a target="_blank" href="/assets/images/Hexaitos/Babanasaur/headshot-hexaitos-24.png">
+                <img src="/assets/images/Hexaitos/Babanasaur/headshot-hexaitos-24_thumb.jpg" width="150px" height="150px" alt="A stylised painting of the head and part of the upper body of an anthropomorphic bateleur eagle. The image is square." loading="lazy">
+            </a>
             <p>A headshot of me!<br> Made by Babanasaur</p>
         </div>
 
@@ -50,13 +52,29 @@
             
         <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: 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>
+        <p>This website is still very much a work-in-progress and it was last updated on the following day: 20 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>
+        <dl>
+            <dt><a href="https://bateleur.org">bateleur.org</a></dt>
+            <dd>At the moment, bateleur.org is simply a mirror of hexaitos.com but hosted entirely at home.</dd>
 
-        <p>I am also running a Mastodon bot that posts a random photo of a bird of prey from Wikimedia Commons every six hours. You can find it over on <a href="https://social.bateleur.org/@botofprey">@botofprey@social.bateleur.org</a>. This bot uses the API of my website <a href="https://birds.bateleur.org">birds.bateleur.org</a> which displays a random image whenever you visit it. More info on the API can be found on the website.</p>
+            <dt><a href="gemini://terathopius.com">gemini://terathopius.com</a></dt>
+            <dd>This is my Gemini capsule. Gemini is an alternative network protocol (like HTTP) and you will need a special browser to be able to see it. There is an HTTP proxy of my Gemini capsule that you can access through <a href="https://terathopius.com">https://terathopius.com</a>, however.</dd>
 
+            <dt><a href="https://git.bateleur.org">git.bateleur.org</a></dt>
+            <dd>My own instance of Gitea where you can find the source code not only of my websites but also my other projects.</dd>
+
+            <dt><a href="https://birds.bateleur.org">birds.bateleur.org</a></dt>
+            <dd>A small website that I made that displays a random image of a bird of prey from Wikimedia Commons. It also has an API that you can send a GET request to. I am working on remaking it in Rails (it’s currently running on Sinatra).</dd>
+
+            <dt><a href="https://social.bateleur.org">social.bateleur.org</a></dt>
+            <dd>My own GoToSocial instance, mostly for my own projects like the bot listed below and a backup account.</dd>
+
+            <dt><a href="https://social.bateleur.org/@botofprey">@botofprey@social.bateleur.org</a></dt>
+            <dd>A Fediverse / Mastodon bot that posts a random photo of a bird of prey from Wikimedia Commons every six hours. It uses the API of birds.bateleur.org to get its data. </dd>
+        </dl>
+        
         <h2>Webrings</h2>
         <div class="webring">
             <span>Fediring</span>

_site/sitemap.xml

@@ -4,7 +4,7 @@
   <url>
     <loc>https://hexaitos.com/art.html</loc>
     
-      <lastmod>2024-11-19T22:54:22+01:00</lastmod>
+      <lastmod>2024-11-20T12:53:09+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-19T22:54:22+01:00</lastmod>
+      <lastmod>2024-11-20T12:53:09+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-19T22:54:22+01:00</lastmod>
+      <lastmod>2024-11-20T12:53:09+01:00</lastmod>
     
     <changefreq>monthly</changefreq>
     <priority>0.3</priority>
@@ -31,7 +31,7 @@
   <url>
     <loc>https://hexaitos.com/</loc>
     
-      <lastmod>2024-11-19T22:54:22+01:00</lastmod>
+      <lastmod>2024-11-20T12:53:09+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-19T22:54:22+01:00</lastmod>
+      <lastmod>2024-11-20T12:53:09+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-19T22:54:22+01:00</lastmod>
+      <lastmod>2024-11-20T12:53:09+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-19T22:54:22+01:00</lastmod>
+      <lastmod>2024-11-20T12:53:09+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-19T22:54:22+01:00</lastmod>
+      <lastmod>2024-11-20T12:53:09+01:00</lastmod>
     
     <changefreq>monthly</changefreq>
     <priority>0.3</priority>

assets/css/styles.scss

@@ -249,6 +249,21 @@ div.contact {
   margin-bottom: 1em;
 }
 
+dt {
+  font-weight: bold;
+  text-overflow: ellipsis;
+  overflow: hidden;
+}
+
+dd::before {
+  content: "↪ ";
+}
+
+dd {
+  margin: 0;
+  padding: 0 0 0.5em 0;
+}
+
 /*.contact a:last-child {
   min-width: 94%;
 } */