appscms-tools-theme 5.1.3 → 5.1.4

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.
Files changed (46) hide show
  1. checksums.yaml +4 -4
  2. data/_layouts/aboutUs.html +6 -1
  3. data/_layouts/allAuthors.html +6 -1
  4. data/_layouts/appscms-about.html +6 -1
  5. data/_layouts/appscms-author.html +4 -1
  6. data/_layouts/appscms-authors.html +6 -1
  7. data/_layouts/appscms-blog.html +6 -1
  8. data/_layouts/appscms-contact.html +6 -1
  9. data/_layouts/appscms-disclaimer.html +6 -1
  10. data/_layouts/appscms-download.html +4 -1
  11. data/_layouts/appscms-feature-result.html +6 -1
  12. data/_layouts/appscms-feature.html +6 -1
  13. data/_layouts/appscms-help.html +8 -2
  14. data/_layouts/appscms-home.html +9 -8
  15. data/_layouts/appscms-post.html +4 -1
  16. data/_layouts/appscms-privacy-policy.html +6 -1
  17. data/_layouts/appscms-terms-and-conditions.html +4 -1
  18. data/_layouts/author.html +4 -1
  19. data/_layouts/blog-1.html +6 -1
  20. data/_layouts/blog.html +6 -1
  21. data/_layouts/contactUs.html +4 -1
  22. data/_layouts/contenttool-feature.html +6 -1
  23. data/_layouts/contenttool-home.html +6 -1
  24. data/_layouts/devtool-blog.html +6 -1
  25. data/_layouts/devtool-feature.html +56 -52
  26. data/_layouts/devtool-home.html +54 -50
  27. data/_layouts/disclaimer.html +126 -121
  28. data/_layouts/download.html +4 -1
  29. data/_layouts/feature-1.html +367 -243
  30. data/_layouts/feature-download.html +4 -1
  31. data/_layouts/feature.html +447 -300
  32. data/_layouts/featureResultPage.html +6 -1
  33. data/_layouts/fileInfo.html +43 -37
  34. data/_layouts/filecomparison.html +122 -78
  35. data/_layouts/help.html +22 -21
  36. data/_layouts/home-1.html +212 -178
  37. data/_layouts/home.html +6 -1
  38. data/_layouts/homeResultPage.html +38 -20
  39. data/_layouts/post.html +4 -1
  40. data/_layouts/privacyPolicy.html +783 -635
  41. data/_layouts/profile.html +6 -1
  42. data/_layouts/termAndCondition.html +4 -1
  43. data/assets/.DS_Store +0 -0
  44. data/assets/js/googledrive.js +6 -4
  45. data/assets/js/multiselect.js +141 -114
  46. metadata +2 -2
@@ -2,287 +2,411 @@
2
2
  = page.folderName %} {% assign featureData= site.data[folder][lang][file] %}
3
3
  <!DOCTYPE html>
4
4
  <html lang="{{page.lang}}">
5
- {% include head/index.html %}
5
+ {% include head/index.html %}
6
6
 
7
- <body>
8
- {% include header/index.html %}
9
- {%- include appscms/navbars/toolbar.html -%}
7
+ <body
8
+ data-developer-key="{{ site.developerKey }}"
9
+ data-client-id="{{ site.clientId }}"
10
+ data-app-id="{{ site.appId }}"
11
+ data-dropbox-apikey="{{ site.dropboxapikey }}"
12
+ >
13
+ {% include header/index.html %} {%- include appscms/navbars/toolbar.html -%}
10
14
 
