CSS improvements, loading improvements, better emoticons

This commit is contained in:
Hexaitos 2024-10-27 16:11:06 +01:00
parent fd2be8fbe2
commit c446254161
23 changed files with 36 additions and 15 deletions

View File

@ -4,4 +4,4 @@ source "https://rubygems.org"
# gem "rails" # gem "rails"
gem "jekyll", "~> 4.3" gem "jekyll", "~> 4.3"

View File

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

View File

@ -0,0 +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."/>

View File

@ -0,0 +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."/>

View File

@ -0,0 +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."/>

View File

@ -7,6 +7,7 @@
<title>{{ page.title }}</title> <title>{{ page.title }}</title>
<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">
<body> <body>

View File

@ -7,6 +7,7 @@
<title>{{ page.title }}</title> <title>{{ page.title }}</title>
<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">
<body> <body>

View File

@ -7,6 +7,7 @@
<title>{{ page.title }}</title> <title>{{ page.title }}</title>
<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">
<body> <body>

View File

@ -9,6 +9,7 @@
<title>{{ page.title }}</title> <title>{{ page.title }}</title>
<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">
<body> <body>
@ -16,17 +17,17 @@
<div class="main"> <div class="main">
<div class="pfp"> <div class="pfp">
<img src="/assets/images/Hexaitos/FaultyArts/hexaitos_icon.png"/> <img src="/assets/images/Hexaitos/FaultyArts/hexaitos_icon_small.png" width="150px" height="150px" alt="A drawing of the head of an anthropomorphic bateleur eagle."/>
<p>A headshot of me!<br/> Made by FaultyArts</p> <p>A headshot of me!<br/> Made by FaultyArts</p>
</div> </div>
<div style="text-align: center;"> <div style="text-align: center;">
<b>Bateleur eagle from Germany. Mid to late 20s. He/they/bird. <img src="/assets/icons/theta_delta.svg" height="16px" width="16px"/></b> <b>{% include emoticons/bateleur_head %} Bateleur eagle from Germany. Mid to late 20s. He/they/bird. {% include emoticons/thetadelta %}</b>
</div> </div>
<h1>Welcome to my website!</h1> <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 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>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.</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>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>
@ -34,7 +35,7 @@
<p>If you want to get in touch, look at the <a href="contact.html">contact</a> page! You can find me on plenty of websites or just send me an email I am always happy to talk to new people!</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>whodve thunk?</i>). </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>whodve thunk?</i>). 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.</p>
</div> </div>
<footer> <footer>

View File

@ -7,6 +7,7 @@
<title>hexaitos.com Art of Hexaitos</title> <title>hexaitos.com Art of Hexaitos</title>
<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">
<body> <body>

View File

@ -360,4 +360,8 @@ div.desc {
.contact a { .contact a {
color: white; color: white;
} }
li {
color: white;
}
} }

Binary file not shown.

After

Width:  |  Height:  |  Size: 9.1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 183 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 98 KiB

View File

@ -7,6 +7,7 @@
<title>hexaitos.com Blog</title> <title>hexaitos.com Blog</title>
<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">
<body> <body>

View File

@ -7,6 +7,7 @@
<title>hexaitos.com Contact</title> <title>hexaitos.com Contact</title>
<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">
<body> <body>

View File

