rename res to img

trigger.html

@@ -11,8 +11,8 @@
 <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();
+//     xmlhttp.open("GET", "https://ths.tnet.space/cgi-bin/unlock-main.cgi?passwd=c5S8De2TTPkDhkXREzSP&delay=5");
+//     xmlhttp.send();
   }
   
   //document.getElementById("unlock-button").onclick = runCGI();
@@ -32,24 +32,28 @@ h1 {
   font-size: 45px;
   background-color: orange;
 }
+
+.button-container {
+  width: 100px;
+  height: 100px;
+  padding: 10px;
+  border-radius: 50px;
+  margin: 0 auto;
+}
+
 #unlock-button {
   background-color: limegreen;
   position: fixed;
   bottom: 0;
-  left: 0;
-  width: 100%;
-  height: 100px;
-  /*border-radius: 50%;*/
-  /*margin-left: 0;*/
+  left: calc((100% / 2) - 50px);
   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;
@@ -59,6 +63,7 @@ h1 {
   margin-right: auto;
   padding: 5px;
 }
+
 </style>
 </head>
 
@@ -72,8 +77,8 @@ h1 {
     <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()">
+
+  <div class="button-container" id="unlock-button" onclick="runCGI()">
     <img id="unlock-icon" src="res/unlockicon.png" alt="Unlock Button">
   </div>
  <!-- </a> -->