word-games-theme 0.7.1 → 0.7.5

data/assets/css/home.css

@@ -10,6 +10,12 @@
   background-size: cover;
   margin-bottom: 20vh;
 }
+.pageHeading {
+  margin-bottom: 2rem;
+}
+.pageHeading > h1 {
+  font-size: 30px;
+}
 .table {
   height: 5em;
   overflow: auto;
@@ -24,9 +30,17 @@ input:-webkit-autofill:focus,
 input:-webkit-autofill:active {
   transition: background-color 5000s ease-in-out 0s;
 }
-
+.resultPageTxtBox,
+.resultPageSearchBtn {
+  height: 50px !important;
+}
+.resultPageDropdown2 {
+  height: 49px !important;
+  padding: 0 !important;
+}
 .txtBox {
-  height: 60px;
+  /* text-transform: uppercase; */
+  height: 70px;
   border-radius: 8px;
   border: solid 1px rgba(0, 0, 0, 0.1);
   background: #fff;
@@ -39,12 +53,15 @@ input:-webkit-autofill:active {
   color: var(--txtColor);
   text-indent: 15px;
   outline: none;
+  position: relative;
 }
+/* ravi */
 .txtBox::placeholder {
   /* Chrome, Firefox, Opera, Safari 10.1+ */
   color: var(--txtColor);
   opacity: 0.5; /* Firefox */
   font-weight: 500 !important;
+  text-transform: capitalize;
 }
 
 .txtBox::-ms-input-placeholder {
@@ -63,7 +80,7 @@ input:-webkit-autofill:active {
 .serachBtn {
   background: url(../images/search.svg) no-repeat center center;
   background-size: 35px 35px;
-  height: 59px;
+  height: 70px;
   width: 59px;
   border: none;
   position: absolute;
@@ -121,10 +138,11 @@ input:-webkit-autofill:active {
   outline: none;
 }
 .select_dropDown2 {
+  height: 69px;
   position: absolute;
   top: 0px;
   font-size: 15px;
-  width: 156px;
+  width: 142px;
   overflow: hidden;
   object-fit: cover;
   right: 69px;
@@ -177,7 +195,7 @@ input:-webkit-autofill:active {
 }
 .active {
   z-index: 999;
-  top: 122px;
+  top: 90px;
   background: #fff;
   box-shadow: 0 0 5px rgb(0 0 0 / 40%);
   padding: 15px 15px;
@@ -201,6 +219,7 @@ input:-webkit-autofill:active {
 
 #containerWd {
   width: 700px !important;
+  padding: 0px;
 }
 @media (max-width: 768px) {
   .wrapper_dropDown {
@@ -208,16 +227,17 @@ input:-webkit-autofill:active {
     flex-direction: column;
   }
   .txtBox {
-    height: 40px !important;
+    height: 50px !important;
   }
   .serachBtn {
-    height: 40px !important;
+    height: 50px !important;
     width: 40px !important;
   }
   .advancedFilter .filterButton {
     top: 60px;
   }
   .select_dropDown2 {
+    height: 50px;
     width: 30%;
     right: 40px;
     padding: 9.5px 0;
@@ -235,10 +255,12 @@ input:-webkit-autofill:active {
     z-index: 99;
   }
   .pageHeading h1 {
-    font-size: 2.5rem;
+    font-size: 2rem;
+    padding-top: 3rem;
   }
   #containerWd {
     width: 100% !important;
+    padding: 0px 15px;
   }
   .active {
     top: 102px;

data/assets/css/style.css

@@ -1,8 +1,10 @@
+@import url('https://fonts.googleapis.com/css2?family=Poppins&display=swap');
 /* styling........ */
 * {
   margin: 0;
   padding: 0;
   box-sizing: border-box;
+  font-family: 'Poppins', sans-serif !important;
 }
 :root {
   --txtColor: #000;
@@ -41,6 +43,7 @@ header {
   font-size: 2.2rem;
   color: var(--txtColor) !important;
   font-weight: 900;
+  position: relative;
 }
 .navbar-dark .navbar-toggler {
   outline: none !important;

data/assets/css/wordGroup.css

@@ -57,6 +57,6 @@
     font-size: 1.4rem;
   }
   .pad {
-    padding-top: 70px !important;
+    padding-top: 50px !important;
   }
 }

data/assets/css/wordleSolver.css

@@ -11,7 +11,9 @@
 }
 .forms_data {
   border: 1px solid rgba(0, 0, 0, 0.1);
-  padding: 25px;
+  padding: 0px 25px;
+  padding-top: 15px;
+  text-align: center;
 }
 .wordleSolver_headings {
   margin-top: 110px;
@@ -23,8 +25,8 @@
   font-size: 30px;
   text-transform: uppercase;
   text-align: center;
-  width: 55px;
-  height: 55px;
+  width: 48px;
+  height: 48px;
   line-height: 55px;
   font-weight: bold;
   border: 1px solid rgba(0, 0, 0, 0.1);
@@ -53,6 +55,7 @@
   border-color: #6aaa64;
   color: #fff;
   border-radius: 5px;
+  width: 100px;
   font-weight: 900;
 }
 .wordlesolver-btn:focus {
@@ -70,10 +73,11 @@
 
 .allfiveletterswords {
   background-color: white !important;
-  width: auto;
+  width: 75%;
+  margin: 10px auto;
   height: auto;
   box-shadow: 0 0 2px rgb(0 0 0 / 20%);
-  margin: 10px 0;
+  /* margin: 10px 0; */
   border-radius: 15px;
 }
 .allfiveletterswords > .wordListHeading {
@@ -86,6 +90,8 @@
 
 #wordleWordCount {
   font-size: 18px;
+  width: 75%;
+  margin: 10px auto;
 }
 
 .ws-fcs {
@@ -101,3 +107,28 @@
   color: #fff !important;
   background-color: #787c7e !important;
 }
+.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;
+}
+
+#wordleSolvererrorMsg {
+  margin: 10px auto;
+  width: 75%;
+}
+@media (max-width: 768px) {
+  .allfiveletterswords,
+  #wordleWordCount {
+    width: 80%;
+  }
+}

data/assets/js/X-letter.js

@@ -17,9 +17,11 @@ let includeValue = params.get('include')
 let lengthValue = params.get('length')
 let dictonary = params.get('dictionary')
 
-let tab_container = document.querySelector('.tab_container')
+let tab_link_wrapper = document.querySelector('.tab_link_wrapper')
+tab_link_wrapper.style.display = "none"
 
 let txtBox = document.querySelector('.txtBox')
+txtBox.focus()
 txtBox.value = serachValue
 
 var theSelect = document.getElementById('select_dropDown')
@@ -46,7 +48,7 @@ getData(serachValue.toLowerCase())
 function x_with_letters(data) {
   if (typeof data === 'string') {
     errorMsg.innerHTML = 'No words found'
-    wordCount.innerHTML = `<strong> 0 words with letters ${serachValue.split(
+    wordCount.innerHTML = `<strong>Found 0 words with letters ${serachValue.split(
       ''
     )}</strong>`
   } else {
@@ -158,21 +160,21 @@ function x_with_letters(data) {
           sum += ScrabbleLetterScore[item[i]] || 0 // for unknown characters
         }
         wordLength.value = itemLength
-        return `<a class="anchor__style" title="Lookup python in Dictionary" target="_blank" href="/word-meaning?search=${item}">
+        return `<a class="anchor__style" title="Lookup ${item} in Dictionary" target="_blank" href="/word-meaning?search=${item}">
         <li>${item}
           <span class="points" value="${sum}" style="position:relative; top:4px; font-size:12px"> ${sum}</span>
             </li></a>`
       })
 
-      tab_container.innerHTML += `
-      <a href="#${itemLength}">
-      <input type="button" value="${itemLength} Letter" id="Tab${itemLength}" onclick="addFilter(${itemLength})"
-      class="tab_link">
-      </a>
-      `
+      // tab_container.innerHTML += `
+      // <a href="#${itemLength}">
+      // <input type="button" value="${itemLength} Letter" id="Tab${itemLength}" onclick="addFilter(${itemLength})"
+      // class="tab_link">
+      // </a>
+      // `
 
-      let tabs = document.getElementsByClassName('tab_link')
-      tabs[0] ? tabs[0].classList.add('active-tab') : ''
+      // let tabs = document.getElementsByClassName('tab_link')
+      // tabs[0] ? tabs[0].classList.add('active-tab') : ''
 
       main.innerHTML += `
         <div class="allGroupWords">
@@ -187,7 +189,7 @@ function x_with_letters(data) {
   </div>
   `
     }
-    wordCount.innerHTML = `<strong>${newWordsLength} words with letters ${serachValue.split(
+    wordCount.innerHTML = `<strong>Found ${newWordsLength} words with letters with ${serachValue.split(
       ''
     )}</strong>`
   }
@@ -328,18 +330,18 @@ function sortby(sortBool, data, i) {
 }
 
 // Implement Active class
-const addFilter = () => {
-  let tabs = document.getElementsByClassName('tab_link')
-  tabs[0] ? tabs[0].classList.add('active-tab') : ''
-
-  Array.from(tabs).map((item) => {
-    item.classList.remove('active-tab')
-  })
-  main.innerHTML += ``
-  let activeLetter = event.target
-  // console.log(activeLetter)
-  activeLetter.classList.add('active-tab')
-}
+// const addFilter = () => {
+//   let tabs = document.getElementsByClassName('tab_link')
+//   tabs[0] ? tabs[0].classList.add('active-tab') : ''
+
+//   Array.from(tabs).map((item) => {
+//     item.classList.remove('active-tab')
+//   })
+//   main.innerHTML += ``
+//   let activeLetter = event.target
+//   // console.log(activeLetter)
+//   activeLetter.classList.add('active-tab')
+// }
 
 // Scrabble Point Counts
 const ScrabbleScore = () => {

data/assets/js/wordScrabble.js

@@ -37,6 +37,7 @@ var sortValue
 var sortBool = false
 
 let txtBox = document.querySelector('.txtBox')
+txtBox.focus()
 txtBox.value = serachValue
 txtBox.addEventListener('input', (e) => {
   let rangeOfBlankTile = script.dataset.range
@@ -105,7 +106,7 @@ if (lengthValue === '1') {
 function getWords(data) {
   if (typeof data === 'string') {
     errorMsg.innerHTML = 'no words found'
-    wordCount.innerHTML = `<strong> 0 words with letters ${serachValue.split(
+    wordCount.innerHTML = `<strong>Found 0 words with letters ${serachValue.split(
       ''
     )}</strong>`
   } else {
@@ -240,7 +241,7 @@ function getWords(data) {
             for (let i = 0; i < item.length; i++) {
               sum += ScrabbleLetterScore[item[i]] || 0 // for unknown characters
             }
-            return `<a class="anchor__style" title="Lookup python in Dictionary" target="_blank" href="/word-meaning?search=${item.toLowerCase()}">
+            return `<a class="anchor__style" title="Lookup ${item} in Dictionary" target="_blank" href="/word-meaning?search=${item.toLowerCase()}">
             <li>${itemHtml}
           <span class="points" value="${sum}" style="position:relative; top:4px; font-size:12px"> ${sum}</span>
             </li></a>`
@@ -273,7 +274,7 @@ function getWords(data) {
     if (newWordsLength === 0) {
       errorMsg.innerHTML = 'no words found'
     } else {
-      wordCount.innerHTML = `<strong>${newWordsLength} words with letters ${serachValue.split(
+      wordCount.innerHTML = `<strong>Found ${newWordsLength} words with letters with ${serachValue.split(
         ''
       )}</strong>`
     }

data/assets/js/wordleSolver.js

@@ -2,11 +2,11 @@ console.log('wordle solver ...')
 
 let form = document.querySelector('[name=verify')
 
-let greenLetters = document.querySelectorAll('#greenLetters')
-let yellowLetters = document.querySelectorAll('#yellowLetters')
-let greyLetters = document.querySelectorAll('#greyLetters')
+let greenLetters = document.querySelectorAll('.greenLetters')
+let yellowLetters = document.querySelectorAll('.yellowLetters')
+let greyLetters = document.querySelectorAll('.greyLetters')
 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')
@@ -38,9 +38,12 @@ addMore.addEventListener('click', (e) => {
   }
 })
 
+let spinner = document.querySelector('.spinner')
 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',
@@ -52,6 +55,8 @@ const wordleSolver = async (value, value2, value3, greenWithIndex) => {
       }),
     })
     const data = await response.json()
+    document.querySelector('#updateTxt').innerHTML = 'Update'
+    spinner.classList.remove('spinner-border')
 
     let ok = true
     if (data.length === 0) {
@@ -59,10 +64,13 @@ const wordleSolver = async (value, value2, value3, greenWithIndex) => {
       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 = ''
-      wordleSolverData.innerHTML = ''
       newWordsLength = ''
       newWordsLength += data.length
       result = data.map((item) => {
@@ -77,7 +85,7 @@ const wordleSolver = async (value, value2, value3, greenWithIndex) => {
             sum += ScrabbleLetterScore[item[i]] || 0 // for unknown characters
           }
           return `
-          <a class="anchor__style" title="Lookup python in Dictionary" target="_blank" href="/word-meaning?search=${item.toLowerCase()}">
+          <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>
@@ -90,7 +98,7 @@ const wordleSolver = async (value, value2, value3, greenWithIndex) => {
         wordleSolverData.innerHTML += `
             <div class="allfiveletterswords wordlistContainer">
                 <div class="wordListHeading">
-                    <h3 class="lead">All 5 Letter Words</h3>
+                    <h3 class="lead">Solve wordle with these words</h3>
                 </div>
                 <div class="wordList">
                     <ul class="ul list-unstyled">
@@ -101,11 +109,13 @@ const wordleSolver = async (value, value2, value3, greenWithIndex) => {
             `
       }
     }
+
     if (newWordsLength === 0) {
+      console.log(true)
       wordleSolvererrorMsg.classList.add('alert-danger')
       wordleSolvererrorMsg.innerHTML = 'Sorry!! No words found'
     } else {
-      wordleWordCount.innerHTML = `<strong>${newWordsLength} Results</strong>`
+      wordleWordCount.innerHTML = `<strong>Found <span style="color:#6aaa64">${newWordsLength}</span> matching words for wordle</strong>`
     }
   } catch (error) {
     console.log(error)

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: word-games-theme
 version: !ruby/object:Gem::Version
-  version: 0.7.1
+  version: 0.7.5
 platform: ruby
 authors:
 - manpreet-appscms
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2022-01-18 00:00:00.000000000 Z
+date: 2022-01-28 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: jekyll
@@ -72,7 +72,6 @@ files:
 - _data/content/en/python.json
 - _data/content/en/react.json
 - _data/footer/en/data.json
-- _data/footer/hi/data.json
 - _data/footer/networksites.json
 - _data/header/en/data.json
 - _data/theme/colors.json

data/_data/footer/hi/data.json

@@ -1,69 +0,0 @@
-{
-    "logo":"https://sta1.pdfdoctor.com/1/2962/logo.png.png",
-    "heading":"We make PDF easy.",
-    "company":[
-       {
-        "name":"About",
-        "url":"/about"
-          
-       },
-       {
-        "name":"Help",
-        "url":"/help"
-        
-      },
-      {
-        "name":"Blog",
-        "url":"/blog"
-        
-      }
-    ],
-    "product":[
-        {
-            "name":"Pricing",
-            "url":"/pricing"
-            
-        },
-        {
-            "name":"Team",
-            "url":"/team"
-        },
-        {
-            "name":"Developers",
-            "url":"/developers"
-            
-        }
-    ],
-    "social":[
-        {
-            "logo":"/assets/facebook.svg",
-            "url": "/",
-            "title":"abc"
-            
-        },
-        {
-            "logo":"/assets/youtube.svg",
-            "url": "/",
-            "title":"abc"
-        },
-        {
-            "logo":"/assets/instagram.svg",
-            "url": "/",
-            "title":"abc"
-            
-        },
-        {
-            "logo":"/assets/linkdin.svg",
-            "url": "/",
-            "title":"abc"
-            
-        },
-        {
-            "logo":"/assets/twitter.svg",
-            "url": "/",
-            "title":"abc"
-            
-        }
-    ],
-    "messege": "© 2021 pdf AG — Made with love for the people of the internet."
- }