Add buttons

This commit is contained in:
Hexaitos 2024-12-11 15:50:38 +01:00
parent 35b62219f1
commit b31ab617ba
55 changed files with 489 additions and 54 deletions

View File

@ -1 +1 @@
<img src="/assets/icons/bateleur_head_emoticon.png" height="16px" width="16px" alt="An old illustration of the head of a bateleur eagle."/> <img class="emoticon" src="/assets/icons/bateleur_head_emoticon.png" height="16px" width="16px" alt="An old illustration of the head of a bateleur eagle."/>

View File

@ -1 +1 @@
<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."/> <img class="emoticon" src="/assets/icons/buzzard.png" height="16px" width="16px" alt="An icon that combines the Greek letters theta and delta. A symbol for therianthropy."/>

View File

@ -1 +1 @@
<img src="/assets/icons/oystercatcher.png" height="16px" width="16px" alt="An icon that combines the Greek letters theta and delta. A symbol for therianthropy."/> <img class="emoticon" src="/assets/icons/oystercatcher.png" height="16px" width="16px" alt="An icon that combines the Greek letters theta and delta. A symbol for therianthropy."/>

View File

@ -1 +1 @@
<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."/> <img class="emoticon" 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."/>

View File

@ -1,3 +1,3 @@
<p>2024 - {{ 'now' | date: "%Y" }} hexaitos.com</p> <p>2024 - {{ 'now' | date: "%Y" }} hexaitos.com</p>
<p>Made with Jekyll</p> <img src="/assets/images/buttons/websites/hexaitos.png">
<a rel="me" href="https://squawk.social/@hexaitos"></a> <a rel="me" href="https://squawk.social/@hexaitos"></a>

View File

@ -0,0 +1 @@
<img class="web-button" src="/assets/images/buttons/{{ include.button }}">

View File

@ -3,5 +3,6 @@
<a href="/blog.html">Blog</a> <a href="/blog.html">Blog</a>
<a href="/art.html">Art</a> <a href="/art.html">Art</a>
<a href="/refsheet.html">Ref sheet</a> <a href="/refsheet.html">Ref sheet</a>
<a href="/buttons.html">Buttons</a>
<a href="/contact.html">Contact</a> <a href="/contact.html">Contact</a>
</div> </div>

View File

@ -43,7 +43,11 @@
<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 or critters! I dont 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 or critters! I dont 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 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>whodve thunk?</i>).</p> <p>I also have a page that contains a bunch of modern (and old!) 88x31 website buttons, go check it out <a href="buttons.html">here</a>! It contains both general-purpose buttons and buttons for specific websites. </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>whodve thunk?</i>). If you want to link to my website, you can use the the button below :3 </p>
{% include img/web-btn.html button="websites/hexaitos.png" %}
<h2>Other projects</h2> <h2>Other projects</h2>
<dl> <dl>

View File

@ -1,6 +1,8 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1"> <meta name="viewport" content="width=device-width,initial-scale=1">
<meta name="description" content=""> <meta name="description" content="">
@ -9,12 +11,14 @@
<link rel="stylesheet" href="/assets/css/styles.css"> <link rel="stylesheet" href="/assets/css/styles.css">
</head>
<body> <body>
<div class="menu"> <div class="menu">
<a href="/index.html">Home</a> <a href="/index.html">Home</a>
<a href="/blog.html">Blog</a> <a href="/blog.html">Blog</a>
<a href="/art.html">Art</a> <a href="/art.html">Art</a>
<a href="/refsheet.html">Ref sheet</a> <a href="/refsheet.html">Ref sheet</a>
<a href="/buttons.html">Buttons</a>
<a href="/contact.html">Contact</a> <a href="/contact.html">Contact</a>
</div> </div>
@ -29,7 +33,7 @@
<footer> <footer>
<p>2024 - 2024 hexaitos.com</p> <p>2024 - 2024 hexaitos.com</p>
<p>Made with Jekyll</p> <img src="/assets/images/buttons/websites/hexaitos.png" loading="lazy">
<a rel="me" href="https://squawk.social/@hexaitos"></a> <a rel="me" href="https://squawk.social/@hexaitos"></a>
</footer> </footer>
</body> </body>

