Chess-Project/chess.html at main · ThomasTorres2024/Chess-Project · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link href="chess_board_graphics.css" rel="stylesheet">

</head>

<body id = "all">

  <!--Nav Bar-->
  <div id = "navbar_container">
    <nav id = "navbar">

      <ul>
        <li>
          <img src = "images/site/logo.png" style = "width:40px;height:40px;padding-right:20px;"></img>
        </li>
        <li> <a href = "youtube.com">Play</a> </li>
        <li> <a href = "youtube.com">Puzzles</a> </li>
        <li> <a href = "youtube.com">Learn</a> </li>
        <li> <a href = "youtube.com">Watch</a> </li>
        <li> <a href = "youtube.com">Community</a> </li>
        <li> <a href = "youtube.com">Tools</a> </li>
        <li> <a href = "youtube.com">Donate</a> </li>
      </ul>
    </nav>
  </div>

  <!--The part undeneath the navigation bar containing the board, wikibook section, and on the right the opening information-->
  <div id = "middle_part">

    <div id = "wikibookcontainer"></div>

    <!-- Board -->
    <div id="chess_board_container">

        <!-- img src = /images/pieces/board.png width = 480 height = 480 style = "position:absolute" -->

        <div id = "A1"></div>
        <div id = "A2"></div>
        <div id = "A3"></div>
        <div id = "A4"></div>
        <div id = "A5"></div>
        <div id = "A6"></div>
        <div id = "A7"></div>
        <div id = "A8"></div>
        <div id = "B1"></div>
        <div id = "B2"></div>
        <div id = "B3"></div>
        <div id = "B4"></div>
        <div id = "B5"></div>
        <div id = "B6"></div>
        <div id = "B7"></div>
        <div id = "B8"></div>
        <div id = "C1"></div>
        <div id = "C2"></div>
        <div id = "C3"></div>
        <div id = "C4"></div>
        <div id = "C5"></div>
        <div id = "C6"></div>
        <div id = "C7"></div>
        <div id = "C8"></div>
        <div id = "D1"></div>
        <div id = "D2"></div>
        <div id = "D3"></div>
        <div id = "D4"></div>
        <div id = "D5"></div>
        <div id = "D6"></div>
        <div id = "D7"></div>
        <div id = "D8"></div>
        <div id = "E1"></div>
        <div id = "E2"></div>
        <div id = "E3"></div>
        <div id = "E4"></div>
        <div id = "E5"></div>
        <div id = "E6"></div>
        <div id = "E7"></div>
        <div id = "E8"></div>
        <div id = "F1"></div>
        <div id = "F2"></div>
        <div id = "F3"></div>
        <div id = "F4"></div>
        <div id = "F5"></div>
        <div id = "F6"></div>
        <div id = "F7"></div>
        <div id = "F8"></div>
        <div id = "G1"></div>
        <div id = "G2"></div>
        <div id = "G3"></div>
        <div id = "G4"></div>
        <div id = "G5"></div>
        <div id = "G6"></div>
        <div id = "G7"></div>
        <div id = "G8"></div>
        <div id = "H1"></div>
        <div id = "H2"></div>
        <div id = "H3"></div>
        <div id = "H4"></div>
        <div id = "H5"></div>
        <div id = "H6"></div>
        <div id = "H7"></div>
        <div id = "H8"></div>
    </div>

    <!-- record of moves-->
    <div id ="round_record">
    </div>

  </div>

    <script type="module" src="main.js"> </script>


</body>
</html>