word-games-theme 1.1.9 → 1.2.2
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 +58 -0
- data/_data/wordgames/en/word-game-play.json +21 -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/google-analytics.html +0 -31
- data/_includes/head/index.html +3 -3
- data/_includes/script.html +1 -1
- data/_includes/section/commonPage.html +3 -2
- data/_includes/section/home.html +1 -1
- data/_includes/section/home2.html +3 -2
- data/_includes/word-game/word-game-generator-online.html +41 -0
- data/_includes/word-game/word-game-play.html +191 -0
- data/_includes/wordfinderstrategy/content.html +1 -1
- data/_includes/wordle-solver/wordle-solver.html +12 -1
- data/_includes/xyzpages/xyz.html +2 -2
- data/_layouts/page.html +2 -2
- data/_layouts/tools.html +1 -1
- data/assets/css/game.css +406 -0
- data/assets/css/wordleSolver.css +11 -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/images/wordle.png +0 -0
- data/assets/js/X-letter-test.js +3 -1
- data/assets/js/confetti.js +130 -0
- data/assets/js/createWordle.js +71 -0
- data/assets/js/game.js +268 -0
- data/assets/js/wordScrabble-test.js +3 -5
- data/assets/js/words-starting-with.js +3 -1
- metadata +16 -2
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA256:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: 2ba461b64b2b6e663800468eb9d2d9be7e6028c3fd41284afe8e603a81684e6a
|
4
|
+
data.tar.gz: 685513c7884497a477dd24c4472f8374de4d7448c9238d86d3e2af849292730f
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: 2d560ac8f4a765b73878c1dacdac033b049d73c63b35ffaf72f5629168fb900ec8a4c857d47ad34ab133f6e77f92634e459f125a900c361ccf8c417002347391
|
7
|
+
data.tar.gz: 66a70a6a0fcf24c90cc86247e7f377738fd4486bcf7d204c229a5410bbb9a6924ba328484c1897cdd6a8880f8c322584b8a788a4d1322b3b1108f9b1dedb4ba2
|
@@ -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/createWordle.js"
|
54
|
+
],
|
55
|
+
"cssfilepaths": [
|
56
|
+
"/assets/css/game.css"
|
57
|
+
]
|
58
|
+
}
|
@@ -0,0 +1,21 @@
|
|
1
|
+
{
|
2
|
+
"title": "Make Your Own Wordle",
|
3
|
+
"h1": "",
|
4
|
+
"h2": "",
|
5
|
+
"meta": "Guess this wordle in 6 tries. You can also share with your friends and challenge them !",
|
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
|
+
"jsfilepaths": [
|
15
|
+
"/assets/js/game.js",
|
16
|
+
"/assets/js/confetti.js"
|
17
|
+
],
|
18
|
+
"cssfilepaths": [
|
19
|
+
"/assets/css/game.css"
|
20
|
+
]
|
21
|
+
}
|
@@ -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 -%}
|
@@ -5,23 +5,7 @@
|
|
5
5
|
window.dataLayer = window.dataLayer || [];
|
6
6
|
function gtag() { dataLayer.push(arguments); }
|
7
7
|
gtag('js', new Date());
|
8
|
-
|
9
8
|
gtag('config', '{{ GA_ID }}');
|
10
|
-
|
11
|
-
(function (i, s, o, g, r, a, m) {
|
12
|
-
i['GoogleAnalyticsObject'] = r;
|
13
|
-
i[r] = i[r] || function () {
|
14
|
-
(i[r].q = i[r].q || []).push(arguments)
|
15
|
-
}, i[r].l = 1 * new Date();
|
16
|
-
a = s.createElement(o),
|
17
|
-
m = s.getElementsByTagName(o)[0];
|
18
|
-
a.async = 1;
|
19
|
-
a.src = g;
|
20
|
-
m.parentNode.insertBefore(a, m)
|
21
|
-
})(window, document, 'script', '//www.google-analytics.com/analytics.js', 'ga');
|
22
|
-
ga('create', '{{ GA_ID }}', 'auto')
|
23
|
-
ga('send', 'pageview')
|
24
|
-
|
25
9
|
</script>
|
26
10
|
{% endif %}
|
27
11
|
|
@@ -32,22 +16,7 @@
|
|
32
16
|
window.dataLayer = window.dataLayer || [];
|
33
17
|
function gtag() { dataLayer.push(arguments); }
|
34
18
|
gtag('js', new Date());
|
35
|
-
|
36
19
|
gtag('config', '{{ GA_ID }}');
|
37
|
-
|
38
|
-
(function (i, s, o, g, r, a, m) {
|
39
|
-
i['GoogleAnalyticsObject'] = r;
|
40
|
-
i[r] = i[r] || function () {
|
41
|
-
(i[r].q = i[r].q || []).push(arguments)
|
42
|
-
}, i[r].l = 1 * new Date();
|
43
|
-
a = s.createElement(o),
|
44
|
-
m = s.getElementsByTagName(o)[0];
|
45
|
-
a.async = 1;
|
46
|
-
a.src = g;
|
47
|
-
m.parentNode.insertBefore(a, m)
|
48
|
-
})(window, document, 'script', '//www.google-analytics.com/analytics.js', 'ga');
|
49
|
-
ga('create', '{{ GA_ID }}', 'auto')
|
50
|
-
ga('send', 'pageview')
|
51
20
|
</script>
|
52
21
|
|
53
22
|
{% endif %}
|
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">
|
@@ -155,7 +155,8 @@
|
|
155
155
|
<div class="container" id="containerWd">
|
156
156
|
{%- if page.layout == "page2" -%}
|
157
157
|
|
158
|
-
<a id="home_page_search_result"
|
158
|
+
<a id="home_page_search_result"
|
159
|
+
onclick="gtag('event', 'click', {'event_category': 'Link click', 'event_label': 'Home Page Search Result'});"></a>
|
159
160
|
|
160
161
|
{%- endif -%}
|
161
162
|
|
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">
|
@@ -96,7 +96,8 @@
|
|
96
96
|
</form>
|
97
97
|
{%- if page.wordle == 'solver' -%}
|
98
98
|
<h2 class="m-0 mt-4 text-center" style="font-size:16px">
|
99
|
-
<a
|
99
|
+
<a onclick="gtag('event', 'click', {'event_category': 'Link click', 'event_label': 'Try Wordle Solver'});"
|
100
|
+
style="color:#000" href="/wordle-solver">Solve wordle quickly using our wordle solver</a>
|
100
101
|
</h2>
|
101
102
|
{%- endif -%}
|
102
103
|
</div>
|
@@ -0,0 +1,41 @@
|
|
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
|
+
<div class="alert-container hide">
|
6
|
+
<span id="errorMsg"></span>
|
7
|
+
</div>
|
8
|
+
<form id="create-wordle-form">
|
9
|
+
<img src="/assets/images/wordle.png" alt="wordswithletters" style="width:35px; height:35px;">
|
10
|
+
<h4 class="font-weight-bolder mt-4">Make your own wordle</h4>
|
11
|
+
<input autocomplete="off" type="text" class="form-control custom-word"
|
12
|
+
placeholder="Enter Up to 5 Letters?" name="custom-word" required maxlength="5">
|
13
|
+
<button type="submit" class="btn generate-word-game-link">Generate Link</button>
|
14
|
+
<span class="open-popup" data-toggle="modal" data-target="#exampleModal"></span>
|
15
|
+
</form>
|
16
|
+
</div>
|
17
|
+
</div>
|
18
|
+
</div>
|
19
|
+
</div>
|
20
|
+
|
21
|
+
|
22
|
+
<div class="modal fade modalWrapper" id="exampleModal">
|
23
|
+
<div class="modal-dialog">
|
24
|
+
<div class="modal-content">
|
25
|
+
<div class="modal-header p-0">
|
26
|
+
<button type="button" class="close" data-dismiss="modal">
|
27
|
+
<span class="times-icon">×</span>
|
28
|
+
</button>
|
29
|
+
</div>
|
30
|
+
<div class="modal-body text-center" style="padding:5rem 0">
|
31
|
+
<h3 class="font-weight-bolder mb-4">Share this Word's Link</h3>
|
32
|
+
<div class="wordle-game-play-links">
|
33
|
+
<a style="font-size: 13px;" class="wordle-game-link"></a>
|
34
|
+
<br><br>
|
35
|
+
<button type="button" class="btn copy-btn mt-2">Copy Link</button>
|
36
|
+
<!-- <button type="button" class="btn btn-primary">Play Random Word</button> -->
|
37
|
+
</div>
|
38
|
+
</div>
|
39
|
+
</div>
|
40
|
+
</div>
|
41
|
+
</div>
|
@@ -0,0 +1,191 @@
|
|
1
|
+
<div class="game">
|
2
|
+
<div class="game-container">
|
3
|
+
<div class="d-flex justify-content-center align-items-center">
|
4
|
+
<div style="padding-top:4px; cursor: pointer;" data-toggle="modal" data-target="#how-to-play-wordle">
|
5
|
+
<i style="font-size:20px" class="bi bi-question-circle"></i>
|
6
|
+
</div>
|
7
|
+
<h1 class="text-center font-weight-bolder mb-0 my-4">
|
8
|
+
<a class="word-generator-link" href="/word-game-generator-online"> Make your own wordle </a>
|
9
|
+
</h1>
|
10
|
+
|
11
|
+
<!-- <div data-toggle="modal" data-target="#exampleModal">
|
12
|
+
<i style="font-size:20px" class="bi bi-question-circle"></i>
|
13
|
+
</div> -->
|
14
|
+
|
15
|
+
</div>
|
16
|
+
|
17
|
+
|
18
|
+
<div class="alert-container hide">
|
19
|
+
<span id="errorMsg"></span>
|
20
|
+
</div>
|
21
|
+
<div class="game-board">
|
22
|
+
<div class="tile"></div>
|
23
|
+
<div class="tile"></div>
|
24
|
+
<div class="tile"></div>
|
25
|
+
<div class="tile"></div>
|
26
|
+
<div class="tile"></div>
|
27
|
+
<div class="tile"></div>
|
28
|
+
<div class="tile"></div>
|
29
|
+
<div class="tile"></div>
|
30
|
+
<div class="tile"></div>
|
31
|
+
<div class="tile"></div>
|
32
|
+
<div class="tile"></div>
|
33
|
+
<div class="tile"></div>
|
34
|
+
<div class="tile"></div>
|
35
|
+
<div class="tile"></div>
|
36
|
+
<div class="tile"></div>
|
37
|
+
<div class="tile"></div>
|
38
|
+
<div class="tile"></div>
|
39
|
+
<div class="tile"></div>
|
40
|
+
<div class="tile"></div>
|
41
|
+
<div class="tile"></div>
|
42
|
+
<div class="tile"></div>
|
43
|
+
<div class="tile"></div>
|
44
|
+
<div class="tile"></div>
|
45
|
+
<div class="tile"></div>
|
46
|
+
<div class="tile"></div>
|
47
|
+
<div class="tile"></div>
|
48
|
+
<div class="tile"></div>
|
49
|
+
<div class="tile"></div>
|
50
|
+
<div class="tile"></div>
|
51
|
+
<div class="tile"></div>
|
52
|
+
</div>
|
53
|
+
<div data-keyboard class="game-keyboard mt-3">
|
54
|
+
<div class="game-keyboard-row">
|
55
|
+
<button role="button" class="key-btn" data-key="Q">Q</button>
|
56
|
+
<button role="button" class="key-btn" data-key="W">W</button>
|
57
|
+
<button role="button" class="key-btn" data-key="E">E</button>
|
58
|
+
<button role="button" class="key-btn" data-key="R">R</button>
|
59
|
+
<button role="button" class="key-btn" data-key="T">T</button>
|
60
|
+
<button role="button" class="key-btn " data-key="Y">Y</button>
|
61
|
+
<button role="button" class="key-btn" data-key="U">U</button>
|
62
|
+
<button role="button" class="key-btn" data-key="I">I</button>
|
63
|
+
<button role="button" class="key-btn" data-key="O">O</button>
|
64
|
+
<button role="button" class="key-btn" data-key="P">P</button>
|
65
|
+
</div>
|
66
|
+
<div class="game-keyboard-row">
|
67
|
+
<button role="button" class="key-btn" data-key="A">A</button>
|
68
|
+
<button role="button" class="key-btn" data-key="S">S</button>
|
69
|
+
<button role="button" class="key-btn" data-key="D">D</button>
|
70
|
+
<button role="button" class="key-btn" data-key="F">F</button>
|
71
|
+
<button role="button" class="key-btn" data-key="G">G</button>
|
72
|
+
<button role="button" class="key-btn" data-key="H">H</button>
|
73
|
+
<button role="button" class="key-btn" data-key="J">J</button>
|
74
|
+
<button role="button" class="key-btn" data-key="K">K</button>
|
75
|
+
<button role="button" class="key-btn" data-key="L">L</button>
|
76
|
+
</div>
|
77
|
+
<div class="game-keyboard-row">
|
78
|
+
<button role="button" class="key-btn backspace" data-delete>⌫</button>
|
79
|
+
<button role="button" class="key-btn" data-key="Z">Z</button>
|
80
|
+
<button role="button" class="key-btn" data-key="X">X</button>
|
81
|
+
<button role="button" class="key-btn" data-key="C">C</button>
|
82
|
+
<button role="button" class="key-btn" data-key="V">V</button>
|
83
|
+
<button role="button" class="key-btn" data-key="B">B</button>
|
84
|
+
<button role="button" class="key-btn letter-absent" data-key="N">N</button>
|
85
|
+
<button role="button" class="key-btn" data-key="M">M</button>
|
86
|
+
<button role="button" class="key-btn enter" data-enter>Enter</button>
|
87
|
+
</div>
|
88
|
+
|
89
|
+
</div>
|
90
|
+
<span class="open-popup" data-toggle="modal" data-target="#exampleModal"></span>
|
91
|
+
</div>
|
92
|
+
</div>
|
93
|
+
|
94
|
+
<div class="modal fade modalWrapper" id="exampleModal">
|
95
|
+
<div class="modal-dialog" style="max-width:400px">
|
96
|
+
<div class="modal-content">
|
97
|
+
<div class="modal-header p-2" style="background-color: #f8f9fa;">
|
98
|
+
<div class="gameResult"></div>
|
99
|
+
<button type="button" class="close" style="position: absolute; right: 0; top:-3px;"
|
100
|
+
data-dismiss="modal">
|
101
|
+
<span class="times-icon">×</span>
|
102
|
+
</button>
|
103
|
+
</div>
|
104
|
+
<div class="modal-body text-center" style="padding:2rem 0px 4rem 0">
|
105
|
+
<!-- <div class="iconWinLose tick"></div> -->
|
106
|
+
<div class="result-content">
|
107
|
+
<span id="answer" style="font-size: 20px;">You guessed the word</span>
|
108
|
+
<div id="result-guess-word" class="guess-word"></div>
|
109
|
+
</div>
|
110
|
+
<div class="wordle-game-play-links pt-4" style="padding:0 30px">
|
111
|
+
<a class="wordle-game-restart" href="/word-game-generator-online">
|
112
|
+
RESTART
|
113
|
+
</a>
|
114
|
+
<a class="wordle-game-share-link wordle-game-button font-weight-bolder">
|
115
|
+
<img src="/assets/images/copy.svg" alt="copy-link" style="width:20px; margin:0px 5px;">
|
116
|
+
Share this Wordle Link</a>
|
117
|
+
<a class="wordle-game-copy-link wordle-game-button">
|
118
|
+
<img src="/assets/images/copy.svg" alt="copy-link" style="width:20px; margin:0px 5px;">
|
119
|
+
Challenge a friend to this word</a>
|
120
|
+
|
121
|
+
</div>
|
122
|
+
|
123
|
+
<div class="pt-4" style="font-size: 14px;">Share it with your friends</div>
|
124
|
+
<div class="social-sharing-icons d-flex">
|
125
|
+
<a class="facebook-share-link" target="_blank">
|
126
|
+
<img class="share-icon" src="/assets/images/facebooks.svg" alt="facebook-share">
|
127
|
+
</a>
|
128
|
+
<a class="twitter-share-link" target="_blank">
|
129
|
+
<img class="share-icon" src="/assets/images/twitters.svg" alt="twitter-share">
|
130
|
+
</a>
|
131
|
+
|
132
|
+
<a class="whatsapp-share-link" data-action="share/whatsapp/share" target="_blank"><img
|
133
|
+
class="share-icon" src="/assets/images/whatsapp.svg" alt="whatsapp-share"> </a>
|
134
|
+
|
135
|
+
|
136
|
+
</div>
|
137
|
+
</div>
|
138
|
+
</div>
|
139
|
+
</div>
|
140
|
+
</div>
|
141
|
+
|
142
|
+
|
143
|
+
<div class="modal fade" id="how-to-play-wordle" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
|
144
|
+
<div class="modal-dialog wordletip" style="top:20px !important">
|
145
|
+
<div class="modal-content">
|
146
|
+
<div class="modal-header px-4 p-2">
|
147
|
+
<h5 class="modal-title" id="exampleModalLabel">How to Play</h5>
|
148
|
+
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
|
149
|
+
<span aria-hidden="true">×</span>
|
150
|
+
</button>
|
151
|
+
</div>
|
152
|
+
<div class="modal-body p-2 px-4 py-4" style="font-size: 12px;">
|
153
|
+
<p>Guess the <strong>WORDLE</strong> in six tries.</p>
|
154
|
+
<p>Each guess must be a valid five-letter word. Hit the enter button to submit.</p>
|
155
|
+
<p>After each guess, the color of the tiles will change to show how close your guess was to the
|
156
|
+
word.</p>
|
157
|
+
<div id="wordle-examples">
|
158
|
+
<p><strong>Examples</strong></p>
|
159
|
+
<p><span class="wordle-game-spot wordle-game-correct" title="W"></span><span
|
160
|
+
class="wordle-game-spot" title="E"></span><span class="wordle-game-spot"
|
161
|
+
title="A"></span><span class="wordle-game-spot" title="R"></span><span
|
162
|
+
class="wordle-game-spot" title="Y"></span></p>
|
163
|
+
<p>The letter <strong>W</strong> is in the word and in the correct spot.</p>
|
164
|
+
<p><span class="wordle-game-spot" title="P"></span><span
|
165
|
+
class="wordle-game-spot wordle-game-present" title="I"></span><span class="wordle-game-spot"
|
166
|
+
title="L"></span><span class="wordle-game-spot" title="L"></span><span
|
167
|
+
class="wordle-game-spot" title="S"></span></p>
|
168
|
+
<p>The letter <strong>I</strong> is in the word but in the wrong spot.</p>
|
169
|
+
<p><span class="wordle-game-spot" title="V"></span><span class="wordle-game-spot"
|
170
|
+
title="A"></span><span class="wordle-game-spot" title="G"></span><span
|
171
|
+
class="wordle-game-spot wordle-game-absent" title="U"></span><span class="wordle-game-spot"
|
172
|
+
title="E"></span></p>
|
173
|
+
<p>The letter <strong>U</strong> is not in the word in any spot.</p>
|
174
|
+
</div>
|
175
|
+
<p>A new WORDLE can make easily yourself any time! </p>
|
176
|
+
|
177
|
+
<div class="wordl_ani">
|
178
|
+
<a style="background: #007bff;
|
179
|
+
color: #fff;
|
180
|
+
text-decoration: underline;
|
181
|
+
padding: 14px 15px;
|
182
|
+
border-radius: 5px;
|
183
|
+
display: block;
|
184
|
+
width: 170px;" href="/word-game-generator-online"> Make your own wordle </a>
|
185
|
+
|
186
|
+
</div>
|
187
|
+
|
188
|
+
</div>
|
189
|
+
</div>
|
190
|
+
</div>
|
191
|
+
</div>
|
@@ -3,6 +3,17 @@
|
|
3
3
|
<div class="col-md-10 mx-auto ws">
|
4
4
|
<div style="font-size: 15px;" class="alert errMessage" role="alert"></div>
|
5
5
|
<form name="verify" class="forms_data">
|
6
|
+
|
7
|
+
<a href="/word-game-generator-online"
|
8
|
+
onclick="gtag('event', 'click', {'event_category': 'Link click', 'event_label': 'Make Your Own Wordle'});"
|
9
|
+
class="createWordleLink text-white">
|
10
|
+
|
11
|
+
<span class="text-white">
|
12
|
+
Make Your Own Wordle
|
13
|
+
</span>
|
14
|
+
|
15
|
+
</a>
|
16
|
+
|
6
17
|
<div class="form-group">
|
7
18
|
<label for="greenLetters" class="my-1 p-0 wordleSolver-label">Enter green letters at correct
|
8
19
|
position</label>
|
@@ -128,4 +139,4 @@
|
|
128
139
|
}
|
129
140
|
}
|
130
141
|
</script>
|
131
|
-
<script defer src="
|
142
|
+
<script defer src="/assets/js/wordleSolver.js"></script>
|