View File

@ -18,6 +18,7 @@
<a href="/blog.html">Blog</a> <a href="/blog.html">Blog</a>
<a href="/art.html">Art</a> <a href="/art.html">Art</a>
<a href="/refsheet.html">Ref sheet</a> <a href="/refsheet.html">Ref sheet</a>
<a href="/buttons.html">Buttons</a>
<a href="/contact.html">Contact</a> <a href="/contact.html">Contact</a>
</div> </div>
@ -93,7 +94,7 @@
<footer> <footer>
<p>2024 - 2024 hexaitos.com</p> <p>2024 - 2024 hexaitos.com</p>
<p>Made with Jekyll</p> <img src="/assets/images/buttons/websites/hexaitos.png" loading="lazy">
<a rel="me" href="https://squawk.social/@hexaitos"></a> <a rel="me" href="https://squawk.social/@hexaitos"></a>
</footer> </footer>
</body> </body>

View File

@ -18,6 +18,7 @@
<a href="/blog.html">Blog</a> <a href="/blog.html">Blog</a>
<a href="/art.html">Art</a> <a href="/art.html">Art</a>
<a href="/refsheet.html">Ref sheet</a> <a href="/refsheet.html">Ref sheet</a>
<a href="/buttons.html">Buttons</a>
<a href="/contact.html">Contact</a> <a href="/contact.html">Contact</a>
</div> </div>
@ -84,7 +85,7 @@
<footer> <footer>
<p>2024 - 2024 hexaitos.com</p> <p>2024 - 2024 hexaitos.com</p>
<p>Made with Jekyll</p> <img src="/assets/images/buttons/websites/hexaitos.png" loading="lazy">
<a rel="me" href="https://squawk.social/@hexaitos"></a> <a rel="me" href="https://squawk.social/@hexaitos"></a>
</footer> </footer>
</body> </body>

View File

@ -19,6 +19,7 @@
<a href="/blog.html">Blog</a> <a href="/blog.html">Blog</a>
<a href="/art.html">Art</a> <a href="/art.html">Art</a>
<a href="/refsheet.html">Ref sheet</a> <a href="/refsheet.html">Ref sheet</a>
<a href="/buttons.html">Buttons</a>
<a href="/contact.html">Contact</a> <a href="/contact.html">Contact</a>
</div> </div>
@ -88,7 +89,7 @@
<footer> <footer>
<p>2024 - 2024 hexaitos.com</p> <p>2024 - 2024 hexaitos.com</p>
<p>Made with Jekyll</p> <img src="/assets/images/buttons/websites/hexaitos.png" loading="lazy">
<a rel="me" href="https://squawk.social/@hexaitos"></a> <a rel="me" href="https://squawk.social/@hexaitos"></a>
</footer> </footer>
</body> </body>

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

Binary file not shown.

Before

Width:  |  Height:  |  Size: 238 KiB

After

Width:  |  Height:  |  Size: 238 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 184 KiB

After

Width:  |  Height:  |  Size: 184 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.8 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.5 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.4 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.6 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.8 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.9 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 8.4 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.7 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.7 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 900 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.5 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.7 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 7.2 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.8 KiB

View File

