word-games-theme 1.4.3 → 1.4.4

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 40325a69478800b888dd7e6c8983095dbacafc39505e785b1ec859afc1d59b93
-  data.tar.gz: 666ccac9ed2218acf8d1650744027f948b2c8c357d65bad78dbd0a63c1a530df
+  metadata.gz: 9764e420c7f9491c9993236de3622ff491c49fcf00fae5545c8bec6ffc565ecf
+  data.tar.gz: 0d1f2ed390bc37b9afdb5b72ba9c43f06dc57637e7bf0342ecfcd3d336061dc4
 SHA512:
-  metadata.gz: baf069f286e4972da993781af6f7809fc23b58bd440ec12633603185978ed9ef753895301dd8a8db01443156f8e6d227a5d6bc072d839df96f4ca2ef62171edd
-  data.tar.gz: 42fe25026668e803bd48af49628b9e3c766754619e38ea650edfe43d1bd237f15e44c2c696160fd63371ca13ae012b7dc22c81dc265cf3cda3eafa7fb32d48a1
+  metadata.gz: 16e0afc4666c1993814d8f3258451459c6127a646aa2d4f1a24b8a9c0d247ffe4a8d3726f55d3a09af951ae3ac1efd5ea46d6524c9417b800f7214556473c4bd
+  data.tar.gz: 197629448b884f575fbb224c041e4be423bed4e21ae0994264e3afb8533a335ef0da4107fea633d808b42031a355db2b09b2171c3faf74ad87827722f140a7fb

data/_includes/placeholder-loading.html

@@ -0,0 +1,8 @@
+<div class="placeholder_loading placeholder shimmer">
+    <div class="faux-image-wrapper">
+        <div class="faux-text"></div>
+        <div class="faux-text short"></div>
+        <div class="faux-text short2"></div>
+    </div>
+
+</div>

data/_includes/section/commonPage.html

@@ -154,69 +154,6 @@
 </nav>
 <!-- </header> -->
 
-{%- if page.ezoicTest -%}
-
-<style>
-    .faux-image-wrapper {
-        margin-bottom: 10px;
-        position: relative;
-        padding-bottom: 100%;
-        /* Or height: 200px; */
-    }
-
-    .faux-image {
-        background: #dddddd;
-        border-radius: 4px;
-        height: 100%;
-        position: absolute;
-        width: 100%;
-    }
-
-    .faux-text {
-        background: #dddddd;
-        border-radius: 4px;
-        height: 20px;
-        margin-bottom: 5px;
-    }
-
-    .faux-text.short {
-        width: 75%;
-    }
-
-    .faux-text.short2 {
-        width: 50%;
-    }
-
-    .shimmer {
-        overflow: hidden;
-        position: relative;
-    }
-
-    .shimmer::before {
-        content: "";
-        position: absolute;
-        background: linear-gradient(90deg,
-                rgba(255, 255, 255, 0) 0%,
-                rgba(255, 255, 255, 0.4) 50%,
-                rgba(255, 255, 255, 0) 100%);
-        height: 100%;
-        width: 100%;
-        z-index: 1;
-        animation: shimmer 1s infinite;
-    }
-
-    @keyframes shimmer {
-        0% {
-            transform: translateX(-100%);
-        }
-
-        100% {
-            transform: translateX(100%);
-        }
-    }
-</style>
-
-{%- endif -%}
 
 
 <!-- Ezoic - sidebar_floating_1 - sidebar_floating_1 -->
@@ -238,17 +175,7 @@
     {%- endif -%}
 
     {% include section/wordGroup.html %}
-
-    {%- if page.ezoicTest -%}
-    <div class="placeholder_loading placeholder shimmer">
-        <div class="faux-image-wrapper">
-            <div class="faux-text"></div>
-            <div class="faux-text short"></div>
-            <div class="faux-text short2"></div>
-        </div>
-
-    </div>
-    {%- endif -%}
+    {% include placeholder-loading.html %}
 
 </div>
 <!-- navbar close -->

data/_layouts/default.html

@@ -78,6 +78,20 @@
         let focusBorder = document.querySelector('.focus-border')
         txtBox.focus()
 
