From 6dc0f4c84a224d45520efcb08c5af2765c1f64d2 Mon Sep 17 00:00:00 2001
From: spatialfree <mail@ethanmerchant.com>
Date: Wed, 27 Nov 2024 15:35:26 -0500
Subject: [PATCH] alpha video overlay system

---
 tem/html/pages/game.html | 55 +++++++++++++++++++++++++++++++++++++---
 1 file changed, 52 insertions(+), 3 deletions(-)

diff --git a/tem/html/pages/game.html b/tem/html/pages/game.html
index 2030d76..cf46401 100644
--- a/tem/html/pages/game.html
+++ b/tem/html/pages/game.html
@@ -60,7 +60,56 @@
   >degrees of freedom development</div> -->
 </div>
 
-<h2>notes</h2>
-<pre>{{ .Data.Game.Notes }}</pre>
+<div
+  style="
+    position: relative;
+    width: 100%;
+    padding: 12px;
+  "
+>
+  <h2>notes</h2>
+  <pre>{{ .Data.Game.Notes }}</pre>
 
-<div style='height: 44px; width: 100%;'></div>
+  <div style='height: 128px; width: 100%;'></div>
+
+  <div
+    style="
+      position: absolute;
+      top: 0;
+      right: 0;
+      height: 300px;
+      width: 300px;
+    "
+  >
+    <video src='/public/games/{{ .Data.Hash }}_alpha.webm' autoplay loop muted
+      style="
+        width: fit-content;
+        object-fit: cover;
+        width: 100%;
+        height: 100%;
+      "
+    ></video>
+    <div
+      style="
+        position: absolute;
+        left: 0;
+        top: 0;
+        right: 0;
+        bottom: 0;
+        z-index: -1;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+      "
+    >
+      <div
+        style="
+          outline: 2px solid var(--col-04);
+          border-radius: 12px;
+          height: 140px;
+          width: 110px;
+        "
+      ></div>
+    </div>
+  </div>
+</div>