word-games-theme 1.2.9 → 1.3.2
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/_includes/custom-head.html +6 -1
- data/_includes/head/index.html +1 -1
- data/_includes/word-game/word-game-play.html +70 -37
- data/assets/css/game.css +7 -1
- data/assets/js/createWordle.js +4 -6
- data/assets/js/game.js +27 -3
- data/assets/js/noRefreshAds.js +4 -6
- metadata +2 -2
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA256:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: 898fc619f72069ab95131273d148ae3fb3800efc12cc692d18068d94c558635b
|
|
4
|
+
data.tar.gz: 43d334aad0175860fcd3d8aaaa14ab97dc7fed1e37311e9d96e57c3ea505edcc
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: e83c03aa95f990360f2a462d3a71a7373f821dfc55742b95d02613208d0383aedac81cb58a332ded96d7212f6dc6a08fdebc1dfb63c1bcfcd210a1587bb82860
|
|
7
|
+
data.tar.gz: 025c42627fb28322839d935ed09c1be95de9900b2d856a582cd11397916e4d26306f8b46deee25e4e19c7cc24dac4ba1fcdf3c0071e9654afc899162b0603c89
|
data/_includes/custom-head.html
CHANGED
|
@@ -1,6 +1,11 @@
|
|
|
1
1
|
<head>
|
|
2
|
+
{%- assign pagedescriptionlength = page.description | split: ' ' -%}
|
|
3
|
+
{%- if pagedescriptionlength.size > 5 -%}
|
|
4
|
+
{%- assign pagedescriptionlength = page.description | split: ' ' -%}
|
|
5
|
+
{%- assign pagedescription = page.description -%}
|
|
6
|
+
{%- endif -%}
|
|
2
7
|
{% assign favicon = site.favicon %} {%- assign seo_description =
|
|
3
|
-
|
|
8
|
+
pagedescription | default: page.content | markdownify | strip_html |
|
|
4
9
|
truncatewords: 50 | default: page.excerpt | default: site.description -%} {%-
|
|
5
10
|
if seo_description -%} {%- assign seo_description = seo_description |
|
|
6
11
|
markdownify | strip_html | strip_newlines | escape_once -%} {%- endif -%} {%-
|
data/_includes/head/index.html
CHANGED
|
@@ -9,8 +9,6 @@
|
|
|
9
9
|
<a class="word-generator-link" href="/word-game-generator-online">Guess the word in six tries </a>
|
|
10
10
|
</h1>
|
|
11
11
|
|
|
12
|
-
|
|
13
|
-
|
|
14
12
|
<div class="wordle-time pt-2" style="cursor: pointer;">
|
|
15
13
|
<i class="bi bi-stopwatch" style="font-size: 18px;"></i>
|
|
16
14
|
</div>
|
|
@@ -29,37 +27,68 @@
|
|
|
29
27
|
<span id="errorMsg"></span>
|
|
30
28
|
</div>
|
|
31
29
|
<div class="game-board">
|
|
32
|
-
<
|
|
33
|
-
|
|
34
|
-
<
|
|
35
|
-
|
|
36
|
-
<
|
|
37
|
-
|
|
38
|
-
<
|
|
39
|
-
|
|
40
|
-
<
|
|
41
|
-
|
|
42
|
-
<
|
|
43
|
-
|
|
44
|
-
<
|
|
45
|
-
|
|
46
|
-
<
|
|
47
|
-
|
|
48
|
-
<
|
|
49
|
-
|
|
50
|
-
<
|
|
51
|
-
|
|
52
|
-
<
|
|
53
|
-
|
|
54
|
-
<
|
|
55
|
-
|
|
56
|
-
<
|
|
57
|
-
|
|
58
|
-
<
|
|
59
|
-
|
|
60
|
-
<
|
|
61
|
-
|
|
30
|
+
<input class="tile" maxlength="1"
|
|
31
|
+
oninput="javascript: if (this.value.length > this.maxLength) this.value = this.value.slice(0, this.maxLength);">
|
|
32
|
+
<input class="tile" maxlength="1"
|
|
33
|
+
oninput="javascript: if (this.value.length > this.maxLength) this.value = this.value.slice(0, this.maxLength);">
|
|
34
|
+
<input class="tile" maxlength="1"
|
|
35
|
+
oninput="javascript: if (this.value.length > this.maxLength) this.value = this.value.slice(0, this.maxLength);">
|
|
36
|
+
<input class="tile" maxlength="1"
|
|
37
|
+
oninput="javascript: if (this.value.length > this.maxLength) this.value = this.value.slice(0, this.maxLength);">
|
|
38
|
+
<input class="tile" maxlength="1"
|
|
39
|
+
oninput="javascript: if (this.value.length > this.maxLength) this.value = this.value.slice(0, this.maxLength);">
|
|
40
|
+
<input class="tile" maxlength="1"
|
|
41
|
+
oninput="javascript: if (this.value.length > this.maxLength) this.value = this.value.slice(0, this.maxLength);">
|
|
42
|
+
<input class="tile" maxlength="1"
|
|
43
|
+
oninput="javascript: if (this.value.length > this.maxLength) this.value = this.value.slice(0, this.maxLength);">
|
|
44
|
+
<input class="tile" maxlength="1"
|
|
45
|
+
oninput="javascript: if (this.value.length > this.maxLength) this.value = this.value.slice(0, this.maxLength);">
|
|
46
|
+
<input class="tile" maxlength="1"
|
|
47
|
+
oninput="javascript: if (this.value.length > this.maxLength) this.value = this.value.slice(0, this.maxLength);">
|
|
48
|
+
<input class="tile" maxlength="1"
|
|
49
|
+
oninput="javascript: if (this.value.length > this.maxLength) this.value = this.value.slice(0, this.maxLength);">
|
|
50
|
+
<input class="tile" maxlength="1"
|
|
51
|
+
oninput="javascript: if (this.value.length > this.maxLength) this.value = this.value.slice(0, this.maxLength);">
|
|
52
|
+
<input class="tile" maxlength="1"
|
|
53
|
+
oninput="javascript: if (this.value.length > this.maxLength) this.value = this.value.slice(0, this.maxLength);">
|
|
54
|
+
<input class="tile" maxlength="1"
|
|
55
|
+
oninput="javascript: if (this.value.length > this.maxLength) this.value = this.value.slice(0, this.maxLength);">
|
|
56
|
+
<input class="tile" maxlength="1"
|
|
57
|
+
oninput="javascript: if (this.value.length > this.maxLength) this.value = this.value.slice(0, this.maxLength);">
|
|
58
|
+
<input class="tile" maxlength="1"
|
|
59
|
+
oninput="javascript: if (this.value.length > this.maxLength) this.value = this.value.slice(0, this.maxLength);">
|
|
60
|
+
<input class="tile" maxlength="1"
|
|
61
|
+
oninput="javascript: if (this.value.length > this.maxLength) this.value = this.value.slice(0, this.maxLength);">
|
|
62
|
+
<input class="tile" maxlength="1"
|
|
63
|
+
oninput="javascript: if (this.value.length > this.maxLength) this.value = this.value.slice(0, this.maxLength);">
|
|
64
|
+
<input class="tile" maxlength="1"
|
|
65
|
+
oninput="javascript: if (this.value.length > this.maxLength) this.value = this.value.slice(0, this.maxLength);">
|
|
66
|
+
<input class="tile" maxlength="1"
|
|
67
|
+
oninput="javascript: if (this.value.length > this.maxLength) this.value = this.value.slice(0, this.maxLength);">
|
|
68
|
+
<input class="tile" maxlength="1"
|
|
69
|
+
oninput="javascript: if (this.value.length > this.maxLength) this.value = this.value.slice(0, this.maxLength);">
|
|
70
|
+
<input class="tile" maxlength="1"
|
|
71
|
+
oninput="javascript: if (this.value.length > this.maxLength) this.value = this.value.slice(0, this.maxLength);">
|
|
72
|
+
<input class="tile" maxlength="1"
|
|
73
|
+
oninput="javascript: if (this.value.length > this.maxLength) this.value = this.value.slice(0, this.maxLength);">
|
|
74
|
+
<input class="tile" maxlength="1"
|
|
75
|
+
oninput="javascript: if (this.value.length > this.maxLength) this.value = this.value.slice(0, this.maxLength);">
|
|
76
|
+
<input class="tile" maxlength="1"
|
|
77
|
+
oninput="javascript: if (this.value.length > this.maxLength) this.value = this.value.slice(0, this.maxLength);">
|
|
78
|
+
<input class="tile" maxlength="1"
|
|
79
|
+
oninput="javascript: if (this.value.length > this.maxLength) this.value = this.value.slice(0, this.maxLength);">
|
|
80
|
+
<input class="tile" maxlength="1"
|
|
81
|
+
oninput="javascript: if (this.value.length > this.maxLength) this.value = this.value.slice(0, this.maxLength);">
|
|
82
|
+
<input class="tile" maxlength="1"
|
|
83
|
+
oninput="javascript: if (this.value.length > this.maxLength) this.value = this.value.slice(0, this.maxLength);">
|
|
84
|
+
<input class="tile" maxlength="1"
|
|
85
|
+
oninput="javascript: if (this.value.length > this.maxLength) this.value = this.value.slice(0, this.maxLength);">
|
|
86
|
+
<input class="tile" maxlength="1"
|
|
87
|
+
oninput="javascript: if (this.value.length > this.maxLength) this.value = this.value.slice(0, this.maxLength);">
|
|
88
|
+
<input class="tile" maxlength="1"
|
|
89
|
+
oninput="javascript: if (this.value.length > this.maxLength) this.value = this.value.slice(0, this.maxLength);">
|
|
62
90
|
</div>
|
|
91
|
+
|
|
63
92
|
<div data-keyboard class="game-keyboard mt-3">
|
|
64
93
|
<div class="game-keyboard-row">
|
|
65
94
|
<button role="button" class="key-btn" data-key="Q">Q</button>
|
|
@@ -97,12 +126,13 @@
|
|
|
97
126
|
</div>
|
|
98
127
|
|
|
99
128
|
</div>
|
|
129
|
+
<h2 class="text-center font-weight-bolder mb-0 my-4">
|
|
130
|
+
<a class="word-generator-link" href="/word-game-generator-online">Make your own wordle</a>
|
|
131
|
+
</h2>
|
|
100
132
|
<span class="open-popup" data-toggle="modal" data-target="#exampleModal"></span>
|
|
101
133
|
</div>
|
|
102
134
|
</div>
|
|
103
|
-
|
|
104
|
-
<a class="word-generator-link" href="/word-game-generator-online"> Make your own wordle </a>
|
|
105
|
-
</h2>
|
|
135
|
+
|
|
106
136
|
|
|
107
137
|
<div class="modal fade modalWrapper" id="exampleModal">
|
|
108
138
|
<div class="modal-dialog" style="max-width:400px">
|
|
@@ -134,7 +164,7 @@
|
|
|
134
164
|
|
|
135
165
|
</div>
|
|
136
166
|
|
|
137
|
-
<div class="pt-4" style="font-size: 14px;">Share
|
|
167
|
+
<div class="pt-4" style="font-size: 14px;">Share this wordle with your friends</div>
|
|
138
168
|
<div class="social-sharing-icons d-flex">
|
|
139
169
|
<a class="facebook-share-link" target="_blank">
|
|
140
170
|
<img class="share-icon" src="/assets/images/facebooks.svg" alt="facebook-share">
|
|
@@ -202,4 +232,7 @@
|
|
|
202
232
|
</div>
|
|
203
233
|
</div>
|
|
204
234
|
</div>
|
|
205
|
-
</div>
|
|
235
|
+
</div>
|
|
236
|
+
|
|
237
|
+
<script src="https://code.jquery.com/jquery-3.6.0.min.js"
|
|
238
|
+
integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
|
data/assets/css/game.css
CHANGED
|
@@ -100,7 +100,7 @@
|
|
|
100
100
|
justify-content: center;
|
|
101
101
|
}
|
|
102
102
|
.game .game-container .game-board .tile{
|
|
103
|
-
|
|
103
|
+
|
|
104
104
|
display: flex;
|
|
105
105
|
justify-content: center;
|
|
106
106
|
align-items: center;
|
|
@@ -117,6 +117,8 @@
|
|
|
117
117
|
text-transform: uppercase;
|
|
118
118
|
transition: transform 240ms linear;
|
|
119
119
|
}
|
|
120
|
+
|
|
121
|
+
|
|
120
122
|
.game .game-container .game-board .tile:focus-visible{
|
|
121
123
|
outline: none !important;
|
|
122
124
|
}
|
|
@@ -399,6 +401,10 @@
|
|
|
399
401
|
border-color: #666;
|
|
400
402
|
}
|
|
401
403
|
@media (max-width: 768px) {
|
|
404
|
+
.tile{
|
|
405
|
+
caret-color: transparent;
|
|
406
|
+
cursor: default;
|
|
407
|
+
}
|
|
402
408
|
#create-wordle-form{
|
|
403
409
|
padding:0 10px;
|
|
404
410
|
}
|
data/assets/js/createWordle.js
CHANGED
|
@@ -5,7 +5,9 @@ let copy_btn = document.querySelector(".copy-btn")
|
|
|
5
5
|
|
|
6
6
|
|
|
7
7
|
let wordlePlayButton = document.querySelector("#wordle-play-button")
|
|
8
|
-
|
|
8
|
+
let facebookSHareLink = document.querySelector(".facebook-share-link")
|
|
9
|
+
let twitterSHareLink = document.querySelector(".twitter-share-link")
|
|
10
|
+
let whatsappSHareLink = document.querySelector(".whatsapp-share-link")
|
|
9
11
|
|
|
10
12
|
let form = document.querySelector('#create-wordle-form')
|
|
11
13
|
let openPopup = document.querySelector(".open-popup")
|
|
@@ -13,10 +15,6 @@ let openPopup = document.querySelector(".open-popup")
|
|
|
13
15
|
const alertContainer = document.querySelector(".alert-container")
|
|
14
16
|
let errorMsg = document.querySelector("#errorMsg")
|
|
15
17
|
|
|
16
|
-
let facebookSHareLink = document.querySelector(".facebook-share-link")
|
|
17
|
-
let twitterSHareLink = document.querySelector(".twitter-share-link")
|
|
18
|
-
let whatsappSHareLink = document.querySelector(".whatsapp-share-link")
|
|
19
|
-
|
|
20
18
|
|
|
21
19
|
customWord.focus()
|
|
22
20
|
|
|
@@ -50,7 +48,7 @@ const createWordle = (e) => {
|
|
|
50
48
|
} else {
|
|
51
49
|
if (customWord.value.length === 5) {
|
|
52
50
|
openPopup.click()
|
|
53
|
-
copy_btn.innerHTML = "Copy"
|
|
51
|
+
copy_btn.innerHTML = "Copy Link"
|
|
54
52
|
copy_btn.style.background = "dodgerblue"
|
|
55
53
|
wordlePlayButton.setAttribute("href", `/word-game-play?q=${btoa(customWord.value.toLocaleLowerCase())}`)
|
|
56
54
|
wordleGameLink.setAttribute("href", `/word-game-play?q=${btoa(customWord.value.toLocaleLowerCase())}`)
|
data/assets/js/game.js
CHANGED
|
@@ -31,6 +31,19 @@ let gameResultTime = document.querySelector("#game-result-time")
|
|
|
31
31
|
let wordleRunningTimer = document.querySelector("#wordle-running-timer")
|
|
32
32
|
// wordleRunningTimer.innerHTML = "00:00"
|
|
33
33
|
|
|
34
|
+
|
|
35
|
+
|
|
36
|
+
let tile = document.querySelector('.tile')
|
|
37
|
+
let x = window.matchMedia("(min-width: 768px)")
|
|
38
|
+
if (x.matches) {
|
|
39
|
+
tile.focus()
|
|
40
|
+
}
|
|
41
|
+
// function limitKeypress(event, maxLength) {
|
|
42
|
+
// event.target.value = event.target.value.replace(/[^a-zA-Z? ]/g, '')
|
|
43
|
+
// event.target.value = event.target.value.substring(0, maxLength)
|
|
44
|
+
// }
|
|
45
|
+
|
|
46
|
+
|
|
34
47
|
let second = 0
|
|
35
48
|
let minutes = 0
|
|
36
49
|
let clear
|
|
@@ -44,7 +57,7 @@ function startTime() {
|
|
|
44
57
|
min = checkTime(minutes)
|
|
45
58
|
sec = checkTime(second)
|
|
46
59
|
|
|
47
|
-
console.log(min + ":" + sec)
|
|
60
|
+
// console.log(min + ":" + sec)
|
|
48
61
|
|
|
49
62
|
wordleRunningTimer.innerText = min + ":" + sec
|
|
50
63
|
gameResultTime.innerHTML = "Your game ended :" + " " + min + ":" + sec
|
|
@@ -129,19 +142,29 @@ const pressKey = (key) => {
|
|
|
129
142
|
nextTile.dataset.letter = key.toLowerCase()
|
|
130
143
|
nextTile.dataset.state = "active"
|
|
131
144
|
nextTile.classList.add("popAni")
|
|
132
|
-
nextTile.
|
|
145
|
+
nextTile.value = key
|
|
146
|
+
let x = window.matchMedia("(min-width: 768px)")
|
|
147
|
+
if (x.matches) {
|
|
148
|
+
nextTile.focus()
|
|
149
|
+
}
|
|
150
|
+
|
|
133
151
|
nextTile.style.border = "2px solid #a7adc0"
|
|
134
152
|
}
|
|
135
153
|
const deleteKey = () => {
|
|
136
154
|
const activeTiles = getActiveTiles()
|
|
137
155
|
const lastTile = activeTiles[activeTiles.length - 1]
|
|
138
156
|
if (lastTile == null) return
|
|
139
|
-
lastTile.
|
|
157
|
+
lastTile.value = ""
|
|
158
|
+
let x = window.matchMedia("(min-width: 768px)")
|
|
159
|
+
if (x.matches) {
|
|
160
|
+
lastTile.focus()
|
|
161
|
+
}
|
|
140
162
|
delete lastTile.dataset.state
|
|
141
163
|
delete lastTile.dataset.letter
|
|
142
164
|
lastTile.style.border = "2px solid #dee1e9"
|
|
143
165
|
lastTile.classList.remove("popAni")
|
|
144
166
|
}
|
|
167
|
+
|
|
145
168
|
const handleSubmit = () => {
|
|
146
169
|
const allTiles = [...getActiveTiles()]
|
|
147
170
|
if (allTiles.length !== wordLength) {
|
|
@@ -179,6 +202,7 @@ const handleSubmit = () => {
|
|
|
179
202
|
const evaluateTiles = (allTiles, matchedLettersCount, guessWord) => {
|
|
180
203
|
let reEvaluate = []
|
|
181
204
|
allTiles.map((tile, index) => {
|
|
205
|
+
tile.setAttribute("disabled", true)
|
|
182
206
|
if (targetWord !== guessWord) {
|
|
183
207
|
setTimeout(() => {
|
|
184
208
|
tile.classList.add("flip")
|
data/assets/js/noRefreshAds.js
CHANGED
|
@@ -369,16 +369,13 @@ function getWords(data) {
|
|
|
369
369
|
let allGroupWords = document.getElementById(`alpha_${i}`)
|
|
370
370
|
let getAllGroupWords = [...main.getElementsByClassName('allGroupWords')]
|
|
371
371
|
|
|
372
|
-
|
|
373
372
|
if (main.dataset.value !== "null") {
|
|
374
373
|
if (allGroupWords) {
|
|
375
374
|
Array.from(getAllGroupWords).forEach((item) => {
|
|
376
375
|
if (item.id.slice(6) <= stringLength.length) {
|
|
377
|
-
if (item.nextSibling !== null && item.nextSibling.classList !== undefined && item.nextSibling.classList.contains("mmtwrappos")) {
|
|
378
|
-
|
|
379
|
-
|
|
380
|
-
}
|
|
381
|
-
allGroupWords.innerHTML = ""
|
|
376
|
+
// if (item.nextSibling !== null && item.nextSibling.classList !== undefined && item.nextSibling.classList.contains("mmtwrappos")) {
|
|
377
|
+
// item.nextSibling.style.display = "block"
|
|
378
|
+
// }
|
|
382
379
|
item.style.display = "block"
|
|
383
380
|
}
|
|
384
381
|
else {
|
|
@@ -401,6 +398,7 @@ function getWords(data) {
|
|
|
401
398
|
`
|
|
402
399
|
}
|
|
403
400
|
else {
|
|
401
|
+
console.log(true)
|
|
404
402
|
let getAllGroupWords = [...main.getElementsByClassName('allGroupWords')]
|
|
405
403
|
let allGroupWords = document.createElement("div")
|
|
406
404
|
allGroupWords.className = "allGroupWords wordlistContainer"
|
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.3.2
|
|
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-
|
|
11
|
+
date: 2022-06-06 00:00:00.000000000 Z
|
|
12
12
|
dependencies:
|
|
13
13
|
- !ruby/object:Gem::Dependency
|
|
14
14
|
name: jekyll
|