appscms-tools-theme 3.7.6 → 3.7.7

data/_includes/appscms/howto/howto.html

@@ -0,0 +1,74 @@
+<div
+  class="container mx-auto appscms-how-to-section col-md-9 p-3 pb-3 mt-5 col-12"
+>
+  <div class="row align-items-center py-3">
+    {%- if site.monumetricId and page.url != '/' and page.lang == 'en' -%}
+    <div class="col-md-9 mx-auto">
+      <div class="row">
+        {%- endif -%}
+        <div class="col-md-6 appscms-howto-image">
+          {%- if pageData.HOW_TO_CONTENT.YoutubeVideoUrl.size > 0 -%}
+          <div class="how-to-video-wrapper">
+            {% assign video_url = pageData.HOW_TO_CONTENT.YoutubeVideoUrl %} {%
+            assign params = video_url | split: "?" | last | split: "&" %} {% for
+            param in params %} {% if param contains "v=" %} {% assign video_id =
+            param | split: "=" | last %} {% endif %} {% endfor %} {%- if
+            site.monumetricId -%}
+            <iframe
+              class="youtubeVideoPlayer"
+              width="400"
+              height="315"
+              src="https://www.youtube.com/embed/{{video_id}}?autoplay=1&mute=1"
+              allowfullscreen
+            >
+            </iframe>
+            {%- else -%}
+            <iframe
+              class="youtubeVideoPlayer"
+              width="500"
+              height="315"
+              src="https://www.youtube.com/embed/{{video_id}}?autoplay=1&mute=1"
+              allowfullscreen
+            >
+            </iframe>
+            {%- endif -%}
+          </div>
+          {%- else -%}
+          <div class="how-to-img-wrapper">
+            <img
+              src="{{pageData.HOW_TO_CONTENT.logoImageUrl}}"
+              loading="lazy"
+              alt="{{pageData.HOW_TO_CONTENT.logoImageAlt | default: 'how to image' }}"
+              {%-
+              if
+              site.crossorigin
+              -%}
+              crossorigin
+              {%-
+              endif
+              -%}class="img-fluid align-self-end"
+              alt="Your Image"
+            />
+          </div>
+          {%- endif -%}
+        </div>
+        <div class="col-md-6 appscms-howto-steps">
+          <h2 class="mb-4 appscms-howto-heading">
+            {{pageData.HOW_TO_CONTENT.heading | replace: "$variable",
+            page.value}}
+          </h2>
+          <ol class="pl-3">
+            {% for data in pageData.HOW_TO_CONTENT.steps %}
+            <li id="step{{forloop.index}}" class="how-to-list-item">
+              <span>{{forloop.index}}.</span>{{data | replace: "$variable",
+              page.value}}
+            </li>
+            {% endfor %}
+          </ol>
+        </div>
+        {%- if site.monumetricId and page.url != '/' and page.lang == 'en' -%}
+      </div>
+    </div>
+    {%- endif -%}
+  </div>
+</div>

data/_includes/appscms/navbars/navbar.html

@@ -0,0 +1,50 @@
+<!-- nav bar code  -->
+
+{% assign lang = page.lang %} {% assign siteData = site.data.header[lang].data
+  %} {% assign featureData = page.fileName %} {% assign folder = page.folderName
+  %} {% assign Data= site.data[folder][lang][file] %}
+  <nav class="appscms-navbar">
+    <div class="row w-100 h-100">
+      <div class="col-11 mx-auto">
+      <div class="appscms-navbar-nav">
+        {%- if siteData.navbarBrandLogoSvg -%}
+        <a href="/"> {{siteData.navbarBrandLogoSvg}} </a>
+        {%- elsif siteData.navbarBrandText -%}
+        <span> {{siteData.navbarBrandText}}
+        {%- else -%}
+        {%- 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 -%}
+        </div>
+        {%- endif -%}
+        <div id="hamburger" data-open="false" class="hamburger">
+          <svg
+          style="font-size:25px"
+            stroke="currentColor"
+            fill="currentColor"
+            stroke-width="0"
+            viewBox="0 0 512 512"
+            aria-hidden="true"
+            focusable="false"
+            height="50px"
+            width="1em"
+            xmlns="http://www.w3.org/2000/svg"
+          >
+            <path
+              fill="none"
+              stroke-linecap="round"
+              stroke-miterlimit="10"
+              stroke-width="48"
+              d="M88 152h336M88 256h336M88 360h336"
+            ></path>
+          </svg>
+        </div>
+      </div>
+      </div>
+    </div>
+  </nav>
+
+

data/_includes/appscms/navbars/toolbar.html

