From 3717794b81e267296374c83ddf58efcca4a2a133 Mon Sep 17 00:00:00 2001
From: G2_Games <ke0bhogsg@gmail.com>
Date: Tue, 27 May 2025 12:18:28 -0500
Subject: [PATCH] Latest updates from the last while

---
 assets/errors/404.html                        |  84 +++++++++---------
 .../images/buttons/GensokyoRadio-Button.png   | Bin 0 -> 1907 bytes
 assets/images/cat_dark.png                    | Bin 0 -> 1281 bytes
 assets/images/cat_light.png                   | Bin 0 -> 1188 bytes
 assets/images/css3_logo.svg                   |   7 ++
 assets/images/html5_logo.svg                  |   7 ++
 assets/images/js_logo.svg                     |  31 +++++++
 assets/img-style.css                          |  18 ++++
 assets/lib/scripts/music_status.js            |   6 ++
 assets/main-style.css                         |  33 ++++---
 index.html                                    |  51 +++++++----
 random/index.html                             |  12 ++-
 12 files changed, 174 insertions(+), 75 deletions(-)
 create mode 100644 assets/images/buttons/GensokyoRadio-Button.png
 create mode 100644 assets/images/cat_dark.png
 create mode 100644 assets/images/cat_light.png
 create mode 100644 assets/images/css3_logo.svg
 create mode 100644 assets/images/html5_logo.svg
 create mode 100644 assets/images/js_logo.svg

diff --git a/assets/errors/404.html b/assets/errors/404.html
index d9cfd00..5087f28 100644
--- a/assets/errors/404.html
+++ b/assets/errors/404.html
@@ -4,66 +4,55 @@
     <title>G2's Website | 404 - Not Found</title>
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta charset="UTF-8">
+    <link rel="stylesheet" href="/assets/main-style.css">
+    <link rel="preload" as="image" href="/assets/images/cat_light.png">
+    <link rel="preload" as="image" href="/assets/images/cat_dark.png">
     <style>
         @import url('/assets/fonts/fonts.css');
         * {
             margin: 0;
             box-sizing: border-box;
         }
-        ::selection {
-            color: #1e1e2e;
-            background-color: #a6e3a1;
-        }
         body {
             height: 100vh;
             width: 100vw;
 
             display: flex;
-            background-color: #111114;
-            color: white;
-            font-family: 'Roboto', 'Noto Sans', sans-serif;
             font-size: 16pt;
-            overflow: hidden;
         }
         main {
             max-width: 100vw;
-            max-height: 100vh;
             margin: auto;
+            padding-bottom: 20px;
         }
         h1 {
             font-size: 10em;
             text-align: center;
         }
