appscms-tools-theme 2.3.0 → 2.3.1

data/_includes/header/index.html

@@ -3,8 +3,125 @@
 {% assign file = page.fileName %}
 {% assign folder = page.folderName %}
 {% assign Data= site.data[folder][lang][file] %}
-<header class="nav-header">
 
+{%- if page.layout == 'home-1' or page.layout == "feature-1" -%}
+<header class="home1-nav-header">
+  <nav class="header-navbar navbar navbar-expand-lg">
+    <div class="container px-0">
+      {% if dataToShow.navbarBrandText != "" %}
+      <a class="navbar-brand" href="/" title="{{dataToShow.navbarBrandText}}">{{dataToShow.navbarBrandText}}</a>
+      {% else %}
+      <a href="/">
+        <img class="header-logo-height" src="{{ dataToShow.navbarBrandLogo }}" alt="{{ dataToShow.navbarBrandLogo }}"
+          {%- if site.crossorigin -%} crossorigin {%- endif -%}>
+      </a>
+      {% endif %}
+      <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent"
+        aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
+        <div class="header_bars"></div>
+        <div class="header_bars"></div>
+        <div class="header_bars"></div>
+      </button>
+
+      <div class="collapse navbar-collapse justify-content-end" id="navbarSupportedContent">
+        {%- if Data.megaMenu -%}
+        <li class="nav-item header_nav__item">
+          <a class="dropdown-toggle ml-lg-5" href="#" id="navbarDropdown" role="button" data-toggle="dropdown"
+            aria-haspopup="true" aria-expanded="false">
+            {{Data.megaMenu.nav-link-name}}
+          </a>
+          <ul class="dropmenu dropdown-menu" style="border-bottom: 0; box-shadow: 0 8px 5px -6px rgb(0 0 0 / 9%);"
+            aria-labelledby="navbarDropdown">
+            <div class="inner-dropdown">
+              {%- for item in Data.megaMenu.dropdown -%}
+              <div class="catPad mb-4">
+                <li class="tools_list_categoryName">{{item.categoryName}}</li>
+                <div> {%- for item in item.links -%}
+                  <li>
+                    <a class="tools_list_featureName" href="{{item.url}}">
+                      {%- if item.iconSrc -%}
+                      <img class="d-inline mr-2" loading="lazy" style="height:20px;width:20px;" src="{{item.iconSrc}}"
+                        {%- if site.crossorigin -%} crossorigin {%- endif -%}>
+                      {%- endif -%}
+                      {{item.name}}
+                    </a>
+                  </li>
+                  {%- endfor -%}
+                </div>
+              </div>
+              {%- endfor -%}
+            </div>
+          </ul>
+        </li>
+        {%- else -%}
+        {%- if dataToShow.megaMenu -%}
+        <li class="nav-item header_nav__item">
+          <a class="dropdown-toggle ml-lg-5" href="#" id="navbarDropdown" role="button" data-toggle="dropdown"
+            aria-haspopup="true" aria-expanded="false">
+            {{dataToShow.megaMenu.nav-link-name}}
+          </a>
+          <ul class="dropmenu dropdown-menu" aria-labelledby="navbarDropdown">
+            <div class="inner-dropdown">
+              {%- for item in dataToShow.megaMenu.dropdown -%}
+              <div class="catPad mb-4">
+                <li class="tools_list_categoryName">{{item.categoryName}}</li>
+                <div> {%- for item in item.links -%}
+                  <li>
+                    <a class="tools_list_featureName" href="{{item.url}}">
+                      {%- if item.iconSrc -%}
+                      <img class="d-inline mr-2" loading="lazy" style="height:20px;width:20px;" src="{{item.iconSrc}}"
+                        {%- if site.crossorigin -%} crossorigin {%- endif -%}>
+                      {%- endif -%}
+                      {{item.name}}</a>
+                  </li>
+                  {%- endfor -%}
+                </div>
+              </div>
+              {%- endfor -%}
+            </div>
+          </ul>
+        </li>
+        {%- endif -%}
+        {%- endif -%}
+
+
+        <ul class="navbar-nav">
+          {% for item in dataToShow.navItems %}
+          <li class="nav-item header_nav__item">
+            <a href="{{item.url}}">{{item.name}}</a>
+          </li>
+          {% endfor %}
+        </ul>
+      </div>
+    </div>
+  </nav>
+</header>
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+{%- else -%}
+<header class="nav-header">
   <nav class="navbar navbar-expand-lg py-3 px-sm-2">
     <div class="container px-0">
       {% if dataToShow.navbarBrandText != "" %}
