SmartestHome/render/floorplan-3d/floorplan.html

33 lines
988 B
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>Where everyone is</title>
<link rel="stylesheet" href="floorplan3d.css">
</head>
<body>
<!--
The floorplan, extruded, with who is in each room. Same GET /floorplan/presence the
Pebble watchapp renders — at the fidelity a real screen allows.
Config from URL query params, never baked in:
?api=http://identity:8097&token=<identity token>[&level=<id>][&poll=15000]
Drag to orbit. Yaw-free, pitch clamped, no free-fly: an unconstrained camera on a
wall panel is something people knock askew and cannot get back.
-->
<header id="bar">
<h1 id="level-name">Loading…</h1>
<nav id="levels"></nav>
<span id="summary" class="muted"></span>
</header>
<canvas id="plan"></canvas>
<p id="error" class="error" hidden></p>
<script src="floorplan3d.js"></script>
<script src="floorplan-app.js"></script>
</body>
</html>