appscms-tools-theme 3.5.2 → 3.5.3
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/devtools.html +7 -2
- data/_layouts/feature.html +274 -274
- data/_layouts/imagekit.html +50 -0
- data/assets/css/feature-1.css +5 -2
- metadata +2 -2
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA256:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: 18081d4083559c34484501b70daf79d2d56a21e5a6e0775cd542c8740a796125
|
|
4
|
+
data.tar.gz: 8d8ef6cc19fdeb0be2cb17a19d3a39e20e3fcd7b6db433b712af7ef2dccb6acd
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: 51ed28072e2b5e7ef5f5acea3190e33bc20ddc230427ad4991a411ac734d6cc6539c5785ed47af7a81858f645a1cc19a8fc13648c457b033183b28bdc4631933
|
|
7
|
+
data.tar.gz: a5a038fbc5f41ec3acb67134894b2971b156feda2b190791fa92fcd19b4e64c185e2cdd3c49fb121cdfb0f92fe649d0501c304199e758959e79c05617eeb3c52
|
data/_layouts/devtools.html
CHANGED
|
@@ -13,8 +13,7 @@ layout: home
|
|
|
13
13
|
</i>
|
|
14
14
|
<i class="fa fa-trash-alt cross_icon" title="Clear"></i>
|
|
15
15
|
<i class="fas fa-copy copy_icon" id="inputcopy" title="Copy"></i>
|
|
16
|
-
<i
|
|
17
|
-
class="save_icon fas fa-cloud-download-alt" id="input_save"></i>
|
|
16
|
+
<i title="Download" class="save_icon fas fa-cloud-download-alt" id="input_save"></i>
|
|
18
17
|
<!-- <img src="/img/download.png" class="save_icon" id="input_save" alt="save_icon" /> -->
|
|
19
18
|
</div>
|
|
20
19
|
</div>
|
|
@@ -49,6 +48,12 @@ layout: home
|
|
|
49
48
|
<div id="output_editor"></div>
|
|
50
49
|
</div>
|
|
51
50
|
</div>
|
|
51
|
+
|
|
52
|
+
|
|
53
|
+
|
|
54
|
+
<div class="devtools_box p-2 w-100 mt-5 text-left" style="background: rgba(32, 152, 243, .8);">
|
|
55
|
+
{{content}}
|
|
56
|
+
</div>
|
|
52
57
|
</div>
|
|
53
58
|
</div>
|
|
54
59
|
</div>
|
data/_layouts/feature.html
CHANGED
|
@@ -1,310 +1,310 @@
|
|
|
1
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="{{page.lang}}">
|
|
5
|
-
{% include head/index.html %}
|
|
6
|
-
|
|
7
|
-
<body>
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
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 -%}
|
|
15
|
+
</div>
|
|
15
16
|
</div>
|
|
16
|
-
|
|
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
|
-
|
|
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
|
|
46
|
+
| capitalize }} {%- else -%} {{word}} {%- endif -%} {%- endfor -%}
|
|
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
|
|
46
53
|
| capitalize }} {%- else -%} {{word}} {%- endif -%} {%- endfor -%}
|
|
47
|
-
</
|
|
54
|
+
</h2>
|
|
48
55
|
</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>
|
|
55
56
|
</div>
|
|
56
|
-
|
|
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
|
-
</
|
|
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>
|
|
105
|
+
</div>
|
|
105
106
|
</div>
|
|
106
107
|
</div>
|
|
107
108
|
</div>
|
|
109
|
+
<p id="dropfile" class="text-dark">or drop your file here</p>
|
|
110
|
+
<p id="error" class="p-3"></p>
|
|
108
111
|
</div>
|
|
109
|
-
<p id="dropfile" class="text-dark">or drop your file here</p>
|
|
110
|
-
<p id="error" class="p-3"></p>
|
|
111
112
|
</div>
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
<div class="col-md-10 mx-auto">{{content}}</div>
|
|
116
|
-
</div>
|
|
117
|
-
</div>
|
|
118
|
-
{%- endif -%}
|
|
119
|
-
</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>
|
|
133
|
-
</div>
|
|
113
|
+
<div class="workspace">
|
|
114
|
+
<div class="row mx-auto">
|
|
115
|
+
<div class="col-md-10 mx-auto">{{content}}</div>
|
|
134
116
|
</div>
|
|
135
117
|
</div>
|
|
118
|
+
{%- endif -%}
|
|
136
119
|
</div>
|
|
137
120
|
</div>
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
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
|
-
<div class="feature-card-title">
|
|
162
|
-
{%- if totalHeaderCount > site.count_of_words_in_headings -%}
|
|
163
|
-
{%- for word in featureh2 -%} {%- if forloop.first == true -%} {{word
|
|
164
|
-
| capitalize }} {%- else -%} {{word}} {%- endif -%} {%- endfor -%}
|
|
165
|
-
{%- else -%}
|
|
166
|
-
{{data.header | replace: "$variable", page.value}}
|
|
167
|
-
{%- endif -%}
|
|
168
|
-
</div>
|
|
169
|
-
<div class="feature-card-desc">
|
|
170
|
-
{{data.content | replace: "$variable", page.value}}
|
|
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>
|
|
171
133
|
</div>
|
|
172
134
|
</div>
|
|
173
135
|
</div>
|
|
174
|
-
{% endfor %}
|
|
175
|
-
{%- if site.monumetricId and page.url != '/' and
|
|
176
|
-
page.lang == 'en' -%}
|
|
177
136
|
</div>
|
|
178
137
|
</div>
|
|
179
|
-
{%- endif -%}
|
|
180
138
|
</div>
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
|
|
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">
|
|
185
145
|
{%- if site.monumetricId and page.url != '/' and page.lang == 'en' -%}
|
|
186
146
|
<div class="col-md-9 mx-auto">
|
|
187
147
|
<div class="row">
|
|
188
148
|
{%- endif -%}
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
|
|
193
|
-
|
|
194
|
-
|
|
195
|
-
|
|
196
|
-
|
|
197
|
-
|
|
198
|
-
|
|
199
|
-
|
|
200
|
-
|
|
201
|
-
<
|
|
202
|
-
|
|
203
|
-
|
|
204
|
-
|
|
205
|
-
|
|
206
|
-
|
|
207
|
-
|
|
208
|
-
|
|
209
|
-
|
|
210
|
-
|
|
211
|
-
|
|
212
|
-
src="{{featureData.HOW_TO_CONTENT.logoImageUrl}}" loading="lazy"
|
|
213
|
-
alt="{{featureData.HOW_TO_CONTENT.logoImageAlt | default: 'how to image' }}" {%- if site.crossorigin
|
|
214
|
-
-%} crossorigin {%- endif -%} />
|
|
215
|
-
</div>
|
|
216
|
-
{%- endif -%}
|
|
217
|
-
|
|
218
|
-
</div>
|
|
219
|
-
<div class="col-md-6 order-1">
|
|
220
|
-
<div class="how-to-right">
|
|
221
|
-
<h3 class="how-to-title text-left">
|
|
222
|
-
{{featureData.HOW_TO_CONTENT.heading | replace: "$variable",
|
|
223
|
-
page.value}}
|
|
224
|
-
</h3>
|
|
225
|
-
<ol class="how-to-list">
|
|
226
|
-
{% for data in featureData.HOW_TO_CONTENT.steps %}
|
|
227
|
-
|
|
228
|
-
<li id="step{{forloop.index}}" class="how-to-list-item">
|
|
229
|
-
<span>{{forloop.index}}.</span>{{data | replace:
|
|
230
|
-
"$variable", page.value}}
|
|
231
|
-
</li>
|
|
232
|
-
{% endfor %}
|
|
233
|
-
</ol>
|
|
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
|
+
<div class="feature-card-title">
|
|
162
|
+
{%- if totalHeaderCount > site.count_of_words_in_headings -%}
|
|
163
|
+
{%- for word in featureh2 -%} {%- if forloop.first == true -%} {{word
|
|
164
|
+
| capitalize }} {%- else -%} {{word}} {%- endif -%} {%- endfor -%}
|
|
165
|
+
{%- else -%}
|
|
166
|
+
{{data.header | replace: "$variable", page.value}}
|
|
167
|
+
{%- endif -%}
|
|
168
|
+
</div>
|
|
169
|
+
<div class="feature-card-desc">
|
|
170
|
+
{{data.content | replace: "$variable", page.value}}
|
|
171
|
+
</div>
|
|
234
172
|
</div>
|
|
235
173
|
</div>
|
|
236
|
-
{
|
|
237
|
-
|
|
174
|
+
{% endfor %}
|
|
175
|
+
{%- if site.monumetricId and page.url != '/' and
|
|
176
|
+
page.lang == 'en' -%}
|
|
238
177
|
</div>
|
|
239
178
|
</div>
|
|
240
179
|
{%- endif -%}
|
|
241
180
|
</div>
|
|
242
181
|
</div>
|
|
243
|
-
|
|
244
|
-
|
|
245
|
-
|
|
246
|
-
|
|
247
|
-
|
|
248
|
-
|
|
249
|
-
|
|
250
|
-
|
|
251
|
-
|
|
252
|
-
|
|
253
|
-
|
|
254
|
-
|
|
255
|
-
|
|
256
|
-
|
|
257
|
-
|
|
258
|
-
|
|
259
|
-
|
|
260
|
-
|
|
261
|
-
|
|
262
|
-
|
|
263
|
-
|
|
264
|
-
{
|
|
265
|
-
|
|
266
|
-
|
|
267
|
-
|
|
268
|
-
|
|
269
|
-
|
|
270
|
-
|
|
182
|
+
<section class="how-to-section">
|
|
183
|
+
<div class="container">
|
|
184
|
+
<div class="row">
|
|
185
|
+
{%- if site.monumetricId and page.url != '/' and page.lang == 'en' -%}
|
|
186
|
+
<div class="col-md-9 mx-auto">
|
|
187
|
+
<div class="row">
|
|
188
|
+
{%- endif -%}
|
|
189
|
+
<div class="col-md-6 order-0">
|
|
190
|
+
{%- if featureData.HOW_TO_CONTENT.YoutubeVideoUrl.size > 0 -%}
|
|
191
|
+
<div class="how-to-video-wrapper">
|
|
192
|
+
{% assign video_url = featureData.HOW_TO_CONTENT.YoutubeVideoUrl %}
|
|
193
|
+
{% assign params = video_url | split: "?" | last | split: "&" %}
|
|
194
|
+
{% for param in params %}
|
|
195
|
+
{% if param contains "v=" %}
|
|
196
|
+
{% assign video_id = param | split: "=" | last %}
|
|
197
|
+
{% endif %}
|
|
198
|
+
{% endfor %}
|
|
199
|
+
|
|
200
|
+
{%- if site.monumetricId -%}
|
|
201
|
+
<iframe class="youtubeVideoPlayer mb-5" width="400" height="315" src="https://www.youtube.com/embed/{{video_id}}?autoplay=1&mute=1" allowfullscreen>
|
|
202
|
+
</iframe>
|
|
203
|
+
{%- else -%}
|
|
204
|
+
<iframe class="youtubeVideoPlayer mb-5" width="500" height="315" src="https://www.youtube.com/embed/{{video_id}}?autoplay=1&mute=1" allowfullscreen>
|
|
205
|
+
</iframe>
|
|
206
|
+
{%- endif -%}
|
|
207
|
+
|
|
208
|
+
</div>
|
|
209
|
+
{%- else -%}
|
|
210
|
+
<div class="how-to-img-wrapper">
|
|
211
|
+
<img class="how-to-leftimg" height="180px" width="300px"
|
|
212
|
+
src="{{featureData.HOW_TO_CONTENT.logoImageUrl}}" loading="lazy"
|
|
213
|
+
alt="{{featureData.HOW_TO_CONTENT.logoImageAlt | default: 'how to image' }}" {%- if site.crossorigin
|
|
214
|
+
-%} crossorigin {%- endif -%} />
|
|
271
215
|
</div>
|
|
272
|
-
|
|
273
|
-
|
|
274
|
-
|
|
216
|
+
{%- endif -%}
|
|
217
|
+
|
|
218
|
+
</div>
|
|
219
|
+
<div class="col-md-6 order-1">
|
|
220
|
+
<div class="how-to-right">
|
|
221
|
+
<h3 class="how-to-title text-left">
|
|
222
|
+
{{featureData.HOW_TO_CONTENT.heading | replace: "$variable",
|
|
223
|
+
page.value}}
|
|
224
|
+
</h3>
|
|
225
|
+
<ol class="how-to-list">
|
|
226
|
+
{% for data in featureData.HOW_TO_CONTENT.steps %}
|
|
227
|
+
|
|
228
|
+
<li id="step{{forloop.index}}" class="how-to-list-item">
|
|
229
|
+
<span>{{forloop.index}}.</span>{{data | replace:
|
|
230
|
+
"$variable", page.value}}
|
|
231
|
+
</li>
|
|
232
|
+
{% endfor %}
|
|
233
|
+
</ol>
|
|
234
|
+
</div>
|
|
235
|
+
</div>
|
|
236
|
+
{%- if site.monumetricId and page.url != '/' and page.lang == 'en'
|
|
237
|
+
-%}
|
|
238
|
+
</div>
|
|
275
239
|
</div>
|
|
240
|
+
{%- endif -%}
|
|
276
241
|
</div>
|
|
277
242
|
</div>
|
|
243
|
+
</section>
|
|
244
|
+
|
|
245
|
+
|
|
246
|
+
{%- if page.layout == "feature" -%} {%- include bookmark.html -%} {%- endif
|
|
247
|
+
-%} {%- assign showFaqs= true -%} {%- for item in site.noFaqsList -%} {%- if
|
|
248
|
+
item == page.lang -%} {%- assign showFaqs = false -%} {%- break -%} {%- else
|
|
249
|
+
-%} {%- assign showFaqs = true -%} {%- endif -%} {%- endfor -%} {%- if
|
|
250
|
+
showFaqs == true -%} {%- if featureData.FAQ.size>0 -%}
|
|
251
|
+
<section class="faq-section">
|
|
252
|
+
<div class="container">
|
|
253
|
+
<div class="row">
|
|
254
|
+
<div class="col-md-8 mx-auto">
|
|
255
|
+
<div class="faq">
|
|
256
|
+
<h3 class="feature-h1 text-center mb-4">
|
|
257
|
+
{{featureData.faqheading | default: 'Frequently Asked
|
|
258
|
+
Questions'}}
|
|
259
|
+
</h3>
|
|
260
|
+
<ul class="list-unstyled">
|
|
261
|
+
{% for data in featureData.FAQ %}
|
|
262
|
+
<li>
|
|
263
|
+
<h3 class="faq-question" itemprop="name">
|
|
264
|
+
{{data.question | replace: "$variable", page.value}}<em style="transform: rotate(-135deg)">
|
|
265
|
+
<i></i></em>
|
|
266
|
+
</h3>
|
|
267
|
+
<div style="display: block">
|
|
268
|
+
<p class="faq-answer" itemprop="text">
|
|
269
|
+
{{data.answer | replace: "$variable", page.value}}
|
|
270
|
+
</p>
|
|
271
|
+
</div>
|
|
272
|
+
</li>
|
|
273
|
+
{% endfor %}
|
|
274
|
+
</ul>
|
|
275
|
+
</div>
|
|
276
|
+
</div>
|
|
277
|
+
</div>
|
|
278
|
+
</div>
|
|
279
|
+
</section>
|
|
280
|
+
{%- endif -%} {%- endif -%} {%- include share/socialshare.html -%} {%-
|
|
281
|
+
include Rating/rating.html -%} {%- if featureData.infographics.size > 0 -%}
|
|
282
|
+
{%- include infographics/infographics.html -%}
|
|
283
|
+
{%- endif -%} {%- include /Usp/usp.html -%} {%- if
|
|
284
|
+
featureData.display_formats -%}
|
|
285
|
+
<div class="container compare-table">
|
|
286
|
+
{%- include fileformat/fileformatdetail.html -%}
|
|
287
|
+
</div>
|
|
288
|
+
{%- endif -%} {%- if featureData.compare_formats -%}
|
|
289
|
+
<div class="container file-detail-table">
|
|
290
|
+
{%- include fileformat/comparisonfiles.html -%}
|
|
278
291
|
</div>
|
|
279
|
-
|
|
280
|
-
|
|
281
|
-
|
|
282
|
-
|
|
283
|
-
|
|
284
|
-
|
|
285
|
-
|
|
286
|
-
|
|
287
|
-
|
|
288
|
-
|
|
289
|
-
|
|
290
|
-
|
|
291
|
-
|
|
292
|
-
|
|
293
|
-
|
|
294
|
-
|
|
295
|
-
|
|
296
|
-
|
|
297
|
-
|
|
298
|
-
page.tags %} {%- endif -%} {%- if categories.size> 0 or tags.size>0-%} {%-
|
|
299
|
-
include section/related_categories_post.html -%} {%- else -%} {%- include
|
|
300
|
-
section/recent_posts.html -%} {% endif %} {%- if site.customblogdata -%} {%-
|
|
301
|
-
if categories.size> 0 or tags.size>0-%} {%- include
|
|
302
|
-
customblog/relatedposts.html -%} {%- else -%} {%- include
|
|
303
|
-
customblog/recentposts.html -%} {% endif %} {%- endif -%}
|
|
304
|
-
{%- if featureData.author.size > 0 -%}
|
|
305
|
-
{% include featurePageAuthors/featurePageAuthors.html %}
|
|
306
|
-
{%- endif -%} {% include
|
|
307
|
-
footer/index.html %} {% include script.html %}
|
|
308
|
-
</body>
|
|
309
|
-
|
|
310
|
-
</html>
|
|
292
|
+
{%- endif -%} {%- assign langen = "en" -%} {%- if
|
|
293
|
+
site.data[folder][langen][file].categories -%} {% assign categories=
|
|
294
|
+
site.data[folder][langen][file].categories %} {%- else -%} {% assign
|
|
295
|
+
categories= page.categories %} {%- endif -%} {%- if
|
|
296
|
+
site.data[folder][langen][file].tags -%} {% assign tags=
|
|
297
|
+
site.data[folder][langen][file].tags %} {%- else -%} {% assign tags=
|
|
298
|
+
page.tags %} {%- endif -%} {%- if categories.size> 0 or tags.size>0-%} {%-
|
|
299
|
+
include section/related_categories_post.html -%} {%- else -%} {%- include
|
|
300
|
+
section/recent_posts.html -%} {% endif %} {%- if site.customblogdata -%} {%-
|
|
301
|
+
if categories.size> 0 or tags.size>0-%} {%- include
|
|
302
|
+
customblog/relatedposts.html -%} {%- else -%} {%- include
|
|
303
|
+
customblog/recentposts.html -%} {% endif %} {%- endif -%}
|
|
304
|
+
{%- if featureData.author.size > 0 -%}
|
|
305
|
+
{% include featurePageAuthors/featurePageAuthors.html %}
|
|
306
|
+
{%- endif -%} {% include
|
|
307
|
+
footer/index.html %} {% include script.html %}
|
|
308
|
+
</body>
|
|
309
|
+
|
|
310
|
+
</html>
|
data/_layouts/imagekit.html
CHANGED
|
@@ -4,6 +4,55 @@ layout: feature
|
|
|
4
4
|
|
|
5
5
|
<div class="container">
|
|
6
6
|
{%- assign pageData = site.data[page.folderName][page.lang][page.fileName] -%}
|
|
7
|
+
{%- if site.newFeatureBox -%}
|
|
8
|
+
{%- if page.removeBox != true -%}
|
|
9
|
+
<div class="custom-box" data-color="{{pageData.color}}">
|
|
10
|
+
<div class="innerBox">
|
|
11
|
+
<div style="display: none" id="file-loader">
|
|
12
|
+
<img class="mb-2" src="/spinner.gif" alt="spinner" {%- if site.crossorigin -%} crossorigin {%- endif -%} />
|
|
13
|
+
<p>Please Wait ,Loading Your file</p>
|
|
14
|
+
</div>
|
|
15
|
+
<div class="saving-file-download-wrap" style="display: none">
|
|
16
|
+
<img loading="lazy" class="trust-img" src="/trust.svg" alt="trust" {%- if site.crossorigin -%} crossorigin {%-
|
|
17
|
+
endif -%} />
|
|
18
|
+
<p class="text-white my-2">Thanks for your patience</p>
|
|
19
|
+
<button class="btn" id="download-zip">Download</button>
|
|
20
|
+
</div>
|
|
21
|
+
<div class="file-input">
|
|
22
|
+
<div class="d-flex justify-content-center align-items-center">
|
|
23
|
+
<div id="Inputbox" class="boxes" style="background-color: {{pageData.color}}; color: #fff;">
|
|
24
|
+
<img height="22px" class="mr-1" width="22px" src="/assets/images/addimg.svg" alt="image" {%- if
|
|
25
|
+
site.crossorigin -%} crossorigin {%- endif -%} />
|
|
26
|
+
<span class="ml-3">CHOOSE FILE</span>
|
|
27
|
+
</div>
|
|
28
|
+
<div class="file-pick-dropdown" style="background-color: {{pageData.color}}; color: #fff;">
|
|
29
|
+
<i class="fas fa-angle-down arrow-sign"></i>
|
|
30
|
+
<div class="file-picker-dropdown" style="display: none">
|
|
31
|
+
<button id="dropbox">
|
|
32
|
+
<svg viewBox="0 0 24 24" fill="#0061FF" xmlns="http://www.w3.org/2000/svg">
|
|
33
|
+
<path id="icon"
|
|
34
|
+
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">
|
|
35
|
+
</path>
|
|
36
|
+
</svg>
|
|
37
|
+
From Dropbox
|
|
38
|
+
</button>
|
|
39
|
+
<button id="filepicker">
|
|
40
|
+
<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
|
|
41
|
+
<path id="Path" d="M8.33331 3H15.6666L23 15H15.6666L8.33331 3Z" fill="#FFC107"></path>
|
|
42
|
+
<path id="Path_2" d="M4.6012 21L8.30086 15H23L19.3333 21H4.6012Z" fill="#1976D2"></path>
|
|
43
|
+
<path id="Path_3" d="M1 15.0625L4.60119 21L12 9L8.33333 3L1 15.0625Z" fill="#4CAF50"></path>
|
|
44
|
+
</svg>
|
|
45
|
+
From Google Drive
|
|
46
|
+
</button>
|
|
47
|
+
</div>
|
|
48
|
+
</div>
|
|
49
|
+
</div>
|
|
50
|
+
<p id="dropfile">or drop your file here</p>
|
|
51
|
+
</div>
|
|
52
|
+
</div>
|
|
53
|
+
</div>
|
|
54
|
+
{%- endif -%}
|
|
55
|
+
{%- else -%}
|
|
7
56
|
{%- if page.removeBox != true -%}
|
|
8
57
|
<div class="custom-box" style="background-color:{{pageData.color}};">
|
|
9
58
|
<div class="inner-box">
|
|
@@ -57,6 +106,7 @@ layout: feature
|
|
|
57
106
|
</div>
|
|
58
107
|
</div>
|
|
59
108
|
</div>
|
|
109
|
+
{%- endif -%}
|
|
60
110
|
{%- endif -%} {%- assign pageDisplay = page.display | default: "none" -%}
|
|
61
111
|
<div class="workspace" style="display: {{pageDisplay}}">
|
|
62
112
|
<div class="row">
|
data/assets/css/feature-1.css
CHANGED
|
@@ -115,10 +115,13 @@
|
|
|
115
115
|
}
|
|
116
116
|
|
|
117
117
|
|
|
118
|
-
|
|
118
|
+
.select-img-panel {
|
|
119
|
+
border: 1px solid #ccc;
|
|
120
|
+
padding: 30px;
|
|
121
|
+
}
|
|
119
122
|
/* feature css */
|
|
120
123
|
#canvas-box-panel {
|
|
121
|
-
border: 1px solid rgba(0, 0, 0, 0.1);
|
|
124
|
+
/* border: 1px solid rgba(0, 0, 0, 0.1); */
|
|
122
125
|
padding: 25px;
|
|
123
126
|
border-radius: 4px;
|
|
124
127
|
min-height: auto;
|
metadata
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
|
2
2
|
name: appscms-tools-theme
|
|
3
3
|
version: !ruby/object:Gem::Version
|
|
4
|
-
version: 3.5.
|
|
4
|
+
version: 3.5.3
|
|
5
5
|
platform: ruby
|
|
6
6
|
authors:
|
|
7
7
|
- vivek-appscms
|
|
8
8
|
autorequire:
|
|
9
9
|
bindir: bin
|
|
10
10
|
cert_chain: []
|
|
11
|
-
date: 2023-05-
|
|
11
|
+
date: 2023-05-19 00:00:00.000000000 Z
|
|
12
12
|
dependencies:
|
|
13
13
|
- !ruby/object:Gem::Dependency
|
|
14
14
|
name: jekyll
|