+        function myFunction(x) {
+            if (x.matches) {
+                txtBox.addEventListener("click", () => {
+                    const scrollingElement = (document.scrollingElement || document.body || document.documentElement);
+                    scrollingElement.scroll({ top: 200, behavior: 'smooth' });
+                })
+            } else {
+                console.log("false");
+            }
+        }
+        var x = window.matchMedia("(max-width: 768px)")
+        myFunction(x)
+        x.addListener(myFunction)
+
         txtBox.addEventListener('input', (e) => {
             if (e.target.value === "") {
                 letterCloseButton.classList.remove("close_ltr_icon")

data/_layouts/page.html

@@ -78,7 +78,7 @@
   {%- if page.language -%}
   <script data-language="{{page.language}}" src="/assets/js/other-lang-wordScrabble.js" crossorigin></script>
   {%- elsif page.tool != 'words-that-start-with-the-letters' and page.noAdsRefresh != true-%}
-  <script defer data-ezoictest="{{page.ezoicTest}}" data-url="{{site.url}}" data-range="{{page.blanktilerange}}" src="/assets/js/wordScrabble-test.js
+  <script defer data-url="{{site.url}}" data-range="{{page.blanktilerange}}" src="/assets/js/wordScrabble-test.js
   "></script>
   {%- endif -%}
   {%- else -%}

data/assets/css/style.css

@@ -599,4 +599,63 @@ header {
   z-index: 99999;
   /* width: 160px;
   height: 100vh; */
+}
+
+/* //placeholder loader */
+.faux-image-wrapper {
+  margin-bottom: 10px;
+  position: relative;
+  padding-bottom: 100%;
+  /* Or height: 200px; */
+}
+
+.faux-image {
+  background: #dddddd;
+  border-radius: 4px;
+  height: 100%;
+  position: absolute;
+  width: 100%;
+}
+
+.faux-text {
+  background: #dddddd;
+  border-radius: 4px;
+  height: 20px;
+  margin-bottom: 5px;
+}
+
+.faux-text.short {
+  width: 75%;
+}
+
+.faux-text.short2 {
+  width: 50%;
+}
+
+.shimmer {
+  overflow: hidden;
+  position: relative;
+}
+
+.shimmer::before {
+  content: "";
+  position: absolute;
+  background: linear-gradient(90deg,
+      rgba(255, 255, 255, 0) 0%,
+      rgba(255, 255, 255, 0.4) 50%,
+      rgba(255, 255, 255, 0) 100%);
+  height: 100%;
+  width: 100%;
+  z-index: 1;
+  animation: shimmer 1s infinite;
+}
+
+@keyframes shimmer {
+  0% {
+    transform: translateX(-100%);
+  }
+
+  100% {
+    transform: translateX(100%);
+  }
 }

data/assets/js/X-letter-test.js

@@ -74,6 +74,21 @@ txtBox.addEventListener('input', (e) => {
   }
 })
 
+let placeholder_loading = document.querySelector(".placeholder_loading")
+function myFunction(x) {
+  if (x.matches) {
+    txtBox.addEventListener("click", () => {
+      const scrollingElement = (document.scrollingElement || document.body || document.documentElement);
+      scrollingElement.scroll({ top: 200, behavior: 'smooth' });
+    })
+  } else {
+    console.log("false");
+  }
+}
+var x = window.matchMedia("(max-width: 768px)")
+myFunction(x)
+x.addListener(myFunction)
+
 var theSelect = document.getElementById('select_dropDown')
 const sortup = document.querySelector(".sortup-icon")
 let bool = false
@@ -113,6 +128,7 @@ const getDiff = (text1, text2) => {
 }
 const getData = async (serachValue) => {
   try {
+    placeholder_loading.style.display = "none"
     errorMsg.innerHTML = ""
     wordCount.innerHTML = ""
     home_page_search_result.innerHTML = ""

data/assets/js/wordScrabble-test.js

@@ -53,22 +53,20 @@ txtBox.focus()
 txtBox.value = serachValue
 
 
-var placeholder_loading = document.querySelector(".placeholder_loading")
-if (script.dataset.ezoictest) {
-  function myFunction(x) {
-    if (x.matches) {
-      txtBox.addEventListener("click", () => {
-        const scrollingElement = (document.scrollingElement || document.body);
-        scrollingElement.scroll({ top: 500, behavior: 'smooth' });
-      })
-    } else {
-      console.log("false");
-    }
+let placeholder_loading = document.querySelector(".placeholder_loading")
+function myFunction(x) {
+  if (x.matches) {
+    txtBox.addEventListener("click", () => {
+      const scrollingElement = (document.scrollingElement || document.body || document.documentElement);
+      scrollingElement.scroll({ top: 200, behavior: 'smooth' });
+    })
+  } else {
+    console.log("false");
   }
-  var x = window.matchMedia("(max-width: 768px)")
-  myFunction(x)
-  x.addListener(myFunction)
 }
+var x = window.matchMedia("(max-width: 768px)")
+myFunction(x)
+x.addListener(myFunction)
 
 txtBox.addEventListener('input', (e) => {
   if (e.target.value === "") {
@@ -140,12 +138,9 @@ const getDiff = (text1, text2) => {
 // getWords define...
 const getData = async (serachValue) => {
   try {
+    placeholder_loading.style.display = "none"
     errorMsg.innerHTML = ""
     wordCount.innerHTML = ""
-    if (script.dataset.ezoictest) {
-      placeholder_loading.style.display = "none"
-    }
-
     let selectedDictionary = document.querySelector('.select_dropDown2').value
     main.innerHTML = `<div class="loader">
     <img src='/assets/images/loading.gif'>

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: word-games-theme
 version: !ruby/object:Gem::Version
-  version: 1.4.3
+  version: 1.4.4
 platform: ruby
 authors:
 - manpreet-appscms
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2022-09-15 00:00:00.000000000 Z
+date: 2022-09-16 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: jekyll
@@ -156,6 +156,7 @@ files:
 - _includes/languages/languages.html
 - _includes/paginationBlogPage.html
 - _includes/paginationPostPage.html
+- _includes/placeholder-loading.html
 - _includes/postauthorbio.html
 - _includes/postbox.html
 - _includes/script.html