diff --git a/content/about/index.html b/content/about/index.html
index 35cfb6a..b0181d7 100644
--- a/content/about/index.html
+++ b/content/about/index.html
@@ -4,13 +4,7 @@
     <div>
       <body>
         <div class="content">
-          <div>
-            <div style="background: #ed9458; border-radius: 25px;
-            font-size: 20px; 
-            padding: 10px; 
-            border: 1px solid #FFFFFF; 
-            margin: 10px;">
-            <div>
+          <div class="bgbox">
           <h1>Hiya, Call me Tee!</h1>
           <iframe
             width="570"
@@ -18,48 +12,53 @@ <h1>Hiya, Call me Tee!</h1>
             src="https://lanyard.cnrad.dev/api/1050531216589332581"
             frameborder="0"
             allowfullscreen="false"
-            style="margin-left: 15px"
+            style="margin-left: 0px"
           ></iframe>
-          <!-- <h4>Someone told me I had shit taste in music when I showed them this song, so I put it on my website, Fuck you.</h4> -->
           <div id="images">
+            <a href="https://discord.gg/gjypyNkPPp" target="_blank"
+            ><img
+              src="/assets/imgs/haven.png"
+              class="social-logo"
+              alt="Haven Community"
+          /></a>
             <a
               href="https://discord.com/users/1050531216589332581"
               target="_blank"
               ><img
-                src="/assets/imgs/october/discord.png"
+                src="/assets/imgs/socials/discord.png"
                 class="social-logo"
                 alt="Discord"
             /></a>
             <a href="https://github.com/tayrp" target="_blank"
               ><img
-                src="/assets/imgs/october/github.png"
+                src="/assets/imgs/socials/github.png"
                 class="social-logo"
                 alt="Github"
             /></a>
-            <a href="https://discord.gg/gjypyNkPPp" target="_blank"
-              ><img
-                src="/assets/imgs/haven.png"
-                class="social-logo"
-                alt="Haven"
-            /></a>
             <a href="https://www.last.fm/user/MystixMew" target="_blank"
               ><img
-                src="/assets/imgs/october/lastfm.png"
+                src="/assets/imgs/socials/lastfm.png"
                 class="social-logo"
                 alt="Last.fm"
             /></a>
             <a href="https://www.youtube.com/@MystixMew" target="_blank"
               ><img
-                src="/assets/imgs/october/youtube.png"
+                src="/assets/imgs/socials/youtube.png"
                 class="social-logo"
                 alt="YouTube"
             /></a>
+            <a href="https://namemc.com/profile/MystixMew.1" target="_blank"
+            ><img
+              src="/assets/imgs/socials/namemc.png"
+              class="social-logo"
+              alt="NameMC"
+          /></a>
             <!-- <a class="btn btn-link-3" button id="aboutpauseBtn" onclick="togglePause()">⏸️</a></p> -->
           </div>
         </div>
         <video autoplay loop id="aboutvideo">
           <source
-            src="https://index.havenmc.org/website/assets/mp4/thisishalloween.mp4"
+            src="https://index.havenmc.org/website/assets/mp4/usurper.mp4"
             type="video/mp4"
           />
           This browser does not support HTML5 video or the server is offline.
@@ -82,7 +81,7 @@ <h1>Hiya, Call me Tee!</h1>
           style="
             font-size: 27px;
             padding: 0;
-            color: #FC4C02;
+            color: #a81cbe;
             width: 30px;
             height: 30px;
             line-height: 27px;
diff --git a/content/credits/index.html b/content/credits/index.html
index 4846833..78d9383 100644
--- a/content/credits/index.html
+++ b/content/credits/index.html
@@ -1,16 +1,9 @@
 <main>
-    <div class="about">
-      <div>
-        <div style="background: #ed9458; border-radius: 25px;
-        font-size: 20px; 
-        padding: 10px; 
-        border: 1px solid #FFFFFF; 
-        margin: 10px;">
-        <div>
+    <div class="bgbox">
         <p>Here is where credits will be, such as profile pictures, assets, website assets, etc.</p>
         <li><a href="https://picrew.me/en/image_maker/1487318">ぺけぺけぺけⅡ</a> - Credits to <a href="https://profcard.info/u/3JBo4MNkznbJV3CILaI1otWJ5uI3">旻 (Nichibun)</a> for some profile pictures I use.</li>
-        <li><a href="https://picrew.me/en/image_maker/1487318">ぺけぺけぺけⅡ</a> - Credits to <a href="">BlazingBRO</a> for my MinecraftLIVE style profile picture.</li>
-        <li><a href="https://www.vecteezy.com/">Vecteezy</a> - Credits to Vecteezy for the <a href="https://www.vecteezy.com/vector-art/27207156-hand-drawn-flat-halloween-night-background">october background</a> I used in 2024</li>
+        <li><a href=""></a> - Credits to <a href="">BlazingBRO</a> for my MinecraftLIVE style profile picture.</li>
+        <li><a href="https://www.vecteezy.com/">Vecteezy</a> - Credits to Vecteezy for the <a href="https://www.vecteezy.com/vector-art/27207156-hand-drawn-flat-halloween-night-background">october background</a> I used in 2024, As well as for the current background.</li>
       </div>
     </div>
   </main>
diff --git a/content/discord/index.html b/content/discord/index.html
index 9e163ed..6566c8c 100644
--- a/content/discord/index.html
+++ b/content/discord/index.html
@@ -1,6 +1,6 @@
 <main>
 <div>
-    <div class="about">
+    <div class="bgbox">
         <div>
             <p>
             <p>If you have not been redirected to my Discord within 3 seconds.</p>
diff --git a/content/pages/index.html b/content/pages/index.html
index b3921d3..2214ed8 100644
--- a/content/pages/index.html
+++ b/content/pages/index.html
@@ -1,12 +1,6 @@
 <main>
   <div class="about">
-    <div>
-      <div style="background: #ed9458; border-radius: 25px;
-      font-size: 20px; 
-      padding: 10px; 
-      border: 1px solid #FFFFFF; 
-      margin: 10px;">
-      <div>
+    <div class="bgbox">
       <p>A list of all pages on my website.</p>
       <p>Some are hidden, like Eastereggs.</p>
       <li><a href="/">Home</a> - Takes you to my home page.</li>
diff --git a/content/projects/index.html b/content/projects/index.html
index 5bf464c..c66832f 100644
--- a/content/projects/index.html
+++ b/content/projects/index.html
@@ -1,12 +1,6 @@
 <main>
   <div class="pl">
-    <div>
-      <div style="background: #ed9458; border-radius: 25px;
-      font-size: 20px; 
-      padding: 10px; 
-      border: 1px solid #FFFFFF; 
-      margin: 10px;">
-      <div>
+    <div class="bgbox">
     <ul class="plul">
       <b>Here is a list of all my projects.</b>
       <li>
diff --git a/content/radio/index.html b/content/radio/index.html
index cc4ec59..2de8fa7 100644
--- a/content/radio/index.html
+++ b/content/radio/index.html
@@ -1,14 +1,8 @@
 <main>
     <div>
         <div>
-            <div class="about">
+            <div class="bgbox">
                 <div>
-                    <div style="background: #ed9458; border-radius: 25px;
-                    font-size: 20px; 
-                    padding: 10px; 
-                    border: 1px solid #FFFFFF; 
-                    margin: 10px;">
-                    <div>
             <div>
                 <p>Welcome to Mysty Radio</p>
             </div>
diff --git a/layouts/_default/baseof.html b/layouts/_default/baseof.html
index 1b6879d..c75a73e 100644
--- a/layouts/_default/baseof.html
+++ b/layouts/_default/baseof.html
@@ -15,7 +15,7 @@
     <link rel="stylesheet" href="/assets/css/animate.css" />
     <link rel="stylesheet" href="/assets/css/style.css" />
     <link rel="stylesheet" href="/assets/css/about/style.css" />
-    <link rel="shortcut icon" href="/assets/imgs/favicon.png" />
+    <link rel="shortcut icon" href="/assets/imgs/pfps/favicon.png" />
   </head>
 
   <body>
@@ -73,7 +73,7 @@
       <div class="container">
         <div
           style="
-            background: #ed9458;
+            background: #ff96b4;
             border-radius: 25px;
             font-size: 20px;
             width: 650px;
diff --git a/layouts/_default/home.html b/layouts/_default/home.html
index b361310..f787c5d 100644
--- a/layouts/_default/home.html
+++ b/layouts/_default/home.html
@@ -1,17 +1,7 @@
 {{ define "main" }}
 <main>
-  <div class="about">
-    <div
-      style="
-        background: #ed9458;
-        border-radius: 25px;
-        font-size: 20px;
-        padding: 10px;
-        border: 1px solid #ffffff;
-        margin: 10px;
-      "
-    >
-      <div>
+  <div class="bgbox">
+      <div class="home">
         <b id="date-time">time</b>
         <script src="/assets/js/timezone.js"></script>
         <p>Hello and Welcome, You may call me Tee.</p>
@@ -22,6 +12,7 @@
           Universe.
         </p>
         <p>Games I like include, Minecraft, Terraria, BeamNG.drive and DayZ.</p>
+        <p>I enjoy GTA V RP, I am whitelisted on <a href="https://discord.gg/redlinerp">Redline RP</a> and <a href="https://discord.gg/circuit">Circuit V2</a></p>
         <p style="font-size: 20px">
           <a href="https://nohello.net/en/">NoHello</a> |
           <a href="https://dontasktoask.com/">DontAskToAsk</a> |
diff --git a/public/about/index.html b/public/about/index.html
index 6ba48ff..4eb7a58 100644
--- a/public/about/index.html
+++ b/public/about/index.html
@@ -15,7 +15,7 @@
     <link rel="stylesheet" href="/assets/css/animate.css" />
     <link rel="stylesheet" href="/assets/css/style.css" />
     <link rel="stylesheet" href="/assets/css/about/style.css" />
-    <link rel="shortcut icon" href="/assets/imgs/favicon.png" />
+    <link rel="shortcut icon" href="/assets/imgs/pfps/favicon.png" />
   </head>
 
   <body>
@@ -45,9 +45,15 @@
             />
             <script src="/assets/js/lanyard.js"></script>
           </a>
-          <a style="margin-left: 59px; margin-top: 7px; display: inline-block;" href="https://github.com/tayrp/tayrp.github.io/actions/workflows/hugo.yml">
-            <img src="https://github.com/tayrp/tayrp.github.io/actions/workflows/hugo.yml/badge.svg?branch=main" alt="Deploy Hugo site to Pages" />
-          </a>                    
+          <a
+            style="margin-left: 59px; margin-top: 7px; display: inline-block"
+            href="https://github.com/tayrp/tayrp.github.io/actions/workflows/hugo.yml"
+          >
+            <img
+              src="https://github.com/tayrp/tayrp.github.io/actions/workflows/hugo.yml/badge.svg?branch=main"
+              alt="Deploy Hugo site to Pages"
+            />
+          </a>
           <link rel="home" href="/" />
         </div>
         <div class="collapse navbar-collapse" id="top-navbar-1">
@@ -70,13 +76,7 @@
     <div>
       <body>
         <div class="content">
