Apply Zorn to layouts

package.json

@@ -1,7 +1,7 @@
 {
   "name": "butterflyvu",
   "type": "module",
-  "version": "0.1.3",
+  "version": "0.1.4",
   "license": "GPL-3.0-only",
   "author": {
     "name": "SudoVanilla"
@@ -32,11 +32,12 @@
     "docker:push": "docker push ark.sudovanilla.org/korbs/butterflyvu:amd64"
   },
   "dependencies": {
-    "@astrojs/mdx": "4.0.0-beta.2",
+    "@astrojs/mdx": "4.0.0-beta.5",
-    "@astrojs/prism": "3.0.0-beta.0",
+    "@astrojs/prism": "3.2.0-beta.0",
-    "astro": "5.0.0-beta.5",
+    "@minpluto/zorn": "^0.4.71",
+    "astro": "5.0.0-beta.12",
     "astro-analytics": "^2.7.0",
-    "astro-breadcrumbs": "^3.2.0",
+    "astro-breadcrumbs": "^3.2.2",
     "astro-bun-adapter": "^1.0.2",
     "astro-feelback": "^0.3.4",
     "astro-pagefind": "^1.6.0",
@@ -44,6 +45,6 @@
     "markdoc": "^0.1.3"
   },
   "devDependencies": {
-    "sass": "^1.80.4"
+    "sass": "^1.81.0"
   }
 }

src/content/docs/components.mdx

@@ -4,6 +4,7 @@ Title: Components
 ---
 
 import { Prism } from '@astrojs/prism';
+import { Zorn } from "@minpluto/zorn";
 
 Documentation template for the Astro Web Framework.
 
@@ -79,4 +80,16 @@ This is the source code to the splash template layout.
 
 <video controls src="https://md.sudovanilla.org/videos/webm/Ennie-and-Yoyki.webm" poster="https://md.sudovanilla.org/images/eay-p-v.jpg"></video>
 
+The source of both videos above are on a network with limited upload speed, the buffer rate is high.
+
+
+## Zorn
+
+<Zorn
+    Poster="https://md.sudovanilla.org/images/eay-p-v.jpg"
+    Video="https://md.sudovanilla.org/videos/webm/Ennie-and-Yoyki.webm"
+    Milieu
+    BigPlayButton
+/>
+
 The source of both videos above are on a network with limited upload speed, the buffer rate is high.

src/layouts/Document.astro

@@ -11,6 +11,7 @@ import Head from '@components/global/Head.astro'
 import Header from '@components/global/Header.astro'
 import Sidebar from '@components/Sidebar.astro'
 import FeelbackYesNo from "astro-feelback/components/FeelbackYesNo.astro"
+import {Zorn} from "@minpluto/zorn"
 
 // Styles
 import "@styles/index.scss"
@@ -45,6 +46,8 @@ import "@styles/prism.css"
            } -->
         </div>
     </article>
+
+    <Zorn is:raw PlayerName="zorn_null" Poster="#" Video="#"/>
     <div class="footer">
         <div class="footer-start">
             <p>© {SiteSettings.OrgName}. All right reserved.</p>
@@ -62,4 +65,7 @@ import "@styles/prism.css"
             }
         </div>
     </div>
-</div>
+</div>
+
+<!-- Zorn is broken if a player is not already set -->
+<style is:global>#zorn-player-zorn_null {display: none}</style>

src/layouts/Splash.astro

@@ -10,6 +10,7 @@ const { frontmatter } = Astro.props
 import Head from '@components/global/Head.astro'
 import Header from '@components/global/Header.astro'
 import FeelbackYesNo from "astro-feelback/components/FeelbackYesNo.astro";
+import {Zorn} from "@minpluto/zorn"
 
 // Styles
 import "@styles/index.scss";