appscms-tools-theme 1.9.0 → 1.9.3

data/assets/css/adblocker.css

@@ -1,187 +1,187 @@
-.extensions {
-  position: absolute;
-  max-width: 500px;
-  height: auto;
-  top: 50%;
-  left: 50%;
-  width: 100%;
-  background: #fff;
-  opacity: 0;
-  pointer-events: none;
-  transform: translate(-50%, -50%) scale(1.2);
-  z-index: 9999;
-  box-shadow: 10px 10px 15px rgba(0, 0, 0, 0.06);
-  transition: opacity 0.2s 0s ease-in-out, transform 0.2s 0s ease-in-out;
-}
-
-.extensions.show {
-  opacity: 1;
-  pointer-events: auto;
-}
-
-.extensions .ads__content {
-  color: #000;
-  padding-top: 25px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  flex-direction: column;
-}
-
-.closePopup {
-  position: absolute;
-  top: 8px;
-  right: 12px;
-  cursor: pointer;
-  font-size: 20px;
-}
-
-.nav-tab-link {
-  background-color: inherit;
-  border: none !important;
-  outline: none;
-  cursor: pointer;
-  /* transition: 0.3s; */
-  font-size: 12px;
-  color: #000;
-}
-
-.nav-tab-link:hover {
-  background-color: #f1f3f4;
-  color: #000 !important;
-}
-
-.nav-tabs .nav-item.show .nav-link,
-.nav-tabs .nav-link.active {
-  background-color: transparent !important;
-  border-color: transparent !important;
-  color: #1a73e8 !important;
-  border-bottom: 2px solid !important;
-}
-
-.ads_img {
-  width: 30px;
-  height: 30px;
-  display: block;
-  margin: 0 auto;
-}
-
-.three_dot {
-  width: 30px;
-  height: 30px;
-  background: #f1f3f4;
-  border-radius: 50%;
-  text-align: center;
-  margin: 0 auto;
-  padding-top: 5px;
-}
-
-.tablist {
-  border: none !important;
-}
-
-.tab-content {
-  padding: 15px 50px;
-  border-top: none;
-  font-size: 15px;
-  height: 320px;
-  background-color: #f1f3f4;
-}
-
-.tab-content .listContainer {
-  font-size: 13px;
-}
-
-.listItem {
-  padding: 8px 0;
-  font-size: 12px;
-}
-
-/* ravi */
-
-.wrapper {
-  position: fixed;
-  left: 0;
-  top: 0;
-  background: rgba(0, 0, 0, 0.6);
-  height: 100%;
-  width: 100%;
-  display: none;
-  transition: all 0.3s ease-in-out;
-  font-size: 15px;
-  color: #666;
-  line-height: 1.5;
-}
-
-.innerWrapper {
-  z-index: 99;
-  position: relative;
-  max-width: 500px;
-  top: 50%;
-  left: 50%;
-  width: 100%;
-  padding: 40px 30px;
-  background: #fff;
-  border-radius: 15px;
-  transform: translate(-50%, -50%) scale(1.2);
-  box-shadow: 10px 10px 15px rgba(0, 0, 0, 0.06);
-  transition: opacity 0.2s 0s ease-in-out, transform 0.2s 0s ease-in-out;
-}
-
-.wrapper.show {
-  display: block;
-  z-index: 9999;
-}
-
-.brand-title {
-  margin-top: 35px;
-  font-size: 32px;
-  font-weight: 900;
-}
-
-.show-ads {
-  font-size: 19px;
-  text-align: center;
-  margin-top: 20px;
-}
-
-.btn-container {
-  height: 57px;
-  width: 223px;
-  margin-top: 30px;
-  border-radius: 50px;
-  position: relative;
-  overflow: hidden;
-}
-
-.btn-container .bg-layer {
-  height: 100%;
-  width: 300%;
-  position: absolute;
-  left: -100%;
-  background: -webkit-linear-gradient(
-    135deg,
-    #9b27ca,
-    #d33639,
-    #9b27ca,
-    #d33639
-  );
-  transition: all 0.4s ease;
-}
-
-.btn-container:hover .bg-layer {
-  left: 0;
-}
-
-.allow-ads-btn {
-  position: relative;
-  z-index: 1;
-  height: 100%;
-  width: 100%;
-  background: none;
-  font-size: 18px;
-  border: none;
-  outline: none;
-  color: #fff;
-  cursor: pointer;
-}
+.extensions {
+  position: absolute;
+  max-width: 500px;
+  height: auto;
+  top: 50%;
+  left: 50%;
+  width: 100%;
+  background: #fff;
+  opacity: 0;
+  pointer-events: none;
+  transform: translate(-50%, -50%) scale(1.2);
+  z-index: 9999;
+  box-shadow: 10px 10px 15px rgba(0, 0, 0, 0.06);
+  transition: opacity 0.2s 0s ease-in-out, transform 0.2s 0s ease-in-out;
+}
+
+.extensions.show {
+  opacity: 1;
+  pointer-events: auto;
+}
+
+.extensions .ads__content {
+  color: #000;
+  padding-top: 25px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-direction: column;
+}
+
+.closePopup {
+  position: absolute;
+  top: 8px;
+  right: 12px;
+  cursor: pointer;
+  font-size: 20px;
+}
+
+.nav-tab-link {
+  background-color: inherit;
+  border: none !important;
+  outline: none;
+  cursor: pointer;
+  /* transition: 0.3s; */
+  font-size: 12px;
+  color: #000;
+}
+
+.nav-tab-link:hover {
+  background-color: #f1f3f4;
+  color: #000 !important;
+}
+
+.nav-tabs .nav-item.show .nav-link,
+.nav-tabs .nav-link.active {
+  background-color: transparent !important;
+  border-color: transparent !important;
+  color: #1a73e8 !important;
+  border-bottom: 2px solid !important;
+}
+
+.ads_img {
+  width: 30px;
+  height: 30px;
+  display: block;
+  margin: 0 auto;
+}
+
+.three_dot {
+  width: 30px;
+  height: 30px;
+  background: #f1f3f4;
+  border-radius: 50%;
+  text-align: center;
+  margin: 0 auto;
+  padding-top: 5px;
+}
+
+.tablist {
+  border: none !important;
+}
+
+.tab-content {
+  padding: 15px 50px;
+  border-top: none;
+  font-size: 15px;
+  height: 320px;
+  background-color: #f1f3f4;
+}
+
+.tab-content .listContainer {
+  font-size: 13px;
+}
+
+.listItem {
+  padding: 8px 0;
+  font-size: 12px;
+}
+
+/* ravi */
+
+.wrapper {
+  position: fixed;
+  left: 0;
+  top: 0;
+  background: rgba(0, 0, 0, 0.6);
+  height: 100%;
+  width: 100%;
+  display: none;
+  transition: all 0.3s ease-in-out;
+  font-size: 15px;
+  color: #666;
+  line-height: 1.5;
+}
+
+.innerWrapper {
+  z-index: 99;
+  position: relative;
+  max-width: 500px;
+  top: 50%;
+  left: 50%;
+  width: 100%;
+  padding: 40px 30px;
+  background: #fff;
+  border-radius: 15px;
+  transform: translate(-50%, -50%) scale(1.2);
+  box-shadow: 10px 10px 15px rgba(0, 0, 0, 0.06);
+  transition: opacity 0.2s 0s ease-in-out, transform 0.2s 0s ease-in-out;
+}
+
+.wrapper.show {
+  display: block;
+  z-index: 9999;
+}
+
+.brand-title {
+  margin-top: 35px;
+  font-size: 32px;
+  font-weight: 900;
+}
+
+.show-ads {
+  font-size: 19px;
+  text-align: center;
+  margin-top: 20px;
+}
+
+.btn-container {
+  height: 57px;
+  width: 223px;
+  margin-top: 30px;
+  border-radius: 50px;
+  position: relative;
+  overflow: hidden;
+}
+
+.btn-container .bg-layer {
+  height: 100%;
+  width: 300%;
+  position: absolute;
+  left: -100%;
+  background: -webkit-linear-gradient(
+    135deg,
+    #9b27ca,
+    #d33639,
+    #9b27ca,
+    #d33639
+  );
+  transition: all 0.4s ease;
+}
+
+.btn-container:hover .bg-layer {
+  left: 0;
+}
+
+.allow-ads-btn {
+  position: relative;
+  z-index: 1;
+  height: 100%;
+  width: 100%;
+  background: none;
+  font-size: 18px;
+  border: none;
+  outline: none;
+  color: #fff;
+  cursor: pointer;
+}

