feat: Formatted Caddy logs globally

Caddyfile

@@ -1,3 +1,11 @@
+{
+    log {
+        format json {
+            time_format rfc3339
+        }
+    }
+}
+
 :80 {
     root * /srv
     file_server {
@@ -12,7 +20,7 @@
 	rewrite @404 /404.html
 	file_server
     }
-    
+
     log
     metrics /metrics
 }

css/brands.css

@@ -371,7 +371,6 @@ button:hover,
 .button.button-github {
   color: #ffffff;
   background-color: #000000;
-  border: 1px solid #FFFFFF;
 }
 .button.button-github:hover,
 .button.button-github:focus {
@@ -484,6 +483,16 @@ button:hover,
   filter: brightness(90%);
 }
 
+/* Hackerrank */
+.button.button-hackerrank {
+  color: #ffffff;
+  background-color: #32c766;
+}
+.button.button-hackerrank:hover,
+.button.button-hackerrank:focus {
+  filter: brightness(90%);
+}
+
 /* Hedgedoc */
 .button.button-hedgedoc {
   color: #ffffff;
@@ -893,6 +902,16 @@ button:hover,
   filter: brightness(90%);
 }
 
+/* TryHackMe */
+.button.button-tryhackme {
+  color: #ffffff;
+  background-color: #c1111181;
+}
+.button.button-tryhackme:hover,
+.button.button-tryhackme:focus {
+  filter: brightness(90%);
+}
+
 /* Tumblr */
 .button.button-tumb {
   color: #ffffff;

css/skeleton-auto.css

@@ -278,13 +278,17 @@ hr {
        url('../fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-800.svg#OpenSans') format('svg'); /* Legacy iOS */
 }
 
+#darkmode-toggle {
+  display: none; 
+}
+
 label {
   width:70px;
   height:35px;
   position: relative;
   display: block;
-  top: -40px;
-  left: 265px;
+  top: -20px;
+  left: 44%;
   background: #ebebeb;
   border-radius: 20px;
   box-shadow: inset 0px 0px 10px rgba(0,0,0,0.4), inset 0px 0px 10px rgba(255,255,255,0.4);

index.html

@@ -74,6 +74,7 @@
         <h1 role="heading">Syrell</h1>
 
         <!-- Short Bio -->
+        <p>SysOps engineer<br>Building tools on 21U<br>FOSS | Music | Birds</p>
 
         <!--
 
@@ -103,7 +104,7 @@
           This can improve the experience for assistive technology users by hiding what is essentially duplicated
 
         -->
-        <input class="button" type="checkbox" id="darkmode-toggle" onclick="setTheme()"/>
+        <input type="checkbox" id="darkmode-toggle" onclick="setTheme()"/>
         <label for="darkmode-toggle"></label>
 
         <script>
@@ -127,11 +128,20 @@
         <!-- GitLab -->
         <a class="button button-gitlab" href="https://gitlab.com/syrell" target="_blank" rel="noopener" role="button"><img class="icon" src="images/icons/gitlab.svg" alt="">GitLab</a><br>       
 
+        <!-- GitHub -->
+        <a class="button button-github" href="https://github.com/FinchRelia" target="_blank" rel="noopener" role="button"><img class="icon" src="images/icons/github.svg" alt="">GitHub</a><br>       
+
         <!-- Hedgedoc -->
         <a class="button button-hedgedoc" href="https://hedgedoc.syyrell.com/" target="_blank" rel="noopener" role="button"><img class="icon icon-hedgedoc" src="images/icons/hedgedoc.png" alt="">Hedgedoc</a><br>
 
         <!-- Mealie -->
         <a class="button button-mealie" href="https://food.syyrell.com/" target="_blank" rel="noopener" role="button"><img class="icon icon-mealie" src="images/icons/mealie.png" alt="">Mealie</a><br>
+        
+        <!-- Hackerrank -->
+        <a class="button button-hackerrank" href="https://www.hackerrank.com/Syrell" target="_blank" rel="noopener" role="button"><img class="icon icon-hackerrank" src="images/icons/hackerrank.png" alt="">HackerRank</a><br>
+
+        <!-- TryHackMe -->
+        <a class="button button-tryhackme" href="https://tryhackme.com/p/syrell" target="_blank" rel="noopener" role="button"><img class="icon icon-tryhackme" src="images/icons/tryhackme.png" alt="">TryHackMe</a><br>
 
         <!-- 
             Footer: