blob: ed1b342964bd0c27f4fe1cb36228c3778dbf1cdb (
plain) (
blame)
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
|
<html><head><title>Door Control</title>
<meta id='viewport' name='viewport' content='width=160; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;'>
<style type="text/css">
body {background-color:#bbb}
.page,.middle {text-align:center;}
.centred-table,.dobutton {margin-left:auto;margin-right:auto;}
.left {text-align:left;}
.right {text-align:right;}
.button {padding-bottom:10px;}
.dobutton {height:50px;width:200px;}
.unlockedlabel,.openlabel,.closedlabel,.statelabel {background-color:#a5a5a5;padding:3px;border-radius:4px;}
.unlockedlabel {background-color:#55f;visibility:hidden;}
.openlabel {background-color:#f55;}
.closedlabel {background-color:#5f5;}
</style>
</head>
<body>
<div class=page>
<h1>15 Park Lane</h1>
<h3>Door Control</h3>
<form action='/' method='POST'>
<table class=centred-table>
<tr>
<td class=left><div id=fdo class=statelabel>Open</div></td>
<td class=middle><div id=fdu class=unlockedlabel>Unlocked</div></td>
<td class=right><div id=fdc class=statelabel>Closed</div></td>
</tr>
<tr>
<td colspan=3><div class=button><button class=dobutton name='frontdoor' value='1'>Front Door</button></div></td>
</tr>
<tr>
<td class=left><div id=g1o class=statelabel>Open</div></td>
<td class=middle></td>
<td class=right><div id=g1c class=statelabel>Closed</div></td>
</tr>
<tr>
<td colspan=3><div class=button><button class=dobutton name='garagedoor1' value='1'>Garage Door 1</button></div></td>
</tr>
<tr>
<td class=left><div id=g1o class=statelabel>Open</div></td>
<td class=middle></td>
<td class=right><div id=g1c class=statelabel>Closed</div></td>
</tr>
<tr>
<td colspan=3><div class=button><button class=dobutton name='garagedoor2' value='1'>Garage Door 2</button></div></td>
</tr>
</table>
</form>
</div>
</body>
</html>
|
