nikola
85 lines
2.6 KiB
HTML
85 lines
2.6 KiB
HTML
<!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>
|