scoresaber-reloaded-v2/src/app/layout.tsx

48 lines
1.1 KiB
TypeScript
Raw Normal View History

2023-10-20 19:43:54 +01:00
import { Metadata } from "next";
2023-10-19 05:21:35 +01:00
import { Inter } from "next/font/google";
2023-10-19 14:17:55 +01:00
import Image from "next/image";
2023-10-21 22:16:46 +01:00
import "react-toastify/dist/ReactToastify.css";
2023-10-19 05:21:35 +01:00
import "./globals.css";
2023-10-18 07:58:40 +01:00
2023-10-19 14:17:55 +01:00
const font = Inter({ subsets: ["latin-ext"], weight: "500" });
2023-10-18 07:58:40 +01:00
export const metadata: Metadata = {
2023-10-19 05:21:35 +01:00
title: {
template: "Scoresaber Reloaded - %s",
default: "Scoresaber Reloaded",
},
2023-10-20 19:23:28 +01:00
openGraph: {
2023-10-21 22:38:09 +01:00
title: "Scoresaber Reloaded",
description: "Aggregate your scores with other leaderboards together!",
url: "https://ssrdev.fascinated.cc",
2023-10-20 19:23:28 +01:00
locale: "en_US",
type: "website",
},
2023-10-21 22:38:09 +01:00
themeColor: "#3B82F6",
2023-10-19 05:21:35 +01:00
};
2023-10-18 07:58:40 +01:00
export default function RootLayout({
children,
}: {
2023-10-19 05:21:35 +01:00
children: React.ReactNode;
2023-10-18 07:58:40 +01:00
}) {
return (
<html lang="en">
2023-10-19 14:17:55 +01:00
<body className={font.className}>
<div className="fixed left-0 top-0 z-0 h-full w-full blur-sm">
<Image
alt="Background image"
2023-10-21 22:58:51 +01:00
src={"/assets/background.webp"}
2023-10-19 14:17:55 +01:00
layout="fill"
objectFit="cover"
objectPosition="center"
quality={100}
/>
</div>
{children}
</body>
2023-10-18 07:58:40 +01:00
</html>
2023-10-19 05:21:35 +01:00
);
2023-10-18 07:58:40 +01:00
}