appscms-tools-theme 5.2.5 → 5.2.7

data/_includes/Usp/usp.html

@@ -0,0 +1,96 @@
+{% assign file = page.fileName %}
+{% assign lang = page.lang %}
+{% assign folder = page.folderName %}
+{% assign uspData= site.data[folder][lang][file] %}
+{%- if site.showusps -%}
+<section class="usp-section">
+    <div class="container">
+        {%- if site.monumetricId and page.url != '/' and page.lang == "en" -%}
+
+        <div class="row">
+            <div class="col-md-9 mx-auto">
+                {%- endif -%}
+                <h4 class="feature-h1  my-4">Our USPs</h4>
+                <table class="table table-bordered table-striped table-light ">
+                    <tbody>
+                        <tr>
+                            <td class="font-weight-bold" scope="row">
+                                Security
+                            </td>
+                            <td>
+                                100% (No files are sent to server for processing)
+                            </td>
+                        </tr>
+                        <tr>
+                            <td class="font-weight-bold" scope="row">
+                                File size limits
+                            </td>
+                            <td>
+                                None (No limit on size of files)
+                            </td>
+                        </tr>
+                        <tr>
+                            <td class="font-weight-bold" scope="row">
+                                Usage limits
+                            </td>
+                            <td>
+                                None (Process as many files as you want)
+                            </td>
+                        </tr>
+                        <tr>
+                            <td class="font-weight-bold" scope="row">
+                                Price
+                            </td>
+                            <td>
+                                Free
+                            </td>
+                        </tr>
+                        <tr>
+                            <td class="font-weight-bold" scope="row">
+                                User Information Captured
+                            </td>
+                            <td>
+                                None (We do not request for user information such as email / phone number)
+                            </td>
+                        </tr>
+                        <tr>
+                            <td class="font-weight-bold" scope="row">
+                                Ads
+                            </td>
+                            <td>
+                                None (We provide complete ad free experience)
+                            </td>
+                        </tr>
+                    </tbody>
+                </table>
+            </div>
+</section>
+{%- else -%}
+{%- if uspData -%}
+<section class="usp-section">
+    <div class="container">
+
+        <h2 class="feature-h1  my-4">{{uspData.USP_Heading}}</h2>
+        <table class="table table-bordered table-striped table-light ">
+            <tbody>
+                {%- for item in uspData.USPS -%}
+                <tr>
+                    <td class="font-weight-bold" scope="row">
+                        {{item.USP_VALUE}}
+                    </td>
+                    <td>
+                        {{item.USP_FACTOR}}
+                    </td>
+                </tr>
+                {%- endfor -%}
+            </tbody>
+        </table>
+        {%- if site.monumetricId and page.url != '/' and page.lang == "en" -%}
+
+    </div>
+    </div>
+    {%- endif -%}
+    </div>
+</section>
+{%- endif -%}
+{%- endif -%}

data/_includes/adblocker.html

