justin
b8f5c35045
Replaces the default black/gray with the docs/brand palette: warm ink text on paper surfaces, bronze accent, serif headings and the Origin-mark wordmark in the header, favicon, and the 'where it came from matters' tagline. Light/dark adapt via CSS vars (ink/paper flip); bronze and paper are constant. Tailwind v4 @theme exposes bronze/paper/ink tokens and the serif stack. Buttons/inputs/cards restyled to match; brand SVGs vendored into public/. Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com> Signed-off-by: Justin Paul <justin@jpaul.me>
42 lines
1.6 KiB
TypeScript
42 lines
1.6 KiB
TypeScript
import type { Metadata } from "next";
|
|
import Link from "next/link";
|
|
|
|
import "./globals.css";
|
|
|
|
export const metadata: Metadata = {
|
|
title: "Provenance",
|
|
description: "Where it came from matters — family and land, every fact sourced.",
|
|
icons: { icon: "/favicon.svg" },
|
|
};
|
|
|
|
export default function RootLayout({ children }: { children: React.ReactNode }) {
|
|
return (
|
|
<html lang="en">
|
|
<body className="flex min-h-screen flex-col">
|
|
<header className="border-b border-[var(--border)]">
|
|
<div className="mx-auto flex max-w-3xl items-center justify-between px-4 py-3">
|
|
<Link href="/" className="flex items-center" aria-label="Provenance — home">
|
|
{/* eslint-disable-next-line @next/next/no-img-element */}
|
|
<img src="/provenance-logo-plain.svg" alt="Provenance" className="h-7 w-auto" />
|
|
</Link>
|
|
<nav className="flex gap-5 text-sm">
|
|
<Link href="/trees" className="text-[var(--muted)] transition-colors hover:text-bronze">
|
|
Trees
|
|
</Link>
|
|
<Link href="/login" className="text-[var(--muted)] transition-colors hover:text-bronze">
|
|
Sign in
|
|
</Link>
|
|
</nav>
|
|
</div>
|
|
</header>
|
|
<main className="mx-auto w-full max-w-3xl flex-1 px-4 py-10">{children}</main>
|
|
<footer className="border-t border-[var(--border)]">
|
|
<div className="mx-auto max-w-3xl px-4 py-6 text-sm italic text-[var(--muted)]">
|
|
where it came from matters
|
|
</div>
|
|
</footer>
|
|
</body>
|
|
</html>
|
|
);
|
|
}
|