word-games-theme 2.2.0 → 2.2.2
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 +1 -1
- data/_data/wordgames/en/word-game-generator-online.json +1 -1
- data/_data/wordleSolver/en/data.json +2 -2
- data/_data/wordleSolver/en/resultData.json +1 -1
- data/_includes/howto.html +2 -2
- data/_includes/infographics/infographics.html +1 -1
- data/_includes/script.html +1 -0
- data/_includes/wordgames/featurehighlights/featurehighlights.html +5 -0
- data/_includes/wordgames/howto/howto.html +4 -4
- data/_includes/wordgames/scripts/scripts.html +0 -2
- data/_includes/wordgames/word-game/word-game-generator-online.html +72 -0
- data/_includes/wordgames/word-game/word-game-play.html +237 -0
- data/_includes/wordgames/wordle-solver/wordle-solver.html +229 -0
- data/_layouts/wordgames-about.html +1 -1
- data/_layouts/wordgames-author.html +1 -1
- data/_layouts/wordgames-authors.html +1 -1
- data/_layouts/wordgames-home.html +1 -1
- data/_layouts/wordgames-result.html +1 -2
- data/_layouts/wordgames-tools.html +90 -0
- data/assets/css/wordgames-game.css +518 -0
- data/assets/css/wordle-solver.css +182 -0
- data/assets/js/createWordle.js +1 -1
- metadata +7 -2
|
@@ -0,0 +1,229 @@
|
|
|
1
|
+
<style>
|
|
2
|
+
.greenLetters{
|
|
3
|
+
border-color: green !important;
|
|
4
|
+
}
|
|
5
|
+
.yellowLetters{
|
|
6
|
+
border-color: #C59E28 !important;
|
|
7
|
+
}
|
|
8
|
+
.greyLetters{
|
|
9
|
+
border-color: gray !important;
|
|
10
|
+
}
|
|
11
|
+
</style>
|
|
12
|
+
<div class="container wordleSolver-container">
|
|
13
|
+
<div class="row">
|
|
14
|
+
<div class="col-md-10 mx-auto ws">
|
|
15
|
+
<div style="font-size: 15px;" class="alert errMessage" role="alert"></div>
|
|
16
|
+
<form name="verify" class="forms_data">
|
|
17
|
+
<div class="form-group">
|
|
18
|
+
<label for="greenLetters" class="my-1 p-0 wordleSolver-label">Enter green letters at correct
|
|
19
|
+
position</label>
|
|
20
|
+
<div class="col-md-6 p-0">
|
|
21
|
+
<div class="d-flex">
|
|
22
|
+
<label for="first">
|
|
23
|
+
<input data-id="0" type="text" autocomplete="off" tabIndex="0"
|
|
24
|
+
class="wordleSolver-field greenLetters greenWithIndex form-control px-5"
|
|
25
|
+
maxlength="1" id="first" onkeyup="move(this,'second')">
|
|
26
|
+
</label>
|
|
27
|
+
<label for="second">
|
|
28
|
+
<input data-id="1" type="text" autocomplete="off" tabIndex="1"
|
|
29
|
+
class="wordleSolver-field greenLetters greenWithIndex form-control px-5"
|
|
30
|
+
maxlength="1" id="second" onkeyup="move(this,'third')">
|
|
31
|
+
</label>
|
|
32
|
+
|
|
33
|
+
<label for="third">
|
|
34
|
+
<input data-id="2" type="text" autocomplete="off" tabIndex="2"
|
|
35
|
+
class="wordleSolver-field greenLetters greenWithIndex form-control px-5"
|
|
36
|
+
maxlength="1" id="third" onkeyup="move(this,'fourth')">
|
|
37
|
+
</label>
|
|
38
|
+
|
|
39
|
+
<label for="fourth">
|
|
40
|
+
<input data-id="3" type="text" autocomplete="off" tabIndex="3"
|
|
41
|
+
class="wordleSolver-field greenLetters greenWithIndex form-control px-5"
|
|
42
|
+
maxlength="1" id="fourth" onkeyup="move(this,'fivth')">
|
|
43
|
+
</label>
|
|
44
|
+
<label for="fivth">
|
|
45
|
+
<input data-id="4" type="text" autocomplete="off" tabIndex="4"
|
|
46
|
+
class="wordleSolver-field greenLetters greenWithIndex form-control px-5"
|
|
47
|
+
maxlength="1" id="fivth" onkeyup="move(this,'six')">
|
|
48
|
+
</label>
|
|
49
|
+
</div>
|
|
50
|
+
</div>
|
|
51
|
+
</div>
|
|
52
|
+
<div class="form-group">
|
|
53
|
+
<label for="yellowLetters" class="my-1 p-0 wordleSolver-label">Enter letters in yellow below</label>
|
|
54
|
+
<div class="col-md-6 p-0">
|
|
55
|
+
<div class="d-flex">
|
|
56
|
+
<label for="six">
|
|
57
|
+
<input data-id="0" type="text" autocomplete="off"
|
|
58
|
+
class="wordleSolver-field yellowLetters form-control px-5" maxlength="1" id="six"
|
|
59
|
+
tabIndex="5" onkeyup="move(this,'seven')">
|
|
60
|
+
</label>
|
|
61
|
+
|
|
62
|
+
<label for="seven">
|
|
63
|
+
<input data-id="1" type="text" autocomplete="off"
|
|
64
|
+
class="wordleSolver-field yellowLetters form-control px-5" maxlength="1" id="seven"
|
|
65
|
+
tabIndex="6" onkeyup="move(this,'eight')">
|
|
66
|
+
</label>
|
|
67
|
+
|
|
68
|
+
<label for="eight"> <input data-id="2" type="text" autocomplete="off"
|
|
69
|
+
class="wordleSolver-field yellowLetters form-control px-5" maxlength="1" id="eight"
|
|
70
|
+
tabIndex="7" onkeyup="move(this,'nine')"></label>
|
|
71
|
+
|
|
72
|
+
<label for="nine">
|
|
73
|
+
<input data-id="3" type="text" autocomplete="off"
|
|
74
|
+
class="wordleSolver-field yellowLetters form-control px-5" maxlength="1" id="nine"
|
|
75
|
+
tabIndex="8" onkeyup="move(this,'ten')">
|
|
76
|
+
</label>
|
|
77
|
+
|
|
78
|
+
<label for="ten">
|
|
79
|
+
<input data-id="4" type="text" autocomplete="off"
|
|
80
|
+
class="wordleSolver-field yellowLetters form-control px-5" maxlength="1" id="ten"
|
|
81
|
+
tabIndex="9" onkeyup="move(this,'eleven')">
|
|
82
|
+
</label>
|
|
83
|
+
|
|
84
|
+
</div>
|
|
85
|
+
</div>
|
|
86
|
+
</div>
|
|
87
|
+
<div class="form-group">
|
|
88
|
+
<label for="greyLetters" class="my-1 p-0 wordleSolver-label">Enter letters in grey below</label>
|
|
89
|
+
<div class="col-md-6 p-0 wrapper_div">
|
|
90
|
+
<div class="d-flex">
|
|
91
|
+
<label for="eleven">
|
|
92
|
+
<input data-id="0" type="text" class="wordleSolver-field greyLetters form-control px-5"
|
|
93
|
+
maxlength="1" id="eleven" value="" autocomplete="off" tabIndex="10"
|
|
94
|
+
onkeyup="move(this,'twelve')">
|
|
95
|
+
</label>
|
|
96
|
+
|
|
97
|
+
<label for="twelve">
|
|
98
|
+
<input data-id="1" type="text" class="wordleSolver-field greyLetters form-control px-5"
|
|
99
|
+
maxlength="1" id="twelve" value="" autocomplete="off" tabIndex="11"
|
|
100
|
+
onkeyup="move(this,'thirteen')">
|
|
101
|
+
</label>
|
|
102
|
+
|
|
103
|
+
<label for="thirteen">
|
|
104
|
+
<input data-id="2" type="text" class="wordleSolver-field greyLetters form-control px-5"
|
|
105
|
+
maxlength="1" id="thirteen" value="" autocomplete="off" tabIndex="12"
|
|
106
|
+
onkeyup="move(this,'fourteen')">
|
|
107
|
+
</label>
|
|
108
|
+
|
|
109
|
+
|
|
110
|
+
<label for="fourteen">
|
|
111
|
+
<input data-id="3" type="text" class="wordleSolver-field greyLetters form-control px-5"
|
|
112
|
+
maxlength="1" id="fourteen" value="" autocomplete="off" tabIndex="13"
|
|
113
|
+
onkeyup="move(this,'fifteen')">
|
|
114
|
+
</label>
|
|
115
|
+
|
|
116
|
+
<label for="fifteen">
|
|
117
|
+
<input data-id="4" type="text" class="wordleSolver-field greyLetters form-control px-5"
|
|
118
|
+
maxlength="1" id="fifteen" value="" autocomplete="off" tabIndex="14"
|
|
119
|
+
onkeyup="move(this,'sixteen')">
|
|
120
|
+
</label>
|
|
121
|
+
|
|
122
|
+
</div>
|
|
123
|
+
<div class="d-flex mt-2">
|
|
124
|
+
<label for="sixteen">
|
|
125
|
+
<input data-id="5" type="text" autocomplete="off" tabIndex="15"
|
|
126
|
+
class="wordleSolver-field greyLetters form-control px-5" maxlength="1" id="sixteen"
|
|
127
|
+
onkeyup="move(this,'seventeen')">
|
|
128
|
+
</label>
|
|
129
|
+
|
|
130
|
+
<label for="seventeen">
|
|
131
|
+
<input data-id="6" type="text" autocomplete="off" tabIndex="16"
|
|
132
|
+
class="wordleSolver-field greyLetters form-control px-5" maxlength="1"
|
|
133
|
+
id="seventeen" onkeyup="move(this,'eightteen')">
|
|
134
|
+
</label>
|
|
135
|
+
|
|
136
|
+
|
|
137
|
+
<label for="eightteen">
|
|
138
|
+
<input data-id="7" type="text" autocomplete="off" tabIndex="17"
|
|
139
|
+
class="wordleSolver-field greyLetters form-control px-5" maxlength="1"
|
|
140
|
+
id="eightteen" onkeyup="move(this,'nineteen')">
|
|
141
|
+
</label>
|
|
142
|
+
|
|
143
|
+
|
|
144
|
+
<label for="nineteen">
|
|
145
|
+
<input data-id="8" type="text" autocomplete="off" tabIndex="18"
|
|
146
|
+
class="wordleSolver-field greyLetters form-control px-5" maxlength="1" id="nineteen"
|
|
147
|
+
onkeyup="move(this,'twenty')">
|
|
148
|
+
</label>
|
|
149
|
+
|
|
150
|
+
|
|
151
|
+
<label for="twenty">
|
|
152
|
+
<input data-id="9" type="text" autocomplete="off" tabIndex="19"
|
|
153
|
+
class="wordleSolver-field greyLetters form-control px-5" maxlength="1" id="twenty"
|
|
154
|
+
onkeyup="move(this,'eleven')">
|
|
155
|
+
</label>
|
|
156
|
+
|
|
157
|
+
</div>
|
|
158
|
+
</div>
|
|
159
|
+
|
|
160
|
+
|
|
161
|
+
</div>
|
|
162
|
+
<!-- <button type="button" data-toggle="tooltip" data-placement="top" title="Add more greyletters fields"
|
|
163
|
+
id="addMore"><i class="bi bi-plus"></i>
|
|
164
|
+
</button> -->
|
|
165
|
+
<div class="form-group text-right">
|
|
166
|
+
<div class="col-md-4 p-0" style="margin: 0 0 0 auto;">
|
|
167
|
+
<button type="submit" id="wordlesolver_submit" class="btn wordlesolver-btn mt-3">
|
|
168
|
+
<span id="updateTxt">Solve</span>
|
|
169
|
+
<div class="spinner"></div>
|
|
170
|
+
</button>
|
|
171
|
+
|
|
172
|
+
</div>
|
|
173
|
+
</div>
|
|
174
|
+
</form>
|
|
175
|
+
</div>
|
|
176
|
+
|
|
177
|
+
|
|
178
|
+
<div class="col-md-10 mx-auto p-0 mt-3">
|
|
179
|
+
<a href="/word-game-generator-online"
|
|
180
|
+
onclick="gtag('event', 'click', {'event_category': 'Link click', 'event_label': 'Make Your Own Wordle'});"
|
|
181
|
+
class="createWordleLink text-black">
|
|
182
|
+
<span class="text-black">
|
|
183
|
+
Make your own wordle game
|
|
184
|
+
</span>
|
|
185
|
+
</a>
|
|
186
|
+
|
|
187
|
+
|
|
188
|
+
<button type="submit" class="btn refineSerach mt-3">
|
|
189
|
+
Refine search
|
|
190
|
+
</button>
|
|
191
|
+
<div id="wordleWordCount"></div>
|
|
192
|
+
|
|
193
|
+
<div id="wordleSolverData"></div>
|
|
194
|
+
<div class="alert" role="alert" id="wordleSolvererrorMsg" style="font-size: 15px; padding:15px"></div>
|
|
195
|
+
</div>
|
|
196
|
+
</div>
|
|
197
|
+
</div>
|
|
198
|
+
<script>
|
|
199
|
+
let inputs = document.querySelectorAll('input');
|
|
200
|
+
for (let ws of inputs) {
|
|
201
|
+
ws.addEventListener('keypress', function (e) {
|
|
202
|
+
let target = e.srcElement;
|
|
203
|
+
let idx = parseInt(target.getAttribute('tabIndex'));
|
|
204
|
+
if (e.which === 32) {
|
|
205
|
+
e.preventDefault();
|
|
206
|
+
idx += idx < inputs.length - 1 ? 1 : 0;
|
|
207
|
+
inputs[idx].focus();
|
|
208
|
+
}
|
|
209
|
+
})
|
|
210
|
+
ws.addEventListener('keydown', function (e) {
|
|
211
|
+
var target = e.srcElement;
|
|
212
|
+
let idx = parseInt(target.getAttribute('tabIndex'));
|
|
213
|
+
if (e.keyCode === 8 || e.keyCode === 9) {
|
|
214
|
+
switch (e.keyCode) {
|
|
215
|
+
case 8:
|
|
216
|
+
idx -= idx > 0 ? 1 : 0;
|
|
217
|
+
this.value = '';
|
|
218
|
+
inputs[idx].focus();
|
|
219
|
+
break;
|
|
220
|
+
}
|
|
221
|
+
}
|
|
222
|
+
});
|
|
223
|
+
}
|
|
224
|
+
function move(first, last) {
|
|
225
|
+
if (first.value.length) {
|
|
226
|
+
document.getElementById(last).focus()
|
|
227
|
+
}
|
|
228
|
+
}
|
|
229
|
+
</script>
|
|
@@ -0,0 +1,90 @@
|
|
|
1
|
+
{% assign file = page.fileName %}
|
|
2
|
+
{% assign lang = page.lang %}
|
|
3
|
+
{% assign folder = page.folderName %}
|
|
4
|
+
{% assign homeData= site.data[folder][lang][file] %}
|
|
5
|
+
|
|
6
|
+
|
|
7
|
+
<!DOCTYPE html>
|
|
8
|
+
<html lang="en">
|
|
9
|
+
|
|
10
|
+
{%- include wordgames/head/head.html -%}
|
|
11
|
+
<style>
|
|
12
|
+
.tools_headings {
|
|
13
|
+
padding: 15px 0;
|
|
14
|
+
}
|
|
15
|
+
</style>
|
|
16
|
+
|
|
17
|
+
<body>
|
|
18
|
+
{%- include wordgames/header/header.html -%}
|
|
19
|
+
|
|
20
|
+
{%- if site.newFeatureBox -%}
|
|
21
|
+
<div class="wordgametheme-sidebar-left"></div>
|
|
22
|
+
<div class="wordgametheme-sidebar-right"></div>
|
|
23
|
+
{%- endif -%}
|
|
24
|
+
{%- if homeData.h1 or homeData.h2 -%}
|
|
25
|
+
<div class="tools_headings" style="margin-top:20px">
|
|
26
|
+
<div class="container">
|
|
27
|
+
<div class="pageHeading text-center">
|
|
28
|
+
<h1 class="heading pb-0 mb-3">{{homeData.h1}}</h1>
|
|
29
|
+
{%- if homeData.h2 != '' -%}
|
|
30
|
+
<h2>{{homeData.h2}}</h2>
|
|
31
|
+
{%- endif -%}
|
|
32
|
+
</div>
|
|
33
|
+
</div>
|
|
34
|
+
</div>
|
|
35
|
+
{%- endif -%}
|
|
36
|
+
|
|
37
|
+
<!-- Ezoic - sidebar_floating_1 - sidebar_floating_1 -->
|
|
38
|
+
<div id="ezoic-pub-ad-placeholder-109"> </div>
|
|
39
|
+
<!-- End Ezoic - sidebar_floating_1 - sidebar_floating_1 -->
|
|
40
|
+
|
|
41
|
+
<!-- Ezoic - sidebar_floating_2 - sidebar_floating_2 -->
|
|
42
|
+
<div id="ezoic-pub-ad-placeholder-110"> </div>
|
|
43
|
+
<!-- End Ezoic - sidebar_floating_2 - sidebar_floating_2 -->
|
|
44
|
+
|
|
45
|
+
|
|
46
|
+
<div class="tools-feature">
|
|
47
|
+
{{content}}
|
|
48
|
+
</div>
|
|
49
|
+
|
|
50
|
+
{% include wordgames/featurehighlights/featurehighlights.html %}
|
|
51
|
+
{%- include wordgames/howto/howto.html -%}
|
|
52
|
+
|
|
53
|
+
{%- if dataToShow.faqList -%}
|
|
54
|
+
{%- if dataToShow.faqList.first.Question !='' -%}
|
|
55
|
+
{% include wordgames/faqs/faqs.html %}
|
|
56
|
+
{% endif %}
|
|
57
|
+
{% endif %}
|
|
58
|
+
|
|
59
|
+
|
|
60
|
+
{% include adBlocker/adBlocker.html %}
|
|
61
|
+
|
|
62
|
+
{%- if dataToShow.infographics.size > 0 -%}
|
|
63
|
+
{%- include wordgames/infographics/infographics.html -%}
|
|
64
|
+
{%- endif -%}
|
|
65
|
+
|
|
66
|
+
{%- include wordgames/rating/rating.html -%}
|
|
67
|
+
|
|
68
|
+
|
|
69
|
+
{%- assign langen = "en" -%}
|
|
70
|
+
{%- if site.data[folder][langen][file].categories -%}
|
|
71
|
+
{% assign categories= site.data[folder][langen][file].categories %}
|
|
72
|
+
{%- else -%}
|
|
73
|
+
{% assign categories= page.categories %}
|
|
74
|
+
{%- endif -%}
|
|
75
|
+
{%- if site.data[folder][langen][file].tags -%}
|
|
76
|
+
{% assign tags= site.data[folder][langen][file].tags %}
|
|
77
|
+
{%- else -%}
|
|
78
|
+
{% assign tags= page.tags %}
|
|
79
|
+
{%- endif -%}
|
|
80
|
+
{%- if categories.size> 0 or tags.size>0-%}
|
|
81
|
+
{%- include wordgames/related-posts/related-posts.html -%}
|
|
82
|
+
{%- else -%}
|
|
83
|
+
{%- include wordgames/recent-posts/recent-posts.html -%}
|
|
84
|
+
{% endif %}
|
|
85
|
+
{%- include wordgames/footer/footer.html -%}
|
|
86
|
+
|
|
87
|
+
{%- include wordgames/scripts/scripts.html -%}
|
|
88
|
+
</body>
|
|
89
|
+
|
|
90
|
+
</html>
|