index.html

1	<!DOCTYPE html>
2	<html lang="en">
3
4	<head>
5	<meta charset="utf-8" />
6	<title>Dao Game</title>
7	<meta name="viewport" content="width=device-width, initial-scale=1" />
8	<link rel="icon" href="yin-yang.svg" type="image/svg+xml" />
9	<link rel="stylesheet" href="styles.css" />
10	<script defer src="dist/index.js"></script>
11	</head>
12
13	<body>
14	<div class="title">
15	<p>Board game <a href="https://en.wikipedia.org/wiki/Dao_(game)" target="_blank" rel="noopener">Dao</a>.</p>
16	</div>
17
18	<div class="info">
19	The game consists of only one simple rule and three ways to win. Rules:
20	<ul>
21	<li>Pieces move in a straight line, including diagonally, as far as possible with no jumps.</li>
22	</ul>
23	Ways to win:
24	<ol>
25	<li>Arrange your pieces in a straight line on the board (not diagonally)</li>
26	<li>Occupy four corners of the board</li>
27	<li>Form a 2x2 square anywhere on the board</li>
28	</ol>
29	</div>
30	<hr />
31	<div class="info">
32	<div>Play local (pass-and-play) game of Dao <a href="local.html">here</a>.</div>
33	<div>Play local (pass-and-play) game of Dao implemented in React <a href="react.html">here</a>.</div>
34	<div>Play online game of Dao <a href="remote.html">here</a>.</div>
35	</div>
36
37	<div class="info">
38	<p>
39	Here is the
40	<a href="https://gitlab.com/fuzzy-rp/dao-game" target="_blank" rel="noopener">source code</a>
41	</p>
42	</div>
43	</body>
44
45	</html>