appscms-tools-theme 4.7.0 → 4.7.2

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 897e910c514b9526dbf0216aff1121e1ad2beea4719ea5dbc68dafc60626a8c7
-  data.tar.gz: 7a81c816bc10bafc326f5a6ce6ffc4da996d4cdaee51c12c479a42092b89dcc7
+  metadata.gz: 791b4cdc861ae80bec987f97ed3d952451e8b6ed8d4244c4f51c89cab844f573
+  data.tar.gz: 87ab2a1bd27f90671150e052ea3b96fd1f423057e54bddce3f3a518d5d6f8933
 SHA512:
-  metadata.gz: 32dd7db60f215547d029a00116666d7c23f484477bf87ca2f34bd627f87c2406d2e84a7882e04001fc9f6a29b5e9a238523082d6f95079a782f919e1d8c3553d
-  data.tar.gz: bb55c4eacdda3714bf48a61cf4c63d661e8261ac1e6c34ad1fb28ea001c148bbcceecabc77357bd9ff7159d9317b821b85eb81b6cd912a28574b7d030a7d8827
+  metadata.gz: 4070e82ef7b1628684d33ec4e747b375e354e6185d4f1276c327c08be35c77cd7de8f50306046589bf813ef7274eb9ccbdcb3e9a8588bf6767da2a3af45995e8
+  data.tar.gz: 792b73dc8f5b5741942c56e56e0d05ec6bfd140c7fce004a099d4ccd7587f7b5963261589f4e748a382061e62039619d854b736a772e830887b1edf5e4d0f1cd

data/_data/home/en/en.json

