word-games-theme 0.9.3 → 0.9.4

data/assets/css/news.css

@@ -37,11 +37,11 @@
   padding-right: 30px;
   line-height: 1.4;
   cursor: pointer;
-  padding-left: 48px;
+  /* padding-left: 48px; */
 }
 .meduim-text {
   font-size: 14px;
-  padding-left: 48px;
+  /* padding-left: 48px; */
   font-weight: 500;
   line-height: 1.75;
   text-align: left;

data/assets/css/style.css

@@ -30,10 +30,9 @@ header {
   width: 100%;
   position: relative;
 }
-
-.navbar-section {
+.navbar {
   width: 100%;
-  padding: 1.2rem 4rem !important;
+  padding: 1.2rem 9% !important;
   position: fixed;
   top: 0;
   left: 0;
@@ -54,7 +53,7 @@ header {
   outline: none !important;
 }
 .navbar-nav {
-  margin-left: 11rem;
+  margin-left: 14rem;
 }
 .navbar-nav .nav-item {
   padding: 0 15px;
@@ -244,8 +243,13 @@ header {
   font-size: 14px;
 }
 
+.tools_headings {
+  margin-top: 110px;
+  margin-bottom: 20px;
+}
+
 @media (max-width: 768px) {
-  .navbar-section {
+  .navbar {
     padding: 1.2rem 15px !important;
   }
 
@@ -310,7 +314,6 @@ header {
   filter: brightness();
   filter: brightness(100);
 }
-
 .rating-tool {
   width: 100%;
   display: flex;
@@ -390,6 +393,9 @@ header {
   padding: 4px 0;
 }
 @media (max-width: 768px) {
+  .rating-text,.rating-value{
+    font-size: 12px;
+  }
  
   .social-icons {
     left: 0;
@@ -417,7 +423,20 @@ header {
 .social-icon:hover {
   color: black;
 }
-
 .highlight {
   color: #ff0000 !important;
 }
+.related_post_heading,.related_post_heading{
+  width: 100%;
+  font-size: 46px;
+  text-align: center;
+  font-weight: 800;
+  font-stretch: normal;
+  font-style: normal;
+  line-height: 1.24;
+  letter-spacing: normal;
+  color: #11304e;
+  margin-bottom: 45px;
+  padding-top: 75px;
+  display: inline-block;
+}

data/assets/css/wordGroup.css

@@ -53,9 +53,12 @@
 @media (max-width: 768px) {
   .wordCount {
     font-size: 1.3rem;
-    margin-top: 15px;
+    /* margin-top: 15px; */
   }
-  .pagePad{
+  .pad{
+    padding-bottom: 50px;
+  }
+  /* .pagePad{
   padding-top: 130px !important ;
   }
   .pad {
@@ -63,5 +66,5 @@
   }
   .xyzPad{
     padding-top: 50px;
-  }
+  } */
 }

data/assets/css/wordleSolver.css

@@ -1,3 +1,5 @@
+
+/* wordle solver tool css */
 .ws {
   display: flex;
   flex-direction: column;
@@ -15,10 +17,7 @@
   padding-top: 15px;
   text-align: center;
 }
-.wordleSolver_headings {
-  margin-top: 110px;
-  margin-bottom: 20px;
-}
+
 .wordleSolver-field {
   border-radius: 5px;
   margin: 0 5px 0 0 !important;
@@ -51,8 +50,8 @@
 .wordlesolver-btn {
   padding: 8px 25px;
   font-size: 15px;
-  background-color: #6aaa64;
-  border-color: #6aaa64;
+  background-color: #20a815;
+  border-color: #20a815;
   color: #fff;
   border-radius: 5px;
   width: 100px;
@@ -70,7 +69,6 @@
   font-size: 14px;
   font-weight: 600;
 }
-
 .allfiveletterswords {
   background-color: white !important;
   width: 75%;
@@ -87,25 +85,22 @@
   border-top-right-radius: 15px;
   border-top-left-radius: 15px;
 }
-
 #wordleWordCount {
   font-size: 18px;
   width: 75%;
   margin: 10px auto;
 }
-
 .ws-fcs {
   color: #fff !important;
-  background-color: #6aaa64 !important;
+  background-color: #20a815 !important;
 }
 .ws-fcs2 {
   color: #fff !important;
-  background-color: #c9b458 !important;
+  background-color: #C59E28 !important;
 }
-
 .ws-fcs3 {
   color: #fff !important;
-  background-color: #787c7e !important;
+  background-color: #3D3D3E !important;
 }
 .related_post_heading {
   width: 100%;
@@ -121,7 +116,6 @@
   padding-top: 75px;
   display: inline-block;
 }
-
 #wordleSolvererrorMsg {
   margin: 10px auto;
   width: 75%;

data/assets/css/wordsInCertainPosition.css

@@ -0,0 +1,139 @@
+
+/* words in certain position*/
+.wordsInCertainPos {
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+}
+.errMessage {
+  display: none;
+}
+.forms_data {
+    border: 1px solid rgba(0, 0, 0, 0.1);
+    padding: 0px 25px;
+    padding-top: 15px;
+    text-align: center;
+}
+.letter_field{
+    border-radius: 5px;
+    margin: 0 5px 0 0 !important;
+    font-size: 30px;
+    text-transform: uppercase;
+    text-align: center;
+    width: 48px;
+    height: 48px;
+    line-height: 55px;
+    font-weight: bold;
+    border: 1px solid rgba(0, 0, 0, 0.1);
+    background: #fff;
+    padding: 0 !important;
+    outline: none !important;
+}
+.letter_field:focus {
+    box-shadow: unset !important;
+    border-color: #ced4da !important;
+}
+.wordsInCertainPos_btn {
+    padding: 8px 18px;
+    font-size: 15px;
+    background-color: #000;
+    border-color: #000;
+    color: #fff;
+    border-radius: 5px;
+    /* width: 100px; */
+    font-weight: 900;
+    position: relative;
+}
+.wordsInCertainPos_btn:focus {
+    outline: none;
+    box-shadow: unset !important;
+}
+.wordsInCertainPos_btn:hover {
+    color: #fff;
+}
+.letterswords {
+    background-color: white !important;
+    width: 75%;
+    margin: 15px auto;
+    height: auto;
+    box-shadow: 0 0 2px rgb(0 0 0 / 20%);
+    /* margin: 10px 0; */
+    border-radius: 15px;
+}
+.letterswords > .wordListHeading {
+    background: gray;
+    padding: 10px 0px 5px 25px;
+    color: #fff;
+    border-top-right-radius: 15px;
+    border-top-left-radius: 15px;
+}
+.wordListHeading > .lead{
+    font-size: 18px;
+}
+#certain_pos_count {
+    font-size: 16px;
+    width: 75%;
+    margin: 10px auto;
+}
+.related_post_heading {
+    width: 100%;
+    font-size: 46px;
+    text-align: center;
+    font-weight: 800;
+    font-stretch: normal;
+    font-style: normal;
+    line-height: 1.24;
+    letter-spacing: normal;
+    color: #11304e;
+    margin-bottom: 45px;
+    padding-top: 75px;
+    display: inline-block;
+}
+#certain_pos_error_msg {
+    margin: 10px auto;
+    width: 75%;
+}
+.certainWordsList {
+    padding: 15px;
+}
+.certainWordsList > ul {
+    display: inline-flex;
+    width: 100%;
+    flex-wrap: wrap;
+}
+.certainWordsList > ul li {
+    border: solid 2px rgba(226, 248, 198, 0.47);
+    padding: 8px;
+    background: #f8f9fa;
+    border-radius: 5px;
+    margin: 6px 6px;
+    width: auto;
+    text-align: center;
+}
+.certainWordsList .anchor__style {
+    color: #000 !important;
+    font-size: 15px;
+    text-decoration: none !important;
+    font-weight: 600;
+}
+
+/* #searchData:before{
+    content: "\1F50D";
+   position: absolute;
+   top:8px;
+   left: 5px;
+} */
+@media (max-width: 768px) {
+    .letterswords > .wordListHeading{
+        padding:10px 15px 5px 15px;
+    }
+    #certain_pos_count,.wordListHeading > .lead{
+        font-size: 13px ;
+    }
+    .allfiveletterswords,
+    #certain_pos_count,.letterswords {
+      width: 85%;
+    }
+  }
+  

data/assets/js/X-letter.js

@@ -2,9 +2,11 @@
 ---
 const getScript=document.currentScript
 const letterLen = getScript.dataset.letter
-
 const ablank = getScript.dataset.ablank
 
+const siteName = getScript.dataset.name
+const siteUrl = getScript.dataset.url
+
 let errorMsg = document.querySelector('.errorMsg')
 let script = document.currentScript
 let wordCount = document.querySelector('.wordCount')
@@ -20,6 +22,7 @@ let includeValue = params.get('include')
 let lengthValue = params.get('length')
 let dictonary = params.get('dictionary')
 
+
 let tab_link_wrapper = document.querySelector('.tab_link_wrapper')
 tab_link_wrapper.style.display = "none"
 
@@ -77,6 +80,7 @@ const getData = async (serachValue) => {
   try {
     main.innerHTML = `<div class="loader">
     <img src='/assets/images/loading.gif'>
+    <div style="font-weight:900;font-size:14px" >Finding words - Powered by ${siteUrl.replace(/^https?:\/\//, '')}</div>
     </div>`
     const response = await fetch(
       `/.netlify/functions/getWords?name=${serachValue}`
@@ -92,7 +96,7 @@ const getData = async (serachValue) => {
 getData(serachValue.toLowerCase())
 
 function x_with_letters(data) {
-  console.log(data);
+  // console.log(data);
   if (typeof data === 'string') {
     errorMsg.innerHTML = 'No words found'
     wordCount.innerHTML = `<strong>Found 0 words with letters ${serachValue.split(
@@ -260,6 +264,15 @@ function x_with_letters(data) {
       // let tabs = document.getElementsByClassName('tab_link')
       // tabs[0] ? tabs[0].classList.add('active-tab') : ''
 
+
+if(siteName == "wordswithletters"){
+  let home_page_search_result = document.querySelector("#home_page_search_result")
+  let homePageSearchResult = `/result?search=${serachValue}&dictionary=Dictionary&prefix=&contains=&suffix=&exculde=&inculde=&length=`;
+  home_page_search_result.href = homePageSearchResult 
+  home_page_search_result.innerHTML = `See words of any length with letters ${serachValue.split("")}`
+}
+
+
       main.innerHTML += `
         <div class="allGroupWords">
           <div class="wordListHeading">

data/assets/js/wordScrabble.js

@@ -3,6 +3,8 @@
 ***************/
 
 // grab some html elements
+
+const getScript=document.currentScript
 let form = document.querySelector('#form')
 let wordCount = document.querySelector('.wordCount')
 let main = document.querySelector('.main')
@@ -32,7 +34,7 @@ let wordLength = document.getElementById('wordLength')
 let ok = true
 
 let tab_container = document.querySelector('.tab_container')
-
+const siteUrl = getScript.dataset.url
 var sortValue
 var sortBool = false
 
@@ -82,6 +84,7 @@ const getData = async (serachValue) => {
     let selectedDictionary = document.querySelector('.select_dropDown2').value
     main.innerHTML = `<div class="loader">
     <img src='/assets/images/loading.gif'>
+    <div style="font-weight:900;font-size:14px" >Finding words - Powered by ${siteUrl.replace(/^https?:\/\//, '')}</div>
     </div>`
     /// loader
     const response = await fetch(

data/assets/js/wordleSolver.js

@@ -1,4 +1,4 @@
-console.log('wordle solver ...')
+// console.log('wordle solver ...')
 
 let form = document.querySelector('[name=verify')
 
@@ -54,7 +54,8 @@ const wordleSolver = async (value, value2, value3, greenWithIndex) => {
         greenWithIndex: greenWithIndex,
       }),
     })
-    const data = await response.json()
+    let  data = await response.json()
+    data = data.slice(0,1000)
     document.querySelector('#updateTxt').innerHTML = 'Solve'
     spinner.classList.remove('spinner-border')
 
@@ -78,6 +79,7 @@ const wordleSolver = async (value, value2, value3, greenWithIndex) => {
           ok = false
           newWordsLength = newWordsLength - 1
         } else {
+          // console.log(newWordsLength);
           let ScrabbleLetterScore = ScrabbleScore()
           sum = 0
           item = item.toLowerCase()
@@ -115,7 +117,7 @@ const wordleSolver = async (value, value2, value3, greenWithIndex) => {
       wordleSolvererrorMsg.classList.add('alert-danger')
       wordleSolvererrorMsg.innerHTML = 'Sorry!! No words found'
     } else {
-      wordleWordCount.innerHTML = `<strong>Found <span style="color:#6aaa64">${newWordsLength}</span> matching words for wordle</strong>`
+      wordleWordCount.innerHTML = `<strong>Found <span style="color:#20a815">${newWordsLength}</span> matching words for wordle</strong>`
     }
   } catch (error) {
     console.log(error)
@@ -125,6 +127,7 @@ const wordleSolver = async (value, value2, value3, greenWithIndex) => {
 for (let g = 0; g < greenLetters.length; g++) {
   const elem = greenLetters[g]
   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 {
@@ -135,6 +138,7 @@ for (let g = 0; g < greenLetters.length; g++) {
 for (let y = 0; y < yellowLetters.length; y++) {
   const elem = yellowLetters[y]
   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 {
@@ -145,6 +149,7 @@ for (let y = 0; y < yellowLetters.length; y++) {
 for (let e = 0; e < greyLetters.length; e++) {
   const elem = greyLetters[e]
   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 {
@@ -183,26 +188,28 @@ const getIndexs = (object) => {
 
 function handleSubmit(e) {
   e.preventDefault()
+
   let greenLetter = getLetters('.greenLetters')
   let yellowLetters = getLetters('.yellowLetters')
   let greyLetters = getLetters('.greyLetters')
   let greenWithIndex = getIndexs('.greenWithIndex')
-  if (
-    greenLetters[0].value !== '' ||
-    greenLetters[1].value !== '' ||
-    greenLetters[2].value !== '' ||
-    greenLetters[3].value !== '' ||
-    greenLetters[4].value !== ''
-  ) {
-    errMessage.innerHTML = ''
-    errMessage.classList.remove('alert-danger')
-    errMessage.style.display = 'none'
+  
+  // if (
+  //   greenLetters[0].value !== '' ||
+  //   greenLetters[1].value !== '' ||
+  //   greenLetters[2].value !== '' ||
+  //   greenLetters[3].value !== '' ||
+  //   greenLetters[4].value !== ''
+  // ) {
+  //   errMessage.innerHTML = ''
+  //   errMessage.classList.remove('alert-danger')
+  //   errMessage.style.display = 'none'
     wordleSolver(greenLetter, yellowLetters, greyLetters, greenWithIndex)
-  } else {
-    errMessage.innerHTML = 'You must enter at least 1 green letter'
-    errMessage.classList.add('alert-danger')
-    errMessage.style.display = 'block'
-  }
+  // } else {
+  //   errMessage.innerHTML = 'You must enter at least 1 green letter'
+  //   errMessage.classList.add('alert-danger')
+  //   errMessage.style.display = 'block'
+  // }
 }
 form.addEventListener('submit', handleSubmit)
 

data/assets/js/words-in-certain-positions.js

@@ -0,0 +1,200 @@
+// console.log("certain position");
+let form = document.querySelector('[name=verify')
+let greenLetters = document.querySelectorAll('.greenLetters')
+let certain_pos_words_data = document.getElementById('certain_pos_words_data')
+greenLetters[0].focus()
+let certain_pos_count = document.querySelector('#certain_pos_count')
+let certain_pos_error_msg = document.querySelector('#certain_pos_error_msg')
+let certain_pos_submit = document.getElementById('certain_pos_submit')
+let newWordsLength
+let errMessage = document.querySelector('.errMessage')
+let spinner = document.querySelector('.spinner')
+
+const wordsInCertainPos = async (letters, lettersWithIndex,wordLength) => {
+  let maxLength = Math.max.apply(null, wordLength);
+  // maxLength = maxLength + 1
+  try {
+    let result = ''
+    document.querySelector('#searchData').innerHTML = ''
+    spinner.classList.add('spinner-border')
+    certain_pos_count.innerHTML = 'Finding words  in certain position...'
+    let response = await fetch('/.netlify/functions/wordsInCertainPositions', {
+      method: 'POST',
+      body: JSON.stringify({
+        greenLetters: letters,
+        greenWithIndex: lettersWithIndex,
+      }),
+    })
+    let data = await response.json()
+   
+    if(data.length == 0){
+        errMessage.innerHTML = 'Sorry!! No words found'
+        errMessage.classList.add('alert-danger')
+        errMessage.style.display = 'block'
+        document.querySelector('#searchData').innerHTML = 'Search'
+        spinner.classList.remove('spinner-border')
+        certain_pos_words_data.innerHTML = ""
+        certain_pos_count.innerHTML = ""
+        newWordsLength = 0
+    }
+    else{
+    errMessage.innerHTML = ''
+    errMessage.classList.remove('alert-danger')
+    data = data.slice(0,1500)
+    document.querySelector('#searchData').innerHTML = 'Search'
+    spinner.classList.remove('spinner-border')
+    certain_pos_words_data.innerHTML = ""
+    newWordsLength = 0
+    
+
+    let ok = true
+
+    for (let i = maxLength; i <= 15; i++) {
+      let newdata = data.filter((item) => item.length === i)
+      if (newdata.length === 0) {
+        certain_pos_words_data.innerHTML += ''
+      } else {
+        newWordsLength += newdata.length
+        certain_pos_error_msg.classList.remove('alert-danger')
+        certain_pos_error_msg.innerHTML = ''
+        const result = newdata.map((item) => {
+          if (item.length === 1) {
+            ok = false
+            newWordsLength = newWordsLength - 1
+          } else {
+            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}
+          <span class="points" value="${sum}" style="position:relative; top:4px; font-size:12px"> ${sum}</span>
+            </li></a>`
+          }
+        })
+        if (ok) {
+          certain_pos_words_data.innerHTML += `
+          <div class="letterswords wordsInCertainPos_Container">
+              <div class="wordListHeading">
+                  <h3 class="lead">List of ${i} letter words that contain letters ${letters}</h3>
+              </div>
+              <div class="certainWordsList">
+                  <ul class="ul list-unstyled">
+                   ${result.join('')}
+                  </ul>
+              </div>
+          </div>
+          `
+        }
+      }
+    }
+    if (newWordsLength === 0) {
+      certain_pos_count.innerHTML = ""
+      certain_pos_error_msg.classList.add('alert-danger')
+      certain_pos_error_msg.innerHTML = 'Sorry!! No words found'
+    } else {
+      certain_pos_count.innerHTML = `<strong>There are <span>${newWordsLength}</span> 
+      words that contain letters ${letters}</strong>`
+    }
+ 
+  
+  
+  
+  
+  }
+} catch (error) {
+    console.log(error)
+  }
+}
+
+for (let g = 0; g < greenLetters.length; g++) {
+  const elem = greenLetters[g]
+  elem.addEventListener('input', (e) => {
+    e.target.value = e.target.value.replace(/[^a-zA-Z? ]/g, "")
+  })
+}
+
+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
+}
+const getLength= (object) => {
+  let index = []
+  if (typeof object === 'string') {
+    object = document.querySelectorAll(object)
+  }
+  for (let item of object) {
+    if (item.value.trim().length === 1) {
+      index.push(
+        item.dataset.id)
+    }
+  }
+  return index
+}
+function handleSubmit(e) {
+  e.preventDefault()
+  let letters = getLetters('.greenLetters')
+  let lettersWithIndex = getIndexs('.greenWithIndex')
+  let wordLength = getLength('.greenWithIndex')
+  
+  wordsInCertainPos(letters,lettersWithIndex,wordLength)
+}
+form.addEventListener('submit', handleSubmit)
+
+// Scrabble Point Array
+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
+}