Update MPP links and page style, add newer projects

src/components/ContentBox.astro

@@ -1,5 +1,5 @@
 <div
-    class="m-2 rounded-2xl bg-[#ffffff05] px-4 py-4 shadow-md ring-1 ring-inset ring-[#ffffff08]"
+    class="m-2 rounded-md bg-[#ffffff05] px-4 py-4 shadow-md ring-1 ring-inset ring-[#ffffff08]"
 >
     <div class="content-box box-border">
         <slot />

src/components/LinkBox.astro

@@ -10,20 +10,20 @@ const { title, href, center, color } = Astro.props;
 ---
 
 <div
-    class="m-2 rounded-2xl bg-[#ffffff05] px-4 py-4 shadow-md ring-1 ring-inset ring-[#ffffff08] transition-colors duration-300 ease-in-out hover:bg-[#ffffff10]"
+    class="m-2 rounded-md bg-[#ffffff05] px-4 py-4 shadow-md ring-1 ring-inset ring-[#ffffff08] transition-colors duration-300 ease-in-out hover:bg-[#ffffff10]"
 >
     <div class="box-border">
         <h3
             class={`text-2xl font-bold text-neutral-300 ${
                 center ? "ml-auto mr-auto text-center" : ""
             }`}
-            style={{ color: color }}
         >
             {
                 href ? (
                     <a
                         href={href}
-                        class="text-sky-600 transition-colors duration-300 ease-in-out hover:text-sky-400 hover:underline"
+                        class="transition-colors duration-300 ease-in-out hover:text-sky-400 hover:underline"
+                        style={{ color: color ? color : "text-sky-600" }}
                     >
                         {title}
                     </a>

src/components/MainHeader.astro

@@ -1,6 +1,6 @@
 ---
 import { Image } from "astro:assets";
-import Nav from "./Nav.astro";
+import Nav from "./nav/Nav.astro";
 
 interface Props {
     logo?: string;

src/components/NavLink.astro

@@ -1,17 +0,0 @@
----
-interface Props {
-    title: string;
-    href: string;
-}
-
-const { title, href } = Astro.props;
----
-
-<a
-    href={href}
-    class="m-2 rounded-2xl px-4 py-4 hover:shadow-md hover:ring-1 hover:ring-inset hover:ring-[#ffffff10] text-sky-600 transition-colors hover:text-sky-400 hover:underline duration-300 ease-in-out hover:bg-[#ffffff10]"
->
-    <h3 class="text-2xl font-bold box-border">
-        {title}
-    </h3>
-</a>

src/components/nav/Nav.astro

@@ -1,5 +1,5 @@
 ---
-import Hamburger from "./Hamburger.astro";
+import Hamburger from "../Hamburger.astro";
 import NavLink from "./NavLink.astro";
 ---
 
@@ -29,7 +29,7 @@ import NavLink from "./NavLink.astro";
 
     <div
         id="nav-links-mobile"
-        class="hidden transition-opacity right-5 top-14 absolute bg-[#ffffff10] px-8 rounded-xl shadow-md ring-1 ring-inset ring-[#ffffff10] backdrop-blur-xl"
+        class="hidden transition-opacity right-5 top-14 absolute bg-[#ffffff10] px-8 rounded-md shadow-md ring-1 ring-inset ring-[#ffffff10] backdrop-blur-xl"
     >
         <div class="flex flex-col">
             <NavLink title="Home" href="/" />

src/components/nav/NavLink.astro

@@ -0,0 +1,17 @@
+---
+interface Props {
+    title: string;
+    href: string;
+}
+
+const { title, href } = Astro.props;
+---
+
+<a
+    href={href}
+    class="m-2 rounded-md px-4 py-4 hover:shadow-md hover:ring-1 hover:ring-inset hover:ring-[#ffffff10] text-sky-600 transition-colors hover:text-sky-400 hover:underline duration-300 ease-in-out hover:bg-[#ffffff10]"
+>
+    <h3 class="text-2xl font-bold box-border">
+        {title}
+    </h3>
+</a>

src/pages/about.astro

@@ -25,9 +25,9 @@ import LinkBox from "~/components/LinkBox.astro";
         </p>
         <br />
         <p class="text-gray-300">
-            I'm a major contributor (debatably) to MPP/MPPClone and have created
+            I'm a major contributor (debatably) to MPP/MPP.net and have created
             many scripts and projects centered around it. You can read more
-            about it <a href="https://github.com/LapisHusky/mppclone">here</a>.
+            about it <a href="https://github.com/Hri7566/mppclone">here</a>.
         </p>
     </ContentBox>
 
@@ -56,8 +56,9 @@ import LinkBox from "~/components/LinkBox.astro";
         <LinkBox title="YouTube" href="https://youtube.com/hri7566">
             @hri7566
         </LinkBox>
-        <LinkBox title="MPPClone IDs">
+        <LinkBox title="MPP.net IDs">
             ead940199c7d9717e5149919 a2516b4d88f22b45056f270b
+            85da6b358674e720efa05b71
         </LinkBox>
     </div>
 
@@ -67,11 +68,10 @@ import LinkBox from "~/components/LinkBox.astro";
             >Q: What is this "MPP" thing you keep talking about?</strong
         >
         <p class="text-gray-300">
-            It's a <a href="https://mppclone.com">website</a> I made a lot of scripts for in the past. It's an online piano in
+            It's a <a href="https://multiplayerpiano.net">website</a> I made a
-            the corner of the internet that interesting people used to be in.
+            lot of scripts for in the past. It's an online piano in the corner
-            <a href="/info/mpp">
+            of the internet that interesting people used to be in.
-                More info here.
+            <a href="/info/mpp"> More info here.</a>
-            </a>
         </p>
         <br />
 
@@ -115,25 +115,23 @@ import LinkBox from "~/components/LinkBox.astro";
         <strong class="text-gray-300 font-bold text-lg"
             >Q: I'm from SC3. What do you own?</strong
         >
-        <p class="text-gray-300">
+        <p class="text-gray-300">A: I own XCL, which owns XNL.</p>
-            A: I own XCL, which owns XNL.
-        </p>
         <br />
 
         <strong class="text-gray-300 font-bold text-lg"
             >Q: What happened to the background on this site?</strong
         >
         <p class="text-gray-300">
-            A: It was suggested by a few people that I remove it. I like the darkness, anyways.
+            A: It was suggested by a few people that I remove it. I like the
+            darkness, anyways.
         </p>
         <br />
 
         <strong class="text-gray-300 font-bold text-lg"
-            >Q: I'm part of your family and you sent a link to me. What is this stuff?</strong
+            >Q: I'm part of your family and you sent a link to me. What is this
+            stuff?</strong
         >
-        <p class="text-gray-300">
+        <p class="text-gray-300">A: It's what I do in my free time.</p>
-            A: It's what I do in my free time.
-        </p>
         <br />
 
         <strong class="text-gray-300 font-bold text-lg"

src/pages/index.astro

@@ -15,41 +15,83 @@ import LinkBox from "~/components/LinkBox.astro";
                 title="GitHub"
                 href="https://github.com/Hri7566"
                 center
-                color="#ffffff"
+                color="#e6edf3"
             />
             <LinkBox
                 title="GitLab"
                 href="https://gitlab.com/Hri7566"
                 center
-                color="#ffffff"
+                color="#6e5ac0"
+            />
+            <LinkBox
+                title="XCL"
+                href="https://git.hri7566.info/Hri7566"
+                center
+                color="#ff9900"
             />
             <LinkBox
                 title="𝕏"
                 href="https://twitter.com/Hri7566"
                 center
-                color="#ffffff"
+                color="#1a8cd8"
             />
             <LinkBox
                 title="YouTube"
                 href="https://youtube.com/hri7566"
                 center
-                color="#ffffff"
+                color="#ff0000"
             />
             <LinkBox
                 title="Odysee"
                 href="https://odysee.com/@hri7566:6"
                 center
-                color="#ffffff"
+                color="#a60a43"
             />
         </div>
     </div>
 
     <PageBreak title="Projects" />
-    <div class="sm:ml-auto sm:mr-auto sm:w-2/3">
+    <div class="sm:ml-auto sm:mr-auto sm:w-3/4">
         <div
             id="projects"
-            class="mx-5 my-3 grid grid-cols-1 pb-20 sm:grid-cols-2 xl:grid-cols-3"
+            class="mx-5 my-3 grid grid-cols-1 pb-20 sm:grid-cols-2 xl:grid-cols-4"
         >
+            <LinkBox title="cc-ts" href="https://github.com/Hri7566/cc-ts">
+                A template for using TypeScript and roblox-ts with
+                ComputerCraft.
+            </LinkBox>
+            <LinkBox title="XCL" href="https://xcl.hri7566.info">
+                My science and engineering company based around the <a
+                    href="https://sc3.io">SwitchCraft 3</a
+                > modded Minecraft server.
+            </LinkBox>
+            <LinkBox
+                title="BadPaint"
+                href="https://github.com/Hri7566/BadPaint"
+            >
+                The worst paint program I have ever made. Coincidentally, it's
+                also the only paint program I have ever made.
+            </LinkBox>
+            <LinkBox
+                title="Singleplayer Piano"
+                href="https://singleplayerpiano.com"
+            >
+                Tired of using Multiplayer Piano only to find other people are
+                frustrating you?
+            </LinkBox>
+            <LinkBox
+                title="SkyrimMouseLocker"
+                href="https://github.com/Hri7566/SkyrimMouseLocker"
+            >
+                I finally got fed up with the stupid Skyrim multi-monitor cursor
+                bug so I did the most simple thing I could do to mitigate it.
+            </LinkBox>
+            <LinkBox
+                title="mpp-hats"
+                href="https://github.com/the-dev-channel/mpp-hats"
+            >
+                Custom hats script for MPP. Hat textures made by yours truly.
+            </LinkBox>
             <LinkBox
                 title="mpp-user-archive"
                 href="https://github.com/Hri7566/mpp-user-archive"
@@ -57,18 +99,10 @@ import LinkBox from "~/components/LinkBox.astro";
                 Multiplayer Piano database service monorepo. This project took
                 over a month to make.
             </LinkBox>
-            <LinkBox
+            <LinkBox title="Cosmic" href="https://github.com/Hri7566/cosmic">
-                title="Cosmic"
+                Chat bot for Discord and MPP. Lots of baking involved.
-                href="https://github.com/Hri7566/cosmic"
-                color="#1d0054"
-            >
-                Bot for Discord and MPP. Lots of baking involved.
             </LinkBox>
-            <LinkBox
+            <LinkBox title="HMPP" href="https://mpp.hri7566.info">
-                title="HMPP"
-                href="https://mpp.hri7566.info"
-                color="#8d3f50"
-            >
                 A clone of Multiplayer Piano with a completely original backend
                 server with a fresh style.
             </LinkBox>
@@ -78,12 +112,9 @@ import LinkBox from "~/components/LinkBox.astro";
 				source and currently under development.
 			</LinkBox> */
             }
-            <LinkBox
+            <LinkBox title="MPP.net" href="https://github.com/Hri7566/mppclone">
-                title="MPPClone"
+                I made major contributions to this site's development over the
-                href="https://github.com/LapisHusky/mppclone"
+                years, even if it wasn't through code.
-            >
-                I made some contributions to this site, such as the ability to
-                hide cursors.
             </LinkBox>
             {
                 /* <LinkBox