@@ -28,7 +145,8 @@
             aria-haspopup="true" aria-expanded="false">
             {{Data.megaMenu.nav-link-name}}
           </a>
-          <ul class="dropmenu dropdown-menu" aria-labelledby="navbarDropdown">
+          <ul class="dropmenu dropdown-menu" style="border-bottom: 0; box-shadow: 0 8px 5px -6px rgb(0 0 0 / 9%);"
+            aria-labelledby="navbarDropdown">
             <div class="inner-dropdown">
               {%- for item in Data.megaMenu.dropdown -%}
               <div class="catPad mb-4">
@@ -82,9 +200,9 @@
         {%- endif -%}
 
 
-        <ul class="navbar-nav mr-auto ">
+        <ul class="navbar-nav">
           {% for item in dataToShow.navItems %}
-          <li class="nav-item nav__item">
+          <li class="nav-item nav__item mr-auto">
             <a href="{{item.url}}">{{item.name}}</a>
           </li>
           {% endfor %}
@@ -93,4 +211,5 @@
     </div>
   </nav>
 
-</header>
+</header>
+{%- endif -%}

data/_includes/monumetric/ads.html

@@ -1,58 +1,58 @@
-{% if page.url != '/' %}
-{% if jekyll.environment == 'production' and site.adsId %}
-<script>
-    const autoLoadDuration = 5; //In Seconds
-    const eventList = ["keydown", "mousemove", "wheel", "touchmove", "touchstart", "touchend"];
-
-    const autoLoadTimeout = setTimeout(runScripts, autoLoadDuration * 1000);
-
-    eventList.forEach(function (event) {
-        window.addEventListener(event, triggerScripts, { passive: true })
-    });
-
-    function triggerScripts() {
-        runScripts();
-        clearTimeout(autoLoadTimeout);
-        eventList.forEach(function (event) {
-            window.removeEventListener(event, triggerScripts, { passive: true });
-        });
-    }
-
-    function runScripts() {
-        document.querySelectorAll("script[delay]").forEach(function (scriptTag) {
-            scriptTag.setAttribute("src", scriptTag.getAttribute("delay"));
-        });
-    }
-</script>
-<script type="text/javascript" delay="/assets/js/ads.js" crossorigin="anonymous"></script>
-{% endif %}
-
-{% if jekyll.environment == 'development' and site.adsId %}
-<script>
-    const autoLoadDuration = 5; //In Seconds
-    const eventList = ["keydown", "mousemove", "wheel", "touchmove", "touchstart", "touchend"];
-
-    const autoLoadTimeout = setTimeout(runScripts, autoLoadDuration * 1000);
-
-    eventList.forEach(function (event) {
-        window.addEventListener(event, triggerScripts, { passive: true })
-    });
-
-    function triggerScripts() {
-        runScripts();
-        clearTimeout(autoLoadTimeout);
-        eventList.forEach(function (event) {
-            window.removeEventListener(event, triggerScripts, { passive: true });
-        });
-    }
-
-    function runScripts() {
-        document.querySelectorAll("script[delay]").forEach(function (scriptTag) {
-            scriptTag.setAttribute("src", scriptTag.getAttribute("delay"));
-        });
-    }
-</script>
-<script type="text/javascript" delay="/assets/js/ads.js" crossorigin="anonymous"></script>
-
-{% endif %}
+{% if page.url != '/' %}
+{% if jekyll.environment == 'production' and site.adsId %}
+<script>
+    const autoLoadDuration = 5; //In Seconds
+    const eventList = ["keydown", "mousemove", "wheel", "touchmove", "touchstart", "touchend"];
+
+    const autoLoadTimeout = setTimeout(runScripts, autoLoadDuration * 1000);
+
+    eventList.forEach(function (event) {
+        window.addEventListener(event, triggerScripts, { passive: true })
+    });
+
+    function triggerScripts() {
+        runScripts();
+        clearTimeout(autoLoadTimeout);
+        eventList.forEach(function (event) {
+            window.removeEventListener(event, triggerScripts, { passive: true });
+        });
+    }
+
+    function runScripts() {
+        document.querySelectorAll("script[delay]").forEach(function (scriptTag) {
+            scriptTag.setAttribute("src", scriptTag.getAttribute("delay"));
+        });
+    }
+</script>
+<script type="text/javascript" delay="/assets/js/ads.js" crossorigin="anonymous"></script>
+{% endif %}
+
+{% if jekyll.environment == 'development' and site.adsId %}
+<script>
+    const autoLoadDuration = 5; //In Seconds
+    const eventList = ["keydown", "mousemove", "wheel", "touchmove", "touchstart", "touchend"];
+
+    const autoLoadTimeout = setTimeout(runScripts, autoLoadDuration * 1000);
+
+    eventList.forEach(function (event) {
+        window.addEventListener(event, triggerScripts, { passive: true })
+    });
+
+    function triggerScripts() {
+        runScripts();
+        clearTimeout(autoLoadTimeout);
+        eventList.forEach(function (event) {
+            window.removeEventListener(event, triggerScripts, { passive: true });
+        });
+    }
+
+    function runScripts() {
+        document.querySelectorAll("script[delay]").forEach(function (scriptTag) {
+            scriptTag.setAttribute("src", scriptTag.getAttribute("delay"));
+        });
+    }
+</script>
+<script type="text/javascript" delay="/assets/js/ads.js" crossorigin="anonymous"></script>
+
+{% endif %}
 {% endif %}

