-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
169 lines (160 loc) · 5.97 KB
/
index.html
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
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<title>Ludo Project</title>
<link rel="stylesheet" href="main.css" />
</head>
<body>
<section id="main">
<!-- Main Board -->
<div id="board">
<!-- Center Box -->
<div id="center">
<div id="startTurn"><span>CLICK</span></div>
<div class="dice" id="dice1"></div>
<div class="dice" id="dice2"></div>
</div>
<!-- Main player boxes -->
<!-- Player 1 -->
<div class="pBox player1"></div>
<div class="sBox p1TokenBox p1TokenBox1 nuN">
<div class="gtoken1 gtoken"></div>
</div>
<div class="sBox p1TokenBox p1TokenBox2 nuN">
<div class="gtoken2 gtoken"></div>
</div>
<div class="sBox p1TokenBox p1TokenBox3 nuN">
<div class="gtoken3 gtoken"></div>
</div>
<div class="sBox p1TokenBox p1TokenBox4 nuN">
<div class="gtoken4 gtoken"></div>
</div>
<!-- Player 2 -->
<div class="pBox player2"></div>
<div class="sBox p2TokenBox p2TokenBox1 nuN">
<div class="rtoken1 rtoken"></div>
</div>
<div class="sBox p2TokenBox p2TokenBox2 nuN">
<div class="rtoken2 rtoken"></div>
</div>
<div class="sBox p2TokenBox p2TokenBox3 nuN">
<div class="rtoken3 rtoken"></div>
</div>
<div class="sBox p2TokenBox p2TokenBox4 nuN">
<div class="rtoken4 rtoken"></div>
</div>
<!-- Player 3 -->
<div class="pBox player3"></div>
<div class="sBox p3TokenBox p3TokenBox1 nuN">
<div class="btoken1 btoken"></div>
</div>
<div class="sBox p3TokenBox p3TokenBox2 nuN">
<div class="btoken2 btoken"></div>
</div>
<div class="sBox p3TokenBox p3TokenBox3 nuN">
<div class="btoken3 btoken"></div>
</div>
<div class="sBox p3TokenBox p3TokenBox4 nuN">
<div class="btoken4 btoken"></div>
</div>
<!-- Player 4 -->
<div class="pBox player4"></div>
<div class="sBox p4TokenBox p4TokenBox1 nuN">
<div class="ytoken1 ytoken"></div>
</div>
<div class="sBox p4TokenBox p4TokenBox2 nuN">
<div class="ytoken2 ytoken"></div>
</div>
<div class="sBox p4TokenBox p4TokenBox3 nuN">
<div class="ytoken3 ytoken"></div>
</div>
<div class="sBox p4TokenBox p4TokenBox4 nuN">
<div class="ytoken4 ytoken"></div>
</div>
<!-- Path boxes -->
<div class="nBox nBox1 stop"></div>
<div class="nBox nBox2"></div>
<div class="nBox nBox3"></div>
<div class="nBox nBox4"></div>
<div class="nBox nBox5"></div>
<div class="nBox nBox6"></div>
<div class="nBox nBox7"></div>
<div class="nBox nBox8"></div>
<div class="nBox nBox9 stop"></div>
<div class="nBox nBox10"></div>
<div class="nBox nBox11"></div>
<div class="nBox nBox12"></div>
<div class="nBox nBox13"></div>
<div class="nBox nBox14 stop"></div>
<div class="nBox nBox15"></div>
<div class="nBox nBox16"></div>
<div class="nBox nBox17"></div>
<div class="nBox nBox18"></div>
<div class="nBox nBox19"></div>
<div class="nBox nBox20"></div>
<div class="nBox nBox21"></div>
<div class="nBox nBox22 stop"></div>
<div class="nBox nBox23"></div>
<div class="nBox nBox24"></div>
<div class="nBox nBox25"></div>
<div class="nBox nBox26"></div>
<div class="nBox nBox27 stop"></div>
<div class="nBox nBox28"></div>
<div class="nBox nBox29"></div>
<div class="nBox nBox30"></div>
<div class="nBox nBox31"></div>
<div class="nBox nBox32"></div>
<div class="nBox nBox33"></div>
<div class="nBox nBox34"></div>
<div class="nBox nBox35 stop"></div>
<div class="nBox nBox36"></div>
<div class="nBox nBox37"></div>
<div class="nBox nBox38"></div>
<div class="nBox nBox39"></div>
<div class="nBox nBox40 stop"></div>
<div class="nBox nBox41"></div>
<div class="nBox nBox42"></div>
<div class="nBox nBox43"></div>
<div class="nBox nBox44"></div>
<div class="nBox nBox45"></div>
<div class="nBox nBox46"></div>
<div class="nBox nBox47"></div>
<div class="nBox nBox48 stop"></div>
<div class="nBox nBox49"></div>
<div class="nBox nBox50"></div>
<div class="nBox nBox51"></div>
<div class="nBox nBox52"></div>
<!-- Special Boxes -->
<div class="nBox nBoxG1 vip"></div>
<div class="nBox nBoxG2 vip"></div>
<div class="nBox nBoxG3 vip"></div>
<div class="nBox nBoxG4 vip"></div>
<div class="nBox nBoxG5 vip"></div>
<div class="nBox nBoxR1 vip"></div>
<div class="nBox nBoxR2 vip"></div>
<div class="nBox nBoxR3 vip"></div>
<div class="nBox nBoxR4 vip"></div>
<div class="nBox nBoxR5 vip"></div>
<div class="nBox nBoxB1 vip"></div>
<div class="nBox nBoxB2 vip"></div>
<div class="nBox nBoxB3 vip"></div>
<div class="nBox nBoxB4 vip"></div>
<div class="nBox nBoxB5 vip"></div>
<div class="nBox nBoxY1 vip"></div>
<div class="nBox nBoxY2 vip"></div>
<div class="nBox nBoxY3 vip"></div>
<div class="nBox nBoxY4 vip"></div>
<div class="nBox nBoxY5 vip"></div>
<div class="nBox nBoxZ1 vip mnone"></div>
<div class="nBox nBoxZ2 vip mnone"></div>
<div class="nBox nBoxZ3 vip mnone"></div>
<div class="nBox nBoxZ4 vip mnone"></div>
<div class="nBox nBoxZ5 vip mnone"></div>
<script src="script.js"></script>
</div>
</section>
</body>
</html>