word-games-theme 1.2.6 → 1.2.9

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 CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: 26dba4549d1dcf72b4e57eee04191d71fdb8c89bb6c2c034fd29ca2b36300108
4
- data.tar.gz: 6bbecf9dc061dfc7c12ac7905ce4216188317dc2dd767f19f49815506d6dcb8d
3
+ metadata.gz: 98f98ff3a0c60ec091d2d9abb0e04844173b2c88758ad5aa640930f0d2e61446
4
+ data.tar.gz: 573ab1d026595a4f0e2df9e0954ea265c30c813dafdc1bf099245691ab53725e
5
5
  SHA512:
6
- metadata.gz: 6301443d8d46c7d0d99ee069639e0554a2b7fadf041ee69ef845c0f9f5a45cbc3304ce5a31752b1a132e0e774af7a0b543400040eb2d5099fb00cdd07fe4ed6c
7
- data.tar.gz: 9067279c0bf55f1b567f4617638e52ae8c89807489087fba945afff4bb089648a3874941deb470568fd3ffc99df1458c591ab24d0ba3409a7398a14099717669
6
+ metadata.gz: fbc64047dfff498dd603f17be663e4c3470b6a587fc141468ed746e5e2dd7419ea3f97d39fae0ace8ed21603507a5e8b26d813f799b57a027ae32dba23769719
7
+ data.tar.gz: 52277d026a2de45716592f50df0b714ca73d0eab68c374689d2fbc6c2a0710fed8a825e05b6c67c5aa5846f3296c495d00aa424592c611d94ab5a3e6957e9c4b
@@ -14,7 +14,14 @@
14
14
  </div>
15
15
  </div>
16
16
 
17
+ {%- if page.noAdsRefresh -%}
18
+ <div class="main-loader"></div>
19
+ <div class="main" data-value="null"></div>
20
+ {%- else -%}
17
21
  <div class="main"></div>
22
+ {%- endif -%}
23
+
24
+
18
25
  <div class="errorMsg"></div>
19
26
  </div>
20
27
  </div>
@@ -28,11 +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
+ <a id="wordle-play-button" class="btn game-play-btn mt-2">Play Game</a>
35
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>
36
52
  <!-- <button type="button" class="btn btn-primary">Play Random Word</button> -->
37
53
  </div>
38
54
  </div>
@@ -1,20 +1,30 @@
1
1
  <div class="game">
2
2
  <div class="game-container">
3
3
  <div class="d-flex justify-content-center align-items-center">
4
- <div style="padding-top:4px; cursor: pointer;" data-toggle="modal" data-target="#how-to-play-wordle">
5
- <i style="font-size:20px" class="bi bi-question-circle"></i>
4
+ <div class="pt-2" style="cursor: pointer;" data-toggle="modal" data-target="#how-to-play-wordle">
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
 
12
+
13
+
14
+ <div class="wordle-time pt-2" style="cursor: pointer;">
15
+ <i class="bi bi-stopwatch" style="font-size: 18px;"></i>
16
+ </div>
17
+
11
18
  <!-- <div data-toggle="modal" data-target="#exampleModal">
12
- <i style="font-size:20px" class="bi bi-question-circle"></i>
19
+ <img src="/assets/images/timer.svg" alt="">
13
20
  </div> -->
14
21
 
15
22
  </div>
16
23
 
17
24
 
25
+ <div class="text-center" style="font-size: 14px;
26
+ color: #444;" id="wordle-running-timer"></div>
27
+
18
28
  <div class="alert-container hide">
19
29
  <span id="errorMsg"></span>
20
30
  </div>
@@ -90,6 +100,9 @@
90
100
  <span class="open-popup" data-toggle="modal" data-target="#exampleModal"></span>
91
101
  </div>
92
102
  </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>
93
106
 
94
107
  <div class="modal fade modalWrapper" id="exampleModal">
95
108
  <div class="modal-dialog" style="max-width:400px">
@@ -106,6 +119,7 @@
106
119
  <div class="result-content">
107
120
  <span id="answer" style="font-size: 20px;">You guessed the word</span>
