appscms-tools-theme 3.8.5 → 3.8.6

data/assets/css/appscms-theme.css

@@ -46,6 +46,10 @@ body {
   height: 100%;
   justify-content: space-between;
 }
+.appscms-navbar-nav a {
+  display: flex;
+  align-items: center;
+}
 .appscms-navbar-nav-links {
   width: 100%;
   height: 100%;
@@ -187,7 +191,7 @@ body {
     display: block;
     cursor: pointer;
     position: absolute;
-    right: -29px;
+    right: -20px;
     top: 5px;
     z-index: 9999;
   }
@@ -278,6 +282,10 @@ body {
   margin: 20px 0px;
   color: #000;
 }
+.appscms-h3 {
+  font-size: 30px;
+  color: var(--mid-gray);
+}
 .appscms-h2 {
   font-size: 20px;
   padding-top: 8px;
@@ -307,6 +315,7 @@ body {
 /* category section */
 .toolfilters {
   margin-top: 80px;
+  cursor: pointer;
   background-color: rgb(255, 255, 255);
   display: flex;
   height: 30px;
@@ -658,11 +667,11 @@ body {
   #appscms-searchbar {
     padding: 3px;
   }
-
+  /* 
   toolfilter {
     margin: auto;
     padding: 0px 20px;
-  }
+  } */
 }
 
 /* Medium devices (desktops) */
@@ -676,13 +685,17 @@ body {
   .appscms-tool .tool-top {
     background-color: transparent;
     flex-direction: column;
+    justify-content: center;
+    border-radius: 10px;
+    height: 72px;
   }
   .appscms-tool .tool-img {
     padding: 0px !important;
+    filter: invert(1);
   }
   .appscms-tool .tool-img img {
-    height: 72px !important;
-    width: 72px !important;
+    height: 37px !important;
+    width: 37px !important;
     border-radius: 20px !important;
   }
   .appscms-tool .tool-text {
@@ -747,7 +760,7 @@ body {
 }
 .appscms-footer {
   background-color: var(--while-color);
-  padding: 50px;
+  padding: 10px;
   border-top: 1px solid rgb(148, 148, 148);
 }
 
@@ -786,12 +799,14 @@ body {
 }
 .success-msg {
   text-align: center;
+  margin: 30px 0px;
   color: var(--primary-color);
 }
 .go-back-block {
   display: flex;
   align-items: center;
   justify-content: center;
+  margin: 30px 0px;
 }
 .go-back-block button {
   background-color: var(--primary-color);
@@ -815,6 +830,7 @@ body {
   width: 1px;
   filter: brightness();
   filter: brightness(100);
+  position: absolute;
 }
 .rating-tool {
   display: flex;
@@ -823,6 +839,7 @@ body {
   background-color: rgb(252, 252, 252);
   border-radius: 50px;
   height: 70px;
+  margin: 40px 0px;
 }
 #rating {
   font-size: 25px;
@@ -874,12 +891,16 @@ body {
   height: 50px;
   width: 50px;
 }
+.website-showcases {
+  padding: 50px 0px;
+}
 .website-showcase {
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
-  margin-bottom: 15px;
+  margin-bottom: 25px;
+  overflow: hidden;
 }
 .website-showcase a {
   color: var(--black-color);
@@ -887,15 +908,14 @@ body {
   margin-top: 10px;
 }
 .feature-showcase {
-  display: flex;
   padding: 50px 0px;
-  justify-content: space-between;
 }
 .feature-showcase-div {
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
+  margin-bottom: 25px;
 }
 .feature-showcase-div img {
   height: 45px;
@@ -908,3 +928,14 @@ body {
 .feature-showcase a {
   color: var(--black-color);
 }
+
+.video-h1,
+.audio-h1 {
+  font-weight: 600;
+  font-size: 53px;
+}
+
+.video-h2,
+.audio-h2 {
+  font-size: 22px;
+}

data/assets/js/appscms-search.js

@@ -0,0 +1,101 @@
+---
+---
+
+const features= [
+  {
+    "name": "Appscms feature",
+    "description": "Appscms feature layout with new design",
+    "color": "#1A2EE7",
+    "icon": "/assets/images/digipaint.jpg",
+    "url": "/appscms-feature"
+  },
+  {
+    "name": "Appscms feature",
+    "description": "Appscms feature layout with new design",
+    "color": "#1A2EE7",
+    "icon": "/assets/images/digipaint.jpg",
+    "url": "/appscms-feature"
+  },
+  {
+    "name": "Appscms feature",
+    "description": "Appscms feature layout with new design",
+    "color": "#1A2EE7",
+    "icon": "/assets/images/digipaint.jpg",
+    "url": "/appscms-feature"
+  },
+  {
+    "name": "Appscms feature",
+    "description": "Appscms feature layout with new design",
+    "color": "#1A2EE7",
+    "icon": "/assets/images/digipaint.jpg",
+    "url": "/appscms-feature"
+  },
+  {
+    "name": "Appscms home",
+    "description": "Appscms feature layout with new design",
+    "color": "#1A2EE7",
+    "icon": "/assets/images/digipaint.jpg",
+    "url": "/appscms-feature"
+  },
+  {
+    "name": "Appscms home",
+    "description": "Appscms feature layout with new design",
+    "color": "#1A2EE7",
+    "icon": "/assets/images/digipaint.jpg",
+    "url": "/appscms-feature"
+  },
+  {
+    "name": "Appscms home",
+    "description": "Appscms feature layout with new design",
+    "color": "#1A2EE7",
+    "icon": "/assets/images/digipaint.jpg",
+    "url": "/appscms-feature"
+  },
+  {
+    "name": "Appscms home",
+    "description": "Appscms feature layout with new design",
+    "color": "#1A2EE7",
+    "icon": "/assets/images/digipaint.jpg",
+    "url": "/appscms-feature"
+  },
+  {
+    "name": "Appscms home",
+    "description": "Appscms feature layout with new design",
+    "color": "#1A2EE7",
+    "icon": "/assets/images/digipaint.jpg",
+    "url": "/appscms-feature"
+  }
+]
+const featureList= document.querySelector('#appscms-tools-section-row')
+const renderFeatures=(query)=> {
+  featureList.innerHTML = "";
+  const filteredFeatures = features.filter(feature => feature.name.toLowerCase().includes(query.toLowerCase()));
+  filteredFeatures.forEach(item => {
+      const listItem = document.createElement("div");
+      const classNames = "col-xl-4 col-lg-6 col-md-6 appscms-tool-container";
+      let classList = classNames.split(" ");
+      classList.forEach(function(className) {
+      listItem.classList.add(className);
+      });
+      listItem.innerHTML = `
+          <a href="${item.url}">
+            <div class="appscms-tool">
+              <div class="tool-top" style="background-color: ${item.color};">
+                <div class="tool-img">
+                  <img crossorigin="anonymous" src="${item.icon}" alt="img" />
+                </div>
+                <div class="tool-text">${item.description}</div>
+              </div>
+              <div class="tool-heading">${item.name}</div>
+            </div>
+          </a>
+      `;
+      featureList.appendChild(listItem);
+  });
+}
+const searchInput= document.querySelector('#search-features')
+searchInput.addEventListener("input", function () {
+  console.log('ok')
+  const query = searchInput.value.trim();
+  renderFeatures(query);
+});

data/assets/js/appscms-theme.js

@@ -1,14 +1,35 @@
+---
+---
+
+if ("{{ site.safeui }}"==="true") {
+  document.addEventListener("DOMContentLoaded", function () {
+    var safuiAlert = document.querySelector("#safeui-alert");
+    if (safuiAlert) {
+      setTimeout(function () {
+        safuiAlert.style.transition = "1s";
+        safuiAlert.style.height = "0";
+        safuiAlert.style.paddingTop = "0";
+        safuiAlert.style.paddingBottom = "0";
+        safuiAlert.style.marginTop = "0";
+        safuiAlert.style.marginBottom = "0";
+        setTimeout(function () {
+          safuiAlert.parentNode.removeChild(safuiAlert);
+        }, 1000);
+      }, 10000);
+    }
+  });
+}
 const hamburger = document.querySelector("#hamburger");
-    const appscmsToolbar = document.querySelector(".appscms-toolbar");
-    const appscmsToolbarListItems = document.querySelectorAll(
-      ".appscms-toolbar-list-item-span"
-    );
-    hamburger.addEventListener("click", () => {
-      if (hamburger.dataset.open === "1") {
-        hamburger.dataset.open = "0";
-        appscmsToolbar.style.right = "-272px";
-        appscmsToolbar.style.display = "none";
-        hamburger.innerHTML =` <svg
+const appscmsToolbar = document.querySelector(".appscms-toolbar");
+const appscmsToolbarListItems = document.querySelectorAll(
+  ".appscms-toolbar-list-item-span"
+);
+hamburger.addEventListener("click", () => {
+  if (hamburger.dataset.open === "1") {
+    hamburger.dataset.open = "0";
+    appscmsToolbar.style.right = "-272px";
+    appscmsToolbar.style.display = "none";
+    hamburger.innerHTML = ` <svg
         style="font-size:25px"
           stroke="currentColor"
           fill="currentColor"
@@ -27,36 +48,54 @@ const hamburger = document.querySelector("#hamburger");
             stroke-width="48"
             d="M88 152h336M88 256h336M88 360h336"
           ></path>
-        </svg>`
-      } else {
-        hamburger.dataset.open = "1";
-        appscmsToolbar.style.right = "0px";
-        appscmsToolbar.style.display = "block";
-        hamburger.innerHTML = `<svg  height="50px"
-        width="1em"  style="font-size:25px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" stroke="#ffffff"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <g clip-path="url(#clip0_429_11083)"> <path d="M7 7.00006L17 17.0001M7 17.0001L17 7.00006" stroke="#ffffff" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"></path> </g> <defs> <clipPath id="clip0_429_11083"> <rect width="24" height="24" fill="white"></rect> </clipPath> </defs> </g></svg>`
-      }
-    });
-    Array.from(appscmsToolbarListItems).map((item) => {
-      item.addEventListener("click", (e) => {
-        e.preventDefault();
-        var style = window.getComputedStyle(item.nextElementSibling);
-        var maxHeight = style.getPropertyValue("max-height");
-    
-        if (maxHeight && maxHeight !== "0px") {
-          // If the item is expanded, collapse it
-          item.nextElementSibling.style.maxHeight = "0";
-          item.nextElementSibling.style.opacity = "0";
-          item.nextElementSibling.style.height = "0";
-        } else {
-          // If the item is collapsed, expand it
-          item.nextElementSibling.style.maxHeight =
-            item.nextElementSibling.scrollHeight + "px";
-          item.nextElementSibling.style.opacity = "1";
-          item.nextElementSibling.style.height = "auto";
-        }
-      });
-    });
-    
+        </svg>`;
+  } else {
+    hamburger.dataset.open = "1";
+    appscmsToolbar.style.right = "0px";
+    appscmsToolbar.style.display = "block";
+    hamburger.innerHTML = `<svg  height="50px"
+        width="1em"  style="font-size:25px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" stroke="#ffffff"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <g clip-path="url(#clip0_429_11083)"> <path d="M7 7.00006L17 17.0001M7 17.0001L17 7.00006" stroke="#ffffff" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"></path> </g> <defs> <clipPath id="clip0_429_11083"> <rect width="24" height="24" fill="white"></rect> </clipPath> </defs> </g></svg>`;
+  }
+});
+Array.from(appscmsToolbarListItems).map((item) => {
+  item.addEventListener("click", (e) => {
+    e.preventDefault();
+    var style = window.getComputedStyle(item.nextElementSibling);
+    var maxHeight = style.getPropertyValue("max-height");
 
+    if (maxHeight && maxHeight !== "0px") {
+      // If the item is expanded, collapse it
+      item.nextElementSibling.style.maxHeight = "0";
+      item.nextElementSibling.style.opacity = "0";
+      item.nextElementSibling.style.height = "0";
+    } else {
+      // If the item is collapsed, expand it
+      item.nextElementSibling.style.maxHeight =
+        item.nextElementSibling.scrollHeight + "px";
+      item.nextElementSibling.style.opacity = "1";
+      item.nextElementSibling.style.height = "auto";
+    }
+  });
+});
 
-    
+if ("{{ site.removeBootstrapJs }}" === "true") {
+  const languagesModal = document.querySelector("#staticBackdrop");
+  const intModalBtn = document.querySelector("#int-modal-btn");
+  const closeBtn = document.querySelector("#close-modal");
+
+  if (intModalBtn) {
+    intModalBtn.addEventListener("click", () => {
+      languagesModal.style.display = "block";
+      languagesModal.classList.add("show");
+      let modal = document.createElement("div");
+      modal.classList.add("modal-backdrop", "show");
+      document.body.appendChild(modal);
+    });
+    closeBtn.addEventListener("click", () => {
+      languagesModal.style.display = "none";
+      languagesModal.classList.remove("show");
+      let modal = document.querySelector(".modal-backdrop");
+      document.body.removeChild(modal);
+    });
+  }
+}

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: appscms-tools-theme
 version: !ruby/object:Gem::Version
-  version: 3.8.5
+  version: 3.8.6
 platform: ruby
 authors:
 - vivek-appscms
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2023-08-26 00:00:00.000000000 Z
+date: 2023-09-09 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: jekyll
@@ -175,6 +175,7 @@ files:
 - _layouts/aboutUs.html
 - _layouts/allAuthors.html
 - _layouts/appscms-about.html
+- _layouts/appscms-audio.html
 - _layouts/appscms-blog.html
 - _layouts/appscms-contact.html
 - _layouts/appscms-disclaimer.html
@@ -184,6 +185,7 @@ files:
 - _layouts/appscms-home.html
 - _layouts/appscms-privacy-policy.html
 - _layouts/appscms-terms-and-conditions.html
+- _layouts/appscms-video.html
 - _layouts/audio.html
 - _layouts/author.html
 - _layouts/batch.html
@@ -395,6 +397,7 @@ files:
 - assets/images/debosmita.jpeg
 - assets/images/digiball.jpg
 - assets/images/digipaint.jpg
+- assets/images/document.png
 - assets/images/download.png
 - assets/images/dropbox.png
 - assets/images/faceframe.png
@@ -405,7 +408,6 @@ files:
 - assets/images/google-drive.png
 - assets/images/google-drive.svg
 - assets/images/image.png
-- assets/images/image.webp
 - assets/images/karuna.jpeg
 - assets/images/karuna.png
 - assets/images/keshav.webp
@@ -443,11 +445,13 @@ files:
 - assets/images/udit.png
 - assets/images/uo.svg
 - assets/images/vectorpaint.svg
+- assets/images/video.png
 - assets/instagram.svg
 - assets/js/TopScroll.js
 - assets/js/adBlocker.js
 - assets/js/ads.js
 - assets/js/append-div.js
+- assets/js/appscms-search.js
 - assets/js/appscms-theme.js
 - assets/js/batch.js
 - assets/js/calculator-tooltip.js