-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
52 lines (39 loc) · 1.64 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Floorplan Demo</title>
<link rel="stylesheet" href="styles.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/js-yaml/4.1.0/js-yaml.min.js"></script>
</head>
<body>
<h2>Floorplan Demo</h2>
<p>Here is a demonstration of the interactive floor plan. You can click on individual rooms to visualize animations of lights turning on and off.
Additionally, other graphics can be displayed and animated based on your specific application requirements.
This solution is highly customizable to meet your needs.
</p>
<div class="example_wrapper">
<script src="script.js"></script>
<script src="/ha_assets/js/tabs.js"></script>
<link rel="stylesheet" href="/ha_assets/css/tabs.css">
<div class="tab">
<button class="tablinks active" onclick="showTab(event, 'floorplanner_home-floorplan')">DEMO</button>
</div>
<div class="tabcontent-container">
<!-- Floorplan SVG Example -->
<div data-tab="floorplanner_home-floorplan" class="tabcontent active">
<floorplan-examples examplespath="ha_assets" data-include="floorplanner_home"></floorplan-examples>
</div>
</div>
</div>
<script>
// Load content when the page loads
document.addEventListener("DOMContentLoaded", function() {
loadYaml();
loadCss();
});
</script>
<script src="scriptroot.js"></script>
</body>
</html>