Add buttons
This commit is contained in:
parent
35b62219f1
commit
b31ab617ba
|
|
@ -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."/>
|
||||
|
|
@ -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."/>
|
||||
|
|
@ -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."/>
|
||||
|
|
@ -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."/>
|
||||
|
|
@ -1,3 +1,3 @@
|
|||
<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>
|
||||
|
|
@ -0,0 +1 @@
|
|||
<img class="web-button" src="/assets/images/buttons/{{ include.button }}">
|
||||
|
|
@ -3,5 +3,6 @@
|
|||
<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>
|
||||
|
|
@ -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 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 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>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>who’d’ve 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>
|
||||
<dl>
|
||||
|
|
|
|||
|
|
@ -1,6 +1,8 @@
|
|||
<!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="">
|
||||
|
|
@ -9,12 +11,14 @@
|
|||
|
||||
<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>
|
||||
|
||||
|
|
@ -29,8 +33,8 @@
|
|||
|
||||
<footer>
|
||||
<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>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -18,6 +18,7 @@
|
|||
<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>
|
||||
|
||||
|
|
@ -93,7 +94,7 @@
|
|||
|
||||
<footer>
|
||||
<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>
|
||||
</footer>
|
||||
</body>
|
||||
|
|
|
|||
|
|
@ -18,6 +18,7 @@
|
|||
<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>
|
||||
|
||||
|
|
@ -84,7 +85,7 @@
|
|||
|
||||
<footer>
|
||||
<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>
|
||||
</footer>
|
||||
</body>
|
||||
|
|
|
|||
|
|
@ -19,6 +19,7 @@
|
|||
<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>
|
||||
|
||||
|
|
@ -88,7 +89,7 @@
|
|||
|
||||
<footer>
|
||||
<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>
|
||||
</footer>
|
||||
</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 |
|
|
@ -1,6 +1,8 @@
|
|||
<!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="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="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>
|
||||
|
||||
|
|
@ -31,14 +35,16 @@
|
|||
|
||||
<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>
|
||||
<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 you’re 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 there’s 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 you’re 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 there’s really no point in my posting my own version that is almost literally the same thing.</p>
|
||||
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<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>
|
||||
|
||||
</ul>
|
||||
|
|
@ -46,8 +52,8 @@
|
|||
|
||||
<footer>
|
||||
<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>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
@ -1,6 +1,8 @@
|
|||
<!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="">
|
||||
|
|
@ -10,12 +12,14 @@
|
|||
<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>
|
||||
|
||||
|
|
@ -38,8 +42,8 @@
|
|||
|
||||
<footer>
|
||||
<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>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -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">
|
||||
<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>
|
||||
|
|
@ -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 I’ll end up using the server for, a decent WiFi connection might not be all that problematic either.</p>
|
||||
|
||||
<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. I’ll 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 you’re 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 there’s 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. I’ll 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 you’re 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 there’s really no point in my posting my own version that is almost literally the same thing.</p>
|
||||
|
||||
<p>Therefore, I’ll just be skipping that portion of my blog post. If you’re in Germany and a customer of Vodafone’s, 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>
|
||||
|
||||
<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 there’s 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 you’re 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 there’s 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 there’s 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 you’re 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 there’s 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>
|
||||
|
|
@ -21,6 +21,7 @@
|
|||
<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>
|
||||
|
||||
|
|
@ -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>
|
||||
|
||||
<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>
|
||||
|
||||
|
|
@ -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 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 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>who’d’ve 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>who’d’ve 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>
|
||||
<dl>
|
||||
|
|
@ -88,7 +93,7 @@
|
|||
|
||||
<footer>
|
||||
<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>
|
||||
</footer>
|
||||
</body>
|
||||
|
|
|
|||
|
|
@ -19,6 +19,7 @@
|
|||
<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>
|
||||
|
||||
|
|
@ -75,7 +76,7 @@
|
|||
|
||||
<footer>
|
||||
<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>
|
||||
</footer>
|
||||
</body>
|
||||
|
|
|
|||
|
|
@ -2,72 +2,81 @@
|
|||
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
|
||||
|
||||
<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>
|
||||
<priority>0.3</priority>
|
||||
</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>
|
||||
<priority>0.3</priority>
|
||||
</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>
|
||||
<priority>0.3</priority>
|
||||
</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>
|
||||
<priority>0.3</priority>
|
||||
</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>
|
||||
<priority>0.3</priority>
|
||||
</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>
|
||||
<priority>0.3</priority>
|
||||
</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>
|
||||
<priority>0.3</priority>
|
||||
</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>
|
||||
<priority>0.3</priority>
|
||||
|
|
@ -76,7 +85,7 @@
|
|||
|
||||
|
||||
<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>
|
||||
<changefreq>monthly</changefreq>
|
||||
<priority>0.5</priority>
|
||||
|
|
@ -85,7 +94,7 @@
|
|||
|
||||
|
||||
<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>
|
||||
<changefreq>monthly</changefreq>
|
||||
<priority>0.5</priority>
|
||||
|
|
@ -94,7 +103,7 @@
|
|||
|
||||
|
||||
<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>
|
||||
<changefreq>monthly</changefreq>
|
||||
<priority>0.5</priority>
|
||||
|
|
|
|||
|
|
@ -309,21 +309,47 @@ footer {
|
|||
margin-top: 2em;
|
||||
overflow: hidden;
|
||||
text-align: center;
|
||||
align-items: center;
|
||||
height: auto;
|
||||
border-radius: 10px;
|
||||
min-height: 3em;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
flex-flow: wrap;
|
||||
}
|
||||
|
||||
footer p {
|
||||
color: white;
|
||||
}
|
||||
|
||||
footer p:first-of-type {
|
||||
float: left;
|
||||
footer img {
|
||||
flex-shrink: 0;
|
||||
flex-basis: auto;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
footer p:last-of-type {
|
||||
float: right;
|
||||
footer a {
|
||||
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 */
|
||||
|
|
@ -352,8 +378,8 @@ footer p:last-of-type {
|
|||
margin-right: 0.1em;
|
||||
}
|
||||
|
||||
footer p:first-of-type, footer p:last-of-type {
|
||||
float: none;
|
||||
footer {
|
||||
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 |
|
|
@ -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>
|
||||
Loading…
Reference in New Issue