appscms-tools-theme 3.5.5 → 3.5.6
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/_layouts/feature.html +161 -158
- data/_layouts/home.html +194 -260
- metadata +1 -1
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA256:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: 3e2295e2efe8ed72cafa63efa2c52e0e712a972b97447e60f595b9b35f4bdbca
|
|
4
|
+
data.tar.gz: ac6ffc6cdce4f31fda28f8337eb947a6c1748e7413c1339925fab282a741a150
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: a2f0507036e77a0186ef7d5b1740abba61c86337d177d93d3b930fcfa25e120d18cc6c60c3e262de31cdc288e2063b28f43bfd5a9de4df7626b2c8054e51607e
|
|
7
|
+
data.tar.gz: 36af94b75f126b72cb8ce5fb19b5e6741a25ca55a2b90df8e26ba9cb07eea5b8982a47cfc7f8c1a78a56e9514a4b72d206e3ae8ca4077b3e87ec31baef578df7
|
data/_layouts/feature.html
CHANGED
|
@@ -1,170 +1,171 @@
|
|
|
1
1
|
{% assign file = page.fileName %} {% assign lang = page.lang %} {% assign folder
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
</div>
|
|
2
|
+
= page.folderName %} {% assign featureData= site.data[folder][lang][file] %}
|
|
3
|
+
<!DOCTYPE html>
|
|
4
|
+
<html lang="{{page.lang}}">
|
|
5
|
+
{% include head/index.html %}
|
|
6
|
+
|
|
7
|
+
<body>
|
|
8
|
+
{% include header/index.html %} {%- if site.safeui -%}
|
|
9
|
+
<div class="alert alert-{{featureData.variant | default: 'info'}} fade show text-center" role="alert"
|
|
10
|
+
id="safeui-alert">
|
|
11
|
+
<div class="container">
|
|
12
|
+
{%- if featureData.alertmsg -%} {{featureData.alertmsg}} {%- else -%} We
|
|
13
|
+
do not upload any files to server, hence your data is 100% secure. {%-
|
|
14
|
+
endif -%}
|
|
16
15
|
</div>
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
{%-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
</
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
</
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
</h1>
|
|
48
|
-
</div>
|
|
49
|
-
{%- assign featureh2 = featureData.H2 | replace: "$variable", page.value
|
|
50
|
-
-%}
|
|
51
|
-
<h2 id="feature-h2" class="feature-h2">
|
|
52
|
-
{%- for word in featureh2 -%} {%- if forloop.first == true -%} {{word
|
|
16
|
+
</div>
|
|
17
|
+
{%- endif -%} {%- if page.layout != "frame" and page.layout !=
|
|
18
|
+
"photo-effects-home" and page.layout != "video" and page.layout != "audio"
|
|
19
|
+
-%} {%- if site.newFeatureBox -%}
|
|
20
|
+
<div class="appscms-sidebar-left"></div>
|
|
21
|
+
<div class="appscms-sidebar-right"></div>
|
|
22
|
+
{%- endif -%}
|
|
23
|
+
|
|
24
|
+
<div class="flex-container pb-3">
|
|
25
|
+
<div class="flex-class py-4 mt-4 mt-md-0">
|
|
26
|
+
<div id="h1-img-wrapper" class="d-flex justify-content-center align-items-center">
|
|
27
|
+
<span id="h1-img" class="fHhdVc">
|
|
28
|
+
<div class="div-cont feature-img mr-2">
|
|
29
|
+
{%- if featureData.img -%}
|
|
30
|
+
<img style="width:{{featureData.imgwidth}};height:{{featureData.imgheight}};" src="{{featureData.img}}"
|
|
31
|
+
alt="{{featureData.imgalt}}" {%- if site.crossorigin -%} crossorigin {%- endif -%} />
|
|
32
|
+
{%- else -%}
|
|
33
|
+
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 36 36"
|
|
34
|
+
fill="#000">
|
|
35
|
+
<path
|
|
36
|
+
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">
|
|
37
|
+
</path>
|
|
38
|
+
</svg>
|
|
39
|
+
{%- endif -%}
|
|
40
|
+
</div>
|
|
41
|
+
</span>
|
|
42
|
+
{%- assign featureh1 = featureData.H1 | replace: "$variable",
|
|
43
|
+
page.value -%}
|
|
44
|
+
<h1 id="feature-h1" class="feature-h1">
|
|
45
|
+
{%- for word in featureh1-%} {%- if forloop.first == true -%} {{word
|
|
53
46
|
| capitalize }} {%- else -%} {{word}} {%- endif -%} {%- endfor -%}
|
|
54
|
-
</
|
|
47
|
+
</h1>
|
|
55
48
|
</div>
|
|
49
|
+
{%- assign featureh2 = featureData.H2 | replace: "$variable", page.value
|
|
50
|
+
-%}
|
|
51
|
+
<h2 id="feature-h2" class="feature-h2">
|
|
52
|
+
{%- for word in featureh2 -%} {%- if forloop.first == true -%} {{word
|
|
53
|
+
| capitalize }} {%- else -%} {{word}} {%- endif -%} {%- endfor -%}
|
|
54
|
+
</h2>
|
|
56
55
|
</div>
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
</
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
</
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
</
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
</
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
</
|
|
56
|
+
</div>
|
|
57
|
+
|
|
58
|
+
|
|
59
|
+
{%- endif -%} {%- if site.noFeatureBox == true -%}
|
|
60
|
+
<div class="feature-content-box" id="theme-content-box">{{content}}</div>
|
|
61
|
+
{%- elsif site.newFeatureBox and page.newBox -%}
|
|
62
|
+
<div class="feature-content-box" id="theme-content-box">
|
|
63
|
+
<div class="container">
|
|
64
|
+
{%- assign boxColor =
|
|
65
|
+
site.data[page.folderName][page.lang][page.fileName].color -%} {%- if
|
|
66
|
+
page.removeBox != true -%}
|
|
67
|
+
<div class="custom-box" data-color="{{boxColor}}">
|
|
68
|
+
<div style="display: none" id="file-loader">
|
|
69
|
+
<img src="/spinner.gif" alt="spinner" {%- if site.crossorigin -%} crossorigin {%- endif -%} />
|
|
70
|
+
<p>Please Wait ,Loading Your file</p>
|
|
71
|
+
</div>
|
|
72
|
+
<div class="saving-file-download-wrap" style="display: none">
|
|
73
|
+
<img loading="lazy" class="trust-img" src="/trust.svg" alt="trust" {%- if site.crossorigin -%} crossorigin {%-
|
|
74
|
+
endif -%} />
|
|
75
|
+
<p class="text-white my-2">Thanks for your patience</p>
|
|
76
|
+
<button class="btn" id="download-zip">Download</button>
|
|
77
|
+
</div>
|
|
78
|
+
<div class="file-input" id="inputbox" style="color: #fff">
|
|
79
|
+
<div class="m-auto">
|
|
80
|
+
<div class="d-flex justify-content-center align-items-center">
|
|
81
|
+
<div id="Inputbox" class="boxes" style="background-color: {{boxColor}};">
|
|
82
|
+
<img height="21px" width="21px" src="/assets/images/add.svg" alt="add" {%- if site.crossorigin -%}
|
|
83
|
+
crossorigin {%- endif -%} />
|
|
84
|
+
<span class="ml-3">CHOOSE FILE</span>
|
|
85
|
+
</div>
|
|
86
|
+
<div class="file-pick-dropdown" style="background-color:{{boxColor}}">
|
|
87
|
+
<i class="fas fa-angle-down arrow-sign"></i>
|
|
88
|
+
<div class="file-picker-dropdown" style="display: none">
|
|
89
|
+
<button id="filepicker">
|
|
90
|
+
<svg class="mr-3" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
|
|
91
|
+
<path id="Path" d="M8.33331 3H15.6666L23 15H15.6666L8.33331 3Z" fill="#FFC107"></path>
|
|
92
|
+
<path id="Path_2" d="M4.6012 21L8.30086 15H23L19.3333 21H4.6012Z" fill="#1976D2"></path>
|
|
93
|
+
<path id="Path_3" d="M1 15.0625L4.60119 21L12 9L8.33333 3L1 15.0625Z" fill="#4CAF50"></path>
|
|
94
|
+
</svg>
|
|
95
|
+
Google Drive
|
|
96
|
+
</button>
|
|
97
|
+
<button id="dropbox">
|
|
98
|
+
<svg class="mr-3" viewBox="0 0 24 24" fill="#0061FF" xmlns="http://www.w3.org/2000/svg">
|
|
99
|
+
<path id="icon"
|
|
100
|
+
d="M12.0146 6.57367L6.50732 10.1473L12.0146 13.721L6.50732 17.2947L1 13.6912L6.50732 10.1176L1 6.57367L6.50732 3L12.0146 6.57367ZM6.47803 18.4263L11.9854 14.8527L17.4927 18.4263L11.9854 22L6.47803 18.4263ZM12.0146 13.6912L17.522 10.1176L12.0146 6.57367L17.4927 3L23 6.57367L17.4927 10.1473L23 13.721L17.4927 17.2947L12.0146 13.6912Z">
|
|
101
|
+
</path>
|
|
102
|
+
</svg>
|
|
103
|
+
Dropbox
|
|
104
|
+
</button>
|
|
106
105
|
</div>
|
|
107
106
|
</div>
|
|
108
107
|
</div>
|
|
109
|
-
<p id="dropfile" class="text-dark">or drop your file here</p>
|
|
110
|
-
<p id="error" class="p-3"></p>
|
|
111
108
|
</div>
|
|
109
|
+
<p id="dropfile" class="text-dark">or drop your file here</p>
|
|
110
|
+
<p id="error" class="p-3"></p>
|
|
112
111
|
</div>
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
</div>
|
|
112
|
+
</div>
|
|
113
|
+
<div class="workspace">
|
|
114
|
+
<div class="row mx-auto">
|
|
115
|
+
<div class="col-md-10 mx-auto">{{content}}</div>
|
|
117
116
|
</div>
|
|
118
|
-
{%- endif -%}
|
|
119
117
|
</div>
|
|
118
|
+
{%- endif -%}
|
|
120
119
|
</div>
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
</div>
|
|
120
|
+
</div>
|
|
121
|
+
{%- else -%} {%- if page.noBox == true -%}
|
|
122
|
+
<div class="feature-content-box" id="theme-content-box">{{content}}</div>
|
|
123
|
+
{%- else -%}
|
|
124
|
+
<div class="box-padding" id="theme-content-box">
|
|
125
|
+
<div class="d-flex" id="__cond-922051">
|
|
126
|
+
<div class="flex-container">
|
|
127
|
+
<div class="flex-class">
|
|
128
|
+
<div class="d-flex flex-column">
|
|
129
|
+
<div class="box"
|
|
130
|
+
style="background:{{featureData.color}};min-height:{{featureData.height}};width:{{featureData.width}}">
|
|
131
|
+
<div class="box-border"></div>
|
|
132
|
+
<div class="content-box">{{content}}</div>
|
|
134
133
|
</div>
|
|
135
134
|
</div>
|
|
136
135
|
</div>
|
|
137
136
|
</div>
|
|
138
137
|
</div>
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
138
|
+
</div>
|
|
139
|
+
{%- endif -%} {%- endif -%} {%- if page.layout == "batch" -%}
|
|
140
|
+
<div class="w-100 line" style="border-top: 1px solid rgb(224, 224, 224)"></div>
|
|
141
|
+
{%- endif -%}
|
|
142
|
+
|
|
143
|
+
<div class="container mt-4 mb-5">
|
|
144
|
+
<div class="row px-0">
|
|
145
|
+
{%- if site.monumetricId and page.url != '/' and page.lang == 'en' -%}
|
|
146
|
+
<div class="col-md-9 mx-auto">
|
|
147
|
+
<div class="row">
|
|
148
|
+
{%- endif -%}
|
|
149
|
+
{% assign totalHeaderCount = 0 %}
|
|
150
|
+
{% for data in featureData.TEXTUAL_CONTENT %}
|
|
151
|
+
{% assign words = data.header | split: " " %}
|
|
152
|
+
{% assign word_count = words | size %}
|
|
153
|
+
{% assign totalHeaderCount = totalHeaderCount | plus: word_count %}
|
|
154
|
+
{% endfor %}
|
|
155
|
+
{% for data in featureData.TEXTUAL_CONTENT %}
|
|
156
|
+
<div
|
|
157
|
+
class="{%- if site.monumetricId and page.url != '/' and page.lang == 'en' -%} col-md-6 my-4 {%- else -%} col-md-4 my-4 {%- endif -%}">
|
|
158
|
+
<div>
|
|
159
|
+
<img class="feature-card-img" src="{{data.logoUrl}}" loading="lazy" height="48px" width="48px"
|
|
160
|
+
alt="{{data.header}}" {%- if site.crossorigin -%} crossorigin {%- endif -%} />
|
|
161
|
+
|
|
162
|
+
{%- if totalHeaderCount > site.count_of_words_in_headings -%}
|
|
163
|
+
<h2 class="feature-card-title">{{data.header | replace: "$variable", page.value}}</h2>
|
|
164
|
+
{%- else -%}
|
|
161
165
|
<div class="feature-card-title">
|
|
162
|
-
{%- if totalHeaderCount > site.count_of_words_in_headings -%}
|
|
163
|
-
<h2 class="feature_heading" style="font-size: 16px; font-weight: 900;">{{data.header | replace: "$variable", page.value}}</h2>
|
|
164
|
-
{%- else -%}
|
|
165
166
|
{{data.header | replace: "$variable", page.value}}
|
|
166
|
-
{%- endif -%}
|
|
167
167
|
</div>
|
|
168
|
+
{%- endif -%}
|
|
168
169
|
<div class="feature-card-desc">
|
|
169
170
|
{{data.content | replace: "$variable", page.value}}
|
|
170
171
|
</div>
|
|
@@ -195,15 +196,17 @@
|
|
|
195
196
|
{% assign video_id = param | split: "=" | last %}
|
|
196
197
|
{% endif %}
|
|
197
198
|
{% endfor %}
|
|
198
|
-
|
|
199
|
+
|
|
199
200
|
{%- if site.monumetricId -%}
|
|
200
|
-
<iframe class="youtubeVideoPlayer mb-5" width="400" height="315"
|
|
201
|
+
<iframe class="youtubeVideoPlayer mb-5" width="400" height="315"
|
|
202
|
+
src="https://www.youtube.com/embed/{{video_id}}?autoplay=1&mute=1" allowfullscreen>
|
|
201
203
|
</iframe>
|
|
202
204
|
{%- else -%}
|
|
203
|
-
<iframe class="youtubeVideoPlayer mb-5" width="500" height="315"
|
|
205
|
+
<iframe class="youtubeVideoPlayer mb-5" width="500" height="315"
|
|
206
|
+
src="https://www.youtube.com/embed/{{video_id}}?autoplay=1&mute=1" allowfullscreen>
|
|
204
207
|
</iframe>
|
|
205
208
|
{%- endif -%}
|
|
206
|
-
|
|
209
|
+
|
|
207
210
|
</div>
|
|
208
211
|
{%- else -%}
|
|
209
212
|
<div class="how-to-img-wrapper">
|
|
@@ -213,7 +216,7 @@
|
|
|
213
216
|
-%} crossorigin {%- endif -%} />
|
|
214
217
|
</div>
|
|
215
218
|
{%- endif -%}
|
|
216
|
-
|
|
219
|
+
|
|
217
220
|
</div>
|
|
218
221
|
<div class="col-md-6 order-1">
|
|
219
222
|
<div class="how-to-right">
|
|
@@ -223,7 +226,7 @@
|
|
|
223
226
|
</h3>
|
|
224
227
|
<ol class="how-to-list">
|
|
225
228
|
{% for data in featureData.HOW_TO_CONTENT.steps %}
|
|
226
|
-
|
|
229
|
+
|
|
227
230
|
<li id="step{{forloop.index}}" class="how-to-list-item">
|
|
228
231
|
<span>{{forloop.index}}.</span>{{data | replace:
|
|
229
232
|
"$variable", page.value}}
|
|
@@ -240,8 +243,8 @@
|
|
|
240
243
|
</div>
|
|
241
244
|
</div>
|
|
242
245
|
</section>
|
|
243
|
-
|
|
244
|
-
|
|
246
|
+
|
|
247
|
+
|
|
245
248
|
{%- if page.layout == "feature" -%} {%- include bookmark.html -%} {%- endif
|
|
246
249
|
-%} {%- assign showFaqs= true -%} {%- for item in site.noFaqsList -%} {%- if
|
|
247
250
|
item == page.lang -%} {%- assign showFaqs = false -%} {%- break -%} {%- else
|
|
@@ -277,7 +280,7 @@
|
|
|
277
280
|
</div>
|
|
278
281
|
</section>
|
|
279
282
|
{%- endif -%} {%- endif -%} {%- include share/socialshare.html -%} {%-
|
|
280
|
-
include Rating/rating.html -%}
|
|
283
|
+
include Rating/rating.html -%} {%- if featureData.infographics.size > 0 -%}
|
|
281
284
|
{%- include infographics/infographics.html -%}
|
|
282
285
|
{%- endif -%} {%- include /Usp/usp.html -%} {%- if
|
|
283
286
|
featureData.display_formats -%}
|
|
@@ -304,6 +307,6 @@
|
|
|
304
307
|
{% include featurePageAuthors/featurePageAuthors.html %}
|
|
305
308
|
{%- endif -%} {% include
|
|
306
309
|
footer/index.html %} {% include script.html %}
|
|
307
|
-
|
|
308
|
-
|
|
309
|
-
|
|
310
|
+
</body>
|
|
311
|
+
|
|
312
|
+
</html>
|
data/_layouts/home.html
CHANGED
|
@@ -2,290 +2,224 @@
|
|
|
2
2
|
= page.folderName %} {% assign homeData= site.data[folder][lang][file] %}
|
|
3
3
|
<!DOCTYPE html>
|
|
4
4
|
<html lang="{{page.lang}}">
|
|
5
|
-
|
|
5
|
+
{% include head/index.html %}
|
|
6
6
|
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
7
|
+
<body>
|
|
8
|
+
{% include header/index.html %} {%- if homeData.nofileupload -%}
|
|
9
|
+
<div id="safeui-alert" class="alert alert-{{homeData.variant | default: 'info'}} fade show text-center" role="alert">
|
|
10
|
+
<div class="container">
|
|
11
|
+
{%- if homeData.alertmsg -%} {{homeData.alertmsg}} {%- else -%} We do
|
|
12
|
+
not upload any files to server, hence your data is 100% secure. {%-
|
|
13
|
+
endif -%}
|
|
14
|
+
</div>
|
|
15
|
+
</div>
|
|
16
|
+
{%- endif -%} {%- if homeData.h1 or homeData.h2 -%}
|
|
17
|
+
<div class="flex-container mb-1">
|
|
18
|
+
<div class="flex-class py-5">
|
|
19
|
+
<div class="d-flex justify-content-center align-items-center">
|
|
20
|
+
<span class="fHhdVc">
|
|
21
|
+
<div class="div-cont feature-img mr-2">
|
|
22
|
+
{%- if homeData.img -%}
|
|
23
|
+
<img loading="lazy" style="width:{{homeData.imgwidth}};height:{{homeData.imgheight}};"
|
|
24
|
+
src="{{homeData.img}}" alt="{{homeData.imgalt}}" {%- if site.crossorigin -%} crossorigin {%- endif -%} />
|
|
25
|
+
{%- endif -%}
|
|
26
|
+
</div>
|
|
27
|
+
</span>
|
|
28
|
+
<h1 class="home-top-h1">
|
|
29
|
+
{%- for word in homeData.h1 -%} {%- if forloop.first == true -%}
|
|
30
|
+
{{word | capitalize }} {%- else -%} {{word}} {%- endif -%} {%-
|
|
31
|
+
endfor -%}
|
|
32
|
+
</h1>
|
|
18
33
|
</div>
|
|
34
|
+
<h2 class="home-top-h2">
|
|
35
|
+
{%- for word in homeData.h2 -%} {%- if forloop.first == true -%}
|
|
36
|
+
{{word | capitalize }} {%- else -%} {{word}} {%- endif -%} {%- endfor
|
|
37
|
+
-%}
|
|
38
|
+
</h2>
|
|
19
39
|
</div>
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
{
|
|
42
|
-
</
|
|
43
|
-
</
|
|
44
|
-
<h1 class="home-top-h1">
|
|
45
|
-
{%- for word in homeData.h1 -%} {%- if forloop.first == true -%}
|
|
46
|
-
{{word | capitalize }} {%- else -%} {{word}} {%- endif -%} {%-
|
|
47
|
-
endfor -%}
|
|
48
|
-
</h1>
|
|
40
|
+
</div>
|
|
41
|
+
{%- endif -%} {%- if homeData.features -%} {%- if site.monumetricId and
|
|
42
|
+
page.url != '/' and page.lang == "en" -%}
|
|
43
|
+
<div class="container">
|
|
44
|
+
<div class="row">
|
|
45
|
+
<div class="col-md-9 mx-auto">
|
|
46
|
+
{%- endif -%}
|
|
47
|
+
<div class="flex-container">
|
|
48
|
+
<div class="flex-class">
|
|
49
|
+
<ul class="home-features">
|
|
50
|
+
{% for product in homeData.features %}
|
|
51
|
+
<li style="background:{{product.color}}" class="home-feature-box">
|
|
52
|
+
<div class="home-inner-box">
|
|
53
|
+
<div class="div-cont feature-img" height="36px" width="36px">
|
|
54
|
+
<img loading="lazy" src="{{product.icon}}" height="36px" width="36px" alt="star icon" {%- if
|
|
55
|
+
site.crossorigin -%} crossorigin {%- endif -%} />
|
|
56
|
+
</div>
|
|
57
|
+
</div>
|
|
58
|
+
<div class="home-feature-desc">{{product.description}}</div>
|
|
59
|
+
<a class="home-feature-name" href="{{product.url}}">{{product.name}}</a>
|
|
60
|
+
</li>
|
|
61
|
+
{% endfor %}
|
|
62
|
+
</ul>
|
|
63
|
+
</div>
|
|
49
64
|
</div>
|
|
50
|
-
|
|
51
|
-
{%- for word in homeData.h2 -%} {%- if forloop.first == true -%}
|
|
52
|
-
{{word | capitalize }} {%- else -%} {{word}} {%- endif -%} {%- endfor
|
|
53
|
-
-%}
|
|
54
|
-
</h2>
|
|
65
|
+
{%- if site.monumetricId and page.url != '/' and page.lang == "en" -%}
|
|
55
66
|
</div>
|
|
56
67
|
</div>
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
68
|
+
</div>
|
|
69
|
+
{%- endif -%} {%- endif -%}
|
|
70
|
+
<div class="home-content-box" id="theme-content-box">{{content}}</div>
|
|
71
|
+
{%- if homeData.TEXTUAL_CONTENT -%}
|
|
72
|
+
<div class="container mt-4 mb-4">
|
|
73
|
+
<div class="row px-0">
|
|
74
|
+
{%- if site.monumetricId and page.url != '/' and page.lang == "en" -%}
|
|
75
|
+
<div class="col-md-9 mx-auto">
|
|
76
|
+
<div class="row">
|
|
62
77
|
{%- endif -%}
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
-%}
|
|
87
|
-
crossorigin
|
|
88
|
-
{%-
|
|
89
|
-
endif
|
|
90
|
-
-%}
|
|
91
|
-
/>
|
|
92
|
-
</div>
|
|
93
|
-
</div>
|
|
94
|
-
<div class="home-feature-desc">{{product.description}}</div>
|
|
95
|
-
<a class="home-feature-name" href="{{product.url}}"
|
|
96
|
-
>{{product.name}}</a
|
|
97
|
-
>
|
|
98
|
-
</li>
|
|
99
|
-
{% endfor %}
|
|
100
|
-
</ul>
|
|
78
|
+
{% assign totalHeaderCount = 0 %}
|
|
79
|
+
{% for data in homeData.TEXTUAL_CONTENT %}
|
|
80
|
+
{% assign words = data.header | split: " " %}
|
|
81
|
+
{% assign word_count = words | size %}
|
|
82
|
+
{% assign totalHeaderCount = totalHeaderCount | plus: word_count %}
|
|
83
|
+
{% endfor %}
|
|
84
|
+
{% for data in homeData.TEXTUAL_CONTENT %}
|
|
85
|
+
<div
|
|
86
|
+
class="{%- if site.monumetricId and page.url != '/' and page.lang == 'en' -%} col-md-6 my-4 {%- else -%} col-md-4 my-4 {%- endif -%}">
|
|
87
|
+
<div>
|
|
88
|
+
<img class="feature-card-img" height="48px" width="48px" loading="lazy" src="{{data.logoUrl}}"
|
|
89
|
+
alt="{{data.header}}" {%- if site.crossorigin -%} crossorigin {%- endif -%} />
|
|
90
|
+
|
|
91
|
+
{%- if totalHeaderCount > site.count_of_words_in_headings -%}
|
|
92
|
+
<h2 class="feature-card-title">{{data.header | replace: "$variable", page.value}}</h2>
|
|
93
|
+
{%- else -%}
|
|
94
|
+
<div class="feature-card-title">
|
|
95
|
+
{{data.header | replace: "$variable", page.value}}
|
|
96
|
+
</div>
|
|
97
|
+
{%- endif -%}
|
|
98
|
+
<div class="feature-card-desc">
|
|
99
|
+
{{data.content | replace: "$variable", page.value}}
|
|
100
|
+
</div>
|
|
101
101
|
</div>
|
|
102
102
|
</div>
|
|
103
|
-
{%- if site.monumetricId and page.url != '/' and
|
|
103
|
+
{% endfor %} {%- if site.monumetricId and page.url != '/' and
|
|
104
|
+
page.lang == "en" -%}
|
|
104
105
|
</div>
|
|
105
106
|
</div>
|
|
107
|
+
{%- endif -%}
|
|
106
108
|
</div>
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
<div class="container
|
|
111
|
-
<div class="row
|
|
109
|
+
</div>
|
|
110
|
+
{%- endif -%} {%- if homeData.HOW_TO_CONTENT -%}
|
|
111
|
+
<section class="how-to-section">
|
|
112
|
+
<div class="container">
|
|
113
|
+
<div class="row">
|
|
112
114
|
{%- if site.monumetricId and page.url != '/' and page.lang == "en" -%}
|
|
113
115
|
<div class="col-md-9 mx-auto">
|
|
114
116
|
<div class="row">
|
|
115
|
-
{%- endif -%}
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
{% for data in homeData.TEXTUAL_CONTENT %}
|
|
123
|
-
<div
|
|
124
|
-
class="{%- if site.monumetricId and page.url != '/' and page.lang == 'en' -%} col-md-6 my-4 {%- else -%} col-md-4 my-4 {%- endif -%}"
|
|
125
|
-
>
|
|
126
|
-
<div>
|
|
127
|
-
<img
|
|
128
|
-
class="feature-card-img"
|
|
129
|
-
height="48px"
|
|
130
|
-
width="48px"
|
|
131
|
-
loading="lazy"
|
|
132
|
-
src="{{data.logoUrl}}"
|
|
133
|
-
alt="{{data.header}}"
|
|
134
|
-
{%-
|
|
135
|
-
if
|
|
136
|
-
site.crossorigin
|
|
137
|
-
-%}
|
|
138
|
-
crossorigin
|
|
139
|
-
{%-
|
|
140
|
-
endif
|
|
141
|
-
-%}
|
|
142
|
-
/>
|
|
143
|
-
<div class="feature-card-title">
|
|
144
|
-
{%- if totalHeaderCount > site.count_of_words_in_headings -%}
|
|
145
|
-
<h2 class="feature_heading" style="font-size: 16px; font-weight: 900;">{{data.header | replace: "$variable", page.value}}</h2>
|
|
146
|
-
{%- else -%}
|
|
147
|
-
{{data.header | replace: "$variable", page.value}}
|
|
148
|
-
{%- endif -%}
|
|
149
|
-
</div>
|
|
150
|
-
<div class="feature-card-desc">
|
|
151
|
-
{{data.content | replace: "$variable", page.value}}
|
|
152
|
-
</div>
|
|
117
|
+
{%- endif -%}
|
|
118
|
+
<div class="col-md-6 order-0">
|
|
119
|
+
{%- if featureData.HOW_TO_CONTENT.YoutubeVideoUrl -%}
|
|
120
|
+
<div class="how-to-video-wrapper">
|
|
121
|
+
<iframe width="500" height="315"
|
|
122
|
+
src="https://www.youtube.com/embed/{{featureData.HOW_TO_CONTENT.YoutubeVideoUrl}}?autoplay=1&mute=1">
|
|
123
|
+
</iframe>
|
|
153
124
|
</div>
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
{%- endif -%}
|
|
160
|
-
</div>
|
|
161
|
-
</div>
|
|
162
|
-
{%- endif -%} {%- if homeData.HOW_TO_CONTENT -%}
|
|
163
|
-
<section class="how-to-section">
|
|
164
|
-
<div class="container">
|
|
165
|
-
<div class="row">
|
|
166
|
-
{%- if site.monumetricId and page.url != '/' and page.lang == "en" -%}
|
|
167
|
-
<div class="col-md-9 mx-auto">
|
|
168
|
-
<div class="row">
|
|
169
|
-
{%- endif -%}
|
|
170
|
-
<div class="col-md-6 order-0">
|
|
171
|
-
{%- if featureData.HOW_TO_CONTENT.YoutubeVideoUrl -%}
|
|
172
|
-
<div class="how-to-video-wrapper">
|
|
173
|
-
<iframe width="500" height="315" src="https://www.youtube.com/embed/{{featureData.HOW_TO_CONTENT.YoutubeVideoUrl}}?autoplay=1&mute=1">
|
|
174
|
-
</iframe>
|
|
175
|
-
</div>
|
|
176
|
-
{%- else -%}
|
|
177
|
-
<div class="how-to-img-wrapper">
|
|
178
|
-
<img
|
|
179
|
-
class="how-to-leftimg"
|
|
180
|
-
height="180px"
|
|
181
|
-
width="300px"
|
|
182
|
-
src="{{homeData.HOW_TO_CONTENT.logoImageUrl}}"
|
|
183
|
-
loading="lazy"
|
|
184
|
-
alt="{{homeData.HOW_TO_CONTENT.logoImageAlt | default: 'how to image' }}"
|
|
185
|
-
{%-
|
|
186
|
-
if
|
|
187
|
-
site.crossorigin
|
|
188
|
-
-%}
|
|
189
|
-
crossorigin
|
|
190
|
-
{%-
|
|
191
|
-
endif
|
|
192
|
-
-%}
|
|
193
|
-
/>
|
|
194
|
-
</div>
|
|
195
|
-
{%- endif -%}
|
|
125
|
+
{%- else -%}
|
|
126
|
+
<div class="how-to-img-wrapper">
|
|
127
|
+
<img class="how-to-leftimg" height="180px" width="300px" src="{{homeData.HOW_TO_CONTENT.logoImageUrl}}"
|
|
128
|
+
loading="lazy" alt="{{homeData.HOW_TO_CONTENT.logoImageAlt | default: 'how to image' }}" {%- if
|
|
129
|
+
site.crossorigin -%} crossorigin {%- endif -%} />
|
|
196
130
|
</div>
|
|
197
|
-
|
|
198
|
-
|
|
199
|
-
|
|
200
|
-
|
|
201
|
-
|
|
202
|
-
|
|
203
|
-
|
|
204
|
-
|
|
131
|
+
{%- endif -%}
|
|
132
|
+
</div>
|
|
133
|
+
<div class="col-md-6 order-1">
|
|
134
|
+
<div class="how-to-right">
|
|
135
|
+
<h3 class="how-to-title text-left">
|
|
136
|
+
{{homeData.HOW_TO_CONTENT.heading | replace: "$variable",
|
|
137
|
+
page.value}}
|
|
138
|
+
</h3>
|
|
139
|
+
<ol class="how-to-list">
|
|
140
|
+
{% for data in homeData.HOW_TO_CONTENT.steps %}
|
|
205
141
|
|
|
206
|
-
|
|
207
|
-
|
|
208
|
-
|
|
209
|
-
|
|
210
|
-
|
|
211
|
-
|
|
212
|
-
</div>
|
|
142
|
+
<li id="step{{forloop.index}}" class="how-to-list-item">
|
|
143
|
+
<span>{{forloop.index}}.</span>{{data | replace:
|
|
144
|
+
"$variable", page.value}}
|
|
145
|
+
</li>
|
|
146
|
+
{% endfor %}
|
|
147
|
+
</ol>
|
|
213
148
|
</div>
|
|
214
|
-
{%- if site.monumetricId and page.url != '/' and page.lang == "en"
|
|
215
|
-
-%}
|
|
216
149
|
</div>
|
|
150
|
+
{%- if site.monumetricId and page.url != '/' and page.lang == "en"
|
|
151
|
+
-%}
|
|
217
152
|
</div>
|
|
218
|
-
{%- endif -%}
|
|
219
153
|
</div>
|
|
154
|
+
{%- endif -%}
|
|
220
155
|
</div>
|
|
221
|
-
</
|
|
222
|
-
|
|
223
|
-
|
|
224
|
-
|
|
225
|
-
|
|
226
|
-
|
|
227
|
-
|
|
228
|
-
|
|
229
|
-
|
|
230
|
-
|
|
231
|
-
|
|
232
|
-
|
|
233
|
-
|
|
234
|
-
|
|
235
|
-
|
|
236
|
-
|
|
237
|
-
|
|
238
|
-
|
|
239
|
-
|
|
240
|
-
|
|
241
|
-
|
|
242
|
-
>
|
|
243
|
-
|
|
244
|
-
|
|
245
|
-
|
|
246
|
-
|
|
247
|
-
|
|
248
|
-
|
|
249
|
-
|
|
250
|
-
|
|
251
|
-
|
|
252
|
-
{% endfor %}
|
|
253
|
-
</ul>
|
|
254
|
-
</div>
|
|
156
|
+
</div>
|
|
157
|
+
</section>
|
|
158
|
+
{%- endif -%} {%- assign showFaqs = true -%} {%- for item in site.noFaqsList
|
|
159
|
+
-%} {%- if item == page.lang -%} {%- assign showFaqs = false -%} {%- break
|
|
160
|
+
-%} {%- else -%} {%- assign showFaqs = true -%} {%- endif -%} {%- endfor -%}
|
|
161
|
+
{%- if showFaqs == true -%} {%- if homeData.FAQ -%}
|
|
162
|
+
<section class="faq-section">
|
|
163
|
+
<div class="container">
|
|
164
|
+
<div class="row">
|
|
165
|
+
<div class="col-md-8 mx-auto">
|
|
166
|
+
<div class="faq">
|
|
167
|
+
{%- if homeData.FAQ.size>0 -%}
|
|
168
|
+
<h3 class="feature-h1 text-center mb-4">
|
|
169
|
+
{{homeData.faqheading | default: 'Frequently Asked Questions'}}
|
|
170
|
+
</h3>
|
|
171
|
+
{%- endif -%}
|
|
172
|
+
<ul class="list-unstyled">
|
|
173
|
+
{% for data in homeData.FAQ %}
|
|
174
|
+
<li>
|
|
175
|
+
<h3 class="faq-question" itemprop="name">
|
|
176
|
+
{{data.question | replace: "$variable", page.value}}<em style="transform: rotate(-135deg)">
|
|
177
|
+
<i></i></em>
|
|
178
|
+
</h3>
|
|
179
|
+
<div style="display: block">
|
|
180
|
+
<p class="faq-answer" itemprop="text">
|
|
181
|
+
{{data.answer | replace: "$variable", page.value}}
|
|
182
|
+
</p>
|
|
183
|
+
</div>
|
|
184
|
+
</li>
|
|
185
|
+
{% endfor %}
|
|
186
|
+
</ul>
|
|
255
187
|
</div>
|
|
256
188
|
</div>
|
|
257
189
|
</div>
|
|
258
|
-
</section>
|
|
259
|
-
{%- endif -%} {%- endif -%} {%- include share/socialshare.html -%} {%-
|
|
260
|
-
include Rating/rating.html -%} {%- if homeData.USPS -%} {%- include
|
|
261
|
-
/Usp/usp.html -%} {%- endif -%} {%- if homeData.display_formats -%}
|
|
262
|
-
<div class="container file-detail-table">
|
|
263
|
-
{%- include fileformat/fileformatdetail.html -%}
|
|
264
190
|
</div>
|
|
265
|
-
|
|
266
|
-
|
|
267
|
-
|
|
268
|
-
|
|
269
|
-
|
|
270
|
-
|
|
271
|
-
|
|
272
|
-
|
|
273
|
-
|
|
274
|
-
|
|
275
|
-
|
|
276
|
-
|
|
277
|
-
|
|
278
|
-
|
|
279
|
-
|
|
280
|
-
|
|
281
|
-
|
|
282
|
-
|
|
283
|
-
|
|
284
|
-
|
|
285
|
-
|
|
286
|
-
|
|
287
|
-
|
|
288
|
-
|
|
289
|
-
|
|
290
|
-
|
|
291
|
-
|
|
191
|
+
</section>
|
|
192
|
+
{%- endif -%} {%- endif -%} {%- include share/socialshare.html -%} {%-
|
|
193
|
+
include Rating/rating.html -%} {%- if homeData.USPS -%} {%- include
|
|
194
|
+
/Usp/usp.html -%} {%- endif -%} {%- if homeData.display_formats -%}
|
|
195
|
+
<div class="container file-detail-table">
|
|
196
|
+
{%- include fileformat/fileformatdetail.html -%}
|
|
197
|
+
</div>
|
|
198
|
+
{%- endif -%} {%- if homeData.compare_formats -%}
|
|
199
|
+
<div class="container compare-table">
|
|
200
|
+
{%- include fileformat/comparisonfiles.html -%}
|
|
201
|
+
</div>
|
|
202
|
+
{%- endif -%} {%- assign langen = "en" -%} {%- if
|
|
203
|
+
site.data[folder][langen][file].categories -%} {% assign categories=
|
|
204
|
+
site.data[folder][langen][file].categories %} {%- else -%} {% assign
|
|
205
|
+
categories= page.categories %} {%- endif -%} {%- if
|
|
206
|
+
site.data[folder][langen][file].tags -%} {% assign tags=
|
|
207
|
+
site.data[folder][langen][file].tags %} {%- else -%} {% assign tags=
|
|
208
|
+
page.tags %} {%- endif -%} {%- if categories.size> 0 or tags.size>0-%} {%-
|
|
209
|
+
include section/related_categories_post.html -%} {%- else -%} {%- include
|
|
210
|
+
section/recent_posts.html -%} {% endif %} {%- if site.customblogdata -%} {%-
|
|
211
|
+
if categories.size> 0 or tags.size>0-%} {%- include
|
|
212
|
+
customblog/relatedposts.html -%} {%- else -%} {%- include
|
|
213
|
+
customblog/recentposts.html -%} {% endif %} {%- endif -%}
|
|
214
|
+
|
|
215
|
+
|
|
216
|
+
|
|
217
|
+
{%- if homeData.author.size > 0 -%}
|
|
218
|
+
{% include featurePageAuthors/featurePageAuthors.html %}
|
|
219
|
+
{%- endif -%}
|
|
220
|
+
{% include footer/index.html %}
|
|
221
|
+
|
|
222
|
+
{% include script.html %}
|
|
223
|
+
</body>
|
|
224
|
+
|
|
225
|
+
</html>
|