word-games-theme 1.2.7 → 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: 9f747fbe9f2cf0c2712706aa223d8c7afdd6e727d73248a17df658ace18b05fb
4
- data.tar.gz: e91d475c88fd3b95c69d863943b3a17d00fdd2bac9dd6e4858d6547089f54395
3
+ metadata.gz: 8b13b8f7fcd05c82997055d59246a15f6b0f16c571ec7b2d6337218893d73393
4
+ data.tar.gz: e438883394cdb2357258d95766300a0b415e765cf40e20ce1b2dc4f17b51d2e2
5
5
  SHA512:
6
- metadata.gz: b2ead3bd56ebb4de04d61404e385060742b7ece59819a15952df956f81cc6336e260d6c6885529a1897ea071fe9fda64704426e6ad8441dc7fdded7500015419
7
- data.tar.gz: 2e9243a86ec7db0b052abe2c4e715be11b5080b6a084afe765b2257f1b146230e61a9bc9e439d0fef937293b0897e2828af5828cde579fd973b78ee0147c9f12
6
+ metadata.gz: 124eca04254b09f3118440be6e09d948410972bd799cf2287e77294359f0a51e621e27c24eb3c802a1286876a29ed379852e93fcbba3b6f7cecf40107645e1ab
7
+ data.tar.gz: 2d49013a9b37bb6851ccfbcf696e44be871ec0a17afbec4f69f780a64090b0f90752888abf26e043ef70a0514c287bb71847c35f7c9826a5803c543f47ef30df
@@ -13,7 +13,15 @@
13
13
  </div>
14
14
  </div>
15
15
  </div>
16
+
17
+ {%- if page.noAdsRefresh -%}
18
+ <div class="main-loader"></div>
19
+ <div class="main" data-value="null"></div>
20
+ {%- else -%}
16
21
  <div class="main"></div>
22
+ {%- endif -%}
23
+
24
+
17
25
  <div class="errorMsg"></div>
18
26
  </div>
19
27
  </div>
@@ -28,12 +28,27 @@
28
28
  </button>
29
29
  </div>
30
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>
31
+
32
32
  <div class="wordle-game-play-links">
33
33
  <a style="font-size: 13px;" class="wordle-game-link"></a>
34
34
  <br><br>
35
35
  <a id="wordle-play-button" class="btn game-play-btn mt-2">Play Game</a>
36
36
  <button type="button" class="btn copy-btn mt-2">Copy Link</button>
37
+
38
+ <h3 class="font-weight-bolder mt-5">Share this wordle with your friends</h3>
39
+ <div class="social-sharing-icons d-flex">
40
+ <a class="facebook-share-link" target="_blank">
41
+ <img class="share-icon" src="/assets/images/facebooks.svg" alt="facebook-share">
42
+ </a>
43
+ <a class="twitter-share-link" target="_blank">
44
+ <img class="share-icon" src="/assets/images/twitters.svg" alt="twitter-share">
45
+ </a>
46
+
47
+ <a class="whatsapp-share-link" data-action="share/whatsapp/share" target="_blank"><img
48
+ class="share-icon" src="/assets/images/whatsapp.svg" alt="whatsapp-share"> </a>
49
+
50
+
51
+ </div>
37
52
  <!-- <button type="button" class="btn btn-primary">Play Random Word</button> -->
38
53
  </div>
39
54
  </div>
@@ -4,8 +4,9 @@
4
4
  <div class="pt-2" style="cursor: pointer;" data-toggle="modal" data-target="#how-to-play-wordle">
5
5
  <i style="font-size:18px" class="bi bi-question-circle"></i>
6
6
  </div>
7
+
7
8
  <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
+ <a class="word-generator-link" href="/word-game-generator-online">Guess the word in six tries </a>
9
10
  </h1>
10
11
 
11
12
  <div class="wordle-time pt-2" style="cursor: pointer;">
