appscms-tools-theme 4.0.7 → 4.0.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (106) hide show
  1. checksums.yaml +4 -4
  2. data/_data/about/en/about.json +16 -16
  3. data/_data/blog/nav.json +13 -13
  4. data/_data/blog/relatedblogs.json +6932 -6932
  5. data/_data/download/en/download.json +73 -73
  6. data/_data/feature/en/3_shop_posters.json +361 -361
  7. data/_data/feature/en/allele-frequency.json +321 -321
  8. data/_data/feature/en/batch-conversion.json +153 -153
  9. data/_data/feature/en/compress-pdf.json +308 -308
  10. data/_data/feature/en/devtools.json +299 -299
  11. data/_data/feature/en/face-detection.json +123 -123
  12. data/_data/feature/en/split-pdf.json +176 -176
  13. data/_data/feature/en/theframe.json +126 -126
  14. data/_data/feature/hi/compress-pdf.json +162 -162
  15. data/_data/feature/tr/compress-pdf.json +161 -161
  16. data/_data/footer/en/data.json +167 -167
  17. data/_data/header/en/data.json +174 -174
  18. data/_data/home/en/en.json +381 -381
  19. data/_data/home/en/photoeffects.json +97 -97
  20. data/_data/home/en/posters.json +322 -322
  21. data/_data/home-1/en/en.json +308 -308
  22. data/_includes/appscms/customblog/pageRelatedPosts.html +84 -84
  23. data/_includes/appscms/customblog/recentposts.html +67 -67
  24. data/_includes/appscms/customblog/relatedBlogs.html +83 -83
  25. data/_includes/appscms/customblog/relatedposts.html +196 -196
  26. data/_includes/appscms/extras/appscms-postbox.html +65 -65
  27. data/_includes/appscms/featurePageAuthors/featurePageAuthors.html +97 -97
  28. data/_includes/appscms/head/bloghead.html +238 -238
  29. data/_includes/appscms/infographics/infographics.html +114 -109
  30. data/_includes/appscms/recent-posts/recent_posts.html +92 -92
  31. data/_includes/appscms/recent-posts/related_categories_post.html +198 -198
  32. data/_includes/author_bio.html +41 -41
  33. data/_includes/authorpagehead/index.html +47 -47
  34. data/_includes/authors/authors.html +117 -117
  35. data/_includes/batch-conversion.html +141 -141
  36. data/_includes/cssfile/links.html +54 -54
  37. data/_includes/custom-head.html +138 -138
  38. data/_includes/customCode.html +1 -1
  39. data/_includes/customScripts.html +1 -1
  40. data/_includes/customblog/pageRelatedPosts.html +87 -87
  41. data/_includes/customblog/relatedBlogs.html +86 -86
  42. data/_includes/dropdown/langdropdown.html +32 -32
  43. data/_includes/feature.html +39 -39
  44. data/_includes/featurePageAuthors/featurePageAuthors.html +97 -97
  45. data/_includes/footer/index.html +538 -538
  46. data/_includes/google-analytics.html +32 -32
  47. data/_includes/head/index.html +623 -623
  48. data/_includes/header/blogHeader.html +34 -34
  49. data/_includes/header/index.html +192 -192
  50. data/_includes/infographics/infographics.html +241 -231
  51. data/_includes/paginationBlogPage.html +70 -70
  52. data/_includes/script.html +557 -557
  53. data/_includes/share/socialshare.html +21 -21
  54. data/_includes/userTracking.html +43 -43
  55. data/_layouts/aboutUs.html +98 -98
  56. data/_layouts/allAuthors.html +131 -131
  57. data/_layouts/appscms-about.html +163 -163
  58. data/_layouts/appscms-audio.html +33 -33
  59. data/_layouts/appscms-author.html +408 -408
  60. data/_layouts/appscms-authors.html +132 -132
  61. data/_layouts/appscms-calculator.html +93 -93
  62. data/_layouts/appscms-categories.html +26 -26
  63. data/_layouts/appscms-contact.html +132 -132
  64. data/_layouts/appscms-disclaimer.html +124 -124
  65. data/_layouts/appscms-download.html +289 -289
  66. data/_layouts/appscms-feature-result.html +94 -94
  67. data/_layouts/appscms-help.html +25 -25
  68. data/_layouts/appscms-imagekit.html +113 -113
  69. data/_layouts/appscms-post.html +243 -243
  70. data/_layouts/appscms-privacy-policy.html +781 -781
  71. data/_layouts/appscms-terms-and-conditions.html +646 -646
  72. data/_layouts/appscms-video.html +33 -33
  73. data/_layouts/audio.html +33 -33
  74. data/_layouts/author.html +408 -408
  75. data/_layouts/batch.html +177 -177
  76. data/_layouts/blog.html +131 -131
  77. data/_layouts/calculator.html +99 -99
  78. data/_layouts/devtools.html +57 -57
  79. data/_layouts/feature-1.html +406 -406
  80. data/_layouts/feature.html +435 -434
  81. data/_layouts/featureResultPage.html +80 -80
  82. data/_layouts/frame.html +222 -222
  83. data/_layouts/home.html +300 -300
  84. data/_layouts/imagekit.html +303 -303
  85. data/_layouts/photo-effects-home.html +190 -190
  86. data/_layouts/post.html +233 -233
  87. data/assets/app.js +75 -75
  88. data/assets/css/appscms-blog.css +500 -500
  89. data/assets/css/appscms-home.css +5 -5
  90. data/assets/css/appscms-imagekit.css +854 -854
  91. data/assets/css/appscms-variables.css +18 -18
  92. data/assets/css/blog.css +509 -509
  93. data/assets/css/calculators.css +46 -46
  94. data/assets/css/devtools.css +105 -105
  95. data/assets/css/feature-1.css +293 -293
  96. data/assets/css/imagekit copy.css +848 -848
  97. data/assets/css/tools.css +1817 -1817
  98. data/assets/images/digipaint.svg +6 -6
  99. data/assets/images/logo.svg +2 -2
  100. data/assets/images/manthink.svg +3552 -3552
  101. data/assets/js/batch.js +256 -256
  102. data/assets/js/devtools.js +81 -81
  103. data/assets/js/sharePage.js +65 -65
  104. data/assets/js/usageTracking.js +143 -143
  105. data/assets/js/usageTrackingEvents.js +6 -6
  106. metadata +2 -2
