|
|
@@ -99,6 +99,10 @@
|
|
|
position: absolute;
|
|
|
right: 1.2em;
|
|
|
bottom: 1.2em;
|
|
|
+ padding: 1em;
|
|
|
+ border-radius: 0.6em;
|
|
|
+ background-color: #ececec;
|
|
|
+ border: 1px solid rgb(197, 197, 197);
|
|
|
}
|
|
|
|
|
|
/* Power Button */
|
|
|
@@ -180,7 +184,7 @@
|
|
|
<br>
|
|
|
<div class="box">
|
|
|
<div class="main">
|
|
|
- <h2>ESPWoL Control Panel</h2>
|
|
|
+ <h2>🔌 ESPWoL Control Panel</h2>
|
|
|
<p>Press a button on the bottom to power up / shutdown / reset your computer wirelessly</p>
|
|
|
<div class="table_component" role="region" tabindex="0">
|
|
|
<table>
|
|
|
@@ -208,13 +212,14 @@
|
|
|
</tbody>
|
|
|
</table>
|
|
|
</div>
|
|
|
- <h4>RESTFUL API </h4>
|
|
|
+ <h3>🤖 RESTFUL API </h3>
|
|
|
<p>You can also access the power status and controls via RESTFUL API requests.</p>
|
|
|
<div class="codeblock"><code>
|
|
|
GET /api/status <br>
|
|
|
POST /api/power <br>
|
|
|
POST /api/reset <br>
|
|
|
</code></div>
|
|
|
+ <br>
|
|
|
<div class="divider"></div>
|
|
|
<small>ESPWoL Prototype | CopyRight tobychui 2023 - 2024</small>
|
|
|
|
|
|
@@ -229,9 +234,11 @@
|
|
|
<div class="pwrbtn" title="Power On / Off">
|
|
|
<svg xmlns="http://www.w3.org/2000/svg" height="32" viewBox="0 -960 960 960" width="32"><path d="M440-440v-400h80v400h-80Zm40 320q-74 0-139.5-28.5T226-226q-49-49-77.5-114.5T120-480q0-80 33-151t93-123l56 56q-48 40-75 97t-27 121q0 116 82 198t198 82q117 0 198.5-82T760-480q0-64-26.5-121T658-698l56-56q60 52 93 123t33 151q0 74-28.5 139.5t-77 114.5q-48.5 49-114 77.5T480-120Z"/></svg>
|
|
|
</div>
|
|
|
-
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
+ <script>
|
|
|
+
|
|
|
+ </script>
|
|
|
</body>
|
|
|
</html>
|
Toby Chui