forked from IsraelTeChallenge/monopoly
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
223 lines (212 loc) · 14.4 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
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="UTF-8">
<title>Monopoly</title>
<link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet">
<link rel="stylesheet" href="./css/monopoly.css">
<link rel="stylesheet" href="./css/common.css">
<script src="https://code.jquery.com/jquery-2.1.4.min.js" type="text/javascript"></script>
<script src="./js/monopoly.js" type="text/javascript"></script>
</head>
<body>
<div class="scores">
</div>
<div class="board">
<div id="cell21" class="top left corner game cell free-parking"><div class="content"></div></div>
<div id="cell22" class="top game cell available property" data-group="group5"><div class="content"></div><div class="title"></div></div>
<div id="cell23" class="top game cell community"><div class="content"></div><div class="title"></div></div>
<div id="cell24" class="top game cell available property" data-group="group5"><div class="content"></div><div class="title"></div></div>
<div id="cell25" class="top game cell available property" data-group="group5"><div class="content"></div><div class="title"></div></div>
<div id="cell26" class="top game cell available property" data-group="rail"><div class="content"></div><div class="title"></div></div>
<div id="cell27" class="top game cell available property" data-group="group6"><div class="content"></div><div class="title"></div></div>
<div id="cell28" class="top game cell available property" data-group="group6"><div class="content"></div><div class="title"></div></div>
<div id="cell29" class="top game cell chance"><div class="content"></div><div class="title"></div></div>
<div id="cell30" class="top game cell available property" data-group="group6"><div class="content"></div><div class="title"></div></div>
<div id="cell31" class="top right corner game cell go-to-jail"><div class="content"></div></div>
<div id="cell20" class="game cell left available property" data-group="group4"><div class="content"></div><div class="title"></div></div>
<div class="cell"></div>
<div class="cell"></div>
<div class="cell"></div>
<div class="cell"></div>
<div class="cell"></div>
<div class="cell"></div>
<div class="cell"></div>
<div class="cell"></div>
<div class="cell"></div>
<div id="cell32" class="game cell right available property" data-group="group7"><div class="title"></div><div class="content"></div></div>
<div id="cell19" class="game cell left available property" data-group="group4"><div class="content"></div><div class="title"></div></div>
<div class="cell"></div>
<div class="cell"></div>
<div class="cell"></div>
<div class="cell"></div>
<div class="cell"></div>
<div class="cell"></div>
<div class="cell"></div>
<div class="cell"></div>
<div class="cell"></div>
<div id="cell33" class="game cell right available property" data-group="group7"><div class="title"></div><div class="content"></div></div>
<div id="cell18" class="game cell left chance"><div class="content"></div><div class="title"></div></div>
<div class="cell"></div>
<div class="cell"></div>
<div class="cell"></div>
<div class="cell"></div>
<div class="cell"></div>
<div class="cell"></div>
<div class="cell"></div>
<div class="cell"></div>
<div class="cell"></div>
<div id="cell34" class="game cell right chance"><div class="title"></div><div class="content"></div></div>
<div id="cell17" class="game cell left available property" data-group="group4"><div class="content"></div><div class="title"></div></div>
<div class="cell"></div>
<div class="cell"></div>
<div class="cell"></div>
<div class="cell"></div>
<div class="cell"></div>
<div class="cell"></div>
<div class="cell"></div>
<div class="cell"></div>
<div class="cell"></div>
<div id="cell35" class="game cell right available property" data-group="group7"><div class="title"></div><div class="content"></div></div>
<div id="cell16" class="game cell left available property" data-group="rail"><div class="content"></div><div class="title"></div></div>
<div class="cell"></div>
<div class="cell"></div>
<div class="cell"></div>
<div id="dice1" class="cell dice clickable shadowed">
<div class="dice-dot num2 num3 num4 num5 num6"></div>
<div class="dice-dot right num4 num5 num6"></div><br />
<div class="dice-dot num6"></div>
<div class="dice-dot num1 num5 num3"></div>
<div class="dice-dot num6"></div><br />
<div class="dice-dot num4 num5 num6"></div>
<div class="dice-dot num2 num3 num4 num5 num6 right"></div>
</div>
<div class="cell"></div>
<div id="dice2" class="cell dice clickable shadowed">
<div class="dice-dot num2 num3 num4 num5 num6"></div>
<div class="dice-dot right num4 num5 num6"></div><br />
<div class="dice-dot num6"></div>
<div class="dice-dot num1 num5 num3"></div>
<div class="dice-dot num6"></div><br />
<div class="dice-dot num4 num5 num6"></div>
<div class="dice-dot num2 num3 num4 num5 num6 right"></div>
</div>
<div class="cell"></div>
<div class="cell"></div>
<div class="cell"></div>
<div id="cell36" class="game cell right available property" data-group="rail"><div class="title"></div><div class="content"></div></div>
<div id="cell15" class="game cell left available property" data-group="group3"><div class="content"></div><div class="title"></div></div>
<div class="cell"></div>
<div class="cell"></div>
<div class="cell"></div>
<div class="cell"></div>
<div class="cell"></div>
<div class="cell"></div>
<div class="cell"></div>
<div class="cell"></div>
<div class="cell"></div>
<div id="cell37" class="game cell right"><div class="title"></div><div class="content"></div></div>
<div id="cell14" class="game cell left available property" data-group="group3"><div class="content"></div><div class="title"></div></div>
<div class="cell"></div>
<div class="cell"></div>
<div class="cell"></div>
<div class="cell"></div>
<div class="cell"></div>
<div class="cell"></div>
<div class="cell"></div>
<div class="cell"></div>
<div class="cell"></div>
<div id="cell38" class="game cell right available property" data-group="group8"><div class="title"></div><div class="content"></div></div>
<div id="cell13" class="game cell left community"><div class="content"></div><div class="title"></div></div>
<div class="cell"></div>
<div class="cell"></div>
<div class="cell"></div>
<div class="cell"></div>
<div class="cell"></div>
<div class="cell"></div>
<div class="cell"></div>
<div class="cell"></div>
<div class="cell"></div>
<div id="cell39" class="game cell right community"><div class="title"></div><div class="content"></div></div>
<div id="cell12" class="game cell left available property" data-group="group3"><div class="content"></div><div class="title"></div></div>
<div class="cell"></div>
<div class="cell"></div>
<div class="cell"></div>
<div class="cell"></div>
<div class="cell"></div>
<div class="cell"></div>
<div class="cell"></div>
<div class="cell"></div>
<div class="cell"></div>
<div id="cell40" class="game cell right available property" data-group="group8"><div class="title"></div><div class="content"></div></div>
<div id="cell11" class="bottom left corner game cell in-jail"><div class="content"></div></div>
<div id="cell10" class="bottom game cell available property" data-group="group2"><div class="title"></div><div class="content"></div></div>
<div id="cell9" class="bottom game cell available property" data-group="group2"><div class="title"></div><div class="content"></div></div>
<div id="cell8" class="bottom game cell community"><div class="title"></div><div class="content"></div></div>
<div id="cell7" class="bottom game cell available property" data-group="group2"><div class="title"></div><div class="content"></div></div>
<div id="cell6" class="bottom game cell available property" data-group="rail"><div class="title"></div><div class="content"></div></div>
<div id="cell5" class="bottom game cell chance"><div class="title"></div><div class="content"></div></div>
<div id="cell4" class="bottom game cell "><div class="title"></div><div class="content"></div></div>
<div id="cell3" class="bottom game cell available property" data-group="group1"><div class="title"></div><div class="content"></div></div>
<div id="cell2" class="bottom game cell available property" data-group="group1"><div class="title"></div><div class="content"></div></div>
<div id="cell1" class="bottom right corner game cell go"><div class="content"></div></div>
</section>
<section class="hidden templates" style="display:none;" >
</section>
<div class="popup-lightbox" style="display:none;">
<div class="middle-center shadowed popup">
<div id="intro" class="popup-page" style="display:none;">
<div class="popup-title">Welcome to Monopoly</div>
<div class="popup-content">Please choose how many players?<br /><input id="num-of-players" type="text"><button class="clickable">START</button><br>
<div class="invalid-error" >Number of players must be between 1 and 6</div></div>
</div>
<div id="buy" class="popup-page" style="display:none;">
<div class="popup-title">This cell is available for sale!</div>
<div class="popup-content">Do you want to buy it for <span class="cell-price"> </span>?<br />
<button id="yes" class="clickable" >YES</button>
<button id="no" class="clickable" >NO</button><br>
<div class="invalid-error" >You don't have enough money...</div></div>
</div>
<div id="jail" class="popup-page" style="display:none;">
<div class="popup-title">Go to Jail!</div>
<div class="popup-content">You miss 3 turns<br />
<button id="ok" class="clickable">Bummer</button>
</div>
</div>
<div id="pay" class="popup-page" style="display:none;">
<div class="popup-title">Pay up</div>
<div class="popup-content">This property belongs to <span id="player-placeholder"></span><br>
You should pay him <span id="amount-placeholder"></span><br />
<button id="ok" class="clickable">:-(</button>
</div>
</div>
<div id="chance" class="popup-page" style="display:none;">
<div class="popup-title"></div>
<div class="popup-content">
<div id="text-placeholder"></div>
<button id="ok" class="clickable">OK</button>
</div>
</div>
<div id="community" class="popup-page" style="display:none;">
<div class="popup-title"></div>
<div class="popup-content">
<div id="text-placeholder"></div>
<button id="ok" class="clickable">OK</button>
</div>
</div>
<div id="reroll" class="popup-page" style="display:none;">
<div class="popup-title">Reroll!</div>
<div class="popup-content">Lucky you :)<br />
<button id="ok" class="clickable">OK</button>
</div>
</div>
<div id="lost" class="popup-page" style="display:none;">
<div class="popup-title">You lost!</div>
<div class="popup-content">You will be forcefully removed from the game.<br />
<button id="ok" class="clickable">OK</button>
</div>
</div>
</div>
</div>
</div>
</html>