word-games-theme 1.2.0 → 1.2.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- 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
|
-
})
|