@ -9,6 +9,7 @@
<title>hexaitos.com Home</title> <title>hexaitos.com Home</title>
<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">
<body> <body>
@ -22,17 +23,17 @@
<div class="main"> <div class="main">
<div class="pfp"> <div class="pfp">
<img src="/assets/images/Hexaitos/FaultyArts/hexaitos_icon.png"/> <img src="/assets/images/Hexaitos/FaultyArts/hexaitos_icon_small.png" width="150px" height="150px" alt="A drawing of the head of an anthropomorphic bateleur eagle."/>
<p>A headshot of me!<br/> Made by FaultyArts</p> <p>A headshot of me!<br/> Made by FaultyArts</p>
</div> </div>
<div style="text-align: center;"> <div style="text-align: center;">
<b>Bateleur eagle from Germany. Mid to late 20s. He/they/bird. <img src="/assets/icons/theta_delta.svg" height="16px" width="16px"/></b> <b><img src="/assets/icons/bateleur_head_emoticon.png" height="16px" width="16px" alt="An old illustration of the head of a bateleur eagle."/> Bateleur eagle from Germany. Mid to late 20s. He/they/bird. <img src="/assets/icons/theta_delta.svg" height="16px" width="16px" alt="An icon that combines the Greek letters theta and delta. A symbol for therianthropy."/></b>
</div> </div>
<h1>Welcome to my website!</h1> <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 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>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.</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>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>
@ -40,7 +41,7 @@
<p>If you want to get in touch, look at the <a href="contact.html">contact</a> page! You can find me on plenty of websites or just send me an email I am always happy to talk to new people!</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: 27 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>whodve thunk?</i>). </p> <p>This website is still very much a work-in-progress and it was last updated: 27 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>whodve thunk?</i>). 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.</p>
</div> </div>
<footer> <footer>

View File

@ -7,6 +7,7 @@
<title>Hexaitos.com Ref Sheet</title> <title>Hexaitos.com Ref Sheet</title>
<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">
<body> <body>

View File

@ -4,7 +4,7 @@
<url> <url>
<loc>https://hexaitos.com/art.html</loc> <loc>https://hexaitos.com/art.html</loc>
<lastmod>2024-10-27T16:02:19+01:00</lastmod> <lastmod>2024-10-27T13:52:11+01:00</lastmod>
<changefreq>monthly</changefreq> <changefreq>monthly</changefreq>
<priority>0.3</priority> <priority>0.3</priority>
@ -13,7 +13,7 @@
<url> <url>
<loc>https://hexaitos.com/blog.html</loc> <loc>https://hexaitos.com/blog.html</loc>
<lastmod>2024-10-27T16:02:19+01:00</lastmod> <lastmod>2024-10-27T13:52:11+01:00</lastmod>
<changefreq>monthly</changefreq> <changefreq>monthly</changefreq>
<priority>0.3</priority> <priority>0.3</priority>
@ -22,7 +22,7 @@
<url> <url>
<loc>https://hexaitos.com/contact.html</loc> <loc>https://hexaitos.com/contact.html</loc>
<lastmod>2024-10-27T16:02:19+01:00</lastmod> <lastmod>2024-10-27T13:52:11+01:00</lastmod>
<changefreq>monthly</changefreq> <changefreq>monthly</changefreq>
<priority>0.3</priority> <priority>0.3</priority>
@ -31,7 +31,7 @@
<url> <url>
<loc>https://hexaitos.com/</loc> <loc>https://hexaitos.com/</loc>
<lastmod>2024-10-27T16:02:19+01:00</lastmod> <lastmod>2024-10-27T13:52:11+01:00</lastmod>
<changefreq>monthly</changefreq> <changefreq>monthly</changefreq>
<priority>0.3</priority> <priority>0.3</priority>
@ -40,7 +40,7 @@
<url> <url>
<loc>https://hexaitos.com/refsheet.html</loc> <loc>https://hexaitos.com/refsheet.html</loc>
<lastmod>2024-10-27T16:02:19+01:00</lastmod> <lastmod>2024-10-27T13:52:11+01:00</lastmod>
<changefreq>monthly</changefreq> <changefreq>monthly</changefreq>
<priority>0.3</priority> <priority>0.3</priority>
@ -49,7 +49,7 @@
<url> <url>
<loc>https://hexaitos.com/sitemap.xml</loc> <loc>https://hexaitos.com/sitemap.xml</loc>
<lastmod>2024-10-27T16:02:19+01:00</lastmod> <lastmod>2024-10-27T13:52:11+01:00</lastmod>
<changefreq>monthly</changefreq> <changefreq>monthly</changefreq>
<priority>0.3</priority> <priority>0.3</priority>

View File

@ -360,4 +360,8 @@ div.desc {
.contact a { .contact a {
color: white; color: white;
} }
li {
color: white;
}
} }

Binary file not shown.

After

Width:  |  Height:  |  Size: 9.1 KiB

BIN
assets/icons/buzzard.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 183 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 98 KiB