46 lines
1.4 KiB
HTML
46 lines
1.4 KiB
HTML
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
|
|
<title>Home</title>
|
|
<link rel="stylesheet" href="style.css">
|
|
</head>
|
|
<body>
|
|
<!--
|
|
hosts/door-panel/'s default screen (docs/project-plan.md Phase 18): weather +
|
|
what-to-wear, who's home, and groceries running low, all at a glance on the way
|
|
out the door. Pulls from two backends — identity (weather, presence) and
|
|
pantry-vision (shopping list) — both configured via URL query params, same
|
|
pattern as pantry-vision/frontend/app.js. "Register" is a separate page
|
|
(register.html), reached via an MQTT "Show register" command
|
|
(hosts/door-panel/agent), not an in-page tab here.
|
|
-->
|
|
<main class="no-tabs">
|
|
<section class="block">
|
|
<h2>Weather</h2>
|
|
<div id="weather-hero" class="weather-hero">
|
|
<span class="weather-temp">--</span>
|
|
</div>
|
|
<div id="clothing-suggestion" class="clothing-suggestion" hidden></div>
|
|
</section>
|
|
|
|
<section class="block">
|
|
<h2>Who's home</h2>
|
|
<div id="presence-list" class="card-list">
|
|
<p class="hint">Loading…</p>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="block">
|
|
<h2>Running low</h2>
|
|
<div id="shopping-list" class="card-list">
|
|
<p class="hint">Loading…</p>
|
|
</div>
|
|
</section>
|
|
</main>
|
|
|
|
<script src="dashboard.js"></script>
|
|
</body>
|
|
</html>
|