@@ -0,0 +1,240 @@
+{%- if site.show_allow_ad_blocker_pop -%}
+<link rel="stylesheet" href="/assets/css/adBlocker.css" />
+<div id="detect"></div>
+<div class="wrapper text-center">
+  <div class="innerWrapper">
+    {%- if site.adBlockerClose -%}
+    <div class="closePopup p-1">
+      <i class="fas fa-times"></i>
+    </div>
+    {%- endif -%}
+    <h2 class="brand-title">{{site.adspopuptitle}}</h2>
+    <p class="show-ads">Please allow ads on our site</p>
+    <p>
+      Looks like you're using an ad blocker. We rely on advertising to help fund
+      our site to keep it 100% free
+    </p>
+    <div class="btn-container mx-auto">
+      <div class="bg-layer"></div>
+      <button class="allow-ads-btn">Allow ads</button>
+    </div>
+  </div>
+</div>
+<div class="extensions">
+  <section>
+    <div class="ads__content">
+      {%- if site.adBlockerClose -%}
+      <div class="closePopup">
+        <i class="fas fa-times"></i>
+      </div>
+      {%- endif -%}
+      <p style="font-size: 18px">Which of these extensions do you have?</p>
+      <ul class="nav nav-tabs tablist" role="tablist">
+        <a
+          class="nav-link nav-tab-link active"
+          data-toggle="tab"
+          href="#home"
+          role="tab"
+        >
+          <li class="nav-item">
+            <img
+              class="ads_img"
+              loading="lazy"
+              src="/assets/images/adblock.svg"
+              alt="AdBlock image"
+            />
+          </li>
+          AdBlock
+        </a>
+        <a
+          class="nav-link nav-tab-link"
+          data-toggle="tab"
+          href="#adsblockPlus"
+          role="tab"
+        >
+          <li class="nav-item">
+            <img
+              class="ads_img"
+              loading="lazy"
+              src="/assets/images/abp.svg"
+              alt="Adblock Plus Image"
+            />
+          </li>
+          Adblock Plus
+        </a>
+        <a
+          class="nav-link nav-tab-link"
+          data-toggle="tab"
+          href="#uBlock"
+          role="tab"
+        >
+          <li class="nav-item">
+            <img
+              class="ads_img"
+              loading="lazy"
+              src="/assets/images/uo.svg"
+              alt="uBlock image"
+            />
+          </li>
+          uBlock Origin
+        </a>
+        <a
+          class="nav-link nav-tab-link"
+          data-toggle="tab"
+          href="#other"
+          role="tab"
+        >
+          <li class="nav-item">
+            <div class="three_dot">...</div>
+          </li>
+          Other
+        </a>
+      </ul>
+
+      <!-- Tab panes -->
+      <div class="tab-content">
+        <div class="tab-pane active" id="home" role="tabpanel">
+          <ol class="listContainer">
+            <li class="listItem">
+              Click the AdBlock icon
+              <img
+                width="18px"
+                loading="lazy"
+                src="/assets/images/adblock.svg"
+                alt="AdBlock image"
+              />
+              in the browser extension area on the upper right-hand corner. (You
+              may see a small number covering part of the icon.)
+            </li>
+            <li class="listItem">
+              Select <b>Don't run on pages on this site</b>.
+            </li>
+            <li class="listItem">
+              In the "Don’t run AdBlock on..." dialog box, select
+              <b>Exclude</b>. The AdBlock icon changes to a “thumbs up” image.
+            </li>
+          </ol>
+          <div class="text-center w-100" onclick="refresh()">
+            <button class="btn btn-primary" style="font-size: 12px">
+              Refresh page
+            </button>
+          </div>
+        </div>
+        <div class="tab-pane" id="adsblockPlus" role="tabpanel">
+          <ol class="listContainer">
+            <li class="listItem">
+              Click the Adblock Plus icon
+              <img
+                width="18px"
+                loading="lazy"
+                src="/assets/images/abp.svg"
+                alt="Adblock Plus Image"
+              />
+              in the browser extension area on the upper right-hand corner. (You
+              may see a small number covering part of the icon.)
+            </li>
+            <li class="listItem">
+              Click the “power” button Power icon so that it slides left.
+            </li>
+            <li class="listItem">Click the <b>Refresh</b> button.</li>
+          </ol>
+          <div class="text-center w-100" onclick="refresh()">
+            <button class="btn btn-primary" style="font-size: 12px">
+              Refresh page
+            </button>
+          </div>
+        </div>
+        <div class="tab-pane" id="uBlock" role="tabpanel">
+          <ol class="listContainer">
+            <li class="listItem">
+              Click the uBlock Origin icon
+              <img
+                width="18px"
+                loading="lazy"
+                src="/assets/images/uo.svg"
+                alt="uBlock image"
+              />
+              in the browser extension area on the upper right-hand corner. (You
+              may see a small number covering part of the icon.)
+            </li>
+            <li class="listItem">
+              Click the “power” button so that it slides left.
+            </li>
+            <li class="listItem">Click the <b>Refresh</b> button.</li>
+          </ol>
+          <div class="text-center w-100" onclick="refresh()">
+            <button class="btn btn-primary" style="font-size: 12px">
+              Refresh page
+            </button>
+          </div>
+        </div>
+        <div class="tab-pane" id="other" role="tabpanel">
+          <ol class="listContainer">
+            <li class="listItem">
+              Click the icon of the ad blocker extension installed on your
+              browser.
+            </li>
+            <p class="text-muted">
+              You’ll usually find this icon in the upper right-hand corner of
+              your screen. You may have more than one ad blocker installed.
+            </p>
+            <li class="listItem">
+              Follow the instructions for disabling the ad blocker on the site
+              you’re viewing.
+            </li>
+            <p class="text-muted">
+              You may have to select a menu option or click a button.
+            </p>
+            <li class="listItem">
+              Refresh the page, either by following prompts or clicking your
+              browser’s “refresh” or “reload” button.
+            </li>
+          </ol>
+          <div class="text-center w-100" onclick="refresh()">
+            <button class="btn btn-primary" style="font-size: 12px">
+              Refresh page
+            </button>
+          </div>
+        </div>
+      </div>
+    </div>
+  </section>
+</div>
+
+{% if page.url != '/' and page.lang == "en" %}
+<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>
+
+{% endif %}
+<script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.slim.min.js"></script>
+<script delay="/assets/js/adBlocker.js"></script>
+{%- endif -%}

data/_includes/adsense/adsense.html

@@ -0,0 +1,7 @@
+{% if jekyll.environment == 'production' and site.clientid %}
+<script
+  async
+  src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client={{site.clientid}}"
+  crossorigin="anonymous"
+></script>
+{% endif %}

data/_includes/alternates/alternates.html

