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
data/_layouts/home.html CHANGED
@@ -1,300 +1,300 @@
1
- {% assign file = page.fileName %} {% assign lang = page.lang %} {% assign folder
2
- = page.folderName %} {% assign homeData= 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 homeData.nofileupload -%}
9
- <div
10
- id="safeui-alert"
11
- class="alert alert-{{homeData.variant | default: 'info'}} fade show text-center"
12
- role="alert"
13
- >
14
- <div class="container">
15
- {%- if homeData.alertmsg -%} {{homeData.alertmsg}} {%- else -%} We do
16
- not upload any files to server, hence your data is 100% secure. {%-
17
- endif -%}
18
- </div>
19
- </div>
20
- {%- endif -%} {%- if homeData.h1 or homeData.h2 -%}
21
- <div class="flex-container mb-1">
22
- <div class="flex-class py-5">
23
- <div class="d-flex justify-content-center align-items-center">
24
- <span class="fHhdVc">
25
- <div class="div-cont feature-img mr-2">
26
- {%- if homeData.img -%}
27
- <img
28
- loading="lazy"
29
- style="width:{{homeData.imgwidth}};height:{{homeData.imgheight}};"
30
- src="{{homeData.img}}"
31
- alt="{{homeData.imgalt}}"
32
- {%-
33
- if
34
- site.crossorigin
35
- -%}
36
- crossorigin
37
- {%-
38
- endif
39
- -%}
40
- />
41
- {%- endif -%}
42
- </div>
43
- </span>
44
- <h1 class="home-top-h1">
45
- {%- for word in homeData.h1 -%} {%- if forloop.first == true -%}
46
- {{word | capitalize }} {%- else -%} {{word}} {%- endif -%} {%-
47
- endfor -%}
48
- </h1>
49
- </div>
50
- <h2 class="home-top-h2">
51
- {%- for word in homeData.h2 -%} {%- if forloop.first == true -%}
52
- {{word | capitalize }} {%- else -%} {{word}} {%- endif -%} {%- endfor
53
- -%}
54
- </h2>
55
- </div>
56
- </div>
57
- {%- endif -%} {%- if homeData.features -%} {%- if site.monumetricId and
58
- page.url != '/' and page.lang == "en" -%}
59
- <div class="container">
60
- <div class="row">
61
- <div class="col-md-9 mx-auto">
62
- {%- endif -%}
63
- <div class="flex-container">
64
- <div class="flex-class">
65
- <ul class="home-features">
66
- {% for product in homeData.features %}
67
- <li
68
- style="background:{{product.color}}"
69
- class="home-feature-box"
70
- >
71
- <div class="home-inner-box">
72
- <div
73
- class="div-cont feature-img"
74
- height="36px"
75
- width="36px"
76
- >
77
- <img
78
- loading="lazy"
79
- src="{{product.icon}}"
80
- height="36px"
81
- width="36px"
82
- alt="star icon"
83
- {%-
84
- if
85
- site.crossorigin
86
- -%}
87
- crossorigin
88
- {%-
89
- endif
90
- -%}
91
- />
92
- </div>
93
- </div>
94
- <div class="home-feature-desc">{{product.description}}</div>
95
- <a class="home-feature-name" href="{{product.url}}"
96
- >{{product.name}}</a
97
- >
98
- </li>
99
- {% endfor %}
100
- </ul>
101
- </div>
102
- </div>
103
- {%- if site.monumetricId and page.url != '/' and page.lang == "en" -%}
104
- </div>
105
- </div>
106
- </div>
107
- {%- endif -%} {%- endif -%}
108
- <div class="home-content-box" id="theme-content-box">{{content}}</div>
109
- {%- if homeData.TEXTUAL_CONTENT -%}
110
- <div class="container mt-4 mb-4">
111
- <div class="row px-0">
112
- {%- if site.monumetricId and page.url != '/' and page.lang == "en" -%}
113
- <div class="col-md-9 mx-auto">
114
- <div class="row">
115
- {%- endif -%} {% assign totalHeaderCount = 0 %} {% for data in
116
- homeData.TEXTUAL_CONTENT %} {% assign words = data.header | split: "
117
- " %} {% assign word_count = words | size %} {% assign
118
- totalHeaderCount = totalHeaderCount | plus: word_count %} {% endfor
119
- %} {% for data in homeData.TEXTUAL_CONTENT %}
120
- <div
121
- class="{%- if site.monumetricId and page.url != '/' and page.lang == 'en' -%} col-md-6 my-4 {%- else -%} col-md-4 my-4 {%- endif -%}"
122
- >
123
- <div>
124
- <img
125
- class="feature-card-img"
126
- height="48px"
127
- width="48px"
128
- loading="lazy"
129
- src="{{data.logoUrl}}"
130
- alt="{{data.header}}"
131
- {%-
132
- if
133
- site.crossorigin
134
- -%}
135
- crossorigin
136
- {%-
137
- endif
138
- -%}
139
- />
140
-
141
- {%- if totalHeaderCount > site.count_of_words_in_headings -%}
142
- <h2 class="feature-card-title">
143
- {{data.header | replace: "$variable", page.value}}
144
- </h2>
145
- {%- else -%}
146
- <div class="feature-card-title">
147
- {{data.header | replace: "$variable", page.value}}
148
- </div>
149
- {%- endif -%}
150
- <div class="feature-card-desc">
151
- {{data.content | replace: "$variable", page.value}}
152
- </div>
153
- </div>
154
- </div>
155
- {% endfor %} {%- if site.monumetricId and page.url != '/' and
156
- page.lang == "en" -%}
157
- </div>
158
- </div>
159
- {%- endif -%}
160
- </div>
161
- </div>
162
- {%- endif -%} {%- if homeData.HOW_TO_CONTENT -%}
163
- <section class="how-to-section">
164
- <div class="container">
165
- <div class="row">
166
- {%- if site.monumetricId and page.url != '/' and page.lang == "en" -%}
167
- <div class="col-md-9 mx-auto">
168
- <div class="row">
169
- {%- endif -%}
170
- <div class="col-md-6 order-0">
171
- {%- if homeData.HOW_TO_CONTENT.YoutubeVideoUrl.size > 0 -%}
172
- <div class="how-to-video-wrapper">
173
- {% assign video_url = homeData.HOW_TO_CONTENT.YoutubeVideoUrl %}
174
- {% assign video_id = "" %}
175
- {% if video_url contains "youtu.be/" %}
176
- {% assign parts = video_url | split: "/" %}
177
- {% assign video_id = parts[3] %}
178
- {% elsif video_url contains "youtube.com/watch" %}
179
- {% assign params = video_url | split: "?" | last | split: "&" %}
180
- {% for param in params %}
181
- {% if param contains "v=" %}
182
- {% assign video_id = param | split: "=" | last %}
183
- {% endif %}
184
- {% endfor %}
185
- {% endif %}
186
- {%- if site.monumetricId -%}
187
- <iframe class="youtubeVideoPlayer mb-5" width="400" height="315"
188
- src="https://www.youtube.com/embed/{{video_id}}?autoplay=1&mute=1" allowfullscreen>
189
- </iframe>
190
- {%- else -%}
191
- <iframe class="youtubeVideoPlayer mb-5" width="500" height="315"
192
- src="https://www.youtube.com/embed/{{video_id}}?autoplay=1&mute=1" allowfullscreen>
193
- </iframe>
194
- {%- endif -%}
195
- </div>
196
- {%- else -%}
197
- <div class="how-to-img-wrapper">
198
- <img class="how-to-leftimg" height="180px" width="300px"
199
- src="{{homeData.HOW_TO_CONTENT.logoImageUrl}}" loading="lazy"
200
- alt="{{homeData.HOW_TO_CONTENT.logoImageAlt | default: 'how to image' }}" {%- if site.crossorigin
201
- -%} crossorigin {%- endif -%} />
202
- </div>
203
- {%- endif -%}
204
- </div>
205
- <div class="col-md-6 order-1">
206
- <div class="how-to-right">
207
- <h3 class="how-to-title text-left">
208
- {{homeData.HOW_TO_CONTENT.heading | replace: "$variable",
209
- page.value}}
210
- </h3>
211
- <ol class="how-to-list">
212
- {% for data in homeData.HOW_TO_CONTENT.steps %}
213
-
214
- <li id="step{{forloop.index}}" class="how-to-list-item">
215
- <span>{{forloop.index}}.</span>{{data | replace:
216
- "$variable", page.value}}
217
- </li>
218
- {% endfor %}
219
- </ol>
220
- </div>
221
- </div>
222
- {%- if site.monumetricId and page.url != '/' and page.lang == 'en'
223
- -%}
224
- </div>
225
- </div>
226
- {%- endif -%}
227
- </div>
228
- </div>
229
- </section>
230
- {%- endif -%} {%- assign showFaqs = true -%} {%- for item in site.noFaqsList
231
- -%} {%- if item == page.lang -%} {%- assign showFaqs = false -%} {%- break
232
- -%} {%- else -%} {%- assign showFaqs = true -%} {%- endif -%} {%- endfor -%}
233
- {%- if showFaqs == true -%} {%- if homeData.FAQ -%}
234
- <section class="faq-section">
235
- <div class="container">
236
- <div class="row">
237
- <div class="col-md-8 mx-auto">
238
- <div class="faq">
239
- {%- if homeData.FAQ.size>0 -%}
240
- <h3 class="feature-h1 text-center mb-4">
241
- {{homeData.faqheading | default: 'Frequently Asked Questions'}}
242
- </h3>
243
- {%- endif -%}
244
- <ul class="list-unstyled">
245
- {% for data in homeData.FAQ %}
246
- <li>
247
- <h3 class="faq-question" itemprop="name">
248
- {{data.question | replace: "$variable", page.value}}<em
249
- style="transform: rotate(-135deg)"
250
- >
251
- <i></i
252
- ></em>
253
- </h3>
254
- <div style="display: block">
255
- <p class="faq-answer" itemprop="text">
256
- {{data.answer | replace: "$variable", page.value}}
257
- </p>
258
- </div>
259
- </li>
260
- {% endfor %}
261
- </ul>
262
- </div>
263
- </div>
264
- </div>
265
- </div>
266
- </section>
267
- {%- endif -%} {%- endif -%} {%- include share/socialshare.html -%} {%-
268
- include Rating/rating.html -%}
269
- {%- if homeData.infographics.size > 0 -%}
270
- {%- include infographics/infographics.html -%}
271
- {%- endif -%}
272
-
273
- {%- if homeData.USPS -%} {%- include
274
- /Usp/usp.html -%} {%- endif -%} {%- if homeData.display_formats -%}
275
- <div class="container file-detail-table">
276
- {%- include fileformat/fileformatdetail.html -%}
277
- </div>
278
- {%- endif -%} {%- if homeData.compare_formats -%}
279
- <div class="container compare-table">
280
- {%- include fileformat/comparisonfiles.html -%}
281
- </div>
282
- {%- endif -%} {%- assign langen = "en" -%} {%- if
283
- site.data[folder][langen][file].categories -%} {%- assign categories =
284
- site.data[folder][langen][file].categories -%} {%- else -%} {%- assign
285
- categories = page.categories -%} {%- endif -%} {%- if
286
- site.data[folder][langen][file].tags -%} {%- assign tags =
287
- site.data[folder][langen][file].tags -%} {%- else -%} {%- assign tags =
288
- page.tags -%} {%- endif -%} {%- if homeData.posts.size > 0 -%} {%- include
289
- customblog/pageRelatedPosts.html -%} {%- else -%} {%- if categories.size > 0
290
- or tags.size > 0 -%} {%- include section/related_categories_post.html -%}
291
- {%- else -%} {%- include section/recent_posts.html -%} {%- endif -%} {%-
292
- endif -%} {%- if site.customblogdata -%} {%- if categories.size > 0 or
293
- tags.size > 0 -%} {%- include customblog/relatedposts.html -%} {%- else -%}
294
- {%- include customblog/recentposts.html -%} {%- endif -%} {%- endif -%} {%-
295
- if homeData.author.size > 0 -%} {%- include
296
- featurePageAuthors/featurePageAuthors.html -%} {%- endif -%} {%- include
297
- footer/index.html -%} {%- if site.customCode -%} {%- include customCode.html
298
- -%} {%- endif -%} {%- include script.html -%}
299
- </body>
300
- </html>
1
+ {% assign file = page.fileName %} {% assign lang = page.lang %} {% assign folder
2
+ = page.folderName %} {% assign homeData= 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 homeData.nofileupload -%}
9
+ <div
10
+ id="safeui-alert"
11
+ class="alert alert-{{homeData.variant | default: 'info'}} fade show text-center"
12
+ role="alert"
13
+ >
14
+ <div class="container">
15
+ {%- if homeData.alertmsg -%} {{homeData.alertmsg}} {%- else -%} We do
16
+ not upload any files to server, hence your data is 100% secure. {%-
17
+ endif -%}
18
+ </div>
19
+ </div>
20
+ {%- endif -%} {%- if homeData.h1 or homeData.h2 -%}
21
+ <div class="flex-container mb-1">
22
+ <div class="flex-class py-5">
23
+ <div class="d-flex justify-content-center align-items-center">
24
+ <span class="fHhdVc">
25
+ <div class="div-cont feature-img mr-2">
26
+ {%- if homeData.img -%}
27
+ <img
28
+ loading="lazy"
29
+ style="width:{{homeData.imgwidth}};height:{{homeData.imgheight}};"
30
+ src="{{homeData.img}}"
31
+ alt="{{homeData.imgalt}}"
32
+ {%-
33
+ if
34
+ site.crossorigin
35
+ -%}
36
+ crossorigin
37
+ {%-
38
+ endif
39
+ -%}
40
+ />
41
+ {%- endif -%}
42
+ </div>
43
+ </span>
44
+ <h1 class="home-top-h1">
45
+ {%- for word in homeData.h1 -%} {%- if forloop.first == true -%}
46
+ {{word | capitalize }} {%- else -%} {{word}} {%- endif -%} {%-
47
+ endfor -%}
48
+ </h1>
49
+ </div>
50
+ <h2 class="home-top-h2">
51
+ {%- for word in homeData.h2 -%} {%- if forloop.first == true -%}
52
+ {{word | capitalize }} {%- else -%} {{word}} {%- endif -%} {%- endfor
53
+ -%}
54
+ </h2>
55
+ </div>
56
+ </div>
57
+ {%- endif -%} {%- if homeData.features -%} {%- if site.monumetricId and
58
+ page.url != '/' and page.lang == "en" -%}
59
+ <div class="container">
60
+ <div class="row">
61
+ <div class="col-md-9 mx-auto">
62
+ {%- endif -%}
63
+ <div class="flex-container">
64
+ <div class="flex-class">
65
+ <ul class="home-features">
66
+ {% for product in homeData.features %}
67
+ <li
68
+ style="background:{{product.color}}"
69
+ class="home-feature-box"
70
+ >
71
+ <div class="home-inner-box">
72
+ <div
73
+ class="div-cont feature-img"
74
+ height="36px"
75
+ width="36px"
76
+ >
77
+ <img
78
+ loading="lazy"
79
+ src="{{product.icon}}"
80
+ height="36px"
81
+ width="36px"
82
+ alt="star icon"
83
+ {%-
84
+ if
85
+ site.crossorigin
86
+ -%}
87
+ crossorigin
88
+ {%-
89
+ endif
90
+ -%}
91
+ />
92
+ </div>
93
+ </div>
94
+ <div class="home-feature-desc">{{product.description}}</div>
95
+ <a class="home-feature-name" href="{{product.url}}"
96
+ >{{product.name}}</a
97
+ >
98
+ </li>
99
+ {% endfor %}
100
+ </ul>
101
+ </div>
102
+ </div>
103
+ {%- if site.monumetricId and page.url != '/' and page.lang == "en" -%}
104
+ </div>
105
+ </div>
106
+ </div>
107
+ {%- endif -%} {%- endif -%}
108
+ <div class="home-content-box" id="theme-content-box">{{content}}</div>
109
+ {%- if homeData.TEXTUAL_CONTENT -%}
110
+ <div class="container mt-4 mb-4">
111
+ <div class="row px-0">
112
+ {%- if site.monumetricId and page.url != '/' and page.lang == "en" -%}
113
+ <div class="col-md-9 mx-auto">
114
+ <div class="row">
115
+ {%- endif -%} {% assign totalHeaderCount = 0 %} {% for data in
116
+ homeData.TEXTUAL_CONTENT %} {% assign words = data.header | split: "
117
+ " %} {% assign word_count = words | size %} {% assign
118
+ totalHeaderCount = totalHeaderCount | plus: word_count %} {% endfor
119
+ %} {% for data in homeData.TEXTUAL_CONTENT %}
120
+ <div
121
+ class="{%- if site.monumetricId and page.url != '/' and page.lang == 'en' -%} col-md-6 my-4 {%- else -%} col-md-4 my-4 {%- endif -%}"
122
+ >
123
+ <div>
124
+ <img
125
+ class="feature-card-img"
126
+ height="48px"
127
+ width="48px"
128
+ loading="lazy"
129
+ src="{{data.logoUrl}}"
130
+ alt="{{data.header}}"
131
+ {%-
132
+ if
133
+ site.crossorigin
134
+ -%}
135
+ crossorigin
136
+ {%-
137
+ endif
138
+ -%}
139
+ />
140
+
141
+ {%- if totalHeaderCount > site.count_of_words_in_headings -%}
142
+ <h2 class="feature-card-title">
143
+ {{data.header | replace: "$variable", page.value}}
144
+ </h2>
145
+ {%- else -%}
146
+ <div class="feature-card-title">
147
+ {{data.header | replace: "$variable", page.value}}
148
+ </div>
149
+ {%- endif -%}
150
+ <div class="feature-card-desc">
151
+ {{data.content | replace: "$variable", page.value}}
152
+ </div>
153
+ </div>
154
+ </div>
155
+ {% endfor %} {%- if site.monumetricId and page.url != '/' and
156
+ page.lang == "en" -%}
157
+ </div>
158
+ </div>
159
+ {%- endif -%}
160
+ </div>
161
+ </div>
162
+ {%- endif -%} {%- if homeData.HOW_TO_CONTENT -%}
163
+ <section class="how-to-section">
164
+ <div class="container">
165
+ <div class="row">
166
+ {%- if site.monumetricId and page.url != '/' and page.lang == "en" -%}
167
+ <div class="col-md-9 mx-auto">
168
+ <div class="row">
169
+ {%- endif -%}
170
+ <div class="col-md-6 order-0">
171
+ {%- if homeData.HOW_TO_CONTENT.YoutubeVideoUrl.size > 0 -%}
172
+ <div class="how-to-video-wrapper">
173
+ {% assign video_url = homeData.HOW_TO_CONTENT.YoutubeVideoUrl %}
174
+ {% assign video_id = "" %}
175
+ {% if video_url contains "youtu.be/" %}
176
+ {% assign parts = video_url | split: "/" %}
177
+ {% assign video_id = parts[3] %}
178
+ {% elsif video_url contains "youtube.com/watch" %}
179
+ {% assign params = video_url | split: "?" | last | split: "&" %}
180
+ {% for param in params %}
181
+ {% if param contains "v=" %}
182
+ {% assign video_id = param | split: "=" | last %}
183
+ {% endif %}
184
+ {% endfor %}
185
+ {% endif %}
186
+ {%- if site.monumetricId -%}
187
+ <iframe class="youtubeVideoPlayer mb-5" width="400" height="315"
188
+ src="https://www.youtube.com/embed/{{video_id}}?autoplay=1&mute=1" allowfullscreen>
189
+ </iframe>
190
+ {%- else -%}
191
+ <iframe class="youtubeVideoPlayer mb-5" width="500" height="315"
192
+ src="https://www.youtube.com/embed/{{video_id}}?autoplay=1&mute=1" allowfullscreen>
193
+ </iframe>
194
+ {%- endif -%}
195
+ </div>
196
+ {%- else -%}
197
+ <div class="how-to-img-wrapper">
198
+ <img class="how-to-leftimg" height="180px" width="300px"
199
+ src="{{homeData.HOW_TO_CONTENT.logoImageUrl}}" loading="lazy"
200
+ alt="{{homeData.HOW_TO_CONTENT.logoImageAlt | default: 'how to image' }}" {%- if site.crossorigin
201
+ -%} crossorigin {%- endif -%} />
202
+ </div>
203
+ {%- endif -%}
204
+ </div>
205
+ <div class="col-md-6 order-1">
206
+ <div class="how-to-right">
207
+ <h3 class="how-to-title text-left">
208
+ {{homeData.HOW_TO_CONTENT.heading | replace: "$variable",
209
+ page.value}}
210
+ </h3>
211
+ <ol class="how-to-list">
212
+ {% for data in homeData.HOW_TO_CONTENT.steps %}
213
+
214
+ <li id="step{{forloop.index}}" class="how-to-list-item">
215
+ <span>{{forloop.index}}.</span>{{data | replace:
216
+ "$variable", page.value}}
217
+ </li>
218
+ {% endfor %}
219
+ </ol>
220
+ </div>
221
+ </div>
222
+ {%- if site.monumetricId and page.url != '/' and page.lang == 'en'
223
+ -%}
224
+ </div>
225
+ </div>
226
+ {%- endif -%}
227
+ </div>
228
+ </div>
229
+ </section>
230
+ {%- endif -%} {%- assign showFaqs = true -%} {%- for item in site.noFaqsList
231
+ -%} {%- if item == page.lang -%} {%- assign showFaqs = false -%} {%- break
232
+ -%} {%- else -%} {%- assign showFaqs = true -%} {%- endif -%} {%- endfor -%}
233
+ {%- if showFaqs == true -%} {%- if homeData.FAQ -%}
234
+ <section class="faq-section">
235
+ <div class="container">
236
+ <div class="row">
237
+ <div class="col-md-8 mx-auto">
238
+ <div class="faq">
239
+ {%- if homeData.FAQ.size>0 -%}
240
+ <h3 class="feature-h1 text-center mb-4">
241
+ {{homeData.faqheading | default: 'Frequently Asked Questions'}}
242
+ </h3>
243
+ {%- endif -%}
244
+ <ul class="list-unstyled">
245
+ {% for data in homeData.FAQ %}
246
+ <li>
247
+ <h3 class="faq-question" itemprop="name">
248
+ {{data.question | replace: "$variable", page.value}}<em
249
+ style="transform: rotate(-135deg)"
250
+ >
251
+ <i></i
252
+ ></em>
253
+ </h3>
254
+ <div style="display: block">
255
+ <p class="faq-answer" itemprop="text">
256
+ {{data.answer | replace: "$variable", page.value}}
257
+ </p>
258
+ </div>
259
+ </li>
260
+ {% endfor %}
261
+ </ul>
262
+ </div>
263
+ </div>
264
+ </div>
265
+ </div>
266
+ </section>
267
+ {%- endif -%} {%- endif -%} {%- include share/socialshare.html -%} {%-
268
+ include Rating/rating.html -%}
269
+ {%- if homeData.infographics.size > 0 -%}
270
+ {%- include infographics/infographics.html -%}
271
+ {%- endif -%}
272
+
273
+ {%- if homeData.USPS -%} {%- include
274
+ /Usp/usp.html -%} {%- endif -%} {%- if homeData.display_formats -%}
275
+ <div class="container file-detail-table">
276
+ {%- include fileformat/fileformatdetail.html -%}
277
+ </div>
278
+ {%- endif -%} {%- if homeData.compare_formats -%}
279
+ <div class="container compare-table">
280
+ {%- include fileformat/comparisonfiles.html -%}
281
+ </div>
282
+ {%- endif -%} {%- assign langen = "en" -%} {%- if
283
+ site.data[folder][langen][file].categories -%} {%- assign categories =
284
+ site.data[folder][langen][file].categories -%} {%- else -%} {%- assign
285
+ categories = page.categories -%} {%- endif -%} {%- if
286
+ site.data[folder][langen][file].tags -%} {%- assign tags =
287
+ site.data[folder][langen][file].tags -%} {%- else -%} {%- assign tags =
288
+ page.tags -%} {%- endif -%} {%- if homeData.posts.size > 0 -%} {%- include
289
+ customblog/pageRelatedPosts.html -%} {%- else -%} {%- if categories.size > 0
290
+ or tags.size > 0 -%} {%- include section/related_categories_post.html -%}
291
+ {%- else -%} {%- include section/recent_posts.html -%} {%- endif -%} {%-
292
+ endif -%} {%- if site.customblogdata -%} {%- if categories.size > 0 or
293
+ tags.size > 0 -%} {%- include customblog/relatedposts.html -%} {%- else -%}
294
+ {%- include customblog/recentposts.html -%} {%- endif -%} {%- endif -%} {%-
295
+ if homeData.author.size > 0 -%} {%- include
296
+ featurePageAuthors/featurePageAuthors.html -%} {%- endif -%} {%- include
297
+ footer/index.html -%} {%- if site.customCode -%} {%- include customCode.html
298
+ -%} {%- endif -%} {%- include script.html -%}
299
+ </body>
300
+ </html>