appscms-tools-theme 5.2.5 → 5.2.6

data/_includes/contenttool_banner.html

@@ -0,0 +1,266 @@
+
+{%- if site.show_contenttool_promo -%}
+<style>
+    /* Main Promotion Banner */
+    .promo-banner {
+        position: sticky;
+        top: 0;
+        z-index: 9999;
+        background: linear-gradient(135deg, #667eea 0%, #1b2fe7 100%);
+        /* background: linear-gradient(to right, #d53369, #cbad6d); */
+        /* background: linear-gradient(to right, #f857a6, #ff5858); */
+        /* background: linear-gradient(135deg, #4456f6f7 0%, #4456f6f7 100%); */
+        background-size: 200% 200%;
+        animation: gradientShift 4s ease infinite;
+        padding: 12px 20px;
+        box-shadow: 0 4px 15px rgba(102, 126, 234, 0.3);
+        overflow: hidden;
+        position: relative;
+    }
+
+    .promo-banner::before {
+        content: '';
+        position: absolute;
+        top: 0;
+        left: -100%;
+        width: 100%;
+        height: 100%;
+        background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
+        animation: shine 3s infinite;
+    }
+
+    @keyframes gradientShift {
+        0% {
+            background-position: 0% 50%;
+        }
+
+        50% {
+            background-position: 100% 50%;
+        }
+
+        100% {
+            background-position: 0% 50%;
+        }
+    }
+
+    @keyframes shine {
+        0% {
+            left: -100%;
+        }
+
+        100% {
+            left: 100%;
+        }
+    }
+
+    .banner-content {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        gap: 15px;
+        max-width: 1200px;
+        margin: 0 auto;
+        position: relative;
+        z-index: 2;
+    }
+
+    .banner-icon {
+        font-size: 24px;
+        animation: bounce 2s infinite;
+    }
+
+    @keyframes bounce {
+
+        0%,
+        20%,
+        50%,
+        80%,
+        100% {
+            transform: translateY(0);
+        }
+
+        40% {
+            transform: translateY(-5px);
+        }
+
+        60% {
+            transform: translateY(-3px);
+        }
+    }
+
+    .banner-text {
+        color: white;
+        font-size: 16px;
+        font-weight: 600;
+        text-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
+        letter-spacing: 0.5px;
+    }
+
+    .highlight {
+        color: #ffd700;
+        font-weight: 700;
+        text-shadow: 0 0 10px rgba(255, 215, 0, 0.5);
+    }
+
+    .cta-button {
+        background: linear-gradient(45deg, #f59e0b, #d97706);
+        /* background-color: #fff; */
+        /* background: linear-gradient(45deg, #007bff, #007bff); */
+        /* background: linear-gradient(45deg, #ff6b6b, #ff8e8e); */
+        color: #fff;
+        padding: 5px 15px;
+        border-radius: 25px;
+        text-decoration: none;
+        font-weight: 700;
+        font-size: 14px;
+        border: 1px solid rgba(0, 0, 0, 0.1);
+        transition: all 0.3s ease;
+        /* box-shadow: 0 4px 15px rgba(255, 107, 107, 0.4); */
+        position: relative;
+        overflow: hidden;
+        text-transform: uppercase;
+        letter-spacing: 1px;
+    }
+
+    .cta-button::before {
+        content: '';
+        position: absolute;
+        top: 0;
+        left: -100%;
+        width: 100%;
+        height: 100%;
+        background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);
+        transition: left 0.5s;
+    }
+
+    .cta-button:hover::before {
+        left: 100%;
+    }
+
+    .cta-button:hover {
+        color: #000;
+        transform: translateY(-2px);
+        box-shadow: 0 6px 20px rgba(255, 107, 107, 0.6);
+        border-color: rgba(255, 255, 255, 0.4);
+    }
+
+    .close-btn {
+        background: rgba(255, 255, 255, 0.2);
+        border: none;
+        color: white;
+        font-size: 18px;
+        width: 30px;
+        height: 30px;
+        border-radius: 50%;
+        cursor: pointer;
+        transition: all 0.3s ease;
+        position: absolute;
+        right: 15px;
+        top: 50%;
+        transform: translateY(-50%);
+    }
+
+    .close-btn:hover {
+        background: rgba(255, 255, 255, 0.3);
+        transform: translateY(-50%) rotate(90deg);
+    }
+
+    /* Floating particles effect */
+    .particle {
+        position: absolute;
+        background: rgba(255, 255, 255, 0.1);
+        border-radius: 50%;
+        pointer-events: none;
+    }
+
+    .particle:nth-child(1) {
+        width: 6px;
+        height: 6px;
+        top: 20%;
+        left: 10%;
+        animation: float 6s infinite ease-in-out;
+    }
+
+    .particle:nth-child(2) {
+        width: 4px;
+        height: 4px;
+        top: 60%;
+        left: 80%;
+        animation: float 4s infinite ease-in-out reverse;
+    }
+
+    .particle:nth-child(3) {
+        width: 8px;
+        height: 8px;
+        top: 40%;
+        left: 20%;
+        animation: float 5s infinite ease-in-out;
+    }
+
+    @keyframes float {
+
+        0%,
+        100% {
+            transform: translateY(0px);
+        }
+
+        50% {
+            transform: translateY(-10px);
+        }
+    }
+
+    /* Mobile Responsive */
+    @media (max-width: 768px) {
+        .promo-banner {
+            padding: 8px 15px;
+        }
+
+        .banner-content {
+            gap: 10px;
+            flex-wrap: wrap;
+        }
+
+        .banner-text {
+            font-size: 14px;
+            text-align: center;
+            flex: 1 1 100%;
+        }
+
+        .cta-button {
+            padding: 8px 20px;
+            font-size: 12px;
+        }
+
+        .banner-icon {
+            font-size: 20px;
+        }
+
+        .close-btn {
+            position: relative;
+            right: auto;
+            top: auto;
+            transform: none;
+            margin-left: auto;
+        }
+    }
+</style>
+<!-- Attractive Promotion Banner -->
+<div class="promo-banner" id="promoBanner">
+    <!-- Floating particles for extra effect -->
+    <div class="particle"></div>
+    <div class="particle"></div>
+    <div class="particle"></div>
+
+    <div class="banner-content">
+        <div class="banner-icon">🚀</div>
+        <div class="banner-text">
+          {{site.contenttool_promo_text}}
+            <!-- New! Try ContentTool – <span class="highlight">410+ AI Tools</span> in One Place -->
+        </div>
+        <a href="https://contenttool.io" class="cta-button">
+            Try Now →
+        </a>
+    </div>
+    <button class="close-btn" onclick="closeBanner()">×</button>
+</div>
+{%- endif -%}

data/_includes/contenttool_result_banner.html

@@ -0,0 +1,135 @@
+{%- if site.show_contenttool_promo -%}
+<style>
+    .go-back-block {
+        margin: 0 !important;
+    }
+    
+    .action-section {
+        background: linear-gradient(135deg, #667eea 0%, #1b2fe7 100%);
+        border-radius: 4px;
+        padding: 30px 40px;
+        margin: 30px 0 40px 0;
+        color: white;
+        position: relative;
+        overflow: hidden;
+        box-shadow: 0 10px 30px rgba(91, 33, 182, 0.3);
+    }
+
+    .action-section::before {
+        content: '';
+        position: absolute;
+        top: 0;
+        left: -100%;
+        width: 100%;
+        height: 100%;
+        background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.1), transparent);
+        animation: shine 4s infinite;
+    }
+
+    @keyframes shine {
+        0% { left: -100%; }
+        100% { left: 100%; }
+    }
+
+    .action-content {
+        position: relative;
+        z-index: 2;
+        text-align: center;
+    }
+
+    .action-buttons {
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        flex-wrap: wrap;
+    }
+
+    .action-btn {
+        height: auto !important;
+        padding: 12px 25px !important;
+        border-radius: 30px !important;
+        font-size: 14px !important;
+        font-weight: 700;
+        cursor: pointer;
+        transition: all 0.3s ease;
+        text-decoration: none;
+        border: none;
+        position: relative;
+        overflow: hidden;
+        text-transform: uppercase;
+        letter-spacing: 0.5px;
+    }
+
+    .action-btn:hover {
+        text-decoration: none;
+        color: #fff;
+    }
+
+    .primary-btn {
+        width: 400px;
+        background: rgba(255, 255, 255, 0.2) !important;
+        color: white !important;
+        border: 2px solid rgba(255, 255, 255, 0.3) !important;
+        backdrop-filter: blur(10px) !important;
+    }
+
+    .primary-btn:hover {
+        background: rgba(255, 255, 255, 0.3);
+        transform: translateY(-3px);
+        box-shadow: 0 8px 20px rgba(255, 255, 255, 0.2);
+    }
+
+    .secondary-btn {
+        background: linear-gradient(45deg, #f59e0b, #d97706);
+        color: white;
+        border: 2px solid rgba(245, 158, 11, 0.3);
+    }
+
+    .secondary-btn:hover {
+        background: linear-gradient(45deg, #d97706, #b45309);
+        transform: translateY(-3px);
+        box-shadow: 0 8px 20px rgba(245, 158, 11, 0.4);
+    }
+
+    .action-divider {
+        font-size: 18px;
+        font-weight: 600;
+        margin: 0 15px;
+        opacity: 0.8;
+    }
+
+    /* Mobile Responsive */
+    @media (max-width: 768px) {
+        .action-buttons {
+            flex-direction: column;
+            gap: 15px;
+        }
+
+        .action-divider {
+            margin: 0;
+        }
+
+        .action-btn {
+            width: 100%;
+            max-width: 280px;
+            padding: 12px 25px;
+            font-size: 14px;
+        }
+    }
+</style>
+<div class="action-section">
+    <div class="action-content">
+        <div class="action-buttons">
+            <div class="go-back-block">
+                <button id="processing-btn" class="action-btn primary-btn">Try processing another file</button>
+            </div>
+
+
+            <div class="action-divider">OR</div>
+            <a href="https://contenttool.io" class="action-btn secondary-btn">
+                Explore 410+ AI Tools on Contenttool →
+            </a>
+        </div>
+    </div>
+</div>
+{%- endif -%}

data/_includes/cssfile/links.html

@@ -0,0 +1,54 @@
+{% assign cssData = site.data.[page.folderName][lang][file] %}
+{{site.data.customcdns.customcdns.cssfiles}} {%- if cssData.cssfilepaths -%} {%-
+for path in cssData.cssfilepaths -%} {%- assign asset_dir = path -%} {%- if
+site.versioning and asset_dir != "" -%} {%- if asset_dir contains "https" and
+asset_dir contains "https://" -%}
+<link
+  defer
+  rel="stylesheet"
+  href="{{path}}"
+  {%-
+  if
+  site.crossorigin
+  -%}
+  {{
+  }}
+  crossorigin="anonymous"
+  {%-
+  endif
+  -%}
+/>
+{%- else -%}
+<link
+  defer
+  rel="stylesheet"
+  href="{% ministamp { source_path: '{{ asset_dir }}', destination_path: '{{ asset_dir }}' } %}"
+  {%-
+  if
+  site.crossorigin
+  -%}
+  {{
+  }}
+  crossorigin="anonymous"
+  {%-
+  endif
+  -%}
+/>
+{%- endif -%} {%- else -%}
+<link
+  defer
+  rel="stylesheet"
+  href="{{path}}"
+  {%-
+  if
+  site.crossorigin
+  -%}
+  {{
+  }}
+  crossorigin="anonymous"
+  {%-
+  endif
+  -%}
+/>
+{%- endif -%} {%- endfor -%} {%- endif -%} {%- if cssData.csscdns -%} {%- for
+item in cssData.csscdns -%} {{item}} {%- endfor -%} {%- endif -%}

data/_includes/custom-head.html

@@ -0,0 +1,139 @@
+<head>
+  {%- assign pagedescriptionlength = page.description | split: ' ' -%}
+  {%- if pagedescriptionlength.size > 5 -%}
+  {%- assign pagedescriptionlength = page.description | split: ' ' -%}
+  {%- assign pagedescription = page.description -%}
+  {%- endif -%}
+  {% assign favicon = site.favicon %} {%- assign seo_description =
+  pagedescription | default: page.content | markdownify | strip_html |
+  truncatewords: 50 | default: page.excerpt | default: site.description -%} {%-
+  if seo_description -%} {%- assign seo_description = seo_description |
+  markdownify | strip_html | strip_newlines | escape_once -%} {%- endif -%} {%-
+  if page.date -%} {%- assign og_type = "article" -%} {%- else -%} {%- assign
+  og_type = "website" -%} {%- endif -%}
+  {%- assign title = page.title | split: ' ' -%}
+  {%- assign newtitle = '' %}
+  {% for operation in title %}
+  {%- if forloop.first -%}
+  {% assign word = operation | capitalize %}
+  {% assign newtitle = newtitle | append : word %}
+  {% assign newtitle = newtitle | append : " " %}
+  {%- else -%}
+  {% assign word = operation %}
+  {%- if forloop.last -%}
+  {% assign newtitle = newtitle | append : word %}
+  {%- else -%}
+  {% assign newtitle = newtitle | append : word %}
+  {% assign newtitle = newtitle | append : " " %}
+  {%- endif -%}
+  {%- endif -%}
+  {% endfor %}
+  {%- assign description = description | split: ' ' -%}
+  {% assign pagedescription = '' %}
+  {% for operation in description %}
+  {%- if forloop.first -%}
+  {% assign word = operation | capitalize %}
+  {% assign pagedescription = pagedescription | append : word %}
+  {% assign pagedescription = pagedescription | append : " " %}
+  {%- else -%}
+  {% assign word = operation %}
+  {%- if forloop.last -%}
+  {% assign pagedescription = pagedescription | append : word %}
+  {%- else -%}
+  {% assign pagedescription = pagedescription | append : word %}
+  {% assign pagedescription = pagedescription | append : " " %}
+  {%- endif -%}
+  {%- endif -%}
+  {% endfor %}
+  {%- assign title = newtitle -%}
+  {%- assign description = pagedescription-%}
+
+
+  <meta charset="UTF-8" />
+  <link rel="shortcut icon" href="{{favicon}}" />
+  <link rel="canonical" href="{{site.url | append:  page.url}}" />
+  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
+  <meta name="keywords" content="{{site.keyboard}}" />
+  <meta name="description" content="{{ seo_description | slice: 0, 155 }}" />
+  <meta name="og:description" content="{{ seo_description | slice: 0, 155 }}" />
+  <meta property="og:title" content="{{ title | default: site.title }}" />
+  <meta property="og:type" content="{{og_type}}" />
+  <meta property="og:locale" content="en_US" />
+  <meta property="og:site_name" content="{{site.name}}" />
+  <meta property="og:url" content="{{site.url | append:  page.url}}" />
+  <meta name="author" content="{{ site.author_name  }}" />
+  <title>{{title}}</title>
+
+  <link href="https://fonts.googleapis.com/css2?family=Open+Sans&display=swap" rel="stylesheet" />
+  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.0/css/all.min.css" {%- if
+    site.crossorigin -%} crossorigin {%- endif -%} />
+  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/css/bootstrap.min.css" {%- if
+    site.crossorigin -%} crossorigin {%- endif -%} />
+  {% include adsense/adsense.html %}
+  <link rel="stylesheet" href="{{'/assets/css/blog.css' | relative_url }}" {%- if site.crossorigin -%} crossorigin {%-
+    endif -%} />
+
+  {%- if page.layout == "blog-1" -%}
+  <link rel="stylesheet" href="{{'/assets/css/blog-1.css' | relative_url }}" {%- if site.crossorigin -%} crossorigin {%-
+    endif -%} />
+  {%- endif -%}
+
+  {%- include google-analytics.html -%}
+  {% if jekyll.environment == 'production' and site.monumetricId %}
+  <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" defer delay="{{site.monumetricId}}" data-cfasync="false"></script>
+  {% endif %}
+
+  {% if jekyll.environment == 'development' and site.monumetricId %}
+  <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="{{site.monumetricId}}"></script>
+
+  {% endif %}
+</head>
+{{ seo_description }}

