feat: add overlay video (#39)

Reviewed-on: https://codeberg.org/nhcarrigan/docs/pulls/39
Co-authored-by: Naomi Carrigan <commits@nhcarrigan.com>
Co-committed-by: Naomi Carrigan <commits@nhcarrigan.com>

src/components/Footer.astro

@@ -3,6 +3,7 @@ import LastUpdated from "@astrojs/starlight/components/LastUpdated.astro";
 import EditLink from "@astrojs/starlight/components/EditLink.astro";
 import Pagination from "@astrojs/starlight/components/Pagination.astro";
 ---
+
 <footer class="sl-flex">
   <div class="meta sl-flex">
     <EditLink {...Astro.props} />
@@ -10,7 +11,20 @@ import Pagination from "@astrojs/starlight/components/Pagination.astro";
   </div>
   <Pagination {...Astro.props} />
   <div id="tree-nation-offset-website"></div>
-<script>TreeNationOffsetWebsite({code: 'a17464e0cd351220', lang: 'en', theme: 'dark'}).render('#tree-nation-offset-website');</script>
+  <script>
+    TreeNationOffsetWebsite({
+      code: "a17464e0cd351220",
+      lang: "en",
+      theme: "dark",
+    }).render("#tree-nation-offset-website");
+  </script>
+  <video
+    autoplay={true}
+    loop={true}
+    muted={true}
+    playsinline={true}
+    src="https://cdn.nhcarrigan.com/overlay.webm"
+    style={{ pointerEvents: "none", position: "fixed", top: 0, left: 0, opacity: 0.25, zIndex:100, width: "100vw", height: "100vh"}}></video>
 </footer>
 
 <style>