data/assets/css/responsive.css

@@ -0,0 +1,6 @@
+@media (min-width: 992px) {
+    .home-feature-box {
+      width: 25% !important;
+      height: 180px;
+    }
+  }

data/assets/css/tools.css

@@ -566,6 +566,7 @@ ul li {
   color: rgba(117, 117, 117, 1);
 }
 .footer-msg {
+  text-align: left;
   font-stretch: 400;
   font-weight: 400;
   font-size: 16px;
@@ -1258,3 +1259,6 @@ ol li::marker {
   background: rgb(238, 238, 238);
   border-radius: 3px;
 }
+.row .col-md-9 p{
+text-align: left;
+}

data/assets/js/adBlocker.js

@@ -1,45 +1,45 @@
-$('.nav-tabs a.nav-tab-link').click(function () {
-  $('.nav-tabs  a.nav-tab-link').removeClass('active')
-})
-
-const detect = document.querySelector('#detect')
-const wrapper = document.querySelector('.wrapper')
-const closePopup = document.getElementsByClassName('closePopup')
-const extensions = document.querySelector('.extensions')
-
-const refresh = () => {
-  location.reload()
-}
-
-let adsBtn = document.querySelector('.allow-ads-btn')
-adsBtn.addEventListener('click', () => {
-  extensions.classList.add('show')
-})
-
-let adClasses = [
-  'ad',
-  'ads',
-  'adsbox',
-  'doubleclick',
-  'ad-placement',
-  'ad-placeholder',
-  'adbadge',
-  'BannerAd',
-]
-for (let item of adClasses) {
-  detect.classList.add(item)
-}
-
-let getProperty = window.getComputedStyle(detect).getPropertyValue('display')
-if (!wrapper.classList.contains('show')) {
-  getProperty == 'none'
-    ? wrapper.classList.add('show')
-    : wrapper.classList.remove('show')
-}
-closePopup[0].addEventListener('click', () => {
-  console.log(true)
-  wrapper.classList.remove('show')
-})
-closePopup[1].addEventListener('click', () => {
-  extensions.classList.remove('show')
-})
+$('.nav-tabs a.nav-tab-link').click(function () {
+  $('.nav-tabs  a.nav-tab-link').removeClass('active')
+})
+
+const detect = document.querySelector('#detect')
+const wrapper = document.querySelector('.wrapper')
+const closePopup = document.getElementsByClassName('closePopup')
+const extensions = document.querySelector('.extensions')
+
+const refresh = () => {
+  location.reload()
+}
+
+let adsBtn = document.querySelector('.allow-ads-btn')
+adsBtn.addEventListener('click', () => {
+  extensions.classList.add('show')
+})
+
+let adClasses = [
+  'ad',
+  'ads',
+  'adsbox',
+  'doubleclick',
+  'ad-placement',
+  'ad-placeholder',
+  'adbadge',
+  'BannerAd',
+]
+for (let item of adClasses) {
+  detect.classList.add(item)
+}
+
+let getProperty = window.getComputedStyle(detect).getPropertyValue('display')
+if (!wrapper.classList.contains('show')) {
+  getProperty == 'none'
+    ? wrapper.classList.add('show')
+    : wrapper.classList.remove('show')
+}
+closePopup[0].addEventListener('click', () => {
+  console.log(true)
+  wrapper.classList.remove('show')
+})
+closePopup[1].addEventListener('click', () => {
+  extensions.classList.remove('show')
+})

data/assets/js/featureResult.js

@@ -1,34 +1,38 @@
----
----
-    let script = document.currentScript
+let script = document.currentScript
 const params = new URLSearchParams(window.location.search)
 let type = params.get('fileName')
 let jsonFileName = atob(type);
-
 let folderName = script.dataset.foldername
 let fileName = jsonFileName
 let lang = script.dataset.lang
-
 let feature_h1 = document.querySelector(".feature-h1")
 let feature_h2 = document.querySelector(".feature-h2")
 let feature_img = document.querySelector(".features-img")
-const jsonData = {{ site.data | jsonify }}
-const seoData = jsonData[folderName][lang][fileName]
-feature_h1.innerHTML = seoData.H1
-feature_h2.innerHTML = seoData.H2
 
-document.head.querySelector('meta[property="og:title"]').setAttribute("content", seoData.TITLE);
-document.head.querySelector('meta[name="description"]').setAttribute("content", seoData.META);
-document.head.querySelector('meta[name="twitter:title"]').setAttribute("content", seoData.TITLE);
-document.head.querySelector('meta[name="twitter:description"]').setAttribute("content", seoData.META);
+const getSeodata = async () => {
+    let URL = '/data' + '/' + folderName + '/' + lang + '/' + fileName + '.json'
+    console.log(URL)
+    const data = await fetch(URL)
+    const seoData = await data.json()
 
+    feature_h1.innerHTML = seoData.H1
+    feature_h2.innerHTML = seoData.H2
 
 
-if (seoData.img) {
-    feature_img.src = seoData.img
-    feature_img.setAttribute("alt", seoData.imgalt)
-    feature_img.style.width = seoData.imgwidth
-    feature_img.style.height = seoData.imgheight
-}
+    document.head.querySelector('meta[property="og:title"]').setAttribute("content", seoData.TITLE);
+    document.head.querySelector('meta[name="description"]').setAttribute("content", seoData.META);
+    document.head.querySelector('meta[name="twitter:title"]').setAttribute("content", seoData.TITLE);
+    document.head.querySelector('meta[name="twitter:description"]').setAttribute("content", seoData.META);
+
 
-document.title = seoData.TITLE
+    if (seoData.img) {
+        feature_img.src = seoData.img
+        feature_img.setAttribute("alt", seoData.imgalt)
+        feature_img.style.width = seoData.imgwidth
+        feature_img.style.height = seoData.imgheight
+    }
+
+    document.title = seoData.TITLE
+
+}
+getSeodata()

data/assets/js/homeResult.js

@@ -1,29 +1,37 @@
----
----
-    let script = document.currentScript
+let script = document.currentScript
 const params = new URLSearchParams(window.location.search)
 let type = params.get('fileName')
 let jsonFileName = atob(type);
-
 let folderName = script.dataset.foldername
 let fileName = jsonFileName
 let lang = script.dataset.lang
 
-
 let home_h1 = document.querySelector(".home-top-h1")
 let home_h2 = document.querySelector(".home-top-h2")
 let home_img = document.querySelector(".home-img")
-const jsonData = {{ site.data | jsonify }}
-const seoData = jsonData[folderName][lang][fileName]
 
-home_h1.innerHTML = seoData.h1
-home_h2.innerHTML = seoData.h2
+const getSeodata = async () => {
+    let URL = '/data' + '/' + folderName + '/' + lang + '/' + fileName + '.json'
+    const data = await fetch(URL)
+    const seoData = await data.json()
 
-if(seoData.img){
-home_img.src = seoData.img
-home_img.setAttribute("alt",seoData.imgalt)
-home_img.style.width = seoData.imgwidth
-home_img.style.height = seoData.imgheight
-}
+    home_h1.innerHTML = seoData.h1
+    home_h2.innerHTML = seoData.h2
+
+    document.head.querySelector('meta[property="og:title"]').setAttribute("content", seoData.TITLE);
+    document.head.querySelector('meta[name="description"]').setAttribute("content", seoData.META);
+    document.head.querySelector('meta[name="twitter:title"]').setAttribute("content", seoData.TITLE);
+    document.head.querySelector('meta[name="twitter:description"]').setAttribute("content", seoData.META);
 
-document.title = seoData.TITLE
+
+    if (seoData.img) {
+        home_img.src = seoData.img
+        home_img.setAttribute("alt", seoData.imgalt)
+        home_img.style.width = seoData.imgwidth
+        home_img.style.height = seoData.imgheight
+    }
+
+    document.title = seoData.TITLE
+
+}
+getSeodata()

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: appscms-tools-theme
 version: !ruby/object:Gem::Version
-  version: 1.9.0
+  version: 1.9.3
 platform: ruby
 authors:
 - vivek-appscms
-autorequire: 
+autorequire:
 bindir: bin
 cert_chain: []
-date: 2022-03-30 00:00:00.000000000 Z
+date: 2022-04-29 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: jekyll
@@ -52,7 +52,7 @@ dependencies:
     - - "~>"
       - !ruby/object:Gem::Version
         version: '12.0'
-description: 
+description:
 email:
 - vivek@appscms.com
 executables: []
@@ -949,6 +949,7 @@ files:
 - assets/css/blog.css
 - assets/css/bootstrap.min.css
 - assets/css/filecomparison.css
+- assets/css/responsive.css
 - assets/css/tools.css
 - assets/easy.svg
 - assets/facebook.svg
@@ -1105,7 +1106,7 @@ homepage: https://github.com/Appscms-com/appscms-tools-theme
 licenses:
 - MIT
 metadata: {}
-post_install_message: 
+post_install_message:
 rdoc_options: []
 require_paths:
 - lib
@@ -1120,8 +1121,8 @@ required_rubygems_version: !ruby/object:Gem::Requirement
     - !ruby/object:Gem::Version
       version: '0'
 requirements: []
-rubygems_version: 3.1.2
-signing_key: 
+rubygems_version: 3.1.6
+signing_key:
 specification_version: 4
 summary: Appscms theme for all tools
 test_files: []