Add copyright to the footer

This commit is contained in:
Braydon 2024-04-22 02:05:33 -04:00
parent eda3045cf4
commit 2ef6f6e4e2
3 changed files with 23 additions and 6 deletions

@ -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
)}
>

@ -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
)}
>

@ -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>