-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
128 lines (127 loc) · 11.6 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta
name="viewport"
user-scalable="NO"
content="width=device-width, initial-scale=1.0"
/>
<title>Game caro</title>
<link rel="stylesheet" href="./resources/css/style.min.css" />
</head>
<body>
<div id="root">
<div id="playGround" data-square="16" data-width="40px">
<div id="background--top" class="playGround-background"></div>
<div id="background--top-r" class="playGround-background">
<svg
viewBox="0 0 35 35"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M9.16998 -4.69835H10.5097C10.2864 -4.69835 9.83984 -4.95179 9.83984 -5.96555C9.83984 -7.23275 11.1796 -8.49995 11.8494 -8.49995C12.5193 -8.49995 13.859 -7.86635 13.859 -5.33195C14.0823 -5.75435 14.6628 -6.59915 15.1987 -6.59915C15.8685 -6.59915 16.5384 -5.96555 16.5384 -4.69835C17.2083 -6.17675 18.548 -8.49995 20.5575 -7.86635C21.8973 -7.23275 21.2274 -5.96555 21.2274 -5.33195C22.1205 -5.96555 23.9068 -7.23275 23.9068 -5.33195C24.5767 -6.59915 27.2561 -8.49995 26.5862 -5.33195C27.926 -7.02155 29.2657 -8.49995 32.615 -8.49995C34.2004 -8.49995 33.7011 -6.9225 33.0908 -5.94548C34.1281 -7.22833 35.2944 -8.20116 35.2944 -4.69835C35.741 -5.96555 37.9738 -7.86635 40.6532 -7.23275C44.3667 -6.35463 40.6532 -3.43115 39.3135 -2.79755C41.993 -2.79755 46.548 0.117013 40.6532 1.63765C40.8765 1.63765 41.4571 1.89109 41.9929 2.90485C44.6724 2.90485 45.3422 6.70646 41.3231 6.70646C42.6628 7.34006 42.6628 9.24086 39.9834 9.24086C44.6724 11.1417 43.6006 17.0975 39.3135 13.0425V24.5H34.28V-1.52588e-05H9.16998V-4.69835Z"
fill="#08B5AC"
/>
<path
d="M9.16998 -4.37143L10.929 -4.3724C10.7074 -4.3724 10.1712 -4.65102 10.1712 -5.68531C10.1712 -6.97817 11.1636 -8.25002 11.8282 -8.25002C12.4927 -8.25002 13.8218 -7.60358 13.8218 -5.01786C14.0433 -5.44882 14.6192 -6.31072 15.1509 -6.31072C15.8154 -6.31072 16.48 -5.66429 16.48 -4.37143C17.1445 -5.87977 18.4736 -8.25002 20.4672 -7.60359C21.7963 -6.95715 21.1318 -5.66429 21.1318 -5.01786C22.0178 -5.66429 23.79 -6.95715 23.79 -5.01786C24.4545 -6.31072 27.1127 -8.25001 26.4481 -5.01786C28.2034 -7.18303 29.0246 -7.88558 31.2089 -8.18309C34.4846 -8.38382 32.9955 -6.39086 32.4991 -5.39439C34.0474 -6.90048 35.1098 -8.21091 34.981 -3.89967C35.424 -5.19253 37.7454 -7.60359 40.4036 -6.95715C44.2315 -6.02625 39.7846 -3.05138 38.4555 -2.40495C41.9617 -2.40434 45.7926 0.527774 39.9446 2.07921C40.1661 2.07921 40.9021 2.53964 41.4337 3.57393C44.0919 3.57393 44.731 6.94524 40.223 6.94446C41.5521 7.59089 42.959 9.5535 38.9519 9.5528C43.9604 11.5548 43.6037 18.0442 38.9519 13.0405V24.5"
stroke="#1CC5B0"
stroke-width="0.4"
/>
<path
d="M9.16998 -4.73286H10.5097C10.2864 -4.73286 9.83984 -4.99467 9.83984 -6.04191C9.83984 -7.35096 11.1796 -8.66 11.8494 -8.66C12.5193 -8.66 13.859 -8.00548 13.859 -5.38739C14.0823 -5.82374 14.6628 -6.69643 15.1987 -6.69643C15.8685 -6.69643 16.5384 -6.04191 16.5384 -4.73286C17.2083 -6.26008 18.548 -8.66 20.5575 -8.00548C21.8973 -7.35096 21.2274 -6.04191 21.2274 -5.38739C22.1205 -6.04191 23.9068 -7.35096 23.9068 -5.38739C24.5767 -6.69643 27.2561 -8.66 26.5862 -5.38739C27.926 -7.13278 29.2657 -8.66 32.615 -8.66C34.6245 -8.66 33.2848 -6.04191 32.615 -5.38739C33.7314 -6.91461 35.2944 -8.92181 35.2944 -4.73286C35.741 -6.04191 37.9738 -8.00548 40.6532 -7.35096C44.3667 -6.44384 40.6532 -3.42382 39.3135 -2.76929C41.9929 -2.76929 46.548 0.241512 40.6532 1.81237C40.8765 1.81237 41.4571 2.07418 41.9929 3.12141C44.6724 3.12141 45.3422 7.04855 41.3231 7.04855C42.6628 7.70307 42.6628 9.66665 39.9834 9.66665C44.6724 11.6302 43.6006 17.7827 39.3135 13.5938V24.5"
stroke="#053B3B"
stroke-width="0.4"
stroke-miterlimit="16"
/>
</svg>
</div>
<div id="background--top-l" class="playGround-background">
<svg
viewBox="0 0 35 35"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M7.10104 -5.50001C6.60104 -10 10.601 -6.00001 11.101 -4.50001C11.601 -4.50001 25.101 -4.73451 25.4 -4.73451V0H0.0100098V26H-4.73675V13.5932V4.83857C-8.73675 8.33857 -9.39896 2 -5.89896 2C-11.7924 0.429055 -7.57777 -2.5 -4.89896 -2.5C-6.23837 -3.15456 -9.39896 -7 -6.39896 -8C-4.39896 -8.66667 -1.84543 -6.30912 -1.39896 -5C-1.39896 -9.18919 0.601044 -7 1.60104 -5.5C0.716215 -6.82724 -0.40807 -9 1.60104 -9C4.94957 -9 6.60104 -7.00001 7.10104 -5.50001Z"
fill="#08B5AC"
/>
<path
d="M25.4 -4.38562C25.1037 -4.38562 11.7225 -4.38562 11.2269 -4.38562C10.7313 -5.8686 6.7665 -9.59134 7.2621 -5.14243C6.7665 -6.6254 5.12956 -8.60269 1.8105 -8.60269C-0.180935 -8.60269 0.933457 -6.4546 1.8105 -5.14243C0.819299 -6.6254 -1.1631 -8.78973 -1.1631 -4.6481C-1.60564 -5.94236 -4.39604 -8.00224 -6.39604 -8.00259C-8.8963 -6.50303 -5.72462 -3.14937 -4.397 -2.50224C-7.397 -2.50276 -11.2393 0.444475 -5.39779 1.99759C-8.86699 1.99759 -8.89883 7.99697 -4.39822 4.49776C-4.39822 5.15168 -4.47153 12.5627 -4.47153 13.734C-4.47153 17.8438 -4.47153 21.9303 -4.47153 26"
stroke="#1CC5B0"
stroke-width="0.4"
/>
<path
d="M25.4 -4.73451C25.101 -4.73451 11.601 -4.73451 11.101 -4.73451C10.601 -6.23451 6.60104 -10 7.10104 -5.50001C6.60104 -7.00001 4.94957 -9 1.60104 -9C-0.408071 -9 0.716215 -6.82724 1.60104 -5.5C0.601044 -7 -1.39896 -9.18919 -1.39896 -5C-1.84543 -6.30912 -4.39896 -8.66667 -6.39896 -8C-9.39896 -7 -6.23837 -3.15456 -4.89896 -2.5C-7.57778 -2.5 -11.7924 0.429055 -5.89896 2C-9.39896 2 -8.73675 8.33857 -4.73675 4.83857C-4.73675 5.5 -4.73675 12.4084 -4.73675 13.5932C-4.73675 17.7502 -4.73675 21.8836 -4.73675 26"
stroke="#053B3B"
stroke-width="0.4"
stroke-miterlimit="16"
/>
</svg>
</div>
<div id="background--left" class="playGround-background"></div>
<div
id="background--bottom"
class="playGround-background"
></div>
<div id="background--bottom--r" class="playGround-background">
<svg
viewBox="0 0 35 35"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M39.3067 31.5595C42.6553 27.6321 43.9947 32.214 40.6461 34.1777C43.9947 34.1777 45.3341 38.7596 39.3067 38.1051V39.4142C42.6553 40.7233 43.325 43.9961 39.3067 43.9961C38.0743 43.9961 36.086 42.3337 35.4284 41.0483C35.8317 42.3731 35.0638 45.0307 32.6097 42.0324C33.5026 43.1234 34.6188 45.3052 31.94 45.3052C29.2612 45.3052 27.252 43.3416 26.5823 41.3779C27.0288 43.3416 25.9126 45.9598 22.5641 40.0688H9.17001V35H34.28V9.00018H39.3067V31.5595Z"
fill="#08B5AC"
/>
<path
d="M9.17001 39.7134L22.6193 39.7134C25.9282 45.5371 26.8173 42.9488 26.3762 41.0075C27.0379 42.9488 29.0233 44.89 31.6704 44.89C34.3175 44.89 33.2145 42.7331 32.3321 41.6546C34.9792 44.89 35.641 41.4634 34.9792 40.3605C36.0704 41.9523 37.6263 43.5959 38.9499 43.5959C42.9205 43.5959 42.2587 40.7507 38.9498 39.4565L38.9499 37.7721C44.9059 38.4192 44.043 33.9656 39.5591 34.4641C44.0433 31.9686 42.2586 28.0852 38.9498 31.9677L38.9499 9"
stroke="#1CC5B0"
stroke-width="0.4"
/>
<path
d="M9.17001 40.0688H22.5641C25.9126 45.9598 27.0288 43.3416 26.5823 41.3779C27.252 43.3416 29.2612 45.3052 31.94 45.3052C34.6188 45.3052 33.5026 43.1234 32.6097 42.0324C35.2885 45.3052 35.9582 41.839 35.2885 40.7233C35.735 42.0324 37.9673 43.9961 39.3067 43.9961C43.325 43.9961 42.6553 40.7233 39.3067 39.4142V38.1051C45.3341 38.7596 43.9947 34.1777 40.6461 34.1777C43.9947 32.214 42.6553 27.6321 39.3067 31.5595V9.00018"
stroke="#053B3B"
stroke-width="0.4"
stroke-miterlimit="16"
/>
</svg>
</div>
<div id="background--bottom--l" class="playGround-background">
<svg
viewBox="0 0 35 35"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M-4.74487 30.5C-7.90707 27 -10.0737 31 -5.90707 33.5C-8.40707 32 -11.9071 38 -4.74487 37.231V38.5C-13.4071 42.5 -2.90707 45 -1.40707 40.5C-1.40707 42 -0.476236 43.3278 1.59293 41C-2.2936 45.3723 4.72718 43.9001 5.53819 42.6122C5.09558 43.7625 7.65775 45.8379 9.59293 41C9.59293 41.5 11.5929 43.5 12.0929 41C11.5929 44.5 17.5929 47 16.0929 40.0686H25.3918V35H-6.10352e-05V10.5H-4.74487V30.5Z"
fill="#08B5AC"
/>
<path
d="M25.3918 39.7147L15.5908 39.7146C17.5896 46.5016 11.712 44.0931 12.2077 40.635C11.712 43.1051 9.5906 41.129 9.5906 40.635C7.60787 45.5752 5.09993 43.2194 5.76385 42.1171C5.32124 43.4105 -2.16707 45.0812 1.79839 40.635C-0.252907 42.935 -1.40932 41.623 -1.40932 40.141C-2.89637 44.5871 -13.0721 42.4499 -4.48474 38.4978L-4.48468 36.9111C-11.585 37.6709 -8.11531 32.0155 -5.6369 33.4976C-9.76759 31.0275 -7.61971 27.5397 -4.48481 30.9978C-4.48481 24.3346 -4.48468 17.0193 -4.48468 10.5"
stroke="#1CC5B0"
stroke-width="0.4"
/>
<path
d="M25.3918 40.0686H16.0929C17.5929 47 11.5929 44.5 12.0929 41C11.5929 43.5 9.59293 41.5 9.59293 41C7.59293 46 4.92322 43.6157 5.59293 42.5C5.14646 43.8091 -2.40707 45.5 1.59293 41C-0.476237 43.3278 -1.40707 42 -1.40707 40.5C-2.90707 45 -13.4071 42.5 -4.74487 38.5V37.231C-11.9071 38 -8.40707 32 -5.90707 33.5C-10.0737 31 -7.90707 27 -4.74487 30.5C-4.74487 23.7562 -4.74487 17.0982 -4.74487 10.5"
stroke="#053B3B"
stroke-width="0.4"
stroke-miterlimit="16"
/>
</svg>
</div>
<div id="background--right" class="playGround-background"></div>
</div>
</div>
<div id="user" class="frame">
<p>Lượt chơi của <span id="user-name"></span></p>
</div>
<button id="full-screen" class="btn">Full</button>
<div id="background"></div>
<!-- -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= -->
<script src="./resources/js/myCommons.js"></script>
<script src="./resources/js/main.min.js"></script>
</body>
</html>