appscms-tools-theme 4.2.1 → 4.2.3
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/_data/feature/en/compress-pdf.json +1 -309
- data/_data/home/en/en.json +429 -1
- data/_data/rating/rating.json +1 -1
- data/_includes/appscms/customblog/relatedposts.html +2 -2
- data/_includes/appscms/head/bloghead.html +7 -0
- data/_includes/appscms/head/head.html +9 -1
- data/_includes/appscms/headings/devtool-headings.html +38 -0
- data/_includes/appscms/home/devtool-feature-boxes.html +71 -0
- data/_includes/appscms/howto/howto.html +35 -45
- data/_includes/appscms/navbars/devtool-navbar.html +50 -0
- data/_includes/appscms/navbars/devtool-toolbar.html +100 -0
- data/_includes/appscms/searchbar/devtool-searchbar.html +63 -0
- data/_includes/customblog/pageRelatedPosts.html +1 -1
- data/_includes/customblog/recentposts.html +1 -1
- data/_includes/customblog/relatedBlogs.html +1 -1
- data/_includes/customblog/relatedposts.html +2 -2
- data/_includes/postbox.html +1 -1
- data/_includes/section/recent_posts.html +1 -1
- data/_includes/section/related_categories_post.html +2 -2
- data/_layouts/appscms-author.html +2 -2
- data/_layouts/appscms-blog.html +1 -1
- data/_layouts/author.html +2 -2
- data/_layouts/blog-1.html +1 -1
- data/_layouts/blog.html +1 -1
- data/_layouts/devtool-blog.html +132 -0
- data/_layouts/devtool-feature.html +55 -0
- data/_layouts/devtool-home.html +54 -0
- data/_layouts/devtools.html +1 -1
- data/_layouts/feature.html +299 -387
- data/_layouts/home.html +248 -266
- data/assets/css/appscms-blog.css +1 -0
- data/assets/css/appscms-contenttool.css +1 -0
- data/assets/css/appscms-theme.css +1 -0
- data/assets/css/blog.css +1 -0
- data/assets/css/devtool-main.css +1351 -0
- data/assets/css/tools.css +21 -0
- metadata +12 -3
|
@@ -8,43 +8,32 @@
|
|
|
8
8
|
{%- if pageData.HOW_TO_CONTENT.YoutubeVideoUrl.size > 0 -%}
|
|
9
9
|
<div class="how-to-video-wrapper">
|
|
10
10
|
{% assign video_url = pageData.HOW_TO_CONTENT.YoutubeVideoUrl %}
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
11
|
+
{% assign video_id = "" %}
|
|
12
|
+
{% if video_url contains "youtu.be/" %}
|
|
13
|
+
{% assign parts = video_url | split: "/" %}
|
|
14
|
+
{% assign video_id = parts[3] %}
|
|
15
|
+
{% elsif video_url contains "youtube.com/watch" %}
|
|
16
|
+
{% assign params = video_url | split: "?" | last | split: "&" %}
|
|
17
|
+
{% for param in params %}
|
|
18
|
+
{% if param contains "v=" %}
|
|
19
|
+
{% assign video_id = param | split: "=" | last %}
|
|
20
|
+
{% endif %}
|
|
21
|
+
{% endfor %}
|
|
22
|
+
{% endif %}
|
|
23
|
+
|
|
24
|
+
<div class="how-to-video h-100 w-100" data-videoid="{{video_id}}">
|
|
25
|
+
<img class="youtubeVideoPlayer" width="100%" height="100%" id="thumbnail-img" alt="thumbnail-img" />
|
|
26
|
+
<div class="youtube-play-btn-wrapper">
|
|
27
|
+
<button class="play-btn btn btn-primary" onClick="loadVideo()">►</button>
|
|
28
|
+
</div>
|
|
29
|
+
</div>
|
|
30
30
|
</div>
|
|
31
31
|
{%- else -%}
|
|
32
32
|
<div class="how-to-img-wrapper">
|
|
33
|
-
<img
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
{%-
|
|
38
|
-
if
|
|
39
|
-
site.crossorigin
|
|
40
|
-
-%}
|
|
41
|
-
crossorigin
|
|
42
|
-
{%-
|
|
43
|
-
endif
|
|
44
|
-
-%}class="img-fluid align-self-end"
|
|
45
|
-
alt="Your Image"
|
|
46
|
-
style="width: 100%; height: 100%"
|
|
47
|
-
/>
|
|
33
|
+
<img src="{{pageData.HOW_TO_CONTENT.logoImageUrl}}" loading="lazy"
|
|
34
|
+
alt="{{pageData.HOW_TO_CONTENT.logoImageAlt | default: 'how to image' }}" {%- if site.crossorigin -%}
|
|
35
|
+
crossorigin {%- endif -%}class="img-fluid align-self-end" alt="Your Image"
|
|
36
|
+
style="width: 100%; height: 100%" />
|
|
48
37
|
</div>
|
|
49
38
|
{%- endif -%}
|
|
50
39
|
</div>
|
|
@@ -67,28 +56,29 @@
|
|
|
67
56
|
{%- endif -%}
|
|
68
57
|
</div>
|
|
69
58
|
</div>
|
|
59
|
+
|
|
70
60
|
{%- if pageData.HOW_TO_CONTENT.YoutubeVideoUrl.size > 0 -%}
|
|
71
61
|
<script>
|
|
72
62
|
let videoContainer = document.querySelector('.how-to-video');
|
|
73
63
|
let thumbnail = document.getElementById('thumbnail-img');
|
|
74
|
-
let videoId =videoContainer.getAttribute("data-videoid")
|
|
64
|
+
let videoId = videoContainer.getAttribute("data-videoid")
|
|
75
65
|
let thumbnailUrl = 'https://img.youtube.com/vi/' + videoId + '/maxresdefault.jpg';
|
|
76
66
|
console.log(videoId)
|
|
77
67
|
|
|
78
68
|
// Function to load video
|
|
79
69
|
function loadVideo() {
|
|
80
|
-
|
|
70
|
+
videoContainer.innerHTML = '<iframe loading="lazy" class="youtubeVideoPlayer" width="100%" height="100%" src="https://www.youtube.com/embed/' + videoId + '?autoplay=1&mute=1" allowfullscreen></iframe>';
|
|
81
71
|
}
|
|
82
72
|
// Function to handle lazy loading of the thumbnail
|
|
83
73
|
function lazyLoadThumbnail(entries, observer) {
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
74
|
+
entries.forEach(entry => {
|
|
75
|
+
if (entry.isIntersecting) {
|
|
76
|
+
// Load thumbnail when it becomes visible
|
|
77
|
+
thumbnail.src = thumbnailUrl;
|
|
78
|
+
// Stop observing once loaded
|
|
79
|
+
observer.unobserve(entry.target);
|
|
80
|
+
}
|
|
81
|
+
});
|
|
92
82
|
}
|
|
93
83
|
// Set up the Intersection Observer
|
|
94
84
|
var observer = new IntersectionObserver(lazyLoadThumbnail, { threshold: 0.1 });
|
|
@@ -96,4 +86,4 @@
|
|
|
96
86
|
// Optionally, you can add an event listener to trigger video loading on click or other interactions
|
|
97
87
|
thumbnail.addEventListener('click', loadVideo);
|
|
98
88
|
</script>
|
|
99
|
-
{%- endif -%}
|
|
89
|
+
{%- endif -%}
|
|
@@ -0,0 +1,50 @@
|
|
|
1
|
+
<!-- nav bar code -->
|
|
2
|
+
|
|
3
|
+
{% assign lang = page.lang | default: "en" %} {% assign siteData = site.data.header[lang].data
|
|
4
|
+
%} {% assign featureData = page.fileName %} {% assign folder = page.folderName
|
|
5
|
+
%} {% assign Data= site.data[folder][lang][file] %}
|
|
6
|
+
<nav class="appscms-navbar">
|
|
7
|
+
<div class="row w-100 h-100">
|
|
8
|
+
<div class="col-11 mx-auto">
|
|
9
|
+
<div class="appscms-navbar-nav">
|
|
10
|
+
{%- if siteData.navbarBrandLogoSvg -%}
|
|
11
|
+
<a href="/"> {{siteData.navbarBrandLogoSvg}} </a>
|
|
12
|
+
{%- elsif siteData.navbarBrandText -%}
|
|
13
|
+
<span> {{siteData.navbarBrandText}}
|
|
14
|
+
{%- else -%}
|
|
15
|
+
{%- endif -%}
|
|
16
|
+
{%- if siteData.navItems -%}
|
|
17
|
+
<div class="appscms-navbar-nav-links">
|
|
18
|
+
{%- for item in siteData.navItems -%}
|
|
19
|
+
<a class="appscms-nav-link" style="color: rgb(244, 244, 244);" href="{{item.url}}">{{item.name}}</a>
|
|
20
|
+
{%- endfor -%}
|
|
21
|
+
</div>
|
|
22
|
+
{%- endif -%}
|
|
23
|
+
<div id="hamburger" data-open="false" class="hamburger">
|
|
24
|
+
<svg
|
|
25
|
+
style="font-size:25px"
|
|
26
|
+
stroke="currentColor"
|
|
27
|
+
fill="currentColor"
|
|
28
|
+
stroke-width="0"
|
|
29
|
+
viewBox="0 0 512 512"
|
|
30
|
+
aria-hidden="true"
|
|
31
|
+
focusable="false"
|
|
32
|
+
height="50px"
|
|
33
|
+
width="1em"
|
|
34
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
35
|
+
>
|
|
36
|
+
<path
|
|
37
|
+
fill="none"
|
|
38
|
+
stroke-linecap="round"
|
|
39
|
+
stroke-miterlimit="10"
|
|
40
|
+
stroke-width="48"
|
|
41
|
+
d="M88 152h336M88 256h336M88 360h336"
|
|
42
|
+
></path>
|
|
43
|
+
</svg>
|
|
44
|
+
</div>
|
|
45
|
+
</div>
|
|
46
|
+
</div>
|
|
47
|
+
</div>
|
|
48
|
+
</nav>
|
|
49
|
+
|
|
50
|
+
|
|
@@ -0,0 +1,100 @@
|
|
|
1
|
+
{%- if siteData.megaMenu -%}
|
|
2
|
+
<div class="appscms-toolbar">
|
|
3
|
+
<div class="row">
|
|
4
|
+
<div class="col-11 mx-auto">
|
|
5
|
+
<ul class="appscms-toolbar-list">
|
|
6
|
+
<div id="close-nav-ham" data-open="1" class="close-nav-ham">
|
|
7
|
+
<svg
|
|
8
|
+
height="50px"
|
|
9
|
+
width="1em"
|
|
10
|
+
style="font-size: 25px"
|
|
11
|
+
viewBox="0 0 24 24"
|
|
12
|
+
fill="none"
|
|
13
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
14
|
+
stroke="#ffffff"
|
|
15
|
+
>
|
|
16
|
+
<g id="SVGRepo_bgCarrier" stroke-width="0"></g>
|
|
17
|
+
<g
|
|
18
|
+
id="SVGRepo_tracerCarrier"
|
|
19
|
+
stroke-linecap="round"
|
|
20
|
+
stroke-linejoin="round"
|
|
21
|
+
></g>
|
|
22
|
+
<g id="SVGRepo_iconCarrier">
|
|
23
|
+
<g clip-path="url(#clip0_429_11083)">
|
|
24
|
+
<path
|
|
25
|
+
d="M7 7.00006L17 17.0001M7 17.0001L17 7.00006"
|
|
26
|
+
stroke="#ffffff"
|
|
27
|
+
stroke-width="2.5"
|
|
28
|
+
stroke-linecap="round"
|
|
29
|
+
stroke-linejoin="round"
|
|
30
|
+
></path>
|
|
31
|
+
</g>
|
|
32
|
+
<defs>
|
|
33
|
+
<clipPath id="clip0_429_11083">
|
|
34
|
+
<rect width="24" height="24" fill="white"></rect>
|
|
35
|
+
</clipPath>
|
|
36
|
+
</defs>
|
|
37
|
+
</g>
|
|
38
|
+
</svg>
|
|
39
|
+
</div>
|
|
40
|
+
{%- for item in siteData.megaMenu.dropdown -%}
|
|
41
|
+
<li class="appscms-toolbar-list-item">
|
|
42
|
+
<span
|
|
43
|
+
class="appscms-toolbar-list-item-span d-flex justify-content-between" style="color: rgb(240, 240, 240);"
|
|
44
|
+
>
|
|
45
|
+
{{item.categoryName}}
|
|
46
|
+
<svg
|
|
47
|
+
class="arrow-svg"
|
|
48
|
+
fill="#fff"
|
|
49
|
+
width="12px"
|
|
50
|
+
hegiht="12px"
|
|
51
|
+
version="1.1"
|
|
52
|
+
id="Capa_1"
|
|
53
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
54
|
+
xmlns:xlink="http://www.w3.org/1999/xlink"
|
|
55
|
+
viewBox="0 0 30.727 30.727"
|
|
56
|
+
xml:space="preserve"
|
|
57
|
+
>
|
|
58
|
+
<g id="SVGRepo_bgCarrier" stroke-width="0"></g>
|
|
59
|
+
<g
|
|
60
|
+
id="SVGRepo_tracerCarrier"
|
|
61
|
+
stroke-linecap="round"
|
|
62
|
+
stroke-linejoin="round"
|
|
63
|
+
></g>
|
|
64
|
+
<g id="SVGRepo_iconCarrier">
|
|
65
|
+
<g>
|
|
66
|
+
<path
|
|
67
|
+
d="M29.994,10.183L15.363,24.812L0.733,10.184c-0.977-0.978-0.977-2.561,0-3.536c0.977-0.977,2.559-0.976,3.536,0 l11.095,11.093L26.461,6.647c0.977-0.976,2.559-0.976,3.535,0C30.971,7.624,30.971,9.206,29.994,10.183z"
|
|
68
|
+
></path>
|
|
69
|
+
</g>
|
|
70
|
+
</g>
|
|
71
|
+
</svg>
|
|
72
|
+
</span>
|
|
73
|
+
|
|
74
|
+
<ul class="list-item-dropdown">
|
|
75
|
+
<h4 class="list-item-dropdown-heading">
|
|
76
|
+
{{siteData.megaMenu.nav-link-name}}
|
|
77
|
+
</h4>
|
|
78
|
+
<div class="row">
|
|
79
|
+
{%- assign count = 0 -%} {% for i in item.links %} {% assign count
|
|
80
|
+
= count | plus:1 %} {%- if count == 1 -%}
|
|
81
|
+
<div class="col-md-6 col-lg-4 col-xl-3">
|
|
82
|
+
{%- endif -%} {% if count == 6 %}
|
|
83
|
+
<li>
|
|
84
|
+
<a class="toolbar-link" style="color: rgb(242, 242, 242);" href="{{i.url}}">{{i.name}}</a>
|
|
85
|
+
</li>
|
|
86
|
+
</div>
|
|
87
|
+
{% assign count = 0 %} {%- else -%}
|
|
88
|
+
<li>
|
|
89
|
+
<a class="toolbar-link" style="color: rgb(242, 242, 242);" href="{{i.url}}">{{i.name}}</a>
|
|
90
|
+
</li>
|
|
91
|
+
{% endif %} {% endfor %}
|
|
92
|
+
</div>
|
|
93
|
+
</ul>
|
|
94
|
+
</li>
|
|
95
|
+
{%- endfor -%}
|
|
96
|
+
</ul>
|
|
97
|
+
</div>
|
|
98
|
+
</div>
|
|
99
|
+
</div>
|
|
100
|
+
{%- endif -%}
|
|
@@ -0,0 +1,63 @@
|
|
|
1
|
+
<style>
|
|
2
|
+
|
|
3
|
+
#appscms-searchbar {
|
|
4
|
+
border-radius: 35px;
|
|
5
|
+
padding: 5px;
|
|
6
|
+
background-color: rgb(15 57 144 / 76%);
|
|
7
|
+
border: 2px solid #2C8DFF;
|
|
8
|
+
color: #2C8DFF;
|
|
9
|
+
}
|
|
10
|
+
.form-control{
|
|
11
|
+
background-color: transparent;
|
|
12
|
+
color: #f3f3f3;
|
|
13
|
+
}
|
|
14
|
+
|
|
15
|
+
search-features
|
|
16
|
+
.form-control::placeholder {
|
|
17
|
+
color: #f3f3f3;
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
#search-features::placeholder{
|
|
21
|
+
color: #f3f3f3;
|
|
22
|
+
}
|
|
23
|
+
|
|
24
|
+
.form-control:focus {
|
|
25
|
+
background-color: transparent;
|
|
26
|
+
box-shadow: none;
|
|
27
|
+
}
|
|
28
|
+
</style><div class="container">
|
|
29
|
+
<div class="row justify-content-center">
|
|
30
|
+
<div class="col-lg-6 col-md-8 col-10">
|
|
31
|
+
<form class="form-inline">
|
|
32
|
+
<div class="input-group w-100 shadow" id="appscms-searchbar">
|
|
33
|
+
<input
|
|
34
|
+
type="text"
|
|
35
|
+
id="search-features"
|
|
36
|
+
class="form-control rounded-pill border-0 px-4 text-white"
|
|
37
|
+
id="searchbar-placeholder"
|
|
38
|
+
placeholder="Search the tool you are looking for"
|
|
39
|
+
style="width: 50%"
|
|
40
|
+
/>
|
|
41
|
+
<button type="submit" class="btn btn-link btn-search">
|
|
42
|
+
<svg
|
|
43
|
+
height="22px"
|
|
44
|
+
width="22px"
|
|
45
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
46
|
+
width="800px"
|
|
47
|
+
height="800px"
|
|
48
|
+
viewBox="0 0 24 24"
|
|
49
|
+
fill="none"
|
|
50
|
+
>
|
|
51
|
+
<path
|
|
52
|
+
fill-rule="evenodd"
|
|
53
|
+
clip-rule="evenodd"
|
|
54
|
+
d="M4 11C4 7.13401 7.13401 4 11 4C14.866 4 18 7.13401 18 11C18 14.866 14.866 18 11 18C7.13401 18 4 14.866 4 11ZM11 2C6.02944 2 2 6.02944 2 11C2 15.9706 6.02944 20 11 20C13.125 20 15.078 19.2635 16.6177 18.0319L20.2929 21.7071C20.6834 22.0976 21.3166 22.0976 21.7071 21.7071C22.0976 21.3166 22.0976 20.6834 21.7071 20.2929L18.0319 16.6177C19.2635 15.078 20 13.125 20 11C20 6.02944 15.9706 2 11 2Z"
|
|
55
|
+
fill="#fff"
|
|
56
|
+
/>
|
|
57
|
+
</svg>
|
|
58
|
+
</button>
|
|
59
|
+
</div>
|
|
60
|
+
</form>
|
|
61
|
+
</div>
|
|
62
|
+
</div>
|
|
63
|
+
</div>
|
|
@@ -83,7 +83,7 @@
|
|
|
83
83
|
<h4 class="card-title mb-4 text-left">{{ post.title }}</h4>
|
|
84
84
|
</a>
|
|
85
85
|
</div>
|
|
86
|
-
<div class="card-footer
|
|
86
|
+
<div class="card-footer">
|
|
87
87
|
<div class="wrapfooter">
|
|
88
88
|
{% if post.author %}
|
|
89
89
|
<span class="meta-footer-thumb">
|
|
@@ -165,7 +165,7 @@
|
|
|
165
165
|
<h4 class="card-title mb-4 text-left">{{ post.title }}</h4>
|
|
166
166
|
</a>
|
|
167
167
|
</div>
|
|
168
|
-
<div class="card-footer
|
|
168
|
+
<div class="card-footer">
|
|
169
169
|
<div class="wrapfooter">
|
|
170
170
|
{% if post.author %}
|
|
171
171
|
<span class="meta-footer-thumb">
|
data/_includes/postbox.html
CHANGED
|
@@ -79,7 +79,7 @@
|
|
|
79
79
|
<h4 class="card-title mb-4 text-left">{{ post.title }}</h4>
|
|
80
80
|
</a>
|
|
81
81
|
</div>
|
|
82
|
-
<div class="card-footer
|
|
82
|
+
<div class="card-footer">
|
|
83
83
|
<div class="wrapfooter">
|
|
84
84
|
{% if post.author %}
|
|
85
85
|
<span class="meta-footer-thumb">
|
|
@@ -161,7 +161,7 @@
|
|
|
161
161
|
<h4 class="card-title mb-4 text-left">{{ post.title }}</h4>
|
|
162
162
|
</a>
|
|
163
163
|
</div>
|
|
164
|
-
<div class="card-footer
|
|
164
|
+
<div class="card-footer">
|
|
165
165
|
<div class="wrapfooter">
|
|
166
166
|
{% if post.author %}
|
|
167
167
|
<span class="meta-footer-thumb">
|
|
@@ -316,7 +316,7 @@
|
|
|
316
316
|
<p class="blog-desc">{{post.description}}</p>
|
|
317
317
|
</a>
|
|
318
318
|
</div>
|
|
319
|
-
<div class="card-footer
|
|
319
|
+
<div class="card-footer">
|
|
320
320
|
<div class="wrapfooter">
|
|
321
321
|
{% if post.author %}
|
|
322
322
|
<a href="/authors/{{authorName | downcase | replace: ' ' , '-' }}" class="meta-footer-thumb">
|
|
@@ -376,7 +376,7 @@
|
|
|
376
376
|
<p class="blog-desc">{{post.description}}</p>
|
|
377
377
|
</a>
|
|
378
378
|
</div>
|
|
379
|
-
<div class="card-footer
|
|
379
|
+
<div class="card-footer">
|
|
380
380
|
<div class="wrapfooter">
|
|
381
381
|
{% if post.author %}
|
|
382
382
|
<a href="/authors/{{authorName | downcase | replace: ' ' , '-' }}" class="meta-footer-thumb">
|
data/_layouts/appscms-blog.html
CHANGED
data/_layouts/author.html
CHANGED
|
@@ -312,7 +312,7 @@
|
|
|
312
312
|
<p class="blog-desc">{{post.description}}</p>
|
|
313
313
|
</a>
|
|
314
314
|
</div>
|
|
315
|
-
<div class="card-footer
|
|
315
|
+
<div class="card-footer">
|
|
316
316
|
<div class="wrapfooter">
|
|
317
317
|
{% if post.author %}
|
|
318
318
|
<a href="/authors/{{authorName | downcase | replace: ' ' , '-' }}" class="meta-footer-thumb">
|
|
@@ -372,7 +372,7 @@
|
|
|
372
372
|
<p class="blog-desc">{{post.description}}</p>
|
|
373
373
|
</a>
|
|
374
374
|
</div>
|
|
375
|
-
<div class="card-footer
|
|
375
|
+
<div class="card-footer">
|
|
376
376
|
<div class="wrapfooter">
|
|
377
377
|
{% if post.author %}
|
|
378
378
|
<a href="/authors/{{authorName | downcase | replace: ' ' , '-' }}" class="meta-footer-thumb">
|
data/_layouts/blog-1.html
CHANGED
|
@@ -41,7 +41,7 @@
|
|
|
41
41
|
<p class="blog-card-desc">{{post.description}}</p>
|
|
42
42
|
</a>
|
|
43
43
|
{%- include authors/authors.html -%}
|
|
44
|
-
<div class="card-footer
|
|
44
|
+
<div class="card-footer pl-0 mt-3">
|
|
45
45
|
<div class="wrapfooter blog1-wrapfooter mb-0">
|
|
46
46
|
{% if post.author %}
|
|
47
47
|
<span class="meta-footer-thumb">
|
data/_layouts/blog.html
CHANGED
|
@@ -0,0 +1,132 @@
|
|
|
1
|
+
<!DOCTYPE html>
|
|
2
|
+
<html lang="en">
|
|
3
|
+
{% include appscms/head/bloghead.html %}
|
|
4
|
+
<body>
|
|
5
|
+
{%- include appscms/navbars/navbar.html -%} {%- include
|
|
6
|
+
appscms/navbars/toolbar.html -%}
|
|
7
|
+
|
|
8
|
+
<section>
|
|
9
|
+
<div class="container">
|
|
10
|
+
{%- if site.monumetricId -%}
|
|
11
|
+
<div class="row">
|
|
12
|
+
<div class="col-md-9 mx-auto">
|
|
13
|
+
{%- endif -%}
|
|
14
|
+
<div class="row justify-content-center section-title-wrap">
|
|
15
|
+
<div class="col-lg-12">
|
|
16
|
+
<h1 class="appscms-h1 text-center">
|
|
17
|
+
{{ site.data.blog.blog.h1 }}
|
|
18
|
+
</h1>
|
|
19
|
+
<p class="appscms-h2 text-center mb-5" style="font-size: 18px">
|
|
20
|
+
{{ site.data.blog.blog.description }}
|
|
21
|
+
</p>
|
|
22
|
+
</div>
|
|
23
|
+
</div>
|
|
24
|
+
{%- if site.monumetricId -%}
|
|
25
|
+
</div>
|
|
26
|
+
</div>
|
|
27
|
+
{%- endif -%}
|
|
28
|
+
<div class="main-content">{{content}}</div>
|
|
29
|
+
<div class="row">
|
|
30
|
+
<div class="col-md-10 mx-auto">
|
|
31
|
+
<div class="row allblogs shadow appscms-blogs">
|
|
32
|
+
{%- if site.monumetricId -%}
|
|
33
|
+
<div class="col-md-9 mx-auto">
|
|
34
|
+
<div class="row">
|
|
35
|
+
{%- endif -%} {% for post in paginator.posts %}
|
|
36
|
+
<div
|
|
37
|
+
class="{%- if site.monumetricId -%} col-md-6 mb-4 card-group {%- else -%} col-lg-4 col-md-6 mb-4 card-group {%- endif -%}"
|
|
38
|
+
>
|
|
39
|
+
<div class="card h-100 appscms-blog-cards">
|
|
40
|
+
<a href="{{ post.url }}">
|
|
41
|
+
<img
|
|
42
|
+
src="{{ post.image }}"
|
|
43
|
+
loading="lazy"
|
|
44
|
+
height="215px"
|
|
45
|
+
width="100%"
|
|
46
|
+
class="card-img-top"
|
|
47
|
+
alt="{{post.title}}"
|
|
48
|
+
{%-
|
|
49
|
+
if
|
|
50
|
+
site.crossorigin
|
|
51
|
+
-%}
|
|
52
|
+
crossorigin="anonymous"
|
|
53
|
+
{%-
|
|
54
|
+
endif
|
|
55
|
+
-%}
|
|
56
|
+
/>
|
|
57
|
+
</a>
|
|
58
|
+
<div class="card-body">
|
|
59
|
+
<a href="{{ post.url }}" class="anchor_link">
|
|
60
|
+
<h4 class="card-title mb-4">{{ post.title }}</h4>
|
|
61
|
+
</a>
|
|
62
|
+
</div>
|
|
63
|
+
{%- include authors/authors.html -%}
|
|
64
|
+
<div class="card-footer">
|
|
65
|
+
<div class="wrapfooter">
|
|
66
|
+
{% if post.author %}
|
|
67
|
+
<a
|
|
68
|
+
target="_blank"
|
|
69
|
+
href="/authors/{{authorName | downcase | replace: ' ' , '-' }}"
|
|
70
|
+
class="meta-footer-thumb"
|
|
71
|
+
>
|
|
72
|
+
<img
|
|
73
|
+
class="author-thumb"
|
|
74
|
+
loading="lazy"
|
|
75
|
+
src="{{ image }}"
|
|
76
|
+
alt="{{ authorName }}"
|
|
77
|
+
{%-
|
|
78
|
+
if
|
|
79
|
+
site.crossorigin
|
|
80
|
+
-%}
|
|
81
|
+
crossorigin="anonymous"
|
|
82
|
+
{%-
|
|
83
|
+
endif
|
|
84
|
+
-%}
|
|
85
|
+
/>
|
|
86
|
+
</a>
|
|
87
|
+
{% endif %}
|
|
88
|
+
|
|
89
|
+
<span class="author-meta">
|
|
90
|
+
<span class="post-name">
|
|
91
|
+
<a
|
|
92
|
+
target="_blank"
|
|
93
|
+
href="/authors/{{authorName | downcase | replace: ' ' , '-' }}"
|
|
94
|
+
>{{authorName}}</a
|
|
95
|
+
> </span
|
|
96
|
+
><br />
|
|
97
|
+
<span class="post-date"
|
|
98
|
+
>{{post.date | date_to_string }}</span
|
|
99
|
+
>
|
|
100
|
+
</span>
|
|
101
|
+
</div>
|
|
102
|
+
</div>
|
|
103
|
+
</div>
|
|
104
|
+
</div>
|
|
105
|
+
{% endfor %} {%- if site.monumetricId -%}
|
|
106
|
+
</div>
|
|
107
|
+
</div>
|
|
108
|
+
{%- endif -%}
|
|
109
|
+
</div>
|
|
110
|
+
</div>
|
|
111
|
+
</div>
|
|
112
|
+
{%- include paginationBlogPage.html -%}
|
|
113
|
+
</div>
|
|
114
|
+
|
|
115
|
+
{% include section/count.html %}
|
|
116
|
+
</section>
|
|
117
|
+
<!-- {%- include section/alertbar.html -%} -->
|
|
118
|
+
|
|
119
|
+
{% include appscms/scripts/script.html %}
|
|
120
|
+
<script
|
|
121
|
+
src="{{ '/assets/js/TopScroll.js' | relative_url }}"
|
|
122
|
+
{%-
|
|
123
|
+
if
|
|
124
|
+
site.crossorigin
|
|
125
|
+
-%}
|
|
126
|
+
crossorigin="anonymous"
|
|
127
|
+
{%-
|
|
128
|
+
endif
|
|
129
|
+
-%}
|
|
130
|
+
></script>
|
|
131
|
+
</body>
|
|
132
|
+
</html>
|