planet-wars/frontend/www/index.html

103 lines
2.6 KiB
HTML
Raw Normal View History

2019-09-13 20:54:21 +00:00
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Hello wasm-pack!</title>
2019-09-17 18:19:04 +00:00
<link rel="stylesheet" type="text/css" href="static/res/style.css">
2019-09-13 20:54:21 +00:00
</head>
<body>
2019-09-21 14:54:48 +00:00
<input type="file" id="fileselect" style="display: none">
<div id=wrapper>
2019-09-17 16:27:44 +00:00
2019-09-21 14:54:48 +00:00
<div id="main" class="loading">
<canvas id="c"></canvas>
2019-09-24 13:38:04 +00:00
<div id="name"></div>
2019-09-21 14:54:48 +00:00
<div id="addbutton" class="button"></div>
<div id="meta">
2019-09-21 15:06:24 +00:00
<div id="turnCounter">
0 / 0
</div>
2019-09-21 14:54:48 +00:00
<div>
<span>Ms per frame:&nbsp;</span>
<input type="number" id="speed" value="100">
2019-09-21 14:54:48 +00:00
</div>
<div class="slidecontainer">
<input type="range" min="0" max="1" value="1" class="slider" id="turnSlider">
</div>
</div>
</div>
2020-03-27 17:35:56 +00:00
<div class=".options" id=options>
2019-09-21 14:54:48 +00:00
<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>
2019-09-21 08:43:03 +00:00
2019-09-21 09:30:00 +00:00
</div>
2019-09-21 09:20:07 +00:00
2019-09-21 14:54:48 +00:00
2019-09-13 20:54:21 +00:00
<noscript>This page contains webassembly and javascript content, please enable javascript in your browser.</noscript>
2019-09-22 10:16:04 +00:00
<script src="bootstrap.js"></script>
2020-03-27 17:35:56 +00:00
<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>
2019-09-13 20:54:21 +00:00
</body>
</html>