-        h3 {
+        main h3 {
             font-weight: 500;
             margin: 0 10px;
             text-align: center;
+            font-family: "Roboto";
         }
-        p {
+        main p {
+            font-size: 15pt;
             margin: auto;
             padding: 0 5px;
             text-align: center;
             max-width: 540px;
             opacity: 0;
-            overflow: hidden;
             text-overflow: ellipsis;
+            line-height: 1;
         }
         a {
             text-decoration: none;
         }
-        a:link {
-            color: DeepSkyBlue;
-        }
-        a:visited {
-            color: #7289DA;
-        }
-        a:hover {
-            color: DarkTurquoise;
-        }
         hr {
             margin: 20px 10px;
             color: #f9e2af;
         }
+
         button {
             width: 75%;
             margin: 20px auto;
@@ -84,26 +73,16 @@
             background-color: transparent;
             color: #74c7ec;
         }
-        button:hover::before, button:hover::after {
-            content: '↜';
-            position: absolute;
-            left: 25%;
-            animation-duration: 1s;
-            animation-name: slideright;
-            animation-fill-mode: forwards;
-        }
-        button:hover::after {
-            left: unset;
-            right: 25%;
-        }
         button:active {
             background-color: #74c7ec55;
             color: #7dd8ff;
         }
+
         .text-box {
             display: flex;
             flex-direction: column;
             height: 4em;
+            overflow: hidden;
         }
 
         .slide-up {
@@ -124,9 +103,28 @@
 
         .cat {
             position: absolute;
-            top: 31px;
-            left: calc(50% - 1px);
+            top: 29px;
+            left: calc(50%);
             transform: translatex(-50%);
+            background-image: url("/assets/images/cat_light.png");
+            image-rendering: pixelated;
+            width: 137px;
+            height: 178px;
+        }
+
+        @media (prefers-color-scheme: dark) {
+            .cat {
+                background-image: url("/assets/images/cat_dark.png");
+            }
+        }
+
+        @media(max-width: 700px) {
+            h1 {
+                font-size: 8em;
+            }
+            main h3 {
+                font-size: 1.2em;
+            }
         }
 
         #cookies {
@@ -170,7 +168,7 @@
     <main class="fade-in">
         <div style="position:relative;display: flex;justify-content: center;">
             <h1>404</h1>
-            <img class="cat" style="display:none;" id="cat" src="/assets/images/cat.png">
+            <div class="cat" style="display:none;" id="cat"></div>
         </div>
         <h3 id="notFound">The page you requested could not be found.</h3>
         <hr>
@@ -185,7 +183,7 @@
     function eatCookie() {
         let numCookies = localStorage.getItem('cookies') || 0;
         if (numCookies >= 1) numCookies--;
-        document.getElementById("cookies").innerHTML = numCookies;
+        document.getElementById('cookies').innerHTML = numCookies;
         localStorage.setItem('cookies', numCookies);
         console.log(numCookies);
     }
@@ -209,7 +207,7 @@
     const strings = [
         "Don't feel bad, have a cookie:</i> 🍪<i><br><sub>You have <span id='cookies'>" + cookiesRecieved + "</span> cookie" + s + "!</sub><br><sup><a style='cursor:pointer;color:teal;' onclick='eatCookie()'>Eat Cookie</a></sup>",
         "Just think, it could be worse",
-        "Instead of staring at this page, you could go outside!",
+        "Instead of staring at this page, <abbr title='If you are already outside, sorry'>you could go outside!</abbr>",
         "Where did it go?",
         "Error reduces<br>Your expensive computer<br>To a simple stone.",
         "Sit back, relax, have some tea...</i> 🍵<i>",
@@ -217,17 +215,21 @@
         "Where has the time gone, it's </i>&lt;currentTime&gt;<i> already!",
         "This message brought to you by JavaScript!",
         "This is not the page you are looking for.",
-        "Go check out <a href='https://xkcd.com/'>xkcd</a> instead!",
+        "Go check out <a href='https://xkcd.com/' target='_blank'>xkcd</a> instead!",
         "Won't you please observe<br>A brief moment of silence<br>For the dead server?",
         "Let's get you home, son",
-        "Nya~~!"
+        "Nya~~!",
+        "Messages made possible by <a href='https://8325.org/haiku/' target='_blank'>NetPositive</a>"
     ];
     let messageIndex = Math.floor(Math.random() * strings.length);
     const message = strings[messageIndex];
     const messageTarget = document.getElementById("message");
     messageTarget.innerHTML = "<i>" + message + "</i>";
 
-    console.log(messageIndex);
+    console.log(message);
+    console.log("Why are you looking at the console on a 404 page...?");
+    // For that matter, why are you looking at the source on a 404 page!
+    // You're probably cool is why.
 
     if (messageIndex == 0) {
         localStorage.setItem('cookies', cookiesRecieved);
diff --git a/assets/images/buttons/GensokyoRadio-Button.png b/assets/images/buttons/GensokyoRadio-Button.png
new file mode 100644
index 0000000000000000000000000000000000000000..bb44772fd256c0b1109efa27df6ee7d6179a79a7
GIT binary patch
literal 1907
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

literal 0
HcmV?d00001

diff --git a/assets/images/cat_dark.png b/assets/images/cat_dark.png
new file mode 100644
index 0000000000000000000000000000000000000000..65397c172924c9bd887f78c93bbd296cb5c2908f
GIT binary patch
literal 1281
zcmV+c1^)VpP)<h;3K|Lk000e1NJLTq004;q006QG1^@s6cA4y_00004XF*Lt006O%
z3;baP00001b5ch_0olnce*gdgAY({UO#lFTCIA3{ga82g0001h=l}q9FaQARU;qF*
zm;eA5aGbhPJOBU$e@R3^RCwC$-AiuUFcd~%Nzp1YOvjzX-9^#WdKX2LNyhE4yC~9;
z0mJY^4^rYKzXKQrQos-L=)aegEO#9M0NLsHc+t;)e?K3-v8U(W^pIrwn<NZL$U>52
zk`RU@gds^jNm>`?-gu@MkFn+ft67+w2U_)#)Go}Hax@{ywZV-h%N|lRD@g=dN)V!G
zNxr`Rxcc{x_hYrPlqyBIBsrHShcIg=YOZ8a#0Xn%PQv6$msFCSi<3)=Et9voo+Nr1
zxh01rX`H2Er0TawQlT7@gdCeQn38%pZ(36>?Z?OiAweWbQ-YK{He-n&^4bwako^vx
zQDP88<4O>cv^wcqrY%X7+A<|^;c_gIBuOv{rU;VyAaub^g`}25lAtSYpG1PhV;~5W
z8~sQeNu-D*AqYu866i<vltihKBp`_tfh576C-|g@%`_-CK<09z)VQ7m$_<cN5~XH;
z4u``_(LD)C>g!7ef<RA#uE{$cMZ4?39`E;XIJ~^Qz5S6SxXG`d$KR>S|DYd%Bmqef
z=-iERQ}3RMB*C&J@RC%RdV5LtL+irb^M0)P{-d2cNGE9p##RPx%LJ?K7NcWJN86)`
zx_3mjTqZTHSSCsT^xU5wt<>&Eb-mWU>wK<nJ;oGk?C5(WDFxU=rbnf4?ZMvHx{>y1
zvOeCAizoEjq)d6esGDh{W#hUZjBH`~Kc+~GR#yeB><<l(q&R<c?wZ^+y)9qk3A&}_
zAY~c3Cu{0c8MmJA-rP><SH>1@!98cfPZM(bca1E!CU@?0=KRs@OM$LQGe)obQwDC$
z;4YQr@-<T=)0AD~l+v7pN%C{)Ierp-?WEM++|F5suN|AA#Kv*Sz&aD%m3?Je%BFYi
zWS5jExy7B@^Q;|{vBk5!r3tcR2Y1f%-CMy-IlzY+>vxpW^YMPXDfGSn%W;CQnj}fF
zERC`v%duy(^!&~kVPG!@HHs{?>;w<as}L)^Bx`@Pu;fIHBK+Ve^FBjM;!G|{(D_Qm
zW~ov76=Km7QIhDzNMhMd5|9KMSJ-ida)U-T1eF^?ND`0)U4s`w!!0_Y+<+t?2|yB%
z1SA1TKoXDyBmqePl7J*22}lBxfF$TDzAB9**iMq#eyb0X1SA1T5K|K0yCDfkg3caE
zUP+W1Ndk}rnI%zbNCJ?=$|kcUN{u7|NP^7wOjByw=|?09@<<{@NCKs1og`93k^m%8
zYBEcr)JPIY5t4u;QY5M*{nK;rE1;5O60hIBe=*cCQ)Jc&zPYQL%QtUz6jzdAtL3k<
z6H}0E<%SS?67n>ZBD*Ysi4t!N2ix%|ax+bu#2Pz0t^`>piBf|sNurdH1SA1wNTMIX
z?n$C|i8Efx4M+l#pms_0B_sh!(7Yr|N`dlGXIbu3T~D&+gQUKOwziGH;w9OFEiSaq
zCC;_iP5D|Sr1MzHk&^r9R|+d=T-Quutpb$txdwxR5IxCW4RiE9t9ePHvsRLl<R?ji
rqLh}7Bq>OgQcEXE3Xny^j_~{k(8EI)(UJ4#00000NkvXXu0mjffXhWR

literal 0
HcmV?d00001

diff --git a/assets/images/cat_light.png b/assets/images/cat_light.png
new file mode 100644
index 0000000000000000000000000000000000000000..4923d9197d5560fd52ce56325f05f3a007787a47
GIT binary patch
literal 1188
zcmV;V1Y7%wP)<h;3K|Lk000e1NJLTq004;q006QG1^@s6cA4y_00004XF*Lt006O%
z3;baP00001b5ch_0olnce*gdgAY({UO#lFTCIA3{ga82g0001h=l}q9FaQARU;qF*
zm;eA5aGbhPJOBU$B1uF+RCwC$-BE7aFc3viQQ%726$IJ;+L*5tftxt8BuX>nxj@j5
z0<l9~z8O+7y(|C#bf?_(x-IZ~Ln28CLy}bQmn4ZKAq+_fLy~@y%q~ppIUaTJ0V|V=
zaVmA98CJ+alC6VVNI{a!vb2Z;7DkfRz8{}b%E+>`46`bHl6;k?lQ8Y#)l>>G(w3V~
zVLGPES(26BQe2t5Gxj8@%g9f1NRru&+b>2T2{|MQIbyK7B;)YVw3ca;B-qMk=mbfb
zBqIwFd2DLLKk~a7MUeX@Pn8%1(YO+XB(q-hE7O)FN^Mw4G#!aVk|fC_*eFODWkxqT
z<Vb2sf+gZUi3CZ;N)RYF`jJ$UND)aw5R!l-(2v|HiBcm;KoTiJ5<`GHZ}3SGn`uyP
zfX?Mcsqs7slpCP4BudTAyuZKyiQbctWU#(uB?$B+m{XG0+J8UZZ@<2zWGpw?j;6Tz
z{gy~cq90LiKoa1Bo<zAB^g2rtEPFo-+<F}^={&T2XWrM5&mVPy^uLMO92*{NA7!*7
zM(a$o?Y9f{Y(~ypCN-|uog`(%rR}pc`K_*RNup7g$MuX~a<nlT>EQo6n)nU!mI#|^
zEn&yM`+|OVQMSBZ*3GnP*?8;=BWGCt*E14h)>XkQ`$OvnDZc(VHF@&YO&jrK<vp|g
z%rf#!*0XPAJo&ER)_Zj`l_;MV<n!Mnvg}=MU;L%n?Kf%a0QV)jmY%(`Jig``$#l_P
zO?wpPluff9Ux|M7qKw|$zOoEIIyP&>#&OTUx)UA$$+Q+_=0!@B-r{cUd5(@ro$+pO
zG(q<4;J*0#%8?1aj#$65l%7(`k3v8DzYf);43i{hEK9Sj$a?JA>}@@2hJk$?)GV@$
zvJ<?zuR^T!lAQ3Rg<%shi}0&i=6$A?#GPD{VDXWP%Tgoy6JpsDQIhDzNMhMd5|9KM
zSJ-ida)U`W1eF^?ND`0)Gd>6nM|48D0ZBj-fFvLZNCJ|8Bp?Y$0+IkE0ZBj-kOU+F
zNw5t5^dU)bnIuk|AqhwVkOUDV@wpq4fFxM#k@S^BsgWcg3D8**rG_K`Nvv!-OQO_B
z5`ZM=T(^{(N%|2<f^L#X5t2ZuIVOn|kt6^~l$y?xC^eD<QiLQRi4@5yN%0X-NwSHz
zx3|BBI%kT!`U36X@3uNhD#?1`@>khOC`iw8LkK+yd1gtGyOzL2Nj8S7?RZ4pOp_*w
z#?Fo_K@Llz)Syd}C?zBTNq`q5(U0KvB+<Jh8877qBmqe<fh778l7J+bUXnefK=~N3
zESD3XCn+}{(pLuF2rP@n@sbCv+l6D;M!H5d&`fDoQX1Eu7jaYp3Q5d%re4&il;rO}
z{NHBg#+4+@wINANQ9@l8lEe}v<n<s)3|U+U<mLm&Y(V6rhzoN70000<MNUMnLSTZ5
CzYpF3

literal 0
HcmV?d00001

diff --git a/assets/images/css3_logo.svg b/assets/images/css3_logo.svg
new file mode 100644
index 0000000..ecce3cf
--- /dev/null
+++ b/assets/images/css3_logo.svg
@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512">
+	<path fill="#264de4" d="M71.357 460.819L30.272 0h451.456l-41.129 460.746L255.724 512z"/>
+	<path fill="#2965f1" d="M405.388 431.408l35.148-393.73H256v435.146z"/>
+	<path fill="#ebebeb" d="M124.46 208.59l5.065 56.517H256V208.59zM119.419 150.715H256V94.197H114.281zM256 355.372l-.248.066-62.944-16.996-4.023-45.076h-56.736l7.919 88.741 115.772 32.14.26-.073z"/>
+	<path fill="#fff" d="M255.805 208.59v56.517H325.4l-6.56 73.299-63.035 17.013v58.8l115.864-32.112.85-9.549 13.28-148.792 1.38-15.176 10.203-114.393H255.805v56.518h79.639L330.3 208.59z"/>
+</svg>
diff --git a/assets/images/html5_logo.svg b/assets/images/html5_logo.svg
new file mode 100644
index 0000000..872e08f
--- /dev/null
+++ b/assets/images/html5_logo.svg
@@ -0,0 +1,7 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
+  <title>HTML5 Logo Badge</title>
+  <path fill="#E34F26" d="M71,460 L30,0 481,0 440,460 255,512"/>
+  <path fill="#EF652A" d="M256,472 L405,431 440,37 256,37"/>
+  <path fill="#EBEBEB" d="M256,208 L181,208 176,150 256,150 256,94 255,94 114,94 115,109 129,265 256,265zM256,355 L255,355 192,338 188,293 158,293 132,293 139,382 255,414 256,414z"/>
+  <path fill="#FFF" d="M255,208 L255,265 325,265 318,338 255,355 255,414 371,382 372,372 385,223 387,208 371,208zM255,94 L255,129 255,150 255,150 392,150 392,150 392,150 393,138 396,109 397,94z"/>
+</svg>
diff --git a/assets/images/js_logo.svg b/assets/images/js_logo.svg
new file mode 100644
index 0000000..64b2440
--- /dev/null
+++ b/assets/images/js_logo.svg
@@ -0,0 +1,31 @@
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 630 630">
+<!--
+The MIT License (MIT)
+
+Copyright (c) 2011 Christopher Williams <chris@iterativedesigns.com>,
+                     Manuel Strehl <boldewyn@gmail.com>
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.
+-->
+<g id="logo">
+  <rect id="background" x="0" y="0" width="630" height="630" fill="#f7df1e" />
+  <path id="j" d="m 165.65,526.47375 48.2125,-29.1775 C 223.16375,513.7875 231.625,527.74 251.92,527.74 c 19.45375,0 31.71875,-7.60975 31.71875,-37.21 l 0,-201.3 59.20375,0 0,202.1375 c 0,61.32 -35.94375,89.23125 -88.385,89.23125 -47.36125,0 -74.8525,-24.52875 -88.8075,-54.13" />
+  <path id="s" d="m 375,520.13 48.20625,-27.91125 c 12.69,20.72375 29.1825,35.9475 58.36125,35.9475 24.53125,0 40.17375,-12.26475 40.17375,-29.18125 0,-20.29875 -16.06875,-27.48875 -43.135,-39.32625 l -14.7975,-6.3475 c -42.715,-18.18125 -71.05,-41.0175 -71.05,-89.2275 0,-44.40375 33.83125,-78.2375 86.695,-78.2375 37.6375,0 64.7025,13.11125 84.15375,47.36625 l -46.09625,29.60125 c -10.15,-18.1825 -21.1425,-25.37125 -38.0575,-25.37125 -17.33875,0 -28.335,10.995 -28.335,25.37125 0,17.7625 10.99625,24.9525 36.3675,35.94875 l 14.8,6.3425 c 50.325,21.56875 78.66,43.5575 78.66,93.03375 0,53.2875 -41.86625,82.465 -98.11,82.465 -54.97625,0 -90.5,-26.2175 -107.83625,-60.47375" />
+</g>
+</svg>
diff --git a/assets/img-style.css b/assets/img-style.css
index dc479df..5c759bf 100644
--- a/assets/img-style.css
+++ b/assets/img-style.css
@@ -56,6 +56,24 @@ figcaption {
     display: block;
 }
 
+.button-showcase {
+    display: flex;
+    flex-direction: row;
+    flex-wrap: wrap;
+    image-rendering: pixelated;
+    justify-content: center;
+    align-items: center;
+}
+
+.button-showcase a {
+    padding: 0;
+    margin: 0;
+}
+
+.button-showcase img {
+    margin: 0 0;
+}
+
 @media(max-width: 700px) {
     section.img_grid {
         flex-direction: column;
diff --git a/assets/lib/scripts/music_status.js b/assets/lib/scripts/music_status.js
index 0c91d9c..be8c1de 100644
--- a/assets/lib/scripts/music_status.js
+++ b/assets/lib/scripts/music_status.js
@@ -94,11 +94,13 @@ async function startMusicTile() {
     }
 
     albumArtist.textContent = artistName;
+    albumArtist.title = artistName;
 
     track.textContent = trackName;
     track.title = trackName;
 
     albumTitle.textContent = albumName;
+    albumTitle.title = albumName;
 
     artworkTile.src = artworkSrc;
     if (artworkSrc == "") {
@@ -107,6 +109,10 @@ async function startMusicTile() {
     } else {
         artworkPlaceholder.style.display = "none";
         artworkTile.style.display = "block";
+        artworkTile.alt = "Album artwork for " + track.title;
+        artworkTile.addEventListener("click", (event) => {
+            console.log("test");
+        });
 
         if (playing == true && artworkSrc != "") {
             artworkTile.className = "floaty";
diff --git a/assets/main-style.css b/assets/main-style.css
index ac6758b..b7e6228 100644
--- a/assets/main-style.css
+++ b/assets/main-style.css
@@ -2,7 +2,7 @@
 @import url('fonts/fonts.css');
 
 /* Auxillary Styles */
-@import url('img-style.css');
+@import url('img-style.css?1.1');
 @import url('code-style.css');
 
 * {
@@ -124,8 +124,8 @@ abbr {
 main {
     display: grid;
     grid-template-columns: 50% 50%;
-    column-gap: 10px;
-    row-gap: 35px;
+    /*column-gap: 10px;*/
+    row-gap: 30px;
 }
 
 h2.sep, main section.centered h2 {
@@ -170,11 +170,6 @@ figure.showcase img {
     border-radius: 13px;
 }
 
-figure.showcase img:hover {
-    transform: scale(1.05) rotate3d(1, 0, 0, 15deg);
-    filter: drop-shadow(0 10px 8px grey);
-}
-
 main section {
     width: 95%;
     margin: 0 auto;
@@ -199,13 +194,12 @@ main section {
 
 main section img {
     max-width: 95%;
-    margin: 20px auto;
+    margin: auto;
+    padding: 5px;
     display: block;
-    border-radius: 13px;
 }
 
-main > a:link, main > a:visited, main > a:hover,
-.holder > a:link, .holder > a:visited, .holder > a:hover {
+main > a:link, main > a:visited, main > a:hover {
     text-decoration: none;
     margin: 0 auto;
     width: 100%;
@@ -388,11 +382,24 @@ nav.paginator {
     align-items: center;
     justify-content: center;
     margin-bottom: 20px;
-    font-size: 1.8em;
     position: relative;
+    width: 100%;
 
+    font-size: 1.8em;
+    line-height: 1;
     font-style: normal;
     font-weight: bold;
+    font-family: "Roboto Slab", sans-serif;
+}
+
+nav.paginator a {
+    margin-right: 0;
+}
+
+nav.paginator .current {
+    border-bottom: 2px solid slategray;
+    box-sizing: border-box;
+    font-size: 0.99em;
 }
 
 nav.paginator::hover {
diff --git a/index.html b/index.html
index d7c9662..be505a4 100644
--- a/index.html
+++ b/index.html
@@ -21,7 +21,7 @@ A place for personal projects and things. Enjoy!">
         async src="//resize.g2games.dev/count.js"></script>
 
     <!-- The Stylesheets -->
-    <link rel="stylesheet" href="/assets/main-style.css">
+    <link rel="stylesheet" href="/assets/main-style.css?2">
 
     <!-- Music Tile -->
     <link rel="stylesheet" href="/assets/lib/scripts/music_status.css">
@@ -40,17 +40,16 @@ A place for personal projects and things. Enjoy!">
 
     <main>
         <figure class="showcase">
-            <img src="/assets/images/showcase.webp" alt="A picture of the moon through a telescope">
+            <img src="/assets/images/showcase.webp" alt="A picture of the partially eclipsed moon">
         </figure>
 
         <section>
             <h2 class="sep">About Me</h2>
             <p>Hey, I'm G2.</p>
             <p>
-                I spend most of my time avoiding all social media, improving my website, writing code in Rust, bicycling, and thinking about cool tech.
-                This website is self-hosted on a <a href="https://en.wikipedia.org/wiki/Raspberry_Pi#Series_and_generations">Raspberry Pi 5</a> 8GB running
+                I spend most of my time avoiding all social media, improving this website, writing code in Rust, bicycling, and thinking about cool tech.
+                This website is written from scratch by me, and self-hosted on a <a href="https://en.wikipedia.org/wiki/Raspberry_Pi#Series_and_generations">Raspberry Pi 5</a> 8GB running
                 <a href="https://ubuntu.com/server">Ubuntu Server</a>.
-                The CSS can be found <a href="https://g2games.dev/assets/main-style.css">here</a>.
             </p>
 
             <p style="margin-bottom:2px;">If you would like to get in touch with me, I actively check:</p>
@@ -62,7 +61,6 @@ A place for personal projects and things. Enjoy!">
                 <a href="https://github.com/G2-Games">GitHub</a> &blacklozenge;
                 <a href="/git">Forgejo</a> &blacklozenge;
                 <a href="https://ko-fi.com/g2_games">Ko-fi</a> &blacklozenge;
-                <a href="/search">Search</a> &blacklozenge;
                 <a href="/portfolio">Portfolio</a>
             </p>
         </section>
@@ -78,9 +76,9 @@ A place for personal projects and things. Enjoy!">
 
         <a href="/random"><section class="clickable">
             <h3>Random Stuff</h3>
-            <p>I tend to make a lot of random things on the internet. You can
-            check out many of those things on this page. Most aren't very
-            interesting, but they might entertain you for a while at least!</p>
+            <p>I have made a lot of random things on the internet. You can
+            check out many of those things on this page. Most of them aren't
+            very interesting, but they might entertain you for a while at least!</p>
         </section></a>
 
         <!-- More about me -->
@@ -94,17 +92,19 @@ A place for personal projects and things. Enjoy!">
             </p>
             <p>
                 I also like the Sony PSP and PSVita consoles, I hope to do some homebrew for
-                the PSP in the future (check out <a href="https://github.com/overdrivenpotato/rust-psp">
-                the Rust SDK</a> for it!).
+                the PSP in the future (check out the open-source
+                <a href="https://github.com/overdrivenpotato/rust-psp">Rust</a> and
+                <a href="https://github.com/pspdev/pspsdk">C</a> SDKs for it!).
             </p>
             <p>
-                I appreciate physical media of all kinds, such as CDs, DVD/Blu-Rays, MiniDiscs, and
-                anything else physical. It's just nice to have a real high quality copy of the media,
+                I appreciate physical media of all kinds, such as Floppies, CDs, DVD/Blu-Rays, MiniDiscs,
+                and anything else physical. It's just nice to have a real high quality copy of the media,
                 that is yours <i>forever</i>!
             </p>
             <p>
                 I'm interested in aerospace, including rockets, aircraft, and similar things. I've made
-                a few projects related to it as well as part of clubs.
+                a few projects related to it as well as part of my
+                <a href="https://unlaero.space">university's club</a>.
             </p>
         </section>
 
@@ -174,14 +174,31 @@ A place for personal projects and things. Enjoy!">
                 </div>
             </section>
         </div>
+
+        <h2 class="sep center">Buttons</h2>
+        <section class="centered button-showcase">
+            <img src="https://88x31.kate.pet/sun.gif" height="31" />
+            <img src="https://88x31.kate.pet/agplv3-88x31.png" height="31" />
+            <img src="https://nucleartech.wiki/antinft.gif" height="31" />
+            <a href="https://ublockorigin.com/"><img src="https://nucleartech.wiki/ublock-now.png" height="31" /></a>
+            <a href="https://gensokyoradio.net/"><img src="/assets/images/buttons/GensokyoRadio-Button.png" height="31" /></a>
+            <img src="https://nucleartech.wiki/NoAi_04.png" height="31" />
+            <img src="https://88x31.kate.pet/hate_squarespace.jpg" height="31" />
+            <img src="https://88x31.kate.pet/poweredbyfedora.gif" height="31" />
+            <img src="https://u-group13.org/images/buttons/miku.gif" height="31" />
+            <img src="https://nucleartech.wiki/contains-java.png" height="31" />
+            <img src="https://hellnet.work/8831/img/buttons/himiko_shizura_loveyaoi2.gif" />
+            <a href="https://eightyeightthirty.one/"><img src="https://eightyeightthirty.one/88x31.png" height="31" /></a>
+        </section>
     </main>
 
     <footer>
-        <p>&copy;2024 G2</p>
+        <p>&copy;2025 G2</p>
         <p>Powered by
-            <a href="https://developer.mozilla.org/en-US/docs/Glossary/HTML"><img class="icon" alt="HTML logo icon" src="https://upload.wikimedia.org/wikipedia/commons/3/38/HTML5_Badge.svg"></a>
+            <a href="https://developer.mozilla.org/en-US/docs/Glossary/HTML"><img class="icon" alt="HTML logo icon" src="/assets/images/html5_logo.svg"></a>,
+            <a href="https://developer.mozilla.org/en-US/docs/Glossary/CSS"><img class="icon" alt="CSS logo icon" src="/assets/images/css3_logo.svg"></a>
             and
-            <a href="https://developer.mozilla.org/en-US/docs/Glossary/CSS"><img class="icon" alt="CSS logo icon" src="https://upload.wikimedia.org/wikipedia/commons/6/62/CSS3_logo.svg"></a>
+            <a href="https://developer.mozilla.org/en-US/docs/Glossary/JavaScript"><img class="icon" alt="CSS logo icon" src="/assets/images/js_logo.svg"></a>
         </p>
     </footer>
 </body>
diff --git a/random/index.html b/random/index.html
index 99e2b3c..a4e9ddd 100644
--- a/random/index.html
+++ b/random/index.html
@@ -14,7 +14,7 @@
 A place for personal projects and things. Enjoy!">
     <meta property="og:image" content="/assets/shell3.png">
     <meta name="twitter:title" content="G2's Website">
-    <link rel="icon" href="/icon.webp">
+    <link rel="icon" href="https://g2games.dev/icon.webp">
 
     <!-- Selfhosted Analytics -->
     <script data-goatcounter="https://resize.g2games.dev/count"
@@ -34,7 +34,7 @@ A place for personal projects and things. Enjoy!">
         </nav>
     </header>
 
-    <main class="holder">
+    <main>
         <h2 class="sep center">What's this?</h2>
         <section class="centered">
             <p>This page contains random things I have made. Most of them have very little use, but some are kind of interesting! I'll keep it updated as I add more things. Please enjoy!</p>
@@ -86,8 +86,12 @@ A place for personal projects and things. Enjoy!">
     </main>
 
     <footer>
-        <p>&copy;2024 G2</p>
-        <p>Powered by <a href="https://developer.mozilla.org/en-US/docs/Glossary/HTML"><img class="icon" src="https://upload.wikimedia.org/wikipedia/commons/3/38/HTML5_Badge.svg"></a> and <a href="https://developer.mozilla.org/en-US/docs/Glossary/CSS"><img class="icon" src="https://upload.wikimedia.org/wikipedia/commons/6/62/CSS3_logo.svg"></a></p>
+        <p>&copy;2025 G2</p>
+        <p>Powered by
+            <a href="https://developer.mozilla.org/en-US/docs/Glossary/HTML"><img class="icon" alt="HTML logo icon" src="/assets/images/html5_logo.svg"></a>
+            and
+            <a href="https://developer.mozilla.org/en-US/docs/Glossary/CSS"><img class="icon" alt="CSS logo icon" src="/assets/images/css3_logo.svg"></a>
+        </p>
     </footer>
 </body>
 </html>