Migrate client code to local repo

2026-02-05 03:59:26 +00:00 · 2026-01-12 17:16:45 +01:00
parent 1fcde694dc
commit 5f77890fff
22 changed files with 2087 additions and 85 deletions
--- a/src/index.html
+++ b/src/index.html
@@ -0,0 +1,65 @@
+<!doctype html>
+<html lang="en" xmlns:th="http://www.thymeleaf.org">
+    <head>
+        <meta charset="UTF-8" />
+        <title>Browse channels - Imgfloat</title>
+        <link rel="stylesheet" href="./css/index.css" />
+    </head>
+    <body class="channels-body">
+        <div class="channels-shell">
+            <header class="channels-header">
+                <div class="brand">
+                    <img class="brand-mark" alt="brand" src="https://imgfloat.kruhlmann.dev/img/brand.png" />
+                    <div>
+                        <div class="brand-title">Imgfloat</div>
+                        <div class="brand-subtitle">Twitch overlay manager</div>
+                    </div>
+                </div>
+            </header>
+
+            <main class="channels-main">
+                <section class="channel-card">
+                    <p class="eyebrow subtle">Broadcast overlay</p>
+                    <h1>Open a channel</h1>
+                    <p class="muted">Type the channel name to jump straight to their overlay.</p>
+                    <form id="channel-search-form" class="channel-form">
+                        <label class="sr-only" for="channel-search">Channel name</label>
+                        <input
+                            id="channel-search"
+                            name="channel"
+                            class="text-input"
+                            type="text"
+                            list="channel-suggestions"
+                            placeholder="Type a channel name"
+                            autocomplete="off"
+                            autofocus
+                            spellcheck="false"
+                        />
+                        <datalist id="channel-suggestions"></datalist>
+                        <button type="submit" class="button block">Open overlay</button>
+                    </form>
+                </section>
+            </main>
+        </div>
+        <script>
+            const form = document.getElementById("channel-search-form");
+            const input = document.getElementById("channel-search");
+
+            window.store.loadBroadcaster().then((value) => {
+                if (value && input.value === "") {
+                    input.value = value;
+                }
+            });
+
+            form.addEventListener("submit", (e) => {
+                e.preventDefault();
+
+                const channel = input.value.trim();
+                if (!channel) return;
+
+                const params = new URLSearchParams({ broadcaster: channel });
+                window.location.href = `broadcast.html?${params.toString()}`;
+            });
+        </script>
+    </body>
+</html>