word-games-theme 1.4.2 → 1.4.4

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: fcf1a9918dae39018eb109138069209372d9ed2319aa92566d2dd3af074fb612
-  data.tar.gz: 9f4e7745334a4914f9cb93464d2abc67d3ce74ade435c5c895eedfc396151c49
+  metadata.gz: 9764e420c7f9491c9993236de3622ff491c49fcf00fae5545c8bec6ffc565ecf
+  data.tar.gz: 0d1f2ed390bc37b9afdb5b72ba9c43f06dc57637e7bf0342ecfcd3d336061dc4
 SHA512:
-  metadata.gz: '048d9b540d189dffc22f510975b54c75fae7e92f7db3e2139834f493ac9c887fa500ab23c7468ed49f0923ded8a50233199ad8ba9c88f586037b9ef9096a447d'
-  data.tar.gz: bb43976c49f8541991f7c0ca2317ec4ee938e01d226ead7b49da5bb192e77b05241bccd91e7eecb758aa4db18ec59e02566ceef9f319acaa5e43d9e3a7e98275
+  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,6 +154,8 @@
 </nav>
 <!-- </header> -->
 
+
+
 <!-- Ezoic - sidebar_floating_1 - sidebar_floating_1 -->
 <div id="ezoic-pub-ad-placeholder-109"> </div>
 <!-- End Ezoic - sidebar_floating_1 - sidebar_floating_1 -->
@@ -173,6 +175,8 @@
     {%- endif -%}
 
     {% include section/wordGroup.html %}
+    {% include placeholder-loading.html %}
+
 </div>
 <!-- navbar close -->
 <!-- header 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/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

@@ -51,6 +51,23 @@ letterCloseButton.addEventListener("click", () => {
 let txtBox = document.querySelector('.txtBox')
 txtBox.focus()
 txtBox.value = serachValue
+
+
+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)
+
 txtBox.addEventListener('input', (e) => {
   if (e.target.value === "") {
     letterCloseButton.classList.remove("ltr-cls-btn-commonPage")
@@ -121,6 +138,7 @@ const getDiff = (text1, text2) => {
 // getWords define...
 const getData = async (serachValue) => {
   try {
+    placeholder_loading.style.display = "none"
     errorMsg.innerHTML = ""
     wordCount.innerHTML = ""
     let selectedDictionary = document.querySelector('.select_dropDown2').value

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: word-games-theme
 version: !ruby/object:Gem::Version
-  version: 1.4.2
+  version: 1.4.4
 platform: ruby
 authors:
 - manpreet-appscms
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2022-09-12 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