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 CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: 70cd1125f8709bd3e4af6effe41303dd69a7cedb53027cc49b223e8f7ff0e8df
4
- data.tar.gz: fe5a792f620eede33cb427abbe45486ab451539412e06c0cb60f0449cb62c056
3
+ metadata.gz: 2cf9e0218613475186399ece0923215afb1c417434860a11a261067bfc19146e
4
+ data.tar.gz: de9269a72e6adc414d0a066f505eaf28c32c065a4ae1aaf3db729a31698f0ddc
5
5
  SHA512:
6
- metadata.gz: 11aecd8522c65251f9b6ea7e2d11f8b4328af98fd7e7f375dbc1604fcfbe49a1ba02ba2ec41473e165b7d1a3ca3531fcb5453bf0fdadcb38e0c334caa57e33c2
7
- data.tar.gz: 4f64bd040d1105551bfd1594c68465ab05995260b42bce380050b247715bb12a7eb0b686424ccbf5432dfc9905cc338ff56f417f9cde0e3a70d7e730b766ce1f
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=k05JlDQJSHQ&t=1s",
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
  }
@@ -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
- <h4 class="card-title mb-4">{{ post.title }}</h4>
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
- <h6 class="text-center wordgames-h3 text-white my-4" style="font-size: 30px">Products</h6>
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
- {%- if site.ezoicAds -%}
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
- </iframe>
36
- {%- else -%}
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
- </iframe>
40
- {%- endif -%}
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" src="{{dataToShow.HOW_TO_CONTENT.logoImageUrl}}"
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
- <h4 class="card-title mb-4">{{ post.title }}
32
- </h4>
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
- <h4 class="card-title mb-4">{{ post.title }}
74
- </h4>
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
- <h4 class="card-title mb-4">{{ post.title }}
84
- </h4>
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
- <h4 class="card-title mb-4">{{ post.title }}
165
- </h4>
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" value="">
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
@@ -53,7 +53,7 @@
53
53
  </a>
54
54
  <div class="card-body">
55
55
  <a href="{{ post.url }}" class="anchor_link">
56
- <h4 class="card-title mb-4">{{ post.title }}</h4>
56
+ <h3 class="card-title mb-4">{{ post.title }}</h3>
57
57
  </a>
58
58
  </div>
59
59
  {%- include authors/authors.html -%}
@@ -51,8 +51,8 @@
51
51
  </a> -->
52
52
  <div class="card-body">
53
53
  <a href="{{ post.url }}" class="anchor_link">
54
- <h4 class="card-title mb-4">{{ post.title }}
55
- </h4>
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>
@@ -11,6 +11,7 @@
11
11
  {%- endif -%}
12
12
 
13
13
  <div class="main-header">
14
+ <!-- <img id="header-img" src="/assets/images/background.svg" alt="background.svg"> -->
14
15
  {% include wordgames/headings/headings.html %}
15
16
  {% include wordgames/search-box/search-box.html %}
16
17
  </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
- -webkit-appearance: none;
23
- margin: 0;
22
+ -webkit-appearance: none;
23
+ margin: 0;
24
24
  }
25
25
 
26
26
  input[type="number"] {
27
- -moz-appearance: textfield; /* Firefox */
27
+ -moz-appearance: textfield;
28
+ /* Firefox */
28
29
  }
29
30
 
30
31
  /* Hide the decimal points */
31
32
  input[type="number"] {
32
- -moz-appearance: textfield; /* Firefox */
33
- appearance: none;
34
- -webkit-appearance: none;
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,.points-table {
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
- .faq-question {
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
- .faq-answer {
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
- .card-body{
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
- .post-desc{
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
- .txt-box-container{
737
- padding:0 1rem;
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
- .letter-close-button svg{
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
- .infographics-title{
880
+
881
+ .infographics-title {
841
882
  font-size: 28px;
842
883
  width: 100%;
843
884
  text-align: center;
844
885
  }
845
886
 
846
- .points-table{
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
- .faq-question{
901
+
902
+ .faq-question {
861
903
  font-size: 15px;
862
904
  padding-right: 5rem;
863
905
  }
864
- .faq-answer{
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
- .email_heaidng{
996
+
997
+ .email_heaidng {
954
998
  margin-top: 3rem;
955
999
  }
956
- .relatedPosts{
1000
+
1001
+ .relatedPosts {
957
1002
  padding: 0 1.5rem;
958
1003
  }
959
1004
  }
@@ -1,4 +1,3 @@
1
- @import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,300;0,400;0,500;0,600;1,300&display=swap');
2
1
 
3
2
  * {
4
3
  margin: 0;
@@ -7,7 +7,7 @@
7
7
  --black-color: #191919;
8
8
  --white-color: #ffffff;
9
9
  --black-light: #777777;
10
- --font-family: 'Poppins', sans-serif;
10
+ --font-family: sans-serif;
11
11
  --text-color: #303030;
12
12
  --success-color: #3de968;
13
13
  --error-color: #e33e3e;
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.6
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-12 00:00:00.000000000 Z
11
+ date: 2023-12-21 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: jekyll