2022-02-10 18:46:25 +01:00
|
|
|
<!DOCTYPE html>
|
2022-01-19 20:44:54 +01:00
|
|
|
<html lang="en">
|
2022-02-10 18:46:25 +01:00
|
|
|
<head>
|
|
|
|
|
<meta charset="utf-8" />
|
|
|
|
|
<link rel="stylesheet" href="/static/css/controller.css" />
|
|
|
|
|
|
|
|
|
|
<title>OBUS controller</title>
|
|
|
|
|
</head>
|
|
|
|
|
|
|
|
|
|
<body>
|
2022-02-10 20:45:57 +01:00
|
|
|
<!-- Hud -->
|
|
|
|
|
<div class="hud">
|
|
|
|
|
<!-- State -->
|
|
|
|
|
<div>
|
|
|
|
|
<div>Game state: <span id="gamestate"></span></div>
|
|
|
|
|
</div>
|
2022-02-10 18:46:25 +01:00
|
|
|
|
2022-02-11 23:05:09 +01:00
|
|
|
<!-- Strikes -->
|
|
|
|
|
<div class="box" id="strikeContainer">
|
|
|
|
|
<div>Strikes</div>
|
|
|
|
|
<div id="strikeIndicatorContainer"></div>
|
|
|
|
|
</div>
|
|
|
|
|
|
2022-02-10 20:45:57 +01:00
|
|
|
<!-- Actions -->
|
|
|
|
|
<div>
|
|
|
|
|
<button id="buttonStart" onclick="onStartButtonClick()">START</button>
|
|
|
|
|
<button id="buttonRestart" onclick="onRestartButtonClick()">
|
|
|
|
|
RESTART
|
|
|
|
|
</button>
|
|
|
|
|
</div>
|
2022-02-10 18:46:25 +01:00
|
|
|
</div>
|
2022-01-19 20:44:54 +01:00
|
|
|
|
2022-02-10 20:45:57 +01:00
|
|
|
<!-- Content -->
|
|
|
|
|
<div class="content">
|
|
|
|
|
<!-- Timer -->
|
|
|
|
|
<div class="box center">
|
|
|
|
|
<canvas id="display" width="1000" height="400">
|
|
|
|
|
Timer should be here
|
|
|
|
|
</canvas>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<!-- Modules -->
|
|
|
|
|
<div class="box center" style="margin-top: 2rem">
|
|
|
|
|
<div class="box-header">Modules</div>
|
2022-01-24 20:41:55 +01:00
|
|
|
|
2022-02-10 20:45:57 +01:00
|
|
|
<div id="modules"></div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
2022-01-24 20:41:55 +01:00
|
|
|
|
2022-02-10 18:46:25 +01:00
|
|
|
<!-- Scripts -->
|
|
|
|
|
<script src="/static/js/controller.js"></script>
|
|
|
|
|
<script type="text/javascript" src="/static/js/segment-display.js"></script>
|
|
|
|
|
</body>
|
2022-01-19 20:44:54 +01:00
|
|
|
</html>
|
