appscms-tools-theme 4.9.4 → 4.9.6

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 5a145389f6807bc4a01f6c094e75c5470b692f5132f5a2cc94d4f06b7a489996
-  data.tar.gz: 9ca6c0b39dc2593b9961c0793db2938244d8a3141d203d1f818c24b8ae3316b2
+  metadata.gz: 036c093f5d79f79927ec4a3172a4a707c3b47467ee557d9ba07700c8e562754e
+  data.tar.gz: 0f7753d8b4bdaf9f4bd6944dbcb2b8f39a4868ce8d51a4001b14260f79a1d3a0
 SHA512:
-  metadata.gz: 7d577b46e28ae3bdf6e3f67366aa988bfefd702e646c1856bcc9d1f2d869af97cdb9761c0511787a19f220c191d1ab1b002dfe4d94985405eb4c862d52fe29df
-  data.tar.gz: 7e64ed9dc871b4ea3a1d444c6c36a55d3fdfd0e5a6005e8ba8c7e96a5628604721e55fe70b64be927cf6ee58fdae7168e550d877304205897a8212806b3b5376
+  metadata.gz: 7b6f21c6a4438aec8dbf5ed2b14302b0cb5dd466622606708617794d1c07fd1627e23df91bb4e97702b03c56db728ab5848f2d03cb57d5e780c0620fd9e8d609
+  data.tar.gz: ccb767740b01f1bf02308b6dfdc7de315db0b76fd1bab754a90a1f4ac2c320a76384383cf62cdd4fa7e4a7feaf2b1d862c24e6a64d99aa033f92e71dca2d0929

data/_includes/appscms/head/head.html

@@ -76,13 +76,11 @@
   {%- else -%}
   <meta name="description" content="{{description}}" />
 
-  {%- endif -%}
-  {%- if page.customLink -%}
+  {%- endif -%} {%- if page.customLink -%}
   <link rel="canonical" href="{{site.url | append:  page.customLink}}" />
   {%- else -%}
   <link rel="canonical" href="{{site.url | append:  page.url}}" />
   {%- endif -%}
-  
 
   <link
     rel="stylesheet"
@@ -262,18 +260,34 @@
   <meta property="og:title" content="{{title}}" />
   <meta property="og:description" content="{{description}}" />
   <meta property="og:type" content="website" />
+  {%- if page.customLink -%}
+  <meta
+    data-rh="true"
+    property="og:url"
+    content="{{site.url | append:  page.customLink}}"
+  />
+  {%- else -%}
   <meta
     data-rh="true"
     property="og:url"
     content="{{site.url | append:  page.url}}"
   />
+  {%- endif -%}
   <meta data-rh="true" property="og:site_name" content="{{site.name}}" />
   <meta data-rh="true" property="twitter:domain" content="{{site.url}}" />
+  {%- if page.customLink -%}
+  <meta
+    data-rh="true"
+    property="twitter:url"
+    content="{{site.url | append: page.customLink}}"
+  />
+  {%- else -%}
   <meta
     data-rh="true"
     property="twitter:url"
     content="{{site.url | append:  page.url}}"
   />
+  {%- endif -%}
   <meta data-rh="true" name="twitter:title" content="{{title}}" />
   <meta data-rh="true" name="twitter:description" content="{{description}}" />
   <meta
@@ -284,17 +298,14 @@
   {% include adsense/adsense.html %} {%- if page.noindex -%}
   <meta name="robots" content="noindex" />
   {%- endif -%} {% assign whitelist_urls =
-  site.data.noindexURLs.internatlionalization_whitelist_urls %} {% assign
-  noindex_languages = site.data.noindexURLs.noindex_languages %} {% if
-  noindex_languages contains page.lang %} {% unless whitelist_urls contains
-  page.url %}
+  site.data.noindexURLs.internatlionalization_whitelist_urls %} {% if page.lang
+  != "en" %} {% unless whitelist_urls contains page.url %}
   <meta name="robots" content="noindex" />
   {% endunless %} {% endif %} {% assign blacklist_urls =
   site.data.noindexURLs.blacklist_urls %} {% if blacklist_urls contains page.url
   %}
   <meta name="robots" content="noindex" />
   {% endif %} {%- if site.pwa -%}
