Gardevoir and new about page

This commit is contained in:
Quad 2020-07-23 09:41:33 +02:00
parent 2f86419c32
commit 8990384c8a
6 changed files with 15 additions and 17 deletions

BIN
assets/avi.png Normal file → Executable file

Binary file not shown.

Before

Width:  |  Height:  |  Size: 724 KiB

After

Width:  |  Height:  |  Size: 50 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 668 KiB

BIN
assets/bg-orig.png Normal file → Executable file

Binary file not shown.

Before

Width:  |  Height:  |  Size: 3.0 MiB

After

Width:  |  Height:  |  Size: 9.2 KiB

View File

@ -1,3 +1,5 @@
<h1>Hi there!</h1>
<p>I am a sysadmin. That means I like things which plug into my network and have blinky lights. I've also entirely stopped running Windows, and all my machines have been running Linux a fair number of years by now.</p>
<p>I run a few public services, such as <a href="https://weeaboo.space/">Weeaboo.space</a>, but the majority of what I do tends to be run in my own home away from prying eyes. I've got an interest for most things tech-related, so I'll happily partake in most dicusssions about tech. These days I typically communicate via the <a href="https://en.wikipedia.org/wiki/Fediverse">fediverse</a>, as Twitter used to be my preferred social media platform, but their management has gone overly downhill for a while now. People who prefer more traditional communication methods can throw me an E-mail.</p>
<p>I am a sysadmin. That means I like things which plug into my network and have blinky lights, but only if they talk to my servers and not Google or Microsoft's.</p>
<p>Technological progress is my passion, but the privacy catastrophe following it is not. Due to this I'm a supporter of projects such as alternative operating systems, Linux Phones, decentralized communication, self-hosting at home and other solutions that help people control their own network and privacy.</p>
<p>Currently I run the public Pleroma instance <a href="https://weeaboo.space/">Weeaboo.space</a>, but the majority of what I do tends to be run in my own home away from prying eyes. I've got an interest for most things tech-related, so I'll happily partake in most dicusssions about tech. These days I typically communicate via the aforementioned <a href="https://en.wikipedia.org/wiki/Fediverse">fediverse</a>. People who prefer more traditional communication methods can throw me an E-mail.</p>
<p>No I do not have a fetish for Gardevoir.</p>

View File

@ -1,11 +1,7 @@
<p>I'm not an active dev anymore, focusing on being a sysadmin and labbing with hardware at home. But I've still got some small things going on around the internet.</p>
<p><a href="http://openings.moe">openings.moe</a> is still a huge site, although I'm mostly just responsible for servers now.</p>
<p><a href="https://blog.quad.moe">My blog</a> is a thing that exists. I tend to forget it, but I'm hoping that I manage to come up with something interesting for it once in a while.</p>
<p><a href="https://weeaboo.space">weeaboo.space</a> is a pleroma instance run by me. I use it along with some other internet people, we're all nice people, so feel free to join.</p>
<p><a href="https://git.quad.moe/quad/dotfiles">Dotfiles</a> aren't exactly a project, but many fellow Linux users have asked me to share them in the past. My selection is pretty sparse though.</p>
<p><a href="http://openings.moe">openings.moe</a> is still a rather popular site, although I just watch the servers and bills these days.</p>
<p><a href="https://git.quad.moe/quad/site">This website</a> is also Open Source and available in a git repo, because why not.</p>

View File

@ -7,7 +7,7 @@ html, body {
body {
height: 100vh;
width: 100vw;
background-image: url('assets/bg-1440p.jpg');
background-image: url('assets/bg-orig.png');
background-color: #2b2b2b;
background-size: cover;
background-position: bottom right;
@ -19,12 +19,12 @@ h1, h2, h3, h4, h5, p {
}
a, a:visited {
color: #FF5555;
color: #55FF55;
text-decoration: none;
}
a:hover {
color: #FF9999;
color: #99FF99;
}
/* Main IDs for the site */
@ -54,7 +54,7 @@ a:hover {
}
#main-container {
background-color: rgba(25,25,30,0.75);
background-color: rgba(25,30,25,0.75);
margin-top: 10px;
padding: 5px;
box-sizing: border-box;
@ -145,8 +145,8 @@ a:hover {
.nav-button {
display: inline-block;
border-bottom: solid 3px #4b4b5b;
background-color: rgba(30,25,25,0);
border-bottom: solid 3px #4b5b4b;
background-color: rgba(25,30,25,0);
color: #AAA;
transition: background 0.15s ease-in-out, border 0.5s ease-in-out, color 0.15s ease-in-out;
padding: 10px 5px;
@ -160,13 +160,13 @@ a:hover {
}
.nav-button:hover {
background-color: rgba(75,75,90,0.75);
background-color: rgba(75,90,75,0.75);
color: #FFF;
transition: background 0.15s ease-in-out, color 0.15s ease-in-out;
}
.nav-button.active {
border-color: #5555FF;
border-color: #55FF55;
color: #FFF;
transition: background 0.15s ease-in-out, border 0.5s ease-in-out, color 0.15s ease-in-out;
}
@ -230,7 +230,7 @@ a:hover {
}
.icon-container a:hover {
color: #5555FF;
color: #55FF55;
transition: color 0.25s ease-in-out;
}
@ -273,5 +273,5 @@ a:hover {
}
.highlight {
color: #5555FF;
color: #55FF55;
}