@@ -1,3 +1,4 @@
1+import Head from "next/head";
12import Link from "next/link";
23import { useRouter } from "next/router";
34import { join } from "path";
@@ -82,15 +83,20 @@ function ContentArea(props) {
8283
8384export default function DocsLayout({ posts, data, content, params }) {
8485 return (
85− <div className="flex w-screen h-screen min-h-screen w-screen overflow-hidden">
86− <Sidebar>{childPages("/docs", posts.children)}</Sidebar>
87− <ContentArea
88− breadcrumbs={breadcrumbs(posts, params.slug.slice(0, -1))}
89− title={data.title}
90− >
91− <Markdown post={{ content: content }} />
92− </ContentArea>
93− </div>
86+ <>
87+ <Head>
88+ <title>{data.title} / Documentation / Urbit.org</title>
89+ </Head>
90+ <div className="flex w-screen h-screen min-h-screen w-screen overflow-hidden">
91+ <Sidebar>{childPages("/docs", posts.children)}</Sidebar>
92+ <ContentArea
93+ breadcrumbs={breadcrumbs(posts, params.slug.slice(0, -1))}
94+ title={data.title}
95+ >
96+ <Markdown post={{ content: content }} />
97+ </ContentArea>
98+ </div>
99+ </>
94100 );
95101}
96102