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.
60 lines
2.5 KiB
60 lines
2.5 KiB
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<title>openzilch.js</title>
|
|
<link href="style/main.css" rel="stylesheet" type="text/css" />
|
|
</head>
|
|
|
|
<body>
|
|
<div class="container">
|
|
<div class="header">
|
|
<h1>openzilch.js</h1>
|
|
<p class="description">Simple javascript implementation of the <strong>Zilch</strong> game, also known as <strong>Dice 10000</strong>. For rules see <a href="https://en.wikipedia.org/wiki/Dice_10000" target="_blank">Dice 10000 - Wikipedia</a>.</p>
|
|
</div>
|
|
<div class="game">
|
|
<div class="top">
|
|
<div class="score-container player" id="player-score-container">
|
|
<label class="label" for="player-score">Player</label>
|
|
<div class="score" id="player-score"></div>
|
|
</div>
|
|
<button class="button" id="restart-button">New Game</button>
|
|
<div class="score-container cpu" id="cpu-score-container">
|
|
<label class="label" for="cpu-score">CPU</label>
|
|
<div class="score" id="cpu-score"></div>
|
|
</div>
|
|
</div>
|
|
<div class="dices-container">
|
|
<div class="message" id="message"></div>
|
|
<div class="dices" id="dices">
|
|
<button class="dice"></button>
|
|
<button class="dice"></button>
|
|
<button class="dice"></button>
|
|
<button class="dice"></button>
|
|
<button class="dice"></button>
|
|
<button class="dice"></button>
|
|
</div>
|
|
</div>
|
|
<div class="action">
|
|
<button class="button" id="points-button">Take Points</button>
|
|
<div class="pointsContainer">
|
|
<label class="label" for="points">Points</label>
|
|
<div class="points" id="points"></div>
|
|
</div>
|
|
<button class="button" id="dices-button">Role Dice/s</button>
|
|
</div>
|
|
</div>
|
|
<hr />
|
|
<p>Created by Lukas Haubaum. Design template and code inspiration by <a href="https://gabrielecirulli.github.io/2048/" target="_blank">Gabriele Cirulli's 2048</a>.</p>
|
|
<hr />
|
|
<div class="footer">
|
|
<p><a href="https://github.com/lurkars/openzilch.js" target="_blank">Github</a></p>
|
|
</div>
|
|
</div>
|
|
|
|
<script type="text/javascript" src="js/interface.js"></script>
|
|
<script type="text/javascript" src="js/game.js"></script>
|
|
</body>
|
|
|
|
</html>
|