@@ -22,67 +22,89 @@
   ],
   "features": [
     {
-      "name": "Appscms Media tool",
-      "description": "Appscms feature layout with new design",
-      "color": "linear-gradient(148deg, #835af2 20%, #1220d8 100%)",
-      "icon": "/assets/images/digipaint.svg",
-      "url": "/appscms-feature"
+      "category": "All Tools",
+      "active": true,
+      "type": "tab",
+      "display": "block",
+      "features": [
+        {
+          "name": "All tools",
+          "description": "Appscms feature layout with new design",
+          "color": "linear-gradient(148deg, #835af2 20%, #1220d8 100%)",
+          "icon": "/assets/images/digipaint.svg",
+          "url": "/appscms-feature"
+        },
+        {
+          "name": "All tools",
+          "description": "Appscms feature layout with new design",
+          "color": "linear-gradient(148deg, #31d3bd 20%, #187cca 100%)",
+          "icon": "/assets/images/digipaint.svg",
+          "url": "/appscms-feature"
+        },
+        {
+          "name": "All tools",
+          "description": "Appscms feature layout with new design",
+          "color": "linear-gradient(148deg, #32a0f7 20%, #114793 100%)",
+          "icon": "/assets/images/digipaint.svg",
+          "url": "/appscms-feature"
+        },
+        {
+          "name": "All tools",
+          "description": "Appscms feature layout with new design",
+          "color": "linear-gradient(148deg, #ffa16b 20%, #db410a 100%)",
+          "icon": "/assets/images/digipaint.svg",
+          "url": "/appscms-feature"
+        },
+        {
+          "name": "All tools",
+          "description": "Appscms feature layout with new design",
+          "color": "#1A2EE7",
+          "icon": "/assets/images/digipaint.svg",
+          "url": "/appscms-feature"
+        }
+      ]
     },
     {
-      "name": "Erase tool",
-      "description": "Appscms feature layout with new design",
-      "color": "linear-gradient(148deg, #31d3bd 20%, #187cca 100%)",
-      "icon": "/assets/images/digipaint.svg",
-      "url": "/appscms-feature"
+      "category": "Calculators",
+      "type": "tab",
+      "active": false,
+      "display": "none",
+      "features": [
+        {
+          "name": "Calculators",
+          "description": "Appscms feature layout with new design",
+          "color": "#1A2EE7",
+          "icon": "/assets/images/digipaint.svg",
+          "url": "/appscms-feature"
+        },
+        {
+          "name": "Calculators",
+          "description": "Appscms feature layout with new design",
+          "color": "#1A2EE7",
+          "icon": "/assets/images/digipaint.svg",
+          "url": "/appscms-feature"
+        },
+        {
+          "name": "Calculators",
+          "description": "Appscms feature layout with new design",
+          "color": "#1A2EE7",
+          "icon": "/assets/images/digipaint.svg",
+          "url": "/appscms-feature"
+        },
+        {
+          "name": "Calculators",
+          "description": "Appscms feature layout with new design",
+          "color": "#1A2EE7",
+          "icon": "/assets/images/digipaint.svg",
+          "url": "/appscms-feature"
+        }
+      ]
     },
     {
-      "name": "Pdf tool",
-      "description": "Appscms feature layout with new design",
-      "color": "linear-gradient(148deg, #32a0f7 20%, #114793 100%)",
-      "icon": "/assets/images/digipaint.svg",
-      "url": "/appscms-feature"
-    },
-    {
-      "name": "Appscms Video Split",
-      "description": "Appscms feature layout with new design",
-      "color": "linear-gradient(148deg, #ffa16b 20%, #db410a 100%)",
-      "icon": "/assets/images/digipaint.svg",
-      "url": "/appscms-feature"
-    },
-    {
-      "name": "Appscms resize tool",
-      "description": "Appscms feature layout with new design",
-      "color": "#1A2EE7",
-      "icon": "/assets/images/digipaint.svg",
-      "url": "/appscms-feature"
-    },
-    {
-      "name": "Appscms Audio kit",
-      "description": "Appscms feature layout with new design",
-      "color": "#1A2EE7",
-      "icon": "/assets/images/digipaint.svg",
-      "url": "/appscms-feature"
-    },
-    {
-      "name": "Appscms feature",
-      "description": "Appscms feature layout with new design",
-      "color": "#1A2EE7",
-      "icon": "/assets/images/digipaint.svg",
-      "url": "/appscms-feature"
-    },
-    {
-      "name": "Appscms feature",
-      "description": "Appscms feature layout with new design",
-      "color": "#1A2EE7",
-      "icon": "/assets/images/digipaint.svg",
-      "url": "/appscms-feature"
-    },
-    {
-      "name": "Appscms feature",
-      "description": "Appscms feature layout with new design",
-      "color": "#1A2EE7",
-      "icon": "/assets/images/digipaint.svg",
-      "url": "/appscms-feature"
+      "category": "Calculators",
+      "type": "link",
+      "link": "/tools",
+      "features": []
     }
   ],
 

data/_includes/alternates/alternates.html

@@ -1,49 +1,136 @@
-{%- include languages/languages.html -%} {%- if page.permalink == nil -%}
+{%- include languages/languages.html -%}
+{%- if page.permalink == nil -%}
 <link data-rh="true" rel="alternate" href="{{site.url}}" hreflang="en" />
