dao-game / files / public / local.html
local.html
5805825c 2022-03-21 Pavel Safronov | 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="js/local.js"></script> | |
| 11 | </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> | |
| 19 | <div class="controls"> | |
b3c7b964 2022-03-22 Pavel Safronov | 20 | <span class="p1-turn-text">Red</span> |
| 21 | <span class="p2-turn-text">Blue</span> | |
5805825c 2022-03-21 Pavel Safronov | 22 | </div> |
| 23 | ||
| 24 | <table id="table"></table> | |
| 25 | ||
| 26 | <div class="controls"> | |
| 27 | <button type="button" class="button" id="undo-button"> | |
| 28 | Undo | |
| 29 | </button> | |
| 30 | <button type="button" class="button" id="reset-button"> | |
| 31 | Reset | |
| 32 | </button> | |
| 33 | </div> | |
| 34 | </main> | |
| 35 | ||
| 36 | <div class="title"> | |
| 37 | <p>Board game <a href="https://en.wikipedia.org/wiki/Dao_(game)" target="_blank" rel="noopener">Dao</a>.</p> | |
| 38 | </div> | |
| 39 | ||
| 40 | <div class="info"> | |
b3c7b964 2022-03-22 Pavel Safronov | 41 | The game consists of only one simple rule and three ways to win. |
| 42 | ||
| 43 | Rules: | |
| 44 | <ul> | |
| 45 | <li> | |
| 46 | Pieces move in a straight line, including diagonally, as far as possible with no jumps. | |
| 47 | </li> | |
| 48 | </ul> | |
| 49 | Ways to win: | |
| 50 | <ol> | |
| 51 | <li>Arrange your pieces in a straight line on the board (not diagonally)</li> | |
| 52 | <li>Occupy four corners of the board</li> | |
| 53 | <li>Form a 2x2 square anywhere on the board</li> | |
| 54 | </ol> | |
5805825c 2022-03-21 Pavel Safronov | 55 | </div> |
b3c7b964 2022-03-22 Pavel Safronov | 56 | |
5805825c 2022-03-21 Pavel Safronov | 57 | <hr /> |
| 58 | ||
| 59 | <div class="info"> | |
| 60 | <p> | |
| 61 | Here is the | |
2967f3cf 2026-10-27 Pavel Safronov | 62 | <a href="https://code.fuzzyworld.net/dao-game/" target="_blank" rel="noopener">source code</a> |
5805825c 2022-03-21 Pavel Safronov | 63 | </p> |
| 64 | </div> | |
| 65 | ||
| 66 | </body> | |
| 67 | ||
| 68 | </html> |