@@ -0,0 +1,49 @@
+{%- if siteData.megaMenu -%}
+<div class="appscms-toolbar">
+  <div class="row">
+    <div class="col-11 mx-auto">
+    <ul class="appscms-toolbar-list">
+      {%- for item in siteData.megaMenu.dropdown -%}
+      <li class="appscms-toolbar-list-item">
+        <span class="appscms-toolbar-list-item-span d-flex justify-content-between"> {{item.categoryName}}
+          <svg 
+          class="arrow-svg"
+          fill="#fff" width="12px" hegiht="12px" version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 30.727 30.727" xml:space="preserve"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <g> <path d="M29.994,10.183L15.363,24.812L0.733,10.184c-0.977-0.978-0.977-2.561,0-3.536c0.977-0.977,2.559-0.976,3.536,0 l11.095,11.093L26.461,6.647c0.977-0.976,2.559-0.976,3.535,0C30.971,7.624,30.971,9.206,29.994,10.183z"></path> </g> </g></svg>
+        </span>
+       
+      
+          <ul class="list-item-dropdown">
+          <h4 class="list-item-dropdown-heading"> {{siteData.megaMenu.nav-link-name}}</h4>
+          <div class="row">
+            {%- assign count = 0 -%}
+            {% for i in item.links %}
+            {% assign count = count | plus:1 %}
+            {%- if count == 1 -%}
+              <div class="col-md-6 col-lg-4 col-xl-3">
+            {%- endif -%}
+            {% if count == 6 %}
+            <li>
+              <a class="toolbar-link" href="{{i.url}}">{{i.name}}</a>
+            </li>
+            </div>
+            {% assign count = 0 %}
+            {%- else -%}
+            <li>
+              <a class="toolbar-link" href="{{i.url}}">{{i.name}}</a>
+            </li>
+            {% endif %}
+            {% endfor %}
+           </div>
+            
+         
+          
+        </ul>
+      </li>
+      {%- endfor -%}
+    </ul>
+  </div>
+  </div>
+</div>
+{%- endif -%}
+
+

data/_includes/appscms/recent-posts/recent-posts.html

@@ -0,0 +1,90 @@
+<section class="related-posts-section">
+  <div class="container mx-auto col-md-11 col-lg-9 col-sm-10 p-3 pb-3">
+    <div class="relatedPosts">
+      {%- if site.posts.size>0 -%} {%- if site.monumetricId and page.url != '/'
+      and page.lang == "en" -%}
+
+      <div class="row">
+        <div class="col-md-9 mx-auto">
+          {%- endif -%}
+          <div class="container heading">
+            <div class="row">
+              <div
+                class="col-xxl-8 col-lg-9 col-md-12 col-sm-12 offset-md-1 offset-sm-0 py-5 pt-md-5 pt-sm-3 mx-auto"
+              >
+                <div class="d-flex align-items-center justify-content-center">
+                  <hr
+                    class="flex-grow-1 mx-4 mb-0"
+                    style="height: 2px; background-color: #000"
+                  />
+                  <h1 class="text-center appscms-h3 my-4">Recent posts</h1>
+                  <hr
+                    class="flex-grow-1 mx-4 mb-0"
+                    style="height: 2px; background-color: #000"
+                  />
+                </div>
+              </div>
+            </div>
+          </div>
+          {%- if site.monumetricId and page.url != '/' and page.lang == "en" -%}
+        </div>
+      </div>
+      {%- endif -%} {%- endif -%}
+      <div class="row allblogs shadow appscms-blogs">
+        <div class="row px-4">
+          {%- if site.monumetricId and page.url != '/' and page.lang == "en" -%}
+
+          <div class="col-md-9 mx-auto">
+            <div class="row">
+              {%- endif -%} {% assign posts = site.posts |
+              where_exp:"post","post.url != page.url" %} {% for post in posts
+              limit: 6%} {%- include /authors/authors.html -%}
+              <div class="col-xl-4 col-lg-6 col-md-6 mb-4">
+                <div class="card h-100 appscms-blog-cards">
+                  <a
+                    class="text-decoration-none text-dark"
+                    href="{{ post.url }}"
+                  >
+                    <img
+                      class="card-img-top"
+                      src="{{ post.image }}"
+                      alt="Video thumbnail"
+                    />
+                    <div class="card-body">
+                      <h5 class="card-title">{{post.title}}</h5>
+                      <div class="wrapfooter">
+                        <span class="meta-footer-thumb"
+                          ><img
+                            class="author-thumb ezlazyloaded"
+                            loading="lazy"
+                            src="{{image}}"
+                            alt="{{authorName}}"
+                            ezimgfmt="rs rscb1 src ng ngcb1"
+                            data-ezsrc="https://safeimagekit.com/ezoimgfmt/d33wubrfki0l68.cloudfront.net/6ec825fe5d7100e36db90bc00382e77e2e242a20/f5cec/assets/images/udit.jpg?ezimgfmt=rs:35x35/rscb1/ng:webp/ngcb1"
+                            ezoid="0.04631063861662277"
+                        /></span>
+                        <div class="author-meta">
+                          <span class="post-name"
+                            ><a target="_blank" href="/blog"
+                              >{{authorName}}</a
+                            ></span
+                          ><br />
+                          <p class="post-date mb-0">
+                            {{post.date | date_to_string }}
+                          </p>
+                        </div>
+                      </div>
+                    </div>
+                  </a>
+                </div>
+              </div>
+              {% endfor %} {%- if site.monumetricId and page.url != '/' and
+              page.lang == "en" -%}
+            </div>
+          </div>
+          {%- endif -%}
+        </div>
+      </div>
+    </div>
+  </div>
+</section>

