trackevery-day/app/layout.tsx

49 lines
1.2 KiB
TypeScript
Raw Normal View History

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(
"min-h-screen bg-background font-sans antialiased",
inter.variable
)}
>
{children}
</body>
2024-09-03 19:42:30 +02:00
</html>
);
}