-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
119 lines (105 loc) · 13.9 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
<!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>Card Game</title>
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<div class="game-background">
<svg class="tableSVG"xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2094 1487.167">
<g transform="translate(-29 -35)">
<path class="a" d="M2027 789c0 377-441 682-985 682S56 1166 56 789V271c0-90 74-163 164-163h1644a163 163 0 0 1 163 163z"/>
<path class="b" d="M533 35a62 62 0 0 1 0 124H254a102 102 0 0 0-72 30 99 99 0 0 0-29 71v519c0 182 117 331 261 431 190 131 434 188 662 188s472-57 662-188c144-100 262-249 262-431V260c0-27-11-52-30-71a102 102 0 0 0-72-30h-279a62 62 0 1 1 0-124h279c124 0 225 101 225 225v519c0 224-136 409-315 532a1303 1303 0 0 1-732 211c-253 0-521-65-732-211-179-123-315-308-315-532V260C29 136 130 35 254 35h279z"/>
<path class="c" d="M533 74H254A186 186 0 0 0 67 260v519c0 211 131 384 299 501 204 141 464 204 710 204s506-63 710-204c168-117 299-290 299-501V260a186 186 0 0 0-187-186h-279a23 23 0 0 0 0 46h279a140 140 0 0 1 140 140v519c0 195-124 356-278 463a1217 1217 0 0 1-684 195c-236 0-487-60-684-195-154-107-278-268-278-463V260a140 140 0 0 1 140-140h279a23 23 0 1 0 0-46z"/>
<path class="b" d="M766 603h121v10H766zm499 0h121v10h-121z"/>
<path class="a" d="M1101 935h121a18 18 0 0 1 18 18v190c0 9-8 17-18 17h-121c-10 0-18-8-18-17V953a18 18 0 0 1 18-18z"/>
<path class="d" d="M607 930L499 819a10 10 0 0 0-14 0L312 988a10 10 0 0 0 0 14l107 111a10 10 0 0 0 14 0l174-169a10 10 0 0 0 0-14zm-99-120l108 111c5 4 7 10 7 16s-3 12-7 16l-174 169a23 23 0 0 1-32 0l-108-111a23 23 0 0 1 1-32l173-169c5-5 10-7 16-7s12 3 16 7zm1038 112l107-111a10 10 0 0 1 14 0l174 169a10 10 0 0 1 0 14l-108 110a10 10 0 0 1-14 1l-173-169a10 10 0 0 1 0-14zm98-120l-108 111c-4 4-6 10-6 16s2 12 7 16l173 169c5 4 10 7 16 6 6 0 12-2 16-6l108-111c5-5 7-10 7-16s-3-12-7-16l-174-169c-4-5-10-7-16-7s-12 3-16 7zm-351 232l146-51a10 10 0 0 1 13 6l80 228a10 10 0 0 1-6 13l-145 51a10 10 0 0 1-13-6l-81-228a10 10 0 0 1 6-13zm142-63l-146 51c-6 2-10 7-13 12-2 5-3 12-1 17l81 228v1a25 25 0 0 0 12 13c5 2 11 3 17 1l146-52c6-2 10-7 13-12 2-5 3-11 1-17l-81-228a22 22 0 0 0-12-13c-5-3-11-4-17-1zm-573 60l-145-51a10 10 0 0 0-13 6l-81 228a10 10 0 0 0 6 12l146 52a10 10 0 0 0 12-6l81-228a10 10 0 0 0-6-13zm-141-64l146 52c6 2 10 6 13 12 2 5 3 11 1 17l-81 228a22 22 0 0 1-12 13c-5 3-12 3-18 1l-145-51a22 22 0 0 1-13-12c-3-5-3-12-1-18l81-228c2-6 6-10 12-13 5-2 11-3 17-1zm434 79h-155a10 10 0 0 0-10 10l1 242a10 10 0 0 0 10 10l154-1a10 10 0 0 0 10-9l-1-242a10 10 0 0 0-9-10zm-155-13h155c6 0 12 2 16 6s7 10 7 16v242c0 7-2 13-6 17a25 25 0 0 1-17 6l-154 1c-6 0-12-3-16-7s-7-10-7-16l-1-242c0-6 3-12 7-16s10-7 16-7zM501 581a189 189 0 0 0 3 21c8 42 27 81 52 116 32 44 72 80 108 107 58 42 123 73 190 93a761 761 0 0 0 444 0c67-20 132-51 190-93 36-27 76-63 108-107a295 295 0 0 0 55-137h-98a376 376 0 0 1-113 155c-51 37-108 64-167 82a686 686 0 0 1-394 0c-59-18-116-45-167-82a376 376 0 0 1-113-155zm-17 8l-2-17v-9h132l2 7c4 23 19 50 37 76 22 32 50 61 70 76 49 35 104 61 161 78a668 668 0 0 0 384 0c57-17 112-43 161-78 20-15 48-44 70-76 18-26 33-53 37-76l2-7h132v9a251 251 0 0 1-4 33c-9 45-29 87-55 123-33 46-74 84-113 112-59 43-126 75-195 96a779 779 0 0 1-454 0c-69-21-136-53-195-96-39-28-80-66-113-112a312 312 0 0 1-57-139z"/>
<path class="b" d="M953 941c147 22 287 5 420-50l5 17a766 766 0 0 1-408 54z"/>
<path class="d" d="M857 371h24v-91h16v-19h-56v19h16zM898 316l2 25a48 48 0 0 0 6 18 24 24 0 0 0 10 10q6 3 15 3t15-3c5-2 8-6 11-10l5-18a162 162 0 0 0 0-51l-5-18c-3-4-6-8-11-10q-6-3-15-3t-15 3a24 24 0 0 0-10 10 48 48 0 0 0-6 18zm25 0a249 249 0 0 1 2-30c1-2 1-4 3-5l3-1 4 1 2 5 2 11a248 248 0 0 1-2 48 6 6 0 0 1-2 5l-4 2-3-2c-2-1-2-2-3-5l-2-11zM971 371h21l-2-72-1-4 1-4v7l12 73h27l12-73v1l-2 72h21V261h-29l-15 78v4l-1 1v-5l-15-78h-29zM1069 371h21l-2-72v-4l1 3 12 73h26l12-73v-4l1-5v10l-3 72h21V261h-29l-14 78-1 2v3l-1-1v-4l-14-78h-30zM1184 371h24v-38l21-72h-23l-9 41-1 5-1-5-9-41h-24l22 72zM1231 294h16l12-33h-23zM1311 340l-2-14a38 38 0 0 0-11-17l-7-6-5-6-2-8 2-7 3-3 4-1a33 33 0 0 1 15 1l2-18a37 37 0 0 0-8-1l-11-1c-10 0-17 2-22 7s-7 13-7 24l2 15a34 34 0 0 0 11 16l7 5 5 6 2 9-2 6a9 9 0 0 1-7 6l-5 1a52 52 0 0 1-14-2l-1 18 5 1a99 99 0 0 0 28 0c3-1 6-2 9-5a15 15 0 0 0 6-9 43 43 0 0 0 3-17zM926 452l1-18 3-11c1-3 3-4 5-6l7-1h5l5 1 3-20a48 48 0 0 0-33-1 31 31 0 0 0-11 9l-7 18-2 29 2 27c2 7 4 13 7 17 2 4 6 7 10 9l15 2h10l8-3-1-21-6 2h-6l-7-1-4-4-3-10zM1027 506l-25-111h-22l-25 111h23l4-21h19l4 21zm-42-39l6-30v-9a84 84 0 0 0 1 9l5 30zM1079 475l-2-15a38 38 0 0 0-12-16l-6-6-5-6-2-8 2-7 3-3 4-2a34 34 0 0 1 11 1l4 1 2-18a38 38 0 0 0-8-1l-11-1c-10 0-17 2-22 7s-7 13-7 24l2 15a34 34 0 0 0 11 16l7 5 5 6 1 9c1 3 0 5-1 6l-2 4-5 2-5 1a54 54 0 0 1-14-2l-1 18 5 1a92 92 0 0 0 28 0c3-1 6-2 9-5a15 15 0 0 0 6-9 43 43 0 0 0 3-17zM1085 506h23V395h-23zM1140 506v-41l-1-11 2 4 15 48h22V395h-22v54l-1-4-15-50h-22v111zM1185 451l2 25 5 18c3 4 6 8 10 10a41 41 0 0 0 16 3q9 0 15-3a24 24 0 0 0 10-10 48 48 0 0 0 6-18 162 162 0 0 0 0-51 48 48 0 0 0-6-18 24 24 0 0 0-10-10q-6-3-15-3a41 41 0 0 0-16 3c-4 2-7 6-10 10l-5 18zm24 0a249 249 0 0 1 2-30l3-5 4-1 3 1 3 5 2 11a254 254 0 0 1-2 48l-3 5-3 1-4-1-3-5-1-11zM930 627h40l1-3h2v17h-2l-1-2h-53l-2 2h-1v-2l1-10c2-5 5-10 10-13l13-7 7-3 8-5c2-2 2-4 2-7l-2-6c-2-2-5-2-9-2l-12 3c-4 2-5 4-5 6v3l-1 1-12-13 1-1 3 1h1l2-2c7-6 15-9 25-9 7 0 13 2 17 5a20 20 0 0 1 6 14 20 20 0 0 1-6 15l-11 7-7 3-5 2-6 3zM1037 575a28 28 0 0 1 20 8c7 6 10 14 10 25a38 38 0 0 1-6 19c-2 4-6 7-10 10a32 32 0 0 1-14 3 28 28 0 0 1-26-17 41 41 0 0 1-3-16c0-7 1-13 5-19 2-4 6-7 11-10a28 28 0 0 1 13-3zm0 11c-5 0-9 2-11 6-3 4-4 9-4 15s1 11 4 15c2 4 6 6 11 6a14 14 0 0 0 12-6 30 30 0 0 0 0-30 14 14 0 0 0-12-6zM1109 599v-17h2l1 2 1 1h2l3-1v-5l-2-1v-2h19v2l-3 1v57l3 1v2h-19v-2l2-1v-42l-4 1-2 1-1 3zM1179 635l8-15 2 1-1 1c0 2 1 3 3 4l7 3 7 1c5 0 9-2 13-4l5-7 2-9-9 6-11 1c-7 0-12-1-17-4a19 19 0 0 1-9-16c0-7 3-12 9-16 5-4 12-6 20-6 9 0 15 2 20 7 4 3 6 6 8 11l2 14c0 9-3 17-9 23-6 7-14 10-24 10a43 43 0 0 1-19-5l-3-1-2 1v1zm28-50c-4 0-8 2-11 4-2 2-4 4-4 7s2 6 4 8a20 20 0 0 0 11 3q8 0 12-3a11 11 0 0 0 3-8 9 9 0 0 0-3-7 21 21 0 0 0-12-4z"/>
</g>
</svg>
</div>
<div class="wallet">
<div class="wallet-inset">
<span class="roundedge"></span>
<div class="wallet-inside"><span></span> <div class="money">
$1000
</div> </div>
</div>
</div>
<div id="game">
<div class="startgame zoomin">
<h1 class="start">START GAME?</h1>
<div class="answers">
<span class="yes">YES</span> <span class="no">NO</span>
</div>
</div>
<div class="gameaftermath animatein hidden">
<div class="blackjack animatein hidden">BLACKJACK!!!</div>
<div class="win animatein hidden">YOU WIN!!!</div>
<div class="lose animatein hidden">YOU LOSE!</div>
<div class="gameover animatein hidden">GAME OVER!</div>
<div class="newhand animatein hidden">NEW HAND</div>
<div class="draw animatein hidden">PUSH!!</div>
</div>
<div class="people" style="display: none;">
<div class="dealer-bar">
<div class="dealer">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 90.13 119.816"><g transform="translate(-1062.65 -816.644)"><path d="M1067.15,915.02h-4.5v21.44h4.5a8.608,8.608,0,0,0,4.01-.79,5.51,5.51,0,0,0,2.28-2.23,9.075,9.075,0,0,0,1.03-3.38,37.45,37.45,0,0,0,0-8.64,9.133,9.133,0,0,0-1.03-3.38,5.428,5.428,0,0,0-2.28-2.22,8.6,8.6,0,0,0-4.01-.8Zm2.88,10.72a20.117,20.117,0,0,1-.51,5.21c-.33,1.18-.87,1.77-1.6,1.77h-.77V918.76h.77c.73,0,1.27.59,1.6,1.77a20.117,20.117,0,0,1,.51,5.21Z" fill="#c5ebc5"/><path d="M1080,915.02v21.44h9.31v-3.8h-4.81V927.3h3.92v-3.8h-3.92v-4.68h4.81v-3.8Z" fill="#c5ebc5"/><path d="M1107.68,936.46l-4.87-21.44h-4.29l-4.84,21.44h4.35l.76-4.1h3.74l.77,4.1Zm-8.24-7.59,1.1-5.82a2.8,2.8,0,0,0,.04-.42l.03-.58c.02-.2.03-.36.04-.51l.01-.21q0,.525.03.99a4.635,4.635,0,0,0,.09.73l1.08,5.82h-2.42Z" fill="#c5ebc5"/><path d="M1112.38,936.46h9.34v-4.01h-4.84V915.02h-4.5Z" fill="#c5ebc5"/><path d="M1126.76,915.02v21.44h9.31v-3.8h-4.81V927.3h3.92v-3.8h-3.92v-4.68h4.81v-3.8Z" fill="#c5ebc5"/><path d="M1146.1,915.02h-4.68v21.44h4.5v-6.98h.55l1.53,6.98h4.78l-2.48-8.08a4.231,4.231,0,0,0,.97-1.2,6.824,6.824,0,0,0,.58-1.53,11.662,11.662,0,0,0,.27-1.75c.05-.61.08-1.24.08-1.9a19.366,19.366,0,0,0-.18-2.71,5.4,5.4,0,0,0-.83-2.22,4.392,4.392,0,0,0-1.86-1.5,7.823,7.823,0,0,0-3.23-.55Zm-.18,10.63v-7.02h.49c.39,0,.67.28.84.83a9.353,9.353,0,0,1,.26,2.64c0,2.36-.36,3.55-1.1,3.55Z" fill="#c5ebc5"/><path d="M1098.98,857.58c-8.95,10.13-26.04,4.81-28.54,19.52-2.74,16.09,19,12.09,36.29,12.09,7.75,0,30.26,1.35,34.59-1.99a9.817,9.817,0,0,0,3.88-8.77c-1-15.65-21.23-10.82-27.02-22.51,1.97-4.21,10.18-10.44,6.08-25.01-8.07-28.69-43.58-9.49-32.06,17,2.92,6.7,5.3,6.04,6.78,9.67Z" fill="#9bcc9b" fill-rule="evenodd"/><path d="M1083.42,883.93h49.12c9.58.01,11.67-8.55-1.12-13.58-9.99-3.93-5.8,3.77-23.01,4.01-17.4.25-14.08-7.62-24.54-3.8-3.93,1.44-7.22,2.87-8.17,6.75-1.36,5.53,3.14,6.62,7.72,6.62Z" fill="#c5ebc5" fill-rule="evenodd"/><path d="M1105.2,822.4c-15.71,4.14-11.11,35.35,5.05,31.18,6.33-1.64,10.8-10.11,9.66-18.41-.96-6.95-6.66-14.89-14.71-12.77Z" fill="#c5ebc5" fill-rule="evenodd"/></g></svg>
</div>
<div class="carddiv">
<div class="empty"></div>
<div class="empty"></div>
<div class="empty"></div>
<div class="empty"></div>
<div class="empty"></div>
<div class="empty"></div>
</div>
<h1 class="score">21</h1>
</div>
<div class="player-bar">
<div class="player">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 90.05 113.936"><g transform="translate(-1221.01 -823.014)"><path d="M1257.35,863.96c-8.95,10.12-26.04,4.8-28.55,19.51-2.73,16.09,19,12.09,36.3,12.09,7.75,0,30.26,1.35,34.59-1.99a9.817,9.817,0,0,0,3.88-8.77c-1-15.65-21.23-10.82-27.02-22.51,1.96-4.21,10.18-10.44,6.08-25.01-8.07-28.69-43.58-9.49-32.06,17,2.92,6.7,5.29,6.05,6.78,9.68Z" fill="#c5ebc5" fill-rule="evenodd"/><path d="M1241.79,890.3h49.11c9.59.01,11.68-8.55-1.11-13.58-9.99-3.93-5.8,3.77-23.01,4.01-17.4.25-14.08-7.61-24.54-3.79-3.93,1.43-7.22,2.86-8.18,6.74-1.35,5.53,3.15,6.62,7.73,6.62Z" fill="#9bcc9b" fill-rule="evenodd"/><path d="M1263.57,828.78c-15.71,4.13-11.11,35.34,5.05,31.17,6.33-1.64,10.8-10.11,9.66-18.41-.96-6.95-6.66-14.88-14.71-12.76Z" fill="#9bcc9b" fill-rule="evenodd"/><path d="M1225.67,915.51h-4.66v21.44h4.51v-7.04h.82a5.573,5.573,0,0,0,2.81-.62,4.159,4.159,0,0,0,1.61-1.64,6.751,6.751,0,0,0,.71-2.34,22.321,22.321,0,0,0,0-5.5,5.157,5.157,0,0,0-.79-2.25,4.3,4.3,0,0,0-1.81-1.5,7.607,7.607,0,0,0-3.2-.55Zm-.15,10.35V919.4h.49a.921.921,0,0,1,.9.73,8.424,8.424,0,0,1,.26,2.49,9.132,9.132,0,0,1-.24,2.48.935.935,0,0,1-.92.76h-.49Z" fill="#c5ebc5"/><path d="M1236.77,936.95h9.35v-4.01h-4.84V915.51h-4.51Z" fill="#c5ebc5"/><path d="M1264.17,936.95l-4.87-21.44h-4.29l-4.83,21.44h4.34l.77-4.1h3.74l.76,4.1Zm-8.24-7.6,1.11-5.82a2.636,2.636,0,0,0,.04-.41l.03-.58c.01-.2.02-.36.03-.51l.02-.21q0,.525.03.99a4.325,4.325,0,0,0,.09.72l1.07,5.82h-2.42Z" fill="#c5ebc5"/><path d="M1271.45,936.95h4.75V929.6l4.13-14.09h-4.56l-1.75,8.02a5.412,5.412,0,0,0-.15,1.08c-.02.4-.03.81-.03,1.22-.04-.45-.07-.86-.08-1.24a5.045,5.045,0,0,0-.13-1.06l-1.81-8.02h-4.6l4.23,14.09v7.35Z" fill="#c5ebc5"/><path d="M1285.03,915.51v21.44h9.32v-3.8h-4.81v-5.36h3.92v-3.8h-3.92v-4.68h4.81v-3.8Z" fill="#c5ebc5"/><path d="M1304.38,915.51h-4.69v21.44h4.51v-6.98h.55l1.53,6.98h4.78l-2.48-8.09a4.024,4.024,0,0,0,.96-1.19,5.979,5.979,0,0,0,.58-1.53,10.664,10.664,0,0,0,.28-1.75c.05-.61.08-1.24.08-1.9a19.32,19.32,0,0,0-.19-2.71,5.161,5.161,0,0,0-.83-2.22,4.3,4.3,0,0,0-1.85-1.5,7.855,7.855,0,0,0-3.23-.55Zm-.18,10.63v-7.02h.49c.38,0,.67.28.84.83a9.712,9.712,0,0,1,.26,2.63c0,2.37-.37,3.56-1.1,3.56Z" fill="#c5ebc5"/></g></svg>
</div>
<div class="carddiv">
<div class="empty"></div>
<div class="empty"></div>
<div class="empty"></div>
<div class="empty"></div>
<div class="empty"></div>
<div class="empty"></div>
</div>
<h1 class="score">15</h1>
</div>
<div class="actions">
<div class="prebet">
<div class="bet button">BET <pre> </pre> <pre> </pre> <span class="dollarsign">$</span> <span id="amount">--</span></div>
<div class="reset button">RESET</div>
</div>
<div class="postbet hidden">
<div class="hit button">HIT</div>
<div class="stand button">STAND</div>
<div class="nodoubledown button">DOUBLE DOWN</div>
<div class="nosplit button">SPLIT</div>
<div class="noace button">ACE <span id="acevalue">1</span></div>
</div>
</div>
<div class="chipstable" style="display: none">
<div class="chips">
<div class="pokerchip white"></div>
<div class="pokerchip red"></div>
<div class="pokerchip blue"></div>
<div class="pokerchip green"></div>
<div class="pokerchip black"></div>
</div>
</div>
</div>
</div>
<script src="js/DOMvar.js"></script>
<script src="js/Cards.js"></script>
<script src="js/GameEngine.js"></script>
</body>
</html>