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.
62 lines
2.3 KiB
62 lines
2.3 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>Hrát Online</button>
|
|
<button onclick="playLocal()">Hrát Lokálně</button>
|
|
<button onclick="createGame()">Založit Hru</button>
|
|
<button onclick="joinWithCode()">Připojit se do Hry</button>
|
|
<button>Jak hrát?</button>
|
|
</div>
|
|
<div class="box" id="loader">
|
|
<h2 id="loaderText">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>Připojit se</h2>
|
|
<input type="text" name="code" id="code" placeholder="kód hry">
|
|
<button onclick="confirmJoinWithCode()">potvrdit</button>
|
|
<button onclick="backToMainMenu()">zpět</button>
|
|
</div>
|
|
<div class="box" id="alert">
|
|
<h2>Chyba!</h2>
|
|
<p id="errorMessage"></p>
|
|
<button onclick="backToMainMenu()">zpět</button>
|
|
</div>
|
|
<div class="box lobby" id="lobby">
|
|
<h2>Soukromá Hra</h2>
|
|
<p>Zvací kód: <span id="inviteCode">-</span></p>
|
|
<p>Hráč bílý: <span id="whitePlayer">-</span></p>
|
|
<p>Hráč černý: <span id="blackPlayer">-</span></p>
|
|
<button>Prohodit hráče</button>
|
|
<button disabled>začít hru</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/client-server.js"></script>
|
|
<script src="./javascript/menu.js"></script>
|
|
|
|
</body>
|
|
</html> |