nikola
112 lines
3.6 KiB
HTML
112 lines
3.6 KiB
HTML
<!doctype html>
|
|
<html lang="sr">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<title>Dobrodosli | 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>Dobrodosli u nas stan</h1>
|
|
<p class="lead">
|
|
Sve bitno na jednom mestu: Wi-Fi, pravila boravka i brzo dugme za
|
|
veliko svetlo u dnevnoj sobi.
|
|
</p>
|
|
<p class="lead">
|
|
English version:
|
|
<a href="./en.html">Open EN page</a>
|
|
</p>
|
|
</header>
|
|
|
|
<section class="card">
|
|
<h2>1) Wi-Fi povezivanje</h2>
|
|
<p class="muted">Ako ste gost, koristite ovu mrezu:</p>
|
|
<div class="row">
|
|
<div>
|
|
<label>SSID</label>
|
|
<code id="wifi-ssid">Zapadna</code>
|
|
</div>
|
|
<button data-copy="#wifi-ssid" class="btn secondary">Copy SSID</button>
|
|
</div>
|
|
<div class="row">
|
|
<div>
|
|
<label>Password</label>
|
|
<code id="wifi-pass">Pitaj domacina</code>
|
|
</div>
|
|
<button data-copy="#wifi-pass" class="btn secondary">
|
|
Copy Password
|
|
</button>
|
|
</div>
|
|
<p class="hint" id="copy-status">Klik na Copy da prekopiras.</p>
|
|
<div class="qr-grid">
|
|
<div class="qr-card">
|
|
<h3>QR za Wi-Fi (Android)</h3>
|
|
<img id="wifi-qr-sr" alt="Wi-Fi QR" />
|
|
<p class="hint">Skener kamere ili Samsung QR scanner.</p>
|
|
</div>
|
|
<div class="qr-card">
|
|
<h3>QR za Guest Portal</h3>
|
|
<img id="portal-qr-sr" alt="Portal QR" />
|
|
<p class="hint">Brz ulaz na ovu stranu.</p>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="card">
|
|
<h2>2) Korisne informacije</h2>
|
|
<ul class="list">
|
|
<li>Molimo bez buke posle 23:00.</li>
|
|
<li>Pusenje je dozvoljeno samo na terasi.</li>
|
|
<li>Ako nesto nije jasno, pitajte domacina.</li>
|
|
<li>Izlazak iz stana: proverite vrata i svetla.</li>
|
|
</ul>
|
|
</section>
|
|
|
|
<section class="card">
|
|
<h2>3) Veliko svetlo (gosti)</h2>
|
|
<p class="muted">
|
|
Dugmad ispod rade lokalno kroz Home Assistant webhook.
|
|
</p>
|
|
<div class="controls">
|
|
<form
|
|
action="/api/light/on"
|
|
method="post"
|
|
target="silent-submit"
|
|
>
|
|
<button type="submit" class="btn on">Ukljuci svetlo</button>
|
|
</form>
|
|
<form
|
|
action="/api/light/off"
|
|
method="post"
|
|
target="silent-submit"
|
|
>
|
|
<button type="submit" class="btn off">Iskljuci svetlo</button>
|
|
</form>
|
|
</div>
|
|
<p class="hint">Ako ne reaguje odmah, sacekajte 1-2 sekunde i ponovite.</p>
|
|
<iframe name="silent-submit" title="silent-submit" hidden></iframe>
|
|
</section>
|
|
|
|
<section class="card bojana">
|
|
<h2>Za Bojanu</h2>
|
|
<p>
|
|
Posebna strana sa kratkim uputstvom i malim iznenadjenjem je ovde:
|
|
</p>
|
|
<a class="btn love" href="./bojana.html">Otvori Bojaninu stranu</a>
|
|
<div class="qr-grid single">
|
|
<div class="qr-card">
|
|
<h3>QR za Bojanu</h3>
|
|
<img id="bojana-qr" alt="Bojana QR" />
|
|
<p class="hint">Direktno otvara Bojaninu stranu.</p>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</main>
|
|
|
|
<script src="./app.js"></script>
|
|
</body>
|
|
</html>
|