-          <div>
-            <div style="background: #ed9458; border-radius: 25px;
-            font-size: 20px; 
-            padding: 10px; 
-            border: 1px solid #FFFFFF; 
-            margin: 10px;">
-            <div>
+          <div class="bgbox">
           <h1>Hiya, Call me Tee!</h1>
           <iframe
             width="570"
@@ -84,48 +84,53 @@ <h1>Hiya, Call me Tee!</h1>
             src="https://lanyard.cnrad.dev/api/1050531216589332581"
             frameborder="0"
             allowfullscreen="false"
-            style="margin-left: 15px"
+            style="margin-left: 0px"
           ></iframe>
-          <!-- <h4>Someone told me I had shit taste in music when I showed them this song, so I put it on my website, Fuck you.</h4> -->
           <div id="images">
+            <a href="https://discord.gg/gjypyNkPPp" target="_blank"
+            ><img
+              src="/assets/imgs/haven.png"
+              class="social-logo"
+              alt="Haven Community"
+          /></a>
             <a
               href="https://discord.com/users/1050531216589332581"
               target="_blank"
               ><img
-                src="/assets/imgs/october/discord.png"
+                src="/assets/imgs/socials/discord.png"
                 class="social-logo"
                 alt="Discord"
             /></a>
             <a href="https://github.com/tayrp" target="_blank"
               ><img
-                src="/assets/imgs/october/github.png"
+                src="/assets/imgs/socials/github.png"
                 class="social-logo"
                 alt="Github"
             /></a>
-            <a href="https://discord.gg/gjypyNkPPp" target="_blank"
-              ><img
-                src="/assets/imgs/haven.png"
-                class="social-logo"
-                alt="Haven"
-            /></a>
             <a href="https://www.last.fm/user/MystixMew" target="_blank"
               ><img
-                src="/assets/imgs/october/lastfm.png"
+                src="/assets/imgs/socials/lastfm.png"
                 class="social-logo"
                 alt="Last.fm"
             /></a>
             <a href="https://www.youtube.com/@MystixMew" target="_blank"
               ><img
-                src="/assets/imgs/october/youtube.png"
+                src="/assets/imgs/socials/youtube.png"
                 class="social-logo"
                 alt="YouTube"
             /></a>
+            <a href="https://namemc.com/profile/MystixMew.1" target="_blank"
+            ><img
+              src="/assets/imgs/socials/namemc.png"
+              class="social-logo"
+              alt="NameMC"
+          /></a>
             <!-- <a class="btn btn-link-3" button id="aboutpauseBtn" onclick="togglePause()">⏸️</a></p> -->
           </div>
         </div>
         <video autoplay loop id="aboutvideo">
           <source
-            src="https://index.havenmc.org/website/assets/mp4/thisishalloween.mp4"
+            src="https://index.havenmc.org/website/assets/mp4/usurper.mp4"
             type="video/mp4"
           />
           This browser does not support HTML5 video or the server is offline.
@@ -148,7 +153,7 @@ <h1>Hiya, Call me Tee!</h1>
           style="
             font-size: 27px;
             padding: 0;
-            color: #FC4C02;
+            color: #a81cbe;
             width: 30px;
             height: 30px;
             line-height: 27px;
@@ -207,7 +212,7 @@ <h1>Hiya, Call me Tee!</h1>
       <div class="container">
         <div
           style="
-            background: #ed9458;
+            background: #ff96b4;
             border-radius: 25px;
             font-size: 20px;
             width: 650px;
