1 files changed, 42 insertions, 0 deletions
diff --git a/hsm-web/Html/index.html b/hsm-web/Html/index.html
new file mode 100644
index 0000000..814f6e7
--- /dev/null
+++ b/hsm-web/Html/index.html
@@ -0,0 +1,42 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>HsMouse Monitor</title>
+    <meta charset="utf-8"/>
+  </head>
+  <body>
+    <img id="cam_view" />
+  </body>
+  <script>
+    updateImg = () => {
+      fetch("cam.png")
+        .then(response => response.blob())
+        .then(function(myBlob){
+          URL.revokeObjectURL(cam_view.src)
+          cam_view.src = URL.createObjectURL(myBlob)
+          updateImg()
+        })
+    }
+    updateImg()
+  </script>
+  <style>
+    body, html {
+      background-color: #002b36;
+      color: #586e75;
+      font-family: monospace;
+      height: 100%;
+      margin: 0;
+      position: relative;
+    }
+    #cam_view {
+      left: 50%;
+      margin: auto;
+      max-height: calc(100% - 20px);
+      max-width: calc(100% - 20px);
+      outline: 2px solid #586e75;
+      position: absolute;
+      top: 10px;
+      transform: translate(-50%, 0);
+    }
+  </style>
+</html>