word-games-theme 2.3.6 → 2.3.7
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA256:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: dcf060fac85f58755430cc52931fa52b53c3f058aaf2994039725d5f211aad92
|
|
4
|
+
data.tar.gz: bef977941b446a0c6218cf5cc6caa46e76c4e704f4e19a8d399ec967f666ae16
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: 18f9ea64c5de25fd3d16795ff17b3d65624cb21335fcab39577573ad50a557a4f36f4233f3568d05cc920dd8b70ea5abf73629fcff90437ffa8b5340f5f5f06b
|
|
7
|
+
data.tar.gz: 664560f608d77a712db18dbd8826b8a6a7794bdde604ac0d2771eae63a85296f7a911a5974665517978a4deeac88fa54df32ef65188ef39fa9989cb4813bd3e0
|
|
@@ -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 ",
|
|
@@ -29,21 +29,34 @@
|
|
|
29
29
|
{% endif %}
|
|
30
30
|
{% endfor %}
|
|
31
31
|
{% endif %}
|
|
32
|
-
{%- if site.ezoicAds -%}
|
|
32
|
+
<!-- {%- if site.ezoicAds -%}
|
|
33
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
|
|
34
|
+
src="https://www.youtube.com/embed/{{video_id}}?autoplay=0&mute=1" allowfullscreen
|
|
35
|
+
loading="lazy">
|
|
35
36
|
</iframe>
|
|
36
37
|
{%- else -%}
|
|
37
38
|
<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
|
|
39
|
+
src="https://www.youtube.com/embed/{{video_id}}?autoplay=0&mute=1" allowfullscreen
|
|
40
|
+
loading="lazy">
|
|
39
41
|
</iframe>
|
|
40
|
-
{%- endif -%}
|
|
42
|
+
{%- endif -%} -->
|
|
43
|
+
|
|
44
|
+
<div class="how-to-video" data-videoid="{{video_id}}">
|
|
45
|
+
<img class="youtubeVideoPlayer mb-5" width="500px" height="315px" id="thumbnail-img" alt="thumbnail-img" />
|
|
46
|
+
<div class="youtube-play-btn-wrapper">
|
|
47
|
+
<button class="play-btn btn btn-primary" onClick="loadVideo()">►</button>
|
|
48
|
+
</div>
|
|
49
|
+
</div>
|
|
50
|
+
|
|
51
|
+
|
|
52
|
+
|
|
53
|
+
|
|
41
54
|
|
|
42
55
|
</div>
|
|
43
56
|
{%- else -%}
|
|
44
57
|
<div class="how-to-img-wrapper ">
|
|
45
|
-
<img width="100%" height="100%" class="how-to-leftimg"
|
|
46
|
-
loading="lazy"
|
|
58
|
+
<img width="100%" height="100%" class="how-to-leftimg"
|
|
59
|
+
src="{{dataToShow.HOW_TO_CONTENT.logoImageUrl}}" loading="lazy"
|
|
47
60
|
alt="{{dataToShow.HOW_TO_CONTENT.logoImageAlt | default: 'how to image' }}">
|
|
48
61
|
</div>
|
|
49
62
|
{%- endif -%}
|
|
@@ -70,4 +83,32 @@
|
|
|
70
83
|
</div>
|
|
71
84
|
</div>
|
|
72
85
|
</section>
|
|
73
|
-
{%- endif -%}
|
|
86
|
+
{%- endif -%}
|
|
87
|
+
|
|
88
|
+
<script>
|
|
89
|
+
let videoContainer = document.querySelector('.how-to-video');
|
|
90
|
+
let thumbnail = document.getElementById('thumbnail-img');
|
|
91
|
+
let videoId =videoContainer.getAttribute("data-videoid")
|
|
92
|
+
let thumbnailUrl = 'https://img.youtube.com/vi/' + videoId + '/maxresdefault.jpg';
|
|
93
|
+
|
|
94
|
+
// Function to load video
|
|
95
|
+
function loadVideo() {
|
|
96
|
+
videoContainer.innerHTML = '<iframe loading="lazy" class="youtubeVideoPlayer mb-5" width="500" height="315" src="https://www.youtube.com/embed/' + videoId + '?autoplay=1&mute=1" allowfullscreen></iframe>';
|
|
97
|
+
}
|
|
98
|
+
// Function to handle lazy loading of the thumbnail
|
|
99
|
+
function lazyLoadThumbnail(entries, observer) {
|
|
100
|
+
entries.forEach(entry => {
|
|
101
|
+
if (entry.isIntersecting) {
|
|
102
|
+
// Load thumbnail when it becomes visible
|
|
103
|
+
thumbnail.src = thumbnailUrl;
|
|
104
|
+
// Stop observing once loaded
|
|
105
|
+
observer.unobserve(entry.target);
|
|
106
|
+
}
|
|
107
|
+
});
|
|
108
|
+
}
|
|
109
|
+
// Set up the Intersection Observer
|
|
110
|
+
var observer = new IntersectionObserver(lazyLoadThumbnail, { threshold: 0.1 });
|
|
111
|
+
observer.observe(thumbnail);
|
|
112
|
+
// Optionally, you can add an event listener to trigger video loading on click or other interactions
|
|
113
|
+
thumbnail.addEventListener('click', loadVideo);
|
|
114
|
+
</script>
|
|
@@ -19,19 +19,21 @@
|
|
|
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
|
|
|
@@ -53,9 +55,10 @@ input[type="number"] {
|
|
|
53
55
|
padding: 15px 0;
|
|
54
56
|
}
|
|
55
57
|
|
|
56
|
-
.pageHeading{
|
|
58
|
+
.pageHeading {
|
|
57
59
|
position: relative;
|
|
58
60
|
}
|
|
61
|
+
|
|
59
62
|
.pageHeading h1 {
|
|
60
63
|
font-size: 43px;
|
|
61
64
|
font-weight: 600;
|
|
@@ -323,7 +326,8 @@ input:focus-visible {
|
|
|
323
326
|
.feature-highlight-title,
|
|
324
327
|
.howto,
|
|
325
328
|
.infographics-title,
|
|
326
|
-
.related_post_heading
|
|
329
|
+
.related_post_heading,
|
|
330
|
+
.points-table {
|
|
327
331
|
font-size: 35px;
|
|
328
332
|
font-weight: 900;
|
|
329
333
|
border-bottom: 4px solid var(--primary-color);
|
|
@@ -414,7 +418,7 @@ details>summary::after {
|
|
|
414
418
|
margin-bottom: 120px;
|
|
415
419
|
}
|
|
416
420
|
|
|
417
|
-
|
|
421
|
+
.faq-question {
|
|
418
422
|
margin: 0 0 25px;
|
|
419
423
|
font-size: 19px;
|
|
420
424
|
font-weight: 600;
|
|
@@ -424,7 +428,7 @@ details>summary::after {
|
|
|
424
428
|
cursor: pointer;
|
|
425
429
|
}
|
|
426
430
|
|
|
427
|
-
|
|
431
|
+
.faq-answer {
|
|
428
432
|
font-size: 15px;
|
|
429
433
|
font-weight: 400;
|
|
430
434
|
line-height: 22px;
|
|
@@ -490,6 +494,26 @@ details>summary::after {
|
|
|
490
494
|
height: 100%;
|
|
491
495
|
}
|
|
492
496
|
|
|
497
|
+
.how-to-video .youtube-play-btn-wrapper {
|
|
498
|
+
position: absolute;
|
|
499
|
+
top: -4%;
|
|
500
|
+
left: -17px;
|
|
501
|
+
display: flex;
|
|
502
|
+
text-align: center;
|
|
503
|
+
width: 100%;
|
|
504
|
+
justify-content: center;
|
|
505
|
+
align-items: center;
|
|
506
|
+
height: 100%;
|
|
507
|
+
}
|
|
508
|
+
|
|
509
|
+
.youtube-play-btn-wrapper .play-btn {
|
|
510
|
+
font-size: 28px;
|
|
511
|
+
width: 68px;
|
|
512
|
+
background-color: red;
|
|
513
|
+
border: none;
|
|
514
|
+
border-radius: 15px;
|
|
515
|
+
}
|
|
516
|
+
|
|
493
517
|
/* infographicss css */
|
|
494
518
|
.inforgraphics_section {
|
|
495
519
|
width: 100%;
|
|
@@ -597,7 +621,8 @@ details>summary::after {
|
|
|
597
621
|
padding-top: 75px;
|
|
598
622
|
display: block;
|
|
599
623
|
}
|
|
600
|
-
|
|
624
|
+
|
|
625
|
+
.card-body {
|
|
601
626
|
padding: 1rem !important;
|
|
602
627
|
}
|
|
603
628
|
|
|
@@ -605,11 +630,13 @@ details>summary::after {
|
|
|
605
630
|
text-decoration: none !important;
|
|
606
631
|
color: #343a40 !important;
|
|
607
632
|
}
|
|
608
|
-
|
|
633
|
+
|
|
634
|
+
.post-desc {
|
|
609
635
|
font-size: 16px;
|
|
610
636
|
color: #3E3E3E;
|
|
611
637
|
line-height: 24px;
|
|
612
638
|
}
|
|
639
|
+
|
|
613
640
|
.card-body .anchor_link .card-title {
|
|
614
641
|
font-weight: 600;
|
|
615
642
|
font-size: 35px;
|
|
@@ -721,20 +748,22 @@ details>summary::after {
|
|
|
721
748
|
line-height: 30px;
|
|
722
749
|
}
|
|
723
750
|
|
|
724
|
-
.card-footer:last-child{
|
|
751
|
+
.card-footer:last-child {
|
|
725
752
|
border-radius: 40px !important;
|
|
726
753
|
}
|
|
754
|
+
|
|
727
755
|
summary::-webkit-details-marker {
|
|
728
756
|
display: none;
|
|
729
757
|
}
|
|
730
758
|
|
|
731
759
|
|
|
732
760
|
@media (max-width: 768px) {
|
|
733
|
-
.overlay{
|
|
761
|
+
.overlay {
|
|
734
762
|
display: none;
|
|
735
763
|
}
|
|
736
|
-
|
|
737
|
-
|
|
764
|
+
|
|
765
|
+
.txt-box-container {
|
|
766
|
+
padding: 0 1rem;
|
|
738
767
|
}
|
|
739
768
|
|
|
740
769
|
.main-header {
|
|
@@ -799,10 +828,11 @@ summary::-webkit-details-marker {
|
|
|
799
828
|
top: 10px;
|
|
800
829
|
}
|
|
801
830
|
|
|
802
|
-
.filter-tooltip img{
|
|
831
|
+
.filter-tooltip img {
|
|
803
832
|
width: 23.37px;
|
|
804
833
|
height: 23.37px;
|
|
805
834
|
}
|
|
835
|
+
|
|
806
836
|
.wrapper_dropDown {
|
|
807
837
|
align-items: flex-end;
|
|
808
838
|
/* flex-direction: column; */
|
|
@@ -813,7 +843,8 @@ summary::-webkit-details-marker {
|
|
|
813
843
|
top: 102px;
|
|
814
844
|
right: -5px;
|
|
815
845
|
}
|
|
816
|
-
|
|
846
|
+
|
|
847
|
+
.letter-close-button svg {
|
|
817
848
|
width: 30px;
|
|
818
849
|
}
|
|
819
850
|
|
|
@@ -832,23 +863,25 @@ summary::-webkit-details-marker {
|
|
|
832
863
|
text-align: center;
|
|
833
864
|
margin: 0 auto
|
|
834
865
|
}
|
|
866
|
+
|
|
835
867
|
.related_post_heading {
|
|
836
868
|
font-size: 28px;
|
|
837
869
|
width: 100%;
|
|
838
870
|
text-align: center;
|
|
839
871
|
}
|
|
840
|
-
|
|
872
|
+
|
|
873
|
+
.infographics-title {
|
|
841
874
|
font-size: 28px;
|
|
842
875
|
width: 100%;
|
|
843
876
|
text-align: center;
|
|
844
877
|
}
|
|
845
878
|
|
|
846
|
-
|
|
879
|
+
.points-table {
|
|
847
880
|
width: auto !important;
|
|
848
881
|
font-size: 28px;
|
|
849
|
-
|
|
850
|
-
|
|
851
|
-
.card-text{
|
|
882
|
+
}
|
|
883
|
+
|
|
884
|
+
.card-text {
|
|
852
885
|
font-size: 12px !important;
|
|
853
886
|
}
|
|
854
887
|
|
|
@@ -857,11 +890,13 @@ summary::-webkit-details-marker {
|
|
|
857
890
|
.faqList-container {
|
|
858
891
|
margin-bottom: 0px !important;
|
|
859
892
|
}
|
|
860
|
-
|
|
893
|
+
|
|
894
|
+
.faq-question {
|
|
861
895
|
font-size: 15px;
|
|
862
896
|
padding-right: 5rem;
|
|
863
897
|
}
|
|
864
|
-
|
|
898
|
+
|
|
899
|
+
.faq-answer {
|
|
865
900
|
font-size: 12px;
|
|
866
901
|
width: auto !important;
|
|
867
902
|
}
|
|
@@ -950,10 +985,12 @@ summary::-webkit-details-marker {
|
|
|
950
985
|
.footer-section .language-drop-down-item {
|
|
951
986
|
width: 100% !important;
|
|
952
987
|
}
|
|
953
|
-
|
|
988
|
+
|
|
989
|
+
.email_heaidng {
|
|
954
990
|
margin-top: 3rem;
|
|
955
991
|
}
|
|
956
|
-
|
|
992
|
+
|
|
993
|
+
.relatedPosts {
|
|
957
994
|
padding: 0 1.5rem;
|
|
958
995
|
}
|
|
959
996
|
}
|
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.7
|
|
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-14 00:00:00.000000000 Z
|
|
12
12
|
dependencies:
|
|
13
13
|
- !ruby/object:Gem::Dependency
|
|
14
14
|
name: jekyll
|