word-games-theme 2.6.4 → 2.6.6

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: 7866c679bbfccf00e0a6522110f4c4baacd0bd6740c1d334e88213d549f2cce7
4
- data.tar.gz: f3db02b46af6232f59daf9b653d5638c7b040692219e4fb1bfa06a5b25d3f291
3
+ metadata.gz: 15977f28d7eae81b0ee2dd9364bdad45622a362970895ce50f4ad5238c3ca84d
4
+ data.tar.gz: cdb2c7e42cca4e48ad9273f6a83dd26300ce103ec69a9541b6c76cbc58dc025b
5
5
  SHA512:
6
- metadata.gz: 6fa0f9a8e730893fa840979c67daa95e8d6d74c533966739d8cc197db3648e2f3fe1e13ba2cc80e3778f8f9bc3ec8dc3b2f215c320bb9487d6637727f0e9eba8
7
- data.tar.gz: 86238d45f266c2921d6d5448ef66cd72b37ad818012fe2c90a8f16dbe52e40c9d1d2f1341eec3908fe9d2848a05673f8d33e6dfb73daceff52e9399af84f324a
6
+ metadata.gz: f80f98c07b2b19d09ccbab1485b08ff17324982016be10f76a0597ea0d3c062f277deb4313a15ff93e67af1e7c71ed89fe5123da42d5dea684a7723fbf7070b1
7
+ data.tar.gz: a204204c9f8b6110ec129c2f53867e607694aa86a22c5168cc478f1641dae2735778e4a05f0a2a8729bd18d0677cc5a9e87c271d9b70a6f43627fd61c3bc3576
@@ -1,7 +1,7 @@
1
1
  {% assign file = page.fileName %}
2
2
  {% assign lang = page.lang %}
3
3
  {% assign dataToShow = site.data.[page.folderName][lang][file] %}
4
- <div class="container my-5">
4
+ <div class="container my-5" id="faqsContainer">
5
5
  <p class="feature-highlight-title mb-0">FAQ</p>
6
6
  {%- if site.ezoicAds -%}
7
7
  <div class="container">
@@ -4,7 +4,7 @@
4
4
 
5
5
  {%- if dataToShow.featureList.first.feature_heading !='' -%}
6
6
 
7
- <div class="container" style="margin-top:7rem;">
7
+ <div class="container" id="featureContainer" style="margin-top:7rem;">
8
8
  <div class="row">
9
9
  <p class="feature-highlight-title mb-0">Features</p>
10
10
  {%- if dataToShow.feature_description -%}
@@ -21,10 +21,10 @@
21
21
  data-target="#navbarSupportedContent" aria-label="bars-toggle-icon">
22
22
  <img src="/assets/images/hamburger-menu.svg" alt="hamburger-menu">
23
23
  </button>
24
- <div class="collapse navbar-collapse justify-content-end" id="navbarSupportedContent">
24
+ <div class="mobile-top-bar collapse navbar-collapse justify-content-end" id="navbarSupportedContent">
25
25
  <div class="navbar-nav">
26
26
  <div class="nav-item">
27
- <a class="nav-link" href="/blog">Blog</a>
27
+ <a class="blog-link nav-link" href="/blog">Blog</a>
28
28
  </div>
29
29
  <div class="nav-item dropdown" id="navbarDropdown">
30
30
  <span class="nav-link dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown">
@@ -9,7 +9,7 @@
9
9
  <h1 class="heading pb-0 mb-3">
10
10
  {{dataToShow.h1}}</h1>
11
11
  {%- if dataToShow.h2 != "" -%}
12
- <h2>
12
+ <h2 class="heading-h2">
13
13
  {{dataToShow.h2}}</h2>
14
14
  {%- endif -%}
15
15
  </div>
@@ -1,5 +1,5 @@
1
1
  {%- if dataToShow.HOW_TO_CONTENT -%}
2
- <div class="container">
2
+ <div class="container" id="howContainer">
3
3
  <p class="howto mb-0">How to</p>
4
4
  <div class="how-to-section mt-5 align-items-center row pt-5 justify-content-center">
5
5
  {%- if site.ezoicAds -%}
