diff options
author | Thomas Voss <thomasvoss@live.com> | 2022-01-01 19:03:10 +0100 |
---|---|---|
committer | Thomas Voss <thomasvoss@live.com> | 2022-01-01 19:03:10 +0100 |
commit | 53acd91cf3bc4c5a8873e5eeb0afb4eb998934c7 (patch) | |
tree | ea2dd08cdc85abf87481208edb877af6528eeb38 /Assignment 1/game.html | |
parent | 66f6f9a2c66309b5629702bd1e0563a698c19484 (diff) |
Reorganize files, and add lots of CSS
All images have been moved to img/
All source code has been moved to src/
The game.html page now has a draughts board, a vertical seperator, an
imcomplete move history table, a resign button, and a move history
title.
Diffstat (limited to 'Assignment 1/game.html')
-rw-r--r-- | Assignment 1/game.html | 188 |
1 files changed, 0 insertions, 188 deletions
diff --git a/Assignment 1/game.html b/Assignment 1/game.html deleted file mode 100644 index dbbf4ac..0000000 --- a/Assignment 1/game.html +++ /dev/null @@ -1,188 +0,0 @@ -<!DOCTYPE html> -<html lang="en"> -<head> - <meta charset="UTF-8"> - <meta http-equiv="X-UA-Compatible" content="IE=edge"> - <meta name="viewport" content="width=device-width, initial-scale=1.0"> - <title>Draughts</title> -</head> -<body> - <!-- The draughts board is represented using a table --> - <table id="board"> - <tbody> - <!-- Each row has squares which are either black or white, and only black - cells have IDs since a piece cannot land on a white cell. --> - <tr> - <td id="1" class="black"></td> - <td class="white"></td> - <td id="2" class="black"></td> - <td class="white"></td> - <td id="3" class="black"></td> - <td class="white"></td> - <td id="4" class="black"></td> - <td class="white"></td> - <td id="5" class="black"></td> - <td class="white"></td> - </tr> - <tr> - <td id="6" class="black"></td> - <td class="white"></td> - <td id="7" class="black"></td> - <td class="white"></td> - <td id="8" class="black"></td> - <td class="white"></td> - <td id="9" class="black"></td> - <td class="white"></td> - <td id="10" class="black"></td> - <td class="white"></td> - </tr> - <tr> - <td id="11" class="black"></td> - <td class="white"></td> - <td id="12" class="black"></td> - <td class="white"></td> - <td id="13" class="black"></td> - <td class="white"></td> - <td id="14" class="black"></td> - <td class="white"></td> - <td id="15" class="black"></td> - <td class="white"></td> - </tr> - <tr> - <td id="16" class="black"></td> - <td class="white"></td> - <td id="17" class="black"></td> - <td class="white"></td> - <td id="18" class="black"></td> - <td class="white"></td> - <td id="19" class="black"></td> - <td class="white"></td> - <td id="20" class="black"></td> - <td class="white"></td> - </tr> - <tr> - <td id="21" class="black"></td> - <td class="white"></td> - <td id="22" class="black"></td> - <td class="white"></td> - <td id="23" class="black"></td> - <td class="white"></td> - <td id="24" class="black"></td> - <td class="white"></td> - <td id="25" class="black"></td> - <td class="white"></td> - </tr> - <tr> - <td id="26" class="black"></td> - <td class="white"></td> - <td id="27" class="black"></td> - <td class="white"></td> - <td id="28" class="black"></td> - <td class="white"></td> - <td id="29" class="black"></td> - <td class="white"></td> - <td id="30" class="black"></td> - <td class="white"></td> - </tr> - <tr> - <td id="31" class="black"></td> - <td class="white"></td> - <td id="32" class="black"></td> - <td class="white"></td> - <td id="33" class="black"></td> - <td class="white"></td> - <td id="34" class="black"></td> - <td class="white"></td> - <td id="35" class="black"></td> - <td class="white"></td> - </tr> - <tr> - <td id="36" class="black"></td> - <td class="white"></td> - <td id="37" class="black"></td> - <td class="white"></td> - <td id="38" class="black"></td> - <td class="white"></td> - <td id="39" class="black"></td> - <td class="white"></td> - <td id="40" class="black"></td> - <td class="white"></td> - </tr> - <tr> - <td id="41" class="black"></td> - <td class="white"></td> - <td id="42" class="black"></td> - <td class="white"></td> - <td id="43" class="black"></td> - <td class="white"></td> - <td id="44" class="black"></td> - <td class="white"></td> - <td id="45" class="black"></td> - <td class="white"></td> - </tr> - <tr> - <td id="46" class="black"></td> - <td class="white"></td> - <td id="47" class="black"></td> - <td class="white"></td> - <td id="48" class="black"></td> - <td class="white"></td> - <td id="49" class="black"></td> - <td class="white"></td> - <td id="50" class="black"></td> - <td class="white"></td> - </tr> - </tbody> - </table> - <h1>Game History</h1> - <!-- The game/move history table is made up of 8 rows where the first column of each row is - the number of moves ago it was, the second column is blues move, and the third is reds - move. --> - <table> - <tr> - <td class="turn-no">8</td> - <td></td> - <td></td> - </tr> - <tr> - <td class="turn-no">7</td> - <td></td> - <td></td> - </tr> - <tr> - <td class="turn-no">6</td> - <td></td> - <td></td> - </tr> - <tr> - <td class="turn-no">5</td> - <td></td> - <td></td> - </tr> - <tr> - <td class="turn-no">4</td> - <td></td> - <td></td> - </tr> - <tr> - <td class="turn-no">3</td> - <td></td> - <td></td> - </tr> - <tr> - <td class="turn-no">2</td> - <td></td> - <td></td> - </tr> - <tr> - <td class="turn-no">1</td> - <td></td> - <td></td> - </tr> - </table> - - <div class="resign"> - <p>Resign</p> - </div> -</body> -</html> |