word-games-theme 1.2.9 → 1.3.0

Sign up to get free protection for your applications and to get access to all the features.
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: 98f98ff3a0c60ec091d2d9abb0e04844173b2c88758ad5aa640930f0d2e61446
4
- data.tar.gz: 573ab1d026595a4f0e2df9e0954ea265c30c813dafdc1bf099245691ab53725e
3
+ metadata.gz: 8b13b8f7fcd05c82997055d59246a15f6b0f16c571ec7b2d6337218893d73393
4
+ data.tar.gz: e438883394cdb2357258d95766300a0b415e765cf40e20ce1b2dc4f17b51d2e2
5
5
  SHA512:
6
- metadata.gz: fbc64047dfff498dd603f17be663e4c3470b6a587fc141468ed746e5e2dd7419ea3f97d39fae0ace8ed21603507a5e8b26d813f799b57a027ae32dba23769719
7
- data.tar.gz: 52277d026a2de45716592f50df0b714ca73d0eab68c374689d2fbc6c2a0710fed8a825e05b6c67c5aa5846f3296c495d00aa424592c611d94ab5a3e6957e9c4b
6
+ metadata.gz: 124eca04254b09f3118440be6e09d948410972bd799cf2287e77294359f0a51e621e27c24eb3c802a1286876a29ed379852e93fcbba3b6f7cecf40107645e1ab
7
+ data.tar.gz: 2d49013a9b37bb6851ccfbcf696e44be871ec0a17afbec4f69f780a64090b0f90752888abf26e043ef70a0514c287bb71847c35f7c9826a5803c543f47ef30df
@@ -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,38 @@
29
27
  <span id="errorMsg"></span>
30
28
  </div>
31
29
  <div class="game-board">
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 class="tile"></div>
53
- <div class="tile"></div>
54
- <div class="tile"></div>
55
- <div class="tile"></div>
56
- <div class="tile"></div>
57
- <div class="tile"></div>
58
- <div class="tile"></div>
59
- <div class="tile"></div>
60
- <div class="tile"></div>
61
- <div class="tile"></div>
30
+ <input class="tile" onkeypress="limitKeypress(event,this.value,1)">
31
+ <input class="tile" onkeypress="limitKeypress(event,this.value,1)">
32
+ <input class="tile" onkeypress="limitKeypress(event,this.value,1)">
33
+ <input class="tile" onkeypress="limitKeypress(event,this.value,1)">
34
+ <input class="tile" onkeypress="limitKeypress(event,this.value,1)">
35
+ <input class="tile" onkeypress="limitKeypress(event,this.value,1)">
36
+ <input class="tile" onkeypress="limitKeypress(event,this.value,1)">
37
+ <input class="tile" onkeypress="limitKeypress(event,this.value,1)">
38
+ <input class="tile" onkeypress="limitKeypress(event,this.value,1)">
39
+ <input class="tile" onkeypress="limitKeypress(event,this.value,1)">
40
+ <input class="tile" onkeypress="limitKeypress(event,this.value,1)">
41
+ <input class="tile" onkeypress="limitKeypress(event,this.value,1)">
42
+ <input class="tile" onkeypress="limitKeypress(event,this.value,1)">
43
+ <input class="tile" onkeypress="limitKeypress(event,this.value,1)">
44
+ <input class="tile" onkeypress="limitKeypress(event,this.value,1)">
45
+ <input class="tile" onkeypress="limitKeypress(event,this.value,1)">
46
+ <input class="tile" onkeypress="limitKeypress(event,this.value,1)">
47
+ <input class="tile" onkeypress="limitKeypress(event,this.value,1)">
48
+ <input class="tile" onkeypress="limitKeypress(event,this.value,1)">
49
+ <input class="tile" onkeypress="limitKeypress(event,this.value,1)">
50
+ <input class="tile" onkeypress="limitKeypress(event,this.value,1)">
51
+ <input class="tile" onkeypress="limitKeypress(event,this.value,1)">
52
+ <input class="tile" onkeypress="limitKeypress(event,this.value,1)">
53
+ <input class="tile" onkeypress="limitKeypress(event,this.value,1)">
54
+ <input class="tile" onkeypress="limitKeypress(event,this.value,1)">
55
+ <input class="tile" onkeypress="limitKeypress(event,this.value,1)">
56
+ <input class="tile" onkeypress="limitKeypress(event,this.value,1)">
57
+ <input class="tile" onkeypress="limitKeypress(event,this.value,1)">
58
+ <input class="tile" onkeypress="limitKeypress(event,this.value,1)">
59
+ <input class="tile" onkeypress="limitKeypress(event,this.value,1)">
62
60
  </div>
