oops forgot these lol

This commit is contained in:
Braydon 2024-04-17 19:06:02 -04:00
parent b560341068
commit 6790083006
2 changed files with 46 additions and 41 deletions

@ -8,6 +8,7 @@ import ThemeProvider from "@/provider/theme-provider";
import type { Metadata, Viewport } from "next"; import type { Metadata, Viewport } from "next";
import PlausibleProvider from "next-plausible"; import PlausibleProvider from "next-plausible";
import "./globals.css"; import "./globals.css";
import { ReactElement } from "react";
/** /**
* Site metadata & viewport. * Site metadata & viewport.
@ -22,32 +23,32 @@ export const viewport: Viewport = config.viewport;
* @returns the layout jsx * @returns the layout jsx
*/ */
const RootLayout = ({ const RootLayout = ({
children, children,
}: Readonly<{ }: Readonly<{
children: React.ReactNode; children: React.ReactNode;
}>): JSX.Element => { }>): ReactElement => {
const analyticsDomain: string | undefined = config.analyticsDomain; const analyticsDomain: string | undefined = config.analyticsDomain;
return ( return (
<html lang="en" className={cn("scroll-smooth", notoSans.className)}> <html lang="en" className={cn("scroll-smooth", notoSans.className)}>
<head> <head>
{analyticsDomain && ( {analyticsDomain && (
<PlausibleProvider <PlausibleProvider
domain={analyticsDomain} domain={analyticsDomain}
customDomain="https://analytics.rainnny.club" customDomain="https://analytics.rainnny.club"
selfHosted selfHosted
/> />
)} )}
</head> </head>
<body className="relative min-h-screen"> <body className="relative min-h-screen">
<ThemeProvider attribute="class" defaultTheme="dark"> <ThemeProvider attribute="class" defaultTheme="dark">
<TooltipProvider> <TooltipProvider>
<Navbar /> <Navbar />
{children} {children}
<Footer /> <Footer />
</TooltipProvider> </TooltipProvider>
</ThemeProvider> </ThemeProvider>
</body> </body>
</html> </html>
); );
}; };
export default RootLayout; export default RootLayout;

@ -1,28 +1,32 @@
import Creeper from "@/components/creeper"; import Creeper from "@/components/creeper";
import { minecrafter } from "@/font/fonts"; import { minecrafter } from "@/font/fonts";
import { cn } from "@/lib/utils"; import { cn } from "@/lib/utils";
import { ReactElement } from "react";
/** /**
* The 404 page. * The 404 page.
* *
* @returns the page jsx * @returns the page jsx
*/ */
const NotFoundPage = (): JSX.Element => ( const NotFoundPage = (): ReactElement => (
<main className="h-[84vh] flex flex-col gap-3 justify-center items-center pointer-events-none"> <main className="h-[84vh] flex flex-col gap-3 justify-center items-center pointer-events-none">
{/* Creeper */} {/* Creeper */}
<Creeper /> <Creeper />
{/* Header */} {/* Header */}
<h1 <h1
className={cn("text-6xl text-minecraft-green-3", minecrafter.className)} className={cn(
> "text-6xl text-minecraft-green-3",
We&apos;re Sssssorry minecrafter.className
</h1> )}
>
We&apos;re Sssssorry
</h1>
{/* Error */} {/* Error */}
<h2 className="text-2xl"> <h2 className="text-2xl">
The page you were looking for could not be found. The page you were looking for could not be found.
</h2> </h2>
</main> </main>
); );
export default NotFoundPage; export default NotFoundPage;