word-games-theme 1.2.6 → 1.2.9

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: 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 ?