summaryrefslogtreecommitdiff
path: root/html/index_veryold.html
diff options
context:
space:
mode:
Diffstat (limited to 'html/index_veryold.html')
-rw-r--r--html/index_veryold.html51
1 files changed, 51 insertions, 0 deletions
diff --git a/html/index_veryold.html b/html/index_veryold.html
new file mode 100644
index 0000000..ed1b342
--- /dev/null
+++ b/html/index_veryold.html
@@ -0,0 +1,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>