@@ -1,6 +1,5 @@
1
- <div class="container">
1
+ <div class="container" id="infographicsContainer">
2
2
  <h3 class="mb-5 infographics-title"><b>Other useful information</b></h3>
3
- </div>
4
3
 
5
4
  <div class="inforgraphics_section">
6
5
  <div class="wrapper">
@@ -35,6 +34,8 @@
35
34
  </div>
36
35
  </div>
37
36
 
37
+ </div>
38
+
38
39
  <script>
39
40
  const carousel = document.querySelector(".carousel"),
40
41
  firstImg = carousel.querySelectorAll("img")[0],
@@ -175,7 +175,14 @@
175
175
  }
176
176
 
177
177
  .serachSection {
178
- height: auto;
178
+ height: auto;
179
+ position: sticky;
180
+ top: 68px;
181
+ z-index: 99;
182
+ box-shadow: 0px 0px 30px #ffffff;
183
+ background: white;
184
+ padding: 4px;
185
+
179
186
  }
180
187
 
181
188
 
@@ -374,10 +381,12 @@
374
381
 
375
382
  .allGroupWords>.wordListHeading {
376
383
  background: var(--black-color);
377
- padding: 10px 0px 5px 25px;
384
+ padding: 10px 0px 10px 25px;
378
385
  border-top-right-radius: 13px;
379
386
  border-top-left-radius: 13px;
380
387
  color: #fff;
388
+ font-size: 20px;
389
+ font-weight: 600;
381
390
  }
382
391
 
