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
45
46
47
48
49
50
|
import type { Metadata } from "next";
// import { Inter, Audiowide, Rock_Salt, Monoton, JetBrains_Mono } from 'next/font/google'
import "./styles.css";
import { ThemeProvider } from "@/components/theme-provider"
import Header from "@/components/header";
import { MonotonFont, RockSaltFont, InterFont, JetBrainsMonoFont } from "./lib/fonts";
import { Analytics } from "@vercel/analytics/react"
// const programFont = localFont({
// src: "/fonts/LigaJetBrainsMonoNerdFont-Regular.ttf"
// })
// const monotonFont = localFont({
// src: "/fonts/Monoton.ttf"
// })
// const rocksaltFont = localFont({
// src: "/fonts/RockSalt-Regular.ttf"
// })
// const audiowideFont = localFont({
// src: "/fonts/audiowide.ttf"
// })
// const interFont = localFont({
// src: "/fonts/Inter.ttf"
// })
export const metadata: Metadata = {
title: "littleblack111",
description: "littleblack111 is a full stack developer, who uses arch btw",
keywords: ["littleblack111", "full stack", "developer", "arch", "btw"],
authors: [{name: "littleblack111", url: "https://littleblack111.com"}],
creator: "littleblack111",
};
export default function RootLayout({children,}: Readonly<{children: React.ReactNode;}>) {
return (
<html lang="en">
<body className={`${MonotonFont.variable} ${RockSaltFont.variable} ${InterFont.variable} ${JetBrainsMonoFont.variable}`}>
<Header />
<ThemeProvider attribute="class" defaultTheme="system" enableSystem disableTransitionOnChange>
{children}
</ThemeProvider>
<Analytics />
</body>
</html>
);
}
|