@@ -0,0 +1,64 @@
+{%- assign whitelist_urls =
+site.data.noindexURLs.internatlionalization_whitelist_urls -%} {%- include
+languages/languages.html -%} {%- if page.nointernationalization -%} {%- elsif
+site.internationalizationall -%} {%- for item in matchurls -%} {%- if item !=
+'zh-TW' -%} {%- if item == 'en'-%} {%- if dataFile.htmlLangAtt == item -%} {%
+assign full_url = site.url | append: page.permalink %} {%- if whitelist_urls
+contains full_url -%}
+<link
+  data-rh="true"
+  rel="alternate"
+  class="active-lang internationalization-language-drop-down-item font-weight-bold"
+  href="{{site.url}}/{{ page.permalink}}"
+  hreflang="{{item}}"
+/>
+{%- endif -%} {%- else -%} {%- if dataFile.features -%}
+
+<link data-rh="true" rel="alternate" data-rh="true" rel="alternate" href="/" />
+{%- else -%} {% assign full_url = site.url | append: page.permalink %} {% assign
+last_segment = page.permalink | split: '/' | last %} {% assign full_url =
+site.url | append: '/' | append: last_segment %} {%- if whitelist_urls contains
+full_url -%}
+<link
+  data-rh="true"
+  rel="alternate"
+  href="{{site.url}}/{{ page.permalink | split: '/' | last}}"
+  hreflang="{{item}}"
+/>
+{%- endif -%} {%- endif -%} {%- endif -%} {%- else -%} {%- if
+dataFile.htmlLangAtt == item -%} {%- if page.permalink | split: '/' | last !=
+item -%} {% assign full_url = site.url | append: page.permalink %} {%- if
+whitelist_urls contains full_url -%}
+<link href="{{site.url}}/{{ page.permalink}}" hreflang="{{item}}" />
+{%- endif -%} {%- else -%} {% assign full_url = site.url | append: '/' | append:
+item %} {%- if whitelist_urls contains full_url -%}
+<link class="active-lang" href="{{site.url}}/{{item}}" hreflang="{{item}}" />
+{%- endif -%} {%- endif -%} {%- else -%} {%- if page.permalink | split: '/' |
+last != item -%} {%- if dataFile.features -%} {%- if whitelist_urls contains
+page.permalink -%}
+<link
+  data-rh="true"
+  rel="alternate"
+  href="{{site.url}}/{{item}}"
+  hreflang="{{item}}"
+/>
+5 {%- endif -%} {%- else -%} {% assign last_segment = page.permalink | split:
+'/' | last %} {% assign full_url = site.url | append: '/' | append: item |
+append: '/' | append: last_segment %} {%- if whitelist_urls contains full_url
+-%}
+<link
+  data-rh="true"
+  rel="alternate"
+  href="{{site.url}}/{{item}}/{{ page.permalink | split: '/' | last}}"
+  hreflang="{{item}}"
+/>
+{%- endif -%} {%- endif -%} {%- else -%} {% assign full_url = site.url | append:
+'/' | append: item %} {%- if whitelist_urls contains full_url -%}
+<link
+  data-rh="true"
+  rel="alternate"
+  href="{{site.url}}/{{item}}"
+  hreflang="{{item}}"
+/>
+{%- endif -%} {%- endif -%} {%- endif -%} {%- endif -%} {%- endif -%} {%- endfor
+-%} {%- endif -%}

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

@@ -0,0 +1,145 @@
+{%- 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 id="toolfilters" class="toolfilters">
+           <div class="left-scroll p-2 navigation-btn">
+                              <img src="/assets/images/left-arrow.svg" alt="left arrow" height="25px" width="25px">
+                            </div>
+                            <div class="d-flex filters-scroll">
+                               {%- 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 class="right-scroll p-2 navigation-btn">
+                              <img src="/assets/images/right-arrow.svg" alt="right arrow" height="25px" width="25px">
+                            </div>
+                          </div>
+         
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+
+
+<script>
+  console.log("Downloaded data features --",{{ downloadedData.features | jsonify }})
+  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";
+        });
+      });
+    });
+
+  const filtersTool = document.querySelector(".filters-scroll");
+  const leftScroll = document.querySelector(".left-scroll");
+  const rightScroll = document.querySelector(".right-scroll");
+
+  const scrollAmount = 100; // Adjust the scroll amount as needed
+
+  leftScroll.addEventListener("click", function () {
+    filtersTool.scrollBy({ left: -scrollAmount, behavior: "smooth" });
+  });
+
+  rightScroll.addEventListener("click", function () {
+    filtersTool.scrollBy({ left: scrollAmount, behavior: "smooth" });
+  });
+
+  </script>
+{%- endif -%}

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

@@ -0,0 +1,94 @@
+<section class="related-posts-section container">
+  <div class="mx-auto col-md-11 col-lg-11 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="heading">
+            <div class="row">
+              <div class="col-md-12 col-sm-12 mx-auto">
+                <div
+                  class="d-flex align-items-center justify-content-center mb-5"
+                >
+                  <hr
+                    class="flex-grow-1 mx-4 mb-0"
+                    style="height: 2px; background-color: #000"
+                  />
+                  <h4 class="text-center appscms-h3 my-5">Recent posts</h4>
+                  <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 }}"
+                    aria-label="{{post.title}}"
+                  >
+                    <div class="extrabox">
+                      <img
+                        class="card-img-top"
+                        src="{{ post.image }}"
+                        alt="Video thumbnail"
+                        loading="lazy"
+                        style="height: 100%; width: 100%"
+                      />
+                    </div>
+                    <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>