108
121
  <div id="result-guess-word" class="guess-word"></div>
122
+ <div style="font-size: 15px; margin-top: 15px;" id="game-result-time"></div>
109
123
  </div>
110
124
  <div class="wordle-game-play-links pt-4" style="padding:0 30px">
111
125
  <a class="wordle-game-restart" href="/word-game-generator-online">
@@ -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
@@ -11,7 +11,7 @@
11
11
  color:#404040;
12
12
  box-shadow: 0 0 1px rgba(0,0,0,0.1);
13
13
  border-radius: 4px;
14
- margin: 0 25px;
14
+ margin: 0 15px;
15
15
  border:1px solid rgba(0,0,0,.1)
16
16
  }
17
17
  .create-wordle .custom-word{
@@ -39,6 +39,26 @@
39
39
  font-size: 12px;
40
40
  font-weight: 600;
41
41
  }
42
+
43
+ .game-play-btn{
44
+ display: block;
45
+ margin: 5px auto;
46
+ background-color: #6aaa64;
47
+ border: #6aaa64;
48
+ color: #fff;
49
+ padding: 12px 15px;
50
+ width: 120px;
51
+ border-radius: 40px;
52
+ font-size: 12px;
53
+ font-weight: 600;
54
+ }
55
+
56
+ .game-play-btn:hover{
57
+ color:#fff !important
58
+ }
59
+
60
+
61
+
42
62
  .create-wordle .generate-word-game-link:hover,.copy-btn:hover{
43
63
  color:#fff !important
44
64
  }
@@ -80,6 +100,7 @@
80
100
  justify-content: center;
81
101
  }
82
102
  .game .game-container .game-board .tile{
103
+ caret-color: transparent;
83
104
  display: flex;
84
105
  justify-content: center;
85
106
  align-items: center;
@@ -96,6 +117,9 @@
96
117
  text-transform: uppercase;
97
118
  transition: transform 240ms linear;
98
119
  }
120
+ .game .game-container .game-board .tile:focus-visible{
121
+ outline: none !important;
122
+ }
99
123
  .popAni{
100
124
  animation: popAni 495ms ease-in-out;
101
125
  }
@@ -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;
@@ -0,0 +1,47 @@
1
+ <?xml version="1.0" encoding="iso-8859-1"?>
2
+ <!-- Generator: Adobe Illustrator 17.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
3
+ <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
4
+ <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
5
+ viewBox="0 0 352.214 352.214" style="enable-background:new 0 0 352.214 352.214;" xml:space="preserve">
6
+ <g>
7
+ <path d="M306.78,134.119c3.26-1.166,6.216-3.137,8.555-5.791l0.369-0.418c7.539-8.551,6.717-21.641-1.834-29.181l-45.647-40.251
8
+ c-3.779-3.333-8.634-5.168-13.669-5.168c-5.935,0-11.589,2.552-15.509,6.997l-0.376,0.425c-1.853,2.101-3.229,4.506-4.095,7.084
9
+ c-10.61-4.573-21.856-7.938-33.566-9.927V42h6.393c11.363,0,20.607-9.245,20.607-20.607v-0.785C228.008,9.245,218.764,0,207.4,0
10
+ h-62.785c-11.363,0-20.607,9.245-20.607,20.607v0.785c0,11.363,9.244,20.607,20.607,20.607h7.393v15.756
11
+ C81.705,69.301,27.894,130.48,27.894,204c0,81.726,66.488,148.214,148.213,148.214c81.726,0,148.214-66.488,148.214-148.214
12
+ C324.32,178.746,317.965,154.951,306.78,134.119z M176.106,316.214c-61.874,0-112.213-50.339-112.213-112.214
13
+ S114.232,91.786,176.106,91.786c61.875,0,112.214,50.339,112.214,112.214S237.981,316.214,176.106,316.214z"/>
14
+ <path d="M191.008,177.583V133c0-8.284-6.716-15-15-15c-8.284,0-15,6.716-15,15v44.697c-8.778,5.186-14.683,14.742-14.683,25.656
15
+ c0,16.422,13.359,29.783,29.781,29.783c16.422,0,29.782-13.36,29.782-29.783C205.889,192.358,199.895,182.742,191.008,177.583z"/>
16
+ </g>
17
+ <g>
18
+ </g>
19
+ <g>
20
+ </g>
21
+ <g>
22
+ </g>
23
+ <g>
24
+ </g>
25
+ <g>
26
+ </g>
27
+ <g>
28
+ </g>
29
+ <g>
30
+ </g>
31
+ <g>
32
+ </g>
33
+ <g>
34
+ </g>
35
+ <g>
36
+ </g>
37
+ <g>
38
+ </g>
39
+ <g>
40
+ </g>
41
+ <g>
42
+ </g>
43
+ <g>
44
+ </g>
45
+ <g>
46
+ </g>
47
+ </svg>
@@ -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
@@ -3,12 +3,21 @@ let generateLinkButton = document.querySelector(".generate-word-game-link")
3
3
  let wordleGameLink = document.querySelector(".wordle-game-link")