-{%- for i in matchurls -%} {%- for checklang in site.pages -%} {%- if
-checklang.permalink == i -%} {%- assign languagetext = [i] -%}
-<link
-  data-rh="true"
-  rel="alternate"
-  href="{{site.url}}/{{languagetext[0]}}"
-  hreflang="{{languagetext[0]}}"
-/>
-{%- endif -%} {%- endfor -%} {%- endfor -%} {%- else -%} {%- if matchurls
-contains page.permalink -%} {%- assign languagetext = [i] -%}
+{%- for i in matchurls -%}
+{%- for checklang in site.pages -%}
+{%- if checklang.permalink == i -%}
+{%- assign languagetext = [i] -%}
+
+
+{% assign whitelist_urls = site.whitelist_urls %}
+{% if site.noindex_languages contains languagetext[0] %}
+{%- if whitelist_urls -%}
+{% for url in whitelist_urls %}
+{% assign current_url = url | remove_first: '/' | strip %}
+{% assign language_url = languagetext[0] | strip %}
+{% if current_url == language_url %}
+{%- assign exclude_url = true -%}
+{% endif %}
+{% endfor %}
+{%- if exclude_url -%}
+<link data-rh="true" rel="alternate" href="{{site.url}}/{{languagetext[0]}}" hreflang="{{languagetext[0]}}" />
+{%- endif -%}
+{%- endif -%}
+{%- else -%}
+<link data-rh="true" rel="alternate" href="{{site.url}}/{{languagetext[0]}}" hreflang="{{languagetext[0]}}" />
+{%- endif -%}
+
+
+{%- endif -%}
+{%- endfor -%}
+{%- endfor -%}
+{%- else -%}
+{%- if matchurls contains page.permalink -%}
+{%- assign languagetext = [i] -%}
 <link data-rh="true" rel="alternate" href="{{site.url}}" hreflang="en" />
