From 47f9bcaee2e51cd511e0c17983701f7f259e9b23 Mon Sep 17 00:00:00 2001
From: Hri7566 <hri7566@gmail.com>
Date: Thu, 12 Oct 2023 20:47:36 -0400
Subject: [PATCH] Update MPP links and page style, add newer projects

---
 src/components/ContentBox.astro    |  2 +-
 src/components/LinkBox.astro       |  6 +--
 src/components/MainHeader.astro    |  2 +-
 src/components/NavLink.astro       | 17 -------
 src/components/{ => nav}/Nav.astro |  4 +-
 src/components/nav/NavLink.astro   | 17 +++++++
 src/pages/about.astro              | 30 ++++++------
 src/pages/index.astro              | 79 +++++++++++++++++++++---------
 8 files changed, 93 insertions(+), 64 deletions(-)
 delete mode 100644 src/components/NavLink.astro
 rename src/components/{ => nav}/Nav.astro (86%)
 create mode 100644 src/components/nav/NavLink.astro

diff --git a/src/components/ContentBox.astro b/src/components/ContentBox.astro
index 0c1b9a8..7e84ec9 100644
--- a/src/components/ContentBox.astro
+++ b/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 />
diff --git a/src/components/LinkBox.astro b/src/components/LinkBox.astro
index 0ed0343..4d6139e 100644
--- a/src/components/LinkBox.astro
+++ b/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>
diff --git a/src/components/MainHeader.astro b/src/components/MainHeader.astro
index 0339dc8..47947d7 100644
--- a/src/components/MainHeader.astro
+++ b/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;
diff --git a/src/components/NavLink.astro b/src/components/NavLink.astro
deleted file mode 100644
index b3a91b5..0000000
--- a/src/components/NavLink.astro
+++ /dev/null
@@ -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>
diff --git a/src/components/Nav.astro b/src/components/nav/Nav.astro
similarity index 86%
rename from src/components/Nav.astro
rename to src/components/nav/Nav.astro
index 59e0b86..144f63b 100644
--- a/src/components/Nav.astro
+++ b/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="/" />
diff --git a/src/components/nav/NavLink.astro b/src/components/nav/NavLink.astro
new file mode 100644
index 0000000..8612c1b
--- /dev/null
+++ b/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>
diff --git a/src/pages/about.astro b/src/pages/about.astro
index 40c1dd5..dd3451c 100644
--- a/src/pages/about.astro
+++ b/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
-            the corner of the internet that interesting people used to be in.
-            <a href="/info/mpp">
-                More info here.
-            </a>
+            It's a <a href="https://multiplayerpiano.net">website</a> I made a
+            lot of scripts for in the past. It's an online piano in the corner
+            of the internet that interesting people used to be in.
+            <a href="/info/mpp"> More info here.</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">
-            A: I own XCL, which owns XNL.
-        </p>
+        <p class="text-gray-300">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">
-            A: It's what I do in my free time.
-        </p>
+        <p class="text-gray-300">A: It's what I do in my free time.</p>
         <br />
 
         <strong class="text-gray-300 font-bold text-lg"
diff --git a/src/pages/index.astro b/src/pages/index.astro
index e2ff847..0bf6151 100644
--- a/src/pages/index.astro
+++ b/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
-                title="Cosmic"
-                href="https://github.com/Hri7566/cosmic"
-                color="#1d0054"
-            >
-                Bot for Discord and MPP. Lots of baking involved.
+            <LinkBox title="Cosmic" href="https://github.com/Hri7566/cosmic">
+                Chat bot for Discord and MPP. Lots of baking involved.
             </LinkBox>
-            <LinkBox
-                title="HMPP"
-                href="https://mpp.hri7566.info"
-                color="#8d3f50"
-            >
+            <LinkBox title="HMPP" href="https://mpp.hri7566.info">
                 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
-                title="MPPClone"
-                href="https://github.com/LapisHusky/mppclone"
-            >
-                I made some contributions to this site, such as the ability to
-                hide cursors.
+            <LinkBox title="MPP.net" href="https://github.com/Hri7566/mppclone">
+                I made major contributions to this site's development over the
+                years, even if it wasn't through code.
             </LinkBox>
             {
                 /* <LinkBox