word-games-theme 2.9.1 → 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';
+  }
+});

data/assets/js/wordleSolver.js

@@ -41,34 +41,313 @@ for (let e = 0; e < greyLetters.length; e++) {
   })
 }
 
+let wordleSolverData = document.getElementById('wordleSolverData')
+greenLetters[0].focus()
+let wordleWordCount = document.querySelector('#wordleWordCount')
+let wordleSolvererrorMsg = document.querySelector('#wordleSolvererrorMsg')
+let wordlesolver_submit = document.getElementById('wordlesolver_submit')
+let newWordsLength = 0
+
+let errMessage = document.querySelector('.errMessage')
+let wrapper_div = document.querySelector('.wrapper_div')
+const params = new URLSearchParams(window.location.search)
+let spinner = document.querySelector('.spinner')
+
+let featureContainer = document.querySelector("#featureContainer")
+let howContainer = document.querySelector("#howContainer")
+let faqsContainer = document.querySelector("#faqsContainer")
+let infographicsContainer = document.querySelector("#infographicsContainer")
+let authorsLists = document.querySelector(".authors-list")
+
 function handleSubmit(e) {
   e.preventDefault()
+
+  if (featureContainer) {
+    featureContainer.remove()
+  }
+  if (howContainer) {
+    howContainer.remove()
+  }
+  if (faqsContainer) {
+    faqsContainer.remove()
+  }
+  if (infographicsContainer) {
+    infographicsContainer.remove()
+  }
+  if (authorsLists) {
+    authorsLists.remove()
+  }
+
+
+
+  document.querySelector(".refineSerach").style.display = "block"
+  const scrollingElement = (document.scrollingElement || document.body);
+  scrollingElement.scroll({ top: 515, behavior: 'smooth' });
+
+  let greenWithIndex = getIndexs('.greenWithIndex')
+
   let corretLettterArray = []
+  let getGreenLetters = []
   Array.from(greenLetters).map((item) => {
     if (!item.value) {
-      corretLettterArray.push(item.value.replace("", "_"))
+      corretLettterArray.push(item.value.replace("", "_").toLowerCase())
     } else {
-      corretLettterArray.push(item.value)
+      getGreenLetters.push(item.value.toLowerCase())
+      corretLettterArray.push(item.value.toLowerCase())
     }
   })
-  let includesLettterArray = []
+  let includesLettersArray = []
+  let getYellowLetters = []
   Array.from(yellowLetters).map((item) => {
     if (!item.value) {
-      includesLettterArray.push(item.value.replace("", "_"))
+      includesLettersArray.push(item.value.replace("", "_").toLowerCase())
     } else {
-      includesLettterArray.push(item.value)
+      getYellowLetters.push(item.value.toLowerCase())
+      includesLettersArray.push(item.value.toLowerCase())
     }
   })
-  let exculdesLettterArray = []
+  let excludesLettersArray = []
+  let getGreyLetters = []
   Array.from(greyLetters).map((item) => {
     if (!item.value) {
-      exculdesLettterArray.push(item.value.replace("", "_"))
+      excludesLettersArray.push(item.value.replace("", "_").toLowerCase())
     } else {
-      exculdesLettterArray.push(item.value)
+      getGreyLetters.push(item.value.toLowerCase())
+      excludesLettersArray.push(item.value.toLowerCase())
     }
   })
+  if (history.pushState) {
+    var newurl = window.location.protocol + "//" + window.location.host +
+      window.location.pathname + '?' + "correct" + "=" + corretLettterArray.join("")
+      + '&includes' + '=' + includesLettersArray.join("") + "&excludes" + '=' + excludesLettersArray.join("")
+    window.history.pushState({ path: newurl }, '', newurl);
+
+    const params = new URLSearchParams(window.location.search)
+    let correct = params.get('correct')
+    let includes = params.get('includes')
+    let excludes = params.get('excludes')
+
+    gtag('event', 'page_view', {
+      page_location: window.location.pathname + location.search,
+    })
+  }
+  wordleSolver(getGreenLetters, getYellowLetters, getGreyLetters, greenWithIndex)
+}
+if (params.size > 0) {
+  window.onload = function (e) {
+    handleSubmit(e);
+  }
+  let correct = params.get('correct').toLowerCase()
+  let includes = params.get('includes').toLowerCase()
+  let excludes = params.get('excludes').toLowerCase()
+  for (let g = 0; g < greenLetters.length; g++) {
+    const elem = greenLetters[g]
+    let values = correct.split("")
+    values.map((item, index) => {
+      if (Number(elem.dataset.id) === index) {
+        elem.value = item.replace("_", "")
+        if (elem.value != "") {
+          elem.classList.add('ws-fcs')
+        }
+      }
+    })
+    elem.addEventListener('input', (e) => {
+      e.target.value = e.target.value.replace(/[^a-zA-Z? ]/g, "")
+      if (e.target.value) {
+        e.target.classList.add('ws-fcs')
+      } else {
+        e.target.classList.remove('ws-fcs')
+      }
+    })
+  }
+  for (let y = 0; y < yellowLetters.length; y++) {
+    const elem = yellowLetters[y]
+    let values = includes.split("")
+    values.map((item, index) => {
+      if (Number(elem.dataset.id) === index) {
+        elem.value = item.replace("_", "")
+        if (elem.value != "") {
+          elem.classList.add('ws-fcs2')
+        }
+      }
+    })
+    elem.addEventListener('input', (e) => {
+      e.target.value = e.target.value.replace(/[^a-zA-Z? ]/g, "")
+      if (e.target.value) {
+        e.target.classList.add('ws-fcs2')
+      } else {
+        e.target.classList.remove('ws-fcs2')
+      }
+    })
+  }
+  for (let e = 0; e < greyLetters.length; e++) {
+    const elem = greyLetters[e]
+    let values = excludes.split("")
+    values.map((item, index) => {
+      if (Number(elem.dataset.id) === index) {
+        elem.value = item.replace("_", "")
+        if (elem.value != "") {
+          elem.classList.add('ws-fcs3')
+        }
+      }
+    })
+
+    elem.addEventListener('input', (e) => {
+      e.target.value = e.target.value.replace(/[^a-zA-Z? ]/g, "")
+      if (e.target.value) {
+        e.target.classList.add('ws-fcs3')
+      } else {
+        e.target.classList.remove('ws-fcs3')
+      }
+    })
+  }
 
-  window.location = `/${permalink}/result` + '?' + "correct" + "=" + corretLettterArray.join("")
-    + '&includes' + '=' + includesLettterArray.join("") + "&excludes" + '=' + exculdesLettterArray.join("")
 }
