2024-09-03 22:34:03 +02:00
|
|
|
import type { Metadata, Viewport } from "next";
|
2024-09-03 19:42:30 +02:00
|
|
|
import { Inter } from "next/font/google";
|
2024-09-03 22:34:03 +02:00
|
|
|
import PlausibleProvider from "next-plausible";
|
2024-09-03 19:42:30 +02:00
|
|
|
import "./globals.css";
|
2024-09-03 22:34:03 +02:00
|
|
|
import { cn } from "@/lib/utils";
|
2024-09-03 19:42:30 +02:00
|
|
|
|
2024-09-03 22:34:03 +02:00
|
|
|
const inter = Inter({ subsets: ["latin"], variable: "--font-sans" });
|
2024-09-03 19:42:30 +02:00
|
|
|
|
2024-09-03 22:34:03 +02:00
|
|
|
export const viewport: Viewport = {
|
|
|
|
|
colorScheme: "dark",
|
|
|
|
|
themeColor: [
|
|
|
|
|
//{ media: "(prefers-color-scheme: light)", color: "#f5f5f5" },
|
|
|
|
|
//{ media: "(prefers-color-scheme: dark)", color: "#171717" },
|
|
|
|
|
{ color: "#052e16" },
|
|
|
|
|
],
|
|
|
|
|
};
|
2024-09-03 19:42:30 +02:00
|
|
|
export const metadata: Metadata = {
|
2024-09-03 21:20:04 +02:00
|
|
|
title: "Track Every Day!",
|
|
|
|
|
description: "A web app for tracking habits, activities and vices.",
|
2024-09-03 19:42:30 +02:00
|
|
|
};
|
|
|
|
|
|
|
|
|
|
export default function RootLayout({
|
|
|
|
|
children,
|
|
|
|
|
}: Readonly<{
|
|
|
|
|
children: React.ReactNode;
|
|
|
|
|
}>) {
|
|
|
|
|
return (
|
2024-09-03 22:34:03 +02:00
|
|
|
<html lang="en" className="scroll-smooth">
|
|
|
|
|
<head>
|
|
|
|
|
<PlausibleProvider
|
|
|
|
|
domain="trackevery.day"
|
|
|
|
|
customDomain="https://analytics.schulze.network"
|
|
|
|
|
selfHosted={true}
|
|
|
|
|
enabled={true}
|
|
|
|
|
trackOutboundLinks={true}
|
|
|
|
|
/>
|
|
|
|
|
</head>
|
|
|
|
|
<body
|
|
|
|
|
className={cn(
|
2024-09-04 08:45:00 +02:00
|
|
|
"min-h-screen min-w-screen bg-background font-sans antialiased",
|
2024-09-03 22:34:03 +02:00
|
|
|
inter.variable
|
|
|
|
|
)}
|
|
|
|
|
>
|
|
|
|
|
{children}
|
|
|
|
|
</body>
|
2024-09-03 19:42:30 +02:00
|
|
|
</html>
|
|
|
|
|
);
|
|
|
|
|
}
|
