word-games-theme 1.9.1 → 1.9.3

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: b2fbdfa8a01398bb8ecc6b37036011c10f602a2695131f09cb8f3373c0dd8dc3
4
- data.tar.gz: 98c33469651d336a760c4345c448944c6d4db75137283ad5a9b16203fe91a797
3
+ metadata.gz: fe6a0c90a9f68816a0e01d7489467f882af82e62c3915c3d583ec35aee34d71f
4
+ data.tar.gz: 81714c5b92127517ad55dceeab38233eab41083e53accee4fb40b43c09a5dba9
5
5
  SHA512:
6
- metadata.gz: a267865476ce47d94c93ccee9d67e2db84602e0f112346fa639c3c71c1eb3e02ff1c5aaddc83c4674a7608013cc96d87b32a66e57b9205f9c7e1ecaa83cdb088
7
- data.tar.gz: 0fd0fadb204d38e3c12523d9c7240a1e5d07b9a42dab5bfd97010254ad46b76f0522ce5060149bf25389bc96f94b7eb0dcd3f9609d910ea960647e5ea3138ac3
6
+ metadata.gz: 3a7029dfa977f362d2f621012ce827620c4d216790092dde9a108ce74e562b083ecbe0bef51f02889522ab609016850f7d4042f237b4d5f0428504a3981b8045
7
+ data.tar.gz: d5af90f320b910cf83e2434bb647e8e515eb395ac57f5e205adcd8a7860bf973ff38e5aaff6332631e16fb1c06bd56ae28af14ddee8c20b5a6bf64aafb3dbd17
@@ -16,7 +16,7 @@
16
16
  }
17
17
  </style>
18
18
  <div class="wrapfooter">
19
- <a href="/author/{{authorName | downcase | replace: ' ' , '-'' }}" class="author_image">
19
+ <a href="/authors/{{authorName | downcase | replace: ' ' , '-'' }}" class="author_image">
20
20
  <img class="author-thumb" loading="lazy" src="{{ image }}" height="35px" width="35px" alt="{{ authorName}}"
21
21
  id="author_img" {%- if site.crossorigin -%} crossorigin {%- endif -%} />
22
22
  </a>
@@ -26,7 +26,7 @@
26
26
  <a class="postName" target="_blank" href="{{twitter}}">{{authorName}}</a>
27
27
  {%- else -%}
28
28
  <p class="mb-0 postName">
29
- <a target="_blank" href="/author/{{authorName | downcase | replace: ' ' , '-'' }}">
29
+ <a target="_blank" href="/authors/{{authorName | downcase | replace: ' ' , '-'' }}">
30
30
  {{authorName}}
31
31
  </a>
32
32
  </p>
@@ -54,14 +54,14 @@
54
54
  {%- assign name = authorName | downcase -%}
55
55
  {%- if name contains featureAuthor -%}
56
56
  <div class="featurePageAuthor">
57
- <a href="/author/{{authorName | downcase | replace: ' ' , '-'' }}" class="author_image">
57
+ <a href="/authors/{{authorName | downcase | replace: ' ' , '-'' }}" class="author_image">
58
58
  <img class="author-img" loading="lazy" src="{{ image }}" height="35px" width="35px"
59
59
  alt="{{ authorName}}" id="author_img" {%- if site.crossorigin -%} crossorigin {%- endif
60
60
  -%} />
61
61
  </a>
62
62
  <div class="author-meta">
63
63
  <p class="mb-0 authorName">
64
- <a target="_blank" href="/author/{{authorName | downcase | replace: ' ' , '-'' }}">
64
+ <a target="_blank" href="/authors/{{authorName | downcase | replace: ' ' , '-'' }}">
65
65
  {{authorName}}
66
66
  </a>
67
67
  </p>
@@ -89,7 +89,7 @@
89
89
 
90
90
  {%- if name contains contributorAuthor -%}
91
91
 
92
- <a href="/author/{{authorName | downcase | replace: ' ' , '-'' }}" class="author_image">
92
+ <a href="/authors/{{authorName | downcase | replace: ' ' , '-'' }}" class="author_image">
93
93
  <img loading="lazy" src="{{ image }}" alt="{{ authorName}}"
94
94
  style="border-radius:100%; width: 50px; height: 50px;" />
95
95
  </a>
@@ -8,24 +8,21 @@
8
8
  <form id="create-wordle-form">
9
9
  <img src="/assets/images/wordle.png" alt="wordswithletters" style="width:35px; height:35px;">
10
10
  <h3 class="font-weight-bolder mt-4">Make your own wordle</h3>
11
-
12
11
  <input id="cstmword" autocomplete="off" type="text" class="form-control custom-word"
13
12
  placeholder="Enter Up to 5 Letters?" name="custom-word" required maxlength="5">