-
   <link rel="manifest" href="/assets/js/manifest.json" />
 
   {%- endif -%} {%- if site.internationalization or site.internationalizationall

data/_includes/appscms/infographics/infographics.html

@@ -1,5 +1,4 @@
 <style>
-
   .modal-arrow-btn {
     position: absolute;
     top: 50%;
@@ -15,14 +14,15 @@
     border-radius: 50%;
     transform: translateY(-50%);
   }
-  
+
   .modal-arrow-btn.prev {
     left: 10px;
   }
-  
+
   .modal-arrow-btn.next {
     right: 10px;
   }
+
   @media (max-width: 768px) {
     .modal-arrow-btn {
       top: 30%;
@@ -31,16 +31,16 @@
       font-size: 20px;
       line-height: 40px;
     }
-  
+
     .modal-arrow-btn.prev {
       left: 5px;
     }
-  
+
     .modal-arrow-btn.next {
       right: 5px;
     }
   }
-  
+
   @media (max-width: 480px) {
     .modal-arrow-btn {
       width: 30px;
@@ -48,15 +48,16 @@
       font-size: 16px;
       line-height: 30px;
     }
-  
+
     .modal-arrow-btn.prev {
       left: 3px;
     }
-  
+
     .modal-arrow-btn.next {
       right: 3px;
     }
   }
+
   .modal1 {
     position: fixed;
     z-index: 1000;
@@ -71,14 +72,14 @@
     transform: scale(0.8);
     transition: opacity 0.3s ease, transform 0.3s ease, visibility 0s linear 0.3s;
   }
-  
+
   .modal1.show {
     opacity: 1;
     visibility: visible;
     transform: scale(1);
     transition: opacity 0.3s ease, transform 0.3s ease, visibility 0s;
   }
-  
+
   .modal1-content1 {
     margin: auto;
     display: block;
@@ -89,66 +90,65 @@
     transform: translateY(-20px);
     transition: opacity 0.3s ease 0.1s, transform 0.3s ease 0.1s;
   }
-  
+
   .modal1.show .modal1-content1 {
     opacity: 1;
     transform: translateY(0);
   }
-    .modal1-body img {
-      width: 100%;
-      height: auto;
-    }
-    .close1 {
-      position: absolute;
-      top: 10px;
-      right: 10px;
-      font-size: 24px;
-      color: #fff;
-      cursor: pointer;
-    }
-    .close1:hover {
-      color: #ccc;
-    }
-  </style>
-  <div class="inforgraphics_section">
-    <h3 class="text-center w-100 mb-5"><b>Other useful information</b></h3>
-    <div class="wrapper">
-      <i id="left" class="fas fa-angle-left"></i>
-      <div class="carousel">
-        <div class="carousel-inner">
-          {%- if pageData.infographics -%} {% for item in pageData.infographics %}
-          <div class="slide">
-            <img
-              loading="lazy"
-              src="{{ item.image }}"
-              alt="{{item.alt}}"
-              draggable="false"
-              class="infographic-img"
-              onclick="openModal1('{{ item.image }}')"
-            />
-            <p class="infographic-desc">{{ item.description | capitalize }}</p>
-          </div>
-          {% endfor %} {%- endif -%}
+
+  .modal1-body img {
+    width: 100%;
+    height: auto;
+  }
+
+  .close1 {
+    position: absolute;
+    top: 10px;
+    right: 10px;
+    font-size: 24px;
+    color: #fff;
+    cursor: pointer;
+  }
+
+  .close1:hover {
+    color: #ccc;
+  }
+</style>
+<div class="inforgraphics_section">
+  <h3 class="text-center w-100 mb-5"><b>Other useful information</b></h3>
+  <div class="wrapper">
+    <i id="left" class="fas fa-angle-left"></i>
+    <div class="carousel">
+      <div class="carousel-inner">
+        {%- if pageData.infographics -%} {% for item in pageData.infographics %}
+        <div class="slide">
+          <img loading="lazy" src="{{ item.image }}" alt="{{item.alt}}" draggable="false" class="infographic-img"
+            onclick="openModal1('{{ item.image }}')" />
+          <p class="infographic-desc">{{ item.description | capitalize }}</p>
         </div>
+        {% endfor %} {%- endif -%}
       </div>
-      <i id="right" class="fas fa-angle-right"></i>
     </div>
+    <i id="right" class="fas fa-angle-right"></i>
   </div>
-  <div id="imageModal1" class="modal1" onclick="closeModal1()">
-    <span class="close1" onclick="closeModal1()">&times;</span>
-    <button class="modal-arrow-btn prev">&#10094;</button>
-    <button class="modal-arrow-btn next">&#10095;</button>
-    <div class="modal1-content1">
-      <div class="modal1-body">
-        <img id="modal1Image" src="" alt="Image" />
-      </div>
+</div>
+<div id="imageModal1" class="modal1" onclick="closeModal1()">
+  <span class="close1" onclick="closeModal1()">&times;</span>
+  <button class="modal-arrow-btn prev">&#10094;</button>
+  <button class="modal-arrow-btn next">&#10095;</button>
+  <div class="modal1-content1">
+    <div class="modal1-body">
+      <img id="modal1Image" src="" alt="Image" />
     </div>
   </div>
-  <script>
+</div>
+
+
+<script>
   document.addEventListener("DOMContentLoaded", () => {
     let modal_array_of_images = [];
     let current_modal_img = 0;
-  
+
     // Function to update the modal image
     function updateModalImage() {
       const modal1Img = document.getElementById("modal1Image");
@@ -156,12 +156,12 @@
         modal1Img.src = modal_array_of_images[current_modal_img].src;
       }
     }
-  
+
     // Function to prepare the array of images for the modal
     function readyallimages() {
       modal_array_of_images = Array.from(document.querySelectorAll('.infographic-img'));
     }
-  
+
     // Function to open the modal and set the current image
     function openModal1(imageSrc) {
       const modal1 = document.getElementById("imageModal1");
@@ -170,20 +170,20 @@
       current_modal_img = modal_array_of_images.findIndex(img => img.src === imageSrc);
       updateModalImage();
     }
-  
+
     // Function to close the modal
     function closeModal1() {
       const modal1 = document.getElementById("imageModal1");
       modal1.classList.remove("show");
     }
-  
+
     // Add click event listeners to each infographic image
     document.querySelectorAll('.infographic-img').forEach(img => {
       img.addEventListener('click', (event) => {
         openModal1(event.target.src);
       });
     });
-  
+
     // Event listeners for the modal arrow buttons
     const modal_btns = document.querySelectorAll('.modal-arrow-btn');
     modal_btns.forEach(modal_btn => {
@@ -197,22 +197,21 @@
         updateModalImage();
       });
     });
