diff options
Diffstat (limited to 'web/pw-visualizer/src/index.html')
-rw-r--r-- | web/pw-visualizer/src/index.html | 102 |
1 files changed, 102 insertions, 0 deletions
diff --git a/web/pw-visualizer/src/index.html b/web/pw-visualizer/src/index.html new file mode 100644 index 0000000..c2b2c33 --- /dev/null +++ b/web/pw-visualizer/src/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: </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> |