appscms-tools-theme 2.9.8 → 3.0.0

data/_includes/batch-conversion.html

@@ -1,66 +1,66 @@
-{%- assign boxColor = site.data[page.folderName][page.lang][page.fileName].color -%}
-<div class="options-panel">
-    <div class="title">
-        Options
-    </div>
-    <div id="controls" class="text-left">
-        <label>Amount</label>
-        <div class="d-flex">
-            {%- if page.effect == "blur" -%}
-            <input class="w-100" type="range" min="0" max="50" value="25" step="0.5" id="applyFilter"
-                data-filter="{{page.effect}}" data-scale="px">
-            <div class="d-flex align-items-center" id="counter"></div>
-            {%- elsif page.effect == "opacity" -%}
-            <input class="w-100" id="applyFilter" type="range" min="0" max="1" step="0.1" value="0.5"
-                data-filter="{{page.effect}}" />
-            <div class="d-flex align-items-center" id="counter"></div>
-            {%- elsif page.effect == "saturate" -%}
-            <input class="w-100" type="range" min="0" max="200" value="100" step="1" id="applyFilter"
-                data-filter="{{page.effect}}" data-scale="">
-            <div class="d-flex align-items-center" id="counter"></div>
-            {%- elsif page.effect == "hue-rotate" -%}
-            <input class="w-100" type="range" min="0" max="360" value="180" step="1" id="applyFilter"
-                data-filter="{{page.effect}}" data-scale="deg">
-            <div class="d-flex align-items-center" id="counter"></div>
-            {%- elsif page.effect == "grayscale" -%}
-            <input class="w-100" type="range" min="0" max="100" value="50" step="1" id="applyFilter"
-                data-filter="{{page.effect}}" data-scale="%">
-            <div class="d-flex align-items-center" id="counter"></div>
-            {%- elsif page.effect == "sepia" -%}
-            <input class="w-100" type="range" min="0" max="100" value="50" step="1" id="applyFilter"
-                data-filter="{{page.effect}}" data-scale="%">
-            <div class="d-flex align-items-center" id="counter"></div>
-            {%- elsif page.effect == "gamma" -%}
-            <input class="w-100" type="range" min="0" max="10" value="5" step="1" id="applyFilter"
-                data-filter="{{page.effect}}">
-            {%- elsif page.panelTitle == "exposure" -%}
-            <input class="w-100" type="range" min="-100" max="100" value="0" step="1" id="applyFilter"
-                data-filter="{{page.effect}}">
-            {%- else -%}
-            <input class="w-100" type="range" min="0" max="200" value="100" step="1" id="applyFilter"
-                data-filter="{{page.effect}}" data-scale="%">
-            <div class="d-flex align-items-center" id="counter"></div>
-            {%- endif -%}
-            <br>
-        </div>
-    </div>
-
-
-    <div class="download-format d-none">
-        <span class="select-format-title">image's format</span>
-        <select name="image-format" id="image-format">
-            <option value="png">png</option>
-            <option value="jpg">jpg</option>
-            <option value="jpeg">jpeg</option>
-            <option value="webp">webp</option>
-
-        </select>
-    </div>
-
-    <div class="convertBtn-container">
-        <button style="background-color:{{boxColor}};" class="btn" id="submit-button">
-            Convert
-            <img src="/assets/images/convert.svg" width="20px" alt="convert-files">
-        </button>
-    </div>
+{%- assign boxColor = site.data[page.folderName][page.lang][page.fileName].color -%}
+<div class="options-panel">
+    <div class="title">
+        Options
+    </div>
+    <div id="controls" class="text-left">
+        <label>Amount</label>
+        <div class="d-flex">
+            {%- if page.effect == "blur" -%}
+            <input class="w-100" type="range" min="0" max="50" value="25" step="0.5" id="applyFilter"
+                data-filter="{{page.effect}}" data-scale="px">
+            <div class="d-flex align-items-center" id="counter"></div>
+            {%- elsif page.effect == "opacity" -%}
+            <input class="w-100" id="applyFilter" type="range" min="0" max="1" step="0.1" value="0.5"
+                data-filter="{{page.effect}}" />
+            <div class="d-flex align-items-center" id="counter"></div>
+            {%- elsif page.effect == "saturate" -%}
+            <input class="w-100" type="range" min="0" max="200" value="100" step="1" id="applyFilter"
+                data-filter="{{page.effect}}" data-scale="">
+            <div class="d-flex align-items-center" id="counter"></div>
+            {%- elsif page.effect == "hue-rotate" -%}
+            <input class="w-100" type="range" min="0" max="360" value="180" step="1" id="applyFilter"
+                data-filter="{{page.effect}}" data-scale="deg">
+            <div class="d-flex align-items-center" id="counter"></div>
+            {%- elsif page.effect == "grayscale" -%}
+            <input class="w-100" type="range" min="0" max="100" value="50" step="1" id="applyFilter"
+                data-filter="{{page.effect}}" data-scale="%">
+            <div class="d-flex align-items-center" id="counter"></div>
+            {%- elsif page.effect == "sepia" -%}
+            <input class="w-100" type="range" min="0" max="100" value="50" step="1" id="applyFilter"
+                data-filter="{{page.effect}}" data-scale="%">
+            <div class="d-flex align-items-center" id="counter"></div>
+            {%- elsif page.effect == "gamma" -%}
+            <input class="w-100" type="range" min="0" max="10" value="5" step="1" id="applyFilter"
+                data-filter="{{page.effect}}">
+            {%- elsif page.panelTitle == "exposure" -%}
+            <input class="w-100" type="range" min="-100" max="100" value="0" step="1" id="applyFilter"
+                data-filter="{{page.effect}}">
+            {%- else -%}
+            <input class="w-100" type="range" min="0" max="200" value="100" step="1" id="applyFilter"
+                data-filter="{{page.effect}}" data-scale="%">
+            <div class="d-flex align-items-center" id="counter"></div>
+            {%- endif -%}
+            <br>
+        </div>
+    </div>
+
+
+    <div class="download-format d-none">
+        <span class="select-format-title">image's format</span>
+        <select name="image-format" id="image-format">
+            <option value="png">png</option>
+            <option value="jpg">jpg</option>
+            <option value="jpeg">jpeg</option>
+            <option value="webp">webp</option>
+
+        </select>
+    </div>
+
+    <div class="convertBtn-container">
+        <button style="background-color:{{boxColor}};" class="btn" id="submit-button">
+            Convert
+            <img src="/assets/images/convert.svg" width="20px" alt="convert-files">
+        </button>
+    </div>
 </div>

