word-games-theme 2.2.1 → 2.2.3
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/head/head.html +1 -1
- data/_includes/wordgames/howto/howto.html +4 -4
- data/_includes/wordgames/word-game/word-game-generator-online.html +96 -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-autogencontent.html +26 -0
- data/_layouts/wordgames-home.html +0 -1
- data/_layouts/wordgames-tools.html +90 -0
- data/assets/css/wordgames-game.css +523 -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: 75c6c4d81802ef8a787636132b3275be6f9da5e2f0f8fe3c0db4841ed6c7f6dd
|
|
4
|
+
data.tar.gz: 651add9495216b5b6cc6271347735e81b01fe2fdbd18652a7cc2ede4fa7d4f78
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: 3e6b85ee3a03a482478a8ba62eee3d9cfa913b2dbf9b99781c695fce2abd25aff7b7dc3679b30f8ffe42b30f8128277abb4e0e4802e1532e99d55178acc40da4
|
|
7
|
+
data.tar.gz: 8f0dd06ff58716f85fdb09a6d99dc991e557e3c51d63e064c951b28dfd498e32f0be6d36a91a298dd546db4ee19d835b29af0f973f5e0fb0a5baeeaec314a586
|
|
@@ -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 -%}
|
|
@@ -46,7 +46,7 @@
|
|
|
46
46
|
<link rel="stylesheet" href="/assets/css/wordgames-result.css" />
|
|
47
47
|
{%- endif -%}
|
|
48
48
|
|
|
49
|
-
{%- if page.layout == "autogencontent"-%}
|
|
49
|
+
{%- if page.layout == "wordgames-autogencontent"-%}
|
|
50
50
|
<link rel="stylesheet" href="/assets/css/content.css">
|
|
51
51
|
{%- endif -%}
|
|
52
52
|
|
|
@@ -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,96 @@
|
|
|
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"
|
|
25
|
+
data-dismiss="modal">
|
|
26
|
+
<span class="times-icon">×</span>
|
|
27
|
+
</button>
|
|
28
|
+
</div>
|
|
29
|
+
<div class="modal-body text-center" style="padding:5rem 0">
|
|
30
|
+
<div class="wordle-game-play-links">
|
|
31
|
+
<a style="font-size: 13px;" class="wordle-game-link"></a>
|
|
32
|
+
<br><br>
|
|
33
|
+
|
|
34
|
+
<div class="d-flex justify-content-center" style="gap:10px">
|
|
35
|
+
<a id="wordle-play-button" class="btn game-play-btn mt-2">Play Game</a>
|
|
36
|
+
<button id="copy-btn" aria-label="copy-btn" type="button" class="btn copy-btn mt-2">Copy
|
|
37
|
+
Link</button>
|
|
38
|
+
</div>
|
|
39
|
+
|
|
40
|
+
|
|
41
|
+
|
|
42
|
+
<h3 class="share-game font-weight-bolder mt-5">Share this wordle with your friends</h3>
|
|
43
|
+
|
|
44
|
+
|
|
45
|
+
<div class="social-sharing-icons d-flex">
|
|
46
|
+
<a class="facebook-share-link" target="_blank">
|
|
47
|
+
<svg width="32" height="32" viewBox="0 0 32 32" fill="#000"
|
|
48
|
+
xmlns="http://www.w3.org/2000/svg">
|
|
49
|
+
<g clip-path="url(#clip0_729_217)">
|
|
50
|
+
<path
|
|
51
|
+
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"
|
|
52
|
+
fill="black" stroke="black" stroke-width="0.390625" />
|
|
53
|
+
</g>
|
|
54
|
+
<defs>
|
|
55
|
+
<clipPath id="clip0_729_217">
|
|
56
|
+
<rect width="32" height="32" fill="#000" />
|
|
57
|
+
</clipPath>
|
|
58
|
+
</defs>
|
|
59
|
+
</svg>
|
|
60
|
+
|
|
61
|
+
</a>
|
|
62
|
+
<a class="twitter-share-link" target="_blank">
|
|
63
|
+
<svg width="32" height="32" viewBox="0 -2 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg"
|
|
64
|
+
xmlns:xlink="http://www.w3.org/1999/xlink" fill="#000000">
|
|
65
|
+
<g id="SVGRepo_bgCarrier" stroke-width="0"></g>
|
|
66
|
+
<g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g>
|
|
67
|
+
<g id="SVGRepo_iconCarrier">
|
|
68
|
+
<title>twitter [#154]</title>
|
|
69
|
+
<desc>Created with Sketch.</desc>
|
|
70
|
+
<defs> </defs>
|
|
71
|
+
<g id="Page-1" stroke="none" stroke-width="1" fill="#000" fill-rule="evenodd">
|
|
72
|
+
<g id="Dribbble-Light-Preview" transform="translate(-60.000000, -7521.000000)"
|
|
73
|
+
fill="#000">
|
|
74
|
+
<g id="icons" transform="translate(56.000000, 160.000000)">
|
|
75
|
+
<path
|
|
76
|
+
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"
|
|
77
|
+
id="twitter-[#154]"> </path>
|
|
78
|
+
</g>
|
|
79
|
+
</g>
|
|
80
|
+
</g>
|
|
81
|
+
</g>
|
|
82
|
+
</svg>
|
|
83
|
+
</a>
|
|
84
|
+
|
|
85
|
+
<a class="whatsapp-share-link" data-action="share/whatsapp/share" target="_blank">
|
|
86
|
+
<svg width="32px" viewBox="0 0 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>whatsapp [#128]</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(-300.000000, -7599.000000)" fill="#000000"> <g id="icons" transform="translate(56.000000, 160.000000)"> <path d="M259.821,7453.12124 C259.58,7453.80344 258.622,7454.36761 257.858,7454.53266 C257.335,7454.64369 256.653,7454.73172 254.355,7453.77943 C251.774,7452.71011 248.19,7448.90097 248.19,7446.36621 C248.19,7445.07582 248.934,7443.57337 250.235,7443.57337 C250.861,7443.57337 250.999,7443.58538 251.205,7444.07952 C251.446,7444.6617 252.034,7446.09613 252.104,7446.24317 C252.393,7446.84635 251.81,7447.19946 251.387,7447.72462 C251.252,7447.88266 251.099,7448.05372 251.27,7448.3478 C251.44,7448.63589 252.028,7449.59418 252.892,7450.36341 C254.008,7451.35771 254.913,7451.6748 255.237,7451.80984 C255.478,7451.90987 255.766,7451.88687 255.942,7451.69881 C256.165,7451.45774 256.442,7451.05762 256.724,7450.6635 C256.923,7450.38141 257.176,7450.3464 257.441,7450.44643 C257.62,7450.50845 259.895,7451.56477 259.991,7451.73382 C260.062,7451.85686 260.062,7452.43903 259.821,7453.12124 M254.002,7439 L253.997,7439 L253.997,7439 C248.484,7439 244,7443.48535 244,7449 C244,7451.18666 244.705,7453.21526 245.904,7454.86076 L244.658,7458.57687 L248.501,7457.3485 C250.082,7458.39482 251.969,7459 254.002,7459 C259.515,7459 264,7454.51465 264,7449 C264,7443.48535 259.515,7439 254.002,7439" id="whatsapp-[#128]"> </path> </g> </g> </g> </g></svg> </a>
|
|
87
|
+
|
|
88
|
+
|
|
89
|
+
|
|
90
|
+
</div>
|
|
91
|
+
<!-- <button type="button" class="btn btn-primary">Play Random Word</button> -->
|
|
92
|
+
</div>
|
|
93
|
+
</div>
|
|
94
|
+
</div>
|
|
95
|
+
</div>
|
|
96
|
+
</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>
|