data/_includes/monumetric/profitablecpmgate.html

@@ -1,52 +1,52 @@
-{% if page.url != '/' %}
-{% if jekyll.environment == 'production' and site.profitablecpmgateId %}
-<script>
-    const eventList = ["keydown", "mousemove", "wheel", "touchmove", "touchstart", "touchend"];
-    eventList.forEach(function (event) {
-        window.addEventListener(event, triggerScripts, { passive: true })
-    });
-
-    function triggerScripts() {
-        runScripts();
-        eventList.forEach(function (event) {
-            window.removeEventListener(event, triggerScripts, { passive: true });
-        });
-    }
-
-    function runScripts() {
-        document.querySelectorAll("script[delay]").forEach(function (scriptTag) {
-            scriptTag.setAttribute("src", scriptTag.getAttribute("delay"));
-        });
-    }
-</script>
-<script type="text/javascript" delay="/assets/js/append-div.js" crossorigin="anonymous"></script>
-<script async="async" type="text/javascript" data-cfasync="false"
-    delay="//pl17448257.profitablecpmgate.com/{{site.profitablecpmgateId}}/invoke.js" crossorigin="anonymous"></script>
-{% endif %}
-
-{% if jekyll.environment == 'development' and site.profitablecpmgateId %}
-<script>
-    const eventList = ["keydown", "mousemove", "wheel", "touchmove", "touchstart", "touchend"];
-    eventList.forEach(function (event) {
-        window.addEventListener(event, triggerScripts, { passive: true })
-    });
-
-    function triggerScripts() {
-        runScripts();
-        eventList.forEach(function (event) {
-            window.removeEventListener(event, triggerScripts, { passive: true });
-        });
-    }
-
-    function runScripts() {
-        document.querySelectorAll("script[delay]").forEach(function (scriptTag) {
-            scriptTag.setAttribute("src", scriptTag.getAttribute("delay"));
-        });
-    }
-</script>
-<script type="text/javascript" delay="/assets/js/append-div.js" crossorigin="anonymous"></script>
-<script async="async" type="text/javascript" data-cfasync="false"
-    delay="//pl17448257.profitablecpmgate.com/{{site.profitablecpmgateId}}/invoke.js" crossorigin="anonymous"></script>
-
-{% endif %}
+{% if page.url != '/' %}
+{% if jekyll.environment == 'production' and site.profitablecpmgateId %}
+<script>
+    const eventList = ["keydown", "mousemove", "wheel", "touchmove", "touchstart", "touchend"];
+    eventList.forEach(function (event) {
+        window.addEventListener(event, triggerScripts, { passive: true })
+    });
+
+    function triggerScripts() {
+        runScripts();
+        eventList.forEach(function (event) {
+            window.removeEventListener(event, triggerScripts, { passive: true });
+        });
+    }
+
+    function runScripts() {
+        document.querySelectorAll("script[delay]").forEach(function (scriptTag) {
+            scriptTag.setAttribute("src", scriptTag.getAttribute("delay"));
+        });
+    }
+</script>
+<script type="text/javascript" delay="/assets/js/append-div.js" crossorigin="anonymous"></script>
+<script async="async" type="text/javascript" data-cfasync="false"
+    delay="//pl17448257.profitablecpmgate.com/{{site.profitablecpmgateId}}/invoke.js" crossorigin="anonymous"></script>
+{% endif %}
+
+{% if jekyll.environment == 'development' and site.profitablecpmgateId %}
+<script>
+    const eventList = ["keydown", "mousemove", "wheel", "touchmove", "touchstart", "touchend"];
+    eventList.forEach(function (event) {
+        window.addEventListener(event, triggerScripts, { passive: true })
+    });
+
+    function triggerScripts() {
+        runScripts();
+        eventList.forEach(function (event) {
+            window.removeEventListener(event, triggerScripts, { passive: true });
+        });
+    }
+
+    function runScripts() {
+        document.querySelectorAll("script[delay]").forEach(function (scriptTag) {
+            scriptTag.setAttribute("src", scriptTag.getAttribute("delay"));
+        });
+    }
+</script>
+<script type="text/javascript" delay="/assets/js/append-div.js" crossorigin="anonymous"></script>
+<script async="async" type="text/javascript" data-cfasync="false"
+    delay="//pl17448257.profitablecpmgate.com/{{site.profitablecpmgateId}}/invoke.js" crossorigin="anonymous"></script>
+
+{% endif %}
 {% endif %}