@ -1,6 +1,8 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1"> <meta name="viewport" content="width=device-width,initial-scale=1">
<meta name="description" content="Hexaitos blog has posts on computers, languages and photography. Mostly computers and Linux though. Here you will find posts about random projects I have undertaken."> <meta name="description" content="Hexaitos blog has posts on computers, languages and photography. Mostly computers and Linux though. Here you will find posts about random projects I have undertaken.">
@ -10,12 +12,14 @@
<link rel="preload" as="style" href="/assets/css/styles.css"> <link rel="preload" as="style" href="/assets/css/styles.css">
<link rel="stylesheet" href="/assets/css/styles.css"> <link rel="stylesheet" href="/assets/css/styles.css">
</head>
<body> <body>
<div class="menu"> <div class="menu">
<a href="/index.html">Home</a> <a href="/index.html">Home</a>
<a href="/blog.html">Blog</a> <a href="/blog.html">Blog</a>
<a href="/art.html">Art</a> <a href="/art.html">Art</a>
<a href="/refsheet.html">Ref sheet</a> <a href="/refsheet.html">Ref sheet</a>
<a href="/buttons.html">Buttons</a>
<a href="/contact.html">Contact</a> <a href="/contact.html">Contact</a>
</div> </div>
@ -31,14 +35,16 @@
<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> <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><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 youre 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 theres really no point in my posting my own version that is almost literally the same thing.</p> <p></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 youre 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 theres really no point in my posting my own version that is almost literally the same thing.</p>
</li> </li>
<li> <li>
<a href="/2024/09/30/first_blog_post.html">My first blog post (30 Sep 2024)</a> <a href="/2024/09/30/first_blog_post.html">My first blog post (30 Sep 2024)</a>
<p><p>Hello everyone! This is my first blog post, mostly just to try out how everything works.</p> <p></p>
</p> <p>Hello everyone! This is my first blog post, mostly just to try out how everything works.</p>
</li> </li>
</ul> </ul>
@ -46,7 +52,7 @@
<footer> <footer>
<p>2024 - 2024 hexaitos.com</p> <p>2024 - 2024 hexaitos.com</p>
<p>Made with Jekyll</p> <img src="/assets/images/buttons/websites/hexaitos.png" loading="lazy">
<a rel="me" href="https://squawk.social/@hexaitos"></a> <a rel="me" href="https://squawk.social/@hexaitos"></a>
</footer> </footer>
</body> </body>

347
_site/buttons.html Normal file
View File

@ -0,0 +1,347 @@
<!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>Hexaitos.com Buttons</title>
<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>
<a href="/blog.html">Blog</a>
<a href="/art.html">Art</a>
<a href="/refsheet.html">Ref sheet</a>
<a href="/buttons.html">Buttons</a>
<a href="/contact.html">Contact</a>
</div>
<div class="main">
<h1 id="buttons">Buttons</h1>
<h2 id="general-buttons">General buttons</h2>
<div class="web-button-container">
<img class="web-button" src="/assets/images/buttons/general/anything_but_chrome.gif" loading="lazy">
<img class="web-button" src="/assets/images/buttons/general/best_viewed_any.gif" loading="lazy">
<img class="web-button" src="/assets/images/buttons/general/button102.gif" loading="lazy">
<img class="web-button" src="/assets/images/buttons/general/button199.gif" loading="lazy">
<img class="web-button" src="/assets/images/buttons/general/button471.png" loading="lazy">
<img class="web-button" src="/assets/images/buttons/general/html.png" loading="lazy">
<img class="web-button" src="/assets/images/buttons/general/kde.gif" loading="lazy">
<img class="web-button" src="/assets/images/buttons/general/made_with_paws.png" loading="lazy">
<img class="web-button" src="/assets/images/buttons/general/newlambda.gif" loading="lazy">
<img class="web-button" src="/assets/images/buttons/general/not_a_person.png" loading="lazy">
<img class="web-button" src="/assets/images/buttons/general/phonechump.gif" loading="lazy">
<img class="web-button" src="/assets/images/buttons/general/powered_by_linux.png" loading="lazy">
<img class="web-button" src="/assets/images/buttons/general/therian.png" loading="lazy">
</div>
<h2 id="website-buttons">Website buttons</h2>
<div class="web-button-container">
<img class="web-button" src="/assets/images/buttons/websites/hexaitos.png" loading="lazy">
</div>
</div>
<footer>
<p>2024 - 2024 hexaitos.com</p>
<img src="/assets/images/buttons/websites/hexaitos.png" loading="lazy">
<a rel="me" href="https://squawk.social/@hexaitos"></a>
</footer>
</body>
</html>