11
- <div class="flex-container feature1-flex-container">
12
- <div class="flex-class py-4 mt-4 mt-md-0">
13
- <div id="h1-img-wrapper" class="d-flex justify-content-center align-items-center">
14
- {%- assign featureh1 = featureData.H1 | replace: "$variable",
15
- page.value -%}
16
- <h1 class="feature1-h1">
17
- {%- for word in featureh1-%} {%- if forloop.first == true -%} {{word
18
- }} {%- else -%} {{word}} {%- endif -%} {%- endfor -%}
19
- </h1>
15
+ <div class="flex-container feature1-flex-container">
16
+ <div class="flex-class py-4 mt-4 mt-md-0">
17
+ <div
18
+ id="h1-img-wrapper"
19
+ class="d-flex justify-content-center align-items-center"
20
+ >
21
+ {%- assign featureh1 = featureData.H1 | replace: "$variable",
22
+ page.value -%}
23
+ <h1 class="feature1-h1">
24
+ {%- for word in featureh1-%} {%- if forloop.first == true -%} {{word
25
+ }} {%- else -%} {{word}} {%- endif -%} {%- endfor -%}
26
+ </h1>
27
+ </div>
28
+ {%- assign featureh2 = featureData.H2 | replace: "$variable", page.value
29
+ -%}
30
+ <h2 class="feature1-h2">
31
+ {%- for word in featureh2 -%} {%- if forloop.first == true -%} {{word
32
+ | capitalize }} {%- else -%} {{word}} {%- endif -%} {%- endfor -%}
33
+ </h2>
20
34
  </div>
21
- {%- assign featureh2 = featureData.H2 | replace: "$variable", page.value
22
- -%}
23
- <h2 class="feature1-h2">
24
- {%- for word in featureh2 -%} {%- if forloop.first == true -%} {{word
25
- | capitalize }} {%- else -%} {{word}} {%- endif -%} {%- endfor -%}
26
- </h2>
27
35
  </div>
28
- </div>
29
36
 
