From 9b172e808b71b9cff03b3621974b938f6d51d9dd Mon Sep 17 00:00:00 2001
From: Stephanie Gredell <s.raide@gmail.com>
Date: Mon, 11 Aug 2025 10:36:05 -0700
Subject: [PATCH] Add controls to screen

---
 templates/index.html | 16 ++++++++++++++++
 todo.md              | 10 ++++++++++
 2 files changed, 26 insertions(+)
 create mode 100644 todo.md

diff --git a/templates/index.html b/templates/index.html
index 740f47e..559129f 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -50,6 +50,16 @@
             border-radius: 12px;
             padding: 8px;
         }
+
+        .controls {
+            width: 1024px;
+            margin: 0 auto;
+        }
+
+        .pill {
+            border: 1px solid #000000;
+            border-radius: 8px;
+        }
     </style>
 </head>
 
@@ -62,6 +72,12 @@
         {{ end }}
     </div>
     <canvas id="canvas" width="1024" height="400"></canvas>
+    <div class="controls">
+        <span class="pill">h move left</span>
+        <span class="pill">l move right</span>
+        <span class="pill">j crouch</span>
+        <span class="pill">k jump</span>
+    </div>
     <div class="chat">
         <input type="text" id="msg" placeholder="Type in a message to chat" />
         <button type="button" id="send">Send</button>
diff --git a/todo.md b/todo.md
new file mode 100644
index 0000000..b805ec5
--- /dev/null
+++ b/todo.md
@@ -0,0 +1,10 @@
+- move down to 1 container
+- enter to send chat message
+- show name plate
+- fix sending empty messages
+- focus chat on 't'
+- show controls on the page
+- hit points
+- death
+- weapons from channel point
+- - https://dev.twitch.tv/docs/eventsub/