word-games-theme 1.2.0 → 1.2.1
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/root.json +2 -0
- data/_data/wordgames/en/word-game-generator-online.json +2 -2
- data/_data/wordgames/en/word-game-play.json +58 -0
- data/_data/wordgames/fr/four_letter_word_finder.json +1 -0
- data/_data/wordgames/hi/four_letter_word_finder.json +1 -0
- data/_includes/adBlocker/adBlocker.html +7 -7
- data/_includes/autogenerated/content.html +1 -1
- data/_includes/footer/index.html +2 -2
- data/_includes/footer/unqFooter.html +4 -4
- data/_includes/head/index.html +3 -3
- data/_includes/script.html +1 -1
- data/_includes/section/commonPage.html +1 -1
- data/_includes/section/home.html +1 -1
- data/_includes/section/home2.html +1 -1
- data/_includes/word-game/word-game-generator-online.html +18 -137
- data/_includes/word-game/word-game-play.html +68 -0
- data/_includes/wordfinderstrategy/content.html +1 -1
- data/_includes/wordle-solver/wordle-solver.html +1 -1
- data/_includes/xyzpages/xyz.html +2 -2
- data/_layouts/page.html +2 -2
- data/assets/css/game.css +106 -0
- data/assets/images/wordle.png +0 -0
- data/assets/js/createWordle.js +37 -0
- data/assets/js/game.js +39 -0
- metadata +8 -4
- data/assets/css/wordGame.css +0 -99
- data/assets/js/wordGame.js +0 -42
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA256:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: b087476092fd477b54ae7e809b08b8cdebf826d993d833408c328029394d19c6
|
|
4
|
+
data.tar.gz: f4ca462142755e207eab475258faf23242585263a280fe1fa7bfd3c7c1ea9f34
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: a148fee6488effa5163acdfd10214dc4a191c75bcf194f355eb0be6cac85bdf734f7a4d599d827ee4e0f29151bc738ec369bba611096cace35bedcabcb0a6c7b
|
|
7
|
+
data.tar.gz: 0a2979a6b7b38c47b7e866dd7f38021ae2632c335263a2072ae227c85906efa2a21642bd7d626de6ef1290a069507e825929ad810582dc5ec9c565b975f598dd
|
|
@@ -0,0 +1,58 @@
|
|
|
1
|
+
{
|
|
2
|
+
"title": "Create your own wordle game, share with your friends and challenge them !",
|
|
3
|
+
"h1": "Choose a five letter word to create wordle game",
|
|
4
|
+
"h2": "Enter word and submit to get link to the game for sharing",
|
|
5
|
+
"meta": "Quickly create wordle game from your word for free and share with your friends.",
|
|
6
|
+
"featureNo": "02",
|
|
7
|
+
"feature_title": "Features",
|
|
8
|
+
"blogNo": "03",
|
|
9
|
+
"blog_title": "Blog",
|
|
10
|
+
"FaqNo": "04",
|
|
11
|
+
"Faq_title": "FAQ",
|
|
12
|
+
"aboutNo": "05",
|
|
13
|
+
"about_title": "About",
|
|
14
|
+
"featureList": [
|
|
15
|
+
{
|
|
16
|
+
"feature_heading": "",
|
|
17
|
+
"feature_text": "",
|
|
18
|
+
"fa_class": "../assets/images/star.svg"
|
|
19
|
+
},
|
|
20
|
+
{
|
|
21
|
+
"feature_heading": "",
|
|
22
|
+
"feature_text": "",
|
|
23
|
+
"fa_class": "../assets/images/star.svg"
|
|
24
|
+
},
|
|
25
|
+
{
|
|
26
|
+
"feature_heading": "",
|
|
27
|
+
"feature_text": "",
|
|
28
|
+
"fa_class": "../assets/images/star.svg"
|
|
29
|
+
},
|
|
30
|
+
{
|
|
31
|
+
"feature_heading": "",
|
|
32
|
+
"feature_text": "",
|
|
33
|
+
"fa_class": "../assets/images/star.svg"
|
|
34
|
+
},
|
|
35
|
+
{
|
|
36
|
+
"feature_heading": "",
|
|
37
|
+
"feature_text": "",
|
|
38
|
+
"fa_class": "../assets/images/star.svg"
|
|
39
|
+
},
|
|
40
|
+
{
|
|
41
|
+
"feature_heading": "",
|
|
42
|
+
"feature_text": "",
|
|
43
|
+
"fa_class": "../assets/images/star.svg"
|
|
44
|
+
}
|
|
45
|
+
],
|
|
46
|
+
"faqList": [
|
|
47
|
+
{
|
|
48
|
+
"Question": "",
|
|
49
|
+
"Answer": ""
|
|
50
|
+
}
|
|
51
|
+
],
|
|
52
|
+
"jsfilepaths": [
|
|
53
|
+
"/assets/js/game.js"
|
|
54
|
+
],
|
|
55
|
+
"cssfilepaths": [
|
|
56
|
+
"/assets/css/game.css"
|
|
57
|
+
]
|
|
58
|
+
}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
{%- if site.show_allow_ad_blocker_pop and site.MonumetricID -%}
|
|
2
|
-
<link rel="stylesheet" href="
|
|
2
|
+
<link rel="stylesheet" href="/assets/css/adBlocker.css">
|
|
3
3
|
<div id="detect"></div>
|
|
4
4
|
<div class="wrapper text-center">
|
|
5
5
|
<div class="innerWrapper">
|
|
@@ -34,19 +34,19 @@
|
|
|
34
34
|
<ul class="nav nav-tabs tablist" role="tablist">
|
|
35
35
|
<a class="nav-link nav-tab-link active" data-toggle="tab" href="#home" role="tab">
|
|
36
36
|
<li class="nav-item">
|
|
37
|
-
<img class="ads_img" src="
|
|
37
|
+
<img class="ads_img" src="/assets/images/adblock.svg" alt="AdBlock image">
|
|
38
38
|
</li>
|
|
39
39
|
AdBlock
|
|
40
40
|
</a>
|
|
41
41
|
<a class="nav-link nav-tab-link" data-toggle="tab" href="#adsblockPlus" role="tab">
|
|
42
42
|
<li class="nav-item">
|
|
43
|
-
<img class="ads_img" src="
|
|
43
|
+
<img class="ads_img" src="/assets/images/abp.svg" alt="Adblock Plus Image">
|
|
44
44
|
</li>
|
|
45
45
|
Adblock Plus
|
|
46
46
|
</a>
|
|
47
47
|
<a class="nav-link nav-tab-link" data-toggle="tab" href="#uBlock" role="tab">
|
|
48
48
|
<li class="nav-item">
|
|
49
|
-
<img class="ads_img" src="
|
|
49
|
+
<img class="ads_img" src="/assets/images/uo.svg" alt="uBlock image">
|
|
50
50
|
</li>
|
|
51
51
|
uBlock Origin
|
|
52
52
|
</a>
|
|
@@ -63,7 +63,7 @@
|
|
|
63
63
|
<div class="tab-pane active" id="home" role="tabpanel">
|
|
64
64
|
<ol class="listContainer">
|
|
65
65
|
<li class="listItem">Click the AdBlock icon
|
|
66
|
-
<img class="ads-icon" src="
|
|
66
|
+
<img class="ads-icon" src="/assets/images/adblock.svg" alt="AdBlock image">
|
|
67
67
|
in the browser extension area on the upper right-hand corner. (You may see a small number
|
|
68
68
|
covering
|
|
69
69
|
part of
|
|
@@ -82,7 +82,7 @@
|
|
|
82
82
|
<div class="tab-pane" id="adsblockPlus" role="tabpanel">
|
|
83
83
|
<ol class="listContainer">
|
|
84
84
|
<li class="listItem">Click the Adblock Plus icon
|
|
85
|
-
<img class="ads-icon" src="
|
|
85
|
+
<img class="ads-icon" src="/assets/images/abp.svg" alt="Adblock Plus Image">
|
|
86
86
|
in the browser extension area on the
|
|
87
87
|
upper right-hand corner. (You may see a small number covering part of the icon.)
|
|
88
88
|
</li>
|
|
@@ -96,7 +96,7 @@
|
|
|
96
96
|
<div class="tab-pane" id="uBlock" role="tabpanel">
|
|
97
97
|
<ol class="listContainer">
|
|
98
98
|
<li class="listItem">Click the uBlock Origin icon
|
|
99
|
-
<img class="ads-icon" src="
|
|
99
|
+
<img class="ads-icon" src="/assets/images/uo.svg" alt="uBlock image"> in the browser
|
|
100
100
|
extension area on
|
|
101
101
|
the upper right-hand corner. (You may see a small number covering part of the icon.)
|
|
102
102
|
</li>
|
data/_includes/footer/index.html
CHANGED
|
@@ -256,7 +256,7 @@
|
|
|
256
256
|
</li>
|
|
257
257
|
{%- else -%}
|
|
258
258
|
<li class="language-drop-down-item">
|
|
259
|
-
{%- if dataFile.
|
|
259
|
+
{%- if dataFile.homePage -%}
|
|
260
260
|
<a href="/">English</a>
|
|
261
261
|
{%- else -%}
|
|
262
262
|
<a href="/{{ page.permalink | split: '/' | last}}">English
|
|
@@ -280,7 +280,7 @@
|
|
|
280
280
|
{%- else -%}
|
|
281
281
|
<li class="language-drop-down-item ">
|
|
282
282
|
{%- if page.permalink | split: '/' | last != item -%}
|
|
283
|
-
{%- if dataFile.
|
|
283
|
+
{%- if dataFile.homePage -%}
|
|
284
284
|
<a href="/{{item}}">{{[item][1]}}
|
|
285
285
|
</a>
|
|
286
286
|
{%- else -%}
|
|
@@ -134,7 +134,7 @@
|
|
|
134
134
|
{%- for i in matchurls -%}
|
|
135
135
|
{%- assign languagetext = [i] -%}
|
|
136
136
|
{%- if i== page.permalink -%}
|
|
137
|
-
<li class="language-drop-down-item font-weight-bold
|
|
137
|
+
<li class="language-drop-down-item font-weight-bold">
|
|
138
138
|
<a class="active-lang" href="/{{i}}">{{languagetext[1]}} <i
|
|
139
139
|
class="fas fa-check ml-auto "></i> </a>
|
|
140
140
|
</li>
|
|
@@ -220,7 +220,7 @@
|
|
|
220
220
|
</li>
|
|
221
221
|
{%- else -%}
|
|
222
222
|
<li class="language-drop-down-item">
|
|
223
|
-
{%- if dataFile.
|
|
223
|
+
{%- if dataFile.homePage -%}
|
|
224
224
|
<a href="/">English</a>
|
|
225
225
|
{%- else -%}
|
|
226
226
|
<a href="/{{ page.permalink | split: '/' | last}}">English
|
|
@@ -242,9 +242,9 @@
|
|
|
242
242
|
{%- endif -%}
|
|
243
243
|
</li>
|
|
244
244
|
{%- else -%}
|
|
245
|
-
<li class="language-drop-down-item ">
|
|
245
|
+
<li class="language-drop-down-item ram">
|
|
246
246
|
{%- if page.permalink | split: '/' | last != item -%}
|
|
247
|
-
{%- if dataFile.
|
|
247
|
+
{%- if dataFile.homePage -%}
|
|
248
248
|
<a href="/{{item}}">{{[item][1]}}
|
|
249
249
|
</a>
|
|
250
250
|
{%- else -%}
|
data/_includes/head/index.html
CHANGED
|
@@ -17,9 +17,9 @@
|
|
|
17
17
|
{%- endif -%}
|
|
18
18
|
|
|
19
19
|
|
|
20
|
-
<link rel="manifest" href="
|
|
20
|
+
<link rel="manifest" href="/manifest.json">
|
|
21
21
|
<link rel="shortcut icon" href="{{ site.favicon | relative_url }}">
|
|
22
|
-
<link rel="stylesheet" href="
|
|
22
|
+
<link rel="stylesheet" href="/assets/css/bootstrap.min.css">
|
|
23
23
|
<link rel="stylesheet" href="{{ '/assets/css/style.css' | relative_url }}">
|
|
24
24
|
<link rel="stylesheet" href="{{ '/assets/css/home.css' | relative_url }}">
|
|
25
25
|
<link rel="stylesheet" href="{{ '/assets/css/feature.css' | relative_url }}">
|
|
@@ -45,7 +45,7 @@
|
|
|
45
45
|
<script>
|
|
46
46
|
if ('serviceWorker' in navigator) {
|
|
47
47
|
window.addEventListener('load', () => {
|
|
48
|
-
navigator.serviceWorker.register('
|
|
48
|
+
navigator.serviceWorker.register('/serviceworker.js')
|
|
49
49
|
.then((reg) => console.log('Success: ', reg.scope))
|
|
50
50
|
.catch((err) => console.log('Failure: ', err));
|
|
51
51
|
})
|
data/_includes/script.html
CHANGED
|
@@ -93,7 +93,7 @@
|
|
|
93
93
|
</div>
|
|
94
94
|
<div class="fillterWrapper hide">
|
|
95
95
|
<div class="text-right times" style="cursor: pointer; margin-top:-15px;">
|
|
96
|
-
<img src="
|
|
96
|
+
<img src="/assets/images/window-close.png" alt="" width="15px">
|
|
97
97
|
|
|
98
98
|
</div>
|
|
99
99
|
<div class="startsWith same">
|
data/_includes/section/home.html
CHANGED
|
@@ -55,7 +55,7 @@
|
|
|
55
55
|
|
|
56
56
|
<div id="fillterWrapper" class="fillterWrapper">
|
|
57
57
|
<div class="text-right times" style="cursor: pointer">
|
|
58
|
-
<img src="
|
|
58
|
+
<img src="/assets/images/window-close.png" alt="" width="15px">
|
|
59
59
|
|
|
60
60
|
</div>
|
|
61
61
|
<div class="startsWith">
|
|
@@ -53,7 +53,7 @@
|
|
|
53
53
|
</div>
|
|
54
54
|
<div class="fillterWrapper hide">
|
|
55
55
|
<div class="text-right times" style="cursor: pointer;">
|
|
56
|
-
<img src="
|
|
56
|
+
<img src="/assets/images/window-close.png" alt="" width="15px">
|
|
57
57
|
|
|
58
58
|
</div>
|
|
59
59
|
<div class="startsWith">
|
|
@@ -1,157 +1,38 @@
|
|
|
1
|
-
<
|
|
2
|
-
|
|
3
|
-
<div class="
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
<
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
id="second" onkeyup="move(this,'third')"></td>
|
|
14
|
-
<td>
|
|
15
|
-
<input data-id="2" type="text" autocomplete="off" tabindex="2" class="row-letter" maxlength="1"
|
|
16
|
-
id="third" onkeyup="move(this,'fourth')">
|
|
17
|
-
</td>
|
|
18
|
-
<td><input data-id="3" type="text" autocomplete="off" tabindex="3" class="row-letter" maxlength="1"
|
|
19
|
-
id="fourth" onkeyup="move(this,'fivth')"></td>
|
|
20
|
-
<td>
|
|
21
|
-
<input data-id="4" type="text" autocomplete="off" tabindex="4" class="row-letter" maxlength="1"
|
|
22
|
-
id="fivth" onkeyup="move(this,'six')">
|
|
23
|
-
</td>
|
|
24
|
-
|
|
25
|
-
</tr>
|
|
26
|
-
<tr class="row">
|
|
27
|
-
<td><input class="row-letter" maxlength="1" type="text"></td>
|
|
28
|
-
<td><input class="row-letter" maxlength="1" type="text"></td>
|
|
29
|
-
<td><input class="row-letter" maxlength="1" type="text"></td>
|
|
30
|
-
<td><input class="row-letter" maxlength="1" type="text"></td>
|
|
31
|
-
<td><input class="row-letter" maxlength="1" type="text"></td>
|
|
32
|
-
</tr>
|
|
33
|
-
<tr class="row">
|
|
34
|
-
<td><input class="row-letter" maxlength="1" type="text"></td>
|
|
35
|
-
<td><input class="row-letter" maxlength="1" type="text"></td>
|
|
36
|
-
<td><input class="row-letter" maxlength="1" type="text"></td>
|
|
37
|
-
<td><input class="row-letter" maxlength="1" type="text"></td>
|
|
38
|
-
<td><input class="row-letter" maxlength="1" type="text"></td>
|
|
39
|
-
</tr>
|
|
40
|
-
<tr class="row">
|
|
41
|
-
<td><input class="row-letter" maxlength="1" type="text"></td>
|
|
42
|
-
<td><input class="row-letter" maxlength="1" type="text"></td>
|
|
43
|
-
<td><input class="row-letter" maxlength="1" type="text"></td>
|
|
44
|
-
<td><input class="row-letter" maxlength="1" type="text"></td>
|
|
45
|
-
<td><input class="row-letter" maxlength="1" type="text"></td>
|
|
46
|
-
</tr>
|
|
47
|
-
<tr class="row">
|
|
48
|
-
<td><input class="row-letter" maxlength="1" type="text"></td>
|
|
49
|
-
<td><input class="row-letter" maxlength="1" type="text"></td>
|
|
50
|
-
<td><input class="row-letter" maxlength="1" type="text"></td>
|
|
51
|
-
<td><input class="row-letter" maxlength="1" type="text"></td>
|
|
52
|
-
<td><input class="row-letter" maxlength="1" type="text"></td>
|
|
53
|
-
</tr>
|
|
54
|
-
<tr class="row">
|
|
55
|
-
<td><input class="row-letter" maxlength="1" type="text"></td>
|
|
56
|
-
<td><input class="row-letter" maxlength="1" type="text"></td>
|
|
57
|
-
<td><input class="row-letter" maxlength="1" type="text"></td>
|
|
58
|
-
<td><input class="row-letter" maxlength="1" type="text"></td>
|
|
59
|
-
<td><input class="row-letter" maxlength="1" type="text"></td>
|
|
60
|
-
</tr>
|
|
61
|
-
</tbody>
|
|
62
|
-
</table>
|
|
63
|
-
|
|
64
|
-
<div class="Game-keyboard my-5">
|
|
65
|
-
<div class="Game-keyboard-row">
|
|
66
|
-
<div tabindex="-1" role="button" class="Game-keyboard-button">Q</div>
|
|
67
|
-
<div tabindex="-1" role="button" class="Game-keyboard-button">W</div>
|
|
68
|
-
<div tabindex="-1" role="button" class="Game-keyboard-button">E</div>
|
|
69
|
-
<div tabindex="-1" role="button" class="Game-keyboard-button">R</div>
|
|
70
|
-
<div tabindex="-1" role="button" class="Game-keyboard-button">T</div>
|
|
71
|
-
<div tabindex="-1" role="button" class="Game-keyboard-button letter-absent">Y</div>
|
|
72
|
-
<div tabindex="-1" role="button" class="Game-keyboard-button">U</div>
|
|
73
|
-
<div tabindex="-1" role="button" class="Game-keyboard-button">I</div>
|
|
74
|
-
<div tabindex="-1" role="button" class="Game-keyboard-button letter-absent">O</div>
|
|
75
|
-
<div tabindex="-1" role="button" class="Game-keyboard-button letter-elsewhere">P</div>
|
|
76
|
-
</div>
|
|
77
|
-
<div class="Game-keyboard-row">
|
|
78
|
-
<div tabindex="-1" role="button" class="Game-keyboard-button">A</div>
|
|
79
|
-
<div tabindex="-1" role="button" class="Game-keyboard-button">S</div>
|
|
80
|
-
<div tabindex="-1" role="button" class="Game-keyboard-button">D</div>
|
|
81
|
-
<div tabindex="-1" role="button" class="Game-keyboard-button">F</div>
|
|
82
|
-
<div tabindex="-1" role="button" class="Game-keyboard-button">G</div>
|
|
83
|
-
<div tabindex="-1" role="button" class="Game-keyboard-button letter-absent">H</div>
|
|
84
|
-
<div tabindex="-1" role="button" class="Game-keyboard-button">J</div>
|
|
85
|
-
<div tabindex="-1" role="button" class="Game-keyboard-button">K</div>
|
|
86
|
-
<div tabindex="-1" role="button" class="Game-keyboard-button">L</div>
|
|
87
|
-
</div>
|
|
88
|
-
<div class="Game-keyboard-row">
|
|
89
|
-
<div tabindex="-1" role="button" class="Game-keyboard-button Game-keyboard-button-wide">⌫</div>
|
|
90
|
-
<div tabindex="-1" role="button" class="Game-keyboard-button">Z</div>
|
|
91
|
-
<div tabindex="-1" role="button" class="Game-keyboard-button">X</div>
|
|
92
|
-
<div tabindex="-1" role="button" class="Game-keyboard-button">C</div>
|
|
93
|
-
<div tabindex="-1" role="button" class="Game-keyboard-button">V</div>
|
|
94
|
-
<div tabindex="-1" role="button" class="Game-keyboard-button">B</div>
|
|
95
|
-
<div tabindex="-1" role="button" class="Game-keyboard-button letter-absent">N</div>
|
|
96
|
-
<div tabindex="-1" role="button" class="Game-keyboard-button">M</div>
|
|
97
|
-
<div tabindex="-1" role="button" class="Game-keyboard-button Game-keyboard-button-wide">Enter</div>
|
|
1
|
+
<div class="row m-0">
|
|
2
|
+
<div class="col-md-6 mx-auto">
|
|
3
|
+
<div class="create-wordle text-center">
|
|
4
|
+
<div class="wordle-game-generator">
|
|
5
|
+
<form id="create-wordle-form">
|
|
6
|
+
<img src="/assets/images/wordle.png" alt="wordswithletters" style="width:35px; height:35px;">
|
|
7
|
+
<h4 class="font-weight-bolder mt-3">Make your own wordle</h4>
|
|
8
|
+
<input autocomplete="off" type="text" class="form-control custom-word"
|
|
9
|
+
placeholder="Enter custom word up to 5 letters?" name="custom-word" required>
|
|
10
|
+
<button type="submit" class="btn generate-word-game-link">Generate Link</button>
|
|
11
|
+
<span class="open-popup" data-toggle="modal" data-target="#exampleModal"></span>
|
|
12
|
+
</form>
|
|
98
13
|
</div>
|
|
99
14
|
</div>
|
|
100
15
|
</div>
|
|
101
16
|
</div>
|
|
102
|
-
|
|
103
|
-
<!-- Button trigger modal -->
|
|
17
|
+
|
|
104
18
|
|
|
105
19
|
<div class="modal fade modalWrapper" id="exampleModal">
|
|
106
20
|
<div class="modal-dialog">
|
|
107
21
|
<div class="modal-content">
|
|
108
22
|
<div class="modal-header p-0">
|
|
109
|
-
<!-- <h5 class="modal-title" id="staticBackdropLabel">Modal title</h5> -->
|
|
110
23
|
<button type="button" class="close" data-dismiss="modal">
|
|
111
24
|
<span class="times-icon">×</span>
|
|
112
25
|
</button>
|
|
113
26
|
</div>
|
|
114
27
|
<div class="modal-body text-center py-5">
|
|
115
|
-
<h3 class="font-weight-bolder mb-
|
|
116
|
-
<
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
<input type="text" class="form-control custom-word" placeholder="Enter Custom Word Up to 5 letters?"
|
|
120
|
-
name="custom-word">
|
|
121
|
-
<button type="button" class="btn generate-word-game-link">Generate Link</button>
|
|
122
|
-
<a href="#" class="word-game-link"></a>
|
|
28
|
+
<h3 class="font-weight-bolder mb-2">Share this Word's Link</h3>
|
|
29
|
+
<div class="wordle-game-play-links">
|
|
30
|
+
<a style="font-size: 13px;" class="wordle-game-link"></a>
|
|
31
|
+
<br><br>
|
|
123
32
|
<button type="button" class="btn copy-btn">Copy Link</button>
|
|
124
33
|
<!-- <button type="button" class="btn btn-primary">Play Random Word</button> -->
|
|
125
34
|
</div>
|
|
126
|
-
|
|
127
35
|
</div>
|
|
128
36
|
</div>
|
|
129
37
|
</div>
|
|
130
|
-
</div>
|
|
131
|
-
{%- endif -%}
|
|
132
|
-
|
|
133
|
-
<script src="https://code.jquery.com/jquery-3.6.0.min.js"
|
|
134
|
-
integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
|
|
135
|
-
|
|
136
|
-
<script>
|
|
137
|
-
let rowLetter = document.getElementsByClassName("row-letter")
|
|
138
|
-
rowLetter[0].focus()
|
|
139
|
-
$(document).on('keypress', 'input', function (e) {
|
|
140
|
-
if (e.which === 32) {
|
|
141
|
-
e.preventDefault();
|
|
142
|
-
var $next = $('[tabIndex=' + (+this.tabIndex + 1) + ']');
|
|
143
|
-
|
|
144
|
-
if (!$next.length) {
|
|
145
|
-
$next = $('[tabIndex=1]');
|
|
146
|
-
}
|
|
147
|
-
$next.focus().click();
|
|
148
|
-
}
|
|
149
|
-
});
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
function move(first, last) {
|
|
153
|
-
if (first.value.length) {
|
|
154
|
-
document.getElementById(last).focus()
|
|
155
|
-
}
|
|
156
|
-
}
|
|
157
|
-
</script>
|
|
38
|
+
</div>
|
|
@@ -0,0 +1,68 @@
|
|
|
1
|
+
<div class="game">
|
|
2
|
+
<div class="game-container">
|
|
3
|
+
<div class="game-board"></div>
|
|
4
|
+
<div class="game-keyboard my-5">
|
|
5
|
+
<div class="game-keyboard-row">
|
|
6
|
+
<div tabindex="-1" role="button" class="game-keyboard-button">Q</div>
|
|
7
|
+
<div tabindex="-1" role="button" class="game-keyboard-button">W</div>
|
|
8
|
+
<div tabindex="-1" role="button" class="game-keyboard-button">E</div>
|
|
9
|
+
<div tabindex="-1" role="button" class="game-keyboard-button">R</div>
|
|
10
|
+
<div tabindex="-1" role="button" class="game-keyboard-button">T</div>
|
|
11
|
+
<div tabindex="-1" role="button" class="game-keyboard-button letter-absent">Y</div>
|
|
12
|
+
<div tabindex="-1" role="button" class="game-keyboard-button">U</div>
|
|
13
|
+
<div tabindex="-1" role="button" class="game-keyboard-button">I</div>
|
|
14
|
+
<div tabindex="-1" role="button" class="game-keyboard-button letter-absent">O</div>
|
|
15
|
+
<div tabindex="-1" role="button" class="game-keyboard-button letter-elsewhere">P</div>
|
|
16
|
+
</div>
|
|
17
|
+
<div class="game-keyboard-row">
|
|
18
|
+
<div tabindex="-1" role="button" class="game-keyboard-button">A</div>
|
|
19
|
+
<div tabindex="-1" role="button" class="game-keyboard-button">S</div>
|
|
20
|
+
<div tabindex="-1" role="button" class="game-keyboard-button">D</div>
|
|
21
|
+
<div tabindex="-1" role="button" class="game-keyboard-button">F</div>
|
|
22
|
+
<div tabindex="-1" role="button" class="game-keyboard-button">G</div>
|
|
23
|
+
<div tabindex="-1" role="button" class="game-keyboard-button letter-absent">H</div>
|
|
24
|
+
<div tabindex="-1" role="button" class="game-keyboard-button">J</div>
|
|
25
|
+
<div tabindex="-1" role="button" class="game-keyboard-button">K</div>
|
|
26
|
+
<div tabindex="-1" role="button" class="game-keyboard-button">L</div>
|
|
27
|
+
</div>
|
|
28
|
+
<div class="game-keyboard-row">
|
|
29
|
+
<div tabindex="-1" role="button" class="game-keyboard-button game-keyboard-button-wide">Enter</div>
|
|
30
|
+
<div tabindex="-1" role="button" class="game-keyboard-button">Z</div>
|
|
31
|
+
<div tabindex="-1" role="button" class="game-keyboard-button">X</div>
|
|
32
|
+
<div tabindex="-1" role="button" class="game-keyboard-button">C</div>
|
|
33
|
+
<div tabindex="-1" role="button" class="game-keyboard-button">V</div>
|
|
34
|
+
<div tabindex="-1" role="button" class="game-keyboard-button">B</div>
|
|
35
|
+
<div tabindex="-1" role="button" class="game-keyboard-button letter-absent">N</div>
|
|
36
|
+
<div tabindex="-1" role="button" class="game-keyboard-button">M</div>
|
|
37
|
+
<div tabindex="-1" role="button" class="game-keyboard-button game-keyboard-button-wide">⌫</div>
|
|
38
|
+
</div>
|
|
39
|
+
|
|
40
|
+
</div>
|
|
41
|
+
</div>
|
|
42
|
+
</div>
|
|
43
|
+
|
|
44
|
+
<script src="https://code.jquery.com/jquery-3.6.0.min.js"
|
|
45
|
+
integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
|
|
46
|
+
|
|
47
|
+
<script>
|
|
48
|
+
let rowLetter = document.getElementsByClassName("row-letter")
|
|
49
|
+
rowLetter[0].focus()
|
|
50
|
+
$(document).on('keypress', 'input', function (e) {
|
|
51
|
+
if (e.which === 32) {
|
|
52
|
+
e.preventDefault();
|
|
53
|
+
var $next = $('[tabIndex=' + (+this.tabIndex + 1) + ']');
|
|
54
|
+
|
|
55
|
+
if (!$next.length) {
|
|
56
|
+
$next = $('[tabIndex=1]');
|
|
57
|
+
}
|
|
58
|
+
$next.focus().click();
|
|
59
|
+
}
|
|
60
|
+
});
|
|
61
|
+
|
|
62
|
+
|
|
63
|
+
function move(first, last) {
|
|
64
|
+
if (first.value.length) {
|
|
65
|
+
document.getElementById(last).focus()
|
|
66
|
+
}
|
|
67
|
+
}
|
|
68
|
+
</script>
|
data/_includes/xyzpages/xyz.html
CHANGED
|
@@ -74,7 +74,7 @@
|
|
|
74
74
|
</div>
|
|
75
75
|
<div class="fillterWrapper hide" style="top:115px">
|
|
76
76
|
<div class="text-right times" style="cursor: pointer; margin-top:-15px;">
|
|
77
|
-
<img src="
|
|
77
|
+
<img src="/assets/images/window-close.png" alt="" width="15px">
|
|
78
78
|
|
|
79
79
|
</div>
|
|
80
80
|
<div class="startsWith same">
|
|
@@ -116,4 +116,4 @@
|
|
|
116
116
|
|
|
117
117
|
<!-- close commonPage as LandingPage -->
|
|
118
118
|
<link rel="stylesheet" href="{{ '/assets/css/advancedFilter.css' | relative_url }}">
|
|
119
|
-
<script src="
|
|
119
|
+
<script src="/assets/js/xyz.js"></script>
|
data/_layouts/page.html
CHANGED
|
@@ -71,7 +71,7 @@
|
|
|
71
71
|
{%- endif -%}
|
|
72
72
|
|
|
73
73
|
{%- if page.language -%}
|
|
74
|
-
<script data-language="{{page.language}}" src="
|
|
74
|
+
<script data-language="{{page.language}}" src="/assets/js/other-lang-wordScrabble.js" crossorigin></script>
|
|
75
75
|
{%- elsif page.tool != 'words-that-start-with-the-letters' -%}
|
|
76
76
|
<script defer data-url="{{site.url}}" data-range="{{page.blanktilerange}}" src="/assets/js/wordScrabble-test.js
|
|
77
77
|
"></script>
|
|
@@ -79,7 +79,7 @@
|
|
|
79
79
|
{%- else -%}
|
|
80
80
|
|
|
81
81
|
{%- if page.language -%}
|
|
82
|
-
<script data-language="{{page.language}}" src="
|
|
82
|
+
<script data-language="{{page.language}}" src="/assets/js/other-lang-wordScrabble.js" crossorigin></script>
|
|
83
83
|
{%- elsif page.tool != 'words-that-start-with-the-letters' -%}
|
|
84
84
|
<script defer data-url="{{site.url}}" data-range="{{page.blanktilerange}}" src="/assets/js/wordScrabble.js"></script>
|
|
85
85
|
{%- endif -%}
|
data/assets/css/game.css
ADDED
|
@@ -0,0 +1,106 @@
|
|
|
1
|
+
/* create wordle screen css */
|
|
2
|
+
.create-wordle{
|
|
3
|
+
box-shadow: 0 5px 15px rgba(0, 0, 0, 20%);
|
|
4
|
+
margin-bottom: 150px;
|
|
5
|
+
padding:8rem 0;
|
|
6
|
+
}
|
|
7
|
+
.create-wordle .custom-word{
|
|
8
|
+
font-weight: 600;
|
|
9
|
+
text-transform: uppercase;
|
|
10
|
+
width: 60%;
|
|
11
|
+
height: 50px;
|
|
12
|
+
margin:18px auto;
|
|
13
|
+
text-align: center;
|
|
14
|
+
outline: none;
|
|
15
|
+
border: 1px solid rgba(0, 0, 0, 0.1);
|
|
16
|
+
background: rgba(255, 255, 255, 0.2);
|
|
17
|
+
border-radius: 40px;
|
|
18
|
+
color: #000;
|
|
19
|
+
font-size: 12px;
|
|
20
|
+
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
|
|
21
|
+
}
|
|
22
|
+
.create-wordle .generate-word-game-link,.copy-btn{
|
|
23
|
+
background-color: #6aaa64;
|
|
24
|
+
border: #6aaa64;
|
|
25
|
+
color: #fff;
|
|
26
|
+
padding: 12px 15px;
|
|
27
|
+
width: 120px;
|
|
28
|
+
border-radius: 40px;
|
|
29
|
+
font-size: 12px;
|
|
30
|
+
font-weight: 600;
|
|
31
|
+
}
|
|
32
|
+
.create-wordle .generate-word-game-link:hover,.copy-btn:hover{
|
|
33
|
+
color:#fff !important
|
|
34
|
+
}
|
|
35
|
+
::placeholder{
|
|
36
|
+
font-weight: 400;
|
|
37
|
+
text-transform: capitalize ;
|
|
38
|
+
}
|
|
39
|
+
/* modal style */
|
|
40
|
+
.close{
|
|
41
|
+
background-color: transparent;
|
|
42
|
+
border:none;
|
|
43
|
+
outline: none;
|
|
44
|
+
}
|
|
45
|
+
.times-icon{
|
|
46
|
+
font-size: 25px;
|
|
47
|
+
}
|
|
48
|
+
.modal-header .close{
|
|
49
|
+
margin: -1rem 0rem -1rem auto !important
|
|
50
|
+
}
|
|
51
|
+
.modal-dialog {
|
|
52
|
+
max-width: 450px !important;
|
|
53
|
+
margin: 0rem auto !important;
|
|
54
|
+
top: 60px !important;
|
|
55
|
+
}
|
|
56
|
+
|
|
57
|
+
/* wordle game play css */
|
|
58
|
+
.game .game-container .game-board{
|
|
59
|
+
width: 350px;
|
|
60
|
+
height: auto;
|
|
61
|
+
margin: 0 auto;
|
|
62
|
+
margin-top: 3px;
|
|
63
|
+
display: flex;
|
|
64
|
+
flex-wrap: wrap;
|
|
65
|
+
}
|
|
66
|
+
.game .game-container .game-board .tile{
|
|
67
|
+
width: 55px;
|
|
68
|
+
height: 55px;
|
|
69
|
+
text-align: center;
|
|
70
|
+
border:2px solid #d3d6da;
|
|
71
|
+
border-radius: 5px;
|
|
72
|
+
color: #363535;
|
|
73
|
+
font-size: 28px;
|
|
74
|
+
font-weight: 700;
|
|
75
|
+
margin: 3px;
|
|
76
|
+
max-width: 64px;
|
|
77
|
+
text-transform: uppercase;
|
|
78
|
+
}
|
|
79
|
+
.game .game-container .game-keyboard{
|
|
80
|
+
display: flex;
|
|
81
|
+
flex-direction: column;
|
|
82
|
+
width: 50%;
|
|
83
|
+
margin:0rem auto
|
|
84
|
+
}
|
|
85
|
+
.game .game-container .game-keyboard-row{
|
|
86
|
+
display: flex;
|
|
87
|
+
flex-direction: row;
|
|
88
|
+
justify-content: center;
|
|
89
|
+
}
|
|
90
|
+
.game .game-container .game-keyboard-button {
|
|
91
|
+
align-items: center;
|
|
92
|
+
background-color: #edeff1;
|
|
93
|
+
border: 2px solid transparent;
|
|
94
|
+
border-radius: 4px;
|
|
95
|
+
color: inherit;
|
|
96
|
+
cursor: pointer;
|
|
97
|
+
display: flex;
|
|
98
|
+
font-size: 16px;
|
|
99
|
+
font-weight: 900;
|
|
100
|
+
justify-content: center;
|
|
101
|
+
margin: 3px;
|
|
102
|
+
min-height: 40px;
|
|
103
|
+
padding: 15px;
|
|
104
|
+
text-decoration: inherit;
|
|
105
|
+
}
|
|
106
|
+
|
|
Binary file
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
let customWord = document.querySelector(".custom-word")
|
|
2
|
+
let generateLinkButton = document.querySelector(".generate-word-game-link")
|
|
3
|
+
let wordleGameLink = document.querySelector(".wordle-game-link")
|
|
4
|
+
let copy_btn = document.querySelector(".copy-btn")
|
|
5
|
+
|
|
6
|
+
let form = document.querySelector('#create-wordle-form')
|
|
7
|
+
let openPopup = document.querySelector(".open-popup")
|
|
8
|
+
|
|
9
|
+
const createWordle = (e) => {
|
|
10
|
+
openPopup.click()
|
|
11
|
+
e.preventDefault();
|
|
12
|
+
copy_btn.innerHTML = "Copy"
|
|
13
|
+
copy_btn.style.background = "#6aaa64"
|
|
14
|
+
wordleGameLink.setAttribute("href", `/word-game-play?q=${btoa(customWord.value)}`)
|
|
15
|
+
wordleGameLink.innerHTML = `${window.location.protocol + "//" + window.location.hostname}/word-game-play?q=${btoa(customWord.value)}`
|
|
16
|
+
}
|
|
17
|
+
form.addEventListener('submit', createWordle);
|
|
18
|
+
|
|
19
|
+
|
|
20
|
+
const copyToClipboard = (str) => {
|
|
21
|
+
try {
|
|
22
|
+
const el = document.createElement('textarea')
|
|
23
|
+
el.value = str
|
|
24
|
+
document.body.appendChild(el)
|
|
25
|
+
el.select()
|
|
26
|
+
document.execCommand('copy')
|
|
27
|
+
document.body.removeChild(el)
|
|
28
|
+
copy_btn.innerHTML = "Copied !"
|
|
29
|
+
copy_btn.style.background = "#444"
|
|
30
|
+
// copy_btn.setAttribute('data-tooltip', 'Copied !')
|
|
31
|
+
} catch (error) {
|
|
32
|
+
console.log(error)
|
|
33
|
+
}
|
|
34
|
+
}
|
|
35
|
+
copy_btn.addEventListener('click', () => {
|
|
36
|
+
copyToClipboard(wordleGameLink.innerHTML)
|
|
37
|
+
})
|
data/assets/js/game.js
ADDED
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
const params = new URLSearchParams(window.location.search)
|
|
2
|
+
let gameBoard = document.querySelector(".game-board")
|
|
3
|
+
let serachValue = params.get('q')
|
|
4
|
+
let decodeBase64 = atob(serachValue)
|
|
5
|
+
let word = decodeBase64
|
|
6
|
+
let gameOver = false;
|
|
7
|
+
|
|
8
|
+
console.log(word.length)
|
|
9
|
+
|
|
10
|
+
var height = 6;
|
|
11
|
+
var width = 5;
|
|
12
|
+
|
|
13
|
+
var row = 0;
|
|
14
|
+
var col = 0;
|
|
15
|
+
|
|
16
|
+
// for (let h = 0; h < height; h++) {
|
|
17
|
+
for (let index = 0; index < word.length; index++) {
|
|
18
|
+
let tile = document.createElement("div");
|
|
19
|
+
tile.classList.add("tile");
|
|
20
|
+
tile.innerText = "";
|
|
21
|
+
let div = document.createElement("div");
|
|
22
|
+
div.classList.add("d-flex")
|
|
23
|
+
div.appendChild(tile)
|
|
24
|
+
gameBoard.appendChild(div);
|
|
25
|
+
console.log(tile)
|
|
26
|
+
}
|
|
27
|
+
// }
|
|
28
|
+
function createTiles() {
|
|
29
|
+
for (let h = 0; h < height; h++) {
|
|
30
|
+
for (let w = 0; w < width; w++) {
|
|
31
|
+
let tile = document.createElement("div");
|
|
32
|
+
tile.id = h.toString() + "-" + w.toString();
|
|
33
|
+
tile.classList.add("tile");
|
|
34
|
+
tile.innerText = "";
|
|
35
|
+
gameBoard.appendChild(tile);
|
|
36
|
+
}
|
|
37
|
+
}
|
|
38
|
+
}
|
|
39
|
+
// createTiles();
|
metadata
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
|
2
2
|
name: word-games-theme
|
|
3
3
|
version: !ruby/object:Gem::Version
|
|
4
|
-
version: 1.2.
|
|
4
|
+
version: 1.2.1
|
|
5
5
|
platform: ruby
|
|
6
6
|
authors:
|
|
7
7
|
- manpreet-appscms
|
|
8
8
|
autorequire:
|
|
9
9
|
bindir: bin
|
|
10
10
|
cert_chain: []
|
|
11
|
-
date: 2022-04-
|
|
11
|
+
date: 2022-04-15 00:00:00.000000000 Z
|
|
12
12
|
dependencies:
|
|
13
13
|
- !ruby/object:Gem::Dependency
|
|
14
14
|
name: jekyll
|
|
@@ -106,6 +106,7 @@ files:
|
|
|
106
106
|
- _data/wordgames/en/unscramble_letters_to_make_words.json
|
|
107
107
|
- _data/wordgames/en/unscramble_words_and_jumble_solver.json
|
|
108
108
|
- _data/wordgames/en/word-game-generator-online.json
|
|
109
|
+
- _data/wordgames/en/word-game-play.json
|
|
109
110
|
- _data/wordgames/en/word-meaning.json
|
|
110
111
|
- _data/wordgames/en/words_with_friends_word_finder.json
|
|
111
112
|
- _data/wordgames/es/four_letter_word_finder.json
|
|
@@ -173,6 +174,7 @@ files:
|
|
|
173
174
|
- _includes/seo.html
|
|
174
175
|
- _includes/share/socialshare.html
|
|
175
176
|
- _includes/word-game/word-game-generator-online.html
|
|
177
|
+
- _includes/word-game/word-game-play.html
|
|
176
178
|
- _includes/wordfinderstrategy/content.html
|
|
177
179
|
- _includes/wordle-solver/wordle-solver.html
|
|
178
180
|
- _includes/xyzpages/xyz.html
|
|
@@ -202,10 +204,10 @@ files:
|
|
|
202
204
|
- assets/css/content.css
|
|
203
205
|
- assets/css/feature.css
|
|
204
206
|
- assets/css/footer.css
|
|
207
|
+
- assets/css/game.css
|
|
205
208
|
- assets/css/home.css
|
|
206
209
|
- assets/css/news.css
|
|
207
210
|
- assets/css/style.css
|
|
208
|
-
- assets/css/wordGame.css
|
|
209
211
|
- assets/css/wordGroup.css
|
|
210
212
|
- assets/css/wordScrabble.css
|
|
211
213
|
- assets/css/wordleSolver.css
|
|
@@ -263,6 +265,7 @@ files:
|
|
|
263
265
|
- assets/images/window-close.svg
|
|
264
266
|
- assets/images/word-games-logo.svg
|
|
265
267
|
- assets/images/word-games-logo.webp
|
|
268
|
+
- assets/images/wordle.png
|
|
266
269
|
- assets/images/wordswithletters-logo.png
|
|
267
270
|
- assets/images/yellow_bg.png
|
|
268
271
|
- assets/js/TopScroll.js
|
|
@@ -272,10 +275,11 @@ files:
|
|
|
272
275
|
- assets/js/advancedFilter.js
|
|
273
276
|
- assets/js/advancedFilter2.js
|
|
274
277
|
- assets/js/advancedFilter3.js
|
|
278
|
+
- assets/js/createWordle.js
|
|
279
|
+
- assets/js/game.js
|
|
275
280
|
- assets/js/leftNav.js
|
|
276
281
|
- assets/js/other-lang-wordScrabble.js
|
|
277
282
|
- assets/js/scrabbleDictonary.js
|
|
278
|
-
- assets/js/wordGame.js
|
|
279
283
|
- assets/js/wordScrabble-test.js
|
|
280
284
|
- assets/js/wordScrabble.js
|
|
281
285
|
- assets/js/wordleSolver.js
|
data/assets/css/wordGame.css
DELETED
|
@@ -1,99 +0,0 @@
|
|
|
1
|
-
.active{
|
|
2
|
-
display: block;
|
|
3
|
-
}
|
|
4
|
-
.close{
|
|
5
|
-
background-color: transparent;
|
|
6
|
-
border:none;
|
|
7
|
-
outline: none;
|
|
8
|
-
}
|
|
9
|
-
.times-icon{
|
|
10
|
-
font-size: 25px;
|
|
11
|
-
}
|
|
12
|
-
.modal-header .close{
|
|
13
|
-
margin: -1rem 0rem -1rem auto !important
|
|
14
|
-
}
|
|
15
|
-
.modal-dialog {
|
|
16
|
-
max-width: 450px !important;
|
|
17
|
-
margin: 0rem auto !important;
|
|
18
|
-
top: 60px !important;
|
|
19
|
-
}
|
|
20
|
-
.custom-word{
|
|
21
|
-
width: 60%;
|
|
22
|
-
margin: 15px auto;
|
|
23
|
-
padding: 2rem 10px;
|
|
24
|
-
text-align: center;
|
|
25
|
-
font-size: 12px;
|
|
26
|
-
text-transform: uppercase;
|
|
27
|
-
|
|
28
|
-
}
|
|
29
|
-
::placeholder{
|
|
30
|
-
text-transform: capitalize ;
|
|
31
|
-
}
|
|
32
|
-
.generate-word-game-link,.copy-btn{
|
|
33
|
-
background-color: dodgerblue;
|
|
34
|
-
border: dodgerblue;
|
|
35
|
-
color: #fff;
|
|
36
|
-
padding: 10px;
|
|
37
|
-
width: 120px;
|
|
38
|
-
border-radius: 5px;
|
|
39
|
-
font-size: 12px;
|
|
40
|
-
}
|
|
41
|
-
.copy-btn{
|
|
42
|
-
display: none;
|
|
43
|
-
}
|
|
44
|
-
|
|
45
|
-
.generate-word-game-link:hover,.copy-btn:hover{
|
|
46
|
-
color:#fff !important
|
|
47
|
-
}
|
|
48
|
-
.word-game-rows,.Game-keyboard{
|
|
49
|
-
display: flex;
|
|
50
|
-
flex-direction: column;
|
|
51
|
-
width: 50%;
|
|
52
|
-
margin:0rem auto
|
|
53
|
-
}
|
|
54
|
-
.row{
|
|
55
|
-
justify-content: center;
|
|
56
|
-
align-items: center;
|
|
57
|
-
margin:0 !important
|
|
58
|
-
|
|
59
|
-
}
|
|
60
|
-
.row-letter{
|
|
61
|
-
text-align: center;
|
|
62
|
-
border:2px solid #d3d6da;
|
|
63
|
-
border-radius: 5px;
|
|
64
|
-
color: #363535;
|
|
65
|
-
flex: 1 1;
|
|
66
|
-
font-size: 28px;
|
|
67
|
-
font-weight: 700;
|
|
68
|
-
height: 64px;
|
|
69
|
-
margin: 3px;
|
|
70
|
-
max-width: 64px;
|
|
71
|
-
text-transform: uppercase;
|
|
72
|
-
}
|
|
73
|
-
.Game-keyboard-row{
|
|
74
|
-
display: flex;
|
|
75
|
-
flex-direction: row;
|
|
76
|
-
justify-content: center;
|
|
77
|
-
}
|
|
78
|
-
.Game-keyboard-button {
|
|
79
|
-
align-items: center;
|
|
80
|
-
background-color: #d3d6da;
|
|
81
|
-
border: 2px solid transparent;
|
|
82
|
-
border-radius: 4px;
|
|
83
|
-
color: inherit;
|
|
84
|
-
cursor: pointer;
|
|
85
|
-
display: flex;
|
|
86
|
-
font-size: 16px;
|
|
87
|
-
font-weight: 900;
|
|
88
|
-
justify-content: center;
|
|
89
|
-
margin: 3px;
|
|
90
|
-
min-height: 40px;
|
|
91
|
-
padding: 15px;
|
|
92
|
-
text-decoration: inherit;
|
|
93
|
-
}
|
|
94
|
-
|
|
95
|
-
.word-game-link{
|
|
96
|
-
display: none;
|
|
97
|
-
font-size: 14px;
|
|
98
|
-
padding: 14px;
|
|
99
|
-
}
|
data/assets/js/wordGame.js
DELETED
|
@@ -1,42 +0,0 @@
|
|
|
1
|
-
console.log("word game : connected")
|
|
2
|
-
|
|
3
|
-
let modalWrapper = document.querySelector(".modalWrapper")
|
|
4
|
-
let closeBtn = document.querySelector(".close")
|
|
5
|
-
let customWord = document.querySelector(".custom-word")
|
|
6
|
-
let generateLinkButton = document.querySelector(".generate-word-game-link")
|
|
7
|
-
let wordGameLink = document.querySelector(".word-game-link")
|
|
8
|
-
let copy_btn = document.querySelector(".copy-btn")
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
let game
|
|
12
|
-
|
|
13
|
-
let openPopup = document.querySelector(".open-popup")
|
|
14
|
-
window.onload = function () {
|
|
15
|
-
openPopup.click()
|
|
16
|
-
}
|
|
17
|
-
|
|
18
|
-
generateLinkButton.addEventListener("click", () => {
|
|
19
|
-
generateLinkButton.style.display = "none"
|
|
20
|
-
copy_btn.style.display = "inline-block"
|
|
21
|
-
wordGameLink.style.display = "block"
|
|
22
|
-
wordGameLink.innerHTML = `${window.location.protocol + "//" + window.location.hostname}/word-game-play?q=${btoa(customWord.value)}`
|
|
23
|
-
wordGameLink.setAttribute("href", `/word-game-play?q=${btoa(customWord.value)}`)
|
|
24
|
-
})
|
|
25
|
-
|
|
26
|
-
const copyToClipboard = (str) => {
|
|
27
|
-
try {
|
|
28
|
-
const el = document.createElement('textarea')
|
|
29
|
-
el.value = str
|
|
30
|
-
document.body.appendChild(el)
|
|
31
|
-
el.select()
|
|
32
|
-
document.execCommand('copy')
|
|
33
|
-
document.body.removeChild(el)
|
|
34
|
-
copy_btn.innerHTML = "Copied"
|
|
35
|
-
// copy_btn.setAttribute('data-tooltip', 'Copied !')
|
|
36
|
-
} catch (error) {
|
|
37
|
-
console.log(error)
|
|
38
|
-
}
|
|
39
|
-
}
|
|
40
|
-
copy_btn.addEventListener('click', () => {
|
|
41
|
-
copyToClipboard(wordGameLink.innerHTML)
|
|
42
|
-
})
|