30
- {%- if site.noFeatureBox == true -%}
31
- <div class="feature-content-box" id="theme-content-box">{{content}}</div>
32
- {%- else -%} {%- if page.noBox == true -%}
33
- <div class="feature-content-box" id="theme-content-box">{{content}}</div>
34
- {%- else -%}
35
- <div class="feature-content-box" id="theme-content-box">
36
- <div class="container">
37
- {%- assign boxColor =
38
- site.data[page.folderName][page.lang][page.fileName].color -%} {%- if
39
- page.removeBox != true -%}
40
- <div class="custom-box" data-color="{{boxColor}}">
41
- <div style="display: none" id="file-loader">
42
- <img src="/assets/images/spinner.gif" alt="spinner" {%- if site.crossorigin -%} crossorigin {%- endif -%} />
43
- <p>Please Wait ,Loading Your file</p>
44
- </div>
45
- <div class="saving-file-download-wrap" style="display: none">
46
- <img loading="lazy" class="trust-img" src="/trust.svg" alt="trust" {%- if site.crossorigin -%} crossorigin {%-
47
- endif -%} />
48
- <p class="text-white my-2">Thanks for your patience</p>
49
- <button class="btn" id="download-zip">Download</button>
50
- </div>
51
- <div class="file-input" id="inputbox" style="color: #fff">
52
- <div class="m-auto">
53
- <div class="d-flex justify-content-center align-items-center">
54
- <div id="Inputbox" class="boxes" style="background: {{boxColor}};">
55
- <img height="21px" width="21px" src="/assets/images/add.svg" alt="add" {%- if site.crossorigin -%}
56
- crossorigin {%- endif -%} />
57
- <span class="ml-3">CHOOSE FILE</span>
58
- </div>
59
- <div class="file-pick-dropdown" style="background:{{boxColor}}">
60
- <i class="fas fa-angle-down arrow-sign"></i>
61
- <div class="file-picker-dropdown" style="display: none">
62
- <button id="filepicker">
63
- <svg class="mr-3" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
64
- <path id="Path" d="M8.33331 3H15.6666L23 15H15.6666L8.33331 3Z" fill="#FFC107"></path>
65
- <path id="Path_2" d="M4.6012 21L8.30086 15H23L19.3333 21H4.6012Z" fill="#1976D2"></path>
66
- <path id="Path_3" d="M1 15.0625L4.60119 21L12 9L8.33333 3L1 15.0625Z" fill="#4CAF50"></path>
67
- </svg>
68
- Google Drive
69
- </button>
70
- <button id="dropbox">
71
- <svg class="mr-3" viewBox="0 0 24 24" fill="#0061FF" xmlns="http://www.w3.org/2000/svg">
72
- <path id="icon"
73
- 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">
74
- </path>
75
- </svg>
76
- Dropbox
77
- </button>
37
+ {%- if site.noFeatureBox == true -%}
38
+ <div class="feature-content-box" id="theme-content-box">{{content}}</div>
39
+ {%- else -%} {%- if page.noBox == true -%}
40
+ <div class="feature-content-box" id="theme-content-box">{{content}}</div>
41
+ {%- else -%}
42
+ <div class="feature-content-box" id="theme-content-box">
43
+ <div class="container">
44
+ {%- assign boxColor =
45
+ site.data[page.folderName][page.lang][page.fileName].color -%} {%- if
46
+ page.removeBox != true -%}
47
+ <div class="custom-box" data-color="{{boxColor}}">
48
+ <div style="display: none" id="file-loader">
49
+ <img
50
+ src="/assets/images/spinner.gif"
51
+ alt="spinner"
52
+ {%-
53
+ if
54
+ site.crossorigin
55
+ -%}
56
+ crossorigin
57
+ {%-
58
+ endif
59
+ -%}
60
+ />
61
+ <p>Please Wait ,Loading Your file</p>
62
+ </div>
63
+ <div class="saving-file-download-wrap" style="display: none">
64
+ <img
65
+ loading="lazy"
66
+ class="trust-img"
67
+ src="/trust.svg"
68
+ alt="trust"
69
+ {%-
70
+ if
71
+ site.crossorigin
72
+ -%}
73
+ crossorigin
74
+ {%-
75
+ endif
76
+ -%}
77
+ />
78
+ <p class="text-white my-2">Thanks for your patience</p>
79
+ <button class="btn" id="download-zip">Download</button>
80
+ </div>
81
+ <div class="file-input" id="inputbox" style="color: #fff">
82
+ <div class="m-auto">
83
+ <div class="d-flex justify-content-center align-items-center">
84
+ <div
85
+ id="Inputbox"
86
+ class="boxes"
87
+ style="background: {{boxColor}};"
88
+ >
89
+ <img
90
+ height="21px"
91
+ width="21px"
92
+ src="/assets/images/add.svg"
93
+ alt="add"
94
+ {%-
95
+ if
96
+ site.crossorigin
97
+ -%}
98
+ crossorigin
99
+ {%-
100
+ endif
101
+ -%}
102
+ />
103
+ <span class="ml-3">CHOOSE FILE</span>
104
+ </div>
105
+ <div class="file-pick-dropdown" style="background:{{boxColor}}">
106
+ <i class="fas fa-angle-down arrow-sign"></i>
107
+ <div class="file-picker-dropdown" style="display: none">
108
+ <button id="filepicker">
109
+ <svg
110
+ class="mr-3"
111
+ viewBox="0 0 24 24"
112
+ xmlns="http://www.w3.org/2000/svg"
113
+ >
114
+ <path
115
+ id="Path"
116
+ d="M8.33331 3H15.6666L23 15H15.6666L8.33331 3Z"
117
+ fill="#FFC107"
118
+ ></path>
119
+ <path
120
+ id="Path_2"
121
+ d="M4.6012 21L8.30086 15H23L19.3333 21H4.6012Z"
122
+ fill="#1976D2"
123
+ ></path>
124
+ <path
125
+ id="Path_3"
126
+ d="M1 15.0625L4.60119 21L12 9L8.33333 3L1 15.0625Z"
127
+ fill="#4CAF50"
128
+ ></path>
129
+ </svg>
130
+ Google Drive
131
+ </button>
132
+ <button id="dropbox">
133
+ <svg
134
+ class="mr-3"
135
+ viewBox="0 0 24 24"
136
+ fill="#0061FF"
137
+ xmlns="http://www.w3.org/2000/svg"
138
+ >
139
+ <path
140
+ id="icon"
141
+ 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"
142
+ ></path>
143
+ </svg>
144
+ Dropbox
145
+ </button>
146
+ </div>
78
147
  </div>
