appscms-tools-theme 4.0.7 → 4.0.9

Sign up to get free protection for your applications and to get access to all the features.
Files changed (108) 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/howto/howto.html +5 -5
  30. data/_includes/appscms/infographics/infographics.html +114 -109
  31. data/_includes/appscms/recent-posts/recent_posts.html +92 -92
  32. data/_includes/appscms/recent-posts/related_categories_post.html +198 -198
  33. data/_includes/author_bio.html +41 -41
  34. data/_includes/authorpagehead/index.html +47 -47
  35. data/_includes/authors/authors.html +117 -117
  36. data/_includes/batch-conversion.html +141 -141
  37. data/_includes/cssfile/links.html +54 -54
  38. data/_includes/custom-head.html +138 -138
  39. data/_includes/customCode.html +1 -1
  40. data/_includes/customScripts.html +1 -1
  41. data/_includes/customblog/pageRelatedPosts.html +87 -87
  42. data/_includes/customblog/relatedBlogs.html +86 -86
  43. data/_includes/dropdown/langdropdown.html +32 -32
  44. data/_includes/feature.html +39 -39
  45. data/_includes/featurePageAuthors/featurePageAuthors.html +97 -97
  46. data/_includes/footer/index.html +538 -538
  47. data/_includes/google-analytics.html +32 -32
  48. data/_includes/head/index.html +623 -623
  49. data/_includes/header/blogHeader.html +34 -34
  50. data/_includes/header/index.html +192 -192
  51. data/_includes/infographics/infographics.html +241 -231
  52. data/_includes/paginationBlogPage.html +70 -70
  53. data/_includes/script.html +557 -557
  54. data/_includes/share/socialshare.html +21 -21
  55. data/_includes/userTracking.html +43 -43
  56. data/_layouts/aboutUs.html +98 -98
  57. data/_layouts/allAuthors.html +131 -131
  58. data/_layouts/appscms-about.html +163 -163
  59. data/_layouts/appscms-audio.html +33 -33
  60. data/_layouts/appscms-author.html +408 -408
  61. data/_layouts/appscms-authors.html +132 -132
  62. data/_layouts/appscms-calculator.html +93 -93
  63. data/_layouts/appscms-categories.html +26 -26
  64. data/_layouts/appscms-contact.html +132 -132
  65. data/_layouts/appscms-disclaimer.html +124 -124
  66. data/_layouts/appscms-download.html +289 -289
  67. data/_layouts/appscms-feature-result.html +94 -94
  68. data/_layouts/appscms-help.html +25 -25
  69. data/_layouts/appscms-imagekit.html +113 -113
  70. data/_layouts/appscms-post.html +243 -243
  71. data/_layouts/appscms-privacy-policy.html +781 -781
  72. data/_layouts/appscms-terms-and-conditions.html +646 -646
  73. data/_layouts/appscms-video.html +33 -33
  74. data/_layouts/audio.html +33 -33
  75. data/_layouts/author.html +408 -408
  76. data/_layouts/batch.html +177 -177
  77. data/_layouts/blog.html +131 -131
  78. data/_layouts/calculator.html +99 -99
  79. data/_layouts/devtools.html +57 -57
  80. data/_layouts/feature-1.html +406 -406
  81. data/_layouts/feature.html +436 -434
  82. data/_layouts/featureResultPage.html +80 -80
  83. data/_layouts/frame.html +222 -222
  84. data/_layouts/home.html +300 -300
  85. data/_layouts/imagekit.html +303 -303
  86. data/_layouts/photo-effects-home.html +190 -190
  87. data/_layouts/post.html +233 -233
  88. data/assets/app.js +75 -75
  89. data/assets/css/appscms-blog.css +500 -500
  90. data/assets/css/appscms-feature.css +5 -2
  91. data/assets/css/appscms-home.css +5 -5
  92. data/assets/css/appscms-imagekit.css +854 -854
  93. data/assets/css/appscms-variables.css +18 -18
  94. data/assets/css/blog.css +509 -509
  95. data/assets/css/calculators.css +46 -46
  96. data/assets/css/devtools.css +105 -105
  97. data/assets/css/feature-1.css +293 -293
  98. data/assets/css/imagekit copy.css +848 -848
  99. data/assets/css/tools.css +1823 -1817
  100. data/assets/images/digipaint.svg +6 -6
  101. data/assets/images/logo.svg +2 -2
  102. data/assets/images/manthink.svg +3552 -3552
  103. data/assets/js/batch.js +256 -256
  104. data/assets/js/devtools.js +81 -81
  105. data/assets/js/sharePage.js +65 -65
  106. data/assets/js/usageTracking.js +143 -143
  107. data/assets/js/usageTrackingEvents.js +6 -6
  108. 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>