word-games-theme 2.2.1 → 2.2.2
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/_data/wordgames/en/root.json +1 -1
- data/_data/wordgames/en/word-game-generator-online.json +1 -1
- data/_data/wordleSolver/en/data.json +2 -2
- data/_data/wordleSolver/en/resultData.json +1 -1
- data/_includes/howto.html +2 -2
- data/_includes/infographics/infographics.html +1 -1
- data/_includes/wordgames/featurehighlights/featurehighlights.html +5 -0
- data/_includes/wordgames/howto/howto.html +4 -4
- data/_includes/wordgames/word-game/word-game-generator-online.html +72 -0
- data/_includes/wordgames/word-game/word-game-play.html +237 -0
- data/_includes/wordgames/wordle-solver/wordle-solver.html +229 -0
- data/_layouts/wordgames-tools.html +90 -0
- data/assets/css/wordgames-game.css +518 -0
- data/assets/css/wordle-solver.css +182 -0
- data/assets/js/createWordle.js +1 -1
- metadata +7 -2
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA256:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: df5362c5f41659f74cbda2d6ec0c931322aaf629c7d31eaee5d449a444af4406
|
|
4
|
+
data.tar.gz: d7dec3927d7d13e1c70886b40d12de8b0d3684f87c38142c9f3127bc126a9f58
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: 72bf90eef83ab22a079e6126670e654379775ff72d3d86829fcb76a4dcf9e9d388a70d3d3b5f3afb4a9554c94f6a76f27460c9f2226854d186e310141ca6ed44
|
|
7
|
+
data.tar.gz: cf20389e0baac919dc201fabd5d375fbcce94811c4c46692f50e00218fce3e3f87adf733fc7d8373d1bd5757165ced855a24093b27c5a44eb641bd9a3e4f3950
|
|
@@ -40,7 +40,7 @@
|
|
|
40
40
|
}
|
|
41
41
|
],
|
|
42
42
|
"HOW_TO_CONTENT": {
|
|
43
|
-
"
|
|
43
|
+
"YoutubeVideoUrl": "https://www.youtube.com/watch?v=k05JlDQJSHQ&t=1s",
|
|
44
44
|
"heading": "How to set alarm for $variable minutes:",
|
|
45
45
|
"steps": [
|
|
46
46
|
"Click on set alarm ",
|
|
@@ -60,7 +60,7 @@
|
|
|
60
60
|
"https://cdnjs.cloudflare.com/ajax/libs/cropperjs/1.5.12/cropper.min.js"
|
|
61
61
|
],
|
|
62
62
|
"cssfilepaths": [
|
|
63
|
-
"/assets/css/
|
|
63
|
+
"/assets/css/wordle-solver.css",
|
|
64
64
|
"https://cdnjs.cloudflare.com/ajax/libs/cropperjs/1.5.12/cropper.min.css"
|
|
65
65
|
]
|
|
66
66
|
}
|
data/_includes/howto.html
CHANGED
|
@@ -26,11 +26,11 @@
|
|
|
26
26
|
{% endfor %}
|
|
27
27
|
{% endif %}
|
|
28
28
|
{%- if site.ezoicAds -%}
|
|
29
|
-
<iframe class="youtubeVideoPlayer mb-5" width="400" height="315"
|
|
29
|
+
<iframe loading="lazy" class="youtubeVideoPlayer mb-5" width="400" height="315"
|
|
30
30
|
src="https://www.youtube.com/embed/{{video_id}}?autoplay=1&mute=1" allowfullscreen>
|
|
31
31
|
</iframe>
|
|
32
32
|
{%- else -%}
|
|
33
|
-
<iframe class="youtubeVideoPlayer mb-5" width="500" height="315"
|
|
33
|
+
<iframe loading="lazy" class="youtubeVideoPlayer mb-5" width="500" height="315"
|
|
34
34
|
src="https://www.youtube.com/embed/{{video_id}}?autoplay=1&mute=1" allowfullscreen>
|
|
35
35
|
</iframe>
|
|
36
36
|
{%- endif -%}
|
|
@@ -8,7 +8,7 @@
|
|
|
8
8
|
<div class="carousel-inner">
|
|
9
9
|
{%- for item in dataToShow.infographics -%}
|
|
10
10
|
<div class="slide">
|
|
11
|
-
<img src="{{ item.image }}" alt="img" draggable="false">
|
|
11
|
+
<img src="{{ item.image }}" alt="img" draggable="false" loading="lazy">
|
|
12
12
|
<p class="infographic-desc">{{ item.description | capitalize }}</p>
|
|
13
13
|
</div>
|
|
14
14
|
{% endfor %}
|
|
@@ -1,6 +1,10 @@
|
|
|
1
1
|
{% assign file = page.fileName %}
|
|
2
2
|
{% assign lang = page.lang %}
|
|
3
3
|
{% assign dataToShow = site.data.[page.folderName][lang][file] %}
|
|
4
|
+
|
|
5
|
+
{%- if dataToShow.featureList.first.feature_heading !='' -%}
|
|
6
|
+
{{dataToShow.featureList.size}}
|
|
7
|
+
|
|
4
8
|
<div class="container mt-4">
|
|
5
9
|
<div class="row">
|
|
6
10
|
<div class="ads_layout feature w-100">
|
|
@@ -74,3 +78,4 @@
|
|
|
74
78
|
{%- endif -%}
|
|
75
79
|
</div>
|
|
76
80
|
</div>
|
|
81
|
+
{%- endif -%}
|
|
@@ -30,12 +30,12 @@
|
|
|
30
30
|
{% endfor %}
|
|
31
31
|
{% endif %}
|
|
32
32
|
{%- if site.ezoicAds -%}
|
|
33
|
-
<iframe class="youtubeVideoPlayer mb-5" width="400" height="315"
|
|
34
|
-
src="https://www.youtube.com/embed/{{video_id}}?autoplay=
|
|
33
|
+
<iframe loading="lazy" class="youtubeVideoPlayer mb-5" width="400" height="315"
|
|
34
|
+
src="https://www.youtube.com/embed/{{video_id}}?autoplay=0&mute=1" allowfullscreen loading="lazy">
|
|
35
35
|
</iframe>
|
|
36
36
|
{%- else -%}
|
|
37
|
-
<iframe class="youtubeVideoPlayer mb-5" width="500" height="315"
|
|
38
|
-
src="https://www.youtube.com/embed/{{video_id}}?autoplay=
|
|
37
|
+
<iframe loading="lazy" class="youtubeVideoPlayer mb-5" width="500" height="315"
|
|
38
|
+
src="https://www.youtube.com/embed/{{video_id}}?autoplay=0&mute=1" allowfullscreen loading="lazy">
|
|
39
39
|
</iframe>
|
|
40
40
|
{%- endif -%}
|
|
41
41
|
|
|
@@ -0,0 +1,72 @@
|
|
|
1
|
+
<div class="row m-0">
|
|
2
|
+
<div class="col-md-6 mx-auto">
|
|
3
|
+
<div class="create-wordle text-center">
|
|
4
|
+
<div class="wordle-game-generator">
|
|
5
|
+
<div class="alert-container hide">
|
|
6
|
+
<span id="errorMsg"></span>
|
|
7
|
+
</div>
|
|
8
|
+
<form id="create-wordle-form">
|
|
9
|
+
<!-- <img src="/assets/images/wordle.png" alt="wordswithletters" style="width:35px; height:35px;"> -->
|
|
10
|
+
<h3 class="font-weight-bolder mt-4">Make your own wordle</h3>
|
|
11
|
+
<input id="cstmword" autocomplete="off" type="text" class="form-control custom-word"
|
|
12
|
+
placeholder="Enter Up to 5 Letters?" name="custom-word" required maxlength="5">
|
|
13
|
+
<input id="generate_link" value="Generate Link" type="submit" class="btn generate-word-game-link">
|
|
14
|
+
<!-- <span class="open-popup" data-toggle="modal" data-target="#exampleModal"></span> -->
|
|
15
|
+
</form>
|
|
16
|
+
</div>
|
|
17
|
+
</div>
|
|
18
|
+
</div>
|
|
19
|
+
</div>
|
|
20
|
+
<div class="modal modalWrapper" id="exampleModal">
|
|
21
|
+
<div class="modal-dialog">
|
|
22
|
+
<div class="modal-content">
|
|
23
|
+
<div class="modal-header py-3">
|
|
24
|
+
<button onclick="closeModal()" id="close-btn" aria-label="close-btn" type="button" class="close" data-dismiss="modal">
|
|
25
|
+
<span class="times-icon">×</span>
|
|
26
|
+
</button>
|
|
27
|
+
</div>
|
|
28
|
+
<div class="modal-body text-center" style="padding:5rem 0">
|
|
29
|
+
<div class="wordle-game-play-links">
|
|
30
|
+
<a style="font-size: 13px;" class="wordle-game-link"></a>
|
|
31
|
+
<br><br>
|
|
32
|
+
|
|
33
|
+
<div class="d-flex justify-content-center" style="gap:10px">
|
|
34
|
+
<a id="wordle-play-button" class="btn game-play-btn mt-2">Play Game</a>
|
|
35
|
+
<button id="copy-btn" aria-label="copy-btn" type="button" class="btn copy-btn mt-2">Copy
|
|
36
|
+
Link</button>
|
|
37
|
+
</div>
|
|
38
|
+
|
|
39
|
+
|
|
40
|
+
|
|
41
|
+
<h3 class="share-game font-weight-bolder mt-5">Share this wordle with your friends</h3>
|
|
42
|
+
|
|
43
|
+
|
|
44
|
+
<div class="social-sharing-icons d-flex">
|
|
45
|
+
<a class="facebook-share-link" target="_blank">
|
|
46
|
+
<svg width="32" height="32" viewBox="0 0 32 32" fill="#000" xmlns="http://www.w3.org/2000/svg">
|
|
47
|
+
<g clip-path="url(#clip0_729_217)">
|
|
48
|
+
<path d="M16 0C7.1625 0 0 7.1625 0 16C0 24.8375 7.1625 32 16 32C24.8375 32 32 24.8375 32 16C32 7.1625 24.8375 0 16 0ZM19.5312 13.2875L19.35 15.6812H16.8937V23.9938H13.7937V15.6812H12.1375V13.2875H13.7937V11.6812C13.7937 10.975 13.8125 9.88125 14.325 9.2C14.8687 8.48125 15.6125 7.99375 16.8937 7.99375C18.9812 7.99375 19.8563 8.29375 19.8563 8.29375L19.4438 10.7437C19.4438 10.7437 18.7562 10.5438 18.1125 10.5438C17.4688 10.5438 16.8937 10.775 16.8937 11.4188V13.2875H19.5312Z" fill="black" stroke="black" stroke-width="0.390625"/>
|
|
49
|
+
</g>
|
|
50
|
+
<defs>
|
|
51
|
+
<clipPath id="clip0_729_217">
|
|
52
|
+
<rect width="32" height="32" fill="#000"/>
|
|
53
|
+
</clipPath>
|
|
54
|
+
</defs>
|
|
55
|
+
</svg>
|
|
56
|
+
|
|
57
|
+
</a>
|
|
58
|
+
<a class="twitter-share-link" target="_blank">
|
|
59
|
+
<svg viewBox="0 -2 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="#000000"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <title>twitter [#154]</title> <desc>Created with Sketch.</desc> <defs> </defs> <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="Dribbble-Light-Preview" transform="translate(-60.000000, -7521.000000)" fill="#fff"> <g id="icons" transform="translate(56.000000, 160.000000)"> <path d="M10.29,7377 C17.837,7377 21.965,7370.84365 21.965,7365.50546 C21.965,7365.33021 21.965,7365.15595 21.953,7364.98267 C22.756,7364.41163 23.449,7363.70276 24,7362.8915 C23.252,7363.21837 22.457,7363.433 21.644,7363.52751 C22.5,7363.02244 23.141,7362.2289 23.448,7361.2926 C22.642,7361.76321 21.761,7362.095 20.842,7362.27321 C19.288,7360.64674 16.689,7360.56798 15.036,7362.09796 C13.971,7363.08447 13.518,7364.55538 13.849,7365.95835 C10.55,7365.79492 7.476,7364.261 5.392,7361.73762 C4.303,7363.58363 4.86,7365.94457 6.663,7367.12996 C6.01,7367.11125 5.371,7366.93797 4.8,7366.62489 L4.8,7366.67608 C4.801,7368.5989 6.178,7370.2549 8.092,7370.63591 C7.488,7370.79836 6.854,7370.82199 6.24,7370.70483 C6.777,7372.35099 8.318,7373.47829 10.073,7373.51078 C8.62,7374.63513 6.825,7375.24554 4.977,7375.24358 C4.651,7375.24259 4.325,7375.22388 4,7375.18549 C5.877,7376.37088 8.06,7377 10.29,7376.99705" id="twitter-[#154]"> </path> </g> </g> </g> </g></svg>
|
|
60
|
+
</a>
|
|
61
|
+
|
|
62
|
+
<a class="whatsapp-share-link" data-action="share/whatsapp/share" target="_blank"><img
|
|
63
|
+
class="share-icon" src="/assets/images/whatsapp.svg" alt="whatsapp-share"> </a>
|
|
64
|
+
|
|
65
|
+
|
|
66
|
+
</div>
|
|
67
|
+
<!-- <button type="button" class="btn btn-primary">Play Random Word</button> -->
|
|
68
|
+
</div>
|
|
69
|
+
</div>
|
|
70
|
+
</div>
|
|
71
|
+
</div>
|
|
72
|
+
</div>
|
|
@@ -0,0 +1,237 @@
|
|
|
1
|
+
<div class="game">
|
|
2
|
+
<div class="game-container">
|
|
3
|
+
<div class="d-flex justify-content-center align-items-center">
|
|
4
|
+
<div class="pt-2" style="cursor: pointer;" onclick="howtoModal()">
|
|
5
|
+
<i style="font-size:18px" class="bi bi-question-circle"></i>
|
|
6
|
+
</div>
|
|
7
|
+
|
|
8
|
+
<h1 class="text-center font-weight-bolder mb-0 my-4">
|
|
9
|
+
<a class="word-generator-link" href="/word-game-generator-online">Guess the word in six tries </a>
|
|
10
|
+
</h1>
|
|
11
|
+
|
|
12
|
+
<div class="wordle-time pt-2" style="cursor: pointer;">
|
|
13
|
+
<i class="bi bi-stopwatch" style="font-size: 18px;"></i>
|
|
14
|
+
</div>
|
|
15
|
+
|
|
16
|
+
<!-- <div data-toggle="modal" data-target="#exampleModal">
|
|
17
|
+
<img src="/assets/images/timer.svg" alt="">
|
|
18
|
+
</div> -->
|
|
19
|
+
|
|
20
|
+
</div>
|
|
21
|
+
|
|
22
|
+
|
|
23
|
+
<div class="text-center" style="font-size: 14px;
|
|
24
|
+
color: #444;" id="wordle-running-timer"></div>
|
|
25
|
+
|
|
26
|
+
<div class="alert-container hide">
|
|
27
|
+
<span id="errorMsg"></span>
|
|
28
|
+
</div>
|
|
29
|
+
<div class="game-board">
|
|
30
|
+
<input class="tile" maxlength="1"
|
|
31
|
+
oninput="javascript: if (this.value.length > this.maxLength) this.value = this.value.slice(0, this.maxLength);">
|
|
32
|
+
<input class="tile" maxlength="1"
|
|
33
|
+
oninput="javascript: if (this.value.length > this.maxLength) this.value = this.value.slice(0, this.maxLength);">
|
|
34
|
+
<input class="tile" maxlength="1"
|
|
35
|
+
oninput="javascript: if (this.value.length > this.maxLength) this.value = this.value.slice(0, this.maxLength);">
|
|
36
|
+
<input class="tile" maxlength="1"
|
|
37
|
+
oninput="javascript: if (this.value.length > this.maxLength) this.value = this.value.slice(0, this.maxLength);">
|
|
38
|
+
<input class="tile" maxlength="1"
|
|
39
|
+
oninput="javascript: if (this.value.length > this.maxLength) this.value = this.value.slice(0, this.maxLength);">
|
|
40
|
+
<input class="tile" maxlength="1"
|
|
41
|
+
oninput="javascript: if (this.value.length > this.maxLength) this.value = this.value.slice(0, this.maxLength);">
|
|
42
|
+
<input class="tile" maxlength="1"
|
|
43
|
+
oninput="javascript: if (this.value.length > this.maxLength) this.value = this.value.slice(0, this.maxLength);">
|
|
44
|
+
<input class="tile" maxlength="1"
|
|
45
|
+
oninput="javascript: if (this.value.length > this.maxLength) this.value = this.value.slice(0, this.maxLength);">
|
|
46
|
+
<input class="tile" maxlength="1"
|
|
47
|
+
oninput="javascript: if (this.value.length > this.maxLength) this.value = this.value.slice(0, this.maxLength);">
|
|
48
|
+
<input class="tile" maxlength="1"
|
|
49
|
+
oninput="javascript: if (this.value.length > this.maxLength) this.value = this.value.slice(0, this.maxLength);">
|
|
50
|
+
<input class="tile" maxlength="1"
|
|
51
|
+
oninput="javascript: if (this.value.length > this.maxLength) this.value = this.value.slice(0, this.maxLength);">
|
|
52
|
+
<input class="tile" maxlength="1"
|
|
53
|
+
oninput="javascript: if (this.value.length > this.maxLength) this.value = this.value.slice(0, this.maxLength);">
|
|
54
|
+
<input class="tile" maxlength="1"
|
|
55
|
+
oninput="javascript: if (this.value.length > this.maxLength) this.value = this.value.slice(0, this.maxLength);">
|
|
56
|
+
<input class="tile" maxlength="1"
|
|
57
|
+
oninput="javascript: if (this.value.length > this.maxLength) this.value = this.value.slice(0, this.maxLength);">
|
|
58
|
+
<input class="tile" maxlength="1"
|
|
59
|
+
oninput="javascript: if (this.value.length > this.maxLength) this.value = this.value.slice(0, this.maxLength);">
|
|
60
|
+
<input class="tile" maxlength="1"
|
|
61
|
+
oninput="javascript: if (this.value.length > this.maxLength) this.value = this.value.slice(0, this.maxLength);">
|
|
62
|
+
<input class="tile" maxlength="1"
|
|
63
|
+
oninput="javascript: if (this.value.length > this.maxLength) this.value = this.value.slice(0, this.maxLength);">
|
|
64
|
+
<input class="tile" maxlength="1"
|
|
65
|
+
oninput="javascript: if (this.value.length > this.maxLength) this.value = this.value.slice(0, this.maxLength);">
|
|
66
|
+
<input class="tile" maxlength="1"
|
|
67
|
+
oninput="javascript: if (this.value.length > this.maxLength) this.value = this.value.slice(0, this.maxLength);">
|
|
68
|
+
<input class="tile" maxlength="1"
|
|
69
|
+
oninput="javascript: if (this.value.length > this.maxLength) this.value = this.value.slice(0, this.maxLength);">
|
|
70
|
+
<input class="tile" maxlength="1"
|
|
71
|
+
oninput="javascript: if (this.value.length > this.maxLength) this.value = this.value.slice(0, this.maxLength);">
|
|
72
|
+
<input class="tile" maxlength="1"
|
|
73
|
+
oninput="javascript: if (this.value.length > this.maxLength) this.value = this.value.slice(0, this.maxLength);">
|
|
74
|
+
<input class="tile" maxlength="1"
|
|
75
|
+
oninput="javascript: if (this.value.length > this.maxLength) this.value = this.value.slice(0, this.maxLength);">
|
|
76
|
+
<input class="tile" maxlength="1"
|
|
77
|
+
oninput="javascript: if (this.value.length > this.maxLength) this.value = this.value.slice(0, this.maxLength);">
|
|
78
|
+
<input class="tile" maxlength="1"
|
|
79
|
+
oninput="javascript: if (this.value.length > this.maxLength) this.value = this.value.slice(0, this.maxLength);">
|
|
80
|
+
<input class="tile" maxlength="1"
|
|
81
|
+
oninput="javascript: if (this.value.length > this.maxLength) this.value = this.value.slice(0, this.maxLength);">
|
|
82
|
+
<input class="tile" maxlength="1"
|
|
83
|
+
oninput="javascript: if (this.value.length > this.maxLength) this.value = this.value.slice(0, this.maxLength);">
|
|
84
|
+
<input class="tile" maxlength="1"
|
|
85
|
+
oninput="javascript: if (this.value.length > this.maxLength) this.value = this.value.slice(0, this.maxLength);">
|
|
86
|
+
<input class="tile" maxlength="1"
|
|
87
|
+
oninput="javascript: if (this.value.length > this.maxLength) this.value = this.value.slice(0, this.maxLength);">
|
|
88
|
+
<input class="tile" maxlength="1"
|
|
89
|
+
oninput="javascript: if (this.value.length > this.maxLength) this.value = this.value.slice(0, this.maxLength);">
|
|
90
|
+
</div>
|
|
91
|
+
|
|
92
|
+
<div data-keyboard class="game-keyboard mt-3">
|
|
93
|
+
<div class="game-keyboard-row">
|
|
94
|
+
<button role="button" class="key-btn" data-key="Q">Q</button>
|
|
95
|
+
<button role="button" class="key-btn" data-key="W">W</button>
|
|
96
|
+
<button role="button" class="key-btn" data-key="E">E</button>
|
|
97
|
+
<button role="button" class="key-btn" data-key="R">R</button>
|
|
98
|
+
<button role="button" class="key-btn" data-key="T">T</button>
|
|
99
|
+
<button role="button" class="key-btn " data-key="Y">Y</button>
|
|
100
|
+
<button role="button" class="key-btn" data-key="U">U</button>
|
|
101
|
+
<button role="button" class="key-btn" data-key="I">I</button>
|
|
102
|
+
<button role="button" class="key-btn" data-key="O">O</button>
|
|
103
|
+
<button role="button" class="key-btn" data-key="P">P</button>
|
|
104
|
+
</div>
|
|
105
|
+
<div class="game-keyboard-row">
|
|
106
|
+
<button role="button" class="key-btn" data-key="A">A</button>
|
|
107
|
+
<button role="button" class="key-btn" data-key="S">S</button>
|
|
108
|
+
<button role="button" class="key-btn" data-key="D">D</button>
|
|
109
|
+
<button role="button" class="key-btn" data-key="F">F</button>
|
|
110
|
+
<button role="button" class="key-btn" data-key="G">G</button>
|
|
111
|
+
<button role="button" class="key-btn" data-key="H">H</button>
|
|
112
|
+
<button role="button" class="key-btn" data-key="J">J</button>
|
|
113
|
+
<button role="button" class="key-btn" data-key="K">K</button>
|
|
114
|
+
<button role="button" class="key-btn" data-key="L">L</button>
|
|
115
|
+
</div>
|
|
116
|
+
<div class="game-keyboard-row">
|
|
117
|
+
<button role="button" class="key-btn backspace" data-delete>⌫</button>
|
|
118
|
+
<button role="button" class="key-btn" data-key="Z">Z</button>
|
|
119
|
+
<button role="button" class="key-btn" data-key="X">X</button>
|
|
120
|
+
<button role="button" class="key-btn" data-key="C">C</button>
|
|
121
|
+
<button role="button" class="key-btn" data-key="V">V</button>
|
|
122
|
+
<button role="button" class="key-btn" data-key="B">B</button>
|
|
123
|
+
<button role="button" class="key-btn letter-absent" data-key="N">N</button>
|
|
124
|
+
<button role="button" class="key-btn" data-key="M">M</button>
|
|
125
|
+
<button role="button" class="key-btn enter" data-enter>Enter</button>
|
|
126
|
+
</div>
|
|
127
|
+
|
|
128
|
+
</div>
|
|
129
|
+
<h2 class="text-center font-weight-bolder mb-0 my-4">
|
|
130
|
+
<a class="word-generator-link" href="/word-game-generator-online">Make your own wordle</a>
|
|
131
|
+
</h2>
|
|
132
|
+
<span class="open-popup" data-toggle="modal" data-target="#exampleModal"></span>
|
|
133
|
+
</div>
|
|
134
|
+
</div>
|
|
135
|
+
|
|
136
|
+
|
|
137
|
+
<div class="modal modalWrapper" id="resutPopup">
|
|
138
|
+
<div class="modal-dialog" style="max-width:400px">
|
|
139
|
+
<div class="modal-content">
|
|
140
|
+
<div class="modal-header p-2" style="background-color: #f8f9fa;">
|
|
141
|
+
<div class="gameResult"></div>
|
|
142
|
+
<button onclick="btnModal()" type="button" class="close" style="position: absolute; right: 0; top:-3px;"
|
|
143
|
+
data-dismiss="modal">
|
|
144
|
+
<span class="times-icon">×</span>
|
|
145
|
+
</button>
|
|
146
|
+
</div>
|
|
147
|
+
<div class="modal-body text-center" style="padding:2rem 0px 4rem 0">
|
|
148
|
+
<!-- <div class="iconWinLose tick"></div> -->
|
|
149
|
+
<div class="result-content">
|
|
150
|
+
<span id="answer" style="font-size: 20px;">You guessed the word</span>
|
|
151
|
+
<div id="result-guess-word" class="guess-word"></div>
|
|
152
|
+
<div style="font-size: 15px; margin-top: 15px;" id="game-result-time"></div>
|
|
153
|
+
</div>
|
|
154
|
+
<div class="wordle-game-play-links pt-4" style="padding:0 30px">
|
|
155
|
+
<a class="wordle-game-restart" href="/word-game-generator-online">
|
|
156
|
+
RESTART
|
|
157
|
+
</a>
|
|
158
|
+
<a class="wordle-game-share-link wordle-game-button font-weight-bolder">
|
|
159
|
+
<img src="/assets/images/copy.svg" alt="copy-link" style="width:20px; margin:0px 5px;">
|
|
160
|
+
Share this Wordle Link</a>
|
|
161
|
+
<a class="wordle-game-copy-link wordle-game-button">
|
|
162
|
+
<img src="/assets/images/copy.svg" alt="copy-link" style="width:20px; margin:0px 5px;">
|
|
163
|
+
Challenge a friend to this word</a>
|
|
164
|
+
|
|
165
|
+
</div>
|
|
166
|
+
|
|
167
|
+
<div class="pt-4" style="font-size: 14px;">Share this wordle with your friends</div>
|
|
168
|
+
<div class="social-sharing-icons d-flex">
|
|
169
|
+
<a class="facebook-share-link" target="_blank">
|
|
170
|
+
<img class="share-icon" src="/assets/images/facebooks.svg" alt="facebook-share">
|
|
171
|
+
</a>
|
|
172
|
+
<a class="twitter-share-link" target="_blank">
|
|
173
|
+
<img class="share-icon" src="/assets/images/twitters.svg" alt="twitter-share">
|
|
174
|
+
</a>
|
|
175
|
+
|
|
176
|
+
<a class="whatsapp-share-link" data-action="share/whatsapp/share" target="_blank"><img
|
|
177
|
+
class="share-icon" src="/assets/images/whatsapp.svg" alt="whatsapp-share"> </a>
|
|
178
|
+
|
|
179
|
+
|
|
180
|
+
</div>
|
|
181
|
+
</div>
|
|
182
|
+
</div>
|
|
183
|
+
</div>
|
|
184
|
+
</div>
|
|
185
|
+
|
|
186
|
+
<div class="modal" id="how-to-play-wordle">
|
|
187
|
+
<div class="modal-dialog wordletip" style="top:20px !important">
|
|
188
|
+
<div class="modal-content">
|
|
189
|
+
<div class="modal-header px-4 p-2">
|
|
190
|
+
<h5 class="modal-title" id="exampleModalLabel">How to Play</h5>
|
|
191
|
+
<button onclick="closeModal()" type="button" class="close py-3" style="font-size:20px">
|
|
192
|
+
<span aria-hidden="true">×</span>
|
|
193
|
+
</button>
|
|
194
|
+
</div>
|
|
195
|
+
<div class="modal-body p-2 px-4 py-4" style="font-size: 12px;">
|
|
196
|
+
<p>Guess the <strong>WORDLE</strong> in six tries.</p>
|
|
197
|
+
<p>Each guess must be a valid five-letter word. Hit the enter button to submit.</p>
|
|
198
|
+
<p>After each guess, the color of the tiles will change to show how close your guess was to the
|
|
199
|
+
word.</p>
|
|
200
|
+
<div id="wordle-examples">
|
|
201
|
+
<p><strong>Examples</strong></p>
|
|
202
|
+
<p><span class="wordle-game-spot wordle-game-correct" title="W"></span><span
|
|
203
|
+
class="wordle-game-spot" title="E"></span><span class="wordle-game-spot"
|
|
204
|
+
title="A"></span><span class="wordle-game-spot" title="R"></span><span
|
|
205
|
+
class="wordle-game-spot" title="Y"></span></p>
|
|
206
|
+
<p>The letter <strong>W</strong> is in the word and in the correct spot.</p>
|
|
207
|
+
<p><span class="wordle-game-spot" title="P"></span><span
|
|
208
|
+
class="wordle-game-spot wordle-game-present" title="I"></span><span class="wordle-game-spot"
|
|
209
|
+
title="L"></span><span class="wordle-game-spot" title="L"></span><span
|
|
210
|
+
class="wordle-game-spot" title="S"></span></p>
|
|
211
|
+
<p>The letter <strong>I</strong> is in the word but in the wrong spot.</p>
|
|
212
|
+
<p><span class="wordle-game-spot" title="V"></span><span class="wordle-game-spot"
|
|
213
|
+
title="A"></span><span class="wordle-game-spot" title="G"></span><span
|
|
214
|
+
class="wordle-game-spot wordle-game-absent" title="U"></span><span class="wordle-game-spot"
|
|
215
|
+
title="E"></span></p>
|
|
216
|
+
<p>The letter <strong>U</strong> is not in the word in any spot.</p>
|
|
217
|
+
</div>
|
|
218
|
+
<p>A new WORDLE can make easily yourself any time! </p>
|
|
219
|
+
|
|
220
|
+
<div class="wordl_ani">
|
|
221
|
+
<a style="background: #007bff;
|
|
222
|
+
color: #fff;
|
|
223
|
+
text-decoration: underline;
|
|
224
|
+
padding: 14px 15px;
|
|
225
|
+
border-radius: 5px;
|
|
226
|
+
display: block;
|
|
227
|
+
width: 170px;" href="/word-game-generator-online"> Make your own wordle </a>
|
|
228
|
+
|
|
229
|
+
</div>
|
|
230
|
+
|
|
231
|
+
</div>
|
|
232
|
+
</div>
|
|
233
|
+
</div>
|
|
234
|
+
</div>
|
|
235
|
+
|
|
236
|
+
<script src="https://code.jquery.com/jquery-3.6.0.min.js"
|
|
237
|
+
integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
|