79
148
  </div>
80
149
  </div>
150
+ <p id="dropfile" class="text-dark">or drop your file here</p>
151
+ <p id="error" class="p-3"></p>
81
152
  </div>
82
- <p id="dropfile" class="text-dark">or drop your file here</p>
83
- <p id="error" class="p-3"></p>
84
153
  </div>
85
- </div>
86
- {%- endif -%} {%- if page.workspace -%}
87
- <div class="workspace" style="display: none">
88
- <div class="row mx-auto">
89
- <div class="col-md-10 mx-auto">{{content}}</div>
154
+ {%- endif -%} {%- if page.workspace -%}
155
+ <div class="workspace" style="display: none">
156
+ <div class="row mx-auto">
157
+ <div class="col-md-10 mx-auto">{{content}}</div>
158
+ </div>
90
159
  </div>
91
- </div>
92
- {%- else -%}
93
- <div class="workspace" style="display: none">
94
- <div class="row">
95
- <div class="col-12">
96
- <div class="download-wrapper mt-3">
97
- <div class="row rowclass">
98
- <div class="col-7">
99
- <div class="d-flex align-items-center">
100
- <div class="select-format-title">image's format</div>
101
- <div class="download-format">
102
- <select name="image-format" id="image-format">
103
- {%- if pageData.downloadFormats -%} {%- for item in
104
- pageData.downloadFormats -%}
105
- <option value="{{item}}">{{item}}</option>
106
- {%- endfor -%} {%- else -%}
107
- <option value="png">png</option>
108
- <option value="jpg">jpg</option>
109
- <option value="jpeg">jpeg</option>
110
- <option value="webp">webp</option>
111
- <option value="gif">gif</option>
112
- {%- endif -%}
113
- </select>
160
+ {%- else -%}
161
+ <div class="workspace" style="display: none">
162
+ <div class="row">
163
+ <div class="col-12">
164
+ <div class="download-wrapper mt-3">
165
+ <div class="row rowclass">
166
+ <div class="col-7">
167
+ <div class="d-flex align-items-center">
168
+ <div class="select-format-title">image's format</div>
169
+ <div class="download-format">
170
+ <select name="image-format" id="image-format">
171
+ {%- if pageData.downloadFormats -%} {%- for item in
172
+ pageData.downloadFormats -%}
173
+ <option value="{{item}}">{{item}}</option>
174
+ {%- endfor -%} {%- else -%}
175
+ <option value="png">png</option>
176
+ <option value="jpg">jpg</option>
177
+ <option value="jpeg">jpeg</option>
178
+ <option value="webp">webp</option>
179
+ <option value="gif">gif</option>
180
+ {%- endif -%}
181
+ </select>
182
+ </div>
114
183
  </div>
115
184
  </div>
116
- </div>
117
- <div class="col-5">
118
- <div class="d-flex align-items-center">
119
- <button id="download-button" style="background: {{pageData.color}};">
120
- <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
121
- <path
122
- 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" />
123
- </svg>Download
124
- </button>
185
+ <div class="col-5">
186
+ <div class="d-flex align-items-center">
187
+ <button
188
+ id="download-button"
189
+ style="background: {{pageData.color}};"
190
+ >
191
+ <svg
192
+ xmlns="http://www.w3.org/2000/svg"
193
+ viewBox="0 0 512 512"
194
+ >
195
+ <path
196
+ 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"
197
+ /></svg
198
+ >Download
199
+ </button>
200
+ </div>
125
201
  </div>
126
202
  </div>
127
203
  </div>
128
204
  </div>
129
205
  </div>