data/_includes/cssfile/links.html

@@ -1,12 +1,12 @@
-{% assign cssData = site.data.[page.folderName][lang][file] %}
-{{site.data.customcdns.customcdns.cssfiles}}
-{%- if cssData.cssfilepaths -%}
-{%- for path in cssData.cssfilepaths -%}
-<link defer rel="stylesheet" href="{{path}}" {%- if site.crossorigin -%} {{ }} crossorigin="anonymous" {%- endif -%}>
-{%- endfor -%}
-{%- endif -%}
-{%- if cssData.csscdns -%}
-{%- for item in cssData.csscdns -%}
-{{item}}
-{%- endfor -%}
+{% assign cssData = site.data.[page.folderName][lang][file] %}
+{{site.data.customcdns.customcdns.cssfiles}}
+{%- if cssData.cssfilepaths -%}
+{%- for path in cssData.cssfilepaths -%}
+<link defer rel="stylesheet" href="{{path}}" {%- if site.crossorigin -%} {{ }} crossorigin="anonymous" {%- endif -%}>
+{%- endfor -%}
+{%- endif -%}
+{%- if cssData.csscdns -%}
+{%- for item in cssData.csscdns -%}
+{{item}}
+{%- endfor -%}
 {%- endif -%}

data/_includes/custom-head.html

@@ -1,137 +1,137 @@
-<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>
+<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/customblog/recentposts.html

@@ -1,68 +1,68 @@
-<section class="related-posts-section">
-    <div class="container">
-        {% assign blogData= site.data.blog.blog %}
-        <div class="relatedPosts">
-            {%- if blogData.size>0 -%}
-            {%- if site.monumetricId and page.url != '/' and page.lang == "en" -%}
-
-            <div class="row">
-                <div class="col-md-9 mx-auto">
-                    {%- endif -%}
-                    <h3 class="related_post_heading">Recent Posts</h3>
-                    {%- if site.monumetricId and page.url != '/' and page.lang == "en" -%}
-
-                </div>
-            </div>
-            {%- endif -%}
-            {%- endif -%}
-            <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 limit: 6%}
-                        {%- 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="{{ post.url }}">
-                                <img src="{{ post.image }}" class="card-img-top" height="215px" width="100%"
-                                    loading="lazy" alt="{{post.title}}" {%- if site.crossorigin -%} crossorigin {%-
-                                    endif -%}>
-                            </a>
-                            <div class="card-body">
-                                <a class="text-decoration-none text-dark" href="{{ post.url }}" class="anchor_link">
-                                    <h4 class="card-title mb-4 text-left">{{ post.title }}</h4>
-                                </a>
-                            </div>
-                            <div class="card-footer bg-white">
-                                <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>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                    {% endfor %}
-                </div>
-                {%- if site.monumetricId and page.url != '/' and page.lang == "en" -%}
-
-
-            </div>
-        </div>
-        {%- endif -%}
-    </div>
-    </div>
+<section class="related-posts-section">
+    <div class="container">
+        {% assign blogData= site.data.blog.blog %}
+        <div class="relatedPosts">
+            {%- if blogData.size>0 -%}
+            {%- if site.monumetricId and page.url != '/' and page.lang == "en" -%}
+
+            <div class="row">
+                <div class="col-md-9 mx-auto">
+                    {%- endif -%}
+                    <h3 class="related_post_heading">Recent Posts</h3>
+                    {%- if site.monumetricId and page.url != '/' and page.lang == "en" -%}
+
+                </div>
+            </div>
+            {%- endif -%}
+            {%- endif -%}
+            <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 limit: 6%}
+                        {%- 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="{{ post.url }}">
+                                <img src="{{ post.image }}" class="card-img-top" height="215px" width="100%"
+                                    loading="lazy" alt="{{post.title}}" {%- if site.crossorigin -%} crossorigin {%-
+                                    endif -%}>
+                            </a>
+                            <div class="card-body">
+                                <a class="text-decoration-none text-dark" href="{{ post.url }}" class="anchor_link">
+                                    <h4 class="card-title mb-4 text-left">{{ post.title }}</h4>
+                                </a>
+                            </div>
+                            <div class="card-footer bg-white">
+                                <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>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                    {% endfor %}
+                </div>
+                {%- if site.monumetricId and page.url != '/' and page.lang == "en" -%}
+
+
+            </div>
+        </div>
+        {%- endif -%}
+    </div>
+    </div>
 </section>