You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
113 lines
3.9 KiB
113 lines
3.9 KiB
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Robots</title>
|
|
<link rel="stylesheet" href="index.css">
|
|
<link rel="stylesheet" href="controls.css">
|
|
<link rel="stylesheet" href="content.css">
|
|
<link rel="stylesheet" href="join.css">
|
|
<link href="https://fonts.googleapis.com/css2?family=Montserrat&display=swap" rel="stylesheet">
|
|
<script type='text/javascript' src='client/content.js'></script>
|
|
<script type='text/javascript' src='client/connection.js'></script>
|
|
<script type='text/javascript' src='client/controls.js'></script>
|
|
<script type='text/javascript' src='client/cookie.js'></script>
|
|
<script type='text/javascript' src='client/join.js'></script>
|
|
<script type='text/javascript' src='client/squares.js'></script>
|
|
</head>
|
|
<body>
|
|
<div id="join">
|
|
<div id='join-setup'>
|
|
<button type='button' class='join-button' id='join-setup-start'>Start a new game</button>
|
|
<div class='join-message'>- or -</div>
|
|
<input type="text" placeholder="Join a game" />
|
|
<button type='text' class='join-button' id='join-setup-go'>Go</button>
|
|
</div>
|
|
|
|
<div id="join-connect">
|
|
<div class='join-message'>Contacting Server</div>
|
|
</div>
|
|
|
|
<div id="join-error">
|
|
<div class='join-message'>Can't reach the server.</div>
|
|
<button type='text' class='join-button' id='join-setup-back'>Back</button>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="controls-container">
|
|
<div id="controls-manage">
|
|
<div class='controls-subtitle'>Global</div>
|
|
|
|
<div class="controls-row">
|
|
<div>Start Next Round</div>
|
|
<div> </div>
|
|
<div class='controls-button' id='controls-start'>Do It</div>
|
|
</div>
|
|
|
|
<div class="controls-row">
|
|
<div>Stop This Round</div>
|
|
<div> </div>
|
|
<div class='controls-button' id='controls-stop'>Yeah</div>
|
|
</div>
|
|
|
|
<div class="controls-row">
|
|
<div>Move Robots</div>
|
|
<div> </div>
|
|
<div class='controls-button' id='controls-robots'>Reposition</div>
|
|
</div>
|
|
|
|
<div class="controls-row">
|
|
<div>Move Walls</div>
|
|
<div> </div>
|
|
<div class='controls-button' id='controls-walls'>Regenerate</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="controls-players">
|
|
<div class='controls-subtitle'>Players</div>
|
|
|
|
<div class="controls-player" id='controls-players-nobody'>Nobody is in the game yet.</div>
|
|
</div>
|
|
|
|
|
|
<div id="controls-local">
|
|
<div class='controls-subtitle'>Local</div>
|
|
<div class="controls-row">
|
|
<div>Moves:</div>
|
|
<div id="controls-moves">4</div>
|
|
<div class='controls-button' id='controls-moves-reset'>Reset</div>
|
|
</div>
|
|
|
|
<div class="controls-row">
|
|
<div>Timer:</div>
|
|
<div id="controls-timer">0:42</div>
|
|
<div class='controls-button' id='controls-timer-skip'>Skip</div>
|
|
</div>
|
|
|
|
<div id="controls-guesses">
|
|
<div class="controls-alert">How many moves to win?</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="controls-footer">
|
|
<div>Heart (match head height)</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="content-container"></div>
|
|
|
|
<script>
|
|
window.addEventListener('load', () => {
|
|
const squares = new Squares();
|
|
new Join();
|
|
|
|
new Connection();
|
|
|
|
new Controls();
|
|
|
|
new Content({ parent: document.getElementById('content-container'), squares });
|
|
})
|
|
</script>
|
|
</body>
|
|
</html> |