data/_includes/customCode.html

@@ -0,0 +1 @@
+<!-- custom code -->

data/_includes/customScripts.html

@@ -0,0 +1 @@
+<!-- custom scripts -->

data/_includes/customblog/pageRelatedPosts.html

@@ -0,0 +1,88 @@
+<section class="related-posts-section">
+    <div class="container">
+
+        <div class="relatedPosts">
+            {%- if site.monumetricId and page.url != '/' and page.lang == "en" -%}
+
+            <div class="row">
+                <div class="col-md-9 mx-auto">
+                    {%- endif -%}
+                    <p class="pt-5 pb-0 related_post_heading mb-3">You might also like</p>
+                    {%- if site.monumetricId and page.url != '/' and page.lang == "en" -%}
+
+                </div>
+            </div>
+            {%- endif -%}
+            {% assign file = page.fileName %}
+            {% assign lang = page.lang %}
+            {% assign folder = page.folderName %}
+            {% assign homeData = site.data[folder][lang][file] %}
+            {% assign blogData= homeData.posts %}
+      
+
+
+          
+            <div class="row">
+                {%- if site.monumetricId and page.url != '/' and page.lang == "en" -%}
+
+
+                <div class="col-md-9 mx-auto">
+                    <div class="row">
+                        {%- endif -%}
+
+                        {% for post in blogData %}
+                        {%- include authors/authors.html-%}
+                    
+                        <div class="
+               	{%- if site.monumetricId and page.url != '/' and page.lang == " en" -%} col-md-6 mb-4 card-group {%-
+                            else -%} col-lg-4 col-md-6 mb-4 card-group {%- endif -%} ">
+                            <div class=" card h-100">
+                            <a href="/blog/{{ post.url }}">
+                                <img src="{{ post.image }}" loading="lazy" class="card-img-top" height="auto"
+                                    width="100%" alt="{{post.title}}" {%- if site.crossorigin -%} crossorigin {%- endif
+                                    -%}>
+                            </a>
+                            <div class="card-body">
+                                <a class="text-decoration-none text-dark" href="/blog/{{ post.url }}" class="anchor_link">
+                                    <h4 class="card-title mb-4 text-left">{{ post.title }}</h4>
+                                </a>
+                            </div>
+                            <div class="card-footer">
+                                <div class="wrapfooter">
+                                    {% if post.author %}
+                                    <span class="meta-footer-thumb">
+                                        <img class="author-thumb" loading="lazy" src="{{ image }}"
+                                            alt="{{ authorName }}" {%- if site.crossorigin -%} crossorigin {%- 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="/blog/{{ post.url }}"
+                                            title="Read Story">Read
+                                            More</a></span>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                   
+                   
+              
+
+                {% endfor %}
+
+                {%- if site.monumetricId and page.url != '/' and page.lang == "en" -%}
+
+
+            </div>
+        </div>
+        {%- endif -%}
+    </div>
+    </div>
+    </div>
+</section>