Improve and update the demo

2024-11-08 21:22:33 -05:00 · 2024-11-08 21:22:33 -05:00 · 72b292f860
commit 72b292f860
parent 7bea355fd9
9 changed files with 303 additions and 250 deletions
--- a/test/src/layouts/Default.astro
+++ b/test/src/layouts/Default.astro
@ -0,0 +1,44 @@
+---
+// Properites
+const {
+    Title,
+    Description,
+    Page
+} = Astro.props
+
+// Components
+import Header from '@components/Header.astro'
+import {Zorn} from '@minpluto/zorn'
+import Info from '@components/Info.astro'
+---
+<html>
+    <head>
+        <meta charset="utf-8">
+        <title>Zorn Demo</title>
+    </head>
+    <body>
+        <Header/>
+        <slot/>
+        <Info Title={Title} Description={Description}>
+            <slot name="info"></slot>
+        </Info>
+    </body>
+</html>
+
+<style is:global is:inline>
+body {
+    background: #010101;
+    color: white;
+    font-family: Arial, Helvetica, sans-serif;
+    margin: auto;
+    max-width: 1200px;
+	a {
+		color: white;
+	}
+}
+.video-container {
+  position: relative;
+  margin: auto;
+  max-width: 1200px;
+}
+</style>