appscms-tools-theme 3.8.7 → 3.8.8
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- checksums.yaml +4 -4
- data/_data/feature/en/compress-pdf.json +308 -1
- data/_includes/appscms/customblog/pageRelatedPosts.html +85 -0
- data/_includes/appscms/customblog/recentposts.html +68 -0
- data/_includes/appscms/customblog/relatedBlogs.html +84 -0
- data/_includes/appscms/customblog/relatedposts.html +201 -0
- data/_includes/appscms/featurePageAuthors/featurePageAuthors.html +97 -0
- data/_includes/appscms/footer/products.html +1 -1
- data/_includes/appscms/headings/headings.html +2 -1
- data/_includes/appscms/infographics/infographics.html +109 -0
- data/_includes/appscms/recent-posts/{recent-posts.html → recent_posts.html} +90 -90
- data/_includes/appscms/recent-posts/related_categories_post.html +199 -0
- data/_includes/cssfile/links.html +52 -22
- data/_layouts/appscms-feature-result.html +94 -0
- data/_layouts/appscms-feature.html +28 -8
- data/_layouts/appscms-home.html +1 -1
- data/assets/css/appscms-feature.css +114 -0
- data/assets/css/appscms-theme.css +201 -1
- metadata +10 -2
|
@@ -0,0 +1,201 @@
|
|
|
1
|
+
<section class="related-posts-section container">
|
|
2
|
+
<div class="mx-auto col-md-11 col-lg-11 col-sm-10 p-3 pb-3">
|
|
3
|
+
{%- if site.monumetricId and page.url != '/' and page.lang == "en" -%}
|
|
4
|
+
|
|
5
|
+
<div class="row">
|
|
6
|
+
<div class="col-md-9 mx-auto">
|
|
7
|
+
{%- endif -%}
|
|
8
|
+
<h2 class="pt-5 pb-0 related_post_heading mb-3">You might also like</h2>
|
|
9
|
+
{%- if site.monumetricId and page.url != '/' and page.lang == "en" -%}
|
|
10
|
+
|
|
11
|
+
</div>
|
|
12
|
+
</div>
|
|
13
|
+
{%- endif -%}
|
|
14
|
+
|
|
15
|
+
{% assign blogData= site.data.blog.blog %}
|
|
16
|
+
|
|
17
|
+
|
|
18
|
+
{% assign maxRelated = 6 %}
|
|
19
|
+
{% assign minCommonTags = 1 %}
|
|
20
|
+
{% assign maxRelatedCounter = 0 %}
|
|
21
|
+
{% assign file = page.fileName %}
|
|
22
|
+
{% assign lang = "en" %}
|
|
23
|
+
{% assign folder = page.folderName %}
|
|
24
|
+
{%- if site.data[folder][lang][file].categories -%}
|
|
25
|
+
{% assign categories= site.data[folder][lang][file].categories %}
|
|
26
|
+
{%- else -%}
|
|
27
|
+
{% assign categories= page.categories %}
|
|
28
|
+
{%- endif -%}
|
|
29
|
+
{%- if site.data[folder][lang][file].tags -%}
|
|
30
|
+
{% assign tags= site.data[folder][lang][file].tags %}
|
|
31
|
+
{%- else -%}
|
|
32
|
+
{% assign tags= page.tags %}
|
|
33
|
+
{%- endif -%}
|
|
34
|
+
<div class="row allblogs shadow appscms-blogs">
|
|
35
|
+
{%- if site.monumetricId and page.url != '/' and page.lang == "en" -%}
|
|
36
|
+
|
|
37
|
+
|
|
38
|
+
<div class="col-md-9 mx-auto">
|
|
39
|
+
<div class="row">
|
|
40
|
+
{%- endif -%}
|
|
41
|
+
|
|
42
|
+
{% for post in blogData %}
|
|
43
|
+
{% assign sameTagCount = 0 %}
|
|
44
|
+
{% assign commonTags = '' %}
|
|
45
|
+
|
|
46
|
+
|
|
47
|
+
{%- if categories-%}
|
|
48
|
+
{% for category in post.categories %}
|
|
49
|
+
{% if post.url != page.url %}
|
|
50
|
+
{% if categories contains category %}
|
|
51
|
+
{% assign sameTagCount = sameTagCount | plus: 1 %}
|
|
52
|
+
{% endif %}
|
|
53
|
+
{% endif %}
|
|
54
|
+
{% endfor %}
|
|
55
|
+
{%- endif -%}
|
|
56
|
+
|
|
57
|
+
{%- if tags -%}
|
|
58
|
+
{% for tag in post.tags %}
|
|
59
|
+
{% if post.url != page.url %}
|
|
60
|
+
{% if tags contains tag %}
|
|
61
|
+
{% assign sameTagCount = sameTagCount | plus: 1 %}
|
|
62
|
+
{% endif %}
|
|
63
|
+
{%- endif -%}
|
|
64
|
+
{% endfor %}
|
|
65
|
+
{%- endif -%}
|
|
66
|
+
|
|
67
|
+
|
|
68
|
+
{% if sameTagCount >= minCommonTags %}
|
|
69
|
+
{%- include authors/authors.html-%}
|
|
70
|
+
<div class="
|
|
71
|
+
{%- if site.monumetricId and page.url != '/' and page.lang == " en" -%} col-md-6 mb-4 card-group {%-
|
|
72
|
+
else -%} col-lg-4 col-md-6 mb-4 card-group {%- endif -%} ">
|
|
73
|
+
<div class=" card h-100 appscms-blog-cards">
|
|
74
|
+
<a href="{{ post.url }}">
|
|
75
|
+
<img src="{{ post.image }}" loading="lazy" class="card-img-top" height="auto"
|
|
76
|
+
width="100%" alt="{{post.title}}" {%- if site.crossorigin -%} crossorigin {%- endif
|
|
77
|
+
-%}>
|
|
78
|
+
</a>
|
|
79
|
+
<div class="card-body">
|
|
80
|
+
<a class="text-decoration-none text-dark" href="{{ post.url }}" class="anchor_link">
|
|
81
|
+
<h4 class="card-title mb-4 text-left">{{ post.title }}</h4>
|
|
82
|
+
</a>
|
|
83
|
+
</div>
|
|
84
|
+
<div class="card-footer bg-white">
|
|
85
|
+
<div class="wrapfooter">
|
|
86
|
+
{% if post.author %}
|
|
87
|
+
<span class="meta-footer-thumb">
|
|
88
|
+
<img class="author-thumb" loading="lazy" src="{{ image }}"
|
|
89
|
+
alt="{{ authorName }}" {%- if site.crossorigin -%} crossorigin {%- endif
|
|
90
|
+
-%}>
|
|
91
|
+
</span>
|
|
92
|
+
{% endif %}
|
|
93
|
+
|
|
94
|
+
<span class="author-meta">
|
|
95
|
+
<span class="post-name">
|
|
96
|
+
<a target="_blank" href="/blog">{{authorName}}</a>
|
|
97
|
+
</span><br>
|
|
98
|
+
<span class="post-date">{{post.date | date_to_string }}</span>
|
|
99
|
+
</span>
|
|
100
|
+
<span class="post-read-more"><a class="text-dark" href="{{ post.url }}"
|
|
101
|
+
title="Read Story">Read
|
|
102
|
+
More</a></span>
|
|
103
|
+
</div>
|
|
104
|
+
</div>
|
|
105
|
+
</div>
|
|
106
|
+
</div>
|
|
107
|
+
{% assign maxRelatedCounter = maxRelatedCounter | plus: 1 %}
|
|
108
|
+
{% if maxRelatedCounter >= maxRelated %}
|
|
109
|
+
{% break %}
|
|
110
|
+
{% endif %}
|
|
111
|
+
{%- else -%}
|
|
112
|
+
{%- endif -%}
|
|
113
|
+
{% endfor %}
|
|
114
|
+
{%- assign remamingPosts = maxRelated | minus: maxRelatedCounter -%}
|
|
115
|
+
|
|
116
|
+
|
|
117
|
+
|
|
118
|
+
|
|
119
|
+
{%- if remamingPosts > 0 -%}
|
|
120
|
+
{% assign posts = blogData | where_exp:"post","post.url != page.url" %}
|
|
121
|
+
{% for post in posts %}
|
|
122
|
+
{%- if remamingPosts > 0 -%}
|
|
123
|
+
{%- assign tagData = true -%}
|
|
124
|
+
{%- assign catData = true -%}
|
|
125
|
+
{%- if tags -%}
|
|
126
|
+
{% for tag in post.tags %}
|
|
127
|
+
{% if post.url != page.url %}
|
|
128
|
+
{% if tags contains tag %}
|
|
129
|
+
{%- assign tagData = false -%}
|
|
130
|
+
{%- break -%}
|
|
131
|
+
{% endif %}
|
|
132
|
+
{%- endif -%}
|
|
133
|
+
{% endfor %}
|
|
134
|
+
{%- endif -%}
|
|
135
|
+
{%- if categories-%}
|
|
136
|
+
{%- if tagData == false -%}
|
|
137
|
+
{%- continue -%}
|
|
138
|
+
{%- else -%}
|
|
139
|
+
{% for category in post.categories %}
|
|
140
|
+
{% if post.url != page.url %}
|
|
141
|
+
{% if categories contains category %}
|
|
142
|
+
{%- assign catData = false -%}
|
|
143
|
+
{%- break -%}
|
|
144
|
+
{% endif %}
|
|
145
|
+
{% endif %}
|
|
146
|
+
{% endfor %}
|
|
147
|
+
{%- endif -%}
|
|
148
|
+
{%- if catData == false -%}
|
|
149
|
+
{%- continue -%}
|
|
150
|
+
{%- endif -%}
|
|
151
|
+
{%- assign remamingPosts = remamingPosts | minus: 1 -%}
|
|
152
|
+
{%- include authors/authors.html-%}
|
|
153
|
+
<div class="
|
|
154
|
+
{%- if site.monumetricId and page.url != '/' and page.lang == " en" -%} col-md-6 mb-4 card-group {%-
|
|
155
|
+
else -%} col-lg-4 col-md-6 mb-4 card-group {%- endif -%} ">
|
|
156
|
+
<div class=" card h-100 appscms-blog-cards">
|
|
157
|
+
<a href="{{ post.url }}">
|
|
158
|
+
<img src="{{ post.image }}" class="card-img-top" height="215px" width="100%" loading="lazy"
|
|
159
|
+
alt="{{post.title}}" {%- if site.crossorigin -%} crossorigin {%- endif -%}>
|
|
160
|
+
</a>
|
|
161
|
+
<div class="card-body">
|
|
162
|
+
<a class="text-decoration-none text-dark" href="{{ post.url }}" class="anchor_link">
|
|
163
|
+
<h4 class="card-title mb-4 text-left">{{ post.title }}</h4>
|
|
164
|
+
</a>
|
|
165
|
+
</div>
|
|
166
|
+
<div class="card-footer bg-white">
|
|
167
|
+
<div class="wrapfooter">
|
|
168
|
+
{% if post.author %}
|
|
169
|
+
<span class="meta-footer-thumb">
|
|
170
|
+
<img class="author-thumb" loading="lazy" src="{{image}}" alt="{{ authorName }}" {%-
|
|
171
|
+
if site.crossorigin -%} crossorigin {%- endif -%}>
|
|
172
|
+
</span>
|
|
173
|
+
{% endif %}
|
|
174
|
+
<span class="author-meta">
|
|
175
|
+
<span class="post-name">
|
|
176
|
+
<a target="_blank" href="/blog">{{authorName}}</a>
|
|
177
|
+
</span><br>
|
|
178
|
+
<span class="post-date">{{post.date | date_to_string }}</span>
|
|
179
|
+
</span>
|
|
180
|
+
<span class="post-read-more"><a class="text-dark" href="{{ post.url }}"
|
|
181
|
+
title="Read Story">Read
|
|
182
|
+
More</a></span>
|
|
183
|
+
</div>
|
|
184
|
+
</div>
|
|
185
|
+
</div>
|
|
186
|
+
</div>
|
|
187
|
+
{%- endif -%}
|
|
188
|
+
{%- endif -%}
|
|
189
|
+
|
|
190
|
+
{% endfor %}
|
|
191
|
+
{%- endif -%}
|
|
192
|
+
|
|
193
|
+
{%- if site.monumetricId and page.url != '/' and page.lang == "en" -%}
|
|
194
|
+
|
|
195
|
+
|
|
196
|
+
</div>
|
|
197
|
+
</div>
|
|
198
|
+
{%- endif -%}
|
|
199
|
+
</div>
|
|
200
|
+
</div>
|
|
201
|
+
</section>
|
|
@@ -0,0 +1,97 @@
|
|
|
1
|
+
{% assign file = page.fileName %} {% assign lang = page.lang %} {% assign folder
|
|
2
|
+
= page.folderName %} {% assign featureData= site.data[folder][lang][file] %}
|
|
3
|
+
<section class="authors-list">
|
|
4
|
+
<div class="container">
|
|
5
|
+
<div class="row">
|
|
6
|
+
<div class="col-md-12">
|
|
7
|
+
{%- if featureData.author -%}
|
|
8
|
+
<h3 class="mb-4 text-center authors-heading font-weight-bolder">
|
|
9
|
+
About The Author
|
|
10
|
+
</h3>
|
|
11
|
+
{%- endif -%}
|
|
12
|
+
<div class="row">
|
|
13
|
+
{%- if featureData.author -%} {%- include authors/authors.html -%} {%-
|
|
14
|
+
assign featureAuthor = featureData.author | split: " " -%} {%- assign
|
|
15
|
+
author = featureAuthor.first | downcase -%} {%- assign collection =
|
|
16
|
+
[author] -%} {%- for item in collection -%} {%- if forloop.index==1
|
|
17
|
+
-%} {%- assign featureAuthorName = item -%} {%- endif -%} {%- if
|
|
18
|
+
forloop.index==2 -%} {%- assign featureAuthorImage = item -%} {%-
|
|
19
|
+
endif -%} {%- if forloop.index==3 -%} {%- assign featureAuthorBio =
|
|
20
|
+
item -%} {%- endif %} {%- endfor %}
|
|
21
|
+
|
|
22
|
+
<div class="featurePageAuthor">
|
|
23
|
+
<a
|
|
24
|
+
href="/authors/{{featureAuthor | downcase | replace: ' ' , '-'' }}"
|
|
25
|
+
class="author_image d-flex justify-content-center"
|
|
26
|
+
>
|
|
27
|
+
<img
|
|
28
|
+
class="author-img"
|
|
29
|
+
loading="lazy"
|
|
30
|
+
src="{{ featureAuthorImage }}"
|
|
31
|
+
height="35px"
|
|
32
|
+
width="35px"
|
|
33
|
+
alt="{{ featureAuthor}}"
|
|
34
|
+
id="author_img"
|
|
35
|
+
{%-
|
|
36
|
+
if
|
|
37
|
+
site.crossorigin
|
|
38
|
+
-%}
|
|
39
|
+
crossorigin
|
|
40
|
+
{%-
|
|
41
|
+
endif
|
|
42
|
+
-%}
|
|
43
|
+
/>
|
|
44
|
+
</a>
|
|
45
|
+
<div class="author-meta">
|
|
46
|
+
<p class="mb-0 authorName text-capitalize">
|
|
47
|
+
<a
|
|
48
|
+
target="_blank"
|
|
49
|
+
href="/authors/{{featureAuthor | downcase | replace: ' ' , '-'' }}"
|
|
50
|
+
>
|
|
51
|
+
{{featureAuthor}}
|
|
52
|
+
</a>
|
|
53
|
+
</p>
|
|
54
|
+
<p class="author_bio mb-0">{{featureAuthorBio}}</p>
|
|
55
|
+
</div>
|
|
56
|
+
</div>
|
|
57
|
+
{%- endif %} {%- assign contributors = featureData.contributors |
|
|
58
|
+
uniq: 'name' -%} {%- if contributors.size > 0 -%}
|
|
59
|
+
<h3 class="mb-4 w-100 text-center authors-heading font-weight-bolder">
|
|
60
|
+
Contributors
|
|
61
|
+
</h3>
|
|
62
|
+
<div class="d-flex justify-content-center w-100" style="gap: 10px">
|
|
63
|
+
{%- for contributor in contributors -%} {%- assign
|
|
64
|
+
featureContributorData = contributor.name | split: " " -%} {%-
|
|
65
|
+
assign featureContributorData = featureContributorData.first |
|
|
66
|
+
downcase -%} {%- assign collectionData = [featureContributorData]
|
|
67
|
+
-%} {%- for item in collectionData -%} {%- if forloop.index == 1 -%}
|
|
68
|
+
{%- assign featureContributorDataName = item -%} {%- endif -%} {%-
|
|
69
|
+
if forloop.index == 2 -%} {%- assign featureContributorDataImage =
|
|
70
|
+
item -%} {%- endif -%} {%- if forloop.index == 3 -%} {%- assign
|
|
71
|
+
featureContributorDataBio = item -%} {%- endif -%} {%- if
|
|
72
|
+
forloop.index == 4 -%} {%- assign featureContributorDataTwitter =
|
|
73
|
+
item -%} {%- endif -%} {%- endfor -%} {%- if
|
|
74
|
+
featureContributorDataName -%}
|
|
75
|
+
<a
|
|
76
|
+
href="/authors/{{featureContributorDataName | downcase | replace: ' ' , '-'' }}"
|
|
77
|
+
class="contributor"
|
|
78
|
+
>
|
|
79
|
+
<img
|
|
80
|
+
loading="lazy"
|
|
81
|
+
src="{{ featureContributorDataImage }}"
|
|
82
|
+
alt="{{ featureContributorDataName}}"
|
|
83
|
+
style="border-radius: 100%; width: 50px; height: 50px"
|
|
84
|
+
/>
|
|
85
|
+
<div class="contributor-name">
|
|
86
|
+
{{ featureContributorDataName }}
|
|
87
|
+
</div>
|
|
88
|
+
</a>
|
|
89
|
+
{%- assign featureContributorDataName = false -%} {%- else -%} {%-
|
|
90
|
+
endif -%} {%- endfor -%}
|
|
91
|
+
</div>
|
|
92
|
+
{%- endif -%}
|
|
93
|
+
</div>
|
|
94
|
+
</div>
|
|
95
|
+
</div>
|
|
96
|
+
</div>
|
|
97
|
+
</section>
|
|
@@ -0,0 +1,109 @@
|
|
|
1
|
+
<div class="inforgraphics_section">
|
|
2
|
+
<h3 class="text-center w-100 mb-5"><b>Other useful information</b></h3>
|
|
3
|
+
<div class="wrapper">
|
|
4
|
+
<i id="left" class="fas fa-angle-left"></i>
|
|
5
|
+
<div class="carousel">
|
|
6
|
+
<div class="carousel-inner">
|
|
7
|
+
{%- if pageData.infographics -%} {% for item in pageData.infographics %}
|
|
8
|
+
<div class="slide">
|
|
9
|
+
<img src="{{ item.image }}" alt="img" draggable="false" />
|
|
10
|
+
<p class="infographic-desc">{{ item.description | capitalize }}</p>
|
|
11
|
+
</div>
|
|
12
|
+
{% endfor %} {%- endif -%}
|
|
13
|
+
</div>
|
|
14
|
+
</div>
|
|
15
|
+
<i id="right" class="fas fa-angle-right"></i>
|
|
16
|
+
</div>
|
|
17
|
+
</div>
|
|
18
|
+
|
|
19
|
+
<script>
|
|
20
|
+
const carousel = document.querySelector(".carousel-inner"),
|
|
21
|
+
firstImg = carousel.querySelectorAll("img")[0],
|
|
22
|
+
arrowIcons = document.querySelectorAll(".wrapper i");
|
|
23
|
+
|
|
24
|
+
const numImages = carousel.querySelectorAll("img").length;
|
|
25
|
+
const isMobile = window.matchMedia("(max-width: 767px)").matches; // Check if screen width is less than or equal to 767px
|
|
26
|
+
|
|
27
|
+
if (numImages > 3) {
|
|
28
|
+
arrowIcons[1].style.display = "block";
|
|
29
|
+
} else {
|
|
30
|
+
arrowIcons[0].style.display = "none";
|
|
31
|
+
arrowIcons[1].style.display = "none";
|
|
32
|
+
}
|
|
33
|
+
|
|
34
|
+
let isDragStart = false,
|
|
35
|
+
isDragging = false,
|
|
36
|
+
prevPageX,
|
|
37
|
+
prevScrollLeft,
|
|
38
|
+
positionDiff;
|
|
39
|
+
const showHideIcons = () => {
|
|
40
|
+
let scrollWidth = carousel.scrollWidth - carousel.clientWidth; // getting max scrollable width
|
|
41
|
+
arrowIcons[0].style.display = carousel.scrollLeft == 0 ? "none" : "block";
|
|
42
|
+
arrowIcons[1].style.display =
|
|
43
|
+
carousel.scrollLeft == scrollWidth ? "none" : "block";
|
|
44
|
+
};
|
|
45
|
+
|
|
46
|
+
arrowIcons.forEach((icon) => {
|
|
47
|
+
icon.addEventListener("click", () => {
|
|
48
|
+
let firstImgWidth = firstImg.clientWidth + 40;
|
|
49
|
+
const scrollAmount = icon.id === "left" ? -firstImgWidth : firstImgWidth;
|
|
50
|
+
carousel.scrollBy({
|
|
51
|
+
left: scrollAmount,
|
|
52
|
+
behavior: "smooth",
|
|
53
|
+
});
|
|
54
|
+
setTimeout(() => showHideIcons(), 60); // calling showHideIcons after 60ms
|
|
55
|
+
});
|
|
56
|
+
});
|
|
57
|
+
|
|
58
|
+
// const autoSlide = () => {
|
|
59
|
+
// // if there is no image left to scroll then return from here
|
|
60
|
+
// if (carousel.scrollLeft - (carousel.scrollWidth - carousel.clientWidth) > -1 || carousel.scrollLeft <= 0) return;
|
|
61
|
+
|
|
62
|
+
// positionDiff = Math.abs(positionDiff); // making positionDiff value to positive
|
|
63
|
+
// let firstImgWidth = firstImg.clientWidth + 14;
|
|
64
|
+
// // getting difference value that needs to add or reduce from carousel left to take middle img center
|
|
65
|
+
// let valDifference = firstImgWidth - positionDiff;
|
|
66
|
+
|
|
67
|
+
// if (carousel.scrollLeft > prevScrollLeft) { // if user is scrolling to the right
|
|
68
|
+
// return carousel.scrollLeft += positionDiff > firstImgWidth / 3 ? valDifference : -positionDiff;
|
|
69
|
+
// }
|
|
70
|
+
// // if user is scrolling to the left
|
|
71
|
+
// carousel.scrollLeft -= positionDiff > firstImgWidth / 3 ? valDifference : -positionDiff;
|
|
72
|
+
// }
|
|
73
|
+
|
|
74
|
+
// const dragStart = (e) => {
|
|
75
|
+
// // updatating global variables value on mouse down event
|
|
76
|
+
// isDragStart = true;
|
|
77
|
+
// prevPageX = e.pageX || e.touches[0].pageX;
|
|
78
|
+
// prevScrollLeft = carousel.scrollLeft;
|
|
79
|
+
// }
|
|
80
|
+
|
|
81
|
+
// const dragging = (e) => {
|
|
82
|
+
// // scrolling images/carousel to left according to mouse pointer
|
|
83
|
+
// if (!isDragStart) return;
|
|
84
|
+
// e.preventDefault();
|
|
85
|
+
// isDragging = true;
|
|
86
|
+
// carousel.classList.add("dragging");
|
|
87
|
+
// positionDiff = (e.pageX || e.touches[0].pageX) - prevPageX;
|
|
88
|
+
// carousel.scrollLeft = prevScrollLeft - positionDiff;
|
|
89
|
+
// showHideIcons();
|
|
90
|
+
// }
|
|
91
|
+
|
|
92
|
+
// const dragStop = () => {
|
|
93
|
+
// isDragStart = false;
|
|
94
|
+
// carousel.classList.remove("dragging");
|
|
95
|
+
|
|
96
|
+
// if (!isDragging) return;
|
|
97
|
+
// isDragging = false;
|
|
98
|
+
// autoSlide();
|
|
99
|
+
// }
|
|
100
|
+
|
|
101
|
+
// carousel.addEventListener("mousedown", dragStart);
|
|
102
|
+
// carousel.addEventListener("touchstart", dragStart);
|
|
103
|
+
|
|
104
|
+
// document.addEventListener("mousemove", dragging);
|
|
105
|
+
// carousel.addEventListener("touchmove", dragging);
|
|
106
|
+
|
|
107
|
+
// document.addEventListener("mouseup", dragStop);
|
|
108
|
+
// carousel.addEventListener("touchend", dragStop);
|
|
109
|
+
</script>
|
|
@@ -1,90 +1,90 @@
|
|
|
1
|
-
<section class="related-posts-section container">
|
|
2
|
-
<div class="mx-auto col-md-11 col-lg-11 col-sm-10 p-3 pb-3">
|
|
3
|
-
<div class="relatedPosts">
|
|
4
|
-
{%- if site.posts.size>0 -%} {%- if site.monumetricId and page.url != '/'
|
|
5
|
-
and page.lang == "en" -%}
|
|
6
|
-
|
|
7
|
-
<div class="row">
|
|
8
|
-
<div class="col-md-9 mx-auto">
|
|
9
|
-
{%- endif -%}
|
|
10
|
-
<div class="heading">
|
|
11
|
-
<div class="row">
|
|
12
|
-
<div class="col-md-12 col-sm-12 mx-auto">
|
|
13
|
-
<div
|
|
14
|
-
class="d-flex align-items-center justify-content-center mb-5"
|
|
15
|
-
>
|
|
16
|
-
<hr
|
|
17
|
-
class="flex-grow-1 mx-4 mb-0"
|
|
18
|
-
style="height: 2px; background-color: #000"
|
|
19
|
-
/>
|
|
20
|
-
<h4 class="text-center appscms-h3 my-5">Recent posts</h4>
|
|
21
|
-
<hr
|
|
22
|
-
class="flex-grow-1 mx-4 mb-0"
|
|
23
|
-
style="height: 2px; background-color: #000"
|
|
24
|
-
/>
|
|
25
|
-
</div>
|
|
26
|
-
</div>
|
|
27
|
-
</div>
|
|
28
|
-
</div>
|
|
29
|
-
{%- if site.monumetricId and page.url != '/' and page.lang == "en" -%}
|
|
30
|
-
</div>
|
|
31
|
-
</div>
|
|
32
|
-
{%- endif -%} {%- endif -%}
|
|
33
|
-
<div class="row allblogs shadow appscms-blogs">
|
|
34
|
-
<div class="row px-4">
|
|
35
|
-
{%- if site.monumetricId and page.url != '/' and page.lang == "en" -%}
|
|
36
|
-
|
|
37
|
-
<div class="col-md-9 mx-auto">
|
|
38
|
-
<div class="row">
|
|
39
|
-
{%- endif -%} {% assign posts = site.posts |
|
|
40
|
-
where_exp:"post","post.url != page.url" %} {% for post in posts
|
|
41
|
-
limit: 6%} {%- include /authors/authors.html -%}
|
|
42
|
-
<div class="col-xl-4 col-lg-6 col-md-6 mb-4">
|
|
43
|
-
<div class="card h-100 appscms-blog-cards">
|
|
44
|
-
<a
|
|
45
|
-
class="text-decoration-none text-dark"
|
|
46
|
-
href="{{ post.url }}"
|
|
47
|
-
>
|
|
48
|
-
<img
|
|
49
|
-
class="card-img-top"
|
|
50
|
-
src="{{ post.image }}"
|
|
51
|
-
alt="Video thumbnail"
|
|
52
|
-
/>
|
|
53
|
-
<div class="card-body">
|
|
54
|
-
<h5 class="card-title">{{post.title}}</h5>
|
|
55
|
-
<div class="wrapfooter">
|
|
56
|
-
<span class="meta-footer-thumb"
|
|
57
|
-
><img
|
|
58
|
-
class="author-thumb ezlazyloaded"
|
|
59
|
-
loading="lazy"
|
|
60
|
-
src="{{image}}"
|
|
61
|
-
alt="{{authorName}}"
|
|
62
|
-
ezimgfmt="rs rscb1 src ng ngcb1"
|
|
63
|
-
data-ezsrc="https://safeimagekit.com/ezoimgfmt/d33wubrfki0l68.cloudfront.net/6ec825fe5d7100e36db90bc00382e77e2e242a20/f5cec/assets/images/udit.jpg?ezimgfmt=rs:35x35/rscb1/ng:webp/ngcb1"
|
|
64
|
-
ezoid="0.04631063861662277"
|
|
65
|
-
/></span>
|
|
66
|
-
<div class="author-meta">
|
|
67
|
-
<span class="post-name"
|
|
68
|
-
><a target="_blank" href="/blog"
|
|
69
|
-
>{{authorName}}</a
|
|
70
|
-
></span
|
|
71
|
-
><br />
|
|
72
|
-
<p class="post-date mb-0">
|
|
73
|
-
{{post.date | date_to_string }}
|
|
74
|
-
</p>
|
|
75
|
-
</div>
|
|
76
|
-
</div>
|
|
77
|
-
</div>
|
|
78
|
-
</a>
|
|
79
|
-
</div>
|
|
80
|
-
</div>
|
|
81
|
-
{% endfor %} {%- if site.monumetricId and page.url != '/' and
|
|
82
|
-
page.lang == "en" -%}
|
|
83
|
-
</div>
|
|
84
|
-
</div>
|
|
85
|
-
{%- endif -%}
|
|
86
|
-
</div>
|
|
87
|
-
</div>
|
|
88
|
-
</div>
|
|
89
|
-
</div>
|
|
90
|
-
</section>
|
|
1
|
+
<section class="related-posts-section container">
|
|
2
|
+
<div class="mx-auto col-md-11 col-lg-11 col-sm-10 p-3 pb-3">
|
|
3
|
+
<div class="relatedPosts">
|
|
4
|
+
{%- if site.posts.size>0 -%} {%- if site.monumetricId and page.url != '/'
|
|
5
|
+
and page.lang == "en" -%}
|
|
6
|
+
|
|
7
|
+
<div class="row">
|
|
8
|
+
<div class="col-md-9 mx-auto">
|
|
9
|
+
{%- endif -%}
|
|
10
|
+
<div class="heading">
|
|
11
|
+
<div class="row">
|
|
12
|
+
<div class="col-md-12 col-sm-12 mx-auto">
|
|
13
|
+
<div
|
|
14
|
+
class="d-flex align-items-center justify-content-center mb-5"
|
|
15
|
+
>
|
|
16
|
+
<hr
|
|
17
|
+
class="flex-grow-1 mx-4 mb-0"
|
|
18
|
+
style="height: 2px; background-color: #000"
|
|
19
|
+
/>
|
|
20
|
+
<h4 class="text-center appscms-h3 my-5">Recent posts</h4>
|
|
21
|
+
<hr
|
|
22
|
+
class="flex-grow-1 mx-4 mb-0"
|
|
23
|
+
style="height: 2px; background-color: #000"
|
|
24
|
+
/>
|
|
25
|
+
</div>
|
|
26
|
+
</div>
|
|
27
|
+
</div>
|
|
28
|
+
</div>
|
|
29
|
+
{%- if site.monumetricId and page.url != '/' and page.lang == "en" -%}
|
|
30
|
+
</div>
|
|
31
|
+
</div>
|
|
32
|
+
{%- endif -%} {%- endif -%}
|
|
33
|
+
<div class="row allblogs shadow appscms-blogs">
|
|
34
|
+
<div class="row px-4">
|
|
35
|
+
{%- if site.monumetricId and page.url != '/' and page.lang == "en" -%}
|
|
36
|
+
|
|
37
|
+
<div class="col-md-9 mx-auto">
|
|
38
|
+
<div class="row">
|
|
39
|
+
{%- endif -%} {% assign posts = site.posts |
|
|
40
|
+
where_exp:"post","post.url != page.url" %} {% for post in posts
|
|
41
|
+
limit: 6%} {%- include /authors/authors.html -%}
|
|
42
|
+
<div class="col-xl-4 col-lg-6 col-md-6 mb-4">
|
|
43
|
+
<div class="card h-100 appscms-blog-cards">
|
|
44
|
+
<a
|
|
45
|
+
class="text-decoration-none text-dark"
|
|
46
|
+
href="{{ post.url }}"
|
|
47
|
+
>
|
|
48
|
+
<img
|
|
49
|
+
class="card-img-top"
|
|
50
|
+
src="{{ post.image }}"
|
|
51
|
+
alt="Video thumbnail"
|
|
52
|
+
/>
|
|
53
|
+
<div class="card-body">
|
|
54
|
+
<h5 class="card-title">{{post.title}}</h5>
|
|
55
|
+
<div class="wrapfooter">
|
|
56
|
+
<span class="meta-footer-thumb"
|
|
57
|
+
><img
|
|
58
|
+
class="author-thumb ezlazyloaded"
|
|
59
|
+
loading="lazy"
|
|
60
|
+
src="{{image}}"
|
|
61
|
+
alt="{{authorName}}"
|
|
62
|
+
ezimgfmt="rs rscb1 src ng ngcb1"
|
|
63
|
+
data-ezsrc="https://safeimagekit.com/ezoimgfmt/d33wubrfki0l68.cloudfront.net/6ec825fe5d7100e36db90bc00382e77e2e242a20/f5cec/assets/images/udit.jpg?ezimgfmt=rs:35x35/rscb1/ng:webp/ngcb1"
|
|
64
|
+
ezoid="0.04631063861662277"
|
|
65
|
+
/></span>
|
|
66
|
+
<div class="author-meta">
|
|
67
|
+
<span class="post-name"
|
|
68
|
+
><a target="_blank" href="/blog"
|
|
69
|
+
>{{authorName}}</a
|
|
70
|
+
></span
|
|
71
|
+
><br />
|
|
72
|
+
<p class="post-date mb-0">
|
|
73
|
+
{{post.date | date_to_string }}
|
|
74
|
+
</p>
|
|
75
|
+
</div>
|
|
76
|
+
</div>
|
|
77
|
+
</div>
|
|
78
|
+
</a>
|
|
79
|
+
</div>
|
|
80
|
+
</div>
|
|
81
|
+
{% endfor %} {%- if site.monumetricId and page.url != '/' and
|
|
82
|
+
page.lang == "en" -%}
|
|
83
|
+
</div>
|
|
84
|
+
</div>
|
|
85
|
+
{%- endif -%}
|
|
86
|
+
</div>
|
|
87
|
+
</div>
|
|
88
|
+
</div>
|
|
89
|
+
</div>
|
|
90
|
+
</section>
|