-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathdoor.html
79 lines (56 loc) · 2.43 KB
/
door.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
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd" />
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<meta name="viewport" content="height = device-height, width = device-width, user-scalable = no"/>
<title> DOOR </title>
<!-- This code adds app icons -->
<!-- ANDROID -->
<link rel="icon" sizes="192×192" href="/appicon.png">
<meta name="mobile-web-app-capable" content="yes">
<!-- APPLE -->
<link rel="apple-touch-startup-image" href="/appicon.png">
<link rel="apple-touch-icon" href="/appicon.png">
<meta name="apple-mobile-web-app-capable" content="yes">
<!-- End app icons code -->
<link rel="stylesheet" type="text/css" href="/door.css">
<script src="/webiopi.js"> </script>
<script src="/door.js"> </script>
</head>
<body>
<!-- This div line creates the mainbutton title using 'header' & 'h2' in css -->
<div id="header"> <h2> DOOR STATUS </h2>
</div>
<!-- This div line creates door1 Open/Close button using 'sensor1' in css & js -->
<div id="sensor1" style="margin-left: auto; margin-right: auto; position:relative">
</div>
<!-- This div line builds the main button using 'mainbtn' in css -->
<div id="mainbtn" style="margin-left: auto; margin-right: auto; position:relative">
</div>
<!-- This div line begins to build the confirmation box using 'confirmText, & 'h2' in css -->
<div id="confirmText"><h2>Are you sure?</h2>
</div>
<!-- This div line ends building the confirmation box using 'yes, & 'no' in css -->
<div id="confirmBox">
<div id="yes" class="confirmButton">YES
</div>
<div id="no" class="confirmButton">NO
</div>
</div>
<!-- Optional Light and Log buttons -->
<!-- This div line builds the options button using 'optionsBtn' in css -->
<div id="optionsBtn" style="margin-left: auto; margin-right: auto; position:relative">
</div>
<!-- This div line begins to build the confirmation box using 'optionsText, & 'h2' in css -->
<div id="optionsText"><h2>OPTIONS</h2>
</div>
<!-- This div line ends building the confirmation box using 'log, & 'lite' in css -->
<div id="optionsBox">
<div id="log" class="confirmButton">LOG
</div>
<div id="lite" class="confirmButton">LIGHT
</div>
</div>
<!-- Optional Light and Log buttons -->
</body>
</html>