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 +4 -4
- data/_includes/author_bio.html +2 -2
- data/_includes/featurePageAuthors/featurePageAuthors.html +3 -3
- data/_includes/word-game/word-game-generator-online.html +7 -10
- data/_includes/word-game/word-game-play.html +5 -6
- data/_layouts/aboutUs.html +2 -0
- data/_layouts/allAuthors.html +4 -4
- data/_layouts/author.html +4 -4
- data/_layouts/blog.html +2 -2
- data/_layouts/post.html +1 -1
- data/assets/css/game.css +14 -0
- data/assets/js/createWordle.js +7 -13
- data/assets/js/game.js +14 -0
- metadata +2 -2
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA256:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: fe6a0c90a9f68816a0e01d7489467f882af82e62c3915c3d583ec35aee34d71f
|
4
|
+
data.tar.gz: 81714c5b92127517ad55dceeab38233eab41083e53accee4fb40b43c09a5dba9
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: 3a7029dfa977f362d2f621012ce827620c4d216790092dde9a108ce74e562b083ecbe0bef51f02889522ab609016850f7d4042f237b4d5f0428504a3981b8045
|
7
|
+
data.tar.gz: d5af90f320b910cf83e2434bb647e8e515eb395ac57f5e205adcd8a7860bf973ff38e5aaff6332631e16fb1c06bd56ae28af14ddee8c20b5a6bf64aafb3dbd17
|
data/_includes/author_bio.html
CHANGED
@@ -16,7 +16,7 @@
|
|
16
16
|
}
|
17
17
|
</style>
|
18
18
|
<div class="wrapfooter">
|
19
|
-
<a href="/
|
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="/
|
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="/
|
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="/
|
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="/
|
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
|
-
|
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
|
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">×</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;"
|
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
|
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">×</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
|
191
|
+
<button onclick="closeModal()" type="button" class="close py-3" style="font-size:20px">
|
193
192
|
<span aria-hidden="true">×</span>
|
194
193
|
</button>
|
195
194
|
</div>
|
data/_layouts/aboutUs.html
CHANGED
@@ -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 -%} />
|
data/_layouts/allAuthors.html
CHANGED
@@ -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="/
|
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="/
|
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="/
|
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="/
|
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="/
|
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="/
|
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="/
|
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="/
|
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="/
|
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="/
|
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="/
|
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%);
|
data/assets/js/createWordle.js
CHANGED
@@ -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.
|
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-
|
11
|
+
date: 2023-05-03 00:00:00.000000000 Z
|
12
12
|
dependencies:
|
13
13
|
- !ruby/object:Gem::Dependency
|
14
14
|
name: jekyll
|