This repository was archived by the owner on Jul 13, 2023. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
245 lines (236 loc) · 13.1 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
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
<!doctype html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- Bootstrap CSS v5.0.2 -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-dark-5@1.1.3/dist/css/bootstrap-night.min.css" media="(prefers-color-scheme: dark)" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" media="(prefers-color-scheme: no-preference), (prefers-color-scheme: light)" crossorigin="anonymous">
<link rel="stylesheet" href="./main.css">
<link rel="icon" class="js-site-favicon" type="image/svg+xml" href="https://github.githubassets.com/favicons/favicon.svg">
<script src="https://cdnjs.cloudflare.com/ajax/libs/seedrandom/3.0.5/seedrandom.min.js"></script>
<title>Sizzle - Wordle 六合彩版</title>
</head>
<body>
<div class="container-fluid blur">
<nav class="navbar navbar-expand navbar-light bg-light">
<div class="nav navbar-nav">
<a class="nav-item nav-link active" href="#">Sizzle <span class="visually-hidden">(current)</span></a>
<a class="nav-item nav-link" href="#">Wordle 六合彩版</a>
</div>
</nav>
</div>
<div class="container-fluid blur">
<div class="row mt-3">
<div class="col-sm-2 col-lg-4"></div>
<div class="col-sm-8 col-lg-4">
<div class="d-flex mb-2 justify-content-center">
<div class="card gamebox m-2 flex-fill"> </div>
<div class="card gamebox m-2 flex-fill"> </div>
<div class="card gamebox m-2 flex-fill"> </div>
<div class="card gamebox m-2 flex-fill"> </div>
<div class="card gamebox m-2 flex-fill"> </div>
<div class="card gamebox m-2 flex-fill"> </div>
</div>
<div class="d-flex mb-2 justify-content-center">
<div class="card gamebox m-2 flex-fill"> </div>
<div class="card gamebox m-2 flex-fill"> </div>
<div class="card gamebox m-2 flex-fill"> </div>
<div class="card gamebox m-2 flex-fill"> </div>
<div class="card gamebox m-2 flex-fill"> </div>
<div class="card gamebox m-2 flex-fill"> </div>
</div>
<div class="d-flex mb-2 justify-content-center">
<div class="card gamebox m-2 flex-fill"> </div>
<div class="card gamebox m-2 flex-fill"> </div>
<div class="card gamebox m-2 flex-fill"> </div>
<div class="card gamebox m-2 flex-fill"> </div>
<div class="card gamebox m-2 flex-fill"> </div>
<div class="card gamebox m-2 flex-fill"> </div>
</div>
<div class="d-flex mb-2 justify-content-center">
<div class="card gamebox m-2 flex-fill"> </div>
<div class="card gamebox m-2 flex-fill"> </div>
<div class="card gamebox m-2 flex-fill"> </div>
<div class="card gamebox m-2 flex-fill"> </div>
<div class="card gamebox m-2 flex-fill"> </div>
<div class="card gamebox m-2 flex-fill"> </div>
</div>
<div class="d-flex mb-2 justify-content-center">
<div class="card gamebox m-2 flex-fill"> </div>
<div class="card gamebox m-2 flex-fill"> </div>
<div class="card gamebox m-2 flex-fill"> </div>
<div class="card gamebox m-2 flex-fill"> </div>
<div class="card gamebox m-2 flex-fill"> </div>
<div class="card gamebox m-2 flex-fill"> </div>
</div>
<div class="d-flex mb-2 justify-content-center">
<div class="card gamebox m-2 flex-fill"> </div>
<div class="card gamebox m-2 flex-fill"> </div>
<div class="card gamebox m-2 flex-fill"> </div>
<div class="card gamebox m-2 flex-fill"> </div>
<div class="card gamebox m-2 flex-fill"> </div>
<div class="card gamebox m-2 flex-fill"> </div>
</div>
</div>
<div class="col-sm-2 col-lg-4"></div>
</div>
</div>
<div class="container-fluid blur">
<div class="row mt-3">
<div class="col-sm-1 col-lg-3 d-none d-sm-block"></div>
<div class="col-sm-10 col-lg-6">
<div class="d-flex mb-2 justify-content-center">
<div class="card keyboard input m-2">1</div>
<div class="card keyboard input m-2">2</div>
<div class="card keyboard input m-2">3</div>
<div class="card keyboard input m-2">4</div>
<div class="card keyboard input m-2">5</div>
<div class="card keyboard input m-2">6</div>
<div class="card keyboard input m-2">7</div>
<div class="card keyboard input m-2">8</div>
<div class="card keyboard input m-2">9</div>
<div class="card keyboard input m-2">10</div>
</div>
<div class="d-flex mb-2 justify-content-center">
<div class="card keyboard input m-2">11</div>
<div class="card keyboard input m-2">12</div>
<div class="card keyboard input m-2">13</div>
<div class="card keyboard input m-2">14</div>
<div class="card keyboard input m-2">15</div>
<div class="card keyboard input m-2">16</div>
<div class="card keyboard input m-2">17</div>
<div class="card keyboard input m-2">18</div>
<div class="card keyboard input m-2">19</div>
<div class="card keyboard input m-2">20</div>
</div>
<div class="d-flex mb-2 justify-content-center">
<div class="card keyboard input m-2">21</div>
<div class="card keyboard input m-2">22</div>
<div class="card keyboard input m-2">23</div>
<div class="card keyboard input m-2">24</div>
<div class="card keyboard input m-2">25</div>
<div class="card keyboard input m-2">26</div>
<div class="card keyboard input m-2">27</div>
<div class="card keyboard input m-2">28</div>
<div class="card keyboard input m-2">29</div>
<div class="card keyboard input m-2">30</div>
</div>
<div class="d-flex mb-2 justify-content-center">
<div class="card keyboard input m-2">31</div>
<div class="card keyboard input m-2">32</div>
<div class="card keyboard input m-2">33</div>
<div class="card keyboard input m-2">34</div>
<div class="card keyboard input m-2">35</div>
<div class="card keyboard input m-2">36</div>
<div class="card keyboard input m-2">37</div>
<div class="card keyboard input m-2">38</div>
<div class="card keyboard input m-2">39</div>
<div class="card keyboard input m-2">40</div>
</div>
<div class="d-flex mb-2 justify-content-center">
<div class="card keyboard input m-2">41</div>
<div class="card keyboard input m-2">42</div>
<div class="card keyboard input m-2">43</div>
<div class="card keyboard input m-2">44</div>
<div class="card keyboard input m-2">45</div>
<div class="card keyboard input m-2">46</div>
<div class="card keyboard input m-2">47</div>
<div class="card keyboard input m-2">48</div>
<div class="card keyboard input m-2">49</div>
<div class="card keyboard backspace m-2">⌫</div>
<div class="card keyboard enter m-2">輸入</div>
</div>
</div>
<div class="col-sm-1 col-lg-3 d-none d-xs-block"></div>
</div>
</div>
<div class="modal show" data-bs-backdrop="static" tabindex="-1" role="dialog" aria-modal="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title">Sizzle - Wordle 六合彩版</h5>
<button type="button" class="btn-close closemodal"></button>
</div>
<div class="modal-body">
有一日，我同男朋友行街嘅時候佢問我玩緊咩，我話<a href="https://lukhap.jonathanl.dev/">《六合》</a>，跟住佢問我係咪即係六合彩版Wordle🤦♂️ 跟住我就諗不如我自己整個六合彩版啦，於是呢個無聊on9嘢就面世了。<br/><br/>
六次機會裡面，試下估中多啲數字，記得要由細至大入呀！<br/><br/>
入完就撳「輸入」啦！睇顏色就知中咗幾多個㗎啦。<br/><br/>
同其他版本唔同，玩呢個版本唔好執着要估啱曬，因爲都冇咩可能hehehe。紅色綠色都係for你reference，答案每日會自動更新，睇下你今日運氣如何啦！
<div class="container-fluid d-flex mt-2 mb-2 justify-content-center">
<div class="card card-green m-2 flex-fill">4</div>
<div class="card m-2 flex-fill">7</div>
<div class="card m-2 flex-fill">15</div>
<div class="card m-2 flex-fill">18</div>
<div class="card m-2 flex-fill">31</div>
<div class="card m-2 flex-fill">43</div>
</div>
<p class="text-center">4 喺抽數字度而且啱位。</p>
<div class="container-fluid d-flex mb-2 justify-content-center">
<div class="card m-2 flex-fill">4</div>
<div class="card m-2 flex-fill">7</div>
<div class="card card-red m-2 flex-fill">15</div>
<div class="card m-2 flex-fill">18</div>
<div class="card m-2 flex-fill">31</div>
<div class="card m-2 flex-fill">43</div>
</div>
<p class="text-center">15 喺抽數字度但係唔啱位。</p>
<div class="container-fluid d-flex mb-2 justify-content-center">
<div class="card m-2 flex-fill">4</div>
<div class="card m-2 flex-fill">7</div>
<div class="card m-2 flex-fill">15</div>
<div class="card m-2 flex-fill">18</div>
<div class="card m-2 flex-fill">31</div>
<div class="card card-black m-2 flex-fill">43</div>
</div>
<p class="text-center">43 完全唔喺抽數字度。</p>
</div>
<!--
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
</div>
-->
</div>
</div>
</div>
<div class="modal hide endscreen" tabindex="-1" role="dialog">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title"></h5>
</div>
<div class="modal-body">
你最後中咗<span id="correctcount">a</span>個數字！<br/><br/>
你答咗：
<div class="container-fluid d-flex mt-2 mb-2 justify-content-center">
<div class="card m-2 flex-fill attempt">4</div>
<div class="card m-2 flex-fill attempt">7</div>
<div class="card m-2 flex-fill attempt">15</div>
<div class="card m-2 flex-fill attempt">18</div>
<div class="card m-2 flex-fill attempt">31</div>
<div class="card m-2 flex-fill attempt">43</div>
</div>
正確答案係：
<div class="container-fluid d-flex mt-2 mb-2 justify-content-center">
<div class="card card-green m-2 flex-fill answer">4</div>
<div class="card card-green m-2 flex-fill answer">7</div>
<div class="card card-green m-2 flex-fill answer">15</div>
<div class="card card-green m-2 flex-fill answer">18</div>
<div class="card card-green m-2 flex-fill answer">31</div>
<div class="card card-green m-2 flex-fill answer">43</div>
</div>
再醒多你一個特別號碼 <span id="specialnumber">a</span> 啦！<span id="awardtext"></span><br/><br/>
聽日再嚟玩啦 🤣<br/><br/>
<button class="share btn btn-secondary btn-sm">Share出去</button>
<p id="copytexttemp"></p>
</div>
</div>
</div>
</div>
<!-- Bootstrap JavaScript Libraries -->
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js" integrity="sha384-IQsoLXl5PILFhosVNubq5LC7Qb9DXgDA9i+tQ8Zj3iwWAwPtgFTxbJ8NT4GN1R8p" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.min.js" integrity="sha384-cVKIPhGWiC2Al4u+LWgxfKTRIcfu0JTxR+EQDz/bgldoEyl4H0zUF0QKbrJ0EcQF" crossorigin="anonymous"></script>
<script src="./main-1.js"></script>
</body>
</html>