-{%- for i in matchurls -%} {%- assign languagetext = [i] -%} {%- if i==
-page.permalink -%}
-<link
-  data-rh="true"
-  rel="alternate"
-  href="{{site.url}}/{{page.permalink}}"
-  hreflang="{{languagetext[0]}}"
-/>
-{%- else -%} {%- for checklang in site.pages -%} {%- if checklang.permalink == i
--%} {%- assign languagetext = [i] -%}
-<link
-  data-rh="true"
-  rel="alternate"
-  href="{{site.url}}/{{languagetext[0]}}"
-  hreflang="{{languagetext[0]}}"
-/>
-{%- endif -%} {%- endfor -%} {%- endif -%} {%- endfor -%} {%- else -%} {%- for
-item in site.pages -%} {%- assign languagetext = [item.lang] -%} {%- assign
-pagelink = page.permalink | split: "/" | last-%} {%- assign itemlink =
-item.permalink | split: "/" | last-%} {%- if pagelink == itemlink and page.lang
-!= item.lang and page.permalink != item.permalink -%}
-<link
-  data-rh="true"
-  rel="alternate"
-  href="{{site.url}}{{item.permalink}}"
-  hreflang="{{languagetext[0]}}"
-/>
-{%- endif -%} {%- if pagelink == itemlink and page.lang == item.lang -%}
-
-<link
-  data-rh="true"
-  rel="alternate"
-  href="{{site.url}}{{item.permalink}}"
-  hreflang="{{languagetext[0]}}"
-/>
-{%- endif -%} {%- endfor -%} {%- endif -%} {%- endif -%}
+{%- for i in matchurls -%}
+{%- assign languagetext = [i] -%}
+{%- if i== page.permalink -%}
+
+{% assign whitelist_urls = site.whitelist_urls %}
+{% if site.noindex_languages contains languagetext[0] %}
+{%- if whitelist_urls -%}
+{% for url in whitelist_urls %}
+{% assign current_url = url | remove_first: '/' | strip %}
+{% assign language_url = languagetext[0] | strip %}
+{% if current_url == language_url %}
+{%- assign exclude_url = true -%}
+{% endif %}
+{% endfor %}
+{%- if exclude_url -%}
+<link data-rh="true" rel="alternate" href="{{site.url}}/{{languagetext[0]}}" hreflang="{{languagetext[0]}}" />
+{%- endif -%}
+{%- endif -%}
+{%- else -%}
+<link data-rh="true" rel="alternate" href="{{site.url}}/{{page.permalink}}" hreflang="{{languagetext[0]}}" />
+{%- endif -%}
+
+{%- else -%}
+{%- for checklang in site.pages -%}
+{%- if checklang.permalink == i -%}
+{%- assign languagetext = [i] -%}
+
+{% if site.noindex_languages contains languagetext[0] %}
+{%- if whitelist_urls -%}
+{% for url in whitelist_urls %}
+{% assign current_url = url | remove_first: '/' | strip %}
+{% assign language_url = languagetext[0] | strip %}
+{% if current_url == language_url %}
+<link data-rh="true" rel="alternate" href="{{site.url}}/{{languagetext[0]}}" hreflang="{{languagetext[0]}}" />
+{% endif %}
+{% endfor %}
+{%- endif -%}
+{%- else -%}
+<link data-rh="true" rel="alternate" href="{{site.url}}/{{languagetext[0]}}" hreflang="{{languagetext[0]}}" />
+{%- endif -%}
+
+{%- endif -%}
+{%- endfor -%}
+{%- endif -%}
+{%- endfor -%}
+{%- else -%}
+{%- for item in site.pages -%}
+{%- assign languagetext = [item.lang] -%}
+{%- assign pagelink = page.permalink | split: "/" | last-%}
+{%- assign itemlink = item.permalink | split: "/" | last-%}
+{%- if pagelink == itemlink and page.lang != item.lang and page.permalink != item.permalink -%}
+
+{% if site.noindex_languages contains languagetext[0] %}
+{%- if whitelist_urls -%}
+{% for url in whitelist_urls %}
+{% assign current_url = url | strip %}
+{% if current_url == item.permalink %}
+<link data-rh="true" rel="alternate" href="{{site.url}}{{item.permalink}}" hreflang="{{languagetext[0]}}" />
+{% endif %}
+{% endfor %}
+{%- endif -%}
+{%- else -%}
+<link data-rh="true" rel="alternate" href="{{site.url}}{{item.permalink}}" hreflang="{{languagetext[0]}}" />
+{%- endif -%}
+
+{%- endif -%}
+{%- if pagelink == itemlink and page.lang == item.lang -%}
+
+{% assign whitelist_urls = site.whitelist_urls %}
+{% if site.noindex_languages contains languagetext[0] %}
+{%- if whitelist_urls -%}
+{% for url in whitelist_urls %}
+{% assign current_url = url | strip %}
+{% if current_url == item.permalink %}
+{%- assign exclude_url = true -%}
+{% endif %}
+{% endfor %}
+{%- if exclude_url -%}
+<link data-rh="true" rel="alternate" href="{{site.url}}{{item.permalink}}" hreflang="{{languagetext[0]}}" />
+{%- endif -%}
+{%- endif -%}
+{%- else -%}
+
+
+{% assign final_permalink = item.permalink %}
+{% if item.permalink contains '/' %}
+{% else %}
+  {% assign final_permalink = '/' | append: item.permalink %}
+{% endif %}
+
+{%- if site.blacklist_urls contains final_permalink -%}
+{%- else -%}
+<link data-rh="true" rel="alternate" href="{{ site.url }}{{final_permalink}}" hreflang="{{ languagetext[0] }}" />
+{%- endif -%}
+
+{%- endif -%}
+
+{%- endif -%} 
+{%- endfor -%} 
+{%- endif -%} 
+{%- endif -%}

data/_includes/appscms/category-tabs/category-tabs.html

@@ -1,17 +1,118 @@
+{%- if page.lang == 'en' -%}
+<style>
+  .toolfilter svg {
+    height: 20px;
+    width: 20px;
+  }
+  .inverted {
+    filter: invert(1);
+  }
 
+  .toolfilters {
+    width: fit-content;
+    min-width: 500px;
+    justify-content: space-evenly;
+  }
+  .toolfilters-wrapper {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+  }
+  .filter__category {
+    display: flex;
+    align-items: center;
+    border-radius: 99px;
+    padding: 12px;
+    cursor: pointer;
+    margin-left: 6px;
+    margin-right: 6px;
+    white-space: nowrap;
+    color: #525658;
+  }
+  .filter__name {
+    font-weight: 500;
+    font-size: 14px;
+    line-height: 1.5;
+    margin-left: 8px;
+  }
+  .filter__category:hover {
+    background-color: var(--primary-color);
+    color: #ffffff;
+  }
+  .filter__category:hover img {
+    filter: invert(1);
+  }
+  .filter__category img {
+    height: 21px;
+    width: 21px;
+  }
+  .filter__category_active {
+    background-color: var(--primary-color);
+    color: #fff;
+  }
+</style>
 <div class="container">
