word-games-theme 2.8.9 → 2.9.1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 7dafd49be79e27646f30fd9e78b00671311aad5959071f296bc3f18d6698bb48
-  data.tar.gz: cbeb034a706fc2d6c62aa1441b836bad56c11144fb73b354119ac7eb6c47ad4f
+  metadata.gz: d12aff42fce5a9ace893da8a8d15a9e897d679ad30469dd80986c8d772a06140
+  data.tar.gz: 85aed6186c9aac0afd84ee3235de6f877432e1d14f3bbe4b608d136e23b4bd20
 SHA512:
-  metadata.gz: 4a0caa0dc8c6ff5772d5aa63918305ef1034e8e937665a291fd0b3d4ff4228fad8659c304963cbaec9ac76e65650835857f64c6b7fd7c24c78385cf2fb059e2a
-  data.tar.gz: ca4aff872658e6c7f4e74c1a4b60b86f5af8996348f3e70e5f6337ae926988be313ffb362cb2bb9e6eef6ba408f57926ba6245bf3ef7165f38b64514a94407df
+  metadata.gz: 4326663a588b0c281f247454147775b97d363e826d7e4b19e2406db91af10ef360adbca469249a9ed80aa7fe70f5152641a65b2c943b0e1d71313e28c7ac9436
+  data.tar.gz: 54761c41503cced1ecab810243e463c9133b8c5b252bf750c2ff72091583d305978b97871f28a2445ff310f6d417f4250e08880d65da50a50140bd4ae50ddb89

data/_includes/wordgames/advanced-filter/advanced-filter.html

@@ -9,7 +9,7 @@
 
 <div class="fillterWrapper my-5 filterShow">
     <div class="startsWith">
-        <input class="filter_val" autocomplete="off" type="text" id="startsWith" placeholder="Starts with" value=""
+        <input class="filter_val textBoxes" autocomplete="off" type="text" id="startsWith" placeholder="Starts with" value=""
             name="prefix">
         <div class="filter-tooltip" data-tip="Find words that start with these letters(AB-&gt; Able)"
             id="Find words that start with these letters(AB-&gt; Able)">
@@ -17,14 +17,14 @@
         </div>
     </div>
     <div class="endsWith">
-        <input class="filter_val" autocomplete="off" type="text" id="endsWith" placeholder="Ends with" name="suffix">
+        <input class="filter_val textBoxes" autocomplete="off" type="text" id="endsWith" placeholder="Ends with" name="suffix">
         <div class="filter-tooltip" data-toggle="tooltip" data-placement="top"
             data-tip="Filter for words that ends with these letters" id="Filter for words that ends with these letters">
             <img width="30px" height="30px" src="/assets/images/questionmark.svg" alt="Question Mark" />
         </div>
     </div>
     <div class="wordLength same">
-        <input autocomplete="off" type="number" class="filter_val" id="wordLength" placeholder="Length" name="length"
+        <input autocomplete="off" type="number" class="filter_val textBoxes" id="wordLength" placeholder="Length" name="length"
             value="{{page.letter}}">
 
         <div class="filter-tooltip" data-toggle="tooltip" data-placement="top"
@@ -33,7 +33,7 @@
         </div>
     </div>
     <div class="inculdeWith">
-        <input class="filter_val" autocomplete="off" type="text" id="inculdeWith" placeholder="Include" value=""
+        <input class="filter_val textBoxes" autocomplete="off" type="text" id="inculdeWith" placeholder="Include" value=""
             name="include">
         <div class="filter-tooltip" data-toggle="tooltip" data-placement="top"
             data-tip="Only words that contain the letters you enter here"
@@ -42,7 +42,7 @@
         </div>
     </div>
     <div class="mustInclude">
-        <input class="filter_val" autocomplete="off" type="text" id="mustInclude" placeholder="Contains"
+        <input class="filter_val textBoxes" autocomplete="off" type="text" id="mustInclude" placeholder="Contains"
             name="contains">
         <div class="filter-tooltip" data-tip="Words that contain letters in this order(ab)"
             id="Words that contain letters in this order(ab)">
@@ -52,7 +52,7 @@
     </div>
 
     <div class="exculdeWith">