-  
+
     // Event listener for the close button
     document.querySelectorAll(".close1").forEach(element => {
       element.addEventListener("click", closeModal1);
     });
-  
+
     // Event listener for closing the modal when clicking outside the image
     document.getElementById("imageModal1").addEventListener("click", (event) => {
       if (event.target === document.getElementById("imageModal1")) {
         closeModal1();
       }
     });
-  
+
     // Initialize modal images on page load
     readyallimages();
   });
-  
-  </script>
-  
+
+</script>

data/_includes/appscms/navbars/navbar.html

@@ -13,7 +13,7 @@
         {%- else -%}
         {%- endif -%}
         <div class="d-flex align-items-center">
-          {%- if site.navigationSearch -%}
+          {%- if site.navigationSearch and page.lang == "en" -%}
           <div class="nav-search mr-4">
             <div class="search-container">
               <input type="text" class="search-input" placeholder="Search Tools">
@@ -25,9 +25,7 @@
      
             <div id="results" class="searchbarResults"></div>
           </div>
-          {%- endif -%}
-       
-         
+          {%- endif -%}     
           {%- if siteData.navItems -%}
           <div class="appscms-navbar-nav-links">
           {%- for item in siteData.navItems -%}

data/_includes/appscms/navbars/toolbar.html

@@ -10,7 +10,8 @@
           <img class="mt-3" style="cursor: pointer" height="30px" width="30px" src="/assets/images/close-button.svg"
             alt="close-button" />
         </div>