14
-
15
- <button id="generate_link" type="submit" class="btn generate-word-game-link">Generate Link</button>
16
- <span class="open-popup" data-toggle="modal" data-target="#exampleModal"></span>
13
+ <button onclick="openModal()" id="generate_link" type="submit"
14
+ class="btn generate-word-game-link">Generate Link</button>
15
+ <!-- <span class="open-popup" data-toggle="modal" data-target="#exampleModal"></span> -->
17
16
  </form>
18
17
  </div>
19
18
  </div>
20
19
  </div>
21
20
  </div>
22
-
23
-
24
- <div class="modal fade modalWrapper" id="exampleModal">
21
+ <div class="modal modalWrapper" id="exampleModal">
25
22
  <div class="modal-dialog">
26
23
  <div class="modal-content">
27
- <div class="modal-header p-0">
28
- <button id="close-btn" aria-label="close-btn" type="button" class="close" data-dismiss="modal">
24
+ <div class="modal-header py-3">
25
+ <button onclick="closeModal()" id="close-btn" aria-label="close-btn" type="button" class="close" data-dismiss="modal">
29
26
  <span class="times-icon">&times;</span>
30
27
  </button>
31
28
  </div>
@@ -55,4 +52,4 @@
55
52
  </div>
56
53
  </div>
57
54
  </div>
58
- </div>
55
+ </div>
@@ -1,7 +1,7 @@
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 class="pt-2" style="cursor: pointer;" data-toggle="modal" data-target="#how-to-play-wordle">
4
+ <div class="pt-2" style="cursor: pointer;" onclick="howtoModal()">
5
5
  <i style="font-size:18px" class="bi bi-question-circle"></i>
6
6
  </div>
7
7
 
@@ -134,12 +134,12 @@
134
134
  </div>
135
135
 
136
136
 
137
- <div class="modal fade modalWrapper" id="exampleModal">
137
+ <div class="modal modalWrapper" id="resutPopup">
138
138
  <div class="modal-dialog" style="max-width:400px">
139
139
  <div class="modal-content">
140
140
  <div class="modal-header p-2" style="background-color: #f8f9fa;">
141
141
  <div class="gameResult"></div>
142
- <button type="button" class="close" style="position: absolute; right: 0; top:-3px;"
142
+ <button onclick="btnModal()" type="button" class="close" style="position: absolute; right: 0; top:-3px;"
143
143
  data-dismiss="modal">
144
144
  <span class="times-icon">&times;</span>
145
145
  </button>
@@ -183,13 +183,12 @@
183
183
  </div>
184
184
  </div>
185
185
 
186
-
187
- <div class="modal fade" id="how-to-play-wordle" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
186
+ <div class="modal" id="how-to-play-wordle">
188
187
  <div class="modal-dialog wordletip" style="top:20px !important">
189
188
  <div class="modal-content">
190
189
  <div class="modal-header px-4 p-2">
191
190
  <h5 class="modal-title" id="exampleModalLabel">How to Play</h5>
192
- <button type="button" class="close" data-dismiss="modal" aria-label="Close">
191
+ <button onclick="closeModal()" type="button" class="close py-3" style="font-size:20px">
193
192
  <span aria-hidden="true">&times;</span>
194
193
  </button>
195
194
  </div>
@@ -100,12 +100,14 @@ p{
100
100
  size }} features</a>
101
101
  </div>
102
102
  </div>
103
+ {%- if site.internationalizationall -%}
103
104
  <div class="col-md-4 my-4">
104
105
  <img class="feature-card-img" src="/assets/images/star.svg" loading="lazy" height="48px" width="48px"
105
106
  alt="{{data.header}}" {%- if site.crossorigin -%} crossorigin {%- endif -%} />
106
107
  <div class="feature-card-title">Languages Supported</div>
107
108
  <div class="feature-card-desc">Our website currently supports 22 languages.</div>
108
109
  </div>
110
+ {%- endif -%}
109
111
  <div class="col-md-4 my-4">
110
112
  <img class="feature-card-img" src="/assets/images/star.svg" loading="lazy" height="48px" width="48px"
111
113
  alt="{{data.header}}" {%- if site.crossorigin -%} crossorigin {%- endif -%} />
@@ -74,11 +74,11 @@
74
74
  <div class=" col-md-4 mb-4">
75
75
  <div class="authors-info">
76
76
  <a class="authors-image"
77
- href="/author/{{authorName | downcase | replace: ' ' , '-' }}">
77
+ href="/authors/{{authorName | downcase | replace: ' ' , '-' }}">
78
78
  <img loading="lazy" src="{{image}}" alt="{{ authorName }}">
79
79
  </a>
80
80
  <a class="authors-name"
