word-games-theme 2.9.2 → 2.9.3

data/assets/css/wordgames-variables.css

@@ -1,5 +1,5 @@
 :root {
-    --primary-color: #0CC48B;
+    --primary-color: #b641da;
     --font-size: 16px;
     --secondary-color: #E0FDFE;
     --secondary-color-1: #fafafa;

data/assets/images/close-menu.svg

@@ -1,9 +1,9 @@
- <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">
+ <svg height="50px" width="1em" style="font-size: 25px" viewBox="0 0 24 24" fill="white" xmlns="http://www.w3.org/2000/svg" stroke="white">
                     <g id="SVGRepo_bgCarrier" stroke-width="0"></g>
                     <g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g>
                     <g id="SVGRepo_iconCarrier">
                       <g clip-path="url(#clip0_429_11083)">
-                        <path d="M7 7.00006L17 17.0001M7 17.0001L17 7.00006" stroke="#000" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"></path>
+                        <path d="M7 7.00006L17 17.0001M7 17.0001L17 7.00006" stroke="white" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"></path>
                       </g>
                       <defs>
                         <clipPath id="clip0_429_11083">

data/assets/js/scrabbleDictonary.js

@@ -1,14 +1,17 @@
 // getqueryUrl from form
 const params = new URLSearchParams(window.location.search)
 let serachValue = params.get('search')
+let defintions = document.querySelector("#Defintions")
 
 let txtBox = document.querySelector('.txtBox')
 txtBox.value = serachValue
 
+defintions.innerHTML  = `Defintion(s) for ${serachValue}`
+
 // DICTONARY
 const fetchMeaning = async (serachValue) => {
   try {
-    let resMeaning = await fetch(`/.netlify/functions/wordMeaning?search=${serachValue}`)
+    let resMeaning = await fetch(`http://127.0.0.1:9000/wordMeaning?search=${serachValue}`)
     let getDef = await resMeaning.text()
 
     if (getDef && resMeaning.status == 200) {
@@ -144,7 +147,7 @@ const fetchTWL06Dic = async (serachValue) => {
   }
 
   try {
-    let res = await fetch(`/.netlify/functions/gettwl06?search=${serachValue}`)
+    let res = await fetch(`http://127.0.0.1:9000/gettwl06?search=${serachValue}`)
 
     let getData = await res.text()
 
@@ -201,7 +204,7 @@ const fetchSOWPODSDic = async (serachValue) => {
     sum += newAlphabet[item[i]] || 0 // for unknown characters
   }
 
-  let res = await fetch(`/.netlify/functions/getsowpods?search=${serachValue}`)
+  let res = await fetch(`http://127.0.0.1:9000/getsowpods?search=${serachValue}`)
 
   let getData = await res.text()
 
@@ -254,7 +257,7 @@ const fetchEnableDic = async (serachValue) => {
     sum += newAlphabet[item[i]] || 0 // for unknown characters
   }
 
-  let res = await fetch(`/.netlify/functions/getenable?search=${serachValue}`)
+  let res = await fetch(`http://127.0.0.1:9000/getenable?search=${serachValue}`)
 
   let getData = await res.text()
 

data/assets/js/theme.js

@@ -8,64 +8,141 @@ if ("{{ site.removeBootstrapJs }}" === "true") {
   const intModalBtn = document.querySelector("#int-modal-btn");
   const closeBtn = document.querySelector("#close-modal");
 
-  if(intModalBtn){
-  intModalBtn.addEventListener("click", () => {
-    languagesModal.style.display = "block";
-    languagesModal.classList.add("show");
-    let modal = document.createElement("div");
-    modal.classList.add("modal-backdrop", "show");
-    document.body.appendChild(modal);
-  });
-  closeBtn.addEventListener("click", () => {
-    languagesModal.style.display = "none";
-    languagesModal.classList.remove("show");
-    let modal = document.querySelector(".modal-backdrop");
-    document.body.removeChild(modal);
-  });
-}
+  if (intModalBtn) {
+    intModalBtn.addEventListener("click", () => {
+      languagesModal.style.display = "block";
+      languagesModal.classList.add("show");
+      let modal = document.createElement("div");
+      modal.classList.add("modal-backdrop", "show");
+      document.body.appendChild(modal);
+    });
+    closeBtn.addEventListener("click", () => {
+      languagesModal.style.display = "none";
+      languagesModal.classList.remove("show");
+      let modal = document.querySelector(".modal-backdrop");
+      document.body.removeChild(modal);
+    });
+  }
 
 
-var mediaQuery = window.matchMedia("(max-width: 768px)")
-let navbarDropdown = document.querySelector("#navbarDropdown");
-let dropmenu = document.querySelector(".dropmenu");
-navbarDropdown.addEventListener("click", () => {
-    if (dropmenu.classList.contains("show")) {
-      dropmenu.classList.remove("show");
-      dropmenu.style.display = "none"
-    } else {
-      dropmenu.classList.add("show");
-      if (mediaQuery.matches) {
-        dropmenu.style.display = "block"
+  var mediaQuery = window.matchMedia("(max-width: 768px)")
+  let navbarDropdown = document.querySelector("#navbarDropdown");
+  let dropmenu = document.querySelector(".dropmenu");
+  // navbarDropdown.addEventListener("click", () => {
+  //   if (dropmenu.classList.contains("show")) {
+  //     dropmenu.classList.remove("show");
+  //     dropmenu.style.display = "none"
+  //   } else {
+  //     dropmenu.classList.add("show");
+  //     if (mediaQuery.matches) {
+  //       dropmenu.style.display = "block"
+  //     } else {
+  //       dropmenu.style.display = "grid"
+  //       dropmenu.style.padding = "3.5rem"
+  //       dropmenu.style.gridTemplateColumns = "auto auto";
+  //       dropmenu.style.columnGap = "5rem";
+  //       dropmenu.style.rowGap = "1rem";
+  //       dropmenu.style.borderBottom = "1px solid rgba(0, 0, 0, 0.1)"
+  //       dropmenu.style.borderLeft = "1px solid rgba(0, 0, 0, 0.1)"
+  //       dropmenu.style.borderRight = "1px solid rgba(0, 0, 0, 0.1)"
+  //     }
+
+  //   }
+  // });
+
+
+  const wordGamesToolbarListItems = document.querySelectorAll(
+    ".wordgames-toolbar-list-item-span"
+  );
+
+  Array.from(wordGamesToolbarListItems).map((item) => {
+    item.addEventListener("click", (e) => {
+      e.preventDefault();
+      var style = window.getComputedStyle(item.nextElementSibling);
+      var maxHeight = style.getPropertyValue("max-height");
+      console.log(maxHeight)
+      if (maxHeight && maxHeight !== "0px") {
+        // If the item is expanded, collapse it
+        item.nextElementSibling.style.maxHeight = "0";
+        item.nextElementSibling.style.opacity = "0";
+        item.nextElementSibling.style.height = "0";
       } else {
-        dropmenu.style.display = "grid"
-        dropmenu.style.padding = "3.5rem"
-        dropmenu.style.gridTemplateColumns = "auto auto";
-        dropmenu.style.columnGap= "5rem";
-        dropmenu.style.rowGap= "1rem";
-        dropmenu.style.borderBottom= "1px solid rgba(0, 0, 0, 0.1)"
-        dropmenu.style.borderLeft= "1px solid rgba(0, 0, 0, 0.1)"
-        dropmenu.style.borderRight= "1px solid rgba(0, 0, 0, 0.1)"
+        // If the item is collapsed, expand it
+        item.nextElementSibling.style.maxHeight =
+          item.nextElementSibling.scrollHeight + "px";
+        item.nextElementSibling.style.opacity = "1";
+        item.nextElementSibling.style.height = "auto";
       }
-     
-    }
-});
-const navbarToggler = document.querySelector('.navbar-toggler');
-const navBar = document.querySelector('#navbarSupportedContent');
-const menuIcon = '/assets/images/hamburger-menu.svg';
-const closeIcon = '/assets/images/close-menu.svg';
-const imgElement = navbarToggler.querySelector('img');
+    });
+  });
+
 
-navbarToggler.addEventListener('click', () => {
+
+  const navbarToggler = document.querySelector('.navbar-toggler');
+  const navBar = document.querySelector('#navbarSupportedContent');
+  const menuIcon = '/assets/images/hamburger-menu.svg';
+  const closeIcon = '/assets/images/close-menu.svg';
+  const imgElement = navbarToggler.querySelector('img');
+
+  navbarToggler.addEventListener('click', () => {
     if (navBar.classList.contains('show')) {
-        navBar.classList.remove('show');
-        navBar.style.display = 'none';
-        imgElement.src = menuIcon; // Change to hamburger menu icon when closing
+      navBar.classList.remove('show');
+      navBar.style.display = 'none';
+      imgElement.src = menuIcon; // Change to hamburger menu icon when closing
     } else {
-        navBar.classList.add('show');
-        navBar.style.display = 'block';
-        imgElement.src = closeIcon; // Change to close icon when opening
+      navBar.classList.add('show');
+      navBar.style.display = 'block';
+      imgElement.src = closeIcon; // Change to close icon when opening
     }
-});
+  });
 
 
-}
+}
+
+
+
+
+// Fetch data from data.json
+async function fetchData() {
+  const response = await fetch('/alllinks.json');
+  const data = await response.json();
+  return data.featuredLinks;
+}
+
+// Filter data based on search query
+function filterData(data, query) {
+  return data.filter(item => item.name.toLowerCase().includes(query.toLowerCase()));
+}
+
+// Display filtered results
+function displayResults(results) {
+  const resultsContainer = document.getElementById('results');
+  resultsContainer.style.display = results.length ? 'block' : 'none';
+  resultsContainer.innerHTML = results.length
+    ? results.map(result => `<div class="result-item"><a href="${result.url}" target="_blank">${result.name}</a></div>`).join('')
+    : '<p>No results found</p>';
+}
+
+// Handle search input
+const searchInput = document.querySelector('.searchBar input');
+searchInput.addEventListener('input', async (event) => {
+  const query = event.target.value;
+  const data = await fetchData();
+  const filteredResults = filterData(data, query);
+  displayResults(filteredResults);
+
+  gtag('event', 'search', {
+    'event_category': 'engagement',
+    'event_label': 'Search Box',
+    'value': query
+  });
+
+});
+
+// Hide results when clicking outside search input and results container
+document.addEventListener('click', (event) => {
+  const resultsContainer = document.getElementById('results');
+  if (!searchInput.contains(event.target) && !resultsContainer.contains(event.target)) {
+    resultsContainer.style.display = 'none';
+  }
+});

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: word-games-theme
 version: !ruby/object:Gem::Version
-  version: 2.9.2
+  version: 2.9.3
 platform: ruby
 authors:
 - manpreet-appscms
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2024-06-24 00:00:00.000000000 Z
+date: 2024-07-05 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: jekyll
@@ -110,6 +110,7 @@ files:
 - _data/wordgames/en/word-meaning.json
 - _data/wordgames/en/words_with_friends_word_finder.json
 - _data/wordgames/hi/four_letter_word_finder.json
+- _data/wordgames/hi/words-with-these-letters-and-2-blanks.json
 - _data/wordleSolver/en/data.json
 - _data/wordleSolver/en/resultData.json
 - _data/xyzPagesData/en/unscramble-letters-jumble.json
@@ -178,6 +179,7 @@ files:
 - _includes/wordgames/head/head.html
 - _includes/wordgames/header/blog-header.html
 - _includes/wordgames/header/header.html
+- _includes/wordgames/header/new-header.html
 - _includes/wordgames/headings/headings.html
 - _includes/wordgames/howto/howto.html
 - _includes/wordgames/infographics/infographics.html