feat: baselayout

package.json

@@ -1,6 +1,6 @@
 {
   "name": "blitzkit",
-  "version": "1.29.7",
+  "version": "2.0.0-beta.2",
   "license": "BlitzKit License",
   "private": true,
   "scripts": {

packages/website-ue/src/layouts/BaseLayout.astro

@@ -1,6 +1,13 @@
 <html>
   <head>
     <meta charset="utf-8" />
+
+    <style>
+      body {
+        background-color: black;
+        filter: invert(1) hue-rotate(180deg);
+      }
+    </style>
   </head>
 
   <body>

packages/website-ue/src/pages/api/index.astro

@@ -5,6 +5,7 @@ import {
   forEachChild,
   isFunctionDeclaration,
 } from "typescript";
+import BaseLayout from "../../layouts/BaseLayout.astro";
 
 const root = `/src/pages/api`;
 const globbed = import.meta.glob("/src/pages/api/**/*.ts", {
@@ -42,13 +43,15 @@ for (const fullPath in globbed) {
 paths.sort((a, b) => a.path.localeCompare(b.path));
 ---
 
-<h1>api</h1>
+<BaseLayout>
+  <h1>api</h1>
 
-{
-  paths.map(({ path, documentation }) => (
-    <>
-      <h2>{path}</h2>
-      <p>{documentation}</p>
-    </>
-  ))
-}
+  {
+    paths.map(({ path, documentation }) => (
+      <>
+        <h2>{path}</h2>
+        <p>{documentation}</p>
+      </>
+    ))
+  }
+</BaseLayout>

packages/website-ue/src/pages/index.astro

@@ -1,9 +1,12 @@
 ---
 import packageJson from "../../../../package.json";
+import BaseLayout from "../layouts/BaseLayout.astro";
 ---
 
-<h1>blitzkit {packageJson.version}</h1>
+<BaseLayout>
+  <h1>blitzkit {packageJson.version}</h1>
 
-<p><a href="/tanks">/tanks</a></p>
+  <p><a href="/tanks">/tanks</a></p>
 
-<p><a href="/api">/api</a></p>
+  <p><a href="/api">/api</a></p>
+</BaseLayout>

packages/website-ue/src/pages/tanks/index.astro

@@ -1,17 +1,20 @@
 ---
 import { api } from "../../core/api/dynamic";
+import BaseLayout from "../../layouts/BaseLayout.astro";
 
 const tanksList = await api.tanks();
 ---
 
-<h1>tanks</h1>
+<BaseLayout>
+  <h1>tanks</h1>
 
-{
-  tanksList.tanks.map(({ id, slug }) => (
-    <p>
-      <a href={`/tanks/${slug}`}>
-        {slug} ({id})
-      </a>
-    </p>
-  ))
-}
+  {
+    tanksList.tanks.map(({ id, slug }) => (
+      <p>
+        <a href={`/tanks/${slug}`}>
+          {slug} ({id})
+        </a>
+      </p>
+    ))
+  }
+</BaseLayout>