View File

@ -1,6 +1,8 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1"> <meta name="viewport" content="width=device-width,initial-scale=1">
<meta name="description" content=""> <meta name="description" content="">
@ -10,12 +12,14 @@
<link rel="preload" as="style" href="/assets/css/styles.css"> <link rel="preload" as="style" href="/assets/css/styles.css">
<link rel="stylesheet" href="/assets/css/styles.css"> <link rel="stylesheet" href="/assets/css/styles.css">
</head>
<body> <body>
<div class="menu"> <div class="menu">
<a href="/index.html">Home</a> <a href="/index.html">Home</a>
<a href="/blog.html">Blog</a> <a href="/blog.html">Blog</a>
<a href="/art.html">Art</a> <a href="/art.html">Art</a>
<a href="/refsheet.html">Ref sheet</a> <a href="/refsheet.html">Ref sheet</a>
<a href="/buttons.html">Buttons</a>
<a href="/contact.html">Contact</a> <a href="/contact.html">Contact</a>
</div> </div>
@ -38,7 +42,7 @@
<footer> <footer>
<p>2024 - 2024 hexaitos.com</p> <p>2024 - 2024 hexaitos.com</p>
<p>Made with Jekyll</p> <img src="/assets/images/buttons/websites/hexaitos.png" loading="lazy">
<a rel="me" href="https://squawk.social/@hexaitos"></a> <a rel="me" href="https://squawk.social/@hexaitos"></a>
</footer> </footer>
</body> </body>

View File

@ -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-12-05T10:02:12+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="http://localhost:4000/feed.xml" rel="self" type="application/atom+xml" /><link href="http://localhost:4000/" rel="alternate" type="text/html" /><updated>2024-12-11T15:50:17+01:00</updated><id>http://localhost:4000/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="http://localhost:4000/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>http://localhost:4000/2024/11/19/asahi-on-m1-mba</id><content type="html" xml:base="http://localhost:4000/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"> <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." /> <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> </a>
@ -50,7 +50,7 @@
<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 Ill end up using the server for, a decent WiFi connection might not be all that problematic either.</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 Ill end up using the server for, a decent WiFi connection might not be all that problematic either.</p>
<h2 id="conclusion">Conclusion</h2> <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. Ill 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 youre 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 theres really no point in my posting my own version that is almost literally the same thing.</p> <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. Ill 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="http://localhost:4000/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>http://localhost:4000/2024/10/29/hosting_at_home</id><content type="html" xml:base="http://localhost:4000/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 youre 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 theres really no point in my posting my own version that is almost literally the same thing.</p>
<p>Therefore, Ill just be skipping that portion of my blog post. If youre in Germany and a customer of Vodafones, 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> <p>Therefore, Ill just be skipping that portion of my blog post. If youre in Germany and a customer of Vodafones, 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>
@ -111,4 +111,4 @@
<p>If you then restart Caddy after adding your configuration (or simply starting it for the first time), it should automatically generate an SSL certificate for you and your website should become reachable from <em>both</em> IPv6- and IPv4-only networks.</p> <p>If you then restart Caddy after adding your configuration (or simply starting it for the first time), it should automatically generate an SSL certificate for you and your website should become reachable from <em>both</em> IPv6- and IPv4-only networks.</p>
<h2 id="conclusion">Conclusion</h2> <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 theres anything you think could be improved in the next one, I would love to hear about it.</p>]]></content><author><name>hexaitos</name></author><summary type="html"><![CDATA[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 youre 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) OPNsense documentation has the exact thing I wrote about documented already, so theres really no point in my posting my own version that is almost literally the same thing.]]></summary></entry><entry><title type="html">My first blog post</title><link href="https://hexaitos.com/2024/09/30/first_blog_post.html" rel="alternate" type="text/html" title="My first blog post" /><published>2024-09-30T00:00:00+02:00</published><updated>2024-09-30T00:00:00+02:00</updated><id>https://hexaitos.com/2024/09/30/first_blog_post</id><content type="html" xml:base="https://hexaitos.com/2024/09/30/first_blog_post.html"><![CDATA[<p>Hello everyone! This is my first blog post, mostly just to try out how everything works.</p>]]></content><author><name>hexaitos</name></author><summary type="html"><![CDATA[Hello everyone! This is my first blog post, mostly just to try out how everything works.]]></summary></entry></feed> <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 theres anything you think could be improved in the next one, I would love to hear about it.</p>]]></content><author><name>hexaitos</name></author><summary type="html"><![CDATA[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 youre 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) OPNsense documentation has the exact thing I wrote about documented already, so theres really no point in my posting my own version that is almost literally the same thing.]]></summary></entry><entry><title type="html">My first blog post</title><link href="http://localhost:4000/2024/09/30/first_blog_post.html" rel="alternate" type="text/html" title="My first blog post" /><published>2024-09-30T00:00:00+02:00</published><updated>2024-09-30T00:00:00+02:00</updated><id>http://localhost:4000/2024/09/30/first_blog_post</id><content type="html" xml:base="http://localhost:4000/2024/09/30/first_blog_post.html"><![CDATA[<p>Hello everyone! This is my first blog post, mostly just to try out how everything works.</p>]]></content><author><name>hexaitos</name></author><summary type="html"><![CDATA[Hello everyone! This is my first blog post, mostly just to try out how everything works.]]></summary></entry></feed>