@@ -26,37 +27,38 @@
26
27
  <span id="errorMsg"></span>
27
28
  </div>
28
29
  <div class="game-board">
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 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>
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)">
59
60
  </div>
61
+
60
62
  <div data-keyboard class="game-keyboard mt-3">
61
63
  <div class="game-keyboard-row">
62
64
  <button role="button" class="key-btn" data-key="Q">Q</button>
@@ -94,10 +96,14 @@
94
96
  </div>
95
97
 
96
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>
97
102
  <span class="open-popup" data-toggle="modal" data-target="#exampleModal"></span>
98
103
  </div>
99
104
  </div>
100
105
 
106
+
101
107
  <div class="modal fade modalWrapper" id="exampleModal">
102
108
  <div class="modal-dialog" style="max-width:400px">
103
109
  <div class="modal-content">
@@ -128,7 +134,7 @@
128
134
 
129
135
  </div>
130
136
 
131
- <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>
132
138
  <div class="social-sharing-icons d-flex">
133
139
  <a class="facebook-share-link" target="_blank">
134
140
  <img class="share-icon" src="/assets/images/facebooks.svg" alt="facebook-share">
@@ -196,4 +202,7 @@
196
202
  </div>
197
203
  </div>
198
204
  </div>
199
- </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>
@@ -85,9 +85,9 @@
85
85
 
86
86
 
87
87
  </div>
88
- <button type="button" data-toggle="tooltip" data-placement="top" title="Add more greyletters fields"
88
+ <!-- <button type="button" data-toggle="tooltip" data-placement="top" title="Add more greyletters fields"
89
89
  id="addMore"><i class="bi bi-plus"></i>
90
- </button>
90
+ </button> -->
91
91
  <div class="form-group text-right">
92
92
  <div class="col-md-4 p-0" style="margin: 0 0 0 auto;">
93
93
  <button type="submit" id="wordlesolver_submit" class="btn wordlesolver-btn mt-3">
@@ -105,13 +105,17 @@
105
105
  <a href="/word-game-generator-online"
106
106
  onclick="gtag('event', 'click', {'event_category': 'Link click', 'event_label': 'Make Your Own Wordle'});"
107
107
  class="createWordleLink text-white">
108
-
109
108
  <span class="text-white">
110
109
  Make your own wordle game
111
110
  </span>
112
-
113
111
  </a>
112
+
113
+
114
+ <button type="submit" class="btn refineSerach mt-3">
115
+ Refine search
116
+ </button>
114
117
  <div id="wordleWordCount"></div>
118
+
115
119
  <div id="wordleSolverData"></div>
116
120
  <div class="alert" role="alert" id="wordleSolvererrorMsg" style="font-size: 15px; padding:15px"></div>
117
121
  </div>
data/_layouts/page.html CHANGED
@@ -71,9 +71,13 @@
71
71
  <script src="/assets/js/words-starting-with.js"></script>
72
72
  {%- endif -%}
73
73
 
74
+ {%- if page.noAdsRefresh-%}
75
+ <script defer data-url="{{site.url}}" data-range="{{page.blanktilerange}}" src="/assets/js/noRefreshAds.js"></script>
76
+ {%- endif -%}
77
+
74
78
  {%- if page.language -%}
75
79
  <script data-language="{{page.language}}" src="/assets/js/other-lang-wordScrabble.js" crossorigin></script>
76
- {%- elsif page.tool != 'words-that-start-with-the-letters' -%}
80
+ {%- elsif page.tool != 'words-that-start-with-the-letters' and page.noAdsRefresh != true-%}
77
81
  <script defer data-url="{{site.url}}" data-range="{{page.blanktilerange}}" src="/assets/js/wordScrabble-test.js
78
82
  "></script>
79
83
  {%- endif -%}
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;
@@ -10,6 +10,10 @@
10
10
  cursor: pointer;
11
11
  display: none
12
12
  }