diff --git a/public/assets/css/style.css b/public/assets/css/style.css
index cdf2f19..d0b313f 100644
--- a/public/assets/css/style.css
+++ b/public/assets/css/style.css
@@ -49,9 +49,9 @@ body {
   color: #888;
   line-height: 30px;
   text-align: center;
-  background-image: url("../imgs/october_background1.jpg");
+  background-image: url("../imgs/backgrounds/vecteezy_abstract-square-with-pastel-colour_6487408-1.jpg");
   background-size: cover;
-  /* background-color: #36454f; */
+  background-color: #36454f;
 }
 .background-tint {
   filter: sepia(100%) saturate(200%) brightness(70%) hue-rotate(330deg);
@@ -141,8 +141,9 @@ ul.navbar-nav {
   display: inline-block;
   margin: 9px 0 0 15px;
   padding: 6px 15px;
-/*  background: #b1cbcc; */
-  background: #ed9458; /* Halloween navbar */
+  /* background: #b1cbcc; */
+  background: #ff96b4;
+  /* background: #ed9458; /* Halloween navbar */
   border: 0;
   font-size: 14px;
   font-weight: 360;
@@ -157,20 +158,20 @@ ul.navbar-nav {
 
 .navbar-brand {
   width: 102px;
-  background: url(../imgs/logo.png) left center no-repeat;
+  background: url(../imgs/pfps/logo.png) left center no-repeat;
   text-indent: -9999999;
 }
 
 a:link {
-  color: #e04401;
+  color: #a81cbe;
 }
 
 a:visited {
-  color: #e04401;
+  color: #a81cbe;
 }
 
 a:hover {
-  color: #b93800;
+  color: #770d88;
 }
 
 /* Doctor Who List? */
@@ -275,3 +276,13 @@ aboutvideo {
   filter: blur(7px);
   opacity: 65%;
 }
+
+.bgbox {
+  background: #ff96b4;
+  border-radius: 25px;
+  font-size: 20px;
+  padding: 25px;
+  border: 1px solid #FFFFFF;
+  margin: 10px;
+  color: #FFFFFF;
+}
diff --git a/public/assets/imgs/favicon.png b/public/assets/imgs/favicon.png
index f9a501c..f2e4075 100644
Binary files a/public/assets/imgs/favicon.png and b/public/assets/imgs/favicon.png differ
diff --git a/public/assets/imgs/icon - Copy.png b/public/assets/imgs/icon - Copy.png
index f9a501c..f2e4075 100644
Binary files a/public/assets/imgs/icon - Copy.png and b/public/assets/imgs/icon - Copy.png differ
diff --git a/public/assets/imgs/icon.png b/public/assets/imgs/icon.png
index f9a501c..f2e4075 100644
Binary files a/public/assets/imgs/icon.png and b/public/assets/imgs/icon.png differ
diff --git a/public/assets/imgs/logo.png b/public/assets/imgs/logo.png
index 29d3335..90f73c1 100644
Binary files a/public/assets/imgs/logo.png and b/public/assets/imgs/logo.png differ
diff --git a/public/assets/js/lanyard.js b/public/assets/js/lanyard.js
index dd8ca75..d32c3f4 100644
--- a/public/assets/js/lanyard.js
+++ b/public/assets/js/lanyard.js
@@ -6,14 +6,14 @@ fetch(apiEndpoint)
     const dcStatus = data.data.discord_status;
     if (dcStatus === "offline") {
       dcstat.src =
-        "/assets/imgs/offline.png"; /* dcstat.innerHTML = "{OFFLINE}" */
+        "/assets/imgs/status/offline.png"; /* dcstat.innerHTML = "{OFFLINE}" */
     } else if (dcStatus === "online") {
       dcstat.src =
-        "/assets/imgs/online.png"; /* dcstat.innerHTML = "{ONLINE}" */
+        "/assets/imgs/status/online.png"; /* dcstat.innerHTML = "{ONLINE}" */
     } else if (dcStatus === "idle") {
-      dcstat.src = "/assets/imgs/away.png"; /* dcstat.innerHTML = "{AWAY}" */
+      dcstat.src = "/assets/imgs/status/away.png"; /* dcstat.innerHTML = "{AWAY}" */
     } else if (dcStatus === "dnd") {
-      dcstat.src = "/assets/imgs/dnd.png"; /* dcstat.innerHTML = "{DND}" */
+      dcstat.src = "/assets/imgs/status/dnd.png"; /* dcstat.innerHTML = "{DND}" */
     }
   })
   .catch((error) => {
diff --git a/public/credits/index.html b/public/credits/index.html
index 269ec9e..dc3a78c 100644
--- a/public/credits/index.html
+++ b/public/credits/index.html
@@ -15,7 +15,7 @@
     <link rel="stylesheet" href="/assets/css/animate.css" />
     <link rel="stylesheet" href="/assets/css/style.css" />
     <link rel="stylesheet" href="/assets/css/about/style.css" />
-    <link rel="shortcut icon" href="/assets/imgs/favicon.png" />
+    <link rel="shortcut icon" href="/assets/imgs/pfps/favicon.png" />
   </head>
 
   <body>
@@ -45,9 +45,15 @@
             />
             <script src="/assets/js/lanyard.js"></script>
           </a>
-          <a style="margin-left: 59px; margin-top: 7px; display: inline-block;" href="https://github.com/tayrp/tayrp.github.io/actions/workflows/hugo.yml">
-            <img src="https://github.com/tayrp/tayrp.github.io/actions/workflows/hugo.yml/badge.svg?branch=main" alt="Deploy Hugo site to Pages" />
-          </a>                    
+          <a
+            style="margin-left: 59px; margin-top: 7px; display: inline-block"
+            href="https://github.com/tayrp/tayrp.github.io/actions/workflows/hugo.yml"
+          >
+            <img
+              src="https://github.com/tayrp/tayrp.github.io/actions/workflows/hugo.yml/badge.svg?branch=main"
+              alt="Deploy Hugo site to Pages"
+            />
+          </a>
           <link rel="home" href="/" />
         </div>
         <div class="collapse navbar-collapse" id="top-navbar-1">
@@ -65,18 +71,11 @@
     
 
 <main><main>
-    <div class="about">
-      <div>
-        <div style="background: #ed9458; border-radius: 25px;
-        font-size: 20px; 
-        padding: 10px; 
-        border: 1px solid #FFFFFF; 
-        margin: 10px;">
-        <div>
+    <div class="bgbox">
         <p>Here is where credits will be, such as profile pictures, assets, website assets, etc.</p>
         <li><a href="https://picrew.me/en/image_maker/1487318">ぺけぺけぺけⅡ</a> - Credits to <a href="https://profcard.info/u/3JBo4MNkznbJV3CILaI1otWJ5uI3">旻 (Nichibun)</a> for some profile pictures I use.</li>
-        <li><a href="https://picrew.me/en/image_maker/1487318">ぺけぺけぺけⅡ</a> - Credits to <a href="">BlazingBRO</a> for my MinecraftLIVE style profile picture.</li>
-        <li><a href="https://www.vecteezy.com/">Vecteezy</a> - Credits to Vecteezy for the <a href="https://www.vecteezy.com/vector-art/27207156-hand-drawn-flat-halloween-night-background">october background</a> I used in 2024</li>
+        <li><a href=""></a> - Credits to <a href="">BlazingBRO</a> for my MinecraftLIVE style profile picture.</li>
+        <li><a href="https://www.vecteezy.com/">Vecteezy</a> - Credits to Vecteezy for the <a href="https://www.vecteezy.com/vector-art/27207156-hand-drawn-flat-halloween-night-background">october background</a> I used in 2024, As well as for the current background.</li>
       </div>
     </div>
   </main>
@@ -86,7 +85,7 @@
       <div class="container">
         <div
           style="
-            background: #ed9458;
+            background: #ff96b4;
             border-radius: 25px;
             font-size: 20px;
             width: 650px;
diff --git a/public/discord/index.html b/public/discord/index.html
index e5bdcc1..7b2710b 100644
--- a/public/discord/index.html
+++ b/public/discord/index.html
@@ -15,7 +15,7 @@
     <link rel="stylesheet" href="/assets/css/animate.css" />
     <link rel="stylesheet" href="/assets/css/style.css" />
     <link rel="stylesheet" href="/assets/css/about/style.css" />
-    <link rel="shortcut icon" href="/assets/imgs/favicon.png" />
+    <link rel="shortcut icon" href="/assets/imgs/pfps/favicon.png" />
   </head>
 
   <body>
@@ -45,9 +45,15 @@
             />
             <script src="/assets/js/lanyard.js"></script>
           </a>
-          <a style="margin-left: 59px; margin-top: 7px; display: inline-block;" href="https://github.com/tayrp/tayrp.github.io/actions/workflows/hugo.yml">
-            <img src="https://github.com/tayrp/tayrp.github.io/actions/workflows/hugo.yml/badge.svg?branch=main" alt="Deploy Hugo site to Pages" />
-          </a>                    
+          <a
+            style="margin-left: 59px; margin-top: 7px; display: inline-block"
+            href="https://github.com/tayrp/tayrp.github.io/actions/workflows/hugo.yml"
+          >
+            <img
+              src="https://github.com/tayrp/tayrp.github.io/actions/workflows/hugo.yml/badge.svg?branch=main"
+              alt="Deploy Hugo site to Pages"
+            />
+          </a>
           <link rel="home" href="/" />
         </div>
         <div class="collapse navbar-collapse" id="top-navbar-1">
@@ -66,7 +72,7 @@
 
 <main><main>
 <div>
-    <div class="about">
+    <div class="bgbox">
         <div>
             <p>
             <p>If you have not been redirected to my Discord within 3 seconds.</p>
@@ -134,7 +140,7 @@ <h3 id="pageBeginCountdownText" class="clock">3</h3>
       <div class="container">
         <div
           style="
-            background: #ed9458;
+            background: #ff96b4;
             border-radius: 25px;
             font-size: 20px;
             width: 650px;
diff --git a/public/index.html b/public/index.html
index 4030c36..78c0383 100644
--- a/public/index.html
+++ b/public/index.html
@@ -16,7 +16,7 @@
     <link rel="stylesheet" href="/assets/css/animate.css" />
     <link rel="stylesheet" href="/assets/css/style.css" />
     <link rel="stylesheet" href="/assets/css/about/style.css" />
-    <link rel="shortcut icon" href="/assets/imgs/favicon.png" />
+    <link rel="shortcut icon" href="/assets/imgs/pfps/favicon.png" />
   </head>
 
   <body>
@@ -46,9 +46,15 @@
             />
             <script src="/assets/js/lanyard.js"></script>
           </a>
-          <a style="margin-left: 59px; margin-top: 7px; display: inline-block;" href="https://github.com/tayrp/tayrp.github.io/actions/workflows/hugo.yml">
-            <img src="https://github.com/tayrp/tayrp.github.io/actions/workflows/hugo.yml/badge.svg?branch=main" alt="Deploy Hugo site to Pages" />
-          </a>                    
+          <a
+            style="margin-left: 59px; margin-top: 7px; display: inline-block"
+            href="https://github.com/tayrp/tayrp.github.io/actions/workflows/hugo.yml"
+          >
+            <img
+              src="https://github.com/tayrp/tayrp.github.io/actions/workflows/hugo.yml/badge.svg?branch=main"
+              alt="Deploy Hugo site to Pages"
+            />
+          </a>
           <link rel="home" href="/" />
         </div>
         <div class="collapse navbar-collapse" id="top-navbar-1">
@@ -65,29 +71,26 @@
     </nav>
     
 <main>
-  <div class="about">
-    <div style="background: #ed9458; border-radius: 25px;
-            font-size: 20px; 
-            padding: 10px; 
-            border: 1px solid #FFFFFF; 
-            margin: 10px;">
-            <div>
-              <b id="date-time">time</b>
-              <script src="/assets/js/timezone.js"></script>
-              <p>Hello and Welcome, You may call me Tee.</p>
-              <p>I prefer to go by Tee, Riya, Rhea, or Kara.</p>
-              <p>My preferred pronouns are She/They</p>
-              <p>
-                Shows & Movies I like include, Doctor Who, DC Universe, Marvel Universe.
-              </p>
-              <p>Games I like include, Minecraft, Terraria, BeamNG.drive and DayZ.</p>
-              <p style="font-size: 20px">
-                <a href="https://nohello.net/en/">NoHello</a> |
-                <a href="https://dontasktoask.com/">DontAskToAsk</a> |
-                <a href="https://xyproblem.info/">XYProblem</a>
-              </p>
-            </div>
-</div>
+  <div class="bgbox">
+      <div class="home">
+        <b id="date-time">time</b>
+        <script src="/assets/js/timezone.js"></script>
+        <p>Hello and Welcome, You may call me Tee.</p>
+        <p>I prefer to go by Tee, Riya, Rhea, or Kara.</p>
+        <p>My preferred pronouns are She/They</p>
+        <p>
+          Shows & Movies I like include, Doctor Who, DC Universe, Marvel
+          Universe.
+        </p>
+        <p>Games I like include, Minecraft, Terraria, BeamNG.drive and DayZ.</p>
+        <p>I enjoy GTA V RP, I am whitelisted on <a href="https://discord.gg/redlinerp">Redline RP</a> and <a href="https://discord.gg/circuit">Circuit V2</a></p>
+        <p style="font-size: 20px">
+          <a href="https://nohello.net/en/">NoHello</a> |
+          <a href="https://dontasktoask.com/">DontAskToAsk</a> |
+          <a href="https://xyproblem.info/">XYProblem</a>
+        </p>
+      </div>
+    </div>
   </div>
 </main>
 
@@ -95,7 +98,7 @@
       <div class="container">
         <div
           style="
-            background: #ed9458;
+            background: #ff96b4;
             border-radius: 25px;
             font-size: 20px;
             width: 650px;
diff --git a/public/index.xml b/public/index.xml
index 50d6506..e7cf6d6 100644
--- a/public/index.xml
+++ b/public/index.xml
@@ -12,42 +12,42 @@
       <link>http://localhost:1313/about/</link>
       <pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
       <guid>http://localhost:1313/about/</guid>
-      <description>&lt;link rel=&#34;stylesheet&#34; href=&#34;http://localhost:1313/assets/css/about/style.css&#34; /&gt;&#xD;&#xA;&lt;main&gt;&#xD;&#xA;  &lt;div class=&#34;about&#34;&gt;&#xD;&#xA;    &lt;div&gt;&#xD;&#xA;      &lt;body&gt;&#xD;&#xA;        &lt;div class=&#34;content&#34;&gt;&#xD;&#xA;          &lt;div&gt;&#xD;&#xA;            &lt;div style=&#34;background: #ed9458; border-radius: 25px;&#xD;&#xA;            font-size: 20px; &#xD;&#xA;            padding: 10px; &#xD;&#xA;            border: 1px solid #FFFFFF; &#xD;&#xA;            margin: 10px;&#34;&gt;&#xD;&#xA;            &lt;div&gt;&#xD;&#xA;          &lt;h1&gt;Hiya, Call me Tee!&lt;/h1&gt;&#xD;&#xA;          &lt;iframe&#xD;&#xA;            width=&#34;570&#34;&#xD;&#xA;            height=&#34;212&#34;&#xD;&#xA;            src=&#34;https://lanyard.cnrad.dev/api/1050531216589332581&#34;&#xD;&#xA;            frameborder=&#34;0&#34;&#xD;&#xA;            allowfullscreen=&#34;false&#34;&#xD;&#xA;            style=&#34;margin-left: 15px&#34;&#xD;&#xA;          &gt;&lt;/iframe&gt;&#xD;&#xA;          &lt;!-- &lt;h4&gt;Someone told me I had shit taste in music when I showed them this song, so I put it on my website, Fuck you.&lt;/h4&gt; --&gt;&#xD;&#xA;          &lt;div id=&#34;images&#34;&gt;&#xD;&#xA;            &lt;a&#xD;&#xA;              href=&#34;https://discord.com/users/1050531216589332581&#34;&#xD;&#xA;              target=&#34;_blank&#34;&#xD;&#xA;              &gt;&lt;img&#xD;&#xA;                src=&#34;http://localhost:1313/assets/imgs/october/discord.png&#34;&#xD;&#xA;                class=&#34;social-logo&#34;&#xD;&#xA;                alt=&#34;Discord&#34;&#xD;&#xA;            /&gt;&lt;/a&gt;&#xD;&#xA;            &lt;a href=&#34;https://github.com/tayrp&#34; target=&#34;_blank&#34;&#xD;&#xA;              &gt;&lt;img&#xD;&#xA;                src=&#34;http://localhost:1313/assets/imgs/october/github.png&#34;&#xD;&#xA;                class=&#34;social-logo&#34;&#xD;&#xA;                alt=&#34;Github&#34;&#xD;&#xA;            /&gt;&lt;/a&gt;&#xD;&#xA;            &lt;a href=&#34;https://discord.gg/gjypyNkPPp&#34; target=&#34;_blank&#34;&#xD;&#xA;              &gt;&lt;img&#xD;&#xA;                src=&#34;http://localhost:1313/assets/imgs/haven.png&#34;&#xD;&#xA;                class=&#34;social-logo&#34;&#xD;&#xA;                alt=&#34;Haven&#34;&#xD;&#xA;            /&gt;&lt;/a&gt;&#xD;&#xA;            &lt;a href=&#34;https://www.last.fm/user/MystixMew&#34; target=&#34;_blank&#34;&#xD;&#xA;              &gt;&lt;img&#xD;&#xA;                src=&#34;http://localhost:1313/assets/imgs/october/lastfm.png&#34;&#xD;&#xA;                class=&#34;social-logo&#34;&#xD;&#xA;                alt=&#34;Last.fm&#34;&#xD;&#xA;            /&gt;&lt;/a&gt;&#xD;&#xA;            &lt;a href=&#34;https://www.youtube.com/@MystixMew&#34; target=&#34;_blank&#34;&#xD;&#xA;              &gt;&lt;img&#xD;&#xA;                src=&#34;http://localhost:1313/assets/imgs/october/youtube.png&#34;&#xD;&#xA;                class=&#34;social-logo&#34;&#xD;&#xA;                alt=&#34;YouTube&#34;&#xD;&#xA;            /&gt;&lt;/a&gt;&#xD;&#xA;            &lt;!-- &lt;a class=&#34;btn btn-link-3&#34; button id=&#34;aboutpauseBtn&#34; onclick=&#34;togglePause()&#34;&gt;⏸️&lt;/a&gt;&lt;/p&gt; --&gt;&#xD;&#xA;          &lt;/div&gt;&#xD;&#xA;        &lt;/div&gt;&#xD;&#xA;        &lt;video autoplay loop id=&#34;aboutvideo&#34;&gt;&#xD;&#xA;          &lt;source&#xD;&#xA;            src=&#34;https://index.havenmc.org/website/assets/mp4/thisishalloween.mp4&#34;&#xD;&#xA;            type=&#34;video/mp4&#34;&#xD;&#xA;          /&gt;&#xD;&#xA;          This browser does not support HTML5 video or the server is offline.&#xD;&#xA;        &lt;/video&gt;&#xD;&#xA;&#xD;&#xA;        &lt;label for=&#34;volumeControl&#34;&gt;Volume:&lt;/label&gt;&#xD;&#xA;        &lt;input&#xD;&#xA;          type=&#34;range&#34;&#xD;&#xA;          id=&#34;volumeControl&#34;&#xD;&#xA;          min=&#34;0&#34;&#xD;&#xA;          max=&#34;1&#34;&#xD;&#xA;          step=&#34;0.01&#34;&#xD;&#xA;          value=&#34;0.25&#34;&#xD;&#xA;        /&gt;&#xD;&#xA;        &lt;span id=&#34;volumePercentage&#34;&gt;1%&lt;/span&gt;&#xD;&#xA;        &lt;a&#xD;&#xA;          class=&#34;btn btn-link-3&#34;&#xD;&#xA;          id=&#34;aboutpauseBtn&#34;&#xD;&#xA;          onclick=&#34;togglePause()&#34;&#xD;&#xA;          style=&#34;&#xD;&#xA;            font-size: 27px;&#xD;&#xA;            padding: 0;&#xD;&#xA;            color: #FC4C02;&#xD;&#xA;            width: 30px;&#xD;&#xA;            height: 30px;&#xD;&#xA;            line-height: 27px;&#xD;&#xA;            display: inline-block;&#xD;&#xA;            text-align: center;&#xD;&#xA;            position: relative;&#xD;&#xA;            top: -2px;&#xD;&#xA;          &#34;&#xD;&#xA;          &gt;⏯&lt;/a&#xD;&#xA;        &gt;&#xD;&#xA;        &lt;script&gt;&#xD;&#xA;          var video = document.getElementById(&#34;aboutvideo&#34;);&#xD;&#xA;          var btn = document.getElementById(&#34;aboutpauseBtn&#34;);&#xD;&#xA;          var volumeControl = document.getElementById(&#34;volumeControl&#34;);&#xD;&#xA;          var volumePercentage = document.getElementById(&#34;volumePercentage&#34;);&#xD;&#xA;          video.volume = volumeControl.value;&#xD;&#xA;          volumePercentage.innerHTML =&#xD;&#xA;            Math.round(volumeControl.value * 100) + &#34;%&#34;;&#xD;&#xA;&#xD;&#xA;          function togglePause() {&#xD;&#xA;            var btn = document.getElementById(&#34;aboutpauseBtn&#34;);&#xD;&#xA;&#xD;&#xA;            if (video.paused) {&#xD;&#xA;              video.play();&#xD;&#xA;              btn.innerHTML = &#34;⏸&#34;;&#xD;&#xA;              btn.style.fontSize = &#34;27px&#34;;&#xD;&#xA;              btn.style.padding = &#34;0&#34;;&#xD;&#xA;              btn.style.width = &#34;30px&#34;;&#xD;&#xA;              btn.style.height = &#34;30px&#34;;&#xD;&#xA;              btn.style.lineHeight = &#34;30px&#34;;&#xD;&#xA;              btn.style.textAlign = &#34;center&#34;;&#xD;&#xA;            } else {&#xD;&#xA;              video.pause();&#xD;&#xA;              btn.innerHTML = &#34;⏵&#34;;&#xD;&#xA;              btn.style.fontSize = &#34;27px&#34;;&#xD;&#xA;              btn.style.padding = &#34;0&#34;;&#xD;&#xA;              btn.style.width = &#34;30px&#34;;&#xD;&#xA;              btn.style.height = &#34;30px&#34;;&#xD;&#xA;              btn.style.lineHeight = &#34;27px&#34;;&#xD;&#xA;              btn.style.textAlign = &#34;center&#34;;&#xD;&#xA;            }&#xD;&#xA;          }&#xD;&#xA;          volumeControl.addEventListener(&#34;input&#34;, function () {&#xD;&#xA;            video.volume = volumeControl.value;&#xD;&#xA;            var percentage = Math.round(volumeControl.value * 100);&#xD;&#xA;            volumePercentage.innerHTML = percentage + &#34;%&#34;;&#xD;&#xA;          });&#xD;&#xA;        &lt;/script&gt;&#xD;&#xA;      &lt;/body&gt;&#xD;&#xA;    &lt;/div&gt;&#xD;&#xA;  &lt;/div&gt;&#xD;&#xA;&lt;/main&gt;</description>
+      <description>&lt;link rel=&#34;stylesheet&#34; href=&#34;http://localhost:1313/assets/css/about/style.css&#34; /&gt;&#xD;&#xA;&lt;main&gt;&#xD;&#xA;  &lt;div class=&#34;about&#34;&gt;&#xD;&#xA;    &lt;div&gt;&#xD;&#xA;      &lt;body&gt;&#xD;&#xA;        &lt;div class=&#34;content&#34;&gt;&#xD;&#xA;          &lt;div class=&#34;bgbox&#34;&gt;&#xD;&#xA;          &lt;h1&gt;Hiya, Call me Tee!&lt;/h1&gt;&#xD;&#xA;          &lt;iframe&#xD;&#xA;            width=&#34;570&#34;&#xD;&#xA;            height=&#34;212&#34;&#xD;&#xA;            src=&#34;https://lanyard.cnrad.dev/api/1050531216589332581&#34;&#xD;&#xA;            frameborder=&#34;0&#34;&#xD;&#xA;            allowfullscreen=&#34;false&#34;&#xD;&#xA;            style=&#34;margin-left: 0px&#34;&#xD;&#xA;          &gt;&lt;/iframe&gt;&#xD;&#xA;          &lt;div id=&#34;images&#34;&gt;&#xD;&#xA;            &lt;a href=&#34;https://discord.gg/gjypyNkPPp&#34; target=&#34;_blank&#34;&#xD;&#xA;            &gt;&lt;img&#xD;&#xA;              src=&#34;http://localhost:1313/assets/imgs/haven.png&#34;&#xD;&#xA;              class=&#34;social-logo&#34;&#xD;&#xA;              alt=&#34;Haven Community&#34;&#xD;&#xA;          /&gt;&lt;/a&gt;&#xD;&#xA;            &lt;a&#xD;&#xA;              href=&#34;https://discord.com/users/1050531216589332581&#34;&#xD;&#xA;              target=&#34;_blank&#34;&#xD;&#xA;              &gt;&lt;img&#xD;&#xA;                src=&#34;http://localhost:1313/assets/imgs/socials/discord.png&#34;&#xD;&#xA;                class=&#34;social-logo&#34;&#xD;&#xA;                alt=&#34;Discord&#34;&#xD;&#xA;            /&gt;&lt;/a&gt;&#xD;&#xA;            &lt;a href=&#34;https://github.com/tayrp&#34; target=&#34;_blank&#34;&#xD;&#xA;              &gt;&lt;img&#xD;&#xA;                src=&#34;http://localhost:1313/assets/imgs/socials/github.png&#34;&#xD;&#xA;                class=&#34;social-logo&#34;&#xD;&#xA;                alt=&#34;Github&#34;&#xD;&#xA;            /&gt;&lt;/a&gt;&#xD;&#xA;            &lt;a href=&#34;https://www.last.fm/user/MystixMew&#34; target=&#34;_blank&#34;&#xD;&#xA;              &gt;&lt;img&#xD;&#xA;                src=&#34;http://localhost:1313/assets/imgs/socials/lastfm.png&#34;&#xD;&#xA;                class=&#34;social-logo&#34;&#xD;&#xA;                alt=&#34;Last.fm&#34;&#xD;&#xA;            /&gt;&lt;/a&gt;&#xD;&#xA;            &lt;a href=&#34;https://www.youtube.com/@MystixMew&#34; target=&#34;_blank&#34;&#xD;&#xA;              &gt;&lt;img&#xD;&#xA;                src=&#34;http://localhost:1313/assets/imgs/socials/youtube.png&#34;&#xD;&#xA;                class=&#34;social-logo&#34;&#xD;&#xA;                alt=&#34;YouTube&#34;&#xD;&#xA;            /&gt;&lt;/a&gt;&#xD;&#xA;            &lt;a href=&#34;https://namemc.com/profile/MystixMew.1&#34; target=&#34;_blank&#34;&#xD;&#xA;            &gt;&lt;img&#xD;&#xA;              src=&#34;http://localhost:1313/assets/imgs/socials/namemc.png&#34;&#xD;&#xA;              class=&#34;social-logo&#34;&#xD;&#xA;              alt=&#34;NameMC&#34;&#xD;&#xA;          /&gt;&lt;/a&gt;&#xD;&#xA;            &lt;!-- &lt;a class=&#34;btn btn-link-3&#34; button id=&#34;aboutpauseBtn&#34; onclick=&#34;togglePause()&#34;&gt;⏸️&lt;/a&gt;&lt;/p&gt; --&gt;&#xD;&#xA;          &lt;/div&gt;&#xD;&#xA;        &lt;/div&gt;&#xD;&#xA;        &lt;video autoplay loop id=&#34;aboutvideo&#34;&gt;&#xD;&#xA;          &lt;source&#xD;&#xA;            src=&#34;https://index.havenmc.org/website/assets/mp4/usurper.mp4&#34;&#xD;&#xA;            type=&#34;video/mp4&#34;&#xD;&#xA;          /&gt;&#xD;&#xA;          This browser does not support HTML5 video or the server is offline.&#xD;&#xA;        &lt;/video&gt;&#xD;&#xA;&#xD;&#xA;        &lt;label for=&#34;volumeControl&#34;&gt;Volume:&lt;/label&gt;&#xD;&#xA;        &lt;input&#xD;&#xA;          type=&#34;range&#34;&#xD;&#xA;          id=&#34;volumeControl&#34;&#xD;&#xA;          min=&#34;0&#34;&#xD;&#xA;          max=&#34;1&#34;&#xD;&#xA;          step=&#34;0.01&#34;&#xD;&#xA;          value=&#34;0.25&#34;&#xD;&#xA;        /&gt;&#xD;&#xA;        &lt;span id=&#34;volumePercentage&#34;&gt;1%&lt;/span&gt;&#xD;&#xA;        &lt;a&#xD;&#xA;          class=&#34;btn btn-link-3&#34;&#xD;&#xA;          id=&#34;aboutpauseBtn&#34;&#xD;&#xA;          onclick=&#34;togglePause()&#34;&#xD;&#xA;          style=&#34;&#xD;&#xA;            font-size: 27px;&#xD;&#xA;            padding: 0;&#xD;&#xA;            color: #a81cbe;&#xD;&#xA;            width: 30px;&#xD;&#xA;            height: 30px;&#xD;&#xA;            line-height: 27px;&#xD;&#xA;            display: inline-block;&#xD;&#xA;            text-align: center;&#xD;&#xA;            position: relative;&#xD;&#xA;            top: -2px;&#xD;&#xA;          &#34;&#xD;&#xA;          &gt;⏯&lt;/a&#xD;&#xA;        &gt;&#xD;&#xA;        &lt;script&gt;&#xD;&#xA;          var video = document.getElementById(&#34;aboutvideo&#34;);&#xD;&#xA;          var btn = document.getElementById(&#34;aboutpauseBtn&#34;);&#xD;&#xA;          var volumeControl = document.getElementById(&#34;volumeControl&#34;);&#xD;&#xA;          var volumePercentage = document.getElementById(&#34;volumePercentage&#34;);&#xD;&#xA;          video.volume = volumeControl.value;&#xD;&#xA;          volumePercentage.innerHTML =&#xD;&#xA;            Math.round(volumeControl.value * 100) + &#34;%&#34;;&#xD;&#xA;&#xD;&#xA;          function togglePause() {&#xD;&#xA;            var btn = document.getElementById(&#34;aboutpauseBtn&#34;);&#xD;&#xA;&#xD;&#xA;            if (video.paused) {&#xD;&#xA;              video.play();&#xD;&#xA;              btn.innerHTML = &#34;⏸&#34;;&#xD;&#xA;              btn.style.fontSize = &#34;27px&#34;;&#xD;&#xA;              btn.style.padding = &#34;0&#34;;&#xD;&#xA;              btn.style.width = &#34;30px&#34;;&#xD;&#xA;              btn.style.height = &#34;30px&#34;;&#xD;&#xA;              btn.style.lineHeight = &#34;30px&#34;;&#xD;&#xA;              btn.style.textAlign = &#34;center&#34;;&#xD;&#xA;            } else {&#xD;&#xA;              video.pause();&#xD;&#xA;              btn.innerHTML = &#34;⏵&#34;;&#xD;&#xA;              btn.style.fontSize = &#34;27px&#34;;&#xD;&#xA;              btn.style.padding = &#34;0&#34;;&#xD;&#xA;              btn.style.width = &#34;30px&#34;;&#xD;&#xA;              btn.style.height = &#34;30px&#34;;&#xD;&#xA;              btn.style.lineHeight = &#34;27px&#34;;&#xD;&#xA;              btn.style.textAlign = &#34;center&#34;;&#xD;&#xA;            }&#xD;&#xA;          }&#xD;&#xA;          volumeControl.addEventListener(&#34;input&#34;, function () {&#xD;&#xA;            video.volume = volumeControl.value;&#xD;&#xA;            var percentage = Math.round(volumeControl.value * 100);&#xD;&#xA;            volumePercentage.innerHTML = percentage + &#34;%&#34;;&#xD;&#xA;          });&#xD;&#xA;        &lt;/script&gt;&#xD;&#xA;      &lt;/body&gt;&#xD;&#xA;    &lt;/div&gt;&#xD;&#xA;  &lt;/div&gt;&#xD;&#xA;&lt;/main&gt;</description>
     </item>
     <item>
       <title></title>
       <link>http://localhost:1313/credits/</link>
       <pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
       <guid>http://localhost:1313/credits/</guid>
-      <description>&lt;main&gt;&#xD;&#xA;    &lt;div class=&#34;about&#34;&gt;&#xD;&#xA;      &lt;div&gt;&#xD;&#xA;        &lt;div style=&#34;background: #ed9458; border-radius: 25px;&#xD;&#xA;        font-size: 20px; &#xD;&#xA;        padding: 10px; &#xD;&#xA;        border: 1px solid #FFFFFF; &#xD;&#xA;        margin: 10px;&#34;&gt;&#xD;&#xA;        &lt;div&gt;&#xD;&#xA;        &lt;p&gt;Here is where credits will be, such as profile pictures, assets, website assets, etc.&lt;/p&gt;&#xD;&#xA;        &lt;li&gt;&lt;a href=&#34;https://picrew.me/en/image_maker/1487318&#34;&gt;ぺけぺけぺけⅡ&lt;/a&gt; - Credits to &lt;a href=&#34;https://profcard.info/u/3JBo4MNkznbJV3CILaI1otWJ5uI3&#34;&gt;旻 (Nichibun)&lt;/a&gt; for some profile pictures I use.&lt;/li&gt;&#xD;&#xA;        &lt;li&gt;&lt;a href=&#34;https://picrew.me/en/image_maker/1487318&#34;&gt;ぺけぺけぺけⅡ&lt;/a&gt; - Credits to &lt;a href=&#34;&#34;&gt;BlazingBRO&lt;/a&gt; for my MinecraftLIVE style profile picture.&lt;/li&gt;&#xD;&#xA;        &lt;li&gt;&lt;a href=&#34;https://www.vecteezy.com/&#34;&gt;Vecteezy&lt;/a&gt; - Credits to Vecteezy for the &lt;a href=&#34;https://www.vecteezy.com/vector-art/27207156-hand-drawn-flat-halloween-night-background&#34;&gt;october background&lt;/a&gt; I used in 2024&lt;/li&gt;&#xD;&#xA;      &lt;/div&gt;&#xD;&#xA;    &lt;/div&gt;&#xD;&#xA;  &lt;/main&gt;</description>
+      <description>&lt;main&gt;&#xD;&#xA;    &lt;div class=&#34;bgbox&#34;&gt;&#xD;&#xA;        &lt;p&gt;Here is where credits will be, such as profile pictures, assets, website assets, etc.&lt;/p&gt;&#xD;&#xA;        &lt;li&gt;&lt;a href=&#34;https://picrew.me/en/image_maker/1487318&#34;&gt;ぺけぺけぺけⅡ&lt;/a&gt; - Credits to &lt;a href=&#34;https://profcard.info/u/3JBo4MNkznbJV3CILaI1otWJ5uI3&#34;&gt;旻 (Nichibun)&lt;/a&gt; for some profile pictures I use.&lt;/li&gt;&#xD;&#xA;        &lt;li&gt;&lt;a href=&#34;&#34;&gt;&lt;/a&gt; - Credits to &lt;a href=&#34;&#34;&gt;BlazingBRO&lt;/a&gt; for my MinecraftLIVE style profile picture.&lt;/li&gt;&#xD;&#xA;        &lt;li&gt;&lt;a href=&#34;https://www.vecteezy.com/&#34;&gt;Vecteezy&lt;/a&gt; - Credits to Vecteezy for the &lt;a href=&#34;https://www.vecteezy.com/vector-art/27207156-hand-drawn-flat-halloween-night-background&#34;&gt;october background&lt;/a&gt; I used in 2024, As well as for the current background.&lt;/li&gt;&#xD;&#xA;      &lt;/div&gt;&#xD;&#xA;    &lt;/div&gt;&#xD;&#xA;  &lt;/main&gt;</description>
     </item>
     <item>
       <title></title>
       <link>http://localhost:1313/discord/</link>
       <pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
       <guid>http://localhost:1313/discord/</guid>
-      <description>&lt;main&gt;&#xD;&#xA;&lt;div&gt;&#xD;&#xA;    &lt;div class=&#34;about&#34;&gt;&#xD;&#xA;        &lt;div&gt;&#xD;&#xA;            &lt;p&gt;&#xD;&#xA;            &lt;p&gt;If you have not been redirected to my Discord within 3 seconds.&lt;/p&gt;&#xD;&#xA;            &lt;/p&gt;&#xD;&#xA;        &lt;/div&gt;&#xD;&#xA;        &lt;div&gt;&#xD;&#xA;            &lt;p&gt;&#xD;&#xA;            &lt;p&gt;Please click &lt;a href=&#34;https://discord.gg/xQVDR3ANQX&#34;&gt;this&lt;/a&gt; to join&lt;/p&gt;&#xD;&#xA;            &lt;/p&gt;&#xD;&#xA;        &lt;/div&gt;&#xD;&#xA;    &lt;/div&gt;&#xD;&#xA;&lt;/div&gt;&#xD;&#xA;&lt;div&gt;&#xD;&#xA;    &lt;meta http-equiv=&#34;refresh&#34; content=&#34;4; URL=https://discord.gg/xMdsWvqp7P&#34; /&gt;&#xD;&#xA;&#xD;&#xA;    &lt;body&gt;&#xD;&#xA;        &lt;script&gt;&#xD;&#xA;            ProgressCountdown(3, &#34;pageBeginCountdownText&#34;);&#xD;&#xA;&#xD;&#xA;            function ProgressCountdown(timeleft, text) {&#xD;&#xA;                return new Promise((resolve, reject) =&gt; {&#xD;&#xA;                    var countdownTimer = setInterval(() =&gt; {&#xD;&#xA;                        timeleft--;&#xD;&#xA;&#xD;&#xA;                        document.getElementById(text).textContent = timeleft;&#xD;&#xA;&#xD;&#xA;                        if (timeleft &lt;= 0) {&#xD;&#xA;                            clearInterval(countdownTimer);&#xD;&#xA;                            resolve(true);&#xD;&#xA;                        }&#xD;&#xA;                    }, 1000);&#xD;&#xA;                });&#xD;&#xA;            }&#xD;&#xA;        &lt;/script&gt;&#xD;&#xA;&#xD;&#xA;        &lt;style&gt;&#xD;&#xA;            .dot {&#xD;&#xA;                height: 115px;&#xD;&#xA;                width: 115px;&#xD;&#xA;                border-style: solid;&#xD;&#xA;                border-width: 2px;&#xD;&#xA;                border-radius: 50%;&#xD;&#xA;                display: inline-block;&#xD;&#xA;                text-align: center;&#xD;&#xA;            }&#xD;&#xA;&#xD;&#xA;            .clock {&#xD;&#xA;                text-align: center;&#xD;&#xA;            }&#xD;&#xA;&#xD;&#xA;            .pp {&#xD;&#xA;                text-align: center;&#xD;&#xA;            }&#xD;&#xA;        &lt;/style&gt;&#xD;&#xA;&#xD;&#xA;        &lt;div class=&#34;row begin-countdown&#34;&gt;&#xD;&#xA;            &lt;div class=&#34;col-md-12 text-center&#34;&gt;&#xD;&#xA;                &lt;div class=&#34;dot&#34; style=&#34;position: center&#34;&gt;&#xD;&#xA;                    &lt;h3 id=&#34;pageBeginCountdownText&#34; class=&#34;clock&#34;&gt;3&lt;/h3&gt;&#xD;&#xA;                    &lt;p class=&#34;pp&#34;&gt;Until Join&lt;/p&gt;</description>
+      <description>&lt;main&gt;&#xD;&#xA;&lt;div&gt;&#xD;&#xA;    &lt;div class=&#34;bgbox&#34;&gt;&#xD;&#xA;        &lt;div&gt;&#xD;&#xA;            &lt;p&gt;&#xD;&#xA;            &lt;p&gt;If you have not been redirected to my Discord within 3 seconds.&lt;/p&gt;&#xD;&#xA;            &lt;/p&gt;&#xD;&#xA;        &lt;/div&gt;&#xD;&#xA;        &lt;div&gt;&#xD;&#xA;            &lt;p&gt;&#xD;&#xA;            &lt;p&gt;Please click &lt;a href=&#34;https://discord.gg/xQVDR3ANQX&#34;&gt;this&lt;/a&gt; to join&lt;/p&gt;&#xD;&#xA;            &lt;/p&gt;&#xD;&#xA;        &lt;/div&gt;&#xD;&#xA;    &lt;/div&gt;&#xD;&#xA;&lt;/div&gt;&#xD;&#xA;&lt;div&gt;&#xD;&#xA;    &lt;meta http-equiv=&#34;refresh&#34; content=&#34;4; URL=https://discord.gg/xMdsWvqp7P&#34; /&gt;&#xD;&#xA;&#xD;&#xA;    &lt;body&gt;&#xD;&#xA;        &lt;script&gt;&#xD;&#xA;            ProgressCountdown(3, &#34;pageBeginCountdownText&#34;);&#xD;&#xA;&#xD;&#xA;            function ProgressCountdown(timeleft, text) {&#xD;&#xA;                return new Promise((resolve, reject) =&gt; {&#xD;&#xA;                    var countdownTimer = setInterval(() =&gt; {&#xD;&#xA;                        timeleft--;&#xD;&#xA;&#xD;&#xA;                        document.getElementById(text).textContent = timeleft;&#xD;&#xA;&#xD;&#xA;                        if (timeleft &lt;= 0) {&#xD;&#xA;                            clearInterval(countdownTimer);&#xD;&#xA;                            resolve(true);&#xD;&#xA;                        }&#xD;&#xA;                    }, 1000);&#xD;&#xA;                });&#xD;&#xA;            }&#xD;&#xA;        &lt;/script&gt;&#xD;&#xA;&#xD;&#xA;        &lt;style&gt;&#xD;&#xA;            .dot {&#xD;&#xA;                height: 115px;&#xD;&#xA;                width: 115px;&#xD;&#xA;                border-style: solid;&#xD;&#xA;                border-width: 2px;&#xD;&#xA;                border-radius: 50%;&#xD;&#xA;                display: inline-block;&#xD;&#xA;                text-align: center;&#xD;&#xA;            }&#xD;&#xA;&#xD;&#xA;            .clock {&#xD;&#xA;                text-align: center;&#xD;&#xA;            }&#xD;&#xA;&#xD;&#xA;            .pp {&#xD;&#xA;                text-align: center;&#xD;&#xA;            }&#xD;&#xA;        &lt;/style&gt;&#xD;&#xA;&#xD;&#xA;        &lt;div class=&#34;row begin-countdown&#34;&gt;&#xD;&#xA;            &lt;div class=&#34;col-md-12 text-center&#34;&gt;&#xD;&#xA;                &lt;div class=&#34;dot&#34; style=&#34;position: center&#34;&gt;&#xD;&#xA;                    &lt;h3 id=&#34;pageBeginCountdownText&#34; class=&#34;clock&#34;&gt;3&lt;/h3&gt;&#xD;&#xA;                    &lt;p class=&#34;pp&#34;&gt;Until Join&lt;/p&gt;</description>
     </item>
     <item>
       <title></title>
       <link>http://localhost:1313/pages/</link>
       <pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
       <guid>http://localhost:1313/pages/</guid>
-      <description>&lt;main&gt;&#xD;&#xA;  &lt;div class=&#34;about&#34;&gt;&#xD;&#xA;    &lt;div&gt;&#xD;&#xA;      &lt;div style=&#34;background: #ed9458; border-radius: 25px;&#xD;&#xA;      font-size: 20px; &#xD;&#xA;      padding: 10px; &#xD;&#xA;      border: 1px solid #FFFFFF; &#xD;&#xA;      margin: 10px;&#34;&gt;&#xD;&#xA;      &lt;div&gt;&#xD;&#xA;      &lt;p&gt;A list of all pages on my website.&lt;/p&gt;&#xD;&#xA;      &lt;p&gt;Some are hidden, like Eastereggs.&lt;/p&gt;&#xD;&#xA;      &lt;li&gt;&lt;a href=&#34;http://localhost:1313/&#34;&gt;Home&lt;/a&gt; - Takes you to my home page.&lt;/li&gt;&#xD;&#xA;      &lt;li&gt;&lt;a href=&#34;http://localhost:1313/about&#34;&gt;About&lt;/a&gt; - Takes you to my About/Bio page.&lt;/li&gt;&#xD;&#xA;      &lt;li&gt;&lt;a href=&#34;http://localhost:1313/projects&#34;&gt;Projects&lt;/a&gt; - Takes you to my Projects page.&lt;/li&gt;&#xD;&#xA;      &lt;li&gt;&lt;a href=&#34;http://localhost:1313/discord&#34;&gt;Discord&lt;/a&gt; - Redirects you to my Discord.&lt;/li&gt;&#xD;&#xA;      &lt;li&gt;&lt;a href=&#34;http://localhost:1313/pages&#34;&gt;Pages&lt;/a&gt; - Takes you to this page.&lt;/li&gt;&#xD;&#xA;      &lt;li&gt;&lt;a href=&#34;http://localhost:1313/credits&#34;&gt;Credits&lt;/a&gt; - Takes you to my credits page.&lt;/li&gt;&#xD;&#xA;      &lt;li&gt;&lt;a href=&#34;http://localhost:1313/readme&#34;&gt;README&lt;/a&gt; - Takes you to my README page.&lt;/li&gt;      &lt;li&gt;&#xD;&#xA;        &lt;a href=&#34;https://docs.mysty.one/&#34;&gt;GitBook&lt;/a&gt; - Takes you to my GitBook&#xD;&#xA;        website.&#xD;&#xA;      &lt;/li&gt;&#xD;&#xA;      &lt;li&gt;&#xD;&#xA;        &lt;a href=&#34;https://tayrp.substack.com/&#34;&gt;Blog&lt;/a&gt; - Takes you to my&#xD;&#xA;        Substack.&#xD;&#xA;      &lt;/li&gt;&#xD;&#xA;    &lt;/div&gt;&#xD;&#xA;  &lt;/div&gt;&#xD;&#xA;&lt;/main&gt;</description>
+      <description>&lt;main&gt;&#xD;&#xA;  &lt;div class=&#34;about&#34;&gt;&#xD;&#xA;    &lt;div class=&#34;bgbox&#34;&gt;&#xD;&#xA;      &lt;p&gt;A list of all pages on my website.&lt;/p&gt;&#xD;&#xA;      &lt;p&gt;Some are hidden, like Eastereggs.&lt;/p&gt;&#xD;&#xA;      &lt;li&gt;&lt;a href=&#34;http://localhost:1313/&#34;&gt;Home&lt;/a&gt; - Takes you to my home page.&lt;/li&gt;&#xD;&#xA;      &lt;li&gt;&lt;a href=&#34;http://localhost:1313/about&#34;&gt;About&lt;/a&gt; - Takes you to my About/Bio page.&lt;/li&gt;&#xD;&#xA;      &lt;li&gt;&lt;a href=&#34;http://localhost:1313/projects&#34;&gt;Projects&lt;/a&gt; - Takes you to my Projects page.&lt;/li&gt;&#xD;&#xA;      &lt;li&gt;&lt;a href=&#34;http://localhost:1313/discord&#34;&gt;Discord&lt;/a&gt; - Redirects you to my Discord.&lt;/li&gt;&#xD;&#xA;      &lt;li&gt;&lt;a href=&#34;http://localhost:1313/pages&#34;&gt;Pages&lt;/a&gt; - Takes you to this page.&lt;/li&gt;&#xD;&#xA;      &lt;li&gt;&lt;a href=&#34;http://localhost:1313/credits&#34;&gt;Credits&lt;/a&gt; - Takes you to my credits page.&lt;/li&gt;&#xD;&#xA;      &lt;li&gt;&lt;a href=&#34;http://localhost:1313/readme&#34;&gt;README&lt;/a&gt; - Takes you to my README page.&lt;/li&gt;      &lt;li&gt;&#xD;&#xA;        &lt;a href=&#34;https://docs.mysty.one/&#34;&gt;GitBook&lt;/a&gt; - Takes you to my GitBook&#xD;&#xA;        website.&#xD;&#xA;      &lt;/li&gt;&#xD;&#xA;      &lt;li&gt;&#xD;&#xA;        &lt;a href=&#34;https://tayrp.substack.com/&#34;&gt;Blog&lt;/a&gt; - Takes you to my&#xD;&#xA;        Substack. (Inactive)&#xD;&#xA;      &lt;/li&gt;&#xD;&#xA;    &lt;/div&gt;&#xD;&#xA;  &lt;/div&gt;&#xD;&#xA;&lt;/main&gt;</description>
     </item>
     <item>
       <title></title>
       <link>http://localhost:1313/projects/</link>
       <pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
       <guid>http://localhost:1313/projects/</guid>
-      <description>&lt;main&gt;&#xD;&#xA;  &lt;div class=&#34;pl&#34;&gt;&#xD;&#xA;    &lt;div&gt;&#xD;&#xA;      &lt;div style=&#34;background: #ed9458; border-radius: 25px;&#xD;&#xA;      font-size: 20px; &#xD;&#xA;      padding: 10px; &#xD;&#xA;      border: 1px solid #FFFFFF; &#xD;&#xA;      margin: 10px;&#34;&gt;&#xD;&#xA;      &lt;div&gt;&#xD;&#xA;    &lt;ul class=&#34;plul&#34;&gt;&#xD;&#xA;      &lt;b&gt;Here is a list of all my projects.&lt;/b&gt;&#xD;&#xA;      &lt;li&gt;&#xD;&#xA;        &lt;a href=&#34;https://modrinth.com/user/tay&#34;&gt;Modrinth&lt;/a&gt; - Mods, Modpacks,&#xD;&#xA;        Datapacks, etc&#xD;&#xA;      &lt;/li&gt;&#xD;&#xA;      &lt;!--&lt;li&gt;&lt;a href=&#34;https://link-here.tld&#34;&gt;put text here to kinda give it a text yknow..&lt;/a&gt;&lt;/li&gt;--&gt;&#xD;&#xA;    &lt;/ul&gt;&#xD;&#xA;  &lt;/div&gt;&#xD;&#xA;&lt;/main&gt;</description>
+      <description>&lt;main&gt;&#xD;&#xA;  &lt;div class=&#34;pl&#34;&gt;&#xD;&#xA;    &lt;div class=&#34;bgbox&#34;&gt;&#xD;&#xA;    &lt;ul class=&#34;plul&#34;&gt;&#xD;&#xA;      &lt;b&gt;Here is a list of all my projects.&lt;/b&gt;&#xD;&#xA;      &lt;li&gt;&#xD;&#xA;        &lt;a href=&#34;https://modrinth.com/user/tay&#34;&gt;Modrinth&lt;/a&gt; - Mods, Modpacks,&#xD;&#xA;        Datapacks, etc&#xD;&#xA;      &lt;/li&gt;&#xD;&#xA;      &lt;!--&lt;li&gt;&lt;a href=&#34;https://link-here.tld&#34;&gt;put text here to kinda give it a text yknow..&lt;/a&gt;&lt;/li&gt;--&gt;&#xD;&#xA;    &lt;/ul&gt;&#xD;&#xA;  &lt;/div&gt;&#xD;&#xA;&lt;/main&gt;</description>
     </item>
     <item>
       <title></title>
       <link>http://localhost:1313/radio/</link>
       <pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
       <guid>http://localhost:1313/radio/</guid>
-      <description>&lt;main&gt;&#xD;&#xA;    &lt;div&gt;&#xD;&#xA;        &lt;div&gt;&#xD;&#xA;            &lt;div class=&#34;about&#34;&gt;&#xD;&#xA;                &lt;div&gt;&#xD;&#xA;                    &lt;div style=&#34;background: #ed9458; border-radius: 25px;&#xD;&#xA;                    font-size: 20px; &#xD;&#xA;                    padding: 10px; &#xD;&#xA;                    border: 1px solid #FFFFFF; &#xD;&#xA;                    margin: 10px;&#34;&gt;&#xD;&#xA;                    &lt;div&gt;&#xD;&#xA;            &lt;div&gt;&#xD;&#xA;                &lt;p&gt;Welcome to Mysty Radio&lt;/p&gt;&#xD;&#xA;            &lt;/div&gt;&#xD;&#xA;            &lt;div&gt;&#xD;&#xA;                &lt;iframe src=&#34;https://radio.mysty.one/public/mysty-ky/embed?theme=dark&#34; frameborder=&#34;0&#34; allowtransparency=&#34;true&#34; style=&#34;width: 100%; min-height: 150px; border: 0;&#34;&gt;&lt;/iframe&gt;&#xD;&#xA;            &lt;/div&gt;&#xD;&#xA;            &lt;div&gt;&#xD;&#xA;                &lt;iframe src=&#34;https://radio.mysty.one/public/mysty-ky/history?theme=dark&#34; frameborder=&#34;0&#34; allowtransparency=&#34;true&#34; style=&#34;width: 100%; min-height: 300px; border: 0;&#34;&gt;&lt;/iframe&gt;&#xD;&#xA;            &lt;/div&gt;&#xD;&#xA;        &lt;/div&gt;&#xD;&#xA;    &lt;/div&gt;&#xD;&#xA;  &lt;/main&gt;</description>
+      <description>&lt;main&gt;&#xD;&#xA;    &lt;div&gt;&#xD;&#xA;        &lt;div&gt;&#xD;&#xA;            &lt;div class=&#34;bgbox&#34;&gt;&#xD;&#xA;                &lt;div&gt;&#xD;&#xA;            &lt;div&gt;&#xD;&#xA;                &lt;p&gt;Welcome to Mysty Radio&lt;/p&gt;&#xD;&#xA;            &lt;/div&gt;&#xD;&#xA;            &lt;div&gt;&#xD;&#xA;                &lt;iframe src=&#34;https://radio.mysty.one/public/mysty-ky/embed?theme=dark&#34; frameborder=&#34;0&#34; allowtransparency=&#34;true&#34; style=&#34;width: 100%; min-height: 150px; border: 0;&#34;&gt;&lt;/iframe&gt;&#xD;&#xA;            &lt;/div&gt;&#xD;&#xA;            &lt;div&gt;&#xD;&#xA;                &lt;iframe src=&#34;https://radio.mysty.one/public/mysty-ky/history?theme=dark&#34; frameborder=&#34;0&#34; allowtransparency=&#34;true&#34; style=&#34;width: 100%; min-height: 300px; border: 0;&#34;&gt;&lt;/iframe&gt;&#xD;&#xA;            &lt;/div&gt;&#xD;&#xA;        &lt;/div&gt;&#xD;&#xA;    &lt;/div&gt;&#xD;&#xA;  &lt;/main&gt;</description>
     </item>
     <item>
       <title></title>
diff --git a/public/pages/index.html b/public/pages/index.html
index e17a7d8..e67efc9 100644
--- a/public/pages/index.html
+++ b/public/pages/index.html
@@ -15,7 +15,7 @@
     <link rel="stylesheet" href="/assets/css/animate.css" />
     <link rel="stylesheet" href="/assets/css/style.css" />
     <link rel="stylesheet" href="/assets/css/about/style.css" />
-    <link rel="shortcut icon" href="/assets/imgs/favicon.png" />
+    <link rel="shortcut icon" href="/assets/imgs/pfps/favicon.png" />
   </head>
 
   <body>
@@ -45,9 +45,15 @@
             />
             <script src="/assets/js/lanyard.js"></script>
           </a>
-          <a style="margin-left: 59px; margin-top: 7px; display: inline-block;" href="https://github.com/tayrp/tayrp.github.io/actions/workflows/hugo.yml">
-            <img src="https://github.com/tayrp/tayrp.github.io/actions/workflows/hugo.yml/badge.svg?branch=main" alt="Deploy Hugo site to Pages" />
-          </a>                    
+          <a
+            style="margin-left: 59px; margin-top: 7px; display: inline-block"
+            href="https://github.com/tayrp/tayrp.github.io/actions/workflows/hugo.yml"
+          >
+            <img
+              src="https://github.com/tayrp/tayrp.github.io/actions/workflows/hugo.yml/badge.svg?branch=main"
+              alt="Deploy Hugo site to Pages"
+            />
+          </a>
           <link rel="home" href="/" />
         </div>
         <div class="collapse navbar-collapse" id="top-navbar-1">
@@ -66,13 +72,7 @@
 
 <main><main>
   <div class="about">
-    <div>
-      <div style="background: #ed9458; border-radius: 25px;
-      font-size: 20px; 
-      padding: 10px; 
-      border: 1px solid #FFFFFF; 
-      margin: 10px;">
-      <div>
+    <div class="bgbox">
       <p>A list of all pages on my website.</p>
       <p>Some are hidden, like Eastereggs.</p>
       <li><a href="/">Home</a> - Takes you to my home page.</li>
@@ -87,7 +87,7 @@
       </li>
       <li>
         <a href="https://tayrp.substack.com/">Blog</a> - Takes you to my
-        Substack.
+        Substack. (Inactive)
       </li>
     </div>
   </div>
@@ -98,7 +98,7 @@
       <div class="container">
         <div
           style="
-            background: #ed9458;
+            background: #ff96b4;
             border-radius: 25px;
             font-size: 20px;
             width: 650px;
diff --git a/public/projects/index.html b/public/projects/index.html
index 83ecf8d..619bb7a 100644
--- a/public/projects/index.html
+++ b/public/projects/index.html
@@ -15,7 +15,7 @@
     <link rel="stylesheet" href="/assets/css/animate.css" />
     <link rel="stylesheet" href="/assets/css/style.css" />
     <link rel="stylesheet" href="/assets/css/about/style.css" />
-    <link rel="shortcut icon" href="/assets/imgs/favicon.png" />
+    <link rel="shortcut icon" href="/assets/imgs/pfps/favicon.png" />
   </head>
 
   <body>
@@ -45,9 +45,15 @@
             />
             <script src="/assets/js/lanyard.js"></script>
           </a>
-          <a style="margin-left: 59px; margin-top: 7px; display: inline-block;" href="https://github.com/tayrp/tayrp.github.io/actions/workflows/hugo.yml">
-            <img src="https://github.com/tayrp/tayrp.github.io/actions/workflows/hugo.yml/badge.svg?branch=main" alt="Deploy Hugo site to Pages" />
-          </a>                    
+          <a
+            style="margin-left: 59px; margin-top: 7px; display: inline-block"
+            href="https://github.com/tayrp/tayrp.github.io/actions/workflows/hugo.yml"
+          >
+            <img
+              src="https://github.com/tayrp/tayrp.github.io/actions/workflows/hugo.yml/badge.svg?branch=main"
+              alt="Deploy Hugo site to Pages"
+            />
+          </a>
           <link rel="home" href="/" />
         </div>
         <div class="collapse navbar-collapse" id="top-navbar-1">
@@ -66,13 +72,7 @@
 
 <main><main>
   <div class="pl">
-    <div>
-      <div style="background: #ed9458; border-radius: 25px;
-      font-size: 20px; 
-      padding: 10px; 
-      border: 1px solid #FFFFFF; 
-      margin: 10px;">
-      <div>
+    <div class="bgbox">
     <ul class="plul">
       <b>Here is a list of all my projects.</b>
       <li>
@@ -89,7 +89,7 @@
       <div class="container">
         <div
           style="
-            background: #ed9458;
+            background: #ff96b4;
             border-radius: 25px;
             font-size: 20px;
             width: 650px;
diff --git a/public/radio/index.html b/public/radio/index.html
index e03aefe..4aaac63 100644
--- a/public/radio/index.html
+++ b/public/radio/index.html
@@ -15,7 +15,7 @@
     <link rel="stylesheet" href="/assets/css/animate.css" />
     <link rel="stylesheet" href="/assets/css/style.css" />
     <link rel="stylesheet" href="/assets/css/about/style.css" />
-    <link rel="shortcut icon" href="/assets/imgs/favicon.png" />
+    <link rel="shortcut icon" href="/assets/imgs/pfps/favicon.png" />
   </head>
 
   <body>
@@ -45,9 +45,15 @@
             />
             <script src="/assets/js/lanyard.js"></script>
           </a>
-          <a style="margin-left: 59px; margin-top: 7px; display: inline-block;" href="https://github.com/tayrp/tayrp.github.io/actions/workflows/hugo.yml">
-            <img src="https://github.com/tayrp/tayrp.github.io/actions/workflows/hugo.yml/badge.svg?branch=main" alt="Deploy Hugo site to Pages" />
-          </a>                    
+          <a
+            style="margin-left: 59px; margin-top: 7px; display: inline-block"
+            href="https://github.com/tayrp/tayrp.github.io/actions/workflows/hugo.yml"
+          >
+            <img
+              src="https://github.com/tayrp/tayrp.github.io/actions/workflows/hugo.yml/badge.svg?branch=main"
+              alt="Deploy Hugo site to Pages"
+            />
+          </a>
           <link rel="home" href="/" />
         </div>
         <div class="collapse navbar-collapse" id="top-navbar-1">
@@ -67,14 +73,8 @@
 <main><main>
     <div>
         <div>
-            <div class="about">
+            <div class="bgbox">
                 <div>
-                    <div style="background: #ed9458; border-radius: 25px;
-                    font-size: 20px; 
-                    padding: 10px; 
-                    border: 1px solid #FFFFFF; 
-                    margin: 10px;">
-                    <div>
             <div>
                 <p>Welcome to Mysty Radio</p>
             </div>
@@ -93,7 +93,7 @@
       <div class="container">
         <div
           style="
-            background: #ed9458;
+            background: #ff96b4;
             border-radius: 25px;
             font-size: 20px;
             width: 650px;
diff --git a/public/salad/index.html b/public/salad/index.html
index 347d846..e436c07 100644
--- a/public/salad/index.html
+++ b/public/salad/index.html
@@ -15,7 +15,7 @@
     <link rel="stylesheet" href="/assets/css/animate.css" />
     <link rel="stylesheet" href="/assets/css/style.css" />
     <link rel="stylesheet" href="/assets/css/about/style.css" />
-    <link rel="shortcut icon" href="/assets/imgs/favicon.png" />
+    <link rel="shortcut icon" href="/assets/imgs/pfps/favicon.png" />
   </head>
 
   <body>
@@ -45,9 +45,15 @@
             />
             <script src="/assets/js/lanyard.js"></script>
           </a>
-          <a style="margin-left: 59px; margin-top: 7px; display: inline-block;" href="https://github.com/tayrp/tayrp.github.io/actions/workflows/hugo.yml">
-            <img src="https://github.com/tayrp/tayrp.github.io/actions/workflows/hugo.yml/badge.svg?branch=main" alt="Deploy Hugo site to Pages" />
-          </a>                    
+          <a
+            style="margin-left: 59px; margin-top: 7px; display: inline-block"
+            href="https://github.com/tayrp/tayrp.github.io/actions/workflows/hugo.yml"
+          >
+            <img
+              src="https://github.com/tayrp/tayrp.github.io/actions/workflows/hugo.yml/badge.svg?branch=main"
+              alt="Deploy Hugo site to Pages"
+            />
+          </a>
           <link rel="home" href="/" />
         </div>
         <div class="collapse navbar-collapse" id="top-navbar-1">
@@ -93,7 +99,7 @@ <h2>
       <div class="container">
         <div
           style="
-            background: #ed9458;
+            background: #ff96b4;
             border-radius: 25px;
             font-size: 20px;
             width: 650px;
diff --git a/public/sitemap.xml b/public/sitemap.xml
index 4c37bae..3f791c5 100644
--- a/public/sitemap.xml
+++ b/public/sitemap.xml
@@ -3,6 +3,8 @@
   xmlns:xhtml="http://www.w3.org/1999/xhtml">
   <url>
     <loc>http://localhost:1313/about/</loc>
+  </url><url>
+    <loc>http://localhost:1313/credits/</loc>
   </url><url>
     <loc>http://localhost:1313/discord/</loc>
   </url><url>
diff --git a/static/assets/css/style.css b/static/assets/css/style.css
index 394f2cb..d0b313f 100644
--- a/static/assets/css/style.css
+++ b/static/assets/css/style.css
@@ -49,9 +49,9 @@ body {
   color: #888;
   line-height: 30px;
   text-align: center;
-  background-image: url("../imgs/october/october_background1.jpg");
+  background-image: url("../imgs/backgrounds/vecteezy_abstract-square-with-pastel-colour_6487408-1.jpg");
   background-size: cover;
-  /* background-color: #36454f; */
+  background-color: #36454f;
 }
 .background-tint {
   filter: sepia(100%) saturate(200%) brightness(70%) hue-rotate(330deg);
@@ -141,8 +141,9 @@ ul.navbar-nav {
   display: inline-block;
   margin: 9px 0 0 15px;
   padding: 6px 15px;
-  /*  background: #b1cbcc; */
-  background: #ed9458; /* Halloween navbar */
+  /* background: #b1cbcc; */
+  background: #ff96b4;
+  /* background: #ed9458; /* Halloween navbar */
   border: 0;
   font-size: 14px;
   font-weight: 360;
@@ -157,20 +158,20 @@ ul.navbar-nav {
 
 .navbar-brand {
   width: 102px;
-  background: url(../imgs/logo.png) left center no-repeat;
+  background: url(../imgs/pfps/logo.png) left center no-repeat;
   text-indent: -9999999;
 }
 
 a:link {
-  color: #e04401;
+  color: #a81cbe;
 }
 
 a:visited {
-  color: #e04401;
+  color: #a81cbe;
 }
 
 a:hover {
-  color: #b93800;
+  color: #770d88;
 }
 
 /* Doctor Who List? */
@@ -275,3 +276,13 @@ aboutvideo {
   filter: blur(7px);
   opacity: 65%;
 }
+
+.bgbox {
+  background: #ff96b4;
+  border-radius: 25px;
+  font-size: 20px;
+  padding: 25px;
+  border: 1px solid #FFFFFF;
+  margin: 10px;
+  color: #FFFFFF;
+}
diff --git a/static/assets/imgs/backgrounds/silver_christmas_background_0909.jpg b/static/assets/imgs/backgrounds/silver_christmas_background_0909.jpg
new file mode 100644
index 0000000..0a0ffa1
Binary files /dev/null and b/static/assets/imgs/backgrounds/silver_christmas_background_0909.jpg differ
diff --git a/static/assets/imgs/backgrounds/vecteezy_abstract-square-with-pastel-colour_6487408-1.jpg b/static/assets/imgs/backgrounds/vecteezy_abstract-square-with-pastel-colour_6487408-1.jpg
new file mode 100644
index 0000000..d767d90
Binary files /dev/null and b/static/assets/imgs/backgrounds/vecteezy_abstract-square-with-pastel-colour_6487408-1.jpg differ
diff --git a/static/assets/imgs/favicon.old.png b/static/assets/imgs/pfps/favicon.old.png
similarity index 100%
rename from static/assets/imgs/favicon.old.png
rename to static/assets/imgs/pfps/favicon.old.png
diff --git a/static/assets/imgs/favicon.old_2.png b/static/assets/imgs/pfps/favicon.old_2.png
similarity index 100%
rename from static/assets/imgs/favicon.old_2.png
rename to static/assets/imgs/pfps/favicon.old_2.png
diff --git a/static/assets/imgs/favicon.png b/static/assets/imgs/pfps/favicon.png
similarity index 100%
rename from static/assets/imgs/favicon.png
rename to static/assets/imgs/pfps/favicon.png
diff --git a/static/assets/imgs/icon.old.png b/static/assets/imgs/pfps/icon.old.png
similarity index 100%
rename from static/assets/imgs/icon.old.png
rename to static/assets/imgs/pfps/icon.old.png
diff --git a/static/assets/imgs/icon.old_2.png b/static/assets/imgs/pfps/icon.old_2.png
similarity index 100%
rename from static/assets/imgs/icon.old_2.png
rename to static/assets/imgs/pfps/icon.old_2.png
diff --git a/static/assets/imgs/icon.png b/static/assets/imgs/pfps/icon.png
similarity index 100%
rename from static/assets/imgs/icon.png
rename to static/assets/imgs/pfps/icon.png
diff --git a/static/assets/imgs/logo.old.png b/static/assets/imgs/pfps/logo.old.png
similarity index 100%
rename from static/assets/imgs/logo.old.png
rename to static/assets/imgs/pfps/logo.old.png
diff --git a/static/assets/imgs/logo.old_2.png b/static/assets/imgs/pfps/logo.old_2.png
similarity index 100%
rename from static/assets/imgs/logo.old_2.png
rename to static/assets/imgs/pfps/logo.old_2.png
diff --git a/static/assets/imgs/logo.png b/static/assets/imgs/pfps/logo.png
similarity index 100%
rename from static/assets/imgs/logo.png
rename to static/assets/imgs/pfps/logo.png
diff --git a/static/assets/imgs/socials/a81cbe/discord.png b/static/assets/imgs/socials/a81cbe/discord.png
new file mode 100644
index 0000000..d9631ea
Binary files /dev/null and b/static/assets/imgs/socials/a81cbe/discord.png differ
diff --git a/static/assets/imgs/socials/a81cbe/github.png b/static/assets/imgs/socials/a81cbe/github.png
new file mode 100644
index 0000000..8a717a3
Binary files /dev/null and b/static/assets/imgs/socials/a81cbe/github.png differ
diff --git a/static/assets/imgs/socials/a81cbe/lastfm.png b/static/assets/imgs/socials/a81cbe/lastfm.png
new file mode 100644
index 0000000..2917c86
Binary files /dev/null and b/static/assets/imgs/socials/a81cbe/lastfm.png differ
diff --git a/static/assets/imgs/socials/a81cbe/youtube.png b/static/assets/imgs/socials/a81cbe/youtube.png
new file mode 100644
index 0000000..87d287e
Binary files /dev/null and b/static/assets/imgs/socials/a81cbe/youtube.png differ
diff --git a/static/assets/imgs/discord.png b/static/assets/imgs/socials/discord.png
similarity index 100%
rename from static/assets/imgs/discord.png
rename to static/assets/imgs/socials/discord.png
diff --git a/static/assets/imgs/github.png b/static/assets/imgs/socials/github.png
similarity index 100%
rename from static/assets/imgs/github.png
rename to static/assets/imgs/socials/github.png
diff --git a/static/assets/imgs/haven.png b/static/assets/imgs/socials/haven.png
similarity index 100%
rename from static/assets/imgs/haven.png
rename to static/assets/imgs/socials/haven.png
diff --git a/static/assets/imgs/lastfm.png b/static/assets/imgs/socials/lastfm.png
similarity index 100%
rename from static/assets/imgs/lastfm.png
rename to static/assets/imgs/socials/lastfm.png
diff --git a/static/assets/imgs/socials/namemc.png b/static/assets/imgs/socials/namemc.png
new file mode 100644
index 0000000..a89babe
Binary files /dev/null and b/static/assets/imgs/socials/namemc.png differ
diff --git a/static/assets/imgs/youtube.png b/static/assets/imgs/socials/youtube.png
similarity index 100%
rename from static/assets/imgs/youtube.png
rename to static/assets/imgs/socials/youtube.png
diff --git a/static/assets/imgs/away.png b/static/assets/imgs/status/away.png
similarity index 100%
rename from static/assets/imgs/away.png
rename to static/assets/imgs/status/away.png
diff --git a/static/assets/imgs/dnd.png b/static/assets/imgs/status/dnd.png
similarity index 100%
rename from static/assets/imgs/dnd.png
rename to static/assets/imgs/status/dnd.png
diff --git a/static/assets/imgs/offline.png b/static/assets/imgs/status/offline.png
similarity index 100%
rename from static/assets/imgs/offline.png
rename to static/assets/imgs/status/offline.png
diff --git a/static/assets/imgs/online.png b/static/assets/imgs/status/online.png
similarity index 100%
rename from static/assets/imgs/online.png
rename to static/assets/imgs/status/online.png
diff --git a/static/assets/js/lanyard.js b/static/assets/js/lanyard.js
index dd8ca75..d32c3f4 100644
--- a/static/assets/js/lanyard.js
+++ b/static/assets/js/lanyard.js
@@ -6,14 +6,14 @@ fetch(apiEndpoint)
     const dcStatus = data.data.discord_status;
     if (dcStatus === "offline") {
       dcstat.src =
-        "/assets/imgs/offline.png"; /* dcstat.innerHTML = "{OFFLINE}" */
+        "/assets/imgs/status/offline.png"; /* dcstat.innerHTML = "{OFFLINE}" */
     } else if (dcStatus === "online") {
       dcstat.src =
-        "/assets/imgs/online.png"; /* dcstat.innerHTML = "{ONLINE}" */
+        "/assets/imgs/status/online.png"; /* dcstat.innerHTML = "{ONLINE}" */
     } else if (dcStatus === "idle") {
-      dcstat.src = "/assets/imgs/away.png"; /* dcstat.innerHTML = "{AWAY}" */
+      dcstat.src = "/assets/imgs/status/away.png"; /* dcstat.innerHTML = "{AWAY}" */
     } else if (dcStatus === "dnd") {
-      dcstat.src = "/assets/imgs/dnd.png"; /* dcstat.innerHTML = "{DND}" */
+      dcstat.src = "/assets/imgs/status/dnd.png"; /* dcstat.innerHTML = "{DND}" */
     }
   })
   .catch((error) => {
