Arne van Iterson
2ee13bb022
Room list on login Restart button to prevent socket.io instance from hanging around Disabled contextmenu on entire playing field Added better logging for players who died Changed some gameplay variables after player feedback
97 lines
2.8 KiB
HTML
97 lines
2.8 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
|
|
<!--
|
|
SVG Icons by FontAwesome, no changes have been made to the icons used (bomb, flag)
|
|
Licence: https://fontawesome.com/license
|
|
-->
|
|
|
|
<title>Minesweeper 99</title>
|
|
</head>
|
|
|
|
<body>
|
|
<h1>Minesweeper 99</h1>
|
|
<h4 class="subheader">Now with 16 players max</h4>
|
|
|
|
<div id="main">
|
|
<div>
|
|
|
|
<div id="board">
|
|
<!-- Renderer will push content here -->
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div>
|
|
|
|
<div id="stats">
|
|
<h2>Time left:</h2>
|
|
<span>--:--</span>
|
|
<hr>
|
|
|
|
<div>
|
|
<div id="bombs">
|
|
<h3>Bombs left:</h3>
|
|
<span>-</span>
|
|
</div>
|
|
|
|
<div id="players">
|
|
<h3>Players:</h3>
|
|
<span>-/-</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="register">
|
|
<h2>Welcome</h2>
|
|
<form action="#">
|
|
<label for="username">Username:</label><br>
|
|
<input type="text" name="username" placeholder="Username" required="true"><br><br>
|
|
|
|
<label for="opponents">Number of players:</label><br>
|
|
<input type="number" min="2" max="16" name="opponents" value="2"><br>
|
|
|
|
<h3>Rooms available:</h3>
|
|
<span id="query">
|
|
<!-- Query output will be pushed here -->
|
|
</span>
|
|
<br>
|
|
|
|
<label for="store">Save this username:</label>
|
|
<input type="checkbox" name="store"><br>
|
|
|
|
<label for="session">Use these settings this session:</label>
|
|
<input type="checkbox" name="session"><br>
|
|
<label for="session" style="color: red">These features use cookies.</label><br><br>
|
|
|
|
<button type="submit">Submit</button>
|
|
</form>
|
|
</div>
|
|
|
|
<div id="log">
|
|
<h2>Gamelog</h2>
|
|
<div>
|
|
<!-- Game log will be pushed here -->
|
|
</div>
|
|
<div>
|
|
<button id="restart" disabled>Restart</button>
|
|
<!-- <button>Toggle dark mode</button> -->
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<script src="/main.js"></script>
|
|
|
|
<footer>
|
|
> Coded by <a href="//arnweb.nl" target="new">McArn</a>. (v1.0.7)<br>
|
|
> Found bugs? <a href="//arnweb.nl/contact/">Contact me</a>
|
|
</footer>
|
|
|
|
</body>
|
|
|
|
</html> |