130
- </div>
131
- {%- if page.commonStructure != false -%}
132
- <div class="row">
133
- <div class="col-md-7 mx-auto mb-2">
134
- <div class="select-img-panel">
135
- <div id="saving-data" style="display: none">
136
- <img loading="lazy" src="/assets/images/loader.gif" alt="saving" />
137
- <span class="ml-2" {%- if site.crossorigin -%} crossorigin {%- endif -%}>Saving your images...</span>
206
+ {%- if page.commonStructure != false -%}
207
+ <div class="row">
208
+ <div class="col-md-7 mx-auto mb-2">
209
+ <div class="select-img-panel">
210
+ <div id="saving-data" style="display: none">
211
+ <img
212
+ loading="lazy"
213
+ src="/assets/images/loader.gif"
214
+ alt="saving"
215
+ />
216
+ <span
217
+ class="ml-2"
218
+ {%-
219
+ if
220
+ site.crossorigin
221
+ -%}
222
+ crossorigin
223
+ {%-
224
+ endif
225
+ -%}
226
+ >Saving your images...</span
227
+ >
228
+ </div>
229
+ <div id="canvas-box-panel"></div>
138
230
  </div>
139
- <div id="canvas-box-panel"></div>
140
231
  </div>
141
- </div>
142
- <div class="col-md-5">
143
- <div class="options-panel">
144
- {%- if pageData.optionPanelTitle -%}
145
- <div class="title">{{pageData.optionPanelTitle}}</div>
146
- {%- endif -%} {{content}}
232
+ <div class="col-md-5">
233
+ <div class="options-panel">
234
+ {%- if pageData.optionPanelTitle -%}
235
+ <div class="title">{{pageData.optionPanelTitle}}</div>
236
+ {%- endif -%} {{content}}
237
+ </div>
147
238
  </div>
148
239
  </div>
240
+ {%- else -%} {{content}} {%- endif -%}
149
241
  </div>
150
- {%- else -%} {{content}} {%- endif -%}
242
+ {%- endif -%}
151
243
  </div>
152
- {%- endif -%}
153
244
  </div>
154
- </div>
155
- {%- endif -%} {%- endif -%} {%- if featureData.TEXTUAL_CONTENT -%}
156
- <div class="container mt-4 mb-5">
157
- <div class="row px-0">
158
- <div class="col-md-12 mx-auto">
159
- <div class="row">
160
- {% for data in featureData.TEXTUAL_CONTENT %}
161
- <div class="col-md-4 my-4">
162
- <img class="feature-card-img" src="{{data.logoUrl}}" loading="lazy" height="48px" width="48px"
163
- alt="{{data.header}}" {%- if site.crossorigin -%} crossorigin {%- endif -%} />
164
- <div class="feature-card-title">
165
- {{data.header | replace: "$variable", page.value}}
166
- </div>
167
- <div class="feature1-card-desc">
168
- {{data.content | replace: "$variable", page.value}}
245
+ {%- endif -%} {%- endif -%} {%- if featureData.TEXTUAL_CONTENT -%}
246
+ <div class="container mt-4 mb-5">
247
+ <div class="row px-0">
248
+ <div class="col-md-12 mx-auto">
249
+ <div class="row">
250
+ {% for data in featureData.TEXTUAL_CONTENT %}
251
+ <div class="col-md-4 my-4">
252
+ <img
253
+ class="feature-card-img"
254
+ src="{{data.logoUrl}}"
255
+ loading="lazy"
256
+ height="48px"
257
+ width="48px"
258
+ alt="{{data.header}}"
259
+ {%-
260
+ if
261
+ site.crossorigin
262
+ -%}
263
+ crossorigin
264
+ {%-
265
+ endif
266
+ -%}
267
+ />
268
+ <div class="feature-card-title">
269
+ {{data.header | replace: "$variable", page.value}}
270
+ </div>
271
+ <div class="feature1-card-desc">
272
+ {{data.content | replace: "$variable", page.value}}
273
+ </div>
169
274
  </div>
275
+ {% endfor %}
170
276
  </div>
171
- {% endfor %}
172
277
  </div>
173
278
  </div>
174
279
  </div>
