fuzzyworld

dao-game / files / public / remote.html

remote.html

Blame: the commit that last changed each line · file · history

cda3e92d 2022-03-11 Pavel Safronov1<!DOCTYPE html>
2<html lang="en">
5805825c 2022-03-21 Pavel Safronov3
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" />
5648264d 2022-03-22 Pavel Safronov10 <script defer src="js/remote.js"></script>
5805825c 2022-03-21 Pavel Safronov11</head>
12
13<body>
14 <div id="placeholders" class="invisible">
15 <p class="piece p1-piece" id="default-p1-piece"></p>
16 <p class="piece p2-piece" id="default-p2-piece"></p>
17 </div>
18 <main class="invisible">
19 <div class="controls">
b3c7b964 2022-03-22 Pavel Safronov20 <span class="p1-turn-text">Red</span>
21 <span class="p2-turn-text">Blue</span>
f2c94061 2022-03-21 Pavel Safronov22 </div>
23
5805825c 2022-03-21 Pavel Safronov24 <table id="table"></table>
25 </main>
f2c94061 2022-03-21 Pavel Safronov26
5805825c 2022-03-21 Pavel Safronov27 <hr />
b3c7b964 2022-03-22 Pavel Safronov28 <div id="share-container" class="invisible info">
29 Press this button to share a link with your opponent.
30 <button id="share-link">Share <img src="share.png" /></button>
31 </div>
5805825c 2022-03-21 Pavel Safronov32 <hr />
f2c94061 2022-03-21 Pavel Safronov33
5805825c 2022-03-21 Pavel Safronov34 <div class="title">
35 <p>Board game <a href="https://en.wikipedia.org/wiki/Dao_(game)" target="_blank" rel="noopener">Dao</a>.</p>
36 </div>
f2c94061 2022-03-21 Pavel Safronov37
5805825c 2022-03-21 Pavel Safronov38 <div class="info">
b3c7b964 2022-03-22 Pavel Safronov39 The game consists of only one simple rule and three ways to win.
40
41 Rules:
42 <ul>
43 <li>
44 Pieces move in a straight line, including diagonally, as far as possible with no jumps.
45 </li>
46 </ul>
47 Ways to win:
48 <ol>
49 <li>Arrange your pieces in a straight line on the board (not diagonally)</li>
50 <li>Occupy four corners of the board</li>
51 <li>Form a 2x2 square anywhere on the board</li>
52 </ol>
5805825c 2022-03-21 Pavel Safronov53 </div>
b3c7b964 2022-03-22 Pavel Safronov54
5805825c 2022-03-21 Pavel Safronov55 <hr />
f2c94061 2022-03-21 Pavel Safronov56
5805825c 2022-03-21 Pavel Safronov57 <div class="info">
58 <p>
59 Here is the
2967f3cf 2026-10-27 Pavel Safronov60 <a href="https://code.fuzzyworld.net/dao-game/" target="_blank" rel="noopener">source code</a>
5805825c 2022-03-21 Pavel Safronov61 </p>
62 </div>
63
64 <div id="other-mouse">
65 <img src="./cursor.png" alt="cursor" />
66 </div>
67
68</body>
69
70</html>