-    <div class="row justify-content-center">
-      <div class="col-lg-9 col-md-12 col-sm-12 pt-sm-3">
-        <div class="toolfilters-wrapper">
-          <div class="toolfilters">
-            <div class="toolfilter active toolfilter-all">All</div>
-            <div class="toolfilter toolfilter-latest">Latest</div>
-            <div class="toolfilter toolfilter-crop">Crop</div>
-            <div class="toolfilter toolfilter-filter">Filters</div>
-            <div class="toolfilter toolfilter-Social">Social</div>
-            
+  <div class="row justify-content-center">
+    <div class="col-lg-9 col-md-12 col-sm-12 pt-sm-3">
+      <div class="toolfilters-wrapper">
+        <div id="toolfilters" class="toolfilters">
+          {%- for item in pageData.features -%} {%- if item.link -%}
+          <a
+            href="{{item.link}}"
+            class="filter__category{% if item.active %} filter__category_active{% endif %}"
+          >
+            <img
+              src="/assets/images/menu.svg"
+              alt=""
+              style="filter: invert(1)"
+            />
+            <span class="filter__name">{{item.category}}</span>
+          </a>
+          {%- else -%}
+          <div
+            data-category-name="{{item.category}}"
+            class="filter__category{% if item.active %} filter__category_active{% endif %}"
+          >
+            <img
+              src="/assets/images/menu.svg"
+              alt=""
+              style="filter: invert(1)"
+            />
+            <span class="filter__name">{{item.category}}</span>
           </div>
+          {%- endif -%} {%- endfor -%}
         </div>
       </div>
     </div>
   </div>
+</div>
+
+<script>
+  const categories = document.querySelectorAll(".filter__category");
+
+  categories.forEach((item) => {
+    item.addEventListener("click", () => {
+      // Remove 'filter__category_active' class from all categories
+      categories.forEach((i) => {
+        i.classList.remove("filter__category_active");
+      });
+
+      // Add 'filter__category_active' class to the clicked category
+      item.classList.add("filter__category_active");
+
+      // Hide all elements with a 'data-category' attribute
+      document.querySelectorAll("[data-category]").forEach((category) => {
+        category.style.display = "none";
+      });
+
+      // Show elements that match the clicked category's data-category-name
+      const elements = document.querySelectorAll(
+        `[data-category="${item.dataset.categoryName}"]`
+      );
+      elements.forEach((element) => {
+        element.style.display = "block";
+      });
+    });
+  });
+</script>
+{%- endif -%}

data/_includes/appscms/head/head.html

@@ -277,10 +277,26 @@
     name="twitter:image:src"
     content="{{site.url}}{{favicon}}"
   />
-  {% include adsense/adsense.html %} {%- if page.noindex -%}
+  {% include adsense/adsense.html %} 
+  
+  {%- if page.noindex -%}
   <meta name="robots" content="noindex" />
+  {%- endif -%} 
 
-  {%- endif -%} {%- if site.pwa -%}
+  {% assign whitelist_urls = site.whitelist_urls %}
+  {% if site.noindex_languages contains page.lang %}
+  {% unless whitelist_urls contains page.url %}
+  <meta name="robots" content="noindex" />
+  {% endunless %}
+  {% endif %}
+  
+  {% if site.blacklist_urls %}
+  {% if site.blacklist_urls contains page.url %}
+  <meta name="robots" content="noindex">
+  {% endif %}
+  {% endif %}
+  
+  {%- if site.pwa -%}
 
   <link rel="manifest" href="/assets/js/manifest.json" />
 

