From 2ef6f6e4e2214154c58decc5dae032616ec81e68 Mon Sep 17 00:00:00 2001
From: Rainnny7 <braydonrainnny@gmail.com>
Date: Mon, 22 Apr 2024 02:05:33 -0400
Subject: [PATCH] Add copyright to the footer

---
 .../app/(pages)/player/[[...slug]]/page.tsx   |  2 +-
 .../app/(pages)/server/[[...slug]]/page.tsx   |  4 ++--
 Frontend/src/app/components/footer.tsx        | 23 ++++++++++++++++---
 3 files changed, 23 insertions(+), 6 deletions(-)

diff --git a/Frontend/src/app/(pages)/player/[[...slug]]/page.tsx b/Frontend/src/app/(pages)/player/[[...slug]]/page.tsx
index 6655c46..51371ca 100644
--- a/Frontend/src/app/(pages)/player/[[...slug]]/page.tsx
+++ b/Frontend/src/app/(pages)/player/[[...slug]]/page.tsx
@@ -33,7 +33,7 @@ const PlayerPage = async ({ params }: PageProps): Promise<ReactElement> => {
             <div className="flex flex-col gap-7">
                 <h1
                     className={cn(
-                        "mt-20 text-6xl text-minecraft-green-3 text-center select-none pointer-events-none",
+                        "mt-16 text-6xl text-minecraft-green-3 text-center select-none pointer-events-none",
                         minecrafter.className
                     )}
                 >
diff --git a/Frontend/src/app/(pages)/server/[[...slug]]/page.tsx b/Frontend/src/app/(pages)/server/[[...slug]]/page.tsx
index 1498623..f1499a0 100644
--- a/Frontend/src/app/(pages)/server/[[...slug]]/page.tsx
+++ b/Frontend/src/app/(pages)/server/[[...slug]]/page.tsx
@@ -47,10 +47,10 @@ const ServerPage = async ({ params }: PageProps): Promise<ReactElement> => {
         <main className="px-3 h-screen flex flex-col gap-7 justify-center items-center">
             <div className="flex flex-col gap-7">
                 {/* Header */}
-                <div className="relative flex flex-col gap-7">
+                <div className="flex flex-col gap-7">
                     <h1
                         className={cn(
-                            "mt-20 text-6xl text-minecraft-green-3 text-center select-none pointer-events-none",
+                            "mt-16 text-6xl text-minecraft-green-3 text-center select-none pointer-events-none",
                             minecrafter.className
                         )}
                     >
diff --git a/Frontend/src/app/components/footer.tsx b/Frontend/src/app/components/footer.tsx
index 7c21505..bf6a5ca 100644
--- a/Frontend/src/app/components/footer.tsx
+++ b/Frontend/src/app/components/footer.tsx
@@ -19,9 +19,9 @@ const Footer = (): ReactElement => (
             `after:absolute after:top-0 after:left-0 after:-translate-y-20 after:w-full after:h-20 after:bg-[url("/media/dark-wool-transition.png")] after:bg-center after:bg-repeat` // Top Border
         )}
     >
-        <div className="xl:px-40 pb-14 md:pb-0 flex flex-col md:flex-row justify-around items-center z-50 w-full h-full transition-all transform-gpu">
+        <div className="xl:px-40 pb-14 md:pb-0 flex flex-col gap-7 md:flex-row md:gap-0 justify-around items-center z-50 w-full h-full transition-all transform-gpu">
             {/* Branding */}
-            <div className="flex flex-col justify-center select-none pointer-events-none">
+            <div className="flex flex-col gap-1 justify-center select-none pointer-events-none">
                 {/* Logo & Site Name */}
                 <div className="flex gap-7 items-center">
                     <Image
@@ -40,6 +40,23 @@ const Footer = (): ReactElement => (
                         {config.siteName}
                     </h1>
                 </div>
+
+                {/* Copyright */}
+                <div className="flex justify-center text-center text-zinc-400/80">
+                    <p className="max-w-xs sm:max-w-sm">
+                        Made with <span className="animate-pulse">💚</span> by{" "}
+                        <Link
+                            className="text-minecraft-green-4 opacity-100 hover:opacity-85 pointer-events-auto transition-all transform-gpu"
+                            href="https://github.com/Rainnny7"
+                            rel="noopener noreferrer"
+                            target="_blank"
+                        >
+                            Braydon
+                        </Link>
+                        . Copyright © {new Date().getFullYear()}, All Rights
+                        Reserved.
+                    </p>
+                </div>
             </div>
 
             {/* Links */}
@@ -82,7 +99,7 @@ const Footer = (): ReactElement => (
             </div>
 
             {/* Disclaimer */}
-            <p className="absolute inset-x-0 bottom-5 flex justify-center font-medium opacity-50">
+            <p className="absolute inset-x-0 bottom-2 flex justify-center text-zinc-400/80">
                 Not affiliated with Mojang or Microsoft.
             </p>
         </div>