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,6 +43,7 @@ for (const fullPath in globbed) {
 paths.sort((a, b) => a.path.localeCompare(b.path));
 ---
 
+<BaseLayout>
   <h1>api</h1>
 
   {
@@ -52,3 +54,4 @@ paths.sort((a, b) => a.path.localeCompare(b.path));
       </>
     ))
   }
+</BaseLayout>

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

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

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

@@ -1,9 +1,11 @@
 ---
 import { api } from "../../core/api/dynamic";
+import BaseLayout from "../../layouts/BaseLayout.astro";
 
 const tanksList = await api.tanks();
 ---
 
+<BaseLayout>
   <h1>tanks</h1>
 
   {
@@ -15,3 +17,4 @@ const tanksList = await api.tanks();
       </p>
     ))
   }
+</BaseLayout>