Add more info to index

This commit is contained in:
Hexaitos 2024-10-02 22:53:14 +02:00
parent 5503ae74c4
commit 3059328b33
8 changed files with 48 additions and 102 deletions

View File

@ -15,12 +15,20 @@
<div class="pfp">
<img src="/assets/images/Hexaitos/FaultyArts/hexaitos_icon.png"/>
<p>A headshot of me!<br/> Made by FaultyArts</p>
</div>
</div>
<h1>Welcome to my website!</h1>
<p>Hello and welcome to my website :> My name is Hexaitos (or just Hex). I am a bateleur eagle from Germany. I like working with computers (especially Linux) and networks, playing (video) games, learning languages, taking photos and a bunch of other things, depending on what I am currently fixated on. If you want to get in touch, look at the <a href="contact.html">contact</a> page!</p>
<p>Hello and welcome to my website :> My name is Hexaitos (or just Hex). I am a bateleur eagle from Germany and I live in a mystical city that is rumoured not to exist. Also, because this has shocked some people before, my name does actually have a meaning! The <q><i>-aitos</i></q> is just an uncommon transliteration of the Ancient Greek word for eagle (ἀετός, aetos) and <q><i>Hex-</i></q> is from hexadecimal and also just because I thought it sounded cool.</I></p>
<p>I like working with computers (especially Linux, currently on EndeavourOS) and networks, playing (video) games, learning languages (I speak German, Swedish and English pretty well and know a good chunk of Ancient Greek), taking photos and a bunch of other things, depending on what I am currently fixated on. I, obviously, also really like birds with birds of prey being my favourite but any bird is good. I also want to get into VR soon-ish. I am also a big fan of FOSS and self-hosting things.</p>
<p>As my actual job, I make computers go <i>brrr</i> (well, sometimes at any rate). I currently (October 2024) work as as systems and network administrator. I am trying to find a new place, though, because the company I currently work at is a bit… eh, to say the least. </p>
<p>If you want to get in touch, look at the <a href="contact.html">contact</a> page! You can find me on plenty of websites or just send me an email I am always happy to talk to new people!</p>
<p>This website is still very much a work-in-progress and it was last updated: {{ 'now' | date: "%-d %B %Y"}}. I will be adding a <a href="blog.html">blog</a> at some point where I will be posting things mostly about computers, games and birds (<i>whodve thunk?</i>). </p>
<p>This website is still very much a work-in-progress. I will be adding a <a href="blog.html">blog</a> at some point where I will be posting things mostly about computers and games. </p>
</div>
<footer>

View File

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

View File

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

Binary file not shown.

After

Width:  |  Height:  |  Size: 7.2 KiB

View File

@ -21,12 +21,20 @@
<div class="pfp">
<img src="/assets/images/Hexaitos/FaultyArts/hexaitos_icon.png"/>
<p>A headshot of me!<br/> Made by FaultyArts</p>
</div>
</div>
<h1>Welcome to my website!</h1>
<p>Hello and welcome to my website :> My name is Hexaitos (or just Hex). I am a bateleur eagle from Germany. I like working with computers (especially Linux) and networks, playing (video) games, learning languages, taking photos and a bunch of other things, depending on what I am currently fixated on. If you want to get in touch, look at the <a href="contact.html">contact</a> page!</p>
<p>Hello and welcome to my website :> My name is Hexaitos (or just Hex). I am a bateleur eagle from Germany and I live in a mystical city that is rumoured not to exist. Also, because this has shocked some people before, my name does actually have a meaning! The <q><i>-aitos</i></q> is just an uncommon transliteration of the Ancient Greek word for eagle (ἀετός, aetos) and <q><i>Hex-</i></q> is from hexadecimal and also just because I thought it sounded cool.</I></p>
<p>I like working with computers (especially Linux, currently on EndeavourOS) and networks, playing (video) games, learning languages (I speak German, Swedish and English pretty well and know a good chunk of Ancient Greek), taking photos and a bunch of other things, depending on what I am currently fixated on. I, obviously, also really like birds with birds of prey being my favourite but any bird is good. I also want to get into VR soon-ish. I am also a big fan of FOSS and self-hosting things.</p>
<p>As my actual job, I make computers go <i>brrr</i> (well, sometimes at any rate). I currently (October 2024) work as as systems and network administrator. I am trying to find a new place, though, because the company I currently work at is a bit… eh, to say the least. </p>
<p>If you want to get in touch, look at the <a href="contact.html">contact</a> page! You can find me on plenty of websites or just send me an email I am always happy to talk to new people!</p>
<p>This website is still very much a work-in-progress and it was last updated: 2 October 2024. I will be adding a <a href="blog.html">blog</a> at some point where I will be posting things mostly about computers, games and birds (<i>whodve thunk?</i>). </p>
<p>This website is still very much a work-in-progress. I will be adding a <a href="blog.html">blog</a> at some point where I will be posting things mostly about computers and games. </p>
</div>
<footer>

View File

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

View File

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

Binary file not shown.

After

Width:  |  Height:  |  Size: 7.2 KiB