175
- </div>
176
- {%- endif -%} {%- if featureData.HOW_TO_CONTENT -%}
177
- <section class="how-to-section">
178
- <div class="container">
179
- <div class="row">
180
- {%- if site.monumetricId and page.url != '/' and page.lang == 'en' -%}
181
- <div class="col-md-9 mx-auto">
182
- <div class="row">
183
- {%- endif -%}
184
- <div class="col-md-6 order-0">
185
- {%- if featureData.HOW_TO_CONTENT.YoutubeVideoUrl.size > 0 -%}
186
- <div class="how-to-video-wrapper">
187
- {% assign video_url =
188
- featureData.HOW_TO_CONTENT.YoutubeVideoUrl %} {% assign
189
- video_id = "" %} {% if video_url contains "youtu.be/" %} {%
190
- assign parts = video_url | split: "/" %} {% assign video_id =
191
- parts[3] %} {% elsif video_url contains "youtube.com/watch" %}
192
- {% assign params = video_url | split: "?" | last | split: "&"
193
- %} {% for param in params %} {% if param contains "v=" %} {%
194
- assign video_id = param | split: "=" | last %} {% endif %} {%
195
- endfor %} {% endif %} {%- if site.monumetricId -%}
196
- <iframe class="youtubeVideoPlayer mb-5" width="400" height="315"
197
- src="https://www.youtube.com/embed/{{video_id}}?autoplay=1&mute=1" allowfullscreen>
198
- </iframe>
280
+ {%- endif -%} {%- if featureData.HOW_TO_CONTENT -%}
281
+ <section class="how-to-section">
282
+ <div class="container">
283
+ <div class="row">
284
+ {%- if site.monumetricId and page.url != '/' and page.lang == 'en' -%}
285
+ <div class="col-md-9 mx-auto">
286
+ <div class="row">
287
+ {%- endif -%}
288
+ <div class="col-md-6 order-0">
289
+ {%- if featureData.HOW_TO_CONTENT.YoutubeVideoUrl.size > 0 -%}
290
+ <div class="how-to-video-wrapper">
291
+ {% assign video_url =
292
+ featureData.HOW_TO_CONTENT.YoutubeVideoUrl %} {% assign
293
+ video_id = "" %} {% if video_url contains "youtu.be/" %} {%
294
+ assign parts = video_url | split: "/" %} {% assign video_id =
295
+ parts[3] %} {% elsif video_url contains "youtube.com/watch" %}
296
+ {% assign params = video_url | split: "?" | last | split: "&"
297
+ %} {% for param in params %} {% if param contains "v=" %} {%
298
+ assign video_id = param | split: "=" | last %} {% endif %} {%
299
+ endfor %} {% endif %} {%- if site.monumetricId -%}
300
+ <iframe
301
+ class="youtubeVideoPlayer mb-5"
302
+ width="400"
303
+ height="315"
304
+ src="https://www.youtube.com/embed/{{video_id}}?autoplay=1&mute=1"
305
+ allowfullscreen
306
+ >
307
+ </iframe>
308
+ {%- else -%}
309
+ <iframe
310
+ class="youtubeVideoPlayer mb-5"
311
+ width="500"
312
+ height="315"
313
+ src="https://www.youtube.com/embed/{{video_id}}?autoplay=1&mute=1"
314
+ allowfullscreen
315
+ >
316
+ </iframe>
317
+ {%- endif -%}
318
+ </div>
199
319
  {%- else -%}
200
- <iframe class="youtubeVideoPlayer mb-5" width="500" height="315"
201
- src="https://www.youtube.com/embed/{{video_id}}?autoplay=1&mute=1" allowfullscreen>
202
- </iframe>
320
+ <div class="how-to-img-wrapper">
321
+ <img
322
+ class="how-to-leftimg"
323
+ height="180px"
324
+ width="300px"
325
+ src="{{featureData.HOW_TO_CONTENT.logoImageUrl}}"
326
+ loading="lazy"
327
+ alt="{{featureData.HOW_TO_CONTENT.logoImageAlt | default: 'how to image' }}"
328
+ {%-
329
+ if
330
+ site.crossorigin
331
+ -%}
332
+ crossorigin
333
+ {%-
334
+ endif
335
+ -%}
336
+ />
337
+ </div>
203
338
  {%- endif -%}
