switching to high quality piper tts and added label translations

2026-01-29 23:48:19 +01:00
commit d80c619df9
3934 changed files with 1451600 additions and 0 deletions
@@ -0,0 +1,70 @@
+<!doctype html>
+<html lang="de">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Home-Bro | Dashboard</title>
+    <link rel="stylesheet" href="/static/style.css" />
+    <link
+      href="https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;800&display=swap"
+      rel="stylesheet"
+    />
+  </head>
+  <body>
+    <div class="background-blobs">
+      <div class="blob blob-1"></div>
+      <div class="blob blob-2"></div>
+    </div>
+
+    <main class="dashboard">
+      <header>
+        <h1>Home-Bro <span class="accent-text">Brain</span></h1>
+        <div id="status-indicator" class="status-badge">Live</div>
+      </header>
+
+      <section class="main-grid">
+        <div class="card live-view-card">
+          <div class="card-header">
+            <h2>Letzter Snapshot</h2>
+            <span id="last-update" class="timestamp">-</span>
+          </div>
+          <div class="image-container">
+            <img
+              id="latest-image"
+              src=""
+              alt="Warte auf Bild..."
+              class="fallback-img"
+            />
+            <div id="detection-overlay" class="overlay"></div>
+          </div>
+        </div>
+
+        <div class="card info-card">
+          <div class="card-header">
+            <h2>Analyse</h2>
+            <span id="room-name" class="room-label">Unbekannt</span>
+          </div>
+          <div class="analysis-content">
+            <p id="analysis-text">Warte auf Daten vom Satelliten...</p>
+          </div>
+          <div class="system-stats">
+            <div class="stat">
+              <span class="label">Status</span>
+              <span class="value green">Online</span>
+            </div>
+            <div class="stat">
+              <span class="label">IP Adresse</span>
+              <span id="brain-ip" class="value">Lade...</span>
+            </div>
+            <div class="stat">
+              <span class="label">Hostname</span>
+              <span id="brain-host" class="value">Lade...</span>
+            </div>
+          </div>
+        </div>
+      </section>
+    </main>
+
+    <script src="/static/script.js?v=2"></script>
+  </body>
+</html>