-form.addEventListener('submit', handleSubmit)
+form.addEventListener('submit', handleSubmit)
+
+const wordleSolver = async (value, value2, value3, greenWithIndex) => {
+  try {
+    let result = ''
+    document.querySelector('#updateTxt').innerHTML = ''
+    spinner.classList.add('spinner-border')
+    wordleWordCount.innerHTML = 'Searching for best possible letters...'
+    let response = await fetch('/.netlify/functions/wordleSolver', {
+      method: 'POST',
+      body: JSON.stringify({
+        greenLetters: value,
+        yellowLetters: value2,
+        greyLetters: value3,
+        greenWithIndex: greenWithIndex,
+      }),
+    })
+    let data = await response.json()
+    data = data.slice(0, 1000)
+    document.querySelector('#updateTxt').innerHTML = 'Solve'
+    spinner.classList.remove('spinner-border')
+
+    let ok = true
+    if (data.length === 0) {
+      newWordsLength = ''
+      wordleSolverData.innerHTML = ''
+      wordleSolvererrorMsg.classList.add('alert-danger')
+      wordleSolvererrorMsg.innerHTML = 'Sorry!! No words found'
+      wordleWordCount.style.display = 'none'
+      // console.log(wordleWordCount)
+    } else {
+      wordleWordCount.style.display = 'block'
+      wordleSolverData.innerHTML = ''
+      wordleSolvererrorMsg.classList.remove('alert-danger')
+      wordleSolvererrorMsg.innerHTML = ''
+      newWordsLength = ''
+      newWordsLength += data.length
+      result = data.map((item) => {
+        if (item.length === 1) {
+          ok = false
+          newWordsLength = newWordsLength - 1
+        } else {
+          // console.log(newWordsLength);
+          let ScrabbleLetterScore = ScrabbleScore()
+          sum = 0
+          item = item.toLowerCase()
+          for (let i = 0; i < item.length; i++) {
+            sum += ScrabbleLetterScore[item[i]] || 0 // for unknown characters
+          }
+          return `
+          <a class="anchor__style" title="Lookup ${item} in Dictionary" target="_blank" href="/word-meaning?search=${item.toLowerCase()}">
+          <li>
+          ${item.toLowerCase()}
+          <span class="points" value="${sum}" style="position:relative; top:4px; font-size:12px"> ${sum}</span>
+          </li>
+          </a>
+          `
+        }
+      })
+      if (ok) {
+        wordleSolverData.innerHTML += `
+            <div class="allfiveletterswords wordlistContainer">
+                <div class="wordListHeading">
+                    <h3 class="lead">Solve wordle with these words</h3>
+                </div>
+                <div class="wordList">
+                    <ul class="ul list-unstyled">
+                     ${result.join('')}
+                    </ul>
+                </div>
+            </div>
+            `
+      }
+    }
+
+    if (newWordsLength === 0) {
+      console.log(true)
+      wordleSolvererrorMsg.classList.add('alert-danger')
+      wordleSolvererrorMsg.innerHTML = 'Sorry!! No words found'
+    } else {
+      wordleWordCount.innerHTML = `<strong>Found <span style="color:#20a815">${newWordsLength}</span> matching words for wordle</strong>`
+    }
+  } catch (error) {
+    console.log(error)
+  }
+}
+const getLetters = (object) => {
+  let letters = []
+  if (typeof object === 'string') {
+    object = document.querySelectorAll(object)
+  }
+  for (let item of object) {
+    if (item.value.trim().length === 1) {
+      letters.push(item.value.toLowerCase())
+    }
+  }
+  return letters
+}
+const getIndexs = (object) => {
+  let index = []
+  if (typeof object === 'string') {
+    object = document.querySelectorAll(object)
+  }
+  for (let item of object) {
+    if (item.value.trim().length === 1) {
+      index.push({
+        value: item.value.toLowerCase(),
+        index: item.dataset.id,
+      })
+    }
+  }
+  return index
+}
+document.querySelector(".refineSerach").addEventListener("click", () => {
+  const scrollingElement = (document.scrollingElement || document.body);
+  scrollingElement.scroll({ top: 0, behavior: 'smooth' });
+})
+const ScrabbleScore = () => {
+  let twl06_sowpods = {
+    a: 1,
+    e: 1,
+    i: 1,
+    o: 1,
+    u: 1,
+    l: 1,
+    n: 1,
+    r: 1,
+    s: 1,
+    t: 1,
+    d: 2,
+    g: 2,
+    b: 3,
+    c: 3,
+    m: 3,
+    p: 3,
+    f: 4,
+    h: 4,
+    v: 4,
+    w: 4,
+    y: 4,
+    k: 5,
+    j: 8,
+    x: 8,
+    q: 10,
+    z: 10,
+  }
+  return twl06_sowpods
+}

