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