Gardevoir and new about page

pages/about.html

@@ -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 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>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>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>

pages/projects.html

@@ -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>

style.css

@@ -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;
+  border-bottom: solid 3px #4b5b4b;
-  background-color: rgba(30,25,25,0);
+  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;
 }