word-games-theme 1.2.1 → 1.2.4
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/_data/wordgames/en/word-game-play.json +6 -43
- data/_includes/authors/authors.html +3 -3
- data/_includes/section/home2.html +2 -1
- data/_includes/word-game/word-game-generator-online.html +8 -5
- data/_includes/word-game/word-game-play.html +178 -55
- data/_includes/wordle-solver/wordle-solver.html +11 -0
- data/_layouts/blank.html +24 -0
- data/assets/css/game.css +304 -4
- data/assets/css/wordleSolver.css +13 -0
- data/assets/images/404.svg +1 -0
- data/assets/images/close.png +0 -0
- data/assets/images/copy.svg +1 -0
- data/assets/images/facebooks.svg +1 -0
- data/assets/images/twitters.svg +1 -0
- data/assets/images/whatsapp.svg +1 -0
- data/assets/js/confetti.js +130 -0
- data/assets/js/createWordle.js +39 -5
- data/assets/js/game.js +274 -31
- metadata +10 -2
data/assets/css/game.css
CHANGED
|
@@ -1,9 +1,19 @@
|
|
|
1
1
|
/* create wordle screen css */
|
|
2
2
|
.create-wordle{
|
|
3
|
-
box-shadow: 0 5px 15px
|
|
3
|
+
box-shadow: 0 5px 15px rgb(0 0 0 / 20%) ;
|
|
4
4
|
margin-bottom: 150px;
|
|
5
5
|
padding:8rem 0;
|
|
6
6
|
}
|
|
7
|
+
.word-generator-link{
|
|
8
|
+
font-size: 18px;
|
|
9
|
+
background: #f8f9fa;
|
|
10
|
+
padding: 5px 15px;
|
|
11
|
+
color:#404040;
|
|
12
|
+
box-shadow: 0 0 1px rgba(0,0,0,0.1);
|
|
13
|
+
border-radius: 4px;
|
|
14
|
+
margin: 0 25px;
|
|
15
|
+
border:1px solid rgba(0,0,0,.1)
|
|
16
|
+
}
|
|
7
17
|
.create-wordle .custom-word{
|
|
8
18
|
font-weight: 600;
|
|
9
19
|
text-transform: uppercase;
|
|
@@ -54,6 +64,11 @@
|
|
|
54
64
|
top: 60px !important;
|
|
55
65
|
}
|
|
56
66
|
|
|
67
|
+
.game{
|
|
68
|
+
width: 100%;
|
|
69
|
+
/* height: 100vh; */
|
|
70
|
+
}
|
|
71
|
+
|
|
57
72
|
/* wordle game play css */
|
|
58
73
|
.game .game-container .game-board{
|
|
59
74
|
width: 350px;
|
|
@@ -62,12 +77,16 @@
|
|
|
62
77
|
margin-top: 3px;
|
|
63
78
|
display: flex;
|
|
64
79
|
flex-wrap: wrap;
|
|
80
|
+
justify-content: center;
|
|
65
81
|
}
|
|
66
82
|
.game .game-container .game-board .tile{
|
|
83
|
+
display: flex;
|
|
84
|
+
justify-content: center;
|
|
85
|
+
align-items: center;
|
|
67
86
|
width: 55px;
|
|
68
87
|
height: 55px;
|
|
69
88
|
text-align: center;
|
|
70
|
-
border:2px solid #
|
|
89
|
+
border:2px solid #dee1e9;
|
|
71
90
|
border-radius: 5px;
|
|
72
91
|
color: #363535;
|
|
73
92
|
font-size: 28px;
|
|
@@ -75,6 +94,10 @@
|
|
|
75
94
|
margin: 3px;
|
|
76
95
|
max-width: 64px;
|
|
77
96
|
text-transform: uppercase;
|
|
97
|
+
transition: transform 240ms linear;
|
|
98
|
+
}
|
|
99
|
+
.popAni{
|
|
100
|
+
animation: popAni 495ms ease-in-out;
|
|
78
101
|
}
|
|
79
102
|
.game .game-container .game-keyboard{
|
|
80
103
|
display: flex;
|
|
@@ -87,7 +110,7 @@
|
|
|
87
110
|
flex-direction: row;
|
|
88
111
|
justify-content: center;
|
|
89
112
|
}
|
|
90
|
-
.game .game-container .
|
|
113
|
+
.game .game-container .key-btn {
|
|
91
114
|
align-items: center;
|
|
92
115
|
background-color: #edeff1;
|
|
93
116
|
border: 2px solid transparent;
|
|
@@ -100,7 +123,284 @@
|
|
|
100
123
|
justify-content: center;
|
|
101
124
|
margin: 3px;
|
|
102
125
|
min-height: 40px;
|
|
103
|
-
padding:
|
|
126
|
+
padding: 14px;
|
|
104
127
|
text-decoration: inherit;
|
|
128
|
+
|
|
129
|
+
}
|
|
130
|
+
|
|
131
|
+
.alert-container{
|
|
132
|
+
font-size: 15px;
|
|
133
|
+
box-shadow: 0 5px 15px rgb(0 0 0 / 10%);
|
|
134
|
+
position: fixed;
|
|
135
|
+
top: 160px;
|
|
136
|
+
left: 50%;
|
|
137
|
+
transform: translate(-50%, -50%);
|
|
138
|
+
width: 180px;
|
|
139
|
+
padding: 12px 0px;
|
|
140
|
+
text-align: center;
|
|
141
|
+
z-index: 9999999;
|
|
142
|
+
background: #000;
|
|
143
|
+
color:#fff;
|
|
144
|
+
border-radius: 4px;
|
|
145
|
+
}
|
|
146
|
+
.active-alert{
|
|
147
|
+
visibility: visible;
|
|
148
|
+
}
|
|
149
|
+
.tick {
|
|
150
|
+
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAL7SURBVEhL7ZZdSBRRFMf/s+PWSrsUFGoUfi1ooWISFUQPvfRhH1hUL5agvogvaQ/hamBRbz0W2VNBQb2IgqJsGL2VVBK11UNpPkhGKmWK6wfu7kznzFxGx5lxZ+tN/MGdOefOzP3PnTn3noN11jySOLvnWamfniqGJGVovqpOQMVnHI9ENd8l7oTDe/zwSGfp7nPkHaPm0/qXWKD2kl7gERS1A+Uf5vVuZ1YXbg9KCAT2kWgjeaeoBbR+Z/gFupFQWhGNDuLCsKp3W3EW1kQ3HYRHfkhegd7pmkEoiVrMzPY7iXvE2YrfXyJEg3pHShTQsw9oDMcXthfuLfNDlq+RxQ/KWl/qFNIYN7WxbLAX9uIMhWu58P4D9TSNVSEcE06fmqM3WSAZ+DwbcCXnEk5sO7QyaNKpVeumGWtw9ZYE4E2bIGvlkrGFRZtyqxHKq8HQ3HfsfVOJmBIXVzUWEItn4OSnGeFrWGcspxXR0ZXolrQAmkgwlFeL4blRtAzdRVxJiKsGPhqzUNgGVmFJzRSWCVmSqZlvb8ipRCi3BtPxGYSG7qD3F+8hNqtHUncIy8DpH5tg0VvBeoTL7iHbl6XN9HqwDjfy6zCy8BPnI1edRXUsv9QqrEo/hGXAA+7fXIwjWw+gbXczmunTNmZX4uvcCFq/teHVVGQ1UR5zTFgGroMrJz0LbbtatMhlxhd/azNNKuoQXNbN4enEIqq2HyYrX+/QmY5H8XzyNYr8QSwqMVz+chsvJgeSiTI9KI88FraB/V7dV3aRjvepWdYyz3znxkz0T310I8qzrMfR9090dwn74Iqhk94pLDwTI/Njbj6vQOqhsbqEY8J+xky4lPZaTzdZqWYmhhfzMBSligqEt3qXGeflxPmUUxunuNQhUU6L0QHhW3DOPO1/gAr/KLzePioEuMzhYPNq15zhf9pJhUADorPv/q0QWA6XPrLEWYaTB2ctu9KHY6IDCbWLSp+k9Zc74eVwseehXAuJt0GJir1xirOUi7111jrAXwKK6K/PgrsYAAAAAElFTkSuQmCC) no-repeat;
|
|
151
|
+
height: 35px;
|
|
152
|
+
margin: 10px 0;
|
|
153
|
+
background-position: center;
|
|
154
|
+
}
|
|
155
|
+
.close-icon {
|
|
156
|
+
background: url(/assets/images/close.png) no-repeat;
|
|
157
|
+
height: 20px;
|
|
158
|
+
margin: 10px 0;
|
|
159
|
+
background-position: center;
|
|
160
|
+
background-size: contain;
|
|
161
|
+
}
|
|
162
|
+
[data-state="active"] {
|
|
163
|
+
border-color: hsl(200, 1%, 34%);
|
|
164
|
+
}
|
|
165
|
+
[data-state="correct-spot"] {
|
|
166
|
+
color:#fff !important;
|
|
167
|
+
background-color:#6aaa64 !important;
|
|
168
|
+
border: none !important;
|
|
169
|
+
}
|
|
170
|
+
[data-state="wrong-spot"] {
|
|
171
|
+
color:#fff !important;
|
|
172
|
+
background-color: #c9b458 !important;
|
|
173
|
+
border: none !important;
|
|
174
|
+
}
|
|
175
|
+
[data-state="wrong-word"] {
|
|
176
|
+
color:white !important;
|
|
177
|
+
background-color: #787c7e!important;
|
|
178
|
+
border: none !important;
|
|
179
|
+
}
|
|
180
|
+
.shake {
|
|
181
|
+
animation: shake 240ms ease-in-out;
|
|
182
|
+
}
|
|
183
|
+
.dance {
|
|
184
|
+
animation: dance 495ms ease-in-out;
|
|
185
|
+
}
|
|
186
|
+
.flip {
|
|
187
|
+
transform: rotateX(90deg);
|
|
188
|
+
}
|
|
189
|
+
.wordle-game-restart{
|
|
190
|
+
width: 120px;
|
|
191
|
+
margin: 0 auto;
|
|
192
|
+
background: #57ac57;
|
|
193
|
+
color: #fff;
|
|
194
|
+
display: block;
|
|
195
|
+
font-weight: 600;
|
|
196
|
+
padding: 10px;
|
|
197
|
+
border-radius: 5px;
|
|
198
|
+
font-size: 16px;
|
|
199
|
+
margin-bottom: 1rem;
|
|
200
|
+
text-align: center;
|
|
201
|
+
}
|
|
202
|
+
.wordle-game-restart:hover{
|
|
203
|
+
color:#fff !important;
|
|
204
|
+
text-decoration: none !important;
|
|
205
|
+
}
|
|
206
|
+
|
|
207
|
+
@keyframes shake {
|
|
208
|
+
10% {
|
|
209
|
+
transform: translateX(-5%);
|
|
210
|
+
}
|
|
211
|
+
|
|
212
|
+
30% {
|
|
213
|
+
transform: translateX(5%);
|
|
214
|
+
}
|
|
215
|
+
|
|
216
|
+
50% {
|
|
217
|
+
transform: translateX(-7.5%);
|
|
218
|
+
}
|
|
219
|
+
|
|
220
|
+
70% {
|
|
221
|
+
transform: translateX(7.5%);
|
|
222
|
+
}
|
|
223
|
+
|
|
224
|
+
90% {
|
|
225
|
+
transform: translateX(-5%);
|
|
226
|
+
}
|
|
227
|
+
|
|
228
|
+
100% {
|
|
229
|
+
transform: translateX(0);
|
|
230
|
+
}
|
|
231
|
+
}
|
|
232
|
+
|
|
233
|
+
@keyframes dance {
|
|
234
|
+
20% {
|
|
235
|
+
transform: translateY(-50%)
|
|
236
|
+
}
|
|
237
|
+
|
|
238
|
+
40% {
|
|
239
|
+
transform: translateY(5%)
|
|
240
|
+
}
|
|
241
|
+
|
|
242
|
+
60% {
|
|
243
|
+
transform: translateY(-25%)
|
|
244
|
+
}
|
|
245
|
+
|
|
246
|
+
80% {
|
|
247
|
+
transform: translateY(2.5%)
|
|
248
|
+
}
|
|
249
|
+
|
|
250
|
+
90% {
|
|
251
|
+
transform: translateY(-5%)
|
|
252
|
+
}
|
|
253
|
+
|
|
254
|
+
100% {
|
|
255
|
+
transform: translateY(0%)
|
|
256
|
+
}
|
|
257
|
+
}
|
|
258
|
+
|
|
259
|
+
@keyframes popAni {
|
|
260
|
+
0% {
|
|
261
|
+
transform: scale(.8);
|
|
262
|
+
opacity: 0;
|
|
263
|
+
}
|
|
264
|
+
|
|
265
|
+
40% {
|
|
266
|
+
transform: scale(1.1);
|
|
267
|
+
opacity: 1;
|
|
268
|
+
}
|
|
269
|
+
}
|
|
270
|
+
|
|
271
|
+
.alert-Container {
|
|
272
|
+
position: fixed;
|
|
273
|
+
top: 10vh;
|
|
274
|
+
left: 50vw;
|
|
275
|
+
transform: translateX(-50%);
|
|
276
|
+
z-index: 10;
|
|
277
|
+
display: flex;
|
|
278
|
+
flex-direction: column;
|
|
279
|
+
align-items: center;
|
|
280
|
+
}
|
|
281
|
+
|
|
282
|
+
|
|
283
|
+
#confetti-canvas{
|
|
284
|
+
width: 100%;
|
|
285
|
+
position: fixed;
|
|
286
|
+
top:0
|
|
287
|
+
}
|
|
288
|
+
|
|
289
|
+
.gameResult{
|
|
290
|
+
text-align: center;
|
|
291
|
+
width: 100%;
|
|
292
|
+
font-size: 18px;
|
|
293
|
+
font-weight: 900;
|
|
294
|
+
}
|
|
295
|
+
#result-guess-word{
|
|
296
|
+
background: #f8f9fa;
|
|
297
|
+
width: 100px;
|
|
298
|
+
text-align: center;
|
|
299
|
+
margin: 0 auto;
|
|
300
|
+
padding: 8px;
|
|
301
|
+
border-radius: 5px;
|
|
302
|
+
border: 1px dashed gray;
|
|
303
|
+
margin-top: 1rem;
|
|
304
|
+
font-size: 15px;
|
|
305
|
+
text-transform: uppercase;
|
|
306
|
+
font-weight: 600;
|
|
307
|
+
}
|
|
308
|
+
.wordle-game-button{
|
|
309
|
+
padding: 0px 15px;
|
|
310
|
+
color: #626568;
|
|
311
|
+
font-size: 14px;
|
|
312
|
+
background: #f5f7fb;
|
|
313
|
+
padding: 8px 5px;
|
|
314
|
+
border: none;
|
|
315
|
+
width: 100%;
|
|
316
|
+
/* font-weight: 700; */
|
|
317
|
+
border-radius: 7px;
|
|
318
|
+
display: flex;
|
|
319
|
+
text-decoration: none;
|
|
320
|
+
cursor: pointer;
|
|
321
|
+
justify-content: center;
|
|
322
|
+
align-items: center;
|
|
323
|
+
align-content: center;
|
|
324
|
+
margin: 6px 0px;
|
|
325
|
+
border: 1px solid rgba(0,0,0,0.1);
|
|
326
|
+
}
|
|
327
|
+
.wordle-game-button:hover{
|
|
328
|
+
text-decoration: none !important;
|
|
329
|
+
}
|
|
330
|
+
.social-sharing-icons{
|
|
331
|
+
display:flex;
|
|
332
|
+
justify-content: center;
|
|
333
|
+
}
|
|
334
|
+
.share-icon{
|
|
335
|
+
width: 50px;
|
|
336
|
+
height: 50px;
|
|
337
|
+
}
|
|
338
|
+
|
|
339
|
+
|
|
340
|
+
#wordle-examples {
|
|
341
|
+
border-top: 1px solid rgba(0,0,0,0.1);
|
|
342
|
+
border-bottom: 1px solid rgba(0,0,0,0.1);
|
|
343
|
+
padding: 1rem 0rem;
|
|
344
|
+
}
|
|
345
|
+
.wordle-game-spot {
|
|
346
|
+
padding: 20px;
|
|
347
|
+
border: 2px solid #3a3a3c;
|
|
348
|
+
margin: 2px;
|
|
349
|
+
display: inline-block;
|
|
350
|
+
line-height: 0;
|
|
351
|
+
font-weight: bold;
|
|
352
|
+
text-align: center;
|
|
353
|
+
font-size: 25px;
|
|
354
|
+
}
|
|
355
|
+
.wordle-game-absent {
|
|
356
|
+
background-color: #3a3a3c !important;
|
|
357
|
+
border-color: #3a3a3c !important;
|
|
358
|
+
color: #fff;
|
|
359
|
+
}
|
|
360
|
+
.wordle-game-present {
|
|
361
|
+
background-color: #b59f3b !important;
|
|
362
|
+
border-color: #b59f3b !important;
|
|
363
|
+
color: white;
|
|
364
|
+
}
|
|
365
|
+
.wordle-game-correct {
|
|
366
|
+
background-color: #538d4e !important;
|
|
367
|
+
border-color: #538d4e !important;
|
|
368
|
+
color: white;
|
|
369
|
+
}
|
|
370
|
+
.wordle-game-spot:before {
|
|
371
|
+
content: "\a0";
|
|
372
|
+
}
|
|
373
|
+
.wordle-game-spot[title]:before { content: attr(title); }
|
|
374
|
+
.wordle-game-row-active .wordle-game-spot {
|
|
375
|
+
border-color: #666;
|
|
376
|
+
}
|
|
377
|
+
@media (max-width: 768px) {
|
|
378
|
+
#create-wordle-form{
|
|
379
|
+
padding:0 10px;
|
|
380
|
+
}
|
|
381
|
+
.create-wordle .custom-word{
|
|
382
|
+
width: 100%;
|
|
383
|
+
}
|
|
384
|
+
#exampleModal,.wordletip{
|
|
385
|
+
padding:15px;
|
|
386
|
+
}
|
|
387
|
+
.game .game-container .key-btn{
|
|
388
|
+
margin:2px;
|
|
389
|
+
padding:15px 10px;
|
|
390
|
+
}
|
|
391
|
+
.game .game-container .game-keyboard{
|
|
392
|
+
margin-top: 3rem !important;
|
|
393
|
+
}
|
|
394
|
+
}
|
|
395
|
+
|
|
396
|
+
/*
|
|
397
|
+
.wordl_ani{
|
|
398
|
+
animation: animated 3s ease-in-out infinite;
|
|
105
399
|
}
|
|
106
400
|
|
|
401
|
+
@keyframes animated {
|
|
402
|
+
100%{
|
|
403
|
+
transform: scale(1.03);
|
|
404
|
+
}
|
|
405
|
+
*/
|
|
406
|
+
/* } */
|
data/assets/css/wordleSolver.css
CHANGED
|
@@ -120,6 +120,19 @@
|
|
|
120
120
|
margin: 10px auto;
|
|
121
121
|
width: 75%;
|
|
122
122
|
}
|
|
123
|
+
.createWordleLink{
|
|
124
|
+
text-align: center;
|
|
125
|
+
display: block;
|
|
126
|
+
box-shadow: 0 0 1px rgb(0 0 0 / 10%);
|
|
127
|
+
border: none;
|
|
128
|
+
padding: 10px 15px;
|
|
129
|
+
width: 320px;
|
|
130
|
+
background: rgb(118, 118, 118);
|
|
131
|
+
border-radius: 20px;
|
|
132
|
+
font-size: 15px;
|
|
133
|
+
margin-bottom: 2rem;
|
|
134
|
+
margin:5px auto;
|
|
135
|
+
}
|
|
123
136
|
@media (max-width: 768px) {
|
|
124
137
|
.allfiveletterswords,
|
|
125
138
|
#wordleWordCount {
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" data-name="Layer 1" width="1074.3919677734375" height="584.2310180664062" style=""><rect id="backgroundrect" width="100%" height="100%" x="0" y="0" fill="none" stroke="none"/><title>page not found</title><g class="currentLayer" style=""><title>Layer 1</title><ellipse cx="540.6434326171875" cy="549.3093872070312" rx="527.5" ry="34.921600341796875" fill="#f2f2f2" id="svg_1" class=""/><path d="M520.4256891455078,167.0097337744141 c-85.94407,0 -147.651,55.13938 -147.651,183.79791 c0,145.813 61.70691,184.41057 147.651,184.41057 s151.327,-42.27352 151.327,-184.41057 C671.7526391455078,198.86804377441405 606.3697591455078,167.0097337744141 520.4256891455078,167.0097337744141 zm0.5649500000000001,319.80837 c-59.52686,0 -90.62592,-34.92288 -90.62592,-135.9163 c0,-89.11185 32.37209,-136.10461 91.899,-136.10461 s91.899,30.86774 91.899,136.10461 C614.1626291455078,449.349163774414 580.5174991455078,486.8181037744141 520.9906391455078,486.8181037744141 z" fill="#2f2e41" id="svg_2"/><path d="M321.31130914550783,433.51670377441405 H285.77699914550783 V328.87732377441404 A20.95585,20.95585 0 0 0 264.82116914550784,307.92149377441405 h-8.32638 a20.95585,20.95585 0 0 0 -20.95586,20.95585 V433.51670377441405 H135.30884914550782 a11.96327,11.96327 0 0 1 -10.57763,-17.552 l106.0824,-200.78034 A20.95585,20.95585 0 0 0 221.2332391455078,186.44549377441405 l-6.26231,-2.9572000000000003 a20.95585,20.95585 0 0 0 -27.4293,9.07005 L58.16015914550782,434.5908937744141 a28.41578,28.41578 0 0 0 -3.35584,13.39612 v0 a28.41583,28.41583 0 0 0 28.41584,28.41583 H235.53892914550784 v66.16727 a25.119,25.119 0 0 0 25.119,25.119 h0.00005000000000000002 a25.119,25.119 0 0 0 25.119,-25.119 V476.402883774414 h35.53428 a21.44307,21.44307 0 0 0 21.44307,-21.44307 v0 A21.44307,21.44307 0 0 0 321.31130914550783,433.51670377441405 z" fill="#484848" id="svg_3" class="" fill-opacity="1" stroke="#242424" stroke-opacity="1"/><path d="M979.3078291455079,433.51670377441405 h-35.53428 V328.87732377441404 A20.95585,20.95585 0 0 0 922.8176891455078,307.92149377441405 h-8.32638 a20.95585,20.95585 0 0 0 -20.95586,20.95585 V433.51670377441405 H793.3053691455078 a11.96326,11.96326 0 0 1 -10.57763,-17.552 L888.8101291455079,215.18440377441408 A20.95586,20.95586 0 0 0 879.2297591455078,186.44549377441405 l-6.26231,-2.9572000000000003 a20.95586,20.95586 0 0 0 -27.42931,9.07005 L716.1566791455078,434.5908937744141 a28.41578,28.41578 0 0 0 -3.35584,13.39612 v0 a28.41583,28.41583 0 0 0 28.41583,28.41583 H893.5354491455079 v66.16727 a25.119,25.119 0 0 0 25.119,25.119 h0 a25.119,25.119 0 0 0 25.119,-25.119 V476.402883774414 h35.53428 a21.44307,21.44307 0 0 0 21.44307,-21.44307 v0 A21.44307,21.44307 0 0 0 979.3078291455079,433.51670377441405 z" fill="#484848" id="svg_4" class="" fill-opacity="1"/><path d="M331.1138691455078,421.2634937744141 H295.5795791455078 V316.6241337744141 a20.95585,20.95585 0 0 0 -20.95585,-20.95586 h-8.32638 a20.95586,20.95586 0 0 0 -20.95586,20.95586 V421.2634937744141 H145.11140914550782 a11.96327,11.96327 0 0 1 -10.57763,-17.552 L240.6161691455078,202.93121377441406 a20.95586,20.95586 0 0 0 -9.58037,-28.73893 l-6.26231,-2.9572000000000003 a20.95586,20.95586 0 0 0 -27.42931,9.07 L67.9627191455078,422.3376937744141 a28.41582,28.41582 0 0 0 -3.35584,13.39613 v0 a28.41583,28.41583 0 0 0 28.41583,28.41583 H245.3414891455078 v66.16727 a25.119,25.119 0 0 0 25.119,25.119 h0.00005000000000000002 a25.119,25.119 0 0 0 25.119,-25.119 V464.1496937744141 h35.53429 a21.44307,21.44307 0 0 0 21.44307,-21.44307 v0 A21.44307,21.44307 0 0 0 331.1138691455078,421.2634937744141 z" fill="#484848" stroke="#484848" stroke-miterlimit="10" id="svg_5" class="selected" fill-opacity="1" stroke-opacity="1"/><path d="M997.6876191455078,421.2634937744141 h-35.53428 V316.6241337744141 a20.95586,20.95586 0 0 0 -20.95586,-20.95586 H932.8710991455079 a20.95586,20.95586 0 0 0 -20.95586,20.95586 V421.2634937744141 H811.6851591455078 a11.96327,11.96327 0 0 1 -10.57763,-17.552 L907.1899191455078,202.93121377441406 a20.95586,20.95586 0 0 0 -9.58037,-28.73893 l-6.26231,-2.9572000000000003 a20.95586,20.95586 0 0 0 -27.42931,9.07 L734.5364691455078,422.3376937744141 a28.41582,28.41582 0 0 0 -3.35584,13.39613 v0 a28.41583,28.41583 0 0 0 28.41583,28.41583 H911.9152391455078 v66.16727 a25.119,25.119 0 0 0 25.119,25.119 h0 a25.119,25.119 0 0 0 25.119,-25.119 V464.1496937744141 h35.53428 a21.44307,21.44307 0 0 0 21.44307,-21.44307 v0 A21.44307,21.44307 0 0 0 997.6876191455078,421.2634937744141 z" fill="#484848" stroke="#484848" stroke-miterlimit="10" id="svg_6" class="" fill-opacity="1" stroke-opacity="1"/><path d="M540.0307991455078,155.98186377441408 c-85.94407,0 -147.651,55.13937 -147.651,183.79791 c0,145.813 61.70691,184.41057 147.651,184.41057 s151.327,-42.27352 151.327,-184.41057 C691.3577491455078,187.84016377441407 625.9748691455078,155.98186377441408 540.0307991455078,155.98186377441408 zm0.5650000000000001,319.80836 c-59.52686,0 -90.62592,-34.92287 -90.62592,-135.91629 c0,-89.11185 32.37209,-136.10461 91.899,-136.10461 s91.899,30.86774 91.899,136.10461 C633.7677391455078,438.32128377441404 600.1226091455078,475.790223774414 540.5957491455079,475.790223774414 z" fill="#ffffff" stroke="#3f3d56" stroke-miterlimit="10" id="svg_7" class="" fill-opacity="1"/><circle cx="471.1410827636719" cy="18.25044059753418" r="12.901180267333984" fill="#2f2e41" id="svg_8"/><ellipse cx="502.60736083984375" cy="46.884761810302734" rx="36.18621826171875" ry="46.884761810302734" fill="#2f2e41" id="svg_9" class=""/><path d="M502.60735914550776,79.60968377441407 c-18.1276,0 -33.1413,-17.27052 -35.77576,-39.80484 a60.9759,60.9759 0 0 0 -0.41046000000000005,7.07991 c0,25.89373 16.20114,46.88476 36.18622,46.88476 s36.18623,-20.991 36.18623,-46.88476 a60.9759,60.9759 0 0 0 -0.41046000000000005,-7.07991 C535.7486691455078,62.33916377441406 520.7349991455078,79.60968377441407 502.60735914550776,79.60968377441407 z" opacity="0.1" id="svg_10"/><path d="M576.2421891455078,184.18875377441407 c-0.77711,3.19345 -4.12792,5.751 -7.8388100000000005,7.53791 c-7.80188,3.7568200000000003 -17.4253,4.87788 -26.7597,5.25418 a45.17622,45.17622 0 0 1 -7.1445,-0.132 a20.5371,20.5371 0 0 1 -12.25052,-5.63141 a1.68086,1.68086 0 0 1 0.04371000000000001,-2.84388 c4.9694,-5.45888 13.2622,-8.80605 21.61613,-11.21609 c6.3344000000000005,-1.82743 17.3813,-6.5608900000000006 24.29013,-5.9221 C574.8904391455078,171.85413377441404 577.2233991455078,180.15661377441404 576.2421891455078,184.18875377441407 z" fill="#3f3d56" id="svg_11"/><path d="M576.2421891455078,184.18875377441407 c-0.77711,3.19345 -4.12792,5.751 -7.8388100000000005,7.53791 c-7.80188,3.7568200000000003 -17.4253,4.87788 -26.7597,5.25418 a45.17622,45.17622 0 0 1 -7.1445,-0.132 a20.5371,20.5371 0 0 1 -12.25052,-5.63141 a1.68086,1.68086 0 0 1 0.04371000000000001,-2.84388 c4.9694,-5.45888 13.2622,-8.80605 21.61613,-11.21609 c6.3344000000000005,-1.82743 17.3813,-6.5608900000000006 24.29013,-5.9221 C574.8904391455078,171.85413377441404 577.2233991455078,180.15661377441404 576.2421891455078,184.18875377441407 z" opacity="0.1" id="svg_12"/><path d="M477.0438591455078,160.32139377441405 a19.76967,19.76967 0 0 0 -1.1987,15.07476 a26.33914,26.33914 0 0 0 8.82921,12.49683 c10.09467,8.09163 23.98784,9.20512 36.92477,9.09278 a284.6495,284.6495 0 0 0 33.90525,-2.32384 a40.53788,40.53788 0 0 0 11.00143,-2.55442 c4.22242,-1.8267900000000001 7.93282,-5.17756 9.436,-9.5257 s0.43625,-9.672460000000001 -3.13383,-12.57428 c-3.13686,-2.54969 -7.46265,-2.9004 -11.49775,-3.14289 l-23.08764,-1.38745 c2.281,-2.30839 5.31816,-3.614 8.09586,-5.29216 c3.6852300000000002,-2.22642 6.13358,-5.96455 8.81312,-9.33471 a129.00143,129.00143 0 0 1 13.4386,-13.817 c0.75138,4.31038 3.4782,7.8499 6.68733,10.824 s6.90841,5.36845 10.2439,8.20013 c8.0786,6.85838 13.89583,16.1669 22.39215,22.50043 a43.82885,43.82885 0 0 0 16.04862,-8.0122 l-3.30209,-5.98141 a3.94,3.94 0 0 0 -1.24459,-1.55282 c-0.9346500000000001,-0.5750000000000001 -2.13975,-0.27872 -3.225,-0.44144000000000005 c-2.90082,-0.43500000000000005 -4.1677100000000005,-3.784 -5.306,-6.48737 c-3.12491,-7.42173 -9.108,-13.17993 -14.21783,-19.40381 a98.00854,98.00854 0 0 1 -9.99577,-14.72284 c-1.71652,-3.10162 -3.2880000000000003,-6.33107 -5.61746,-9.00321 s-5.59358,-4.773 -9.1385,-4.78051 c-3.1322200000000002,-0.006620000000000002 -6.02122,1.58355 -8.714220000000001,3.18308 a230.47679,230.47679 0 0 0 -23.63018,16.09894 c-3.94376,3.0617 -7.86306,6.29645 -12.48933,8.17393 c-1.94748,0.79035 -4.00044,1.3305200000000001 -5.8692400000000005,2.29223 c-3.27313,1.6844000000000001 -5.75721,4.53435 -8.43128,7.06415 C503.2231191455078,154.00774377441405 490.16499914550786,159.85390377441405 477.0438591455078,160.32139377441405 z" fill="#3f3d56" id="svg_13" class=""/><path d="M525.3196991455078,96.09800377441405 a23.77444,23.77444 0 0 1 -1.7337900000000002,8.03335 a10.04492,10.04492 0 0 1 -5.767720000000001,5.57269 a12.37513,12.37513 0 0 1 -5.62306,0.18249000000000004 a10.88232,10.88232 0 0 1 -4.58151,-1.56071 c-2.16484,-1.4883700000000002 -3.24415,-4.14413 -3.63748,-6.74325 c-0.39333000000000007,-2.596 -0.21714000000000003,-5.24857 -0.46885000000000004,-7.86342 a42.94439,42.94439 0 0 0 -1.202,-6.25549 c-0.16993000000000005,-0.6828200000000002 -0.3430000000000001,-1.3624800000000001 -0.5129400000000001,-2.04216 c-0.16674000000000005,-0.6796700000000002 -0.3303700000000001,-1.35935 -0.48141000000000006,-2.039 c-0.13847,-0.6387800000000001 -0.26745,-1.28068 -0.37761000000000006,-1.9257400000000002 c-0.09123000000000003,-0.54436 -0.17300000000000001,-1.09189 -0.23285,-1.64255 a18.42329,18.42329 0 0 0 -0.8086700000000001,-4.81118 a14.60727,14.60727 0 0 0 -1.6865900000000003,-2.854 c-0.28635000000000005,-0.40906000000000003 -0.56326,-0.81811 -0.81815,-1.24292 a5.88984,5.88984 0 0 1 -0.9722599999999999,-3.74763 a3.286,3.286 0 0 1 0.14788,-0.6010000000000001 c0.025160000000000005,-0.07552000000000002 0.05347000000000001,-0.15100000000000002 0.08500000000000002,-0.22340000000000004 A1.80187,1.80187 0 0 0 497.87799914550783,65.18549377441406 a3.4334100000000003,3.4334100000000003 0 0 0 -0.14788,-1.77783 a11.31808,11.31808 0 0 0 -0.9597400000000001,-2.28761 c-0.26430000000000003,-0.47829 -1.1610800000000001,-1.3404600000000002 -1.16738,-1.8880000000000001 c-0.012600000000000002,-1.10132 2.13972,-1.98867 3.01134,-2.42291 a16.79623,16.79623 0 0 1 8.59657,-1.74323 c1.90369,0.129 3.9679,0.71428 5.0189,2.3096200000000002 c0.9440000000000001,1.4380000000000002 0.8180700000000001,3.3008100000000002 1.22085,4.97169 a1.47068,1.47068 0 0 0 0.2989200000000001,0.6639300000000001 a1.34135,1.34135 0 0 0 0.73948,0.3398200000000001 a4.54948,4.54948 0 0 0 1.416,0.05666000000000001 h0.003150000000000001 a2.93138,2.93138 0 0 0 0.37128000000000005,-0.053510000000000016 a4.957,4.957 0 0 0 2.03271,-0.8779000000000001 q0.58531,-0.15576000000000004 1.18,-0.25488000000000005 a0.25112,0.25112 0 0 0 0.04725000000000001,-0.009450000000000002 c1.57646,4.97482 1.7810000000000001,10.30836 3.07111,15.37444 c0.6387400000000002,2.52044 1.55442,5.00943 1.6834000000000002,7.60225 c0.009450000000000002,0.11327000000000002 0.012600000000000002,0.22970000000000004 0.015750000000000004,0.3461200000000001 c0.018900000000000004,0.83386 -0.04717000000000001,1.6740000000000002 -0.012600000000000002,2.50472 a6.981,6.981 0 0 0 0.12591000000000002,1.1139000000000001 a15.61121,15.61121 0 0 0 0.5254599999999999,1.7432500000000002 l0.009450000000000002,0.028310000000000005 c0.05977000000000001,0.18251000000000003 0.11643000000000002,0.36817000000000005 0.16363000000000003,0.55381 c0.03457000000000001,0.1353 0.06607000000000002,0.26747000000000004 0.09127000000000003,0.40277 l0.003110000000000001,0.009430000000000003 A14.93754,14.93754 0 0 1 525.3196991455078,96.09800377441405 z" fill="#fbbebe" id="svg_14"/><circle cx="503.2366943359375" cy="44.99678039550781" r="18.565109252929688" fill="#fbbebe" id="svg_15" class=""/><path d="M621.1031091455078,146.14827377441406 a30.445,30.445 0 0 0 -5.236,-14.10317 q0.72216,4.29513 1.44748,8.58714 a3.214,3.214 0 0 1 -3.36688,-1.03523 a10.33663,10.33663 0 0 1 -1.7652900000000002,-3.27565 a67.46571,67.46571 0 0 0 -8.2095,-14.73567 c-11.81876,-0.98489 -23.50223,-5.88418 -33.89555,-11.595320000000001 c-10.39643,-5.708 -20.12582,-12.5519 -30.38382,-18.50217 a43.57346,43.57346 0 0 0 -5.54436,-2.832 c-3.20954,-1.287 -6.81242,-1.9540600000000001 -9.85526,-3.46759 c-0.20450000000000002,-0.10070000000000001 -0.40900000000000003,-0.20767 -0.61043,-0.3178100000000001 a12.57834,12.57834 0 0 1 -1.94459,-1.3058400000000001 a10.34363,10.34363 0 0 1 -0.93139,-0.8559000000000001 a20.35115,20.35115 0 0 1 -3.55886,-5.95341 c-1.63308,-3.61232 -2.21524,-7.97041 -3.84517,-11.58274 a11.20292,11.20292 0 0 1 2.50156,-1.76525 h0.003150000000000001 c0.13213,-0.06924000000000002 0.26430000000000003,-0.13532 0.3996200000000001,-0.19824000000000006 a11.9404,11.9404 0 0 1 2.00437,-0.7331700000000001 q0.58531,-0.15576000000000004 1.18,-0.25488000000000005 a0.25112,0.25112 0 0 0 0.04725000000000001,-0.009450000000000002 a11.56564,11.56564 0 0 1 5.49085,0.43424 c2.58652,0.8747700000000002 4.76711,2.62115 6.94148,4.27313 a114.02006,114.02006 0 0 1 10.14787,8.04908 c1.7935699999999999,1.718 3.4298,3.606 5.35868,5.16676 a42.14393,42.14393 0 0 0 5.05662,3.35116 q15.656130000000001,9.32658 31.31525,18.65005 c3.53365,2.1051 7.07046,4.21019 10.52553,6.438 c5.24855,3.38578 10.30828,7.05474 15.36493,10.72057 q4.46978,3.23787 8.93647,6.47889 a9.72771,9.72771 0 0 1 2.533,2.3411 a8.4724,8.4724 0 0 1 1.12337,3.433 A31.3874,31.3874 0 0 1 621.1031091455078,146.14827377441406 z" fill="#fbbebe" id="svg_16"/><path d="M529.9232591455078,110.05959377441405 c-1.25235,5.61674 -6.92888,9.012 -9.89617,13.94586 c-3.6878400000000005,6.12335 -2.18378,13.241 -0.79922,20.25484 q-3.7948500000000003,3.27095 -7.59285,6.54186 c-1.39708,1.19886 -2.7941700000000003,2.404 -4.2982700000000005,3.46444 a57.35064,57.35064 0 0 1 -6.85966,3.93956 q-3.3606,1.7275200000000002 -6.72119,3.45814 a32.1282,32.1282 0 0 1 -6.57961,2.7879300000000002 c-4.41473,1.13278 -9.10318,0.3398200000000001 -13.4707,-0.97232 a6.08761,6.08761 0 0 1 -1.47264,-0.6010000000000001 a2.39351,2.39351 0 0 1 -0.6985400000000002,-0.63248 a3.91067,3.91067 0 0 1 -0.44365000000000004,-2.53933 c0.44365000000000004,-7.35052 2.24036,-14.54686 4.03081,-21.68971 a85.2598,85.2598 0 0 1 3.84832,-12.57708 a85.0766,85.0766 0 0 1 5.41538,-10.151 a68.36751,68.36751 0 0 1 7.92948,-11.51353 a18.47881,18.47881 0 0 0 3.67525,-4.7388200000000005 c1.11706,-2.54876 0.6860000000000002,-5.472 0.91252,-8.24732 a17.14844,17.14844 0 0 1 1.6331200000000001,-6.0069 v-0.003150000000000001 a17.09326,17.09326 0 0 1 1.74321,-2.88232 q0.45788000000000006,1.06671 0.91568,2.13027 q0.30209,0.6985500000000001 0.5978300000000001,1.3940000000000001 q0.38706000000000007,0.8967900000000002 0.7678000000000001,1.78728 q1.09973,2.55823 2.19637,5.11327 a21.58968,21.58968 0 0 0 3.3353800000000002,5.944 a6.49923,6.49923 0 0 0 11.12337,-0.8527500000000001 a21.26125,21.26125 0 0 0 2.27185,-6.0132 a19.21547,19.21547 0 0 0 0.25175,-7.83509 c-0.7583500000000001,-5.00945 -2.8886200000000004,-10.12585 -4.43678,-14.77972 a14.94511,14.94511 0 0 1 -1.07927,-4.871 a3.35144,3.35144 0 0 1 0.05662000000000001,-0.56011 c0.009450000000000002,-0.04719000000000001 0.018900000000000004,-0.09754000000000003 0.028340000000000004,-0.14473000000000003 a11.9404,11.9404 0 0 1 2.00437,-0.7331700000000001 q0.58531,-0.15576000000000004 1.18,-0.25488000000000005 q2.04378,11.06355 4.09377,22.12709 c0.03150000000000001,0.17307 0.06610000000000002,0.34613000000000005 0.09756000000000004,0.52234 c0.19509000000000004,1.05726 0.39333000000000007,2.11454 0.61358,3.16865 c0.19828000000000004,0.95657 0.41223,1.9100000000000001 0.6513700000000001,2.85715 l0.009450000000000002,0.028310000000000005 c0.08182000000000002,0.32100000000000006 0.16678000000000004,0.6387700000000002 0.2549,0.95658 l0.003110000000000001,0.009430000000000003 c0.24230000000000002,0.86848 0.5129,1.7306500000000002 0.81811,2.58024 C527.8842491455079,99.59077377441406 531.1095491455078,104.74495377441406 529.9232591455078,110.05959377441405 z" fill="#484848" id="svg_17" class="" fill-opacity="1"/><path d="M605.2674391455079,188.99256377441407 a6.58269,6.58269 0 0 0 0.6100000000000001,3.14328 c1.16192,2.12353 3.9498100000000003,2.60625 6.36228,2.80484 a188.37688,188.37688 0 0 0 42.2657,-1.2877399999999999 a4.88565,4.88565 0 0 0 2.15136,-0.6676600000000001 c1.9898500000000001,-1.3950900000000002 0.7632900000000001,-4.7951 -1.40951,-5.88355 s-4.75126,-0.8261400000000001 -7.1353,-1.2974800000000002 a22.47912,22.47912 0 0 1 -6.67794,-2.89617 q-7.25234,-4.16669 -14.293,-8.68808 c-2.79453,-1.7946400000000002 -6.09272,-3.70993 -9.23987,-2.6458700000000004 C609.3759991455078,174.45813377441408 605.2113291455078,179.79614377441408 605.2674391455079,188.99256377441407 z" fill="#3f3d56" id="svg_18"/><path d="M501.3833191455078,82.98916377441407 v0.003150000000000001 c-0.022000000000000006,0.13215 -0.04406000000000001,0.26116 -0.07237,0.3901800000000001 c-0.03460000000000001,0.21400000000000002 -0.07551000000000001,0.4310800000000001 -0.11642000000000002,0.6450000000000001 c-0.3901800000000001,1.9981200000000001 -0.8684700000000001,3.98678 -1.41913,5.962870000000001 c-1.5104,5.45939 -3.5336600000000002,10.83069 -5.5412099999999995,16.12332 q-8.08055,21.28692 -16.16423,42.577 c-1.3593600000000001,3.57457 -2.71554,7.15228 -4.26054,10.65448 c-0.516,1.16741 -1.04782,2.34424 -1.57647,3.53368 c-1.8942700000000001,4.25737 -3.713,8.653220000000001 -4.31716,13.18436 a27.44976,27.44976 0 0 0 -0.19194000000000006,9.04027 c0.60416,2.97042 2.40718,5.8716 5.22969,6.9697700000000005 c1.37823,0.53808 3.35113,1.25865 2.97355,2.69037 c-0.20450000000000002,0.7866500000000001 -1.09817,1.17055 -1.90057,1.3027 a7.31234,7.31234 0 0 1 -5.966,-1.718 c-1.50725,-1.33732 -2.6651800000000003,-3.41725 -4.66959,-3.64065 c-1.38767,-0.15100000000000002 -2.6651800000000003,0.6796600000000002 -3.93643,1.26178 c-5.18564,2.36942 -11.22719,0.7111400000000001 -16.674,-0.9722999999999999 c0.42794000000000004,-2.20579 2.64318,-3.65953 4.84267,-4.10006 c2.19949,-0.44367000000000006 4.47449,-0.129 6.718,-0.18879000000000004 a3.5095799999999997,3.5095799999999997 0 0 0 2.04216,-0.52549 a3.70545,3.70545 0 0 0 1.10132,-1.8816900000000003 a78.96356,78.96356 0 0 0 3.21273,-13.14661 c0.7237000000000001,-4.66645 1.02581,-9.40527 2.05787,-14.01507 c0.80241,-3.59661 2.0422,-7.07991 3.10572,-10.61044 a224.68238,224.68238 0 0 0 5.0598,-22.07674 a78.02019,78.02019 0 0 0 1.42543,-9.36751 c0.17935,-2.6117 0.09438000000000002,-5.236 0.34609000000000006,-7.83826 a60.8877,60.8877 0 0 1 2.1114100000000002,-9.99683 q1.44427,-5.34769 2.88547,-10.68911 c1.42544,-5.2706 2.95465,-10.74572 6.567,-14.84264 a13.96159,13.96159 0 0 1 10.02834,-4.78915 a9.8819,9.8819 0 0 1 2.13027,0.22969000000000003 c0.11639000000000002,0.028310000000000005 0.23285,0.05664000000000001 0.34923000000000004,0.08810000000000003 a8.63447,8.63447 0 0 1 2.17437,0.8999500000000001 c1.11388,-0.7080000000000001 1.68025,-0.45942000000000005 2.41974,0.63246 a6.97319,6.97319 0 0 1 0.8810700000000001,3.7948500000000003 A52.42378,52.42378 0 0 1 501.3833191455078,82.98916377441407 z" fill="#fbbebe" id="svg_19" class=""/><path d="M502.60735914550776,87.16159377441406 l-0.047200000000000006,0.04719000000000001 l-0.25486000000000003,0.25488000000000005 l-2.5299,2.52675 l-1.23976,-5.20767 l-4.25109,-17.854 a9.8819,9.8819 0 0 1 2.13027,0.22969000000000003 a3.286,3.286 0 0 1 0.14788,-0.6010000000000001 l0.20135,0.6891100000000001 l1.4411800000000001,4.90245 l2.72811,9.30773 l0.45,1.53241 v0.003150000000000001 z" fill="#000000" id="svg_20"/><path d="M518.6612291455078,30.20279377441406 a12.58165,12.58165 0 0 1 -3.7004900000000003,8.89583 a12.31392,12.31392 0 0 1 -1.36008,1.17634 a12.52812,12.52812 0 0 1 -7.53567,2.52415 H490.96899914550784 a12.5902,12.5902 0 0 1 0,-25.18037 h15.096 A12.62919,12.62919 0 0 1 518.6612291455078,30.20279377441406 z" fill="#2f2e41" id="svg_21" class=""/><circle cx="532.8150024414062" cy="18.25044059753418" r="12.901180267333984" fill="#2f2e41" id="svg_22"/><path d="M532.5003291455079,5.349263774414055 c-0.15825000000000003,0 -0.31505000000000005,0.006280000000000002 -0.47200000000000003,0.011930000000000003 a12.89776,12.89776 0 0 1 0,25.77849 c0.15694000000000005,0.0056500000000000005 0.31374,0.011930000000000003 0.47200000000000003,0.011930000000000003 a12.90117,12.90117 0 1 0 0,-25.80235 z" opacity="0.1" id="svg_23"/><path d="M471.1410791455078,5.349263774414055 c0.15825000000000003,0 0.31505000000000005,0.006280000000000002 0.47200000000000003,0.011930000000000003 a12.89776,12.89776 0 0 0 0,25.77849 c-0.15700000000000003,0.0056500000000000005 -0.31375000000000003,0.011930000000000003 -0.47200000000000003,0.011930000000000003 a12.90118,12.90118 0 0 1 0,-25.80235 z" opacity="0.1" id="svg_24"/><path d="M513.6006591455078,40.27496377441406 a12.52812,12.52812 0 0 1 -7.53567,2.52415 H490.96899914550784 a12.52833,12.52833 0 0 1 -7.5357400000000005,-2.52415 z" opacity="0.1" id="svg_25"/><path d="M611.0855791455078,133.75591377441407 s3.25228,9.37161 6.229,6.87633 L614.9419991455078,128.38242377441406 z" fill="#fbbebe" id="svg_26"/><path d="M1209.5304808984374,375.549633774414 a20.81252,20.81252 0 1 0 2.7716000000000003,-39.91524 l0.52093,10.7122 l-5.06814,-9.18045 a20.734,20.734 0 0 0 -10.68367,11.72261 a20.40847,20.40847 0 0 0 -1.19713,5.62986 A20.80856,20.80856 0 0 0 1209.5304808984374,375.549633774414 z" fill="#57b894" id="svg_27" class=""/><path d="M1031.9411591455078,543.793053774414 c-1.78906,-9.11027 5.9633,-17.1868 13.62086,-22.43651 s16.605,-10.40779 19.21775,-19.31684 c3.755,-12.80387 -7.43,-24.52981 -16.13564,-34.64176 a125.30044,125.30044 0 0 1 -16.52359,-24.55738 c-1.81107,-3.5324999999999998 -3.47558,-7.22528 -3.95221,-11.16626 c-0.6864100000000001,-5.67546 1.13693,-11.32309 2.9739,-16.73673 q9.17925,-27.05169 19.62843,-53.65005 " fill="none" stroke="#ffffff" stroke-miterlimit="10" id="svg_28" class="" stroke-opacity="1"/><path d="M1206.3876008984375,422.1250272666931 a20.81252,20.81252 0 1 0 2.7716000000000003,-39.91524 l0.52093,10.7122 l-5.06815,-9.18045 a20.734,20.734 0 0 0 -10.68366,11.72261 a20.40847,20.40847 0 0 0 -1.19713,5.62986 A20.80855,20.80855 0 0 0 1206.3876008984375,422.1250272666931 z" fill="#ffffff" stroke="#ffffff" stroke-miterlimit="10" id="svg_29" class="" fill-opacity="1" stroke-opacity="1"/><path d="M1029.3973591455078,357.5881537744141 a20.78819,20.78819 0 0 1 14.97993,-13.19764 l1.71361,10.18378 l3.177,-10.69566 a20.81,20.81 0 1 1 -19.87057,13.70952 z" fill="#57b894" id="svg_30" class="" opacity="0"/><path d="M1135.8735150219727,348.577560282135 a20.7882,20.7882 0 0 1 14.97993,-13.19763 l1.71361,10.18378 l3.177,-10.69567 a20.81,20.81 0 1 1 -19.87057,13.70952 z" fill="#ffffff" stroke="#ffffff" stroke-miterlimit="10" id="svg_31" class="" fill-opacity="1" stroke-opacity="1" opacity="1" stroke-dasharray="none"/><path d="M1198.3240673925782,463.604343774414 a20.81,20.81 0 0 0 18.419,-37.02267 l-2.44121,8.21926 l-1.7310500000000002,-10.30382 a0.3618300000000001,0.3618300000000001 0 0 0 -0.05300000000000002,-0.020100000000000007 a20.81113,20.81113 0 1 0 -14.1938,39.12733 z" fill="#57b894" id="svg_32" class=""/><path d="M1208.6476708984376,447.8796637744141 a20.81,20.81 0 0 0 18.419,-37.02267 l-2.44121,8.21926 l-1.7310500000000002,-10.30382 a0.3621000000000001,0.3621000000000001 0 0 0 -0.05300000000000002,-0.020100000000000007 a20.81113,20.81113 0 1 0 -14.1938,39.12733 z" fill="#ffffff" stroke="#ffffff" stroke-miterlimit="10" id="svg_33" class="" fill-opacity="1" stroke-opacity="1"/><path d="M1240.657147392578,496.833640282135 a20.80131,20.80131 0 1 0 4.01058,-16.29737 l9.27267,13.95654 l-12.66994,-7.40768 A20.61638,20.61638 0 0 0 1240.657147392578,496.833640282135 z" fill="#57b894" id="svg_34" class=""/><path d="M1224.1809391455079,490.0757007589722 a20.80131,20.80131 0 1 0 4.01058,-16.29737 l9.27267,13.95655 l-12.66994,-7.40769 A20.61626,20.61626 0 0 0 1224.1809391455079,490.0757007589722 z" fill="#ffffff" stroke="#ffffff" stroke-miterlimit="10" id="svg_35" class="" fill-opacity="1" stroke-opacity="1"/><path d="M9.00745914550781,470.24874377441404 a13.67421,13.67421 0 1 0 1.8210000000000002,-26.225 l0.3422700000000001,7.03811 l-3.32987,-6.03172 a13.622630000000001,13.622630000000001 0 0 0 -7.01936,7.702 a13.40883,13.40883 0 0 0 -0.78654,3.6989300000000003 A13.6716,13.6716 0 0 0 9.00745914550781,470.24874377441404 z" fill="#ffffff" id="svg_36" class="" fill-opacity="1"/><path d="M25.483739145507812,551.878933774414 c-1.17545,-5.98561 3.918,-11.292 8.94915,-14.7412 s10.90978,-6.8381 12.62642,-12.691510000000001 c2.46711,-8.41238 -4.88167,-16.11653 -10.601420000000001,-22.76027 A82.32442,82.32442 0 0 1 25.60159914550782,485.551303774414 a22.20962,22.20962 0 0 1 -2.59668,-7.33643 c-0.451,-3.72888 0.7470000000000001,-7.43947 1.95391,-10.99634 q6.03093,-17.77346 12.89623,-35.24906 " fill="none" stroke="#ffffff" stroke-miterlimit="10" id="svg_37" class="" stroke-opacity="1"/><path d="M-137.09606260742186,493.7700577435303 a13.6742,13.6742 0 1 0 1.8210000000000002,-26.225 l0.3422700000000002,7.03812 L-138.26267260742188,468.55140774353026 a13.62262,13.62262 0 0 0 -7.01936,7.702 a13.40912,13.40912 0 0 0 -0.78654,3.69892 A13.67158,13.67158 0 0 0 -137.09606260742186,493.7700577435303 z" fill="none" stroke="#3f3d56" stroke-miterlimit="10" id="svg_38" class=""/><path d="M23.812409145507814,429.5389237744141 a13.65822,13.65822 0 0 1 9.84209,-8.67109 l1.12587,6.69093 l2.08737,-7.02725 a13.67252,13.67252 0 1 1 -13.05533,9.00741 z" fill="#fcfcfc" id="svg_39" class="" fill-opacity="1"/><path d="M-171.43673085449217,512.4562296508789 a13.65822,13.65822 0 0 1 9.84209,-8.67108 l1.12587,6.69093 L-158.3814008544922,503.4488296508789 a13.67252,13.67252 0 1 1 -13.05533,9.0074 z" fill="none" stroke="#3f3d56" stroke-miterlimit="10" id="svg_40" class="" opacity="0" transform="rotate(-163.18191528320312 -158.58416748046875,517.12060546875) "/><path d="M34.05754914550781,501.821563774414 a13.67255,13.67255 0 0 0 12.10164,-24.32457 l-1.60392,5.4002 l-1.13733,-6.76979 a0.23800000000000002,0.23800000000000002 0 0 0 -0.03480000000000001,-0.013200000000000003 a13.67329,13.67329 0 1 0 -9.32559,25.70736 z" fill="#ffffff" id="svg_41" class="" fill-opacity="1"/><path d="M46.708139145507815,646.0410555273437 a13.67255,13.67255 0 0 0 12.10164,-24.32457 l-1.60392,5.4002 l-1.13733,-6.7698 a0.23800000000000004,0.23800000000000004 0 0 0 -0.03480000000000003,-0.01320000000000001 a13.67329,13.67329 0 1 0 -9.32559,25.70737 z" fill="#ffffff" stroke="#3f3d56" stroke-miterlimit="10" id="svg_42" class="" fill-opacity="1"/><path d="M19.821999145507817,524.5298437744141 a13.66684,13.66684 0 1 0 2.6350000000000002,-10.70767 l6.09231,9.16971 l-8.32438,-4.867 A13.54535,13.54535 0 0 0 19.821999145507817,524.5298437744141 z" fill="#ffffff" id="svg_43" class="" fill-opacity="1"/><path d="M37.71846311462403,698.7178237744141 a13.66684,13.66684 0 1 0 2.6350000000000002,-10.70767 l6.09231,9.16971 l-8.32439,-4.867 A13.54535,13.54535 0 0 0 37.71846311462403,698.7178237744141 z" fill="none" stroke="#3f3d56" stroke-miterlimit="10" id="svg_44" class=""/><ellipse cx="480.9460144042969" cy="319.1155090332031" rx="17" ry="22" fill="#2f2e41" id="svg_45"/><ellipse cx="573.4459838867188" cy="319.6155090332031" rx="17" ry="22" fill="#2f2e41" id="svg_46"/><path d="M560.4459991455078,384.61549377441406 c0,9.94 -13.88,18 -31,18 s-31,-8.06 -31,-18 c0,-8.61 10.41,-15.81 24.32,-17.57 a50.10353,50.10353 0 0 1 6.68,-0.43000000000000005 a50.69869,50.69869 0 0 1 11.13,1.2 C552.1959991455078,370.405493774414 560.4459991455078,376.9554937744141 560.4459991455078,384.61549377441406 z" fill="#2f2e41" id="svg_47"/><ellipse cx="484.9460144042969" cy="314.1155090332031" rx="17" ry="22" fill="none" stroke="#3f3d56" stroke-miterlimit="10" id="svg_48"/><ellipse cx="577.4459838867188" cy="314.6155090332031" rx="17" ry="22" fill="none" stroke="#3f3d56" stroke-miterlimit="10" id="svg_49"/><ellipse cx="533.4459838867188" cy="379.6155090332031" rx="31" ry="18" fill="none" stroke="#3f3d56" stroke-miterlimit="10" id="svg_50"/><path d="M540.9459991455078,369.3154937744141 a4.93658,4.93658 0 0 1 -1.32,3.392 A4.33873,4.33873 0 0 1 536.4459991455078,374.11549377441406 h-10 a4.66433,4.66433 0 0 1 -4.5,-4.8 a4.90458,4.90458 0 0 1 0.8200000000000001,-2.74134 A47.02,47.02 0 0 1 529.4459991455078,366.11549377441406 a47.66454,47.66454 0 0 1 11.13,1.28 A5.06656,5.06656 0 0 1 540.9459991455078,369.3154937744141 z" fill="#fff" id="svg_51"/><circle cx="484.9460144042969" cy="308.1155090332031" r="5" fill="#fff" id="svg_52"/><circle cx="577.9459838867188" cy="308.1155090332031" r="5" fill="#fff" id="svg_53"/><circle cx="582.9459838867188" cy="355.1155090332031" r="5" fill="#000000" opacity="0.3" id="svg_54"/><circle cx="460.9460144042969" cy="355.1155090332031" r="5" fill="#000000" opacity="0.3" id="svg_55"/></g></svg>
|
|
Binary file
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
<svg id="SvgjsSvg1020" width="288" height="288" xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:svgjs="http://svgjs.com/svgjs"><defs id="SvgjsDefs1021"></defs><g id="SvgjsG1022"><svg xmlns="http://www.w3.org/2000/svg" width="288" height="288" viewBox="0 0 24 24"><path d="M20,16V4H8V16H20M22,16A2,2 0 0,1 20,18H8C6.89,18 6,17.1 6,16V4C6,2.89 6.89,2 8,2H20A2,2 0 0,1 22,4V16M16,20V22H4A2,2 0 0,1 2,20V7H4V20H16Z" fill="#626568" class="color000 svgShape"></path></svg></g></svg>
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
<svg id="SvgjsSvg1044" width="288" height="288" xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:svgjs="http://svgjs.com/svgjs"><circle id="SvgjsCircle1050" r="144" cx="144" cy="144" transform="matrix(0.7916,0,0,0.7916,30.009600000000006,30.009600000000006)" fill="#4267b2"></circle><defs id="SvgjsDefs1045"></defs><g id="SvgjsG1046" transform="matrix(0.4652,0,0,0.4652,77.01128160400391,77.0111979598999)"><svg xmlns="http://www.w3.org/2000/svg" width="288" height="288" viewBox="0 0 24 24"><path d="M12 2.04C6.5 2.04 2 6.53 2 12.06C2 17.06 5.66 21.21 10.44 21.96V14.96H7.9V12.06H10.44V9.85C10.44 7.34 11.93 5.96 14.22 5.96C15.31 5.96 16.45 6.15 16.45 6.15V8.62H15.19C13.95 8.62 13.56 9.39 13.56 10.18V12.06H16.34L15.89 14.96H13.56V21.96A10 10 0 0 0 22 12.06C22 6.53 17.5 2.04 12 2.04Z" fill="#ffffff" class="color000 svgShape"></path></svg></g></svg>
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
<svg id="SvgjsSvg1030" width="288" height="288" xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:svgjs="http://svgjs.com/svgjs"><circle id="SvgjsCircle1036" r="144" cx="144" cy="144" transform="matrix(0.7916,0,0,0.7916,30.009600000000006,30.009600000000006)" fill="#1da1f2"></circle><defs id="SvgjsDefs1031"></defs><g id="SvgjsG1032" transform="matrix(0.4652,0,0,0.4652,77.0111979598999,80.22)"><svg xmlns="http://www.w3.org/2000/svg" width="288" height="288" viewBox="0 0 24 24"><path d="M22.46,6C21.69,6.35 20.86,6.58 20,6.69C20.88,6.16 21.56,5.32 21.88,4.31C21.05,4.81 20.13,5.16 19.16,5.36C18.37,4.5 17.26,4 16,4C13.65,4 11.73,5.92 11.73,8.29C11.73,8.63 11.77,8.96 11.84,9.27C8.28,9.09 5.11,7.38 3,4.79C2.63,5.42 2.42,6.16 2.42,6.94C2.42,8.43 3.17,9.75 4.33,10.5C3.62,10.5 2.96,10.3 2.38,10C2.38,10 2.38,10 2.38,10.03C2.38,12.11 3.86,13.85 5.82,14.24C5.46,14.34 5.08,14.39 4.69,14.39C4.42,14.39 4.15,14.36 3.89,14.31C4.43,16 6,17.26 7.89,17.29C6.43,18.45 4.58,19.13 2.56,19.13C2.22,19.13 1.88,19.11 1.54,19.07C3.44,20.29 5.7,21 8.12,21C16,21 20.33,14.46 20.33,8.79C20.33,8.6 20.33,8.42 20.32,8.23C21.16,7.63 21.88,6.87 22.46,6Z" fill="#ffffff" class="color000 svgShape"></path></svg></g></svg>
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
<svg id="SvgjsSvg1066" width="288" height="288" xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:svgjs="http://svgjs.com/svgjs"><circle id="SvgjsCircle1072" r="144" cx="144" cy="144" transform="matrix(0.7916,0,0,0.7916,30.009600000000006,30.009600000000006)" fill="#25d366"></circle><defs id="SvgjsDefs1067"></defs><g id="SvgjsG1068" transform="matrix(0.4652,0,0,0.4652,77.0112040802002,77.0112)"><svg xmlns="http://www.w3.org/2000/svg" width="288" height="288" viewBox="0 0 24 24"><path d="M12.04 2C6.58 2 2.13 6.45 2.13 11.91C2.13 13.66 2.59 15.36 3.45 16.86L2.05 22L7.3 20.62C8.75 21.41 10.38 21.83 12.04 21.83C17.5 21.83 21.95 17.38 21.95 11.92C21.95 9.27 20.92 6.78 19.05 4.91C17.18 3.03 14.69 2 12.04 2M12.05 3.67C14.25 3.67 16.31 4.53 17.87 6.09C19.42 7.65 20.28 9.72 20.28 11.92C20.28 16.46 16.58 20.15 12.04 20.15C10.56 20.15 9.11 19.76 7.85 19L7.55 18.83L4.43 19.65L5.26 16.61L5.06 16.29C4.24 15 3.8 13.47 3.8 11.91C3.81 7.37 7.5 3.67 12.05 3.67M8.53 7.33C8.37 7.33 8.1 7.39 7.87 7.64C7.65 7.89 7 8.5 7 9.71C7 10.93 7.89 12.1 8 12.27C8.14 12.44 9.76 14.94 12.25 16C12.84 16.27 13.3 16.42 13.66 16.53C14.25 16.72 14.79 16.69 15.22 16.63C15.7 16.56 16.68 16.03 16.89 15.45C17.1 14.87 17.1 14.38 17.04 14.27C16.97 14.17 16.81 14.11 16.56 14C16.31 13.86 15.09 13.26 14.87 13.18C14.64 13.1 14.5 13.06 14.31 13.3C14.15 13.55 13.67 14.11 13.53 14.27C13.38 14.44 13.24 14.46 13 14.34C12.74 14.21 11.94 13.95 11 13.11C10.26 12.45 9.77 11.64 9.62 11.39C9.5 11.15 9.61 11 9.73 10.89C9.84 10.78 10 10.6 10.1 10.45C10.23 10.31 10.27 10.2 10.35 10.04C10.43 9.87 10.39 9.73 10.33 9.61C10.27 9.5 9.77 8.26 9.56 7.77C9.36 7.29 9.16 7.35 9 7.34C8.86 7.34 8.7 7.33 8.53 7.33Z" fill="#ffffff" class="color000 svgShape"></path></svg></g></svg>
|
|
@@ -0,0 +1,130 @@
|
|
|
1
|
+
var maxParticleCount = 150; //set max confetti count
|
|
2
|
+
var particleSpeed = 2; //set the particle animation speed
|
|
3
|
+
var startConfetti; //call to start confetti animation
|
|
4
|
+
var stopConfetti; //call to stop adding confetti
|
|
5
|
+
var toggleConfetti; //call to start or stop the confetti animation depending on whether it's already running
|
|
6
|
+
var removeConfetti; //call to stop the confetti animation and remove all confetti immediately
|
|
7
|
+
|
|
8
|
+
(function () {
|
|
9
|
+
startConfetti = startConfettiInner;
|
|
10
|
+
stopConfetti = stopConfettiInner;
|
|
11
|
+
toggleConfetti = toggleConfettiInner;
|
|
12
|
+
removeConfetti = removeConfettiInner;
|
|
13
|
+
var colors = ["DodgerBlue", "OliveDrab", "Gold", "Pink", "SlateBlue", "LightBlue", "Violet", "PaleGreen", "SteelBlue", "SandyBrown", "Chocolate", "Crimson"]
|
|
14
|
+
var streamingConfetti = false;
|
|
15
|
+
var animationTimer = null;
|
|
16
|
+
var particles = [];
|
|
17
|
+
var waveAngle = 0;
|
|
18
|
+
|
|
19
|
+
function resetParticle(particle, width, height) {
|
|
20
|
+
particle.color = colors[(Math.random() * colors.length) | 0];
|
|
21
|
+
particle.x = Math.random() * width;
|
|
22
|
+
particle.y = Math.random() * height - height;
|
|
23
|
+
particle.diameter = Math.random() * 10 + 5;
|
|
24
|
+
particle.tilt = Math.random() * 10 - 10;
|
|
25
|
+
particle.tiltAngleIncrement = Math.random() * 0.07 + 0.05;
|
|
26
|
+
particle.tiltAngle = 0;
|
|
27
|
+
return particle;
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
function startConfettiInner() {
|
|
31
|
+
var width = window.innerWidth;
|
|
32
|
+
var height = window.innerHeight;
|
|
33
|
+
window.requestAnimFrame = (function () {
|
|
34
|
+
return window.requestAnimationFrame ||
|
|
35
|
+
window.webkitRequestAnimationFrame ||
|
|
36
|
+
window.mozRequestAnimationFrame ||
|
|
37
|
+
window.oRequestAnimationFrame ||
|
|
38
|
+
window.msRequestAnimationFrame ||
|
|
39
|
+
function (callback) {
|
|
40
|
+
return window.setTimeout(callback, 16.6666667);
|
|
41
|
+
};
|
|
42
|
+
})();
|
|
43
|
+
var canvas = document.getElementById("confetti-canvas");
|
|
44
|
+
if (canvas === null) {
|
|
45
|
+
canvas = document.createElement("canvas");
|
|
46
|
+
canvas.setAttribute("id", "confetti-canvas");
|
|
47
|
+
canvas.setAttribute("style", "display:block;z-index:999999;pointer-events:none");
|
|
48
|
+
document.body.appendChild(canvas);
|
|
49
|
+
canvas.width = width;
|
|
50
|
+
canvas.height = height;
|
|
51
|
+
window.addEventListener("resize", function () {
|
|
52
|
+
canvas.width = window.innerWidth;
|
|
53
|
+
canvas.height = window.innerHeight;
|
|
54
|
+
}, true);
|
|
55
|
+
}
|
|
56
|
+
var context = canvas.getContext("2d");
|
|
57
|
+
while (particles.length < maxParticleCount)
|
|
58
|
+
particles.push(resetParticle({}, width, height));
|
|
59
|
+
streamingConfetti = true;
|
|
60
|
+
if (animationTimer === null) {
|
|
61
|
+
(function runAnimation() {
|
|
62
|
+
context.clearRect(0, 0, window.innerWidth, window.innerHeight);
|
|
63
|
+
if (particles.length === 0)
|
|
64
|
+
animationTimer = null;
|
|
65
|
+
else {
|
|
66
|
+
updateParticles();
|
|
67
|
+
drawParticles(context);
|
|
68
|
+
animationTimer = requestAnimFrame(runAnimation);
|
|
69
|
+
}
|
|
70
|
+
})();
|
|
71
|
+
}
|
|
72
|
+
}
|
|
73
|
+
|
|
74
|
+
function stopConfettiInner() {
|
|
75
|
+
streamingConfetti = false;
|
|
76
|
+
}
|
|
77
|
+
|
|
78
|
+
function removeConfettiInner() {
|
|
79
|
+
stopConfetti();
|
|
80
|
+
particles = [];
|
|
81
|
+
}
|
|
82
|
+
|
|
83
|
+
function toggleConfettiInner() {
|
|
84
|
+
if (streamingConfetti)
|
|
85
|
+
stopConfettiInner();
|
|
86
|
+
else
|
|
87
|
+
startConfettiInner();
|
|
88
|
+
}
|
|
89
|
+
|
|
90
|
+
function drawParticles(context) {
|
|
91
|
+
var particle;
|
|
92
|
+
var x;
|
|
93
|
+
for (var i = 0; i < particles.length; i++) {
|
|
94
|
+
particle = particles[i];
|
|
95
|
+
context.beginPath();
|
|
96
|
+
context.lineWidth = particle.diameter;
|
|
97
|
+
context.strokeStyle = particle.color;
|
|
98
|
+
x = particle.x + particle.tilt;
|
|
99
|
+
context.moveTo(x + particle.diameter / 2, particle.y);
|
|
100
|
+
context.lineTo(x, particle.y + particle.tilt + particle.diameter / 2);
|
|
101
|
+
context.stroke();
|
|
102
|
+
}
|
|
103
|
+
}
|
|
104
|
+
|
|
105
|
+
function updateParticles() {
|
|
106
|
+
var width = window.innerWidth;
|
|
107
|
+
var height = window.innerHeight;
|
|
108
|
+
var particle;
|
|
109
|
+
waveAngle += 0.01;
|
|
110
|
+
for (var i = 0; i < particles.length; i++) {
|
|
111
|
+
particle = particles[i];
|
|
112
|
+
if (!streamingConfetti && particle.y < -15)
|
|
113
|
+
particle.y = height + 100;
|
|
114
|
+
else {
|
|
115
|
+
particle.tiltAngle += particle.tiltAngleIncrement;
|
|
116
|
+
particle.x += Math.sin(waveAngle);
|
|
117
|
+
particle.y += (Math.cos(waveAngle) + particle.diameter + particleSpeed) * 0.5;
|
|
118
|
+
particle.tilt = Math.sin(particle.tiltAngle) * 15;
|
|
119
|
+
}
|
|
120
|
+
if (particle.x > width + 20 || particle.x < -20 || particle.y > height) {
|
|
121
|
+
if (streamingConfetti && particles.length <= maxParticleCount)
|
|
122
|
+
resetParticle(particle, width, height);
|
|
123
|
+
else {
|
|
124
|
+
particles.splice(i, 1);
|
|
125
|
+
i--;
|
|
126
|
+
}
|
|
127
|
+
}
|
|
128
|
+
}
|
|
129
|
+
}
|
|
130
|
+
})();
|
data/assets/js/createWordle.js
CHANGED
|
@@ -6,13 +6,47 @@ let copy_btn = document.querySelector(".copy-btn")
|
|
|
6
6
|
let form = document.querySelector('#create-wordle-form')
|
|
7
7
|
let openPopup = document.querySelector(".open-popup")
|
|
8
8
|
|
|
9
|
+
const alertContainer = document.querySelector(".alert-container")
|
|
10
|
+
let errorMsg = document.querySelector("#errorMsg")
|
|
11
|
+
|
|
12
|
+
customWord.focus()
|
|
13
|
+
|
|
14
|
+
|
|
15
|
+
let dictionary
|
|
16
|
+
async function getData() {
|
|
17
|
+
const response = await fetch("/dictionary.json")
|
|
18
|
+
const data = await response.json()
|
|
19
|
+
dictionary = data
|
|
20
|
+
}
|
|
21
|
+
getData()
|
|
22
|
+
|
|
23
|
+
|
|
24
|
+
|
|
9
25
|
const createWordle = (e) => {
|
|
10
|
-
openPopup.click()
|
|
11
26
|
e.preventDefault();
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
27
|
+
|
|
28
|
+
if (customWord.value.length < 5) {
|
|
29
|
+
errorMsg.innerHTML = "Not enough letters"
|
|
30
|
+
alertContainer.classList.add("active-alert")
|
|
31
|
+
setTimeout(() => {
|
|
32
|
+
alertContainer.classList.remove("active-alert")
|
|
33
|
+
}, 1000)
|
|
34
|
+
}
|
|
35
|
+
if (customWord.value.length === 5 && !dictionary.includes(customWord.value.toLocaleLowerCase())) {
|
|
36
|
+
errorMsg.innerHTML = "Not a valid word"
|
|
37
|
+
alertContainer.classList.add("active-alert")
|
|
38
|
+
setTimeout(() => {
|
|
39
|
+
alertContainer.classList.remove("active-alert")
|
|
40
|
+
}, 1000)
|
|
41
|
+
} else {
|
|
42
|
+
if (customWord.value.length === 5) {
|
|
43
|
+
openPopup.click()
|
|
44
|
+
copy_btn.innerHTML = "Copy"
|
|
45
|
+
copy_btn.style.background = "dodgerblue"
|
|
46
|
+
wordleGameLink.setAttribute("href", `/word-game-play?q=${btoa(customWord.value.toLocaleLowerCase())}`)
|
|
47
|
+
wordleGameLink.innerHTML = `${window.location.protocol + "//" + window.location.hostname}/word-game-play?q=${btoa(customWord.value.toLocaleLowerCase())}`
|
|
48
|
+
}
|
|
49
|
+
}
|
|
16
50
|
}
|
|
17
51
|
form.addEventListener('submit', createWordle);
|
|
18
52
|
|