4
4
  let copy_btn = document.querySelector(".copy-btn")
5
5
 
6
+
7
+ let wordlePlayButton = document.querySelector("#wordle-play-button")
8
+
9
+
6
10
  let form = document.querySelector('#create-wordle-form')
7
11
  let openPopup = document.querySelector(".open-popup")
8
12
 
9
13
  const alertContainer = document.querySelector(".alert-container")
10
14
  let errorMsg = document.querySelector("#errorMsg")
11
15
 
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
+
12
21
  customWord.focus()
13
22
 
14
23
 
@@ -43,8 +52,15 @@ const createWordle = (e) => {
43
52
  openPopup.click()
44
53
  copy_btn.innerHTML = "Copy"
45
54
  copy_btn.style.background = "dodgerblue"
55
+ wordlePlayButton.setAttribute("href", `/word-game-play?q=${btoa(customWord.value.toLocaleLowerCase())}`)
46
56
  wordleGameLink.setAttribute("href", `/word-game-play?q=${btoa(customWord.value.toLocaleLowerCase())}`)
47
57
  wordleGameLink.innerHTML = `${window.location.protocol + "//" + window.location.hostname}/word-game-play?q=${btoa(customWord.value.toLocaleLowerCase())}`
58
+
59
+ facebookSHareLink.setAttribute("href",
60
+ `https://www.facebook.com/share.php?u=${window.location.protocol + "//" + window.location.hostname}/word-game-play?q=${btoa(customWord.value.toLocaleLowerCase())}`)
61
+ twitterSHareLink.setAttribute("href",
62
+ `https://www.twitter.com/compose/tweet?&text=${window.location.protocol + "//" + window.location.hostname}/word-game-play?q=${btoa(customWord.value.toLocaleLowerCase())}`)
63
+ whatsappSHareLink.setAttribute("href", `whatsapp://send?text=${window.location.protocol + "//" + window.location.hostname}/word-game-play?q=${btoa(customWord.value.toLocaleLowerCase())}`)
48
64
  }
49
65
  }
50
66
  }
data/assets/js/game.js CHANGED
@@ -26,6 +26,52 @@ document.querySelector(".relatedPosts").style.display = "none"
26
26
  document.querySelector(".footer-section").style.display = "none"
27
27
  document.querySelector(".rating-tool").style.display = "none"
28
28
 
29
+ let wordleTime = document.querySelector(".wordle-time")
30
+ let gameResultTime = document.querySelector("#game-result-time")
31
+ let wordleRunningTimer = document.querySelector("#wordle-running-timer")
32
+ // wordleRunningTimer.innerHTML = "00:00"
33
+
34
+ let second = 0
35
+ let minutes = 0
36
+ let clear
37
+ let bool = false
38
+ function startTime() {
39
+ second++
40
+ if (second == 59) {
41
+ minutes++
42
+ second = 0
43
+ }
44
+ min = checkTime(minutes)
45
+ sec = checkTime(second)
46
+
47
+ console.log(min + ":" + sec)
48
+
49
+ wordleRunningTimer.innerText = min + ":" + sec
50
+ gameResultTime.innerHTML = "Your game ended :" + " " + min + ":" + sec
51
+
52
+ clear = setTimeout(function () {
53
+ startTime()
54
+ }, 1000)
55
+ }
56
+ function expriyTime() {
57
+ clearInterval(clear)
58
+ }
59
+ function checkTime(i) {
60
+ if (i < 10) {
61
+ i = '0' + i
62
+ }
63
+ return i
64
+ }
65
+
66
+ // wordleTime.addEventListener("click", (() => {
67
+ // if (bool) {
68
+ // bool = false
69
+ // wordleRunningTimer.style.display = "block"
70
+ // } else {
71
+ // bool = true
72
+ // wordleRunningTimer.style.display = "none"
73
+ // }
74
+ // }))
29
75
 
