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.
70 lines
4.6 KiB
70 lines
4.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>Založit místnost</button>
|
|
<button>Připojit do místnosti</button>
|
|
<button>Lokální Hra</button>
|
|
<button>Jak hrát?</button>
|
|
</div>
|
|
<div class="box" id="loader" style="display: none;">
|
|
<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" style="display: none;">
|
|
<h2>Připojit se</h2>
|
|
<input type="text" name="code" id="code" placeholder="kód hry">
|
|
<button>potvrdit</button>
|
|
<button>zpět</button>
|
|
</div>
|
|
<div class="box error" id="alert" style="display: none;">
|
|
<h2>Chyba!</h2>
|
|
<p>Server neodpovídá: Lorem, ipsum dolor sit amet consectetur adipisicing elit. Repudiandae eligendi, quaerat dolorem, odio cum quidem aliquam fugit tempora nesciunt tempore, accusantium ex officiis eum quo mollitia vel maxime iure dolores?
|
|
Officiis sit maiores architecto recusandae esse animi voluptatum omnis labore. Reiciendis doloremque consequatur praesentium ipsum ab deleniti a sit numquam soluta illo perferendis repellat rem, autem saepe ad beatae quibusdam.
|
|
Maxime, voluptas similique magnam dolorum optio nobis eligendi. Voluptatum iure delectus, alias aut, facilis repudiandae molestiae, accusantium dolorem cumque voluptates suscipit dignissimos temporibus sequi! Voluptatum autem quas doloribus quisquam iure.
|
|
Reiciendis molestias est at earum, blanditiis unde repudiandae. Saepe atque dolore, labore nihil debitis itaque commodi veritatis perferendis sunt. Quas atque praesentium dicta soluta ratione exercitationem animi labore neque? Facilis.
|
|
Sapiente consequatur, eveniet earum debitis accusantium exercitationem. Id quod perspiciatis nesciunt optio fugit accusantium sequi qui ea excepturi quae veritatis quos, ullam animi libero aut aspernatur asperiores consequuntur labore quam!
|
|
Totam a accusantium fugit animi minus minima consectetur libero velit modi in molestiae temporibus id illo ab reprehenderit assumenda voluptas, soluta quis dolorem veniam enim eaque dolores facilis quaerat! Architecto.
|
|
Ab quas dolores nulla quos architecto voluptas deleniti nobis voluptate quaerat maxime. Nihil dolor adipisci accusantium enim. Possimus vero, harum ab adipisci eligendi deserunt nisi ad dolor praesentium cupiditate! Quo.
|
|
Praesentium aliquam quae culpa nisi delectus magni deleniti tempora corporis atque quos, eius reiciendis quas, commodi nostrum dicta temporibus minima quasi fugiat. Consequuntur labore aliquam rem quae voluptatibus quam mollitia.
|
|
Odio blanditiis sit, culpa voluptates aut labore! Incidunt, earum necessitatibus libero assumenda magnam est odit rem ex minus. Commodi nobis autem veritatis aperiam rerum nulla dignissimos quaerat tempora dolor obcaecati!
|
|
Eveniet, molestias rerum officiis aliquid necessitatibus eaque veniam, commodi dolor nemo sint voluptas explicabo voluptatum, temporibus quasi quis illum architecto. Ea beatae odio facere? Ipsum eos sequi officia natus nam!</p>
|
|
<button>zpět</button>
|
|
</div>
|
|
<div class="box lobby">
|
|
<h2>Soukromá Hra</h2>
|
|
<p>Zvací kód: <span>A5G3D</span></p>
|
|
<p>Hráč bílý: <span>Test</span></p>
|
|
<p>Hráč černý: <span>-</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/communication.js"></script>
|
|
<script src="./javascript/client.js"></script>
|
|
</body>
|
|
</html> |