383
392
  .wordListHeading>h3 {
@@ -387,6 +396,9 @@
387
396
 
388
397
  .wordList {
389
398
  padding: 15px;
399
+ display: inline-flex;
400
+ width: 100%;
401
+ flex-wrap: wrap;
390
402
  }
391
403
 
392
404
  .wordList>ul {
@@ -404,7 +416,6 @@
404
416
  }
405
417
 
406
418
  .wordList>ul li {
407
-
408
419
  padding: 8px 0;
409
420
  background: #f8f9fa;
410
421
  border-radius: 5px;
@@ -422,6 +433,15 @@
422
433
  text-decoration: none !important;
423
434
  font-weight: 600;
424
435
  list-style: none;
436
+ padding: 8px 0;
437
+ background: #f8f9fa;
438
+ border-radius: 5px;
439
+ margin: 6px 6px;
440
+ width: auto;
441
+ min-width: 100px;
442
+ text-align: center;
443
+ border: solid 1px var(--black-color);
444
+ box-shadow: 2px 2px 1px 0px var(--black-color);
425
445
  }
426
446
 
427
447
  .wordList .anchor__style .highlight {
@@ -76,7 +76,7 @@ input[type="number"] {
76
76
 
77
77
  #containerWd {
78
78
  max-width: 100%;
79
- width: 800px !important;
79
+ width: 900px !important;
80
80
  padding: 0px;
81
81
  position: relative;
82
82
  }
@@ -271,6 +271,7 @@ input:focus-visible {
271
271
  position: absolute;
272
272
  right: 13px;
273
273
  }
274
+
274
275
  .fillterWrapper input {
275
276
  border-radius: 74px;
276
277
  border: solid 2px #313131;
@@ -803,6 +804,42 @@ summary::-webkit-details-marker {
803
804
 
804
805
 
805
806
  @media (max-width: 768px) {
807
+ .top_tool_bar {
808
+ display: block !important;
809
+ }
810
+
811
+ .blog-link,
812
+ #navbarDropdown {
813
+ display: none;
814
+ }
815
+
816
+ .navbar-toggler{
817
+ position: absolute;
818
+ right: 10px;
819
+ z-index: 999999;
820
+ top: 10px;
821
+ width: 50px;
822
+ height: 50px;
823
+ padding: 0;
824
+ }
825
+
826
+ .navbar-toggler img{
827
+ height: 50px;
828
+ }
829
+
830
+ .mobile-top-bar {
831
+ display: block;
832
+ position: absolute;
833
+ right: 0;
834
+ width: 100%;
835
+ top: 0;
836
+ }
837
+
838
+ .navbar-nav .top_tool_bar {
839
+ max-height: 100vh;
840
+ padding: 3rem;
841
+ }
842
+
806
843
  .advancedFilterOptions {
807
844
  display: block;
808
845
  }
@@ -811,10 +848,11 @@ summary::-webkit-details-marker {
811
848
  display: none;
812
849
  }
813
850
 
814
- .fillterWrapper{
851
+ .fillterWrapper {
815
852
  gap: 10px;
816
853
  margin: 1rem 0px !important;
817
854
  }
855
+
818
856
  .overlay {
819
857
  display: none;
820
858
  }
@@ -0,0 +1,14 @@
1
+ <svg height="50px" width="1em" style="font-size: 25px" viewBox="0 0 24 24" fill="#000" xmlns="http://www.w3.org/2000/svg" stroke="#000">
2
+ <g id="SVGRepo_bgCarrier" stroke-width="0"></g>
3
+ <g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g>
4
+ <g id="SVGRepo_iconCarrier">
5
+ <g clip-path="url(#clip0_429_11083)">
6
+ <path d="M7 7.00006L17 17.0001M7 17.0001L17 7.00006" stroke="#000" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"></path>
7
+ </g>
8
+ <defs>
9
+ <clipPath id="clip0_429_11083">
10
+ <rect width="24" height="24" fill="white"></rect>
11
+ </clipPath>
12
+ </defs>
13
+ </g>
14
+ </svg>
data/assets/js/theme.js CHANGED
@@ -49,16 +49,23 @@ navbarDropdown.addEventListener("click", () => {
49
49
 
50
50
  }
51
51
  });
52
- const navbarToggler = document.querySelector('.navbar-toggler')
53
- const navBar = document.querySelector('#navbarSupportedContent')
52
+ const navbarToggler = document.querySelector('.navbar-toggler');
53
+ const navBar = document.querySelector('#navbarSupportedContent');
54
+ const menuIcon = '/assets/images/hamburger-menu.svg';
55
+ const closeIcon = '/assets/images/close-menu.svg';
56
+ const imgElement = navbarToggler.querySelector('img');
57
+
54
58
  navbarToggler.addEventListener('click', () => {
55
- if (navBar.classList.contains("show")) {
56
- navBar.classList.remove("show");
57
- navBar.style.display = "none"
59
+ if (navBar.classList.contains('show')) {
60
+ navBar.classList.remove('show');
61
+ navBar.style.display = 'none';
62
+ imgElement.src = menuIcon; // Change to hamburger menu icon when closing
58
63
  } else {
59
- navBar.classList.add("show");
60
- navBar.style.display = "block"
64
+ navBar.classList.add('show');
65
+ navBar.style.display = 'block';
66
+ imgElement.src = closeIcon; // Change to close icon when opening
61
67
  }
62
- })
68
+ });
69
+
63
70
 
64
71
  }
@@ -3,7 +3,6 @@
3
3
  ***************/
4
4
  console.log(true);
5
5
  const getScript = document.currentScript;
6
- console.log(getScript);
7
6
  let form = document.querySelector("#form");
8
7
  let wordCount = document.querySelector(".wordCount");
9
8
  let main = document.querySelector(".main");
@@ -39,6 +38,12 @@ const siteUrl = getScript.dataset.url;
39
38
  var sortValue;
40
39
  var sortBool = false;
41
40
 
41
+ let featureContainer = document.querySelector("#featureContainer")
42
+ let howContainer = document.querySelector("#howContainer")
43
+ let faqsContainer = document.querySelector("#faqsContainer")
44
+ let infographicsContainer = document.querySelector("#infographicsContainer")
45
+
46
+
42
47
  // let letterCloseButton = document.querySelector(
43
48
  // ".letter-close-button-commonPage"
44
49
  // );
@@ -208,9 +213,28 @@ const getDiff = (text1, text2) => {
208
213
  return diffRange;
209
214
  };
210
215
 
216
+ let authorsLists = document.querySelector(".authors-list")
217
+
211
218
  // getWords define...
212
219
  const getData = async (serachValue) => {
213
220
  try {
221
+ document.querySelector(".main-header").style.background = "#fff"
222
+ document.querySelector(".heading-h2").style.display = "none"
223
+ if(featureContainer){
224
+ featureContainer.remove()
225
+ }
226
+ if(howContainer){
227
+ howContainer.remove()
228
+ }
229
+ if(faqsContainer){
230
+ faqsContainer.remove()
231
+ }
232
+ if(infographicsContainer){
233
+ infographicsContainer.remove()
234
+ }
235
+ if(authorsLists){
236
+ authorsLists.remove()
237
+ }
214
238
  errorMsg.innerHTML = "";
215
239
  wordCount.innerHTML = "";
216
240
  let selectedDictionary = document.querySelector(".select_dropDown2").value;
@@ -227,17 +251,17 @@ const getData = async (serachValue) => {
227
251
  </li>
228
252
  <li class="blog-post o-media">
229
253
  <div class="o-media__figure">
230
- <span class="skeleton-box" style="width:800px;height:140px;"></span>
254
+ <span class="skeleton-box" style="width:900px;height:140px;"></span>
231
255
  </div>
232
256
  </li>
233
257
  <li class="blog-post o-media">
234
258
  <div class="o-media__figure">
235
- <span class="skeleton-box" style="width:800px;height:140px;"></span>
259
+ <span class="skeleton-box" style="width:900px;height:140px;"></span>
236
260
  </div>
237
261
  </li>
238
262
  <li class="blog-post o-media">
239
263
  <div class="o-media__figure">
240
- <span class="skeleton-box" style="width:800px;height:140px;"></span>
264
+ <span class="skeleton-box" style="width:900px;height:140px;"></span>
241
265
  </div>
242
266
  </li>
243
267
  </ul>
@@ -343,7 +367,7 @@ function getWords(data) {
343
367
  main.innerHTML = "";
344
368
  // tab_container.innerHTML = "";
345
369
  lengthSelect.innerHTML = ""
346
- document.querySelector(".sortingFilters").style.display="flex"
370
+ document.querySelector(".sortingFilters").style.display = "flex"
347
371
  if (typeof data === "string") {
348
372
  errorMsg.innerHTML = "no words found";
349
373
  wordCount.innerHTML = `<strong>Found 0 words with letters ${serachValue.split(
@@ -483,10 +507,12 @@ function getWords(data) {
483
507
  sum += ScrabbleLetterScore[item[i]] || 0; // for unknown characters
484
508
  }
485
509
  dataArr.push(item);
486
- return `<a class="anchor__style" title="Lookup ${item} in Dictionary" target="_blank" href="/word-meaning?search=${item.toLowerCase()}">
487
- <li>${itemHtml}
488
- <span class="points" value="${sum}" style="position:relative; top:4px; font-size:12px"> ${sum}</span>
489
- </li></a>`;
510
+ return `
511
+ <a class="anchor__style" title="Lookup ${item} in Dictionary" target="_blank" href="/word-meaning?search=${item.toLowerCase()}">
512
+ ${itemHtml}
513
+ <span class="points" value="${sum}" style="position:relative; top:4px; font-size:12px">${sum}</span>
514
+ </a>
515
+ `;
490
516
  }
491
517
  });
492
518
 
@@ -505,13 +531,9 @@ function getWords(data) {
505
531
  // tabs[0] ? tabs[0].classList.add("active-tab") : "";
506
532
  main.innerHTML += `
507
533
  <div class="allGroupWords wordlistContainer" id="alpha_${i}">
508
- <div class="wordListHeading">
509
- <h3 class="lead">${i} Letter Words</h3>
510
- </div>
534
+ <h3 class="wordListHeading lead">${i} Letter Words</h3>
511
535
  <div class="wordList">
512
- <ul class="ul list-unstyled">
513
536
  ${result.join("")}
514
- </ul>
515
537
  </div>
516
538
  </div>
517
539
  `;
@@ -579,7 +601,6 @@ function sortPointsby(sortValue, data) {
579
601
  newArray.push(value);
580
602
  }
581
603
  });
582
-
583
604
  newArray.sort(function (a, b) {
584
605
  return b.points - a.points;
585
606
  });
@@ -618,42 +639,42 @@ function sortPointsby(sortValue, data) {
618
639
  itemHtml += `<span class='highlight'>${itemValue}</span>`;
619
640
  }
620
641
  });
621
- return `<a class="anchor__style" title="Lookup ${item} in Dictionary" target="_blank" href="/word-meaning?search=${item.words}">
622
- <li>${itemHtml}
623
- <span class="points" value="${item.points}" style="position:relative; top:4px; font-size:12px"> ${item.points}</span>
624
- </li></a>`;
642
+ return `
643
+ <a class="anchor__style" title="Lookup ${item} in Dictionary" target="_blank" href="/word-meaning?search=${item.words}">
644
+ ${itemHtml}
645
+ <span class="points" value="${item.points}" style="position:relative; top:4px; font-size:12px"> ${item.points}</span>
646
+ </a>
647
+ `;
625
648
  });
626
-
627
649
  main.innerHTML += `
628
- <div class="allGroupWords wordlistContainer" id="alpha_${i}">
629
- <div class="wordListHeading">
630
- <h3 class="lead">${i} Letter Words</h3>
631
- </div>
632
- <div class="wordList">
633
- <ul class="ul list-unstyled">
634
- ${result.join("")}
635
- </ul>
636
- </div>
637
- </div>
638
- `;
650
+ <div class="allGroupWords wordlistContainer" id="alpha_${i}">
651
+ <h3 class="wordListHeading lead">${i} Letter Words</h3>
652
+ <div class="wordList">
653
+ ${result.join("")}
654
+ </div>
655
+ </div>
656
+ `;
639
657
  }
640
658
  }
641
659
  }
642
660
  }
661
+
662
+ // document.querySelector(".sortingFilters").style.display = "flex"
663
+ // document.querySelector(".wordCount").style.display = "block"
664
+
643
665
  // sort by aplhabets
644
666
  function sortby(sortBool, data) {
667
+ main.innerHTML = "";
645
668
  if (sortBool) {
646
- main.innerHTML = "";
647
669
  data.reverse();
670
+ console.log(data)
648
671
  let newWordsLength = 0;
649
672
  for (let i = serachValue.length; i >= 1; i--) {
650
673
  var newdata = data.filter((item) => item.length === i);
651
-
652
674
  if (newdata.length === 0) {
653
675
  main.innerHTML += "";
654
676
  } else {
655
677
  newWordsLength += newdata.length;
656
-
657
678
  const result = newdata.map((item) => {
658
679
  var text1 = serachValue.replace("?", "");
659
680
  var text2 = item;
@@ -689,28 +710,29 @@ function sortby(sortBool, data) {
689
710
  sum += ScrabbleLetterScore[item[i]] || 0; // for unknown characters
690
711
  }
691
712
 
692
- return `<a class="anchor__style" title="Lookup ${item} in Dictionary" target="_blank" href="/word-meaning?search=${item.toLowerCase()}">
693
- <li>${itemHtml}
694
- <span class="points" value="${sum}" style="position:relative; top:4px; font-size:12px"> ${sum}</span>
695
- </li></a>`;
713
+ return `
714
+ <a class="anchor__style" title="Lookup ${item} in Dictionary" target="_blank" href="/word-meaning?search=${item.toLowerCase()}">
715
+ ${itemHtml}
716
+ <span class="points" value="${sum}" style="position:relative; top:4px; font-size:12px">${sum}</span>
717
+ </a>
718
+ `;
696
719
  }
697
720
  });
698
721
 
722
+
723
+
699
724
  main.innerHTML += `
700
- <div class="allGroupWords wordlistContainer" id="alpha_${i}">
701
- <div class="wordListHeading">
702
- <h3 class="lead">${i} Letter Words</h3>
703
- </div>
704
- <div class="wordList">
705
- <ul class="ul list-unstyled">
706
- ${result.join("")}
707
- </ul>
708
- </div>
709
- </div>
710
- `;
725
+ <div class="allGroupWords wordlistContainer" id="alpha_${i}">
726
+ <h3 class="wordListHeading lead">${i} Letter Words</h3>
727
+ <div class="wordList">
728
+ ${result.join("")}
729
+ </div>
730
+ </div>
731
+ `;
711
732
  }
712
733
  }
713
- } else {
734
+ }
735
+ else {
714
736
  main.innerHTML = "";
715
737
  data.sort();
716
738
  for (let i = serachValue.length; i >= 1; i--) {
@@ -752,24 +774,22 @@ function sortby(sortBool, data) {
752
774
  sum += ScrabbleLetterScore[item[i]] || 0; // for unknown characters
753
775
  }
754
776
 
755
- return `<a class="anchor__style" title="Lookup ${item} in Dictionary" target="_blank" href="/word-meaning?search=${item.toLowerCase()}">
756
- <li>${itemHtml}
757
- <span class="points" value="${sum}" style="position:relative; top:4px; font-size:12px"> ${sum}</span>
758
- </li></a>`;
777
+ return `
778
+ <a class="anchor__style" title="Lookup ${item} in Dictionary" target="_blank" href="/word-meaning?search=${item.toLowerCase()}">
779
+ ${itemHtml}
780
+ <span class="points" value="${sum}" style="position:relative; top:4px; font-size:12px">${sum}</span>
781
+ </a>
782
+ `;
759
783
  }
760
784
  });
761
785
  main.innerHTML += `
762
- <div class="allGroupWords wordlistContainer" id="alpha_${i}">
763
- <div class="wordListHeading">
764
- <h3 class="lead">${i} Letter Words</h3>
765
- </div>
766
- <div class="wordList">
767
- <ul class="ul list-unstyled">
768
- ${result.join("")}
769
- </ul>
770
- </div>
771
- </div>
772
- `;
786
+ <div class="allGroupWords wordlistContainer" id="alpha_${i}">
787
+ <h3 class="wordListHeading lead">${i} Letter Words</h3>
788
+ <div class="wordList">
789
+ ${result.join("")}
790
+ </div>
791
+ </div>
792
+ `;
773
793
  }
774
794
  }
775
795
  }
@@ -246,10 +246,33 @@ const getDiff = (text1, text2) => {
246
246
  }
247
247
  return diffRange
248
248
  }
249
+ let featureContainer = document.querySelector("#featureContainer")
250
+ let howContainer = document.querySelector("#howContainer")
251
+ let faqsContainer = document.querySelector("#faqsContainer")
252
+ let infographicsContainer = document.querySelector("#infographicsContainer")
253
+ let authorsLists = document.querySelector(".authors-list")
254
+
249
255
  const getData = async (serachValue) => {
250
256
  try {
257
+ document.querySelector(".main-header").style.background = "#fff"
258
+ document.querySelector(".heading-h2").style.display = "none"
251
259
  errorMsg.innerHTML = ""
252
260
  wordCount.innerHTML = ""
261
+ if(featureContainer){
262
+ featureContainer.remove()
263
+ }
264
+ if(howContainer){
265
+ howContainer.remove()
266
+ }
267
+ if(faqsContainer){
268
+ faqsContainer.remove()
269
+ }
270
+ if(infographicsContainer){
271
+ infographicsContainer.remove()
272
+ }
273
+ if(authorsLists){
274
+ authorsLists.remove()
275
+ }
253
276
  home_page_search_result.innerHTML = ""
254
277
  let selectedDictionary = document.querySelector('.select_dropDown2').value
255
278
  main.innerHTML = `<main class="placeholder-loader">
@@ -505,26 +528,21 @@ function x_with_letters(data) {
505
528
 
506
529
  dataArr.push(item)
507
530
  return `<a class="anchor__style" title="Lookup ${item} in Dictionary" target="_blank" href="/word-meaning?search=${item}">
508
- <li>${itemHtml}
531
+ ${itemHtml}
509
532
  <span class="points" value="${sum}" style="position:relative; top:4px; font-size:12px"> ${sum}</span>
510
- </li></a>`
533
+ </a>`
511
534
  })
512
535
  home_page_search_result.href = homePageSearchResult
513
536
  home_page_search_result.innerHTML = `See words of any length with letters ${serachValue.split("")}`
514
537
 
515
-
516
538
  main.innerHTML += `
517
- <div class="allGroupWords">
518
- <div class="wordListHeading">
519
- <h3 class="lead">${itemLength} Letter Words</h3>
520
- </div>
521
- <div class="wordList">
522
- <ul class="ul list-unstyled">
523
- ${result.join('')}
524
- </ul>
525
- </div>
526
- </div>
527
- `
539
+ <div class="allGroupWords">
540
+ <h3 class="wordListHeading lead">${itemLength} Letter Words</h3>
541
+ <div class="wordList">
542
+ ${result.join("")}
543
+ </div>
544
+ </div>
545
+ `;
528
546
 
529
547
  // sort eventlistener
530
548
  theSelect.addEventListener('change', () => {
@@ -644,20 +662,16 @@ function sortPointsby(sortValue, data, i) {
644
662
  }
645
663
  })
646
664
  return `<a class="anchor__style" title="Lookup ${item} in Dictionary" target="_blank" href="/word-meaning?search=${item.words}">
647
- <li>${itemHtml}
665
+ ${itemHtml}
648
666
  <span class="points" value="${item.points}" style="position:relative; top:4px; font-size:12px"> ${item.points}</span>
649
- </li></a>`
667
+ </a>`
650
668
  })
