app/layout.tsx


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44

import PlausibleProvider from "next-plausible";
import { Noise } from "@/components/noise";
import { ThemeProvider } from "@/components/theme-provider"
import { Footer } from "@/components/footer"
import { Header } from "@/components/header"
import type { Metadata } from "next";
import "./globals.css";

export const metadata: Metadata = {
	title: "߸ Leander Scherer",
	description: "Hey I'm Leander, a computer science student passionate about hardware and software, building 3D printing projects and learning Nix.",
};

export default function Layout({
	children,
}: Readonly<{
	children: React.ReactNode;
}>) {
	return (
		<html lang="en" suppressHydrationWarning>
			<body>
				<PlausibleProvider
					domain="schererleander.de"
					customDomain="https://analytics.schererleander.de"
					selfHosted
				>
				  <ThemeProvider
					  attribute="class"
					  defaultTheme="system"
					  enableSystem
					  disableTransitionOnChange
				  >
					  <Header />
					  <main className="mx-auto max-w-[var(--site-width)]">
						  {children}
					  </main>
					  <Footer />
					  <Noise />
				  </ThemeProvider>
				</PlausibleProvider>
			</body>
		</html>
	);
}