From bfc7676b525d29e172c140dd0e877de6510fb488 Mon Sep 17 00:00:00 2001
From: mehbark <terezi@pyrope.net>
Date: Wed, 23 Aug 2023 21:31:10 -0400
Subject: [PATCH] moving eggolfball

---
 html/minigolf.tsx | 24 ++++++++++++++++++------
 1 file changed, 18 insertions(+), 6 deletions(-)

diff --git a/html/minigolf.tsx b/html/minigolf.tsx
index 2ccaf5b..9242e26 100644
--- a/html/minigolf.tsx
+++ b/html/minigolf.tsx
@@ -1,18 +1,30 @@
 import { EggbugImg, render_and_copy } from "./common.tsx";
 
 render_and_copy(
-    <div style={{ resize: "both", overflow: "hidden" }}>
-        <div
+    <div
+        style={{
+            resize: "both",
+            overflow: "hidden",
+            position: "relative",
+            // TODO: V REMOVE ME V
+            outline: "1px solid red",
+            height: "10rem",
+        }}
+    >
+        <EggbugImg
+            type="golfball"
             style={{
+                margin: 0,
                 position: "absolute",
                 right: 0,
                 bottom: 0,
-                aspectRatio: 1,
                 width: "5rem",
+                height: "5rem",
                 pointerEvents: "none",
             }}
-        >
-            <EggbugImg type="golfball" style={{ margin: 0 }} />
-        </div>
+        />
     </div>
 );
+
+// OOOO: score with like a dial thing and an arrow pointing to it
+// might be possible to have multiple holes with a details element that comes into frame hm