stuff

2026-02-13 13:41:18 +01:00
parent d241feb0e9
commit af9ed8d9df
13 changed files with 2022 additions and 190 deletions
--- a/components/Layout.ts
+++ b/components/Layout.ts
@@ -9,23 +9,25 @@ interface Props {
  children: Html;
 }

-export const Layout = (props: Props) =>
-  html`
-    <!doctype html>
-    <html lang="en">
-      <head>
-        <title>${props.title}</title>
-        <link rel="stylesheet" href=${basePath + "/styles.css"}>
-        <meta name="viewport" content="width=device-width">
-      </head>
-      <body>
-        ${Header()}
+export const Layout = (props: Props) => html`
+  <!doctype html>
+  <html lang="en">
+    <head>
+      <title>${props.title}</title>
+      <meta charset="UTF-8" />
+      <link rel="stylesheet" href=${basePath + "/styles.css"} />
+      <meta name="viewport" content="width=device-width, initial-scale=1" />
+    </head>
+    <body
+      class="bg-stone-900 text-stone-200 max-w-2xl flex flex-col mx-auto h-screen border-l-8 border-dashed pl-4"
+    >
+      ${Header()}

-        <main>
-          ${props.children}
-        </main>
+      <main class="flex-1 prose prose-stone prose-invert">
+        ${props.children}
+      </main>

-        ${Footer()}
-      </body>
-    </html>
-  `;
+      ${Footer()}
+    </body>
+  </html>
+`;