30
76
  let dictionary
31
77
  let attempt = 0
@@ -38,6 +84,10 @@ getData()
38
84
 
39
85
  const handleClick = (e) => {
40
86
  if (e.target.matches("[data-key]")) {
87
+ pressCount++;
88
+ if (pressCount == 1) {
89
+ startTime()
90
+ }
41
91
  pressKey(e.target.dataset.key)
42
92
  return
43
93
  }
@@ -50,7 +100,12 @@ const handleClick = (e) => {
50
100
  return
51
101
  }
52
102
  }
103
+ let pressCount = 0;
53
104
  const handleKeyPress = (e) => {
105
+ pressCount++;
106
+ if (pressCount == 1) {
107
+ startTime()
108
+ }
54
109
  if (e.key === "Enter") {
55
110
  handleSubmit()
56
111
  return
@@ -59,7 +114,6 @@ const handleKeyPress = (e) => {
59
114
  deleteKey()
60
115
  return
61
116
  }
62
-
63
117
  if (e.key.match(/^[a-zA-Z]$/)) {
64
118
  pressKey(e.key)
65
119
  return
@@ -125,7 +179,6 @@ const handleSubmit = () => {
125
179
  const evaluateTiles = (allTiles, matchedLettersCount, guessWord) => {
126
180
  let reEvaluate = []
127
181
  allTiles.map((tile, index) => {
128
-
129
182
  if (targetWord !== guessWord) {
130
183
  setTimeout(() => {
131
184
  tile.classList.add("flip")
@@ -137,8 +190,6 @@ const evaluateTiles = (allTiles, matchedLettersCount, guessWord) => {
137
190
  tile.classList.remove("flip")
138
191
  })
139
192
  }
140
-
141
-
142
193
  let letter = tile.dataset.letter
143
194
  let key = keyboard.querySelector(`[data-key="${letter}"i]`)
144
195
  if (targetWord[index] === letter) {
@@ -161,7 +212,6 @@ const evaluateTiles = (allTiles, matchedLettersCount, guessWord) => {
161
212
  tile.dataset.state = "wrong-word"
162
213
  key.dataset.state = "wrong-word"
163
214
  }
164
-
165
215
  })
166
216
  startAllEventListeners()
167
217
  gameOver(guessWord, allTiles)
@@ -186,6 +236,7 @@ const gameOver = (guessWord, tiles) => {
186
236
  })
187
237
  }
188
238
  if (guessWord === targetWord) {
239
+ expriyTime()
189
240
  // console.log(`Wordle guessed in ${attempt}/6!`)
190
241
  facebookSHareLink.setAttribute("href",
191
242
  `https://www.facebook.com/share.php?u=${window.location.protocol + "//" + window.location.hostname}/word-game-play?q=${(serachValue)}&quote=
@@ -212,6 +263,7 @@ const gameOver = (guessWord, tiles) => {
212
263
  }
213
264
  const remainingTiles = gameBoard.querySelectorAll(":not([data-letter])")
214
265
  if (remainingTiles.length === 0) {
266
+ expriyTime()
215
267
  facebookSHareLink.setAttribute("href",
216
268
  `https://www.facebook.com/share.php?u=${window.location.protocol + "//" + window.location.hostname}/word-game-play?q=${(serachValue)}&quote=
217
269
  I guessed this wordle in ${attempt}/6 tries. Can you do better ?