appscms-tools-theme 3.8.7 → 3.8.9
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/head/head.html +2 -2
- 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/appscms/uploadbutton/uploadbutton.html +1 -1
- 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 +5 -4
- data/_layouts/appscms-imagekit.html +83 -0
- data/assets/.DS_Store +0 -0
- data/assets/css/appscms-feature.css +114 -0
- data/assets/css/appscms-imagekit.css +849 -0
- data/assets/css/appscms-theme.css +201 -1
- data/assets/images/.DS_Store +0 -0
- metadata +13 -3
|
@@ -0,0 +1,199 @@
|
|
|
1
|
+
<section class="related-posts-section">
|
|
2
|
+
<div class="container">
|
|
3
|
+
<div class="relatedPosts">
|
|
4
|
+
{%- if site.monumetricId and page.url != '/' and page.lang == "en" -%}
|
|
5
|
+
|
|
6
|
+
<div class="row">
|
|
7
|
+
<div class="col-md-9 mx-auto">
|
|
8
|
+
{%- endif -%}
|
|
9
|
+
<h2 class="pt-5 pb-0 related_post_heading mb-3">You might also like</h2>
|
|
10
|
+
{%- if site.monumetricId and page.url != '/' and page.lang == "en" -%}
|
|
11
|
+
|
|
12
|
+
</div>
|
|
13
|
+
</div>
|
|
14
|
+
{%- endif -%}
|
|
15
|
+
|
|
16
|
+
|
|
17
|
+
{% assign maxRelated = 6 %}
|
|
18
|
+
{% assign minCommonTags = 1 %}
|
|
19
|
+
{% assign maxRelatedCounter = 0 %}
|
|
20
|
+
{% assign file = page.fileName %}
|
|
21
|
+
{% assign lang = "en" %}
|
|
22
|
+
{% assign folder = page.folderName %}
|
|
23
|
+
{%- if site.data[folder][lang][file].categories -%}
|
|
24
|
+
{% assign categories= site.data[folder][lang][file].categories %}
|
|
25
|
+
{%- else -%}
|
|
26
|
+
{% assign categories= page.categories %}
|
|
27
|
+
{%- endif -%}
|
|
28
|
+
{%- if site.data[folder][lang][file].tags -%}
|
|
29
|
+
{% assign tags= site.data[folder][lang][file].tags %}
|
|
30
|
+
{%- else -%}
|
|
31
|
+
{% assign tags= page.tags %}
|
|
32
|
+
{%- endif -%}
|
|
33
|
+
<div class="row allblogs shadow appscms-blogs">
|
|
34
|
+
{%- if site.monumetricId and page.url != '/' and page.lang == "en" -%}
|
|
35
|
+
|
|
36
|
+
|
|
37
|
+
<div class="col-md-9 mx-auto">
|
|
38
|
+
<div class="row">
|
|
39
|
+
{%- endif -%}
|
|
40
|
+
{% for post in site.posts %}
|
|
41
|
+
{% assign sameTagCount = 0 %}
|
|
42
|
+
{% assign commonTags = '' %}
|
|
43
|
+
|
|
44
|
+
|
|
45
|
+
{%- if categories -%}
|
|
46
|
+
{% for category in post.categories %}
|
|
47
|
+
{% if post.url != page.url %}
|
|
48
|
+
{% if categories contains category %}
|
|
49
|
+
{% assign sameTagCount = sameTagCount | plus: 1 %}
|
|
50
|
+
{% endif %}
|
|
51
|
+
{% endif %}
|
|
52
|
+
{% endfor %}
|
|
53
|
+
{%- endif -%}
|
|
54
|
+
|
|
55
|
+
{%- if tags -%}
|
|
56
|
+
{% for tag in post.tags %}
|
|
57
|
+
{% if post.url != page.url %}
|
|
58
|
+
{% if tags contains tag %}
|
|
59
|
+
{% assign sameTagCount = sameTagCount | plus: 1 %}
|
|
60
|
+
{% endif %}
|
|
61
|
+
{%- endif -%}
|
|
62
|
+
{% endfor %}
|
|
63
|
+
{%- endif -%}
|
|
64
|
+
|
|
65
|
+
|
|
66
|
+
{% if sameTagCount >= minCommonTags %}
|
|
67
|
+
{%- include authors/authors.html-%}
|
|
68
|
+
<div class="
|
|
69
|
+
{%- if site.monumetricId and page.url != '/' and page.lang == " en" -%} col-md-6 mb-4
|
|
70
|
+
card-group {%- else -%} col-lg-4 col-md-6 mb-4 card-group {%- endif -%} ">
|
|
71
|
+
<div class=" card h-100">
|
|
72
|
+
<a href="{{ post.url }}">
|
|
73
|
+
<img src="{{ post.image }}" loading="lazy" class="card-img-top" height="auto"
|
|
74
|
+
width="100%" alt="{{post.title}}" {%- if site.crossorigin -%} crossorigin {%- endif
|
|
75
|
+
-%}>
|
|
76
|
+
</a>
|
|
77
|
+
<div class="card-body">
|
|
78
|
+
<a class="text-decoration-none text-dark" href="{{ post.url }}" class="anchor_link">
|
|
79
|
+
<h4 class="card-title mb-4 text-left">{{ post.title }}</h4>
|
|
80
|
+
</a>
|
|
81
|
+
</div>
|
|
82
|
+
<div class="card-footer bg-white">
|
|
83
|
+
<div class="wrapfooter">
|
|
84
|
+
{% if post.author %}
|
|
85
|
+
<span class="meta-footer-thumb">
|
|
86
|
+
<img class="author-thumb" loading="lazy" src="{{ image }}"
|
|
87
|
+
alt="{{ authorName }}" {%- if site.crossorigin -%} crossorigin {%- endif
|
|
88
|
+
-%}>
|
|
89
|
+
</span>
|
|
90
|
+
{% endif %}
|
|
91
|
+
|
|
92
|
+
<span class="author-meta">
|
|
93
|
+
<span class="post-name">
|
|
94
|
+
<a target="_blank" href="/blog">{{authorName}}</a>
|
|
95
|
+
</span><br>
|
|
96
|
+
<span class="post-date">{{post.date | date_to_string }}</span>
|
|
97
|
+
</span>
|
|
98
|
+
<span class="post-read-more"><a class="text-dark" href="{{ post.url }}"
|
|
99
|
+
title="Read Story">Read
|
|
100
|
+
More</a></span>
|
|
101
|
+
</div>
|
|
102
|
+
</div>
|
|
103
|
+
</div>
|
|
104
|
+
</div>
|
|
105
|
+
{% assign maxRelatedCounter = maxRelatedCounter | plus: 1 %}
|
|
106
|
+
{% if maxRelatedCounter >= maxRelated %}
|
|
107
|
+
{% break %}
|
|
108
|
+
{% endif %}
|
|
109
|
+
{%- else -%}
|
|
110
|
+
{%- endif -%}
|
|
111
|
+
{% endfor %}
|
|
112
|
+
{%- assign remamingPosts = maxRelated | minus: maxRelatedCounter -%}
|
|
113
|
+
|
|
114
|
+
|
|
115
|
+
|
|
116
|
+
|
|
117
|
+
{%- if remamingPosts > 0 -%}
|
|
118
|
+
{% assign posts = site.posts | where_exp:"post","post.url != page.url" %}
|
|
119
|
+
{% for post in posts %}
|
|
120
|
+
{%- if remamingPosts > 0 -%}
|
|
121
|
+
{%- assign tagData = true -%}
|
|
122
|
+
{%- assign catData = true -%}
|
|
123
|
+
{%- if tags -%}
|
|
124
|
+
{% for tag in post.tags %}
|
|
125
|
+
{% if post.url != page.url %}
|
|
126
|
+
{% if tags contains tag %}
|
|
127
|
+
{%- assign tagData = false -%}
|
|
128
|
+
{%- break -%}
|
|
129
|
+
{% endif %}
|
|
130
|
+
{%- endif -%}
|
|
131
|
+
{% endfor %}
|
|
132
|
+
{%- endif -%}
|
|
133
|
+
{%- if categories -%}
|
|
134
|
+
{%- if tagData == false -%}
|
|
135
|
+
{%- continue -%}
|
|
136
|
+
{%- else -%}
|
|
137
|
+
{% for category in post.categories %}
|
|
138
|
+
{% if post.url != page.url %}
|
|
139
|
+
{% if categories contains category %}
|
|
140
|
+
{%- assign catData = false -%}
|
|
141
|
+
{%- break -%}
|
|
142
|
+
{% endif %}
|
|
143
|
+
{% endif %}
|
|
144
|
+
{% endfor %}
|
|
145
|
+
{%- endif -%}
|
|
146
|
+
{%- if catData == false -%}
|
|
147
|
+
{%- continue -%}
|
|
148
|
+
{%- endif -%}
|
|
149
|
+
{%- assign remamingPosts = remamingPosts | minus: 1 -%}
|
|
150
|
+
{%- include authors/authors.html-%}
|
|
151
|
+
<div class="
|
|
152
|
+
{%- if site.monumetricId and page.url != '/' and page.lang == " en" -%} col-md-6 mb-4
|
|
153
|
+
card-group {%- else -%} col-lg-4 col-md-6 mb-4 card-group {%- endif -%} ">
|
|
154
|
+
<div class=" card h-100">
|
|
155
|
+
<a href="{{ post.url }}">
|
|
156
|
+
<img src="{{ post.image }}" class="card-img-top" height="215px" width="100%" loading="lazy"
|
|
157
|
+
alt="{{post.title}}" {%- if site.crossorigin -%} crossorigin {%- endif -%}>
|
|
158
|
+
</a>
|
|
159
|
+
<div class="card-body">
|
|
160
|
+
<a class="text-decoration-none text-dark" href="{{ post.url }}" class="anchor_link">
|
|
161
|
+
<h4 class="card-title mb-4 text-left">{{ post.title }}</h4>
|
|
162
|
+
</a>
|
|
163
|
+
</div>
|
|
164
|
+
<div class="card-footer bg-white">
|
|
165
|
+
<div class="wrapfooter">
|
|
166
|
+
{% if post.author %}
|
|
167
|
+
<span class="meta-footer-thumb">
|
|
168
|
+
<img class="author-thumb" loading="lazy" src="{{image}}" alt="{{ authorName }}" {%-
|
|
169
|
+
if site.crossorigin -%} crossorigin {%- endif -%}>
|
|
170
|
+
</span>
|
|
171
|
+
{% endif %}
|
|
172
|
+
<span class="author-meta">
|
|
173
|
+
<span class="post-name">
|
|
174
|
+
<a target="_blank" href="/blog">{{authorName}}</a>
|
|
175
|
+
</span><br>
|
|
176
|
+
<span class="post-date">{{post.date | date_to_string }}</span>
|
|
177
|
+
</span>
|
|
178
|
+
<span class="post-read-more"><a class="text-dark" href="{{ post.url }}"
|
|
179
|
+
title="Read Story">Read
|
|
180
|
+
More</a></span>
|
|
181
|
+
</div>
|
|
182
|
+
</div>
|
|
183
|
+
</div>
|
|
184
|
+
</div>
|
|
185
|
+
{%- endif -%}
|
|
186
|
+
{%- endif -%}
|
|
187
|
+
|
|
188
|
+
{% endfor %}
|
|
189
|
+
{%- endif -%}
|
|
190
|
+
|
|
191
|
+
{%- if site.monumetricId and page.url != '/' and page.lang == "en" -%}
|
|
192
|
+
|
|
193
|
+
</div>
|
|
194
|
+
</div>
|
|
195
|
+
{%- endif -%}
|
|
196
|
+
</div>
|
|
197
|
+
</div>
|
|
198
|
+
</div>
|
|
199
|
+
</section>
|
|
@@ -1,24 +1,54 @@
|
|
|
1
1
|
{% assign cssData = site.data.[page.folderName][lang][file] %}
|
|
2
|
-
{{site.data.customcdns.customcdns.cssfiles}}
|
|
3
|
-
|
|
4
|
-
{%-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
2
|
+
{{site.data.customcdns.customcdns.cssfiles}} {%- if cssData.cssfilepaths -%} {%-
|
|
3
|
+
for path in cssData.cssfilepaths -%} {%- assign asset_dir = path -%} {%- if
|
|
4
|
+
site.versioning and asset_dir != "" -%} {%- if asset_dir contains "https" and
|
|
5
|
+
asset_dir contains "https://" -%}
|
|
6
|
+
<link
|
|
7
|
+
defer
|
|
8
|
+
rel="stylesheet"
|
|
9
|
+
href="{{path}}"
|
|
10
|
+
{%-
|
|
11
|
+
if
|
|
12
|
+
site.crossorigin
|
|
13
|
+
-%}
|
|
14
|
+
{{
|
|
15
|
+
}}
|
|
16
|
+
crossorigin="anonymous"
|
|
17
|
+
{%-
|
|
18
|
+
endif
|
|
19
|
+
-%}
|
|
20
|
+
/>
|
|
9
21
|
{%- else -%}
|
|
10
|
-
<link
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
{
|
|
14
|
-
{%-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
{
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
{%-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
22
|
+
<link
|
|
23
|
+
defer
|
|
24
|
+
rel="stylesheet"
|
|
25
|
+
href="{% ministamp { source_path: '{{ asset_dir }}', destination_path: '{{ asset_dir }}' } %}"
|
|
26
|
+
{%-
|
|
27
|
+
if
|
|
28
|
+
site.crossorigin
|
|
29
|
+
-%}
|
|
30
|
+
{{
|
|
31
|
+
}}
|
|
32
|
+
crossorigin="anonymous"
|
|
33
|
+
{%-
|
|
34
|
+
endif
|
|
35
|
+
-%}
|
|
36
|
+
/>
|
|
37
|
+
{%- endif -%} {%- else -%}
|
|
38
|
+
<link
|
|
39
|
+
defer
|
|
40
|
+
rel="stylesheet"
|
|
41
|
+
href="{{path}}"
|
|
42
|
+
{%-
|
|
43
|
+
if
|
|
44
|
+
site.crossorigin
|
|
45
|
+
-%}
|
|
46
|
+
{{
|
|
47
|
+
}}
|
|
48
|
+
crossorigin="anonymous"
|
|
49
|
+
{%-
|
|
50
|
+
endif
|
|
51
|
+
-%}
|
|
52
|
+
/>
|
|
53
|
+
{%- endif -%} {%- endfor -%} {%- endif -%} {%- if cssData.csscdns -%} {%- for
|
|
54
|
+
item in cssData.csscdns -%} {{item}} {%- endfor -%} {%- endif -%}
|
|
@@ -0,0 +1,94 @@
|
|
|
1
|
+
{% assign file = page.fileName %} {% assign lang = page.lang %} {% assign folder
|
|
2
|
+
= page.folderName %} {% assign featureData= site.data[folder][lang][file] %}
|
|
3
|
+
<!DOCTYPE html>
|
|
4
|
+
<html lang="{{lang}}">
|
|
5
|
+
{% include appscms/head/head.html %}
|
|
6
|
+
|
|
7
|
+
<body>
|
|
8
|
+
{%- include appscms/navbars/navbar.html -%} {%- include
|
|
9
|
+
appscms/navbars/toolbar.html -%} {%- include bookmark.html -%} {%- if
|
|
10
|
+
site.safeui -%}
|
|
11
|
+
<div
|
|
12
|
+
class="alert alert-{{featureData.variant | default: 'primary'}} fade show text-center"
|
|
13
|
+
role="alert"
|
|
14
|
+
id="safeui-alert"
|
|
15
|
+
>
|
|
16
|
+
<div class="container">
|
|
17
|
+
{%- if featureData.alertmsg -%} {{featureData.alertmsg}} {%- else -%} We
|
|
18
|
+
do not upload any files to server, hence your data is 100% secure. {%-
|
|
19
|
+
endif -%}
|
|
20
|
+
</div>
|
|
21
|
+
</div>
|
|
22
|
+
{%- endif -%}
|
|
23
|
+
<div class="flex-container pb-3">
|
|
24
|
+
<div class="flex-class py-4 mt-4 mt-md-0">
|
|
25
|
+
<div class="d-flex justify-content-center align-items-center">
|
|
26
|
+
<span class="fHhdVc">
|
|
27
|
+
<div class="div-cont feature-img mr-2">
|
|
28
|
+
{%- if featureData.img -%}
|
|
29
|
+
<img
|
|
30
|
+
style="width:{{featureData.imgwidth}};height:{{featureData.imgheight}};"
|
|
31
|
+
src="{{featureData.img}}"
|
|
32
|
+
alt="{{featureData.imgalt}}"
|
|
33
|
+
{%-
|
|
34
|
+
if
|
|
35
|
+
site.crossorigin
|
|
36
|
+
-%}
|
|
37
|
+
crossorigin
|
|
38
|
+
{%-
|
|
39
|
+
endif
|
|
40
|
+
-%}
|
|
41
|
+
/>
|
|
42
|
+
{%- else -%}
|
|
43
|
+
<svg
|
|
44
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
45
|
+
xmlns:xlink="http://www.w3.org/1999/xlink"
|
|
46
|
+
viewBox="0 0 36 36"
|
|
47
|
+
fill="#000"
|
|
48
|
+
>
|
|
49
|
+
<path
|
|
50
|
+
d="M6,6 L9,18 L6,30 L18,27 L30,30 L27,18 L30,6 L18,9 L6,6 Z M3,3 L18,6.75 L33,3 L29.25,18 L33,33 L18,29.25 L3,33 L6.75,18 L3,3 Z"
|
|
51
|
+
></path>
|
|
52
|
+
</svg>
|
|
53
|
+
{%- endif -%}
|
|
54
|
+
</div>
|
|
55
|
+
</span>
|
|
56
|
+
</div>
|
|
57
|
+
<div id="heading-div" style="height: 60px"></div>
|
|
58
|
+
</div>
|
|
59
|
+
</div>
|
|
60
|
+
{%- if site.noFeatureBox == true -%}
|
|
61
|
+
<div class="feature-content-box">{{content}}</div>
|
|
62
|
+
{%- else -%} {%- if page.noBox == true -%}
|
|
63
|
+
<div class="feature-content-box">{{content}}</div>
|
|
64
|
+
{%- else -%}
|
|
65
|
+
<div class="box-padding">
|
|
66
|
+
<div class="d-flex" id="__cond-922051">
|
|
67
|
+
<div class="flex-container">
|
|
68
|
+
<div class="flex-class">
|
|
69
|
+
<div class="d-flex flex-column">
|
|
70
|
+
<div
|
|
71
|
+
class="box"
|
|
72
|
+
style="background:{{featureData.color}};min-height:{{featureData.height}};width:{{featureData.width}}"
|
|
73
|
+
>
|
|
74
|
+
<div class="box-border"></div>
|
|
75
|
+
<div class="content-box">{{content}}</div>
|
|
76
|
+
</div>
|
|
77
|
+
</div>
|
|
78
|
+
</div>
|
|
79
|
+
</div>
|
|
80
|
+
</div>
|
|
81
|
+
</div>
|
|
82
|
+
|
|
83
|
+
{%- endif -%} {%- endif -%} {%- if site.userTrackingCount -%} {%- include
|
|
84
|
+
userTracking.html -%} {%- endif -%} {% include appscms/footer/footer.html %}
|
|
85
|
+
{% include script.html %}
|
|
86
|
+
|
|
87
|
+
<script
|
|
88
|
+
defer
|
|
89
|
+
src="/assets/js/featureResult.js"
|
|
90
|
+
data-foldername="{{page.folderName}}"
|
|
91
|
+
data-lang="{{page.lang}}"
|
|
92
|
+
></script>
|
|
93
|
+
</body>
|
|
94
|
+
</html>
|
|
@@ -10,25 +10,45 @@ assign boxColor = site.data[page.folderName][page.lang][page.fileName].color -%}
|
|
|
10
10
|
appscms/navbars/toolbar.html -%} {%- include bookmark.html -%} {%- if
|
|
11
11
|
site.safeui -%}
|
|
12
12
|
<div
|
|
13
|
-
class="alert alert-{{
|
|
13
|
+
class="alert alert-{{pageData.variant | default: 'primary'}} fade show text-center"
|
|
14
14
|
role="alert"
|
|
15
15
|
id="safeui-alert"
|
|
16
16
|
>
|
|
17
17
|
<div class="container">
|
|
18
|
-
{%- if
|
|
19
|
-
|
|
18
|
+
{%- if pageData.alertmsg -%} {{pageData.alertmsg}} {%- else -%} We do
|
|
19
|
+
not upload any files to server, hence your data is 100% secure. {%-
|
|
20
20
|
endif -%}
|
|
21
21
|
</div>
|
|
22
22
|
</div>
|
|
23
23
|
{%- endif -%} {%- include appscms/headings/headings.html -%} {%- include
|
|
24
24
|
appscms/uploadbutton/uploadbutton.html -%} {%- include
|
|
25
25
|
appscms/featurehighlight/featurehighlight.html -%} {%- include
|
|
26
|
-
appscms/howto/howto.html -%} {%-
|
|
27
|
-
include appscms/
|
|
26
|
+
appscms/howto/howto.html -%} {%- if pageData.infographics.size > 0 -%} {%-
|
|
27
|
+
include appscms/infographics/infographics.html -%} {%- endif -%} {%- include
|
|
28
|
+
appscms/faq/faq.html -%}
|
|
28
29
|
<!-- {%- include
|
|
29
30
|
appscms/extras/traffic-count.html -%} -->
|
|
30
|
-
{%- include
|
|
31
|
-
|
|
32
|
-
|
|
31
|
+
{%- if site.userTrackingCount -%} {%- include userTracking.html -%} {%-
|
|
32
|
+
endif -%} {%- assign langen = "en" -%} {%- if
|
|
33
|
+
site.data[folder][langen][file].categories -%} {% assign categories=
|
|
34
|
+
site.data[folder][langen][file].categories %} {%- else -%} {% assign
|
|
35
|
+
categories= page.categories %} {%- endif -%} {%- if
|
|
36
|
+
site.data[folder][langen][file].tags -%} {% assign tags=
|
|
37
|
+
site.data[folder][langen][file].tags %} {%- else -%} {% assign tags=
|
|
38
|
+
page.tags %} {%- endif -%} {%- if pageData.posts.size > 0 -%} {%- include
|
|
39
|
+
appscms/customblog/pageRelatedPosts.html -%} {%- else -%} {%- if
|
|
40
|
+
categories.size > 0 or tags.size > 0 -%} {%- include
|
|
41
|
+
appscms/recent-posts/related_categories_post.html -%} {%- else -%} {%-
|
|
42
|
+
include appscms/recent-posts/recent_posts.html -%} {%- endif -%} {%- endif
|
|
43
|
+
-%} {%- if site.customblogdata -%} {%- if categories.size> 0 or
|
|
44
|
+
tags.size>0-%} {%- include appscms/customblog/relatedposts.html -%} {%- else
|
|
45
|
+
-%} {%- include appscms/customblog/recentposts.html -%} {% endif %} {%-
|
|
46
|
+
endif -%} {%- include appscms/extras/ratings.html -%} {%- if
|
|
47
|
+
pageData.author.size > 0 -%} {% include
|
|
48
|
+
appscms/featurePageAuthors/featurePageAuthors.html %} {%- endif -%} {%-
|
|
49
|
+
include appscms/footer/products.html -%} {%- include
|
|
50
|
+
appscms/footer/footer.html -%} {%- if site.customCode -%} {%- include
|
|
51
|
+
customCode.html -%} {%- endif -%} {%- include appscms/scripts/script.html
|
|
52
|
+
-%}
|
|
33
53
|
</body>
|
|
34
54
|
</html>
|
data/_layouts/appscms-home.html
CHANGED
|
@@ -18,16 +18,17 @@ assign boxColor = site.data[page.folderName][page.lang][page.fileName].color -%}
|
|
|
18
18
|
endif -%}
|
|
19
19
|
</div>
|
|
20
20
|
</div>
|
|
21
|
-
{%- endif -%} {%- include appscms/headings/headings.html -%}
|
|
22
|
-
|
|
23
|
-
|
|
21
|
+
{%- endif -%} {%- include appscms/headings/headings.html -%} {%- if
|
|
22
|
+
site.search -%} {%- include appscms/searchbar/searchbar.html -%} {%- endif
|
|
23
|
+
-%}
|
|
24
|
+
|
|
24
25
|
<!-- {%- include
|
|
25
26
|
appscms/category-tabs/category-tabs.html -%} -->
|
|
26
27
|
{%- include appscms/home/feature-boxes.html -%}
|
|
27
28
|
<div class="appcms-home-content-box" id="appcms-home-content-box">
|
|
28
29
|
{{ content }}
|
|
29
30
|
</div>
|
|
30
|
-
|
|
31
|
+
|
|
31
32
|
<!--
|
|
32
33
|
{%- include
|
|
33
34
|
appscms/extras/traffic-count.html -%} -->
|
|
@@ -0,0 +1,83 @@
|
|
|
1
|
+
---
|
|
2
|
+
layout: appscms-feature
|
|
3
|
+
---
|
|
4
|
+
|
|
5
|
+
<div class="container">
|
|
6
|
+
{%- assign pageData = site.data[page.folderName][page.lang][page.fileName] -%}
|
|
7
|
+
{%- assign pageDisplay = page.display | default: "none" -%}
|
|
8
|
+
<div class="workspace" style="display: {{pageDisplay}}">
|
|
9
|
+
<div class="row">
|
|
10
|
+
<div class="col-12">
|
|
11
|
+
<div class="download-wrapper mt-3">
|
|
12
|
+
<div class="row rowclass">
|
|
13
|
+
<div class="col-7">
|
|
14
|
+
<div class="d-flex align-items-center">
|
|
15
|
+
<div class="select-format-title">image's format</div>
|
|
16
|
+
<div class="download-format">
|
|
17
|
+
<select name="image-format" id="image-format">
|
|
18
|
+
{%- if pageData.downloadFormats -%} {%- for item in
|
|
19
|
+
pageData.downloadFormats -%}
|
|
20
|
+
<option value="{{item}}">{{item}}</option>
|
|
21
|
+
{%- endfor -%} {%- else -%}
|
|
22
|
+
<option value="png">png</option>
|
|
23
|
+
<option value="jpg">jpg</option>
|
|
24
|
+
<option value="jpeg">jpeg</option>
|
|
25
|
+
<option value="webp">webp</option>
|
|
26
|
+
<option value="gif">gif</option>
|
|
27
|
+
{%- endif -%}
|
|
28
|
+
</select>
|
|
29
|
+
</div>
|
|
30
|
+
</div>
|
|
31
|
+
</div>
|
|
32
|
+
<div class="col-5">
|
|
33
|
+
<div class="d-flex align-items-center">
|
|
34
|
+
<button
|
|
35
|
+
id="download-button"
|
|
36
|
+
style="background-color: {{pageData.color}};"
|
|
37
|
+
>
|
|
38
|
+
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
|
|
39
|
+
<path
|
|
40
|
+
d="M256 0C114.6 0 0 114.6 0 256c0 141.4 114.6 256 256 256s256-114.6 256-256C512 114.6 397.4 0 256 0zM382.6 302.6l-103.1 103.1C270.7 414.6 260.9 416 256 416c-4.881 0-14.65-1.391-22.65-9.398L129.4 302.6c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L224 306.8V128c0-17.69 14.33-32 32-32s32 14.31 32 32v178.8l49.38-49.38c12.5-12.5 32.75-12.5 45.25 0S395.1 290.1 382.6 302.6z"
|
|
41
|
+
/></svg
|
|
42
|
+
>Download
|
|
43
|
+
</button>
|
|
44
|
+
</div>
|
|
45
|
+
</div>
|
|
46
|
+
</div>
|
|
47
|
+
</div>
|
|
48
|
+
</div>
|
|
49
|
+
</div>
|
|
50
|
+
{%- if page.commonStructure != false -%}
|
|
51
|
+
<div class="row">
|
|
52
|
+
<div class="col-md-7 mx-auto mb-2">
|
|
53
|
+
<div class="select-img-panel">
|
|
54
|
+
<div id="saving-data" style="display: none">
|
|
55
|
+
<img
|
|
56
|
+
loading="lazy"
|
|
57
|
+
src="/assets/images/loader.gif"
|
|
58
|
+
alt="saving"
|
|
59
|
+
{%-
|
|
60
|
+
if
|
|
61
|
+
site.crossorigin
|
|
62
|
+
-%}
|
|
63
|
+
crossorigin
|
|
64
|
+
{%-
|
|
65
|
+
endif
|
|
66
|
+
-%}
|
|
67
|
+
/>
|
|
68
|
+
<span class="ml-2">Saving your images...</span>
|
|
69
|
+
</div>
|
|
70
|
+
<div id="canvas-box-panel"></div>
|
|
71
|
+
</div>
|
|
72
|
+
</div>
|
|
73
|
+
<div class="col-md-5">
|
|
74
|
+
<div class="options-panel">
|
|
75
|
+
{%- if pageData.optionPanelTitle -%}
|
|
76
|
+
<div class="title">{{pageData.optionPanelTitle}}</div>
|
|
77
|
+
{%- endif -%} {{content}}
|
|
78
|
+
</div>
|
|
79
|
+
</div>
|
|
80
|
+
</div>
|
|
81
|
+
{%- else -%} {{content}} {%- endif -%}
|
|
82
|
+
</div>
|
|
83
|
+
</div>
|
data/assets/.DS_Store
CHANGED
|
Binary file
|
|
@@ -283,3 +283,117 @@
|
|
|
283
283
|
max-width: calc(50% - 20px);
|
|
284
284
|
z-index: 2147483647;
|
|
285
285
|
}
|
|
286
|
+
.inforgraphics_section {
|
|
287
|
+
width: 100%;
|
|
288
|
+
padding: 50px 0px 50px 0px;
|
|
289
|
+
border-top: 1px solid rgb(224, 224, 224);
|
|
290
|
+
display: flex;
|
|
291
|
+
flex-direction: column;
|
|
292
|
+
align-items: center;
|
|
293
|
+
}
|
|
294
|
+
|
|
295
|
+
.inforgraphics_section .wrapper {
|
|
296
|
+
display: flex;
|
|
297
|
+
max-width: 700px;
|
|
298
|
+
position: relative;
|
|
299
|
+
}
|
|
300
|
+
|
|
301
|
+
.inforgraphics_section .wrapper i {
|
|
302
|
+
top: 50%;
|
|
303
|
+
height: 44px;
|
|
304
|
+
width: 44px;
|
|
305
|
+
color: #343f4f;
|
|
306
|
+
cursor: pointer;
|
|
307
|
+
font-size: 1.15rem;
|
|
308
|
+
position: absolute;
|
|
309
|
+
text-align: center;
|
|
310
|
+
line-height: 44px;
|
|
311
|
+
background: #eee;
|
|
312
|
+
border-radius: 50%;
|
|
313
|
+
transform: translateY(-50%);
|
|
314
|
+
transition: transform 0.1s linear;
|
|
315
|
+
}
|
|
316
|
+
|
|
317
|
+
.inforgraphics_section .wrapper i:active {
|
|
318
|
+
transform: translateY(-50%) scale(0.9);
|
|
319
|
+
}
|
|
320
|
+
|
|
321
|
+
.inforgraphics_section .wrapper i:hover {
|
|
322
|
+
background: #f2f2f2;
|
|
323
|
+
}
|
|
324
|
+
|
|
325
|
+
.inforgraphics_section .wrapper i:first-child {
|
|
326
|
+
left: 0px;
|
|
327
|
+
display: none;
|
|
328
|
+
z-index: 999;
|
|
329
|
+
}
|
|
330
|
+
|
|
331
|
+
.inforgraphics_section .wrapper i:last-child {
|
|
332
|
+
right: 0px;
|
|
333
|
+
}
|
|
334
|
+
|
|
335
|
+
.carousel {
|
|
336
|
+
display: flex;
|
|
337
|
+
max-width: 700px;
|
|
338
|
+
overflow-x: scroll;
|
|
339
|
+
scroll-snap-type: x mandatory;
|
|
340
|
+
scroll-behavior: smooth;
|
|
341
|
+
}
|
|
342
|
+
|
|
343
|
+
.carousel-inner {
|
|
344
|
+
display: flex;
|
|
345
|
+
flex-wrap: nowrap;
|
|
346
|
+
}
|
|
347
|
+
|
|
348
|
+
.slide {
|
|
349
|
+
flex: 0 0 calc(100% / 3);
|
|
350
|
+
scroll-snap-align: start;
|
|
351
|
+
padding: 20px;
|
|
352
|
+
}
|
|
353
|
+
|
|
354
|
+
.carousel img {
|
|
355
|
+
width: 100%;
|
|
356
|
+
object-fit: contain;
|
|
357
|
+
max-width: 100%;
|
|
358
|
+
height: auto;
|
|
359
|
+
border-radius: 8px;
|
|
360
|
+
}
|
|
361
|
+
|
|
362
|
+
.carousel-inner p {
|
|
363
|
+
text-align: center;
|
|
364
|
+
margin: 10px 0;
|
|
365
|
+
font-size: 14px;
|
|
366
|
+
white-space: normal;
|
|
367
|
+
word-wrap: break-word;
|
|
368
|
+
}
|
|
369
|
+
|
|
370
|
+
@media screen and (max-width: 768px) {
|
|
371
|
+
.inforgraphics_section .wrapper {
|
|
372
|
+
max-width: 100%;
|
|
373
|
+
}
|
|
374
|
+
|
|
375
|
+
.carousel-inner p {
|
|
376
|
+
font-size: 20px;
|
|
377
|
+
}
|
|
378
|
+
|
|
379
|
+
.inforgraphics_section .wrapper i:first-child {
|
|
380
|
+
left: 0;
|
|
381
|
+
/* margin-left: 14px; */
|
|
382
|
+
z-index: 99;
|
|
383
|
+
}
|
|
384
|
+
|
|
385
|
+
.inforgraphics_section .wrapper i:last-child {
|
|
386
|
+
right: 0;
|
|
387
|
+
z-index: 99;
|
|
388
|
+
display: block !important;
|
|
389
|
+
}
|
|
390
|
+
|
|
391
|
+
.carousel {
|
|
392
|
+
overflow-x: hidden;
|
|
393
|
+
}
|
|
394
|
+
|
|
395
|
+
.slide {
|
|
396
|
+
flex: 0 0 100%;
|
|
397
|
+
margin-right: 0;
|
|
398
|
+
}
|
|
399
|
+
}
|