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.
85 lines
1.9 KiB
85 lines
1.9 KiB
<!doctype html>
|
|
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
|
|
<title>Scord</title>
|
|
<meta name="description" content="Darts scoreboard app">
|
|
<meta name="author" content="Kolarix">
|
|
|
|
<link href="https://fonts.googleapis.com/css?family=Quicksand:300,400,700&display=swap&subset=latin-ext" rel="stylesheet">
|
|
<link rel="stylesheet" href="css/styles.css">
|
|
|
|
</head>
|
|
|
|
<body>
|
|
|
|
<header>
|
|
<div class="header-wrapper wrapper">
|
|
<h1 class="header-name">Scord * </h1>
|
|
<h2 class="header-sub">simple darts scoreboard</h2>
|
|
</div>
|
|
</header>
|
|
|
|
<main>
|
|
<div id="main-wrapper" class="wrapper">
|
|
<div id="players" class="entry">
|
|
<div class="players-wrapper">
|
|
<div class="new-player">
|
|
<input type="text"
|
|
name="Player"
|
|
id="add-player"
|
|
class="input"
|
|
placeholder="Enter player name...">
|
|
<button id="add"
|
|
class="btn"
|
|
onclick="addPlayer()"
|
|
>ADD PLAYER</button>
|
|
</div>
|
|
<ul id="players-list"></ul>
|
|
</div>
|
|
</div>
|
|
<div id="modes" class="entry" style="display: none;">
|
|
<span onclick="showModes()" id="select-mode">
|
|
SELECT MODE
|
|
</span>
|
|
<ul id="modes-list" style="display:none;">
|
|
<li id="201">201</li>
|
|
<li id="301">301</li>
|
|
<li id="501">501</li>
|
|
<li id="701">701</li>
|
|
<li id="1001">1001</li>
|
|
</ul>
|
|
</div>
|
|
<button class="btn entry"
|
|
id="start"
|
|
onclick="startGame()"
|
|
style="display: none;"
|
|
>
|
|
START GAME
|
|
</button>
|
|
|
|
<table id="game-table" style="display:none;">
|
|
<caption>Game mode: <span id="active-mode"></span></caption>
|
|
<tbody>
|
|
<tr id="active-players">
|
|
<td id="round-number">#</td>
|
|
</tr>
|
|
</tbody>
|
|
<tfoot>
|
|
<tr>
|
|
<td>=</td>
|
|
</tr>
|
|
</tfoot>
|
|
</table>
|
|
</div>
|
|
</main>
|
|
|
|
<footer>
|
|
|
|
<script src="js/scripts.js"></script>
|
|
</footer>
|
|
|
|
</body>
|
|
</html> |