feat: initial commit

2026-05-19 14:53:37 +02:00
commit c6e7ac92ae
11 changed files with 660 additions and 0 deletions
@@ -0,0 +1,84 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Welcome | Home Core</title>
+    <link rel="stylesheet" href="./style.css" />
+  </head>
+  <body>
+    <main class="container">
+      <header class="hero">
+        <p class="eyebrow">Home Core Guest Portal</p>
+        <h1>Welcome to our apartment</h1>
+        <p class="lead">
+          Everything in one place: Wi-Fi, stay notes, and one-tap control for
+          the main living-room light.
+        </p>
+        <p class="lead">
+          Serbian version:
+          <a href="./index.html">Open SR page</a>
+        </p>
+      </header>
+
+      <section class="card">
+        <h2>1) Wi-Fi connection</h2>
+        <p class="muted">Use this network:</p>
+        <div class="row">
+          <div>
+            <label>SSID</label>
+            <code id="wifi-ssid-en">Zapadna</code>
+          </div>
+          <button data-copy="#wifi-ssid-en" class="btn secondary">Copy SSID</button>
+        </div>
+        <div class="row">
+          <div>
+            <label>Password</label>
+            <code id="wifi-pass-en">Ask host</code>
+          </div>
+          <button data-copy="#wifi-pass-en" class="btn secondary">
+            Copy Password
+          </button>
+        </div>
+        <p class="hint" id="copy-status">Tap Copy to copy text.</p>
+        <div class="qr-grid">
+          <div class="qr-card">
+            <h3>Wi-Fi QR (Android)</h3>
+            <img id="wifi-qr-en" alt="Wi-Fi QR" />
+            <p class="hint">Use camera scanner or Samsung QR scanner.</p>
+          </div>
+          <div class="qr-card">
+            <h3>Portal QR</h3>
+            <img id="portal-qr-en" alt="Portal QR" />
+            <p class="hint">Open this page quickly.</p>
+          </div>
+        </div>
+      </section>
+
+      <section class="card">
+        <h2>2) Main light (guest control)</h2>
+        <p class="muted">Buttons below call local Home Assistant webhooks.</p>
+        <div class="controls">
+          <form
+            action="/api/light/on"
+            method="post"
+            target="silent-submit"
+          >
+            <button type="submit" class="btn on">Turn ON</button>
+          </form>
+          <form
+            action="/api/light/off"
+            method="post"
+            target="silent-submit"
+          >
+            <button type="submit" class="btn off">Turn OFF</button>
+          </form>
+        </div>
+        <p class="hint">If needed, wait 1-2 seconds and tap again.</p>
+        <iframe name="silent-submit" title="silent-submit" hidden></iframe>
+      </section>
+    </main>
+
+    <script src="./app.js"></script>
+  </body>
+</html>