Add webring to homepage

_layouts/home.html

@@ -38,6 +38,16 @@
         <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>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>
+
+        <h2>Webrings</h2>
+        <div class="webring">
+            <span>Fediring</span>
+            <div class="webring-btn-container">
+                <a class="webring-btn" href="https://fediring.net/previous?host=hexaitos.com">←</a>
+                <a class="webring-btn" href="https://fediring.net/random">⚄</a>
+                <a class="webring-btn" href="https://fediring.net/next?host=hexaitos.com">→</a>
+            </div>
+        </div>
     </div>
 
     <footer>

_site/assets/css/styles.css

@@ -180,7 +180,7 @@ div.menu {
   margin-top: .5em;
 }
 
-.menu a:hover, .contact a:hover {
+.menu a:hover, .contact a:hover, a.webring-btn:hover {
   background-color: var(--btn-hov);
 }
 
@@ -212,6 +212,41 @@ div.contact {
   min-width: 94%;
 } */
 
+a.webring-btn {
+  color: white;
+  text-decoration: none;
+  padding: .5em .5em;
+  margin-right: 0.5em;
+  margin-left: 0.5em;
+  min-width: 75px;
+  text-align: center;
+  background-color: var(--btn-col);
+  display: inline-block;
+  font-size: medium;
+  border-radius: 10px;
+}
+
+div.webring-btn-container {
+  
+}
+
+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: #ae4e26; */
   background: var(--foot-bg); 
@@ -324,6 +359,12 @@ div.desc {
     display: inherit;
     justify-content: inherit
   }
+
+  a.webring-btn {
+    min-width: 40px;
+    margin-right: 0.2em;
+    margin-left: 0.2em;
+  }
 }
 
 .clearfix:after {

_site/index.html

@@ -41,9 +41,19 @@
             
         <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: 2 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: 3 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>
+
+        <h2>Webrings</h2>
+        <div class="webring">
+            <span>Fediring</span>
+            <div class="webring-btn-container">
+                <a class="webring-btn" href="https://fediring.net/previous?host=hexaitos.com">←</a>
+                <a class="webring-btn" href="https://fediring.net/random">⚄</a>
+                <a class="webring-btn" href="https://fediring.net/next?host=hexaitos.com">→</a>
+            </div>
+        </div>
     </div>
 
     <footer>

_site/sitemap.xml

@@ -4,7 +4,7 @@
   <url>
     <loc>https://hexaitos.com/art.html</loc>
     
-      <lastmod>2024-11-02T19:13:43+01:00</lastmod>
+      <lastmod>2024-11-03T13:11:26+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-02T19:13:43+01:00</lastmod>
+      <lastmod>2024-11-03T13:11:26+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-02T19:13:43+01:00</lastmod>
+      <lastmod>2024-11-03T13:11:26+01:00</lastmod>
     
     <changefreq>monthly</changefreq>
     <priority>0.3</priority>
@@ -31,7 +31,7 @@
   <url>
     <loc>https://hexaitos.com/</loc>
     
-      <lastmod>2024-11-02T19:13:43+01:00</lastmod>
+      <lastmod>2024-11-03T13:11:26+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-02T19:13:43+01:00</lastmod>
+      <lastmod>2024-11-03T13:11:26+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-02T19:13:43+01:00</lastmod>
+      <lastmod>2024-11-03T13:11:26+01:00</lastmod>
     
     <changefreq>monthly</changefreq>
     <priority>0.3</priority>

assets/css/styles.css

@@ -180,7 +180,7 @@ div.menu {
   margin-top: .5em;
 }
 
-.menu a:hover, .contact a:hover {
+.menu a:hover, .contact a:hover, a.webring-btn:hover {
   background-color: var(--btn-hov);
 }
 
@@ -212,6 +212,41 @@ div.contact {
   min-width: 94%;
 } */
 
+a.webring-btn {
+  color: white;
+  text-decoration: none;
+  padding: .5em .5em;
+  margin-right: 0.5em;
+  margin-left: 0.5em;
+  min-width: 75px;
+  text-align: center;
+  background-color: var(--btn-col);
+  display: inline-block;
+  font-size: medium;
+  border-radius: 10px;
+}
+
+div.webring-btn-container {
+  
+}
+
+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: #ae4e26; */
   background: var(--foot-bg); 
@@ -324,6 +359,12 @@ div.desc {
     display: inherit;
     justify-content: inherit
   }
+
+  a.webring-btn {
+    min-width: 40px;
+    margin-right: 0.2em;
+    margin-left: 0.2em;
+  }
 }
 
 .clearfix:after {