data/_includes/script.html

@@ -26,13 +26,21 @@ replace: "$tool", page.tool }}
 {%- endfor -%}
 {%- endif -%}
 <script src="//cdnjs.cloudflare.com/ajax/libs/webfont/1.6.28/webfontloader.js" crossorigin="anonymous"></script>
+
 {%- assign font = "Source Sans Pro" -%}
+
 {%- if page.layout == "frame" -%}
 {%- assign font = "PT Sans" -%}
 {%- endif -%}
+
 {%- if page.layout == "photo-effects-home" -%}
 {%- assign font = "PT Sans" -%}
 {%- endif -%}
+
+{%- if page.layout == 'home-1' or page.layout == "feature-1" -%}
+{%- assign font = "Inter" -%}
+{%- endif -%}
+
 <script>WebFont.load({ google: { families: ['{{font}}:200,300,400,500,600,700,800&display=swap'] } })</script>
 <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=="

data/_layouts/batch.html

@@ -55,24 +55,21 @@ layout: feature
     <div class="workspace" style="display: none;">
         <div class="row">
             <div class="col-md-8">
-                <div class="files-panel">
+                <div class="files-panel d-none">
                     <div id="saving-data" style="display: none;">
                         <img loading="lazy" src="/img/save.gif" alt="saving"> <span class="ml-2">Saving your
                             images...</span>
                     </div>
 
-                    <label>
-                        <p class="inputfiles-label"> Input files</p>
-                        <input style="display: none;" onchange="fileOnChange()" type="file" id="file" multiple />
-                    </label>
+                    <!-- <label>
+                        <p class="inputfiles-label"> Input files</p> -->
+                    <input style="display: none;" onchange="fileOnChange()" type="file" id="file" multiple />
+                    <!-- </label> -->
 
                     <div class="selectedFilesList text-left"></div>
                 </div>
 
                 <div class="files-container-box">
-                    <table class="table files-processing-list m-0"></table>
-                </div>
-                <div class="d-flex justify-content-between align-items-center bottom-section-container">
                     <div class="add-more-files">
                         <button class="btn add-more-files-button">
                             <input style="display: none;" onchange="fileOnChange2()" type="file" id="file2" multiple />
@@ -80,13 +77,22 @@ layout: feature
                             Add more files
                         </button>
                     </div>
+                    <table class="table files-processing-list m-0"></table>
+                </div>
+                <div class="justify-content-end align-items-center bottom-section-container">
 