data/_includes/appscms/home/feature-boxes.html

@@ -2,21 +2,28 @@
   <div class="row">
     <div class="col-md-10 mx-auto">
       <div class="row" id="appscms-tools-section-row">
-        {% for item in pageData.features %}
-        <div class="col-xl-4 col-lg-6 col-md-6 col-3 appscms-tool-container">
+        {% for product in pageData.features %} {%- for item in product.features
+        -%}
+        <div
+          class="col-xl-4 col-lg-6 col-md-6 col-3 appscms-tool-container"
+          data-category="{{product.category}}"
+          style="display: {{product.display}};"
+        >
           <a href="{{item.url}}">
             <div class="appscms-tool">
               <div class="tool-top" style="background: {{item.color}};">
                 <div class="tool-img">
                   <img crossorigin="anonymous" src="{{item.icon}}" alt="img" />
                 </div>
-                <div class="tool-text">{{item.description | truncate:67,'..'}}</div>
+                <div class="tool-text">
+                  {{item.description | truncate:67,'..'}}
+                </div>
               </div>
               <div class="tool-heading">{{item.name | truncate: 33, '..'}}</div>
             </div>
           </a>
         </div>
-        {% endfor %}
+        {%- endfor -%} {% endfor %}
       </div>
     </div>
   </div>

data/_includes/appscms/navbars/navbar.html

@@ -51,7 +51,8 @@
   color: #222325;
 }
 .searchbarResults{
-  
+  overflow: scroll;
+  height: 60vh;
   background-color: #fff;
     border: 1px solid #e4e5e7;
     border-radius: 6px;
@@ -82,28 +83,31 @@
         <span> {{siteData.navbarBrandText}}
         {%- else -%}
         {%- endif -%}
-        {%- if site.navigationSearch -%}
-        <div class="nav-search">
-          <div class="search-container">
-            <input type="text" class="search-input" placeholder="Search Tools">
-           
-            <button class="search-button">
-              <svg 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"> <path d="M16.6725 16.6412L21 21M19 11C19 15.4183 15.4183 19 11 19C6.58172 19 3 15.4183 3 11C3 6.58172 6.58172 3 11 3C15.4183 3 19 6.58172 19 11Z" stroke="#ffffff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path> </g></svg>
-            </button>
-        </div>
-   
-          <div id="results" class="searchbarResults"></div>
-        </div>
-        {%- endif -%}
+        <div class="d-flex align-items-center">
+          {%- if site.navigationSearch -%}
+          <div class="nav-search mr-4">
+            <div class="search-container">
+              <input type="text" class="search-input" placeholder="Search Tools">
+             
+              <button class="search-button">
+                <svg 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"> <path d="M16.6725 16.6412L21 21M19 11C19 15.4183 15.4183 19 11 19C6.58172 19 3 15.4183 3 11C3 6.58172 6.58172 3 11 3C15.4183 3 19 6.58172 19 11Z" stroke="#ffffff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path> </g></svg>
+              </button>
+          </div>
      
+            <div id="results" class="searchbarResults"></div>
+          </div>
+          {%- endif -%}
        
-        {%- if siteData.navItems -%}
-        <div class="appscms-navbar-nav-links">
-        {%- for item in siteData.navItems -%}
-        <a class="appscms-nav-link" href="{{item.url}}">{{item.name}}</a>
-        {%- endfor -%}
+         
+          {%- if siteData.navItems -%}
+          <div class="appscms-navbar-nav-links">
+          {%- for item in siteData.navItems -%}
+          <a class="appscms-nav-link" href="{{item.url}}">{{item.name}}</a>
+          {%- endfor -%}
+          </div>
+          {%- endif -%}
         </div>
-        {%- endif -%}
+       
         <div id="hamburger" data-open="false" class="hamburger">
           <svg
           style="font-size:25px"