61
+
63
62
  <div data-keyboard class="game-keyboard mt-3">
64
63
  <div class="game-keyboard-row">
65
64
  <button role="button" class="key-btn" data-key="Q">Q</button>
@@ -97,12 +96,13 @@
97
96
  </div>
98
97
 
99
98
  </div>
99
+ <h2 class="text-center font-weight-bolder mb-0 my-4">
100
+ <a class="word-generator-link" href="/word-game-generator-online">Make your own wordle</a>
101
+ </h2>
100
102
  <span class="open-popup" data-toggle="modal" data-target="#exampleModal"></span>
101
103
  </div>
102
104
  </div>
103
- <h2 class="text-center font-weight-bolder mb-0 my-4">
104
- <a class="word-generator-link" href="/word-game-generator-online"> Make your own wordle </a>
105
- </h2>
105
+
106
106
 
107
107
  <div class="modal fade modalWrapper" id="exampleModal">
108
108
  <div class="modal-dialog" style="max-width:400px">
@@ -134,7 +134,7 @@
134
134
 
135
135
  </div>
136
136
 
137
- <div class="pt-4" style="font-size: 14px;">Share it with your friends</div>
137
+ <div class="pt-4" style="font-size: 14px;">Share this wordle with your friends</div>
138
138
  <div class="social-sharing-icons d-flex">
139
139
  <a class="facebook-share-link" target="_blank">
140
140
  <img class="share-icon" src="/assets/images/facebooks.svg" alt="facebook-share">
@@ -202,4 +202,7 @@
202
202
  </div>
203
203
  </div>
204
204
  </div>
205
- </div>
205
+ </div>
206
+
207
+ <script src="https://code.jquery.com/jquery-3.6.0.min.js"
208
+ 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
- caret-color: transparent;
103
+ /* caret-color: transparent; */
104
104
  display: flex;
105
105
  justify-content: center;
106
106
  align-items: center;
@@ -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,17 @@ 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
+ tile.focus()
38
+ function limitKeypress(event, value, maxLength) {
39
+ if (value != undefined && value.toString().length >= maxLength) {
40
+ event.preventDefault();
41
+ }
42
+ }
43
+
44
+
34
45
  let second = 0
35
46
  let minutes = 0
36
47
  let clear
@@ -44,7 +55,7 @@ function startTime() {
44
55
  min = checkTime(minutes)
45
56
  sec = checkTime(second)
46
57
 
47
- console.log(min + ":" + sec)
58
+ // console.log(min + ":" + sec)
48
59
 
49
60
  wordleRunningTimer.innerText = min + ":" + sec
50
61
  gameResultTime.innerHTML = "Your game ended :" + " " + min + ":" + sec
@@ -129,19 +140,22 @@ const pressKey = (key) => {
129
140
  nextTile.dataset.letter = key.toLowerCase()
130
141
  nextTile.dataset.state = "active"
131
142
  nextTile.classList.add("popAni")
132
- nextTile.innerText = key
143
+ nextTile.value = key
144
+ nextTile.focus()
133
145
  nextTile.style.border = "2px solid #a7adc0"
134
146
  }
135
147
  const deleteKey = () => {
136
148
  const activeTiles = getActiveTiles()
137
149
  const lastTile = activeTiles[activeTiles.length - 1]
138
150
  if (lastTile == null) return
139
- lastTile.textContent = ""
151
+ lastTile.value = ""
152
+ lastTile.focus()
140
153
  delete lastTile.dataset.state
141
154
  delete lastTile.dataset.letter
142
155
  lastTile.style.border = "2px solid #dee1e9"
143
156
  lastTile.classList.remove("popAni")
144
157
  }
158
+
145
159
  const handleSubmit = () => {
146
160
  const allTiles = [...getActiveTiles()]
147
161
  if (allTiles.length !== wordLength) {
@@ -179,6 +193,7 @@ const handleSubmit = () => {
179
193
  const evaluateTiles = (allTiles, matchedLettersCount, guessWord) => {
180
194
  let reEvaluate = []
181
195
  allTiles.map((tile, index) => {
196
+ tile.setAttribute("disabled", true)
182
197
  if (targetWord !== guessWord) {
183
198
  setTimeout(() => {
184
199
  tile.classList.add("flip")
@@ -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
- item.nextSibling.style.visibility = "visible"
379
- item.nextSibling.style.height = "auto"
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.9
4
+ version: 1.3.0
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-05-12 00:00:00.000000000 Z
11
+ date: 2022-05-17 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: jekyll