word-games-theme 2.3.6 → 2.3.8
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/jumble_word_finder.json +1 -0
- data/_data/wordgames/en/root.json +1 -1
- data/_data/wordleSolver/en/data.json +2 -4
- data/_includes/section/blog.html +1 -1
- data/_includes/wordgames/footer/footer.html +1 -1
- data/_includes/wordgames/howto/howto.html +44 -11
- data/_includes/wordgames/rating/rating.html +0 -2
- data/_includes/wordgames/recent-posts/recent-posts.html +4 -4
- data/_includes/wordgames/related-posts/related-posts.html +4 -4
- data/_includes/wordgames/search-box/search-box.html +1 -1
- data/_layouts/blog.html +1 -1
- data/_layouts/wordgames-blog.html +2 -2
- data/_layouts/wordgames-home.html +1 -0
- data/_layouts/wordgames-result.html +9 -1
- data/assets/css/wordgames-home.css +72 -27
- data/assets/css/wordgames-theme.css +0 -1
- data/assets/css/wordgames-variables.css +1 -1
- 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: 2cf9e0218613475186399ece0923215afb1c417434860a11a261067bfc19146e
|
4
|
+
data.tar.gz: de9269a72e6adc414d0a066f505eaf28c32c065a4ae1aaf3db729a31698f0ddc
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: 7ddf8b0c5487e95975fe1a78b0cde8d97b26d8e040f551614dfaf37d6dc2b199bda7e259ee8793afe499d8302b988f1034a891d23f9c95ec0533fab3b5e6d183
|
7
|
+
data.tar.gz: bfd61cb8c2cfaa48f451553b6c4e2661c0d8c301d6c8841f469f8503927feaa2c3bd6fcc3557742b32708563530ca18c5f17f3845ea15b98903f86597848cd5d
|
@@ -45,6 +45,7 @@
|
|
45
45
|
}
|
46
46
|
],
|
47
47
|
"HOW_TO_CONTENT": {
|
48
|
+
"YoutubeVideoUrl": "https://www.youtube.com/watch?v=k05JlDQJSHQ&t=1s",
|
48
49
|
"logoImageUrl": "https://smallpdf.com/build/73d77e3d204fd7defc9de80bf83fcbeb.svg",
|
49
50
|
"heading": "How to set alarm for $variable minutes:",
|
50
51
|
"steps": [
|
@@ -226,7 +226,7 @@
|
|
226
226
|
}
|
227
227
|
],
|
228
228
|
"HOW_TO_CONTENT": {
|
229
|
-
"YoutubeVideoUrl": "https://www.youtube.com/watch?v=
|
229
|
+
"YoutubeVideoUrl": "https://www.youtube.com/watch?v=x_syk_PJvMw&ab_channel=WordsWithLettersOrg",
|
230
230
|
"heading": "How to set alarm for $variable minutes:",
|
231
231
|
"steps": [
|
232
232
|
"Click on set alarm ",
|
@@ -56,11 +56,9 @@
|
|
56
56
|
}
|
57
57
|
],
|
58
58
|
"jsfilepaths": [
|
59
|
-
"/assets/js/wordleSolver.js"
|
60
|
-
"https://cdnjs.cloudflare.com/ajax/libs/cropperjs/1.5.12/cropper.min.js"
|
59
|
+
"/assets/js/wordleSolver.js"
|
61
60
|
],
|
62
61
|
"cssfilepaths": [
|
63
|
-
"/assets/css/wordle-solver.css"
|
64
|
-
"https://cdnjs.cloudflare.com/ajax/libs/cropperjs/1.5.12/cropper.min.css"
|
62
|
+
"/assets/css/wordle-solver.css"
|
65
63
|
]
|
66
64
|
}
|
data/_includes/section/blog.html
CHANGED
@@ -25,7 +25,7 @@
|
|
25
25
|
class="card-img-top" alt="{{post.image}}">
|
26
26
|
</a>
|
27
27
|
<a href="{{ post.url }}" class="anchor_link p-3">
|
28
|
-
<
|
28
|
+
<h3 class="card-title mb-4">{{ post.title }}</h3>
|
29
29
|
</a>
|
30
30
|
<!-- / <p class="card-subtitle mb-3">{{ post.date | date_to_string }}</p> -->
|
31
31
|
{%- include authors/authors.html -%}
|
@@ -10,7 +10,7 @@
|
|
10
10
|
<div class="col-md-10 mx-auto">
|
11
11
|
<div class="d-flex align-items-center justify-content-start footer-prducts-div-heading py-4">
|
12
12
|
|
13
|
-
<
|
13
|
+
<h4 class="text-center wordgames-h3 text-white my-4" style="font-size: 30px">Products</h4>
|
14
14
|
<hr class="flex-grow-1 mx-4 mb-0 footer-product-line"
|
15
15
|
style="height: 1px; background-color: var(--primary-color);width: 644px; max-width: 644px;">
|
16
16
|
</div>
|
@@ -29,21 +29,23 @@
|
|
29
29
|
{% endif %}
|
30
30
|
{% endfor %}
|
31
31
|
{% endif %}
|
32
|
-
|
33
|
-
<
|
34
|
-
|
35
|
-
|
36
|
-
|
37
|
-
|
38
|
-
|
39
|
-
|
40
|
-
|
32
|
+
|
33
|
+
<div class="how-to-video" data-videoid="{{video_id}}">
|
34
|
+
<img class="youtubeVideoPlayer mb-5" width="100%" height="100%" id="thumbnail-img" alt="thumbnail-img" />
|
35
|
+
<div class="youtube-play-btn-wrapper">
|
36
|
+
<button class="play-btn btn btn-primary" onClick="loadVideo()">►</button>
|
37
|
+
</div>
|
38
|
+
</div>
|
39
|
+
|
40
|
+
|
41
|
+
|
42
|
+
|
41
43
|
|
42
44
|
</div>
|
43
45
|
{%- else -%}
|
44
46
|
<div class="how-to-img-wrapper ">
|
45
|
-
<img width="100%" height="100%" class="how-to-leftimg"
|
46
|
-
loading="lazy"
|
47
|
+
<img width="100%" height="100%" class="how-to-leftimg"
|
48
|
+
src="{{dataToShow.HOW_TO_CONTENT.logoImageUrl}}" loading="lazy"
|
47
49
|
alt="{{dataToShow.HOW_TO_CONTENT.logoImageAlt | default: 'how to image' }}">
|
48
50
|
</div>
|
49
51
|
{%- endif -%}
|
@@ -70,4 +72,35 @@
|
|
70
72
|
</div>
|
71
73
|
</div>
|
72
74
|
</section>
|
75
|
+
{%- endif -%}
|
76
|
+
|
77
|
+
|
78
|
+
{%- if dataToShow.HOW_TO_CONTENT.YoutubeVideoUrl.size > 0 -%}
|
79
|
+
<script>
|
80
|
+
let videoContainer = document.querySelector('.how-to-video');
|
81
|
+
let videoId = videoContainer.getAttribute("data-videoid")
|
82
|
+
let thumbnail = document.getElementById('thumbnail-img');
|
83
|
+
let thumbnailUrl = 'https://img.youtube.com/vi/' + videoId + '/maxresdefault.jpg';
|
84
|
+
|
85
|
+
// Function to load video
|
86
|
+
function loadVideo() {
|
87
|
+
videoContainer.innerHTML = '<iframe loading="lazy" class="youtubeVideoPlayer mb-5" width="100%" height="315" src="https://www.youtube.com/embed/' + videoId + '?autoplay=1&mute=1" allowfullscreen></iframe>';
|
88
|
+
}
|
89
|
+
// Function to handle lazy loading of the thumbnail
|
90
|
+
function lazyLoadThumbnail(entries, observer) {
|
91
|
+
entries.forEach(entry => {
|
92
|
+
if (entry.isIntersecting) {
|
93
|
+
// Load thumbnail when it becomes visible
|
94
|
+
thumbnail.src = thumbnailUrl;
|
95
|
+
// Stop observing once loaded
|
96
|
+
observer.unobserve(entry.target);
|
97
|
+
}
|
98
|
+
});
|
99
|
+
}
|
100
|
+
// Set up the Intersection Observer
|
101
|
+
var observer = new IntersectionObserver(lazyLoadThumbnail, { threshold: 0.1 });
|
102
|
+
observer.observe(thumbnail);
|
103
|
+
// Optionally, you can add an event listener to trigger video loading on click or other interactions
|
104
|
+
thumbnail.addEventListener('click', loadVideo);
|
105
|
+
</script>
|
73
106
|
{%- endif -%}
|
@@ -8,8 +8,6 @@
|
|
8
8
|
<img id="rating-img" loading='lazy' src="/assets/images/rating.webp" alt="rating-img">
|
9
9
|
<div class="rating-text">Rate this tool</div>
|
10
10
|
<div class="rating-stars">
|
11
|
-
|
12
|
-
|
13
11
|
<svg class="rating-star" width="56" height="53" viewBox="0 0 56 53" fill="gray"
|
14
12
|
xmlns="http://www.w3.org/2000/svg">
|
15
13
|
<path
|
@@ -28,8 +28,8 @@
|
|
28
28
|
</a> -->
|
29
29
|
<div class="card-body">
|
30
30
|
<a href="{{ post.url }}" class="anchor_link">
|
31
|
-
<
|
32
|
-
</
|
31
|
+
<h3 class="card-title mb-4">{{ post.title }}
|
32
|
+
</h3>
|
33
33
|
<p class="post-desc"> {{post.description}}</p>
|
34
34
|
</a>
|
35
35
|
</div>
|
@@ -70,8 +70,8 @@
|
|
70
70
|
</a> -->
|
71
71
|
<div class="card-body">
|
72
72
|
<a href="{{ post.url }}" class="anchor_link">
|
73
|
-
<
|
74
|
-
</
|
73
|
+
<h3 class="card-title mb-4">{{ post.title }}
|
74
|
+
</h3>
|
75
75
|
<p class="post-desc"> {{post.description}}</p>
|
76
76
|
</a>
|
77
77
|
</div>
|
@@ -80,8 +80,8 @@
|
|
80
80
|
</a> -->
|
81
81
|
<div class="card-body">
|
82
82
|
<a href="{{ post.url }}" class="anchor_link">
|
83
|
-
<
|
84
|
-
</
|
83
|
+
<h3 class="card-title mb-4">{{ post.title }}
|
84
|
+
</h3>
|
85
85
|
<p class="post-desc"> {{post.description}}</p>
|
86
86
|
</a>
|
87
87
|
</div>
|
@@ -161,8 +161,8 @@
|
|
161
161
|
</a> -->
|
162
162
|
<div class="card-body">
|
163
163
|
<a href="{{ post.url }}" class="anchor_link">
|
164
|
-
<
|
165
|
-
</
|
164
|
+
<h3 class="card-title mb-4">{{ post.title }}
|
165
|
+
</h3>
|
166
166
|
<p class="post-desc"> {{post.description}}</p>
|
167
167
|
</a>
|
168
168
|
</div>
|
@@ -26,7 +26,7 @@
|
|
26
26
|
</div>
|
27
27
|
</div>
|
28
28
|
<input style="background-color: {{CustomColor.inputButtonBg}};" type="submit" class="serachBtn"
|
29
|
-
id="serach"
|
29
|
+
id="serach">
|
30
30
|
<div class="dictonaryDropdown">
|
31
31
|
<select class="form-select select_dropDown2" name="dictionary" aria-label="Default select example">
|
32
32
|
<option value="Dictionary">Dictionary</option>
|
data/_layouts/blog.html
CHANGED
@@ -51,8 +51,8 @@
|
|
51
51
|
</a> -->
|
52
52
|
<div class="card-body">
|
53
53
|
<a href="{{ post.url }}" class="anchor_link">
|
54
|
-
<
|
55
|
-
</
|
54
|
+
<h3 class="card-title mb-4">{{ post.title }}
|
55
|
+
</h3>
|
56
56
|
<p class="post-desc"> {{post.description}}</p>
|
57
57
|
</a>
|
58
58
|
</div>
|
@@ -2,8 +2,16 @@
|
|
2
2
|
<html lang="en">
|
3
3
|
|
4
4
|
{%- include wordgames/head/head.html -%}
|
5
|
-
|
5
|
+
<style>
|
6
|
+
.wordgametheme-sidebar-left,.wordgametheme-sidebar-right{
|
7
|
+
z-index: 9999999;
|
8
|
+
}
|
9
|
+
</style>
|
6
10
|
<body>
|
11
|
+
{%- if site.newFeatureBox -%}
|
12
|
+
<div class="wordgametheme-sidebar-left"></div>
|
13
|
+
<div class="wordgametheme-sidebar-right"></div>
|
14
|
+
{%- endif -%}
|
7
15
|
|
8
16
|
{%- include wordgames/result-page/result-page.html -%}
|
9
17
|
|
@@ -19,22 +19,29 @@
|
|
19
19
|
|
20
20
|
input[type="number"]::-webkit-inner-spin-button,
|
21
21
|
input[type="number"]::-webkit-outer-spin-button {
|
22
|
-
|
23
|
-
|
22
|
+
-webkit-appearance: none;
|
23
|
+
margin: 0;
|
24
24
|
}
|
25
25
|
|
26
26
|
input[type="number"] {
|
27
|
-
|
27
|
+
-moz-appearance: textfield;
|
28
|
+
/* Firefox */
|
28
29
|
}
|
29
30
|
|
30
31
|
/* Hide the decimal points */
|
31
32
|
input[type="number"] {
|
32
|
-
|
33
|
-
|
34
|
-
|
33
|
+
-moz-appearance: textfield;
|
34
|
+
/* Firefox */
|
35
|
+
appearance: none;
|
36
|
+
-webkit-appearance: none;
|
35
37
|
}
|
36
38
|
|
37
39
|
|
40
|
+
#header-img{
|
41
|
+
position: absolute;
|
42
|
+
width: 100%;
|
43
|
+
top:0px;
|
44
|
+
}
|
38
45
|
/* headings css */
|
39
46
|
.main-header {
|
40
47
|
background: url(/assets/images/background.svg) no-repeat;
|
@@ -53,9 +60,10 @@ input[type="number"] {
|
|
53
60
|
padding: 15px 0;
|
54
61
|
}
|
55
62
|
|
56
|
-
.pageHeading{
|
63
|
+
.pageHeading {
|
57
64
|
position: relative;
|
58
65
|
}
|
66
|
+
|
59
67
|
.pageHeading h1 {
|
60
68
|
font-size: 43px;
|
61
69
|
font-weight: 600;
|
@@ -117,6 +125,7 @@ input[type="number"] {
|
|
117
125
|
}
|
118
126
|
|
119
127
|
.serachSection .serachBox .serachBtn {
|
128
|
+
color: var(--primary-color);
|
120
129
|
background-color: var(--primary-color) !important;
|
121
130
|
background: url(/assets/images/search.svg) no-repeat center center;
|
122
131
|
background-size: 35px 35px;
|
@@ -323,7 +332,8 @@ input:focus-visible {
|
|
323
332
|
.feature-highlight-title,
|
324
333
|
.howto,
|
325
334
|
.infographics-title,
|
326
|
-
.related_post_heading
|
335
|
+
.related_post_heading,
|
336
|
+
.points-table {
|
327
337
|
font-size: 35px;
|
328
338
|
font-weight: 900;
|
329
339
|
border-bottom: 4px solid var(--primary-color);
|
@@ -414,7 +424,7 @@ details>summary::after {
|
|
414
424
|
margin-bottom: 120px;
|
415
425
|
}
|
416
426
|
|
417
|
-
|
427
|
+
.faq-question {
|
418
428
|
margin: 0 0 25px;
|
419
429
|
font-size: 19px;
|
420
430
|
font-weight: 600;
|
@@ -424,7 +434,7 @@ details>summary::after {
|
|
424
434
|
cursor: pointer;
|
425
435
|
}
|
426
436
|
|
427
|
-
|
437
|
+
.faq-answer {
|
428
438
|
font-size: 15px;
|
429
439
|
font-weight: 400;
|
430
440
|
line-height: 22px;
|
@@ -490,6 +500,26 @@ details>summary::after {
|
|
490
500
|
height: 100%;
|
491
501
|
}
|
492
502
|
|
503
|
+
.how-to-video .youtube-play-btn-wrapper {
|
504
|
+
position: absolute;
|
505
|
+
top: -4%;
|
506
|
+
left: -17px;
|
507
|
+
display: flex;
|
508
|
+
text-align: center;
|
509
|
+
width: 100%;
|
510
|
+
justify-content: center;
|
511
|
+
align-items: center;
|
512
|
+
height: 100%;
|
513
|
+
}
|
514
|
+
|
515
|
+
.youtube-play-btn-wrapper .play-btn {
|
516
|
+
font-size: 28px;
|
517
|
+
width: 68px;
|
518
|
+
background-color: red;
|
519
|
+
border: none;
|
520
|
+
border-radius: 15px;
|
521
|
+
}
|
522
|
+
|
493
523
|
/* infographicss css */
|
494
524
|
.inforgraphics_section {
|
495
525
|
width: 100%;
|
@@ -597,7 +627,8 @@ details>summary::after {
|
|
597
627
|
padding-top: 75px;
|
598
628
|
display: block;
|
599
629
|
}
|
600
|
-
|
630
|
+
|
631
|
+
.card-body {
|
601
632
|
padding: 1rem !important;
|
602
633
|
}
|
603
634
|
|
@@ -605,11 +636,13 @@ details>summary::after {
|
|
605
636
|
text-decoration: none !important;
|
606
637
|
color: #343a40 !important;
|
607
638
|
}
|
608
|
-
|
639
|
+
|
640
|
+
.post-desc {
|
609
641
|
font-size: 16px;
|
610
642
|
color: #3E3E3E;
|
611
643
|
line-height: 24px;
|
612
644
|
}
|
645
|
+
|
613
646
|
.card-body .anchor_link .card-title {
|
614
647
|
font-weight: 600;
|
615
648
|
font-size: 35px;
|
@@ -721,20 +754,24 @@ details>summary::after {
|
|
721
754
|
line-height: 30px;
|
722
755
|
}
|
723
756
|
|
724
|
-
.card-footer:last-child{
|
757
|
+
.card-footer:last-child {
|
725
758
|
border-radius: 40px !important;
|
726
759
|
}
|
760
|
+
|
727
761
|
summary::-webkit-details-marker {
|
728
762
|
display: none;
|
729
763
|
}
|
730
764
|
|
731
765
|
|
732
766
|
@media (max-width: 768px) {
|
733
|
-
.overlay{
|
767
|
+
.overlay {
|
734
768
|
display: none;
|
735
769
|
}
|
736
|
-
|
737
|
-
|
770
|
+
#header-img{
|
771
|
+
display: none;
|
772
|
+
}
|
773
|
+
.txt-box-container {
|
774
|
+
padding: 0 1rem;
|
738
775
|
}
|
739
776
|
|
740
777
|
.main-header {
|
@@ -799,10 +836,11 @@ summary::-webkit-details-marker {
|
|
799
836
|
top: 10px;
|
800
837
|
}
|
801
838
|
|
802
|
-
.filter-tooltip img{
|
839
|
+
.filter-tooltip img {
|
803
840
|
width: 23.37px;
|
804
841
|
height: 23.37px;
|
805
842
|
}
|
843
|
+
|
806
844
|
.wrapper_dropDown {
|
807
845
|
align-items: flex-end;
|
808
846
|
/* flex-direction: column; */
|
@@ -813,7 +851,8 @@ summary::-webkit-details-marker {
|
|
813
851
|
top: 102px;
|
814
852
|
right: -5px;
|
815
853
|
}
|
816
|
-
|
854
|
+
|
855
|
+
.letter-close-button svg {
|
817
856
|
width: 30px;
|
818
857
|
}
|
819
858
|
|
@@ -832,23 +871,25 @@ summary::-webkit-details-marker {
|
|
832
871
|
text-align: center;
|
833
872
|
margin: 0 auto
|
834
873
|
}
|
874
|
+
|
835
875
|
.related_post_heading {
|
836
876
|
font-size: 28px;
|
837
877
|
width: 100%;
|
838
878
|
text-align: center;
|
839
879
|
}
|
840
|
-
|
880
|
+
|
881
|
+
.infographics-title {
|
841
882
|
font-size: 28px;
|
842
883
|
width: 100%;
|
843
884
|
text-align: center;
|
844
885
|
}
|
845
886
|
|
846
|
-
|
887
|
+
.points-table {
|
847
888
|
width: auto !important;
|
848
889
|
font-size: 28px;
|
849
|
-
|
850
|
-
|
851
|
-
.card-text{
|
890
|
+
}
|
891
|
+
|
892
|
+
.card-text {
|
852
893
|
font-size: 12px !important;
|
853
894
|
}
|
854
895
|
|
@@ -857,11 +898,13 @@ summary::-webkit-details-marker {
|
|
857
898
|
.faqList-container {
|
858
899
|
margin-bottom: 0px !important;
|
859
900
|
}
|
860
|
-
|
901
|
+
|
902
|
+
.faq-question {
|
861
903
|
font-size: 15px;
|
862
904
|
padding-right: 5rem;
|
863
905
|
}
|
864
|
-
|
906
|
+
|
907
|
+
.faq-answer {
|
865
908
|
font-size: 12px;
|
866
909
|
width: auto !important;
|
867
910
|
}
|
@@ -950,10 +993,12 @@ summary::-webkit-details-marker {
|
|
950
993
|
.footer-section .language-drop-down-item {
|
951
994
|
width: 100% !important;
|
952
995
|
}
|
953
|
-
|
996
|
+
|
997
|
+
.email_heaidng {
|
954
998
|
margin-top: 3rem;
|
955
999
|
}
|
956
|
-
|
1000
|
+
|
1001
|
+
.relatedPosts {
|
957
1002
|
padding: 0 1.5rem;
|
958
1003
|
}
|
959
1004
|
}
|
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: 2.3.
|
4
|
+
version: 2.3.8
|
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-12-
|
11
|
+
date: 2023-12-21 00:00:00.000000000 Z
|
12
12
|
dependencies:
|
13
13
|
- !ruby/object:Gem::Dependency
|
14
14
|
name: jekyll
|