651
669
 
652
670
  main.innerHTML += `
653
671
  <div class="allGroupWords wordlistContainer" id="alpha_${i}">
654
- <div class="wordListHeading">
655
- <h3 class="lead">${i} Letter Words</h3>
656
- </div>
672
+ <h3 class="wordListHeading lead">${i} Letter Words</h3>
657
673
  <div class="wordList">
658
- <ul class="ul list-unstyled">
659
674
  ${result.join('')}
660
- </ul>
661
675
  </div>
662
676
  </div>
663
677
  `
@@ -712,20 +726,16 @@ function sortby(sortBool, data, i) {
712
726
  })
713
727
 
714
728
  return `<a class="anchor__style" title="Lookup ${item} in Dictionary" target="_blank" href="/word-meaning?search=${item}">
715
- <li>${itemHtml}
729
+ ${itemHtml}
716
730
  <span class="points" value="${sum}" style="position:relative; top:4px; font-size:12px"> ${sum}</span>
717
- </li></a>`
731
+ </a>`
718
732
  })
719
733
 
720
734
  main.innerHTML += `
721
735
  <div class="allGroupWords wordlistContainer" id="alpha_${i}">
722
- <div class="wordListHeading">
723
- <h3 class="lead">${i} Letter Words</h3>
724
- </div>
736
+ <h3 class="wordListHeading lead">${i} Letter Words</h3>
725
737
  <div class="wordList">