13
+ /* #alpha_15,#alpha_14,#alpha_15,#alpha_13,#alpha_12,#alpha_11,#alpha_10,#alpha_9,
14
+ #alpha_8,#alpha_7,#alpha_6,#alpha_5,#alpha_4,#alpha_3,#alpha_2{
15
+ display: none;
16
+ } */
13
17
  .allGroupWords {
14
18
  background-color: white !important;
15
19
  width: auto;
@@ -120,6 +120,23 @@
120
120
  margin: 10px auto;
121
121
  width: 75%;
122
122
  }
123
+ .refineSerach{
124
+ text-align: center;
125
+ display: none;
126
+ box-shadow: 0 0 1px rgb(0 0 0 / 10%);
127
+ border: none;
128
+ padding: 10px 15px;
129
+ width: 320px;
130
+ background: #20a815;
131
+ border-radius: 20px;
132
+ font-size: 15px;
133
+ margin-bottom: 2rem;
134
+ margin:5px auto;
135
+ color:#fff;
136
+ }
137
+ .refineSerach:hover{
138
+ color:#fff !important
139
+ }
123
140
  .createWordleLink{
124
141
  text-align: center;
125
142
  display: block;
@@ -127,7 +144,7 @@
127
144
  border: none;
128
145
  padding: 10px 15px;
129
146
  width: 320px;
130
- background: rgb(118, 118, 118);
147
+ background: #90ee90;
131
148
  border-radius: 20px;
132
149
  font-size: 15px;
133
150
  margin-bottom: 2rem;
@@ -139,6 +139,8 @@ quesMark = "?"
139
139
 
140
140
 
141
141
  function logSubmit(event) {
142
+ const scrollingElement = (document.scrollingElement || document.body);
143
+ scrollingElement.scroll({ top: 0, behavior: 'smooth' });
142
144
  if (ablank) {
143
145
  if (!txtBox.value.includes("?")) {
144
146
  txtBox.value = txtBox.value + quesMark
@@ -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,6 +15,7 @@ let openPopup = document.querySelector(".open-popup")
13
15
  const alertContainer = document.querySelector(".alert-container")
14
16
  let errorMsg = document.querySelector("#errorMsg")
15
17
 
18
+
16
19
  customWord.focus()
17
20
 
18
21
 
@@ -45,11 +48,17 @@ const createWordle = (e) => {
45
48
  } else {
46
49
  if (customWord.value.length === 5) {
47
50
  openPopup.click()
48
- copy_btn.innerHTML = "Copy"
51
+ copy_btn.innerHTML = "Copy Link"
49
52
  copy_btn.style.background = "dodgerblue"
50
53
  wordlePlayButton.setAttribute("href", `/word-game-play?q=${btoa(customWord.value.toLocaleLowerCase())}`)
51
54
  wordleGameLink.setAttribute("href", `/word-game-play?q=${btoa(customWord.value.toLocaleLowerCase())}`)
52
55
  wordleGameLink.innerHTML = `${window.location.protocol + "//" + window.location.hostname}/word-game-play?q=${btoa(customWord.value.toLocaleLowerCase())}`
56
+
57
+ facebookSHareLink.setAttribute("href",
58
+ `https://www.facebook.com/share.php?u=${window.location.protocol + "//" + window.location.hostname}/word-game-play?q=${btoa(customWord.value.toLocaleLowerCase())}`)
59
+ twitterSHareLink.setAttribute("href",
60
+ `https://www.twitter.com/compose/tweet?&text=${window.location.protocol + "//" + window.location.hostname}/word-game-play?q=${btoa(customWord.value.toLocaleLowerCase())}`)
61
+ whatsappSHareLink.setAttribute("href", `whatsapp://send?text=${window.location.protocol + "//" + window.location.hostname}/word-game-play?q=${btoa(customWord.value.toLocaleLowerCase())}`)
53
62
  }
54
63
  }
55
64
  }
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")