204
339
  </div>
205
- {%- else -%}
206
- <div class="how-to-img-wrapper">
207
- <img class="how-to-leftimg" height="180px" width="300px"
208
- src="{{featureData.HOW_TO_CONTENT.logoImageUrl}}" loading="lazy"
209
- alt="{{featureData.HOW_TO_CONTENT.logoImageAlt | default: 'how to image' }}" {%- if site.crossorigin
210
- -%} crossorigin {%- endif -%} />
211
- </div>
212
- {%- endif -%}
213
- </div>
214
- <div class="col-md-6 order-1">
215
- <div class="how-to-right">
216
- <h3 class="how-to-title text-left">
217
- {{featureData.HOW_TO_CONTENT.heading | replace: "$variable",
218
- page.value}}
219
- </h3>
220
- <ol class="how-to-list">
221
- {% for data in featureData.HOW_TO_CONTENT.steps %}
340
+ <div class="col-md-6 order-1">
341
+ <div class="how-to-right">
342
+ <h3 class="how-to-title text-left">
343
+ {{featureData.HOW_TO_CONTENT.heading | replace: "$variable",
344
+ page.value}}
345
+ </h3>
346
+ <ol class="how-to-list">
347
+ {% for data in featureData.HOW_TO_CONTENT.steps %}
222
348
 
223
- <li id="step{{forloop.index}}" class="how-to-list-item">
224
- <span>{{forloop.index}}.</span>{{data | replace:
225
- "$variable", page.value}}
226
- </li>
227
- {% endfor %}
228
- </ol>
349
+ <li id="step{{forloop.index}}" class="how-to-list-item">
350
+ <span>{{forloop.index}}.</span>{{data | replace:
351
+ "$variable", page.value}}
352
+ </li>
353
+ {% endfor %}
354
+ </ol>
355
+ </div>
229
356
  </div>
357
+ {%- if site.monumetricId and page.url != '/' and page.lang == 'en'
358
+ -%}
230
359
  </div>
231
- {%- if site.monumetricId and page.url != '/' and page.lang == 'en'
232
- -%}
233
360
  </div>
361
+ {%- endif -%}
234
362
  </div>
235
- {%- endif -%}
236
363
  </div>
237
- </div>
238
- </section>
239
- {%- endif -%} {%- assign showFaqs= true -%} {%- for item in site.noFaqsList
240
- -%} {%- if item == page.lang -%} {%- assign showFaqs = false -%} {%- break
241
- -%} {%- else -%} {%- assign showFaqs = true -%} {%- endif -%} {%- endfor -%}
242
- {%- if showFaqs == true -%} {%- if featureData.FAQ.size>0 -%}
243
- <section class="faq-section">
244
- <div class="container">
245
- <div class="row">
246
- <div class="col-md-8 mx-auto">
247
- <main class="faqs">
248
- <h3 class="feature-h1 text-left mb-4" style="font-weight: 900">
249
- {{featureData.faqheading | default: "FAQ's"}}
250
- </h3>
251
- {% for data in featureData.FAQ %}
252
- <details open>
253
- <summary>
254
- {{data.question | replace: "$variable",page.value}}
255
- </summary>
256
- <div class="faq__content">
257
- <p style="color: #5c5e60; font-size: 14px">
258
- {{data.answer | replace: "$variable", page.value}}
259
- </p>
260
- </div>
261
- </details>
262
- {% endfor %}
263
- </main>
364
+ </section>
365
+ {%- endif -%} {%- assign showFaqs= true -%} {%- for item in site.noFaqsList
366
+ -%} {%- if item == page.lang -%} {%- assign showFaqs = false -%} {%- break
367
+ -%} {%- else -%} {%- assign showFaqs = true -%} {%- endif -%} {%- endfor -%}
368
+ {%- if showFaqs == true -%} {%- if featureData.FAQ.size>0 -%}
369
+ <section class="faq-section">
370
+ <div class="container">
371
+ <div class="row">
372
+ <div class="col-md-8 mx-auto">
373
+ <main class="faqs">
374
+ <h3 class="feature-h1 text-left mb-4" style="font-weight: 900">
375
+ {{featureData.faqheading | default: "FAQ's"}}
376
+ </h3>
377
+ {% for data in featureData.FAQ %}
378
+ <details open>
379
+ <summary>
380
+ {{data.question | replace: "$variable",page.value}}
381
+ </summary>
382
+ <div class="faq__content">
383
+ <p style="color: #5c5e60; font-size: 14px">
384
+ {{data.answer | replace: "$variable", page.value}}
385
+ </p>
386
+ </div>
387
+ </details>
388
+ {% endfor %}
389
+ </main>
390
+ </div>
264
391
  </div>