data/assets/js/wordleSolverResult.js

@@ -19,29 +19,6 @@ let includes = params.get('includes').toLowerCase()
 let excludes = params.get('excludes').toLowerCase()
 
 
-// let addMore = document.querySelector('#addMore')
-
-// addMore.addEventListener('click', (e) => {
-//   e.preventDefault()
-//   let div = document.createElement('div')
-//   div.classList.add('d-flex')
-//   div.classList.add('mt-2')
-
-//   for (let i = 20; i <= 24; i++) {
-//     let input = document.createElement('input')
-//     input.type = 'text'
-//     input.setAttribute('maxlength', '1')
-//     input.setAttribute('autocomplete', 'off')
-//     if (i <= 24) {
-//       input.setAttribute('tabIndex', i)
-//     }
-//     let classes = ['wordleSolver-field', 'greyLetters', 'form-control', 'px-5']
-//     input.classList.add(...classes)
-//     input.id = 'greyLetters'
-//     div.append(input)
-//     wrapper_div.append(div)
-//   }
-// })
 
 let spinner = document.querySelector('.spinner')
 const wordleSolver = async (value, value2, value3, greenWithIndex) => {

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: word-games-theme
 version: !ruby/object:Gem::Version
-  version: 2.9.1
+  version: 2.9.3
 platform: ruby
 authors:
 - manpreet-appscms
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2024-06-20 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