53 lines
1.7 KiB
HTML
53 lines
1.7 KiB
HTML
<!doctype html>
|
|
<html lang="ru">
|
|
|
|
<head lang='en'>
|
|
<meta charset='utf-8'>
|
|
<meta name='viewport' content='width=device-width'>
|
|
<link rel="icon" href="./favicon.ico" />
|
|
<link rel="stylesheet" href="./styles/main.css">
|
|
<link rel="stylesheet" href="./styles/tank-animation.css">
|
|
<title>BattleCity.js</title>
|
|
<script src="./libs/jquery-3.6.0.min.js"></script>
|
|
<script src='./bundle.js'></script>
|
|
</head>
|
|
|
|
<body>
|
|
<main class="wrapper">
|
|
<canvas id="canvas"></canvas>
|
|
<div class="loading">
|
|
<div class="center">
|
|
<div>
|
|
<div class="pixel"></div>
|
|
</div>
|
|
<div class="text-loading">Loading...</div>
|
|
|
|
<form id="form-username">
|
|
<label for="username">Username (max 10 characters):</label>
|
|
<input name="username" id="username" type="text" placeholder="Username..." required maxlength="10">
|
|
<div class='container start-level-button'>
|
|
<button type="submit" class='playBut'>
|
|
|
|
<!-- SVG button from https://codepen.io/lukemeyrick/pen/qdxqwM/ -->
|
|
<svg version="1.1" xmlns="http://www.w3.org/2000/svg"
|
|
xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="213.7px"
|
|
height="213.7px" viewBox="0 0 213.7 213.7" enable-background="new 0 0 213.7 213.7"
|
|
xml:space="preserve">
|
|
|
|
<polygon class='triangle' id="XMLID_18_" fill="none" stroke-width="7"
|
|
stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" points="
|
|
73.5,62.5 148.5,105.8 73.5,149.1 " />
|
|
|
|
<circle class='circle' id="XMLID_17_" fill="none" stroke-width="7"
|
|
stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" cx="106.8"
|
|
cy="106.8" r="103.3" />
|
|
</svg>
|
|
</button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</main>
|
|
</body>
|
|
|
|
</html> |