View File

@ -21,6 +21,7 @@
<a href="/blog.html">Blog</a> <a href="/blog.html">Blog</a>
<a href="/art.html">Art</a> <a href="/art.html">Art</a>
<a href="/refsheet.html">Ref sheet</a> <a href="/refsheet.html">Ref sheet</a>
<a href="/buttons.html">Buttons</a>
<a href="/contact.html">Contact</a> <a href="/contact.html">Contact</a>
</div> </div>
@ -39,12 +40,12 @@
<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> <b><img class="emoticon" 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 class="emoticon" 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> </div>
<h1>Welcome to my website!</h1> <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." loading="lazy"> </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 class="emoticon" 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>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>
@ -52,7 +53,11 @@
<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 or critters! I dont usually bite. Unless you want me to &gt;: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 or critters! I dont 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: 5 December 2024. I also have a <a href="blog.html">blog</a> where I will be posting things mostly about computers, games and birds (<i>whodve thunk?</i>).</p> <p>I also have a page that contains a bunch of modern (and old!) 88x31 website buttons, go check it out <a href="buttons.html">here</a>! It contains both general-purpose buttons and buttons for specific websites. </p>
<p>This website is still very much a work-in-progress and it was last updated on the following day: 11 December 2024. I also have a <a href="blog.html">blog</a> where I will be posting things mostly about computers, games and birds (<i>whodve thunk?</i>). If you want to link to my website, you can use the the button below :3 </p>
<img class="web-button" src="/assets/images/buttons/websites/hexaitos.png" loading="lazy">
<h2>Other projects</h2> <h2>Other projects</h2>
<dl> <dl>
@ -88,7 +93,7 @@
<footer> <footer>
<p>2024 - 2024 hexaitos.com</p> <p>2024 - 2024 hexaitos.com</p>
<p>Made with Jekyll</p> <img src="/assets/images/buttons/websites/hexaitos.png" loading="lazy">
<a rel="me" href="https://squawk.social/@hexaitos"></a> <a rel="me" href="https://squawk.social/@hexaitos"></a>
</footer> </footer>
</body> </body>

View File