-        {%- if site.navigationSearch -%}
+
+        {%- if site.navigationSearch and page.lang == "en" -%}
         <div class="mobile-search-bar">
           <div class="mobile-search-container">
             <input type="text" class="mobile-search-input" placeholder="Search Tools">
@@ -266,8 +267,6 @@
 {%- endif -%}
 
 
-
-
 <script>
   document.addEventListener("DOMContentLoaded", function () {
     const scrollContainer = document.querySelector(".appscms-toolbar-list");

data/_includes/appscms/scripts/script.html

@@ -3,34 +3,14 @@ site.data.[page.folderName][lang][file] %} {%- assign dataAtt =
 "data-folderName='$folderName' data-lang='$lang' data-fileName='$fileName'
 data-tool='$tool'" -%} {%- assign $folderName = '$folderName' -%} {%- if
 site.removeJquery != true -%}
-<script
-  defer
-  src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"
-  {%-
-  if
-  site.crossorigin
-  -%}
-  {{
-  }}
-  crossorigin
-  {%-
-  endif
-  -%}
-></script>
+<script defer src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js" {%- if site.crossorigin -%} {{ }}
+  crossorigin {%- endif -%}></script>
 {%- endif -%} {%- if site.search -%} {%- if page.layout == "appscms-home" or
 page.layout == "contenttool-home" -%}
-<script
-  defer
-  src="/assets/js/appscms-search.js"
-  crossorigin="anonymous"
-></script>
+<script defer src="/assets/js/appscms-search.js" crossorigin="anonymous"></script>
 {%- endif -%} {%- endif -%}
 
-<script
-  defer
-  src="/assets/js/appscms-theme.js"
-  crossorigin="anonymous"
-></script>
+<script data-lang="{{page.lang}}" defer src="/assets/js/appscms-theme.js" crossorigin="anonymous"></script>
 <script defer src="/assets/js/appscms-infographics.js"></script>
 
 {%- if site.userTrackingCount -%} {%- include customScripts.html -%} {%- endif
@@ -39,87 +19,32 @@ page.layout == "contenttool-home" -%}
 <script defer src="/assets/js/usageTrackingEvents.js"></script>
 <script defer src="/assets/js/sharePage.js"></script>
 {%- endif -%} {%- if site.removeBootstrapJs != true -%}
-<script
-  defer="defer"
-  src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/js/bootstrap.bundle.min.js"
-  integrity="sha384-Piv4xVNRyMGpqkS2by6br4gNJ7DXjqk09RmUpJ8jgGtD7zP9yug3goQfGII0yAns"
-  crossorigin="anonymous"
-></script>
+<script defer="defer" src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/js/bootstrap.bundle.min.js"
+  integrity="sha384-Piv4xVNRyMGpqkS2by6br4gNJ7DXjqk09RmUpJ8jgGtD7zP9yug3goQfGII0yAns" crossorigin="anonymous"></script>
 {%- endif -%} {{site.data.customcdns.customcdns.jsfiles}} {%- if
 scriptData.jsfilepaths -%} {%- for path in scriptData.jsfilepaths -%} {%- assign
 asset_dir = path -%} {%- if site.versioning and asset_dir != "" -%} {%- if
 asset_dir contains "https" and asset_dir contains "https://" -%}
-<script
-  defer
-  src="{{path}}"
-  data-folderName="{{page.folderName}}"
-  data-lang="{{page.lang}}"
-  data-fileName="{{page.fileName}}"
-  data-tool="{{page.tool}}"
-  data-permalink="{{page.permalink}}"
-  {%-
-  if
-  site.crossorigin
-  -%}
-  {{
-  }}
-  crossorigin
-  {%-
-  endif
-  -%}
-></script>
+<script defer src="{{path}}" data-folderName="{{page.folderName}}" data-lang="{{page.lang}}"
+  data-fileName="{{page.fileName}}" data-tool="{{page.tool}}" data-permalink="{{page.permalink}}" {%- if
+  site.crossorigin -%} {{ }} crossorigin {%- endif -%}></script>
 {%- else -%}
-<script
-  defer
-  src="{% ministamp { source_path: '{{ asset_dir }}', destination_path: '{{ asset_dir }}' } %}"
-  data-folderName="{{page.folderName}}"
-  data-lang="{{page.lang}}"
-  data-fileName="{{page.fileName}}"
-  data-tool="{{page.tool}}"
-  data-permalink="{{page.permalink}}"
-  {%-
-  if
-  site.crossorigin
-  -%}
-  {{
-  }}
-  crossorigin
-  {%-
-  endif
-  -%}
-></script>
+<script defer src="{% ministamp { source_path: '{{ asset_dir }}', destination_path: '{{ asset_dir }}' } %}"
+  data-folderName="{{page.folderName}}" data-lang="{{page.lang}}" data-fileName="{{page.fileName}}"
+  data-tool="{{page.tool}}" data-permalink="{{page.permalink}}" {%- if site.crossorigin -%} {{ }} crossorigin {%- endif
+  -%}></script>
 {%- endif -%} {%- else -%}
-<script
-  defer
-  src="{{path}}"
-  data-folderName="{{page.folderName}}"
-  data-lang="{{page.lang}}"
-  data-fileName="{{page.fileName}}"
-  data-tool="{{page.tool}}"
-  data-permalink="{{page.permalink}}"
-  {%-
-  if
-  site.crossorigin
-  -%}
-  {{
-  }}
-  crossorigin
-  {%-
-  endif
-  -%}
-></script>
+<script defer src="{{path}}" data-folderName="{{page.folderName}}" data-lang="{{page.lang}}"
+  data-fileName="{{page.fileName}}" data-tool="{{page.tool}}" data-permalink="{{page.permalink}}" {%- if
+  site.crossorigin -%} {{ }} crossorigin {%- endif -%}></script>
 {%- endif -%} {%- endfor -%} {%- endif -%} {%- if scriptData.jscdns -%} {%- for
 item in scriptData.jscdns -%} {{item | replace:"$folderName", page.folderName |
 replace: "$fileName", page.fileName | replace: "$lang", page.lang | replace:
 "$tool", page.tool }} {%- endfor -%} {%- endif -%} {%- assign font = "Inter" -%}
 {%- if site.removeFontAwesome != true -%}
-<link
-  rel="stylesheet"
-  href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css"
+<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css"
   integrity="sha512-iBBXm8fW90+nuLcSKlbmrPcLa0OT92xO1BIsZ+ywDWZCvqsWgccV3gFoRBv0z+8dLJgyAHIhR35VZc2oM/gI1w=="
-  crossorigin="anonymous"
-  referrerpolicy="no-referrer"
-/>
+  crossorigin="anonymous" referrerpolicy="no-referrer" />
 {%- endif -%} {%- include google-analytics.html -%} {%- if site.bookmark -%} {%-
 if page.layout == "appscms-feature" -%}
 <script>
@@ -141,4 +66,4 @@ if page.layout == "appscms-feature" -%}
     toaster.style.display = "none";
   }, 10000);
 </script>
-{%- endif -%} {%- endif -%}
+{%- endif -%} {%- endif -%}

data/_includes/head/index.html

@@ -413,9 +413,10 @@
     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 -%} {%- if site.pwa -%}
 
   <link rel="manifest" href="/assets/js/manifest.json" />

data/assets/js/appscms-theme.js

@@ -173,7 +173,7 @@ if (processingBtn && buttonLoader) {
   }, { passive: true });
 }
 
-if ("{{ site.navigationSearch }}" === "true" ) {
+if ("{{ site.navigationSearch }}" === "true"  && document.currentScript.dataset.lang == "en") {
 
      // Fetch data from data.json
   const worker = new Worker('/search-worker.js');

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: appscms-tools-theme
 version: !ruby/object:Gem::Version
-  version: 4.9.4
+  version: 4.9.6
 platform: ruby
 authors:
 - vivek-appscms
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2024-11-21 00:00:00.000000000 Z
+date: 2025-01-18 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: jekyll