1 files changed, 102 insertions, 0 deletions
diff --git a/web/pw-frontend/src/lib/visualizer/index.html b/web/pw-frontend/src/lib/visualizer/index.html
new file mode 100644
index 0000000..c2b2c33
--- /dev/null
+++ b/web/pw-frontend/src/lib/visualizer/index.html
@@ -0,0 +1,102 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>Hello wasm-pack!</title>
+    <link rel="stylesheet" type="text/css" href="static/res/style.css">
+  </head>
+  <body>
+    <input type="file" id="fileselect" style="display: none">
+    <div id=wrapper>
+
+      <div id="main" class="loading">
+        <canvas id="c"></canvas>
+        <div id="name"></div>
+        <div id="addbutton" class="button"></div>
+
+        <div id="meta">
+          <div id="turnCounter">
+            0 / 0
+          </div>
+          <div>
+            <span>Ms per frame:&nbsp;</span>
+            <input type="number" id="speed" value="100">
+          </div>
+          <div class="slidecontainer">
+            <input type="range" min="0" max="1" value="1" class="slider" id="turnSlider">
+          </div>
+        </div>
+      </div>
+
+      <div class=".options" id=options>
+        <div class="option">
+          Option one
+        </div>
+        <div class="option">
+            Option two
+        </div>
+        <div class="option">
+          Option three
+        </div>
+        <div class="option">
+          Option three
+        </div>
+        <div class="option">
+          Option three
+        </div>
+        <div class="option">
+          Option three
+        </div>
+        <div class="option">
+          Option three
+        </div>
+        <div class="option">
+          Option three
+        </div>
+        <div class="option">
+          Option three
+        </div>
+        <div class="option">
+          Option three
+        </div><div class="option">
+          Option three
+        </div>
+        <div class="option">
+          Option three
+        </div>
+        <div class="option">
+            Option three
+          </div>
+          <div class="option">
+            Option three
+          </div>
+          <div class="option">
+            Option three
+          </div>
+          <div class="option">
+            Option three
+          </div><div class="option">
+            Option three
+          </div>
+          <div class="option">
+            Option three
+          </div>
+      </div>
+
+    </div>
+
+
+    <noscript>This page contains webassembly and javascript content, please enable javascript in your browser.</noscript>
+    <script src="bootstrap.js"></script>
+    <script>
+      const URL = window.location.origin + window.location.pathname;
+      const LOCATION = URL.substring(0, URL.lastIndexOf("/") + 1);
+
+      const game_location = LOCATION + "static/games/Chandra Garrett.json";
+      const name = "Chandra Garrett";
+      window.setTimeout(
+          () => visualizer.handle(game_location, name), 1000
+      )
+    </script>
+  </body>
+</html>