@ -19,6 +19,7 @@
<a href="/blog.html">Blog</a> <a href="/blog.html">Blog</a>
<a href="/art.html">Art</a> <a href="/art.html">Art</a>
<a href="/refsheet.html">Ref sheet</a> <a href="/refsheet.html">Ref sheet</a>
<a href="/buttons.html">Buttons</a>
<a href="/contact.html">Contact</a> <a href="/contact.html">Contact</a>
</div> </div>
@ -75,7 +76,7 @@
<footer> <footer>
<p>2024 - 2024 hexaitos.com</p> <p>2024 - 2024 hexaitos.com</p>
<p>Made with Jekyll</p> <img src="/assets/images/buttons/websites/hexaitos.png" loading="lazy">
<a rel="me" href="https://squawk.social/@hexaitos"></a> <a rel="me" href="https://squawk.social/@hexaitos"></a>
</footer> </footer>
</body> </body>

View File

@ -2,72 +2,81 @@
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9"> <urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
<url> <url>
<loc>https://hexaitos.com/art.html</loc> <loc>http://localhost:4000/art.html</loc>
<lastmod>2024-12-05T10:02:12+01:00</lastmod> <lastmod>2024-12-11T15:50:17+01:00</lastmod>
<changefreq>monthly</changefreq> <changefreq>monthly</changefreq>
<priority>0.3</priority> <priority>0.3</priority>
</url> </url>
<url> <url>
<loc>https://hexaitos.com/blog.html</loc> <loc>http://localhost:4000/blog.html</loc>
<lastmod>2024-12-05T10:02:12+01:00</lastmod> <lastmod>2024-12-11T15:50:17+01:00</lastmod>
<changefreq>monthly</changefreq> <changefreq>monthly</changefreq>
<priority>0.3</priority> <priority>0.3</priority>
</url> </url>
<url> <url>
<loc>https://hexaitos.com/contact.html</loc> <loc>http://localhost:4000/buttons.html</loc>
<lastmod>2024-12-05T10:02:12+01:00</lastmod> <lastmod>2024-12-11T15:50:17+01:00</lastmod>
<changefreq>monthly</changefreq> <changefreq>monthly</changefreq>
<priority>0.3</priority> <priority>0.3</priority>
</url> </url>
<url> <url>
<loc>https://hexaitos.com/</loc> <loc>http://localhost:4000/contact.html</loc>
<lastmod>2024-12-05T10:02:12+01:00</lastmod> <lastmod>2024-12-11T15:50:17+01:00</lastmod>
<changefreq>monthly</changefreq> <changefreq>monthly</changefreq>
<priority>0.3</priority> <priority>0.3</priority>
</url> </url>
<url> <url>
<loc>https://hexaitos.com/refsheet.html</loc> <loc>http://localhost:4000/</loc>
<lastmod>2024-12-05T10:02:12+01:00</lastmod> <lastmod>2024-12-11T15:50:17+01:00</lastmod>
<changefreq>monthly</changefreq> <changefreq>monthly</changefreq>
<priority>0.3</priority> <priority>0.3</priority>
</url> </url>
<url> <url>
<loc>https://hexaitos.com/sitemap.xml</loc> <loc>http://localhost:4000/refsheet.html</loc>
<lastmod>2024-12-05T10:02:12+01:00</lastmod> <lastmod>2024-12-11T15:50:17+01:00</lastmod>
<changefreq>monthly</changefreq> <changefreq>monthly</changefreq>
<priority>0.3</priority> <priority>0.3</priority>
</url> </url>
<url> <url>
<loc>https://hexaitos.com/assets/css/styles.css</loc> <loc>http://localhost:4000/sitemap.xml</loc>
<lastmod>2024-12-05T10:02:12+01:00</lastmod> <lastmod>2024-12-11T15:50:17+01:00</lastmod>
<changefreq>monthly</changefreq> <changefreq>monthly</changefreq>
<priority>0.3</priority> <priority>0.3</priority>
</url> </url>
<url> <url>
<loc>https://hexaitos.com/feed.xml</loc> <loc>http://localhost:4000/assets/css/styles.css</loc>
<lastmod>2024-12-05T10:02:12+01:00</lastmod> <lastmod>2024-12-11T15:50:17+01:00</lastmod>
<changefreq>monthly</changefreq>
<priority>0.3</priority>
</url>
<url>
<loc>http://localhost:4000/feed.xml</loc>
<lastmod>2024-12-11T15:50:17+01:00</lastmod>
<changefreq>monthly</changefreq> <changefreq>monthly</changefreq>
<priority>0.3</priority> <priority>0.3</priority>
@ -76,7 +85,7 @@
<url> <url>
<loc>https://hexaitos.com/2024/11/19/asahi-on-m1-mba.html</loc> <loc>http://localhost:4000/2024/11/19/asahi-on-m1-mba.html</loc>
<lastmod>2024-11-19T00:00:00+01:00</lastmod> <lastmod>2024-11-19T00:00:00+01:00</lastmod>
<changefreq>monthly</changefreq> <changefreq>monthly</changefreq>
<priority>0.5</priority> <priority>0.5</priority>
@ -85,7 +94,7 @@
<url> <url>
<loc>https://hexaitos.com/2024/10/29/hosting_at_home.html</loc> <loc>http://localhost:4000/2024/10/29/hosting_at_home.html</loc>
<lastmod>2024-10-29T00:00:00+01:00</lastmod> <lastmod>2024-10-29T00:00:00+01:00</lastmod>
<changefreq>monthly</changefreq> <changefreq>monthly</changefreq>
<priority>0.5</priority> <priority>0.5</priority>
@ -94,7 +103,7 @@
<url> <url>
<loc>https://hexaitos.com/2024/09/30/first_blog_post.html</loc> <loc>http://localhost:4000/2024/09/30/first_blog_post.html</loc>
<lastmod>2024-09-30T00:00:00+02:00</lastmod> <lastmod>2024-09-30T00:00:00+02:00</lastmod>
<changefreq>monthly</changefreq> <changefreq>monthly</changefreq>
<priority>0.5</priority> <priority>0.5</priority>