data/_includes/appscms/scripts/script.html

@@ -0,0 +1,135 @@
+{%- include adblocker.html -%} {% assign scriptData =
+    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>
+    {%- endif -%}
+    
+    <script defer src="/assets/js/theme.js" crossorigin="anonymous"></script>
+    {%- if site.userTrackingCount -%} {%- include customScripts.html -%} {%- endif
+    -%} {%- if site.userTrackingCount and page.layout == "feature" -%}
+    <script defer src="/assets/js/usageTracking.js"></script>
+    <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>
+    {%- 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>
+    {%- 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>
+    {%- 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>
+    {%- 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 -%} {%- if page.layout == "frame"
+    -%} {%- assign font = "PT Sans" -%} {%- endif -%} {%- if page.layout ==
+    "photo-effects-home" -%} {%- assign font = "PT Sans" -%} {%- endif -%} {%- if
+    page.layout == "calculator" -%}
+    <script defer src="/assets/js/calculator-tooltip.js"></script>
+    {%- endif -%} {%- if page.layout == 'home-1' or page.layout == "feature-1" -%}
+    {%- assign font = "Inter" -%} {%- endif -%} {%- if site.removeFontAwesome !=
+    true -%}
+    <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"
+    />
+    {%- endif -%} {%- if page.layout == "feature" -%}
+    <script>
+      const toaster = document.querySelector(".toaster");
+      if (
+        !/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(
+          navigator.userAgent
+        )
+      ) {
+        if (navigator.userAgent.indexOf("Mac OS X") != -1) {
+          toaster.innerHTML = `Press Command + D to Bookmark this page`;
+        } else {
+          toaster.innerHTML = `Press Ctrl + D to Bookmark this page`;
+        }
+      }
+      setTimeout(() => {
+        toaster.style.display = "none";
+      }, 20000);
+    </script>
+    {%- endif -%}
+    

data/_includes/appscms/searchbar/searchbar.html

@@ -0,0 +1,22 @@
+
+<div class="container">
+  <div class="row justify-content-center">
+    <div class="col-lg-6 col-md-8 col-10">
+      <form class="form-inline">
+        <div class="input-group w-100 shadow" id="appscms-searchbar">
+          <input
+            type="text"
+            class="form-control rounded-pill border-0 px-4" id="searchbar-placeholder"
+            placeholder ="Search the tool you are looking for"
+            style="width: 50%"
+          />
+          <button type="submit" class="btn btn-link btn-search">
+            <svg height="22px" width="22px" xmlns="http://www.w3.org/2000/svg" width="800px" height="800px" viewBox="0 0 24 24" fill="none">
+              <path fill-rule="evenodd" clip-rule="evenodd" d="M4 11C4 7.13401 7.13401 4 11 4C14.866 4 18 7.13401 18 11C18 14.866 14.866 18 11 18C7.13401 18 4 14.866 4 11ZM11 2C6.02944 2 2 6.02944 2 11C2 15.9706 6.02944 20 11 20C13.125 20 15.078 19.2635 16.6177 18.0319L20.2929 21.7071C20.6834 22.0976 21.3166 22.0976 21.7071 21.7071C22.0976 21.3166 22.0976 20.6834 21.7071 20.2929L18.0319 16.6177C19.2635 15.078 20 13.125 20 11C20 6.02944 15.9706 2 11 2Z" fill="#000000"/>
+              </svg>
+          </button>
+        </div>
+      </form>
+    </div>
+  </div>
+</div>

data/_includes/appscms/uploadbutton/uploadbutton.html

@@ -0,0 +1,44 @@
+{%- if site.noFeatureBox == true or page.noBox == true -%}
+<div class="feature-content-box" id="theme-content-box">{{content}}</div>
+{%- else -%}
+<div class="container appscms-upload-section-container">
+  <div class="row">
+    <div
+      class="col-xxl-4 col-lg-6 col-md-8 col-sm-10 offset-md-1 offset-sm-0 py-5 pt-md-3 pt-md pt-sm-3 mx-auto"
+    >
+      <div class="appscms-upload-section">
+        <div class="appscms-upload-icon">
+          <img height="48px" width="48px" src="/assets/document.png" alt="" />
+        </div>
+        <span>drag and drop here</span>
+        <div class="or-in-upload">
+          <div class="line-in-upload"></div>
+          <span>or</span>
+          <div class="line-in-upload"></div>
+        </div>
+
+        <div for="image-upload" class="upload-btn">Upload Image</div>
+
+        <div class="upload-from-drives">
+          <img
+            id="google-drive"
+            height="30px"
+            width="30px"
+            src="/assets/gdrive.png"
+            alt="googledrive"
+          />
+          <img
+            id="dropbox"
+            height="30px"
+            width="30px"
+            src="/assets/dropbox.png"
+            alt="dropbox"
+          />
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+
+{%- endif -%}
+<div id="workspace"></div>

data/_layouts/appscms-blog.html

@@ -0,0 +1,31 @@
+{% assign file = page.fileName %}
+{% assign lang = page.lang %}
+{% assign folder = page.folderName %}
+{% assign pageData = site.data[folder][lang][file] %}
+{%- assign boxColor = site.data[page.folderName][page.lang][page.fileName].color -%}
+
+
+<!DOCTYPE html>
+<html lang="{{ page.lang }}">
+{%- include appscms/head/head.html -%}
+<link rel="stylesheet" href="assets/css/appscms-theme.css">
+<body>
+    {%- include appscms/navbars/navbar.html -%}
+    {%- include appscms/navbars/toolbar.html -%}
+    {%- include appscms/headings/headings.html -%}
+    
+    <div class="appcms-home-content-box" id="appcms-home-content-box">
+        {{ content }}
+    </div>
+    {%- include appscms/recent-posts/recent-posts.html -%}
+    <!-- {%- include appscms/extras/traffic-count.html -%} -->
+    
+
+    
+    {%- include appscms/footer/products.html -%}
+    {%- include appscms/footer/footer.html -%}
+
+    {%- include appscms/scripts/script.html -%}
+    
+</body>
+</html>

data/_layouts/appscms-feature.html

@@ -0,0 +1,32 @@
+{% assign file = page.fileName %}
+{% assign lang = page.lang %}
+{% assign folder = page.folderName %}
+{% assign pageData = site.data[folder][lang][file] %}
+{%- assign boxColor = site.data[page.folderName][page.lang][page.fileName].color -%}
+
+
+<!DOCTYPE html>
+<html lang="{{ page.lang }}">
+{%- include appscms/head/head.html -%}
+<body>
+    {%- include appscms/navbars/navbar.html -%}
+    {%- include appscms/navbars/toolbar.html -%}
+    {%- include appscms/headings/headings.html -%}
+    {%- include appscms/uploadbutton/uploadbutton.html -%}
+    {%- include appscms/featurehighlight/featurehighlight.html -%}
+    {%- include appscms/howto/howto.html -%}
+    {%- include appscms/faq/faq.html -%}
+    <div class="appcms-home-content-box" id="appcms-home-content-box">
+        {{ content }}
+    </div>
+    {%- include appscms/recent-posts/recent-posts.html -%}
+    <!-- {%- include appscms/extras/traffic-count.html -%} -->
+    {%- include appscms/extras/ratings.html -%}
+
+    {%- include appscms/footer/products.html -%}
+    {%- include appscms/footer/footer.html -%}
+
+    {%- include appscms/scripts/script.html -%}
+    
+</body>
+</html>

data/_layouts/appscms-home.html

@@ -0,0 +1,27 @@
+{% assign file = page.fileName %}
+{% assign lang = page.lang %}
+{% assign folder = page.folderName %}
+{% assign pageData = site.data[folder][lang][file] %}
+{%- assign boxColor = site.data[page.folderName][page.lang][page.fileName].color -%}
+<!DOCTYPE html>
+<html lang="{{ page.lang }}">
+{%- include appscms/head/head.html -%}
+<body>
+    {%- include appscms/navbars/navbar.html -%}
+    {%- include appscms/navbars/toolbar.html -%}
+    {%- include appscms/headings/headings.html -%}
+    {%- include appscms/searchbar/searchbar.html -%}
+    {%- include appscms/category-tabs/category-tabs.html -%}
+    {%- include appscms/home/feature-boxes.html -%}
+    <div class="appcms-home-content-box" id="appcms-home-content-box">
+        {{ content }}
+    </div>
+    {%- include appscms/recent-posts/recent-posts.html -%}
+    <!-- {%- include appscms/extras/traffic-count.html -%} -->
+    {%- include appscms/footer/products.html -%}
+    {%- include appscms/footer/footer.html -%}
+
+    {%- include appscms/scripts/script.html -%}
+    
+</body>
+</html>