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.
47 lines
1.6 KiB
47 lines
1.6 KiB
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Dáma Online</title>
|
|
<link rel="stylesheet" href="./css/game.css">
|
|
<link rel="stylesheet" href="./css/main.css">
|
|
</head>
|
|
<body>
|
|
|
|
<section id="game" class="invalid-move">
|
|
<div id="pieces-area"></div>
|
|
<div id="playfield"></div>
|
|
</section>
|
|
<section id="menu">
|
|
<h1>Dáma online</h1>
|
|
<div class="box" id="main-menu">
|
|
<input type="text" name="nickname" id="nickname" placeholder="Zvoj si jméno">
|
|
<button>Začít Hrát</button>
|
|
<button>Seznam Místností</button>
|
|
<button>Založit místnost</button>
|
|
<button>Připojit se s kódem</button>
|
|
</div>
|
|
<div class="box" id="loader">
|
|
<h2>Hledám hru</h2>
|
|
<div class="loader">
|
|
<div></div>
|
|
<div></div>
|
|
<div></div>
|
|
<div></div>
|
|
<div></div>
|
|
</div>
|
|
</div>
|
|
<div class="box" id="code-entry">
|
|
<h2>Zadej kód hry:</h2>
|
|
<input type="text" name="code" id="code">
|
|
<button>potvrdit</button>
|
|
<button>zpět</button>
|
|
</div>
|
|
</section>
|
|
<script src="https://cdn.socket.io/4.8.1/socket.io.min.js"></script>
|
|
<script src="./javascript/game-logic.js"></script>
|
|
<script src="./javascript/communication.js"></script>
|
|
<script src="./javascript/client.js"></script>
|
|
</body>
|
|
</html> |