@@ -1,434 +1,435 @@
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 %} {%- if site.safeui -%}
9
- <div
10
- class="alert alert-{{featureData.variant | default: 'info'}} fade show text-center"
11
- role="alert"
12
- id="safeui-alert"
13
- >
14
- <div class="container">
15
- {%- if featureData.alertmsg -%} {{featureData.alertmsg}} {%- else -%} We
16
- do not upload any files to server, hence your data is 100% secure. {%-
17
- endif -%}
18
- </div>
19
- </div>
20
- {%- endif -%} {%- if page.layout != "frame" and page.layout !=
21
- "photo-effects-home" and page.layout != "video" and page.layout != "audio"
22
- -%} {%- if site.newFeatureBox -%}
23
- <div class="appscms-sidebar-left"></div>
24
- <div class="appscms-sidebar-right"></div>
25
- {%- endif -%}
26
-
27
- <div class="flex-container pb-3">
28
- <div class="flex-class py-4 mt-4 mt-md-0">
29
- <div
30
- id="h1-img-wrapper"
31
- class="d-flex justify-content-center align-items-center"
32
- >
33
- <span id="h1-img" class="fHhdVc">
34
- <div class="div-cont feature-img mr-2">
35
- {%- if featureData.img -%}
36
- <img
37
- style="width:{{featureData.imgwidth}};height:{{featureData.imgheight}};"
38
- src="{{featureData.img}}"
39
- alt="{{featureData.imgalt}}"
40
- {%-
41
- if
42
- site.crossorigin
43
- -%}
44
- crossorigin
45
- {%-
46
- endif
47
- -%}
48
- />
49
- {%- else -%}
50
- <svg
51
- xmlns="http://www.w3.org/2000/svg"
52
- xmlns:xlink="http://www.w3.org/1999/xlink"
53
- viewBox="0 0 36 36"
54
- fill="#000"
55
- >
56
- <path
57
- 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"
58
- ></path>
59
- </svg>
60
- {%- endif -%}
61
- </div>
62
- </span>
63
- {%- assign featureh1 = featureData.H1 | replace: "$variable",
64
- page.value -%}
65
- <h1 id="feature-h1" class="feature-h1">
66
- {%- for word in featureh1-%} {%- if forloop.first == true -%} {{word
67
- | capitalize }} {%- else -%} {{word}} {%- endif -%} {%- endfor -%}
68
- </h1>
69
- </div>
70
- {%- assign featureh2 = featureData.H2 | replace: "$variable", page.value
71
- -%}
72
- <h2 id="feature-h2" class="feature-h2">
73
- {%- for word in featureh2 -%} {%- if forloop.first == true -%} {{word
74
- | capitalize }} {%- else -%} {{word}} {%- endif -%} {%- endfor -%}
75
- </h2>
76
- </div>
77
- </div>
78
-
79
- {%- endif -%} {%- if site.noFeatureBox == true -%}
80
- <div class="feature-content-box" id="theme-content-box">{{content}}</div>
81
- {%- elsif site.newFeatureBox and page.newBox -%}
82
- <div class="feature-content-box" id="theme-content-box">
83
- <div class="container">
84
- {%- assign boxColor =
85
- site.data[page.folderName][page.lang][page.fileName].color -%} {%- if
86
- page.removeBox != true -%}
87
- <div class="custom-box" data-color="{{boxColor}}">
88
- <div style="display: none" id="file-loader">
89
- <img
90
- src="/assets/images/spinner.gif"
91
- alt="spinner"
92
- {%-
93
- if
94
- site.crossorigin
95
- -%}
96
- crossorigin
97
- {%-
98
- endif
99
- -%}
100
- />
101
- <p>Please Wait ,Loading Your file</p>
102
- </div>
103
- <div class="saving-file-download-wrap" style="display: none">
104
- <img
105
- loading="lazy"
106
- class="trust-img"
107
- src="/trust.svg"
108
- alt="trust"
109
- {%-
110
- if
111
- site.crossorigin
112
- -%}
113
- crossorigin
114
- {%-
115
- endif
116
- -%}
117
- />
118
- <p class="text-white my-2">Thanks for your patience</p>
119
- <button class="btn" id="download-zip">Download</button>
120
- </div>
121
- <div class="file-input" id="inputbox" style="color: #fff">
122
- <div class="m-auto">
123
- <div class="d-flex justify-content-center align-items-center">
124
- <div
125
- id="Inputbox"
126
- class="boxes"
127
- style="background: {{boxColor}};"
128
- >
129
- <img
130
- height="21px"
131
- width="21px"
132
- src="/assets/images/add.svg"
133
- alt="add"
134
- {%-
135
- if
136
- site.crossorigin
137
- -%}
138
- crossorigin
139
- {%-
140
- endif
141
- -%}
142
- />
143
- <span class="ml-3">CHOOSE FILE</span>
144
- </div>
145
- <div class="file-pick-dropdown" style="background:{{boxColor}}">
146
- <i class="fas fa-angle-down arrow-sign"></i>
147
- <div class="file-picker-dropdown" style="display: none">
148
- <button id="filepicker">
149
- <svg
150
- class="mr-3"
151
- viewBox="0 0 24 24"
152
- xmlns="http://www.w3.org/2000/svg"
153
- >
154
- <path
155
- id="Path"
156
- d="M8.33331 3H15.6666L23 15H15.6666L8.33331 3Z"
157
- fill="#FFC107"
158
- ></path>
159
- <path
160
- id="Path_2"
161
- d="M4.6012 21L8.30086 15H23L19.3333 21H4.6012Z"
162
- fill="#1976D2"
163
- ></path>
164
- <path
165
- id="Path_3"
166
- d="M1 15.0625L4.60119 21L12 9L8.33333 3L1 15.0625Z"
167
- fill="#4CAF50"
168
- ></path>
169
- </svg>
170
- Google Drive
171
- </button>
172
- <button id="dropbox">
173
- <svg
174
- class="mr-3"
175
- viewBox="0 0 24 24"
176
- fill="#0061FF"
177
- xmlns="http://www.w3.org/2000/svg"
178
- >
179
- <path
180
- id="icon"
181
- 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"
182
- ></path>
183
- </svg>
184
- Dropbox
185
- </button>
186
- </div>
187
- </div>
188
- </div>
189
- </div>
190
- <p id="dropfile" class="text-dark">or drop your file here</p>
191
- <p id="error" class="p-3"></p>
192
- </div>
193
- </div>
194
- <div class="workspace">
195
- <div class="row mx-auto">
196
- <div class="col-md-10 mx-auto">{{content}}</div>
197
- </div>
198
- </div>
199
- {%- endif -%}
200
- </div>
201
- </div>
202
- {%- else -%} {%- if page.noBox == true -%}
203
- <div class="feature-content-box" id="theme-content-box">{{content}}</div>
204
- {%- else -%}
205
- <div class="box-padding" id="theme-content-box">
206
- <div class="d-flex" id="__cond-922051">
207
- <div class="flex-container">
208
- <div class="flex-class">
209
- <div class="d-flex flex-column">
210
- <div
211
- class="box"
212
- style="background:{{featureData.color}};min-height:{{featureData.height}};width:{{featureData.width}}"
213
- >
214
- <div class="box-border"></div>
215
- <div class="content-box">{{content}}</div>
216
- </div>
217
- </div>
218
- </div>
219
- </div>
220
- </div>
221
- </div>
222
- {%- endif -%} {%- endif -%} {%- if page.layout == "batch" -%}
223
- <div
224
- class="w-100 line"
225
- style="border-top: 1px solid rgb(224, 224, 224)"
226
- ></div>
227
- {%- endif -%}
228
-
229
- <div class="container mt-4 mb-5">
230
- <div class="row px-0">
231
- {%- if site.monumetricId and page.url != '/' and page.lang == 'en' -%}
232
- <div class="col-md-9 mx-auto">
233
- <div class="row">
234
- {%- endif -%} {% assign totalHeaderCount = 0 %} {% for data in
235
- featureData.TEXTUAL_CONTENT %} {% assign words = data.header |
236
- split: " " %} {% assign word_count = words | size %} {% assign
237
- totalHeaderCount = totalHeaderCount | plus: word_count %} {% endfor
238
- %} {% for data in featureData.TEXTUAL_CONTENT %}
239
- <div
240
- class="{%- if site.monumetricId and page.url != '/' and page.lang == 'en' -%} col-md-6 my-4 {%- else -%} col-md-4 my-4 {%- endif -%}"
241
- >
242
- <div>
243
- <img
244
- class="feature-card-img"
245
- src="{{data.logoUrl}}"
246
- loading="lazy"
247
- height="48px"
248
- width="48px"
249
- alt="{{data.header}}"
250
- {%-
251
- if
252
- site.crossorigin
253
- -%}
254
- crossorigin
255
- {%-
256
- endif
257
- -%}
258
- />
259
-
260
- {%- if totalHeaderCount > site.count_of_words_in_headings -%}
261
- <h2 class="feature-card-title">
262
- {{data.header | replace: "$variable", page.value}}
263
- </h2>
264
- {%- else -%}
265
- <div class="feature-card-title">
266
- {{data.header | replace: "$variable", page.value}}
267
- </div>
268
- {%- endif -%}
269
- <div class="feature-card-desc">
270
- {{data.content | replace: "$variable", page.value}}
271
- </div>
272
- </div>
273
- </div>
274
- {% endfor %} {%- if site.monumetricId and page.url != '/' and
275
- page.lang == 'en' -%}
276
- </div>
277
- </div>
278
- {%- endif -%}
279
- </div>
280
- </div>
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>
319
- {%- else -%}
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>
338
- {%- endif -%}
339
- </div>
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 %}
348
-
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>
356
- </div>
357
- {%- if site.monumetricId and page.url != '/' and page.lang == 'en'
358
- -%}
359
- </div>
360
- </div>
361
- {%- endif -%}
362
- </div>
363
- </div>
364
- </section>
365
-
366
- {%- if page.layout == "feature" -%} {%- include bookmark.html -%} {%- endif
367
- -%} {%- assign showFaqs= true -%} {%- for item in site.noFaqsList -%} {%- if
368
- item == page.lang -%} {%- assign showFaqs = false -%} {%- break -%} {%- else
369
- -%} {%- assign showFaqs = true -%} {%- endif -%} {%- endfor -%} {%- if
370
- showFaqs == true -%} {%- if featureData.FAQ.size>0 -%}
371
- <section class="faq-section">
372
- <div class="container">
373
- <div class="row">
374
- <div class="col-md-8 mx-auto">
375
- <div class="faq">
376
- <h3 class="feature-h1 text-center mb-4">
377
- {{featureData.faqheading | default: 'Frequently Asked
378
- Questions'}}
379
- </h3>
380
- <ul class="list-unstyled">
381
- {% for data in featureData.FAQ %}
382
- <li>
383
- <h3 class="faq-question" itemprop="name">
384
- {{data.question | replace: "$variable", page.value}}<em
385
- style="transform: rotate(-135deg)"
386
- >
387
- <i></i
388
- ></em>
389
- </h3>
390
- <div style="display: block">
391
- <p class="faq-answer" itemprop="text">
392
- {{data.answer | replace: "$variable", page.value}}
393
- </p>
394
- </div>
395
- </li>
396
- {% endfor %}
397
- </ul>
398
- </div>
399
- </div>
400
- </div>
401
- </div>
402
- </section>
403
- {%- endif -%} {%- endif -%} {%- include share/socialshare.html -%} {%-
404
- include Rating/rating.html -%} {%- if featureData.infographics.size > 0 -%}
405
- {%- include infographics/infographics.html -%} {%- endif -%} {%- include
406
- /Usp/usp.html -%} {%- if featureData.display_formats -%}
407
- <div class="container compare-table">
408
- {%- include fileformat/fileformatdetail.html -%}
409
- </div>
410
- {%- endif -%} {%- if featureData.compare_formats -%}
411
- <div class="container file-detail-table">
412
- {%- include fileformat/comparisonfiles.html -%}
413
- </div>
414
-
415
- {%- endif -%} {%- if site.userTrackingCount -%} {%- include
416
- userTracking.html -%} {%- endif -%} {%- assign langen = "en" -%} {%- if
417
- site.data[folder][langen][file].categories -%} {% assign categories=
418
- site.data[folder][langen][file].categories %} {%- else -%} {% assign
419
- categories= page.categories %} {%- endif -%} {%- if
420
- site.data[folder][langen][file].tags -%} {% assign tags=
421
- site.data[folder][langen][file].tags %} {%- else -%} {% assign tags=
422
- page.tags %} {%- endif -%} {%- if featureData.posts.size > 0 -%} {%- include
423
- customblog/pageRelatedPosts.html -%} {%- else -%} {%- if categories.size > 0
424
- or tags.size > 0 -%} {%- include section/related_categories_post.html -%}
425
- {%- else -%} {%- include section/recent_posts.html -%} {%- endif -%} {%-
426
- endif -%} {%- if site.customblogdata -%} {%- if categories.size> 0 or
427
- tags.size>0-%} {%- include customblog/relatedposts.html -%} {%- else -%} {%-
428
- include customblog/recentposts.html -%} {% endif %} {%- endif -%} {%- if
429
- featureData.author.size > 0 -%} {% include
430
- featurePageAuthors/featurePageAuthors.html %} {%- endif -%} {% include
431
- footer/index.html %} {%- if site.customCode -%} {%- include customCode.html
432
- -%} {%- endif -%} {% include script.html %}
433
- </body>
434
- </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 %} {%- if site.safeui -%}
9
+ <div
10
+ class="alert alert-{{featureData.variant | default: 'info'}} fade show text-center"
11
+ role="alert"
12
+ id="safeui-alert"
13
+ >
14
+ <div class="container">
15
+ {%- if featureData.alertmsg -%} {{featureData.alertmsg}} {%- else -%} We
16
+ do not upload any files to server, hence your data is 100% secure. {%-
17
+ endif -%}
18
+ </div>
19
+ </div>
20
+ {%- endif -%} {%- if page.layout != "frame" and page.layout !=
21
+ "photo-effects-home" and page.layout != "video" and page.layout != "audio"
22
+ -%} {%- if site.newFeatureBox -%}
23
+ <div class="appscms-sidebar-left"></div>
24
+ <div class="appscms-sidebar-right"></div>
25
+ {%- endif -%}
26
+
27
+ <div class="flex-container pb-3">
28
+ <div class="flex-class py-4 mt-4 mt-md-0">
29
+ <div
30
+ id="h1-img-wrapper"
31
+ class="d-flex justify-content-center align-items-center"
32
+ >
33
+ <span id="h1-img" class="fHhdVc">
34
+ <div class="div-cont feature-img mr-2">
35
+ {%- if featureData.img -%}
36
+ <img
37
+ style="width:{{featureData.imgwidth}};height:{{featureData.imgheight}};"
38
+ src="{{featureData.img}}"
39
+ alt="{{featureData.imgalt}}"
40
+ {%-
41
+ if
42
+ site.crossorigin
43
+ -%}
44
+ crossorigin
45
+ {%-
46
+ endif
47
+ -%}
48
+ />
49
+ {%- else -%}
50
+ <svg
51
+ xmlns="http://www.w3.org/2000/svg"
52
+ xmlns:xlink="http://www.w3.org/1999/xlink"
53
+ viewBox="0 0 36 36"
54
+ fill="#000"
55
+ >
56
+ <path
57
+ 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"
58
+ ></path>
59
+ </svg>
60
+ {%- endif -%}
61
+ </div>
62
+ </span>
63
+ {%- assign featureh1 = featureData.H1 | replace: "$variable",
64
+ page.value -%}
65
+ <h1 id="feature-h1" class="feature-h1">
66
+ {%- for word in featureh1-%} {%- if forloop.first == true -%} {{word
67
+ | capitalize }} {%- else -%} {{word}} {%- endif -%} {%- endfor -%}
68
+ </h1>
69
+ </div>
70
+ {%- assign featureh2 = featureData.H2 | replace: "$variable", page.value
71
+ -%}
72
+ <h2 id="feature-h2" class="feature-h2">
73
+ {%- for word in featureh2 -%} {%- if forloop.first == true -%} {{word
74
+ | capitalize }} {%- else -%} {{word}} {%- endif -%} {%- endfor -%}
75
+ </h2>
76
+ </div>
77
+ </div>
78
+
79
+ {%- endif -%} {%- if site.noFeatureBox == true -%}
80
+ <div class="feature-content-box" id="theme-content-box">{{content}}</div>
81
+ {%- elsif site.newFeatureBox and page.newBox -%}
82
+ <div class="feature-content-box" id="theme-content-box">
83
+ <div class="container">
84
+ {%- assign boxColor =
85
+ site.data[page.folderName][page.lang][page.fileName].color -%} {%- if
86
+ page.removeBox != true -%}
87
+ <div class="custom-box" data-color="{{boxColor}}">
88
+ <div style="display: none" id="file-loader">
89
+ <img
90
+ src="/assets/images/spinner.gif"
91
+ alt="spinner"
92
+ {%-
93
+ if
94
+ site.crossorigin
95
+ -%}
96
+ crossorigin
97
+ {%-
98
+ endif
99
+ -%}
100
+ />
101
+ <p>Please Wait ,Loading Your file</p>
102
+ </div>
103
+ <div class="saving-file-download-wrap" style="display: none">
104
+ <img
105
+ loading="lazy"
106
+ class="trust-img"
107
+ src="/trust.svg"
108
+ alt="trust"
109
+ {%-
110
+ if
111
+ site.crossorigin
112
+ -%}
113
+ crossorigin
114
+ {%-
115
+ endif
116
+ -%}
117
+ />
118
+ <p class="text-white my-2">Thanks for your patience</p>
119
+ <button class="btn" id="download-zip">Download</button>
120
+ </div>
121
+ <div class="file-input" id="inputbox" style="color: #fff">
122
+ <div class="m-auto">
123
+ <div class="d-flex justify-content-center align-items-center">
124
+ <div
125
+ id="Inputbox"
126
+ class="boxes"
127
+ style="background: {{boxColor}};"
128
+ >
129
+ <img
130
+ height="21px"
131
+ width="21px"
132
+ src="/assets/images/add.svg"
133
+ alt="add"
134
+ {%-
135
+ if
136
+ site.crossorigin
137
+ -%}
138
+ crossorigin
139
+ {%-
140
+ endif
141
+ -%}
142
+ />
143
+ <span class="ml-3">CHOOSE FILE</span>
144
+ </div>
145
+ <div class="file-pick-dropdown" style="background:{{boxColor}}">
146
+ <i class="fas fa-angle-down arrow-sign"></i>
147
+ <div class="file-picker-dropdown" style="display: none">
148
+ <button id="filepicker">
149
+ <svg
150
+ class="mr-3"
151
+ viewBox="0 0 24 24"
152
+ xmlns="http://www.w3.org/2000/svg"
153
+ >
154
+ <path
155
+ id="Path"
156
+ d="M8.33331 3H15.6666L23 15H15.6666L8.33331 3Z"
157
+ fill="#FFC107"
158
+ ></path>
159
+ <path
160
+ id="Path_2"
161
+ d="M4.6012 21L8.30086 15H23L19.3333 21H4.6012Z"
162
+ fill="#1976D2"
163
+ ></path>
164
+ <path
165
+ id="Path_3"
166
+ d="M1 15.0625L4.60119 21L12 9L8.33333 3L1 15.0625Z"
167
+ fill="#4CAF50"
168
+ ></path>
169
+ </svg>
170
+ Google Drive
171
+ </button>
172
+ <button id="dropbox">
173
+ <svg
174
+ class="mr-3"
175
+ viewBox="0 0 24 24"
176
+ fill="#0061FF"
177
+ xmlns="http://www.w3.org/2000/svg"
178
+ >
179
+ <path
180
+ id="icon"
181
+ 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"
182
+ ></path>
183
+ </svg>
184
+ Dropbox
185
+ </button>
186
+ </div>
187
+ </div>
188
+ </div>
189
+ </div>
190
+ <p id="dropfile" class="text-dark">or drop your file here</p>
191
+ <p id="error" class="p-3"></p>
192
+ </div>
193
+ </div>
194
+ <div class="workspace">
195
+ <div class="row mx-auto">
196
+ <div class="col-md-10 mx-auto">{{content}}</div>
197
+ </div>
198
+ </div>
199
+ {%- endif -%}
200
+ </div>
201
+ </div>
202
+ {%- else -%} {%- if page.noBox == true -%}
203
+ <div class="feature-content-box" id="theme-content-box">{{content}}</div>
204
+ {%- else -%}
205
+ <div class="box-padding" id="theme-content-box">
206
+ <div class="d-flex" id="__cond-922051">
207
+ <div class="flex-container">
208
+ <div class="flex-class">
209
+ <div class="d-flex flex-column">
210
+ <div
211
+ class="box"
212
+ style="background:{{featureData.color}};min-height:{{featureData.height}};width:{{featureData.width}}"
213
+ >
214
+ <div class="box-border"></div>
215
+ <div class="content-box">{{content}}</div>
216
+ </div>
217
+ </div>
218
+ </div>
219
+ </div>
220
+ </div>
221
+ </div>
222
+ {%- endif -%} {%- endif -%} {%- if page.layout == "batch" -%}
223
+ <div
224
+ class="w-100 line"
225
+ style="border-top: 1px solid rgb(224, 224, 224)"
226
+ ></div>
227
+ {%- endif -%}
228
+
229
+ <div class="container mt-4 mb-5">
230
+ <div class="row px-0">
231
+ {%- if site.monumetricId and page.url != '/' and page.lang == 'en' -%}
232
+ <div class="col-md-9 mx-auto">
233
+ <div class="row">
234
+ {%- endif -%} {% assign totalHeaderCount = 0 %} {% for data in
235
+ featureData.TEXTUAL_CONTENT %} {% assign words = data.header |
236
+ split: " " %} {% assign word_count = words | size %} {% assign
237
+ totalHeaderCount = totalHeaderCount | plus: word_count %} {% endfor
238
+ %} {% for data in featureData.TEXTUAL_CONTENT %}
239
+ <div
240
+ class="{%- if site.monumetricId and page.url != '/' and page.lang == 'en' -%} col-md-6 my-4 {%- else -%} col-md-4 my-4 {%- endif -%}"
241
+ >
242
+ <div>
243
+ <img
244
+ class="feature-card-img"
245
+ src="{{data.logoUrl}}"
246
+ loading="lazy"
247
+ height="48px"
248
+ width="48px"
249
+ alt="{{data.header}}"
250
+ {%-
251
+ if
252
+ site.crossorigin
253
+ -%}
254
+ crossorigin
255
+ {%-
256
+ endif
257
+ -%}
258
+ />
259
+
260
+ {%- if totalHeaderCount > site.count_of_words_in_headings -%}
261
+ <h2 class="feature-card-title">
262
+ {{data.header | replace: "$variable", page.value}}
263
+ </h2>
264
+ {%- else -%}
265
+ <div class="feature-card-title">
266
+ {{data.header | replace: "$variable", page.value}}
267
+ </div>
268
+ {%- endif -%}
269
+ <div class="feature-card-desc">
270
+ {{data.content | replace: "$variable", page.value}}
271
+ </div>
272
+ </div>
273
+ </div>
274
+ {% endfor %} {%- if site.monumetricId and page.url != '/' and
275
+ page.lang == 'en' -%}
276
+ </div>
277
+ </div>
278
+ {%- endif -%}
279
+ </div>
280
+ </div>
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
+ loading="lazy"
304
+ height="315"
305
+ src="https://www.youtube.com/embed/{{video_id}}?autoplay=1&mute=1"
306
+ allowfullscreen
307
+ >
308
+ </iframe>
309
+ {%- else -%}
310
+ <iframe
311
+ class="youtubeVideoPlayer mb-5"
312
+ width="500"
313
+ height="315"
314
+ src="https://www.youtube.com/embed/{{video_id}}?autoplay=1&mute=1"
315
+ allowfullscreen
316
+ >
317
+ </iframe>
318
+ {%- endif -%}
319
+ </div>
320
+ {%- else -%}
321
+ <div class="how-to-img-wrapper">
322
+ <img
323
+ class="how-to-leftimg"
324
+ height="180px"
325
+ width="300px"
326
+ src="{{featureData.HOW_TO_CONTENT.logoImageUrl}}"
327
+ loading="lazy"
328
+ alt="{{featureData.HOW_TO_CONTENT.logoImageAlt | default: 'how to image' }}"
329
+ {%-
330
+ if
331
+ site.crossorigin
332
+ -%}
333
+ crossorigin
334
+ {%-
335
+ endif
336
+ -%}
337
+ />
338
+ </div>
339
+ {%- endif -%}
340
+ </div>
341
+ <div class="col-md-6 order-1">
342
+ <div class="how-to-right">
343
+ <h3 class="how-to-title text-left">
344
+ {{featureData.HOW_TO_CONTENT.heading | replace: "$variable",
345
+ page.value}}
346
+ </h3>
347
+ <ol class="how-to-list">
348
+ {% for data in featureData.HOW_TO_CONTENT.steps %}
349
+
350
+ <li id="step{{forloop.index}}" class="how-to-list-item">
351
+ <span>{{forloop.index}}.</span>{{data | replace:
352
+ "$variable", page.value}}
353
+ </li>
354
+ {% endfor %}
355
+ </ol>
356
+ </div>
357
+ </div>
358
+ {%- if site.monumetricId and page.url != '/' and page.lang == 'en'
359
+ -%}
360
+ </div>
361
+ </div>
362
+ {%- endif -%}
363
+ </div>
364
+ </div>
365
+ </section>
366
+
367
+ {%- if page.layout == "feature" -%} {%- include bookmark.html -%} {%- endif
368
+ -%} {%- assign showFaqs= true -%} {%- for item in site.noFaqsList -%} {%- if
369
+ item == page.lang -%} {%- assign showFaqs = false -%} {%- break -%} {%- else
370
+ -%} {%- assign showFaqs = true -%} {%- endif -%} {%- endfor -%} {%- if
371
+ showFaqs == true -%} {%- if featureData.FAQ.size>0 -%}
372
+ <section class="faq-section">
373
+ <div class="container">
374
+ <div class="row">
375
+ <div class="col-md-8 mx-auto">
376
+ <div class="faq">
377
+ <h3 class="feature-h1 text-center mb-4">
378
+ {{featureData.faqheading | default: 'Frequently Asked
379
+ Questions'}}
380
+ </h3>
381
+ <ul class="list-unstyled">
382
+ {% for data in featureData.FAQ %}
383
+ <li>
384
+ <h3 class="faq-question" itemprop="name">
385
+ {{data.question | replace: "$variable", page.value}}<em
386
+ style="transform: rotate(-135deg)"
387
+ >
388
+ <i></i
389
+ ></em>
390
+ </h3>
391
+ <div style="display: block">
392
+ <p class="faq-answer" itemprop="text">
393
+ {{data.answer | replace: "$variable", page.value}}
394
+ </p>
395
+ </div>
396
+ </li>
397
+ {% endfor %}
398
+ </ul>
399
+ </div>
400
+ </div>
401
+ </div>
402
+ </div>
403
+ </section>
404
+ {%- endif -%} {%- endif -%} {%- include share/socialshare.html -%} {%-
405
+ include Rating/rating.html -%} {%- if featureData.infographics.size > 0 -%}
406
+ {%- include infographics/infographics.html -%} {%- endif -%} {%- include
407
+ /Usp/usp.html -%} {%- if featureData.display_formats -%}
408
+ <div class="container compare-table">
409
+ {%- include fileformat/fileformatdetail.html -%}
410
+ </div>
411
+ {%- endif -%} {%- if featureData.compare_formats -%}
412
+ <div class="container file-detail-table">
413
+ {%- include fileformat/comparisonfiles.html -%}
414
+ </div>
415
+
416
+ {%- endif -%} {%- if site.userTrackingCount -%} {%- include
417
+ userTracking.html -%} {%- endif -%} {%- assign langen = "en" -%} {%- if
418
+ site.data[folder][langen][file].categories -%} {% assign categories=
419
+ site.data[folder][langen][file].categories %} {%- else -%} {% assign
420
+ categories= page.categories %} {%- endif -%} {%- if
421
+ site.data[folder][langen][file].tags -%} {% assign tags=
422
+ site.data[folder][langen][file].tags %} {%- else -%} {% assign tags=
423
+ page.tags %} {%- endif -%} {%- if featureData.posts.size > 0 -%} {%- include
424
+ customblog/pageRelatedPosts.html -%} {%- else -%} {%- if categories.size > 0
425
+ or tags.size > 0 -%} {%- include section/related_categories_post.html -%}
426
+ {%- else -%} {%- include section/recent_posts.html -%} {%- endif -%} {%-
427
+ endif -%} {%- if site.customblogdata -%} {%- if categories.size> 0 or
428
+ tags.size>0-%} {%- include customblog/relatedposts.html -%} {%- else -%} {%-
429
+ include customblog/recentposts.html -%} {% endif %} {%- endif -%} {%- if
430
+ featureData.author.size > 0 -%} {% include
431
+ featurePageAuthors/featurePageAuthors.html %} {%- endif -%} {% include
432
+ footer/index.html %} {%- if site.customCode -%} {%- include customCode.html
433
+ -%} {%- endif -%} {% include script.html %}
434
+ </body>
435
+ </html>