From 361308cc1f9fbb6069c02c80eb60d85ab9f8d651 Mon Sep 17 00:00:00 2001
From: SpyDrone <spydrone@noreply.git.wholeworldcoding.com>
Date: Thu, 9 Apr 2026 15:41:53 -0400
Subject: [PATCH] Add index.html

---
 index.html | 34 ++++++++++++++++++++++++++++++++++
 1 file changed, 34 insertions(+)
 create mode 100644 index.html
diff --git a/index.html b/index.html
new file mode 100644
index 0000000..60d254a
--- /dev/null
+++ b/index.html
@@ -0,0 +1,34 @@
+<!-- index.html — Chatter Custom Channel -->
+<!DOCTYPE html>
+<html>
+<head>
+  <meta charset="utf-8">
+  <style>
+    body { font-family: sans-serif; padding: 20px; background: #0d0d12; color: #f0f0f5; margin: 0; }
+    h2   { color: #d64d7f; }
+    #feed { margin-top: 12px; display: flex; flex-direction: column; gap: 6px; }
+    .msg  { background: #1a1a25; padding: 8px 12px; border-radius: 6px; font-size: 14px; }
+    .msg strong { color: #d64d7f; margin-right: 6px; }
+  </style>
+</head>
+<body>
+  <h2>🔴 Live Feed</h2>
+  <p>User: <span id="who"></span></p>
+  <div id="feed"></div>
+  <script>
+    // Wait for Chatter to inject globals (slight delay after iframe loads)
+    setTimeout(function() {
+      var feed = document.getElementById('feed');
+      document.getElementById('who').textContent = chickenUser || '(unknown)';
+
+      // Listen to live public messages via the shared socket
+      chickenAPI.on('message', function(data) {
+        var el = document.createElement('div');
+        el.className = 'msg';
+        el.innerHTML = '<strong>' + data.username + '</strong>' + data.text;
+        feed.prepend(el);
+        if (feed.children.length > 50) feed.lastChild.remove();
+      });
+    }, 600);
+  </script>
+</body></html>
\ No newline at end of file
