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

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>
				<ThemeProvider
					attribute="class"
					defaultTheme="system"
					enableSystem
					disableTransitionOnChange
				>
					<div className="relative min-h-full px-4">
						<Header />
						<main className="mx-auto max-w-[var(--site-width)]">
							{children}
						</main>
						<Footer />
						<Noise />
					</div>
				</ThemeProvider>
			</body>
		</html>
	);
}