81
- href="/author/{{authorName | downcase | replace: ' ' , '-' }}">{{authorName |
81
+ href="/authors/{{authorName | downcase | replace: ' ' , '-' }}">{{authorName |
82
82
  capitalize }}</a>
83
83
  <a href="/blog" class="authors-posts-count">{{ site.posts | where: 'author', post.author
84
84
  | size }} Posts</a>
@@ -96,11 +96,11 @@
96
96
  <div class="d-none col-md-4 mb-4">
97
97
  <div class="authors-info">
98
98
  <a class="authors-image"
99
- href="/author/{{authorName | downcase | replace: ' ' , '-' }}">
99
+ href="/authors/{{authorName | downcase | replace: ' ' , '-' }}">
100
100
  <img loading="lazy" src="{{image}}" alt="{{ authorName }}">
101
101
  </a>
102
102
  <a class="authors-name"
103
- href="/author/{{authorName | downcase | replace: ' ' , '-' }}">{{authorName |
103
+ href="/authors/{{authorName | downcase | replace: ' ' , '-' }}">{{authorName |
104
104
  capitalize }}</a>
105
105
  <a href="/blog" class="authors-posts-count">{{ site.posts | where: 'author', post.author
106
106
  | size }} Posts</a>
data/_layouts/author.html CHANGED
@@ -321,13 +321,13 @@
321
321
  <div class="card-footer bg-white">
322
322
  <div class="wrapfooter">
323
323
  {% if post.author %}
324
- <a href="/author/{{authorName | downcase | replace: ' ' , '-' }}" class="meta-footer-thumb">
324
+ <a href="/authors/{{authorName | downcase | replace: ' ' , '-' }}" class="meta-footer-thumb">
325
325
  <img class="author-thumb" loading="lazy" src="{{image}}" alt="{{ authorName }}">
326
326
  </a>
327
327
  {% endif %}
328
328
  <div class="author-meta">
329
329
  <span class="post-name">
330
- <a target="_blank" href="/author/{{authorName | downcase | replace: ' ' , '-' }}">{{authorName | capitalize }}</a>
330
+ <a target="_blank" href="/authors/{{authorName | downcase | replace: ' ' , '-' }}">{{authorName | capitalize }}</a>
331
331
  </span><br>
332
332
  <span class="post-date">{{post.date | date_to_string }}</span>
333
333
  </div>
@@ -381,13 +381,13 @@
381
381
  <div class="card-footer bg-white">
382
382
  <div class="wrapfooter">
383
383
  {% if post.author %}
384
- <a href="/author/{{authorName | downcase | replace: ' ' , '-' }}" class="meta-footer-thumb">
384
+ <a href="/authors/{{authorName | downcase | replace: ' ' , '-' }}" class="meta-footer-thumb">
385
385
  <img class="author-thumb" loading="lazy" src="{{image}}" alt="{{ authorName }}">
386
386
  </a>
387
387
  {% endif %}
388
388
  <div class="author-meta">
389
389
  <span class="post-name">
390
- <a target="_blank" href="/author/{{authorName | downcase | replace: ' ' , '-' }}">{{authorName | capitalize }}</a>
390
+ <a target="_blank" href="/authors/{{authorName | downcase | replace: ' ' , '-' }}">{{authorName | capitalize }}</a>
391
391
  </span><br>
392
392
  <span class="post-date">{{post.date | date_to_string }}</span>
393
393
  </div>
data/_layouts/blog.html CHANGED
@@ -38,7 +38,7 @@
38
38
  <div class="card-footer bg-white">
39
39
  <div class="wrapfooter">
40
40
  {% if post.author %}
41
- <a target="_blank" href="/author/{{authorName | downcase | replace: ' ' , '-' }}" class="meta-footer-thumb">
41
+ <a target="_blank" href="/authors/{{authorName | downcase | replace: ' ' , '-' }}" class="meta-footer-thumb">
42
42
  <img class="author-thumb" loading="lazy" src="{{ image }}"
43
43
  alt="{{ authorName }}" {%- if site.crossorigin -%}
44
44
  crossorigin="anonymous" {%- endif -%}>
@@ -47,7 +47,7 @@
47
47
 
48
48
  <span class="author-meta">
49
49
  <span class="post-name">
50
- <a target="_blank" href="/author/{{authorName | downcase | replace: ' ' , '-' }}">{{authorName}}</a>
50
+ <a target="_blank" href="/authors/{{authorName | downcase | replace: ' ' , '-' }}">{{authorName}}</a>
51
51
  </span><br>
52
52
  <span class="post-date">{{post.date | date_to_string }}</span>
53
53
  </span>
data/_layouts/post.html CHANGED
@@ -63,7 +63,7 @@
63
63
  {%- assign name = authorName | downcase -%}
64
64
  {%- if name contains contributorAuthor -%}
65
65
  <div class="d-flex align-items-center mb-3" style="gap:10px">
66
- <a href="/author/{{name | downcase | replace: ' ' , '-' }}">
66
+ <a href="/authors/{{name | downcase | replace: ' ' , '-' }}">
67
67
  <img class="contributor-image" src="{{image}}" alt="{{name}}">
68
68
  </a>
69
69
  </div>
data/assets/css/game.css CHANGED
@@ -3,6 +3,20 @@
3
3
  text-transform: capitalize;
4
4
  }
5
5
 
6
+ .modal {
7
+ background: rgba(0, 0, 0, 0.6);
8
+ height: 100%;
9
+ width: 100%;
10
+ display: none;
11
+ pointer-events: none;
12
+ transition: all 0.3s ease-in-out;
13
+ }
14
+
15
+ .active {
16
+ display: block;
17
+ pointer-events: auto;
18
+ }
19
+
6
20
  /* create wordle box css */
7
21
  .create-wordle {
8
22
  box-shadow: 0 5px 15px rgb(0 0 0 / 20%);
@@ -2,23 +2,19 @@ let customWord = document.querySelector(".custom-word")
2
2
  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
-
6
-
7
5
  let wordlePlayButton = document.querySelector("#wordle-play-button")
8
6
  let facebookSHareLink = document.querySelector(".facebook-share-link")
9
7
  let twitterSHareLink = document.querySelector(".twitter-share-link")
10
8
  let whatsappSHareLink = document.querySelector(".whatsapp-share-link")
11
-
12
9
  let form = document.querySelector('#create-wordle-form')
13
10
  let openPopup = document.querySelector(".open-popup")
14
-
15
11
  const alertContainer = document.querySelector(".alert-container")
16
12
  let errorMsg = document.querySelector("#errorMsg")
17
-
18
-
13
+ let modal__wrapper = document.querySelector(".modal")
14
+ function closeModal() {
15
+ modal__wrapper.classList.remove('active')
16
+ }
19
17
  customWord.focus()
20
-
21
-
22
18
  let dictionary
23
19
  async function getData() {
24
20
  const response = await fetch("/dictionary.json")
@@ -26,12 +22,9 @@ async function getData() {
26
22
  dictionary = data
27
23
  }
28
24
  getData()
29
-
30
-
31
-
32
25
  const createWordle = (e) => {
33
26
  e.preventDefault();
34
-
27
+
35
28
  if (customWord.value.length < 5) {
36
29
  errorMsg.innerHTML = "Not enough letters"
37
30
  alertContainer.classList.add("active-alert")
@@ -47,7 +40,8 @@ const createWordle = (e) => {
47
40
  }, 1000)
48
41
  } else {
49
42
  if (customWord.value.length === 5) {
50
- openPopup.click()
43
+ // openPopup.click()
44
+ modal__wrapper.classList.add('active')
51
45
  copy_btn.innerHTML = "Copy Link"
52
46
  copy_btn.style.background = "dodgerblue"
53
47
  wordlePlayButton.setAttribute("href", `/word-game-play?q=${btoa(customWord.value.toLocaleLowerCase())}`)
data/assets/js/game.js CHANGED
@@ -30,9 +30,22 @@ let wordleTime = document.querySelector(".wordle-time")
30
30
  let gameResultTime = document.querySelector("#game-result-time")
31
31
  let wordleRunningTimer = document.querySelector("#wordle-running-timer")
32
32
  // wordleRunningTimer.innerHTML = "00:00"
33
+ let modal__wrapper = document.querySelector("#how-to-play-wordle")
34
+ let resutPopup =document.querySelector("#resutPopup")
33
35
 
36
+ function closeModal() {
37
+ modal__wrapper.classList.remove('active')
38
+ }
39
+ function howtoModal() {
40
+ modal__wrapper.classList.add('active')
41
+ }
34
42
 
35
43
 
44
+ function btnModal() {
45
+ console.log(true);
46
+ resutPopup.classList.remove('active')
47
+ }
48
+
36
49
  let tile = document.querySelector('.tile')
37
50
  let x = window.matchMedia("(min-width: 768px)")
38
51
  if (x.matches) {
@@ -276,6 +289,7 @@ const gameOver = (guessWord, tiles) => {
276
289
  Can you do better ? Try this wordle: ${window.location.protocol + "//" + window.location.hostname}/word-game-play?q=${(serachValue)}`)
277
290
 
278
291
  startConfetti()
292
+ resutPopup.classList.add('active')
279
293
  showAlertMessage("You WON! 🏆")
280
294
  stopAllEventListeners()
281
295
  danceTiles(tiles)
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.9.1
4
+ version: 1.9.3
5
5
  platform: ruby
6
6
  authors:
7
7
  - manpreet-appscms
8
8
  autorequire:
9
9
  bindir: bin
10
10
  cert_chain: []
11
- date: 2023-04-29 00:00:00.000000000 Z
11
+ date: 2023-05-03 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: jekyll