-                    <div class="convertBtn-container">
-                        <button style="background-color:{{boxColor}};" class="btn" id="submit-button">
-                            Convert
-                            <img src="/assets/images/convert.png" width="20px" alt="convert-files">
-                        </button>
+                    <div class="download-wrapper">
+                        <button style="background-color:{{boxColor}};" id="download-zip">
+                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"
+                                style="width: 20px; height:20px; margin-right:10px; fill:#fff;">
+                                <path
+                                    d="M256 0C114.6 0 0 114.6 0 256c0 141.4 114.6 256 256 256s256-114.6 256-256C512 114.6 397.4 0 256 0zM382.6 302.6l-103.1 103.1C270.7 414.6 260.9 416 256 416c-4.881 0-14.65-1.391-22.65-9.398L129.4 302.6c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L224 306.8V128c0-17.69 14.33-32 32-32s32 14.31 32 32v178.8l49.38-49.38c12.5-12.5 32.75-12.5 45.25 0S395.1 290.1 382.6 302.6z">
+                                </path>
+                            </svg>
+                            Download Zip</button>
                     </div>
+
+
                 </div>
             </div>
             <div class="col-md-4">

data/_layouts/blog-1.html

@@ -0,0 +1,100 @@
+<!DOCTYPE html>
+<html lang="en">
+{% include custom-head.html %}
+
+<body>
+    {%- include header/blogHeader.html -%}
+
+    <section class="section_post">
+        <div class="container">
+            {%- if site.monumetricId -%}
+            <div class="row">
+                <div class="col-md-9 mx-auto">
+                    {%- endif -%}
+                    <div class="row justify-content-center section-title-wrap">
+                        <div class="col-lg-12">
+                            <h1 style="font-weight: 900;" class="display-4 m-0 small_description">{{
+                                site.data.blog.blog.h1 }}
+                            </h1>
+                            <p class="lead mb-5 mt-1" style="font-size: 18px;">
+                                {{ site.data.blog.blog.description }}
+                            </p>
+                        </div>
+                    </div>
+                    {%- if site.monumetricId -%}
+                </div>
+            </div>
+            {%- endif -%}
+            <div class="main-content">
+                {{content}}
+            </div>
+            <div class="row">
+                {%- if site.monumetricId -%}
+                <div class="col-md-9 mx-auto">
+                    <div class="row">
+                        {%- endif -%}
+                        {% for post in paginator.posts %}
+                        <div class="
+                        {%- if site.monumetricId -%}
+                        col-md-6 mb-4 card-group
+                        {%- else -%}
+                        col-lg-4 col-md-6 mb-4 card-group
+                                {%- endif -%}
+                            
+                        ">
+                            <div class="blog1-card h-100">
+                                <a href="{{ post.url }}">
+                                    <img src="{{ post.image }}" loading="lazy" height="215px" width="100%"
+                                        class="blog1-card-img-top" alt="{{post.title}}" {%- if site.crossorigin -%}
+                                        crossorigin="anonymous" {%- endif -%}>
+                                </a>
+                                <div class="blog1-card-body">
+                                    <a href="{{ post.url }}" class="anchor_link">
+                                        <h4 class="blog1-card-title">{{ post.title }}</h4>
+                                        <p class="blog-card-desc">{{post.description}}</p>
+                                    </a>
+                                    {%- include authors/authors.html -%}
+                                    <div class="card-footer bg-white pl-0 mt-3">
+                                        <div class="wrapfooter blog1-wrapfooter mb-0">
+                                            {% if post.author %}
+                                            <span class="meta-footer-thumb">
+                                                <img class="author-thumb" loading="lazy" src="{{ image }}"
+                                                    alt="{{ authorName }}" {%- if site.crossorigin -%}
+                                                    crossorigin="anonymous" {%- endif -%}>
+                                            </span>
+                                            {% endif %}
+
+                                            <span class="author-meta">
+                                                <span class="post-name">
+                                                    <a target="_blank" href="/blog">{{authorName}}</a>
+                                                </span><br>
+                                                <span class="post-date">{{post.date | date_to_string }}</span>
+                                            </span>
+                                            <!-- <span class="post-read-more "><a class="text-dark" href="{{ post.url }}"
+                                                    title="Read Story">Read More</a></span> -->
+                                        </div>
+                                    </div>
+                                </div>
+
+
+                            </div>
+                        </div>
+                        {% endfor %}
+                        {%- if site.monumetricId -%}
+                    </div>
+                </div>
+                {%- endif -%}
+            </div>
+            {%- include paginationBlogPage.html -%}
+        </div>
+
+        {% include section/count.html %}
+    </section>
+    {%- include section/alertbar.html -%}
+
+    {% include script.html %}
+    <script src="{{ '/assets/js/TopScroll.js' | relative_url }}" {%- if site.crossorigin -%} crossorigin="anonymous" {%-
+        endif -%}></script>
+</body>
+
+</html>