View File

@ -309,21 +309,47 @@ footer {
margin-top: 2em; margin-top: 2em;
overflow: hidden; overflow: hidden;
text-align: center; text-align: center;
align-items: center;
height: auto; height: auto;
border-radius: 10px; border-radius: 10px;
min-height: 3em; min-height: 3em;
display: flex;
justify-content: space-between;
flex-flow: wrap;
} }
footer p { footer p {
color: white; color: white;
} }
footer p:first-of-type { footer img {
float: left; flex-shrink: 0;
flex-basis: auto;
height: auto;
} }
footer p:last-of-type { footer a {
float: right; width: 100%;
}
div.web-button-container {
text-align: center;
}
img.web-button {
}
.pfp img:hover, img.emoticon:hover, img.web-button:hover {
transform: scale(2);
transition-duration: 500ms;
}
img.emoticon:hover {
transform: scale(4) !important;
}
img {
transition-duration: 500ms;
} }
/* Responsive design stuff */ /* Responsive design stuff */
@ -352,8 +378,8 @@ footer p:last-of-type {
margin-right: 0.1em; margin-right: 0.1em;
} }
footer p:first-of-type, footer p:last-of-type { footer {
float: none; flex-direction: column;
} }
} }

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.8 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.5 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.4 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.6 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.8 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.9 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 8.4 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.7 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.7 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 900 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.5 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.7 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 7.2 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.8 KiB

24
buttons.md Executable file
View File

@ -0,0 +1,24 @@
---
layout: default
title: "Hexaitos.com Buttons"
---
# Buttons
## General buttons
<div class="web-button-container">
{% for image in site.static_files %}
{% if image.path contains 'images/buttons/general' %}
<img class="web-button" src="{{ site.baseurl }}{{ image.path }}"/>
{% endif %}
{% endfor %}
</div>
## Website buttons
<div class="web-button-container">
{% for image in site.static_files %}
{% if image.path contains 'images/buttons/websites' %}
<img class="web-button" src="{{ site.baseurl }}{{ image.path }}"/>
{% endif %}
{% endfor %}
</div>