Initial commit: Electron + React touchscreen kiosk dashboard for Home Assistant

2026-02-25 23:01:20 -06:00
commit 97a7912eae
84 changed files with 12059 additions and 0 deletions
--- a/index.html
+++ b/index.html
@@ -0,0 +1,45 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no" />
+    <meta name="theme-color" content="#0a0a0a" />
+    <meta name="apple-mobile-web-app-capable" content="yes" />
+    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
+    <title>Imperial Command Center</title>
+    <style>
+      /* Prevent flash of unstyled content */
+      html, body {
+        background-color: #0a0a0a;
+        color: #ffffff;
+        margin: 0;
+        padding: 0;
+        overflow: hidden;
+      }
+
+      /* Loading state before React hydrates */
+      #root:empty::before {
+        content: '';
+        display: block;
+        width: 48px;
+        height: 48px;
+        border: 4px solid #cc0000;
+        border-top-color: transparent;
+        border-radius: 50%;
+        animation: spin 1s linear infinite;
+        position: fixed;
+        top: 50%;
+        left: 50%;
+        transform: translate(-50%, -50%);
+      }
+
+      @keyframes spin {
+        to { transform: translate(-50%, -50%) rotate(360deg); }
+      }
+    </style>
+  </head>
+  <body>
+    <div id="root"></div>
+    <script type="module" src="/src/main.tsx"></script>
+  </body>
+</html>