my blog https://overreacted.io
danabra.mov
1import PlausibleProvider from "next-plausible";
2import Link from "./Link";
3import HomeLink from "./HomeLink";
4import { serif } from "./fonts";
5import "./global.css";
6
7export const metadata = {
8 metadataBase: new URL("https://overreacted.io"),
9};
10
11const Activity: any = Symbol.for("react.activity");
12
13export default function RootLayout({ children }: { children: React.ReactNode }) {
14 return (
15 <html lang="en" className={serif.className}>
16 <body className="mx-auto max-w-2xl bg-[--bg] px-5 py-12 text-[--text]">
17 <PlausibleProvider domain="overreacted.io">
18 <header className="mb-14 flex flex-row place-content-between">
19 <HomeLink />
20 <span className="relative top-[4px] italic">
21 by{" "}
22 <Link href="https://danabra.mov" target="_blank">
23 <img
24 alt="Dan Abramov"
25 src="/avi.jpg"
26 className="relative -top-1 mx-1 inline h-8 w-8 rounded-full"
27 />
28 </Link>
29 </span>
30 </header>
31 <main>
32 <Activity mode="visible">{children}</Activity>
33 </main>
34 </PlausibleProvider>
35 </body>
36 </html>
37 );
38}