726
- <ul class="ul list-unstyled">
727
738
  ${result.join('')}
728
- </ul>
729
739
  </div>
730
740
  </div>
731
741
 
@@ -777,20 +787,16 @@ function sortby(sortBool, data, i) {
777
787
  })
778
788
 
779
789
  return `<a class="anchor__style" title="Lookup ${item} in Dictionary" target="_blank" href="/word-meaning?search=${item}">
780
- <li>${itemHtml}
790
+ ${itemHtml}
781
791
  <span class="points" value="${sum}" style="position:relative; top:4px; font-size:12px"> ${sum}</span>
782
- </li></a>`
792
+ </a>`
783
793
  })
784
794
 
785
795
  main.innerHTML += `
786
796
  <div class="allGroupWords wordlistContainer" id="alpha_${i}">
787
- <div class="wordListHeading">
788
- <h3 class="lead">${i} Letter Words</h3>
789
- </div>
797
+ <h3 class="wordListHeading lead">${i} Letter Words</h3>
790
798
  <div class="wordList">
791
- <ul class="ul list-unstyled">
792
799
  ${result.join('')}
793
- </ul>
794
800
  </div>
795
801
  </div>
796
802
 
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.6.4
4
+ version: 2.6.6
5
5
  platform: ruby
6
6
  authors:
7
7
  - manpreet-appscms
8
8
  autorequire:
9
9
  bindir: bin
10
10
  cert_chain: []
11
- date: 2024-03-04 00:00:00.000000000 Z
11
+ date: 2024-03-11 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: jekyll
@@ -287,6 +287,7 @@ files:
287
287
  - assets/images/check.svg
288
288
  - assets/images/close-btn.svg
289
289
  - assets/images/close-button.svg
290
+ - assets/images/close-menu.svg
290
291
  - assets/images/close.png
291
292
  - assets/images/copy.svg
292
293
  - assets/images/debosmita.jpeg