1 files changed, 41 insertions, 0 deletions
diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro
new file mode 100644
index 0000000..6184f18
--- /dev/null
+++ b/src/layouts/Layout.astro
@@ -0,0 +1,41 @@
+---
+import '@/styles/global.css'
+import '@/styles/typography.css'
+
+import Footer from '@/components/Footer.astro'
+import Head from '@/components/Head.astro'
+import Header from '@/components/Header.astro'
+import { SITE } from '@/consts'
+import { cn } from '@/lib/utils'
+
+interface Props {
+  class?: string
+}
+
+const { class: className } = Astro.props
+---
+
+<!doctype html>
+<html
+  class="bg-background text-foreground scheme-light-dark"
+  lang={SITE.locale}
+>
+  <Head>
+    <slot name="head" />
+  </Head>
+  <body class="flex h-fit min-h-screen flex-col gap-y-6 font-sans">
+    <header
+      class="bg-background/50 sticky top-0 z-50 divide-y backdrop-blur-sm xl:divide-none"
+    >
+      <Header />
+      <slot name="subposts-navigation" />
+      <slot name="table-of-contents" />
+    </header>
+    <main
+      class={cn('w-full mx-auto flex grow flex-col gap-y-6 px-4', className)}
+    >
+      <slot />
+    </main>
+    <Footer />
+  </body>
+</html>