initial commit

2020-12-04 21:11:06 -06:00 · 2020-12-04 21:11:06 -06:00 · 019db4b7e1
commit 019db4b7e1
4 changed files with 82 additions and 0 deletions
--- a/res/favicon.png
+++ b/res/favicon.png
--- a/res/unlockicon.png
+++ b/res/unlockicon.png
--- a/trigger.html
+++ b/trigger.html
@ -0,0 +1,82 @@
+<!DOCKTYPE html>
+<html lang=en-US>
+<head>
+<title>Trigger</title>
+<meta charset="utf-8">
+<meta name="viewport" content="width=device-width, initial-scale=1">
+<meta name="Keywords" content="">
+<meta name="Description" content="Door opener">
+<link rel="icon" href="res/favicon.png" type="image/png">
+
+<script>
+  const runCGI = () => {
+    const xmlhttp = new XMLHttpRequest();
+    xmlhttp.open("GET", "https://ths.tnet.space/cgi-bin/unlock-main.cgi?passwd=c5S8De2TTPkDhkXREzSP&delay=5");
+    xmlhttp.send();
+  }
+  
+  //document.getElementById("unlock-button").onclick = runCGI();
+</script>  
+  
+
+<style>
+* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+h1 {
+  text-align: center;
+  font-family: sans;
+  font-size: 45px;
+  background-color: orange;
+}
+#unlock-button {
+  background-color: limegreen;
+  position: fixed;
+  bottom: 0;
+  left: 0;
+  width: 100%;
+  height: 100px;
+  /*border-radius: 50%;*/
+  /*margin-left: 0;*/
+  padding: 10px;
+  /*width: 400px;*/
+  margin: 0 auto;
+  /*border: 3px solid red;*/
+  /* margin-right: auto; */
+}
+#unlock-button:active {
+  background-color: green;
+  }
+#unlock-icon {
+  width: auto;
+  height: 75px;
+  position: relative;
+  display: block;
+  margin-left: auto;
+  margin-right: auto;
+  padding: 5px;
+}
+</style>
+</head>
+
+<body>
+  <header>
+    <h1 id="doorName">Main Door</h1>
+  </header>
+  
+  <!-- 
+  <div>
+    <img src="res/doorstatus.png" alt="Door Status">
+  </div>
+  -->
+ <!-- <a href="https://ths.tnet.space/cgi-bin/unlock-main.cgi?passwd=c5S8De2TTPkDhkXREzSP&delay=5"> -->
+  <div id="unlock-button" onclick="runCGI()">
+    <img id="unlock-icon" src="res/unlockicon.png" alt="Unlock Button">
+  </div>
+ <!-- </a> -->
+  
+</body>
+</html>
--- a/unlock-icon.png
+++ b/unlock-icon.png