265
392
  </div>
266
- </div>
267
- </section>
268
- {%- endif -%} {%- endif -%} {%- include share/socialshare.html -%} {%-
269
- include Rating/rating.html -%} {%- if featureData.infographics.size > 0 -%}
270
- {%- include infographics/infographics.html -%} {%- endif -%}
271
- {%- include appscms/reviews/trustpilot.html -%}
272
- {%- assign
273
- langen = "en" -%} {%- if site.data[folder][langen][file].categories -%} {%
274
- assign categories= site.data[folder][langen][file].categories %} {%- else
275
- -%} {% assign categories= page.categories %} {%- endif -%} {%- if
276
- site.data[folder][langen][file].tags -%} {% assign tags=
277
- site.data[folder][langen][file].tags %} {%- else -%} {% assign tags=
278
- page.tags %} {%- endif -%} {%- if featureData.posts.size > 0 -%} {%- include
279
- customblog/pageRelatedPosts.html -%} {%- else -%} {%- if categories.size > 0
280
- or tags.size > 0 -%} {%- include section/related_categories_post.html -%}
281
- {%- else -%} {%- include section/recent_posts.html -%} {%- endif -%} {%-
282
- endif -%} {%- if site.customblogdata -%} {%- if categories.size> 0 or
283
- tags.size>0-%} {%- include customblog/relatedposts.html -%} {%- else -%} {%-
284
- include customblog/recentposts.html -%} {% endif %} {%- endif -%} {% include
285
- footer/index.html %} {% include script.html %}
286
- </body>
287
-
288
- </html>
393
+ </section>
394
+ {%- endif -%} {%- endif -%} {%- include share/socialshare.html -%} {%-
395
+ include Rating/rating.html -%} {%- if featureData.infographics.size > 0 -%}
396
+ {%- include infographics/infographics.html -%} {%- endif -%} {%- include
397
+ appscms/reviews/trustpilot.html -%} {%- assign langen = "en" -%} {%- if
398
+ site.data[folder][langen][file].categories -%} {% assign categories=
399
+ site.data[folder][langen][file].categories %} {%- else -%} {% assign
400
+ categories= page.categories %} {%- endif -%} {%- if
401
+ site.data[folder][langen][file].tags -%} {% assign tags=
402
+ site.data[folder][langen][file].tags %} {%- else -%} {% assign tags=
403
+ page.tags %} {%- endif -%} {%- if featureData.posts.size > 0 -%} {%- include
404
+ customblog/pageRelatedPosts.html -%} {%- else -%} {%- if categories.size > 0
405
+ or tags.size > 0 -%} {%- include section/related_categories_post.html -%}
406
+ {%- else -%} {%- include section/recent_posts.html -%} {%- endif -%} {%-
407
+ endif -%} {%- if site.customblogdata -%} {%- if categories.size> 0 or
408
+ tags.size>0-%} {%- include customblog/relatedposts.html -%} {%- else -%} {%-
409
+ include customblog/recentposts.html -%} {% endif %} {%- endif -%} {% include
410
+ footer/index.html %} {% include script.html %}
411
+ </body>
412
+ </html>