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,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
|
@@ -27,7 +27,7 @@ assign boxColor = site.data[page.folderName][page.lang][page.fileName].color -%}
|
|
|
27
27
|
<div class="appcms-home-content-box" id="appcms-home-content-box">
|
|
28
28
|
{{ content }}
|
|
29
29
|
</div>
|
|
30
|
-
|
|
30
|
+
|
|
31
31
|
<!--
|
|
32
32
|
{%- include
|
|
33
33
|
appscms/extras/traffic-count.html -%} -->
|
|
@@ -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
|
+
}
|