-        <input class="filter_val" autocomplete="off" type="text" id="exculdeWith" placeholder="Exclude" value=""
+        <input class="filter_val textBoxes" autocomplete="off" type="text" id="exculdeWith" placeholder="Exclude" value=""
             name="exclude">
         <div class="filter-tooltip" data-toggle="tooltip" data-placement="top"
             data-tip="Only words that not contain the letters you enter here"

data/_includes/wordgames/search-box/search-box.html

@@ -7,7 +7,7 @@
                 <div class="txt-box-container" style="position: relative;">
                     <input type="text"
                         placeholder="{% if page.size > 15 %}Enter up to {{page.size}} letters?{% else %}Enter up to 15 letters?{% endif %}"
-                        class="txtBox" name="search"
+                        class="textBoxes txtBox" name="search"
                         maxlength="{% if page.size > 15 %}{{page.size}}{% else %}15?{% endif %}"
                         autocomplete="off" value="{{page.value}}">
                     <div class="letter-close-button">

data/_layouts/wordgames-home.html

@@ -6,7 +6,7 @@
 {%- if site.noResultPage or page.noResultPage -%}
 <style>
     .main-header {
-        padding-top: 12vh;
+        /* padding-top: 12vh; */
         margin: 0px !important;
         height: auto !important;
         /* padding-bottom: 50vh; */

data/assets/css/wordgames-home.css

@@ -114,11 +114,25 @@ input[type="number"] {
   box-shadow: 3px 6px 1px 0px var(--primary-color);
 }
 
-.txtBox:focus{
+/* .txtBox:focus {
   box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25) !important;
   border-color: #86b7fe !important;
+} */
+
+.blinkBoxShadow {
+  animation: blinkBoxShadow 1s infinite alternate;
+}
+
+@keyframes blinkBoxShadow {
+  0% {
+    box-shadow: 0 0 2px 2px var(--primary-color);
+  }
+  100% {
+    box-shadow: 0 0 4px 4px var(--primary-color);
+  }
 }
 
+
 .serachSection .serachBox .letter-close-button {
   position: absolute;
   right: 300px;
@@ -818,7 +832,7 @@ summary::-webkit-details-marker {
     display: none;
   }
 
-  .navbar-toggler{
+  .navbar-toggler {
     position: absolute;
     right: 10px;
     z-index: 999999;
@@ -828,7 +842,7 @@ summary::-webkit-details-marker {
     padding: 0;
   }
 
-  .navbar-toggler img{
+  .navbar-toggler img {
     height: 50px;
   }
 

data/assets/js/wordfinder-home.js

@@ -11,6 +11,25 @@ let wordLength = document.getElementById("wordLength");
 const serachSection = document.querySelector(".serachSection");
 let rangeOfBlankTile = serachSection.dataset.range;
 
+
+
+const textBoxes = document.querySelectorAll('.textBoxes'); 
+textBoxes.forEach(txtBox => {
+    txtBox.addEventListener("input", () => {
+        if (txtBox.value !== '') {
+            txtBox.classList.add('blinkBoxShadow');
+        } else {
+            txtBox.classList.remove('blinkBoxShadow');
+        }
+    });
+
+    txtBox.addEventListener('blur', () => {
+        txtBox.classList.remove('blinkBoxShadow');
+    });
+});
+
+
+
 // // when typing on input
 txtBox.addEventListener('input', (e) => {
     if (e.target.value === "") {
@@ -57,7 +76,7 @@ Array.from(filterInputs).forEach((item) => {
             imgElement.src = "/assets/images/close-btn.svg"
             tooltipElement.style.setProperty('--tooltip-padding', '0');
             tooltipElement.style.setProperty('--tooltip-border-style', 'none');
-        }      
+        }
     })
 
     item.nextElementSibling.addEventListener("click", () => {
@@ -218,7 +237,7 @@ formElement.addEventListener("submit", function (e) {
             }
         }
     } else {
-       console.log("Please Enter Valid Letters.");
+        console.log("Please Enter Valid Letters.");
     }
 });
 // Now you can use the loadScript function with additional data

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: word-games-theme
 version: !ruby/object:Gem::Version
-  version: 2.8.9
+  version: 2.9.1
 platform: ruby
 authors:
 - manpreet-appscms
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2024-06-17 00:00:00.000000000 Z
+date: 2024-06-20 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: jekyll