Move to sass for automatic minification, resize icon, add .well-known/fursona,

.well-known/fursona

@@ -0,0 +1,33 @@
+{
+  "sonas": [
+      {
+          "name": "Hexaitos (or Hex)",
+          "pronouns": "he/they/any",
+          "gender": "Male",
+          "species": "Bateleur Eagle",
+          "description": "#todo",
+          "ref": "https://hexaitos.com/ref",
+          "refAlt": "A ref sheet of an anthropomorphic bateleur eagle with blue eyes including wing details and a headshot.",
+          "avatar": "https://hexaitos.com/assets/images/Hexaitos/FaultyArts/hexaitos_icon_small.png",
+          "avatarAlt": "A drawing of the head of an anthropomorphic bateleur eagle.",
+          "age": 25,
+          "birthdate": "1999-04-10T00:00:00+00:00",
+          "colors": [
+              // face and scales
+              "#2E2A1E",
+              "#CB9E4F",
+              "#994F2C",
+              "#90331C",
+              // eyes
+              "#FFFFFF",
+              "#233443",
+              "#2E2A1E",
+              // wings
+              "#BCB4AC",
+              "#9B9186",
+              "#2E2A1E",
+              "#794721" 
+          ]
+      }
+  ]
+}

_config.yml

@@ -4,3 +4,6 @@ title: "Hexaitos’ Personal Website"
 disable_disk_cache: true
 collections:
   - art
+include: [".well-known"]
+sass:
+    style: compressed

_layouts/home.html

@@ -22,12 +22,18 @@
         </div>
 
         <div style="text-align: center;">
-            <b>{% include emoticons/bateleur_head %} Bateleur eagle from Germany. Mid to late 20s. He/they/bird. {% include emoticons/thetadelta %}</b>
+            {% assign dateStart = "1999-04-10" | date: '%s' %}
+            {% assign nowTimestamp = 'now' | date: '%s' %}
+
+            {% assign diffSeconds = nowTimestamp | minus: dateStart %}
+            {% assign diffDays = diffSeconds | divided_by: 3600 | divided_by: 24 | divided_by: 365 %}
+
+            <b>{% include emoticons/bateleur_head %} Bateleur eagle from Germany. {{ diffDays | round: 0 }}. He/they/bird. {% include emoticons/thetadelta %}</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. {% include emoticons/buzzard %} </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. {% include emoticons/buzzard %} </i></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>
 
@@ -35,7 +41,7 @@
             
         <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>This website is still very much a work-in-progress and it was last updated: {{ '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>
+        <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>
         
         <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>
 

_site/.well-known/fursona

@@ -0,0 +1,33 @@
+{
+  "sonas": [
+      {
+          "name": "Hexaitos (or Hex)",
+          "pronouns": "he/they/any",
+          "gender": "Male",
+          "species": "Bateleur Eagle",
+          "description": "#todo",
+          "ref": "https://hexaitos.com/ref",
+          "refAlt": "A ref sheet of an anthropomorphic bateleur eagle with blue eyes including wing details and a headshot.",
+          "avatar": "https://hexaitos.com/assets/images/Hexaitos/FaultyArts/hexaitos_icon_small.png",
+          "avatarAlt": "A drawing of the head of an anthropomorphic bateleur eagle.",
+          "age": 25,
+          "birthdate": "1999-04-10T00:00:00+00:00",
+          "colors": [
+              // face and scales
+              "#2E2A1E",
+              "#CB9E4F",
+              "#994F2C",
+              "#90331C",
+              // eyes
+              "#FFFFFF",
+              "#233443",
+              "#2E2A1E",
+              // wings
+              "#BCB4AC",
+              "#9B9186",
+              "#2E2A1E",
+              "#794721" 
+          ]
+      }
+  ]
+}

_site/assets/icons/logo-purple.svg

@@ -1,10 +0,0 @@
-<svg width="75" height="79" viewBox="0 0 75 79" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M73.8393 17.4898C72.6973 9.00165 65.2994 2.31235 56.5296 1.01614C55.05 0.797115 49.4441 0 36.4582 0H36.3612C23.3717 0 20.585 0.797115 19.1054 1.01614C10.5798 2.27644 2.79399 8.28712 0.904997 16.8758C-0.00358524 21.1056 -0.100549 25.7949 0.0682394 30.0965C0.308852 36.2651 0.355538 42.423 0.91577 48.5665C1.30307 52.6474 1.97872 56.6957 2.93763 60.6812C4.73325 68.042 12.0019 74.1676 19.1233 76.6666C26.7478 79.2728 34.9474 79.7055 42.8039 77.9162C43.6682 77.7151 44.5217 77.4817 45.3645 77.216C47.275 76.6092 49.5123 75.9305 51.1571 74.7385C51.1797 74.7217 51.1982 74.7001 51.2112 74.6753C51.2243 74.6504 51.2316 74.6229 51.2325 74.5948V68.6416C51.2321 68.6154 51.2259 68.5896 51.2142 68.5661C51.2025 68.5426 51.1858 68.522 51.1651 68.5058C51.1444 68.4896 51.1204 68.4783 51.0948 68.4726C51.0692 68.4669 51.0426 68.467 51.0171 68.4729C45.9835 69.675 40.8254 70.2777 35.6502 70.2682C26.7439 70.2682 24.3486 66.042 23.6626 64.2826C23.1113 62.762 22.7612 61.1759 22.6212 59.5646C22.6197 59.5375 22.6247 59.5105 22.6357 59.4857C22.6466 59.4609 22.6633 59.4391 22.6843 59.422C22.7053 59.4048 22.73 59.3929 22.7565 59.3871C22.783 59.3813 22.8104 59.3818 22.8367 59.3886C27.7864 60.5826 32.8604 61.1853 37.9522 61.1839C39.1768 61.1839 40.3978 61.1839 41.6224 61.1516C46.7435 61.008 52.1411 60.7459 57.1796 59.7621C57.3053 59.7369 57.431 59.7154 57.5387 59.6831C65.4861 58.157 73.0493 53.3672 73.8178 41.2381C73.8465 40.7606 73.9184 36.2364 73.9184 35.7409C73.9219 34.0569 74.4606 23.7949 73.8393 17.4898Z" fill="url(#paint0_linear_549_34)"/>
-<path d="M61.2484 27.0263V48.114H52.8916V27.6475C52.8916 23.3388 51.096 21.1413 47.4437 21.1413C43.4287 21.1413 41.4177 23.7409 41.4177 28.8755V40.0782H33.1111V28.8755C33.1111 23.7409 31.0965 21.1413 27.0815 21.1413C23.4507 21.1413 21.6371 23.3388 21.6371 27.6475V48.114H13.2839V27.0263C13.2839 22.7176 14.384 19.2946 16.5843 16.7572C18.8539 14.2258 21.8311 12.926 25.5264 12.926C29.8036 12.926 33.0357 14.5705 35.1905 17.8559L37.2698 21.346L39.3527 17.8559C41.5074 14.5705 44.7395 12.926 49.0095 12.926C52.7013 12.926 55.6784 14.2258 57.9553 16.7572C60.1531 19.2922 61.2508 22.7152 61.2484 27.0263Z" fill="white"/>
-<defs>
-<linearGradient id="paint0_linear_549_34" x1="37.0692" y1="0" x2="37.0692" y2="79" gradientUnits="userSpaceOnUse">
-<stop stop-color="#6364FF"/>
-<stop offset="1" stop-color="#563ACC"/>
-</linearGradient>
-</defs>
-</svg>

_site/index.html

@@ -28,12 +28,18 @@
         </div>
 
         <div style="text-align: center;">
-            <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. Mid to late 20s. 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."/> 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>
         </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."/> </i></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>
 
@@ -41,7 +47,7 @@
             
         <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>This website is still very much a work-in-progress and it was last updated: 4 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: 5 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>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>
 

_site/sitemap.xml

@@ -4,7 +4,7 @@
   <url>
     <loc>https://hexaitos.com/art.html</loc>
     
-      <lastmod>2024-11-04T18:33:55+01:00</lastmod>
+      <lastmod>2024-11-05T13:22:17+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-04T18:33:55+01:00</lastmod>
+      <lastmod>2024-11-05T13:22:17+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-04T18:33:55+01:00</lastmod>
+      <lastmod>2024-11-05T13:22:17+01:00</lastmod>
     
     <changefreq>monthly</changefreq>
     <priority>0.3</priority>
@@ -31,7 +31,7 @@
   <url>
     <loc>https://hexaitos.com/</loc>
     
-      <lastmod>2024-11-04T18:33:55+01:00</lastmod>
+      <lastmod>2024-11-05T13:22:17+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-04T18:33:55+01:00</lastmod>
+      <lastmod>2024-11-05T13:22:17+01:00</lastmod>
     
     <changefreq>monthly</changefreq>
     <priority>0.3</priority>
@@ -49,7 +49,16 @@
   <url>
     <loc>https://hexaitos.com/sitemap.xml</loc>
     
-      <lastmod>2024-11-04T18:33:55+01:00</lastmod>
+      <lastmod>2024-11-05T13:22:17+01:00</lastmod>
+    
+    <changefreq>monthly</changefreq>
+    <priority>0.3</priority>
+  </url>
+  
+  <url>
+    <loc>https://hexaitos.com/assets/css/styles.css</loc>
+    
+      <lastmod>2024-11-05T13:22:17+01:00</lastmod>
     
     <changefreq>monthly</changefreq>
     <priority>0.3</priority>

assets/css/styles.scss

@@ -1,3 +1,6 @@
+--- 
+---
+
 /* merriweather-regular - latin */
 @font-face {
   font-family: 'Merriweather';
@@ -388,6 +391,10 @@ code {
     --btn-col: #ae4e26;
   }
 
+  code {
+    background-color: darkgray;
+  }
+
   div.gallery {
     border: 5px double rgba(167, 47, 20, 1);
   }

assets/icons/logo-purple.svg

@@ -1,10 +0,0 @@
-<svg width="75" height="79" viewBox="0 0 75 79" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M73.8393 17.4898C72.6973 9.00165 65.2994 2.31235 56.5296 1.01614C55.05 0.797115 49.4441 0 36.4582 0H36.3612C23.3717 0 20.585 0.797115 19.1054 1.01614C10.5798 2.27644 2.79399 8.28712 0.904997 16.8758C-0.00358524 21.1056 -0.100549 25.7949 0.0682394 30.0965C0.308852 36.2651 0.355538 42.423 0.91577 48.5665C1.30307 52.6474 1.97872 56.6957 2.93763 60.6812C4.73325 68.042 12.0019 74.1676 19.1233 76.6666C26.7478 79.2728 34.9474 79.7055 42.8039 77.9162C43.6682 77.7151 44.5217 77.4817 45.3645 77.216C47.275 76.6092 49.5123 75.9305 51.1571 74.7385C51.1797 74.7217 51.1982 74.7001 51.2112 74.6753C51.2243 74.6504 51.2316 74.6229 51.2325 74.5948V68.6416C51.2321 68.6154 51.2259 68.5896 51.2142 68.5661C51.2025 68.5426 51.1858 68.522 51.1651 68.5058C51.1444 68.4896 51.1204 68.4783 51.0948 68.4726C51.0692 68.4669 51.0426 68.467 51.0171 68.4729C45.9835 69.675 40.8254 70.2777 35.6502 70.2682C26.7439 70.2682 24.3486 66.042 23.6626 64.2826C23.1113 62.762 22.7612 61.1759 22.6212 59.5646C22.6197 59.5375 22.6247 59.5105 22.6357 59.4857C22.6466 59.4609 22.6633 59.4391 22.6843 59.422C22.7053 59.4048 22.73 59.3929 22.7565 59.3871C22.783 59.3813 22.8104 59.3818 22.8367 59.3886C27.7864 60.5826 32.8604 61.1853 37.9522 61.1839C39.1768 61.1839 40.3978 61.1839 41.6224 61.1516C46.7435 61.008 52.1411 60.7459 57.1796 59.7621C57.3053 59.7369 57.431 59.7154 57.5387 59.6831C65.4861 58.157 73.0493 53.3672 73.8178 41.2381C73.8465 40.7606 73.9184 36.2364 73.9184 35.7409C73.9219 34.0569 74.4606 23.7949 73.8393 17.4898Z" fill="url(#paint0_linear_549_34)"/>
-<path d="M61.2484 27.0263V48.114H52.8916V27.6475C52.8916 23.3388 51.096 21.1413 47.4437 21.1413C43.4287 21.1413 41.4177 23.7409 41.4177 28.8755V40.0782H33.1111V28.8755C33.1111 23.7409 31.0965 21.1413 27.0815 21.1413C23.4507 21.1413 21.6371 23.3388 21.6371 27.6475V48.114H13.2839V27.0263C13.2839 22.7176 14.384 19.2946 16.5843 16.7572C18.8539 14.2258 21.8311 12.926 25.5264 12.926C29.8036 12.926 33.0357 14.5705 35.1905 17.8559L37.2698 21.346L39.3527 17.8559C41.5074 14.5705 44.7395 12.926 49.0095 12.926C52.7013 12.926 55.6784 14.2258 57.9553 16.7572C60.1531 19.2922 61.2508 22.7152 61.2484 27.0263Z" fill="white"/>
-<defs>
-<linearGradient id="paint0_linear_549_34" x1="37.0692" y1="0" x2="37.0692" y2="79" gradientUnits="userSpaceOnUse">
-<stop stop-color="#6364FF"/>
-<stop offset="1" stop-color="#563ACC"/>
-</linearGradient>
-</defs>
-</svg>