word-games-theme 2.2.1 → 2.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 +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/wordgames/featurehighlights/featurehighlights.html +5 -0
- data/_includes/wordgames/howto/howto.html +4 -4
- 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-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>
|