Add more info to index

_layouts/home.html

@@ -18,9 +18,17 @@
         </div>
 
             <h1>Welcome to my website!</h1>
-            <p>Hello and welcome to my website :> My name is Hexaitos (or just Hex). I am a bateleur eagle from Germany. I like working with computers (especially Linux) and networks, playing (video) games, learning languages, taking photos and a bunch of other things, depending on what I am currently fixated on. If you want to get in touch, look at the <a href="contact.html">contact</a> page!</p>
+            <p>Hello and welcome to my website :> 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.</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>
+
+            <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!</p>
+
+            <p>This website is still very much a work-in-progress and it was last updated: {{ 'now' | date: "%-d %B %Y"}}. I will be adding a <a href="blog.html">blog</a> at some point 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. I will be adding a <a href="blog.html">blog</a> at some point where I will be posting things mostly about computers and games. </p>
         </div>
 
     <footer>

_site/assets/css/styles.css

@@ -62,6 +62,19 @@
   font-family: Merriweather, Merriweather Sans; 
 }
 
+q {
+  quotes: "“" "”" "‘" "’";
+  font-family: Merriweather;
+}
+
+q::before {
+    content: open-quote;
+}
+
+q::after {
+    content: close-quote;
+}
+
 body {
   /* border: 2px solid rgba(167, 47, 20, 1); */
   /* border-radius: 25px; */

_site/assets/css/styles_side.css

@@ -1,48 +0,0 @@
-body {
-    border: 2px solid rgba(167, 47, 20, 1);
-    /* border-radius: 25px; */
-    margin: 20px 200px;
-}
-
-img.pfp {
-  border: 2px solid rgba(167, 47, 20, 1);
-  max-width: 150px;
-  display: block;
-  margin-left: auto;
-  margin-right: auto;
-}
-
-.sidenav {
-  height: 100%;
-  width: 160px;
-  position: fixed;
-  z-index: 1;
-  top: 20;
-  left: 200;
-  overflow-x: hidden;
-  padding-top: 20px;
-}
-
-.sidenav a {
-  padding: 6px 8px 6px 16px;
-  text-decoration: none;
-  font-size: 25px;
-  color: #818181;
-  display: block;
-}
-
-.sidenav a:hover {
-  color: #f1f1f1;
-}
-
-.main {
-  margin-left: 160px; /* Same as the width of the sidenav */
-  font-size: 28px; /* Increased text to enable scrolling */
-  padding: 0px 10px;
-  min-height: 20em;
-}
-
-@media screen and (max-height: 450px) {
-  .sidenav {padding-top: 15px;}
-  .sidenav a {font-size: 18px;}
-}

_site/index.html

@@ -24,9 +24,17 @@
         </div>
 
             <h1>Welcome to my website!</h1>
-            <p>Hello and welcome to my website :> My name is Hexaitos (or just Hex). I am a bateleur eagle from Germany. I like working with computers (especially Linux) and networks, playing (video) games, learning languages, taking photos and a bunch of other things, depending on what I am currently fixated on. If you want to get in touch, look at the <a href="contact.html">contact</a> page!</p>
+            <p>Hello and welcome to my website :> 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.</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>
+
+            <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!</p>
+
+            <p>This website is still very much a work-in-progress and it was last updated: 2 October 2024. I will be adding a <a href="blog.html">blog</a> at some point 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. I will be adding a <a href="blog.html">blog</a> at some point where I will be posting things mostly about computers and games. </p>
         </div>
 
     <footer>

assets/css/styles.css

@@ -62,6 +62,19 @@
   font-family: Merriweather, Merriweather Sans; 
 }
 
+q {
+  quotes: "“" "”" "‘" "’";
+  font-family: Merriweather;
+}
+
+q::before {
+    content: open-quote;
+}
+
+q::after {
+    content: close-quote;
+}
+
 body {
   /* border: 2px solid rgba(167, 47, 20, 1); */
   /* border-radius: 25px; */

assets/css/styles_side.css

@@ -1,48 +0,0 @@
-body {
-    border: 2px solid rgba(167, 47, 20, 1);
-    /* border-radius: 25px; */
-    margin: 20px 200px;
-}
-
-img.pfp {
-  border: 2px solid rgba(167, 47, 20, 1);
-  max-width: 150px;
-  display: block;
-  margin-left: auto;
-  margin-right: auto;
-}
-
-.sidenav {
-  height: 100%;
-  width: 160px;
-  position: fixed;
-  z-index: 1;
-  top: 20;
-  left: 200;
-  overflow-x: hidden;
-  padding-top: 20px;
-}
-
-.sidenav a {
-  padding: 6px 8px 6px 16px;
-  text-decoration: none;
-  font-size: 25px;
-  color: #818181;
-  display: block;
-}
-
-.sidenav a:hover {
-  color: #f1f1f1;
-}
-
-.main {
-  margin-left: 160px; /* Same as the width of the sidenav */
-  font-size: 28px; /* Increased text to enable scrolling */
-  padding: 0px 10px;
-  min-height: 20em;
-}
-
-@media screen and (max-height: 450px) {
-  .sidenav {padding-top: 15px;}
-  .sidenav a {font-size: 18px;}
-}