appscms-tools-theme 4.7.7 → 4.7.8

Sign up to get free protection for your applications and to get access to all the features.
Files changed (138) 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 +223 -223
  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 +264 -264
  12. data/_data/header/en/data.json +672 -672
  13. data/_data/home/en/en.json +250 -250
  14. data/_data/home/en/posters.json +322 -322
  15. data/_data/home-1/en/en.json +236 -236
  16. data/_includes/alternates/alternates.html +88 -88
  17. data/_includes/appscms/customblog/contenttool-recent-posts.html +94 -94
  18. data/_includes/appscms/customblog/pageRelatedPosts.html +68 -68
  19. data/_includes/appscms/customblog/recentposts.html +67 -67
  20. data/_includes/appscms/customblog/relatedBlogs.html +82 -82
  21. data/_includes/appscms/customblog/relatedposts.html +193 -193
  22. data/_includes/appscms/extras/appscms-postbox.html +57 -57
  23. data/_includes/appscms/featurePageAuthors/featurePageAuthors.html +85 -85
  24. data/_includes/appscms/head/bloghead.html +128 -128
  25. data/_includes/appscms/headings/contenttool-headings.html +33 -33
  26. data/_includes/appscms/headings/devtool-headings.html +38 -38
  27. data/_includes/appscms/home/contenttool-feature-boxes.html +19 -19
  28. data/_includes/appscms/home/devtool-feature-boxes.html +70 -70
  29. data/_includes/appscms/infographics/infographics.html +160 -160
  30. data/_includes/appscms/loaders/loader.html +4 -4
  31. data/_includes/appscms/navbars/devtool-navbar.html +50 -50
  32. data/_includes/appscms/navbars/devtool-toolbar.html +100 -100
  33. data/_includes/appscms/recent-posts/recent_posts.html +90 -90
  34. data/_includes/appscms/recent-posts/related_categories_post.html +194 -194
  35. data/_includes/appscms/searchbar/devtool-searchbar.html +63 -63
  36. data/_includes/appscms/usp/usp.html +90 -90
  37. data/_includes/author_bio.html +41 -41
  38. data/_includes/authorpagehead/index.html +47 -47
  39. data/_includes/authors/authors.html +39 -39
  40. data/_includes/batch-conversion.html +141 -141
  41. data/_includes/bookmark.html +6 -6
  42. data/_includes/cssfile/links.html +54 -54
  43. data/_includes/custom-head.html +138 -138
  44. data/_includes/customCode.html +1 -1
  45. data/_includes/customScripts.html +1 -1
  46. data/_includes/customblog/pageRelatedPosts.html +87 -87
  47. data/_includes/customblog/recentposts.html +67 -67
  48. data/_includes/customblog/relatedBlogs.html +86 -86
  49. data/_includes/customblog/relatedposts.html +201 -201
  50. data/_includes/dropdown/langdropdown.html +32 -32
  51. data/_includes/feature.html +39 -39
  52. data/_includes/featurePageAuthors/featurePageAuthors.html +101 -101
  53. data/_includes/footer/index.html +537 -537
  54. data/_includes/google-analytics.html +32 -32
  55. data/_includes/head/index.html +627 -627
  56. data/_includes/header/blogHeader.html +34 -34
  57. data/_includes/header/index.html +152 -152
  58. data/_includes/infographics/infographics.html +244 -244
  59. data/_includes/internationalization-section.html +44 -0
  60. data/_includes/paginationBlogPage.html +70 -70
  61. data/_includes/postbox.html +65 -65
  62. data/_includes/script.html +493 -493
  63. data/_includes/section/count.html +32 -32
  64. data/_includes/section/recent_posts.html +94 -94
  65. data/_includes/section/related_categories_post.html +196 -196
  66. data/_includes/share/socialshare.html +21 -21
  67. data/_includes/userTracking.html +14 -14
  68. data/_layouts/aboutUs.html +175 -175
  69. data/_layouts/allAuthors.html +131 -131
  70. data/_layouts/appscms-about.html +163 -163
  71. data/_layouts/appscms-audio.html +33 -33
  72. data/_layouts/appscms-author.html +436 -436
  73. data/_layouts/appscms-authors.html +145 -145
  74. data/_layouts/appscms-batch.html +141 -141
  75. data/_layouts/appscms-calculator.html +93 -93
  76. data/_layouts/appscms-categories.html +26 -26
  77. data/_layouts/appscms-contact.html +132 -132
  78. data/_layouts/appscms-disclaimer.html +124 -124
  79. data/_layouts/appscms-download.html +289 -289
  80. data/_layouts/appscms-feature-result.html +96 -96
  81. data/_layouts/appscms-feature.html +22 -24
  82. data/_layouts/appscms-help.html +25 -25
  83. data/_layouts/appscms-imagekit.html +96 -96
  84. data/_layouts/appscms-post.html +243 -243
  85. data/_layouts/appscms-privacy-policy.html +781 -781
  86. data/_layouts/appscms-terms-and-conditions.html +646 -646
  87. data/_layouts/appscms-video.html +33 -33
  88. data/_layouts/audio.html +33 -33
  89. data/_layouts/author.html +409 -409
  90. data/_layouts/batch.html +177 -177
  91. data/_layouts/blog-1.html +116 -116
  92. data/_layouts/blog.html +131 -131
  93. data/_layouts/calculator.html +99 -99
  94. data/_layouts/contenttool-feature.html +45 -45
  95. data/_layouts/contenttool-home.html +53 -53
  96. data/_layouts/devtool-blog.html +132 -132
  97. data/_layouts/devtool-feature.html +54 -54
  98. data/_layouts/devtool-home.html +53 -53
  99. data/_layouts/devtools.html +57 -57
  100. data/_layouts/feature-1.html +285 -285
  101. data/_layouts/feature.html +351 -351
  102. data/_layouts/featureResultPage.html +82 -82
  103. data/_layouts/frame.html +222 -222
  104. data/_layouts/home-1.html +186 -186
  105. data/_layouts/home.html +375 -375
  106. data/_layouts/homeResultPage.html +32 -32
  107. data/_layouts/imagekit.html +308 -308
  108. data/_layouts/photo-effects-home.html +190 -190
  109. data/_layouts/post.html +233 -233
  110. data/assets/app.js +75 -75
  111. data/assets/css/appscms-blog.css +505 -505
  112. data/assets/css/appscms-contenttool.css +1384 -1384
  113. data/assets/css/appscms-home.css +5 -5
  114. data/assets/css/appscms-imagekit.css +855 -855
  115. data/assets/css/appscms-variables.css +19 -19
  116. data/assets/css/blog.css +510 -510
  117. data/assets/css/calculators.css +46 -46
  118. data/assets/css/common.css +944 -944
  119. data/assets/css/devtool-main.css +1350 -1350
  120. data/assets/css/devtools.css +105 -105
  121. data/assets/css/feature-1.css +293 -293
  122. data/assets/css/home-1.css +188 -188
  123. data/assets/css/imagekit copy.css +848 -848
  124. data/assets/css/imagekit.css +848 -848
  125. data/assets/css/tools.css +1846 -1846
  126. data/assets/images/close-button.svg +31 -31
  127. data/assets/images/digipaint.svg +6 -6
  128. data/assets/images/iconn.svg +12 -12
  129. data/assets/images/logo.svg +2 -2
  130. data/assets/images/manthink.svg +3552 -3552
  131. data/assets/images/search-icon.svg +2 -2
  132. data/assets/js/batch.js +219 -219
  133. data/assets/js/devtools.js +81 -81
  134. data/assets/js/sharePage.js +65 -65
  135. data/assets/js/usageTracking.js +143 -143
  136. data/assets/js/usageTrackingEvents.js +6 -6
  137. data/assets/js/webvitals.js +4 -4
  138. metadata +4 -3
@@ -1,286 +1,286 @@
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
- {%- include appscms/navbars/toolbar.html -%}
10
-
11
- <div class="flex-container feature1-flex-container">
12
- <div class="flex-class py-4 mt-4 mt-md-0">
13
- <div id="h1-img-wrapper" class="d-flex justify-content-center align-items-center">
14
- {%- assign featureh1 = featureData.H1 | replace: "$variable",
15
- page.value -%}
16
- <h1 class="feature1-h1">
17
- {%- for word in featureh1-%} {%- if forloop.first == true -%} {{word
18
- }} {%- else -%} {{word}} {%- endif -%} {%- endfor -%}
19
- </h1>
20
- </div>
21
- {%- assign featureh2 = featureData.H2 | replace: "$variable", page.value
22
- -%}
23
- <h2 class="feature1-h2">
24
- {%- for word in featureh2 -%} {%- if forloop.first == true -%} {{word
25
- | capitalize }} {%- else -%} {{word}} {%- endif -%} {%- endfor -%}
26
- </h2>
27
- </div>
28
- </div>
29
-
30
- {%- if site.noFeatureBox == true -%}
31
- <div class="feature-content-box" id="theme-content-box">{{content}}</div>
32
- {%- else -%} {%- if page.noBox == true -%}
33
- <div class="feature-content-box" id="theme-content-box">{{content}}</div>
34
- {%- else -%}
35
- <div class="feature-content-box" id="theme-content-box">
36
- <div class="container">
37
- {%- assign boxColor =
38
- site.data[page.folderName][page.lang][page.fileName].color -%} {%- if
39
- page.removeBox != true -%}
40
- <div class="custom-box" data-color="{{boxColor}}">
41
- <div style="display: none" id="file-loader">
42
- <img src="/assets/images/spinner.gif" alt="spinner" {%- if site.crossorigin -%} crossorigin {%- endif -%} />
43
- <p>Please Wait ,Loading Your file</p>
44
- </div>
45
- <div class="saving-file-download-wrap" style="display: none">
46
- <img loading="lazy" class="trust-img" src="/trust.svg" alt="trust" {%- if site.crossorigin -%} crossorigin {%-
47
- endif -%} />
48
- <p class="text-white my-2">Thanks for your patience</p>
49
- <button class="btn" id="download-zip">Download</button>
50
- </div>
51
- <div class="file-input" id="inputbox" style="color: #fff">
52
- <div class="m-auto">
53
- <div class="d-flex justify-content-center align-items-center">
54
- <div id="Inputbox" class="boxes" style="background: {{boxColor}};">
55
- <img height="21px" width="21px" src="/assets/images/add.svg" alt="add" {%- if site.crossorigin -%}
56
- crossorigin {%- endif -%} />
57
- <span class="ml-3">CHOOSE FILE</span>
58
- </div>
59
- <div class="file-pick-dropdown" style="background:{{boxColor}}">
60
- <i class="fas fa-angle-down arrow-sign"></i>
61
- <div class="file-picker-dropdown" style="display: none">
62
- <button id="filepicker">
63
- <svg class="mr-3" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
64
- <path id="Path" d="M8.33331 3H15.6666L23 15H15.6666L8.33331 3Z" fill="#FFC107"></path>
65
- <path id="Path_2" d="M4.6012 21L8.30086 15H23L19.3333 21H4.6012Z" fill="#1976D2"></path>
66
- <path id="Path_3" d="M1 15.0625L4.60119 21L12 9L8.33333 3L1 15.0625Z" fill="#4CAF50"></path>
67
- </svg>
68
- Google Drive
69
- </button>
70
- <button id="dropbox">
71
- <svg class="mr-3" viewBox="0 0 24 24" fill="#0061FF" xmlns="http://www.w3.org/2000/svg">
72
- <path id="icon"
73
- d="M12.0146 6.57367L6.50732 10.1473L12.0146 13.721L6.50732 17.2947L1 13.6912L6.50732 10.1176L1 6.57367L6.50732 3L12.0146 6.57367ZM6.47803 18.4263L11.9854 14.8527L17.4927 18.4263L11.9854 22L6.47803 18.4263ZM12.0146 13.6912L17.522 10.1176L12.0146 6.57367L17.4927 3L23 6.57367L17.4927 10.1473L23 13.721L17.4927 17.2947L12.0146 13.6912Z">
74
- </path>
75
- </svg>
76
- Dropbox
77
- </button>
78
- </div>
79
- </div>
80
- </div>
81
- </div>
82
- <p id="dropfile" class="text-dark">or drop your file here</p>
83
- <p id="error" class="p-3"></p>
84
- </div>
85
- </div>
86
- {%- endif -%} {%- if page.workspace -%}
87
- <div class="workspace" style="display: none">
88
- <div class="row mx-auto">
89
- <div class="col-md-10 mx-auto">{{content}}</div>
90
- </div>
91
- </div>
92
- {%- else -%}
93
- <div class="workspace" style="display: none">
94
- <div class="row">
95
- <div class="col-12">
96
- <div class="download-wrapper mt-3">
97
- <div class="row rowclass">
98
- <div class="col-7">
99
- <div class="d-flex align-items-center">
100
- <div class="select-format-title">image's format</div>
101
- <div class="download-format">
102
- <select name="image-format" id="image-format">
103
- {%- if pageData.downloadFormats -%} {%- for item in
104
- pageData.downloadFormats -%}
105
- <option value="{{item}}">{{item}}</option>
106
- {%- endfor -%} {%- else -%}
107
- <option value="png">png</option>
108
- <option value="jpg">jpg</option>
109
- <option value="jpeg">jpeg</option>
110
- <option value="webp">webp</option>
111
- <option value="gif">gif</option>
112
- {%- endif -%}
113
- </select>
114
- </div>
115
- </div>
116
- </div>
117
- <div class="col-5">
118
- <div class="d-flex align-items-center">
119
- <button id="download-button" style="background: {{pageData.color}};">
120
- <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
121
- <path
122
- d="M256 0C114.6 0 0 114.6 0 256c0 141.4 114.6 256 256 256s256-114.6 256-256C512 114.6 397.4 0 256 0zM382.6 302.6l-103.1 103.1C270.7 414.6 260.9 416 256 416c-4.881 0-14.65-1.391-22.65-9.398L129.4 302.6c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L224 306.8V128c0-17.69 14.33-32 32-32s32 14.31 32 32v178.8l49.38-49.38c12.5-12.5 32.75-12.5 45.25 0S395.1 290.1 382.6 302.6z" />
123
- </svg>Download
124
- </button>
125
- </div>
126
- </div>
127
- </div>
128
- </div>
129
- </div>
130
- </div>
131
- {%- if page.commonStructure != false -%}
132
- <div class="row">
133
- <div class="col-md-7 mx-auto mb-2">
134
- <div class="select-img-panel">
135
- <div id="saving-data" style="display: none">
136
- <img loading="lazy" src="/assets/images/loader.gif" alt="saving" />
137
- <span class="ml-2" {%- if site.crossorigin -%} crossorigin {%- endif -%}>Saving your images...</span>
138
- </div>
139
- <div id="canvas-box-panel"></div>
140
- </div>
141
- </div>
142
- <div class="col-md-5">
143
- <div class="options-panel">
144
- {%- if pageData.optionPanelTitle -%}
145
- <div class="title">{{pageData.optionPanelTitle}}</div>
146
- {%- endif -%} {{content}}
147
- </div>
148
- </div>
149
- </div>
150
- {%- else -%} {{content}} {%- endif -%}
151
- </div>
152
- {%- endif -%}
153
- </div>
154
- </div>
155
- {%- endif -%} {%- endif -%} {%- if featureData.TEXTUAL_CONTENT -%}
156
- <div class="container mt-4 mb-5">
157
- <div class="row px-0">
158
- <div class="col-md-12 mx-auto">
159
- <div class="row">
160
- {% for data in featureData.TEXTUAL_CONTENT %}
161
- <div class="col-md-4 my-4">
162
- <img class="feature-card-img" src="{{data.logoUrl}}" loading="lazy" height="48px" width="48px"
163
- alt="{{data.header}}" {%- if site.crossorigin -%} crossorigin {%- endif -%} />
164
- <div class="feature-card-title">
165
- {{data.header | replace: "$variable", page.value}}
166
- </div>
167
- <div class="feature1-card-desc">
168
- {{data.content | replace: "$variable", page.value}}
169
- </div>
170
- </div>
171
- {% endfor %}
172
- </div>
173
- </div>
174
- </div>
175
- </div>
176
- {%- endif -%} {%- if featureData.HOW_TO_CONTENT -%}
177
- <section class="how-to-section">
178
- <div class="container">
179
- <div class="row">
180
- {%- if site.monumetricId and page.url != '/' and page.lang == 'en' -%}
181
- <div class="col-md-9 mx-auto">
182
- <div class="row">
183
- {%- endif -%}
184
- <div class="col-md-6 order-0">
185
- {%- if featureData.HOW_TO_CONTENT.YoutubeVideoUrl.size > 0 -%}
186
- <div class="how-to-video-wrapper">
187
- {% assign video_url =
188
- featureData.HOW_TO_CONTENT.YoutubeVideoUrl %} {% assign
189
- video_id = "" %} {% if video_url contains "youtu.be/" %} {%
190
- assign parts = video_url | split: "/" %} {% assign video_id =
191
- parts[3] %} {% elsif video_url contains "youtube.com/watch" %}
192
- {% assign params = video_url | split: "?" | last | split: "&"
193
- %} {% for param in params %} {% if param contains "v=" %} {%
194
- assign video_id = param | split: "=" | last %} {% endif %} {%
195
- endfor %} {% endif %} {%- if site.monumetricId -%}
196
- <iframe class="youtubeVideoPlayer mb-5" width="400" height="315"
197
- src="https://www.youtube.com/embed/{{video_id}}?autoplay=1&mute=1" allowfullscreen>
198
- </iframe>
199
- {%- else -%}
200
- <iframe class="youtubeVideoPlayer mb-5" width="500" height="315"
201
- src="https://www.youtube.com/embed/{{video_id}}?autoplay=1&mute=1" allowfullscreen>
202
- </iframe>
203
- {%- endif -%}
204
- </div>
205
- {%- else -%}
206
- <div class="how-to-img-wrapper">
207
- <img class="how-to-leftimg" height="180px" width="300px"
208
- src="{{featureData.HOW_TO_CONTENT.logoImageUrl}}" loading="lazy"
209
- alt="{{featureData.HOW_TO_CONTENT.logoImageAlt | default: 'how to image' }}" {%- if site.crossorigin
210
- -%} crossorigin {%- endif -%} />
211
- </div>
212
- {%- endif -%}
213
- </div>
214
- <div class="col-md-6 order-1">
215
- <div class="how-to-right">
216
- <h3 class="how-to-title text-left">
217
- {{featureData.HOW_TO_CONTENT.heading | replace: "$variable",
218
- page.value}}
219
- </h3>
220
- <ol class="how-to-list">
221
- {% for data in featureData.HOW_TO_CONTENT.steps %}
222
-
223
- <li id="step{{forloop.index}}" class="how-to-list-item">
224
- <span>{{forloop.index}}.</span>{{data | replace:
225
- "$variable", page.value}}
226
- </li>
227
- {% endfor %}
228
- </ol>
229
- </div>
230
- </div>
231
- {%- if site.monumetricId and page.url != '/' and page.lang == 'en'
232
- -%}
233
- </div>
234
- </div>
235
- {%- endif -%}
236
- </div>
237
- </div>
238
- </section>
239
- {%- endif -%} {%- assign showFaqs= true -%} {%- for item in site.noFaqsList
240
- -%} {%- if item == page.lang -%} {%- assign showFaqs = false -%} {%- break
241
- -%} {%- else -%} {%- assign showFaqs = true -%} {%- endif -%} {%- endfor -%}
242
- {%- if showFaqs == true -%} {%- if featureData.FAQ.size>0 -%}
243
- <section class="faq-section">
244
- <div class="container">
245
- <div class="row">
246
- <div class="col-md-8 mx-auto">
247
- <main class="faqs">
248
- <h3 class="feature-h1 text-left mb-4" style="font-weight: 900">
249
- {{featureData.faqheading | default: "FAQ's"}}
250
- </h3>
251
- {% for data in featureData.FAQ %}
252
- <details open>
253
- <summary>
254
- {{data.question | replace: "$variable",page.value}}
255
- </summary>
256
- <div class="faq__content">
257
- <p style="color: #5c5e60; font-size: 14px">
258
- {{data.answer | replace: "$variable", page.value}}
259
- </p>
260
- </div>
261
- </details>
262
- {% endfor %}
263
- </main>
264
- </div>
265
- </div>
266
- </div>
267
- </section>
268
- {%- endif -%} {%- endif -%} {%- include share/socialshare.html -%} {%-
269
- include Rating/rating.html -%} {%- if featureData.infographics.size > 0 -%}
270
- {%- include infographics/infographics.html -%} {%- endif -%} {%- assign
271
- langen = "en" -%} {%- if site.data[folder][langen][file].categories -%} {%
272
- assign categories= site.data[folder][langen][file].categories %} {%- else
273
- -%} {% assign categories= page.categories %} {%- endif -%} {%- if
274
- site.data[folder][langen][file].tags -%} {% assign tags=
275
- site.data[folder][langen][file].tags %} {%- else -%} {% assign tags=
276
- page.tags %} {%- endif -%} {%- if featureData.posts.size > 0 -%} {%- include
277
- customblog/pageRelatedPosts.html -%} {%- else -%} {%- if categories.size > 0
278
- or tags.size > 0 -%} {%- include section/related_categories_post.html -%}
279
- {%- else -%} {%- include section/recent_posts.html -%} {%- endif -%} {%-
280
- endif -%} {%- if site.customblogdata -%} {%- if categories.size> 0 or
281
- tags.size>0-%} {%- include customblog/relatedposts.html -%} {%- else -%} {%-
282
- include customblog/recentposts.html -%} {% endif %} {%- endif -%} {% include
283
- footer/index.html %} {% include script.html %}
284
- </body>
285
-
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
+ {%- include appscms/navbars/toolbar.html -%}
10
+
11
+ <div class="flex-container feature1-flex-container">
12
+ <div class="flex-class py-4 mt-4 mt-md-0">
13
+ <div id="h1-img-wrapper" class="d-flex justify-content-center align-items-center">
14
+ {%- assign featureh1 = featureData.H1 | replace: "$variable",
15
+ page.value -%}
16
+ <h1 class="feature1-h1">
17
+ {%- for word in featureh1-%} {%- if forloop.first == true -%} {{word
18
+ }} {%- else -%} {{word}} {%- endif -%} {%- endfor -%}
19
+ </h1>
20
+ </div>
21
+ {%- assign featureh2 = featureData.H2 | replace: "$variable", page.value
22
+ -%}
23
+ <h2 class="feature1-h2">
24
+ {%- for word in featureh2 -%} {%- if forloop.first == true -%} {{word
25
+ | capitalize }} {%- else -%} {{word}} {%- endif -%} {%- endfor -%}
26
+ </h2>
27
+ </div>
28
+ </div>
29
+
30
+ {%- if site.noFeatureBox == true -%}
31
+ <div class="feature-content-box" id="theme-content-box">{{content}}</div>
32
+ {%- else -%} {%- if page.noBox == true -%}
33
+ <div class="feature-content-box" id="theme-content-box">{{content}}</div>
34
+ {%- else -%}
35
+ <div class="feature-content-box" id="theme-content-box">
36
+ <div class="container">
37
+ {%- assign boxColor =
38
+ site.data[page.folderName][page.lang][page.fileName].color -%} {%- if
39
+ page.removeBox != true -%}
40
+ <div class="custom-box" data-color="{{boxColor}}">
41
+ <div style="display: none" id="file-loader">
42
+ <img src="/assets/images/spinner.gif" alt="spinner" {%- if site.crossorigin -%} crossorigin {%- endif -%} />
43
+ <p>Please Wait ,Loading Your file</p>
44
+ </div>
45
+ <div class="saving-file-download-wrap" style="display: none">
46
+ <img loading="lazy" class="trust-img" src="/trust.svg" alt="trust" {%- if site.crossorigin -%} crossorigin {%-
47
+ endif -%} />
48
+ <p class="text-white my-2">Thanks for your patience</p>
49
+ <button class="btn" id="download-zip">Download</button>
50
+ </div>
51
+ <div class="file-input" id="inputbox" style="color: #fff">
52
+ <div class="m-auto">
53
+ <div class="d-flex justify-content-center align-items-center">
54
+ <div id="Inputbox" class="boxes" style="background: {{boxColor}};">
55
+ <img height="21px" width="21px" src="/assets/images/add.svg" alt="add" {%- if site.crossorigin -%}
56
+ crossorigin {%- endif -%} />
57
+ <span class="ml-3">CHOOSE FILE</span>
58
+ </div>
59
+ <div class="file-pick-dropdown" style="background:{{boxColor}}">
60
+ <i class="fas fa-angle-down arrow-sign"></i>
61
+ <div class="file-picker-dropdown" style="display: none">
62
+ <button id="filepicker">
63
+ <svg class="mr-3" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
64
+ <path id="Path" d="M8.33331 3H15.6666L23 15H15.6666L8.33331 3Z" fill="#FFC107"></path>
65
+ <path id="Path_2" d="M4.6012 21L8.30086 15H23L19.3333 21H4.6012Z" fill="#1976D2"></path>
66
+ <path id="Path_3" d="M1 15.0625L4.60119 21L12 9L8.33333 3L1 15.0625Z" fill="#4CAF50"></path>
67
+ </svg>
68
+ Google Drive
69
+ </button>
70
+ <button id="dropbox">
71
+ <svg class="mr-3" viewBox="0 0 24 24" fill="#0061FF" xmlns="http://www.w3.org/2000/svg">
72
+ <path id="icon"
73
+ d="M12.0146 6.57367L6.50732 10.1473L12.0146 13.721L6.50732 17.2947L1 13.6912L6.50732 10.1176L1 6.57367L6.50732 3L12.0146 6.57367ZM6.47803 18.4263L11.9854 14.8527L17.4927 18.4263L11.9854 22L6.47803 18.4263ZM12.0146 13.6912L17.522 10.1176L12.0146 6.57367L17.4927 3L23 6.57367L17.4927 10.1473L23 13.721L17.4927 17.2947L12.0146 13.6912Z">
74
+ </path>
75
+ </svg>
76
+ Dropbox
77
+ </button>
78
+ </div>
79
+ </div>
80
+ </div>
81
+ </div>
82
+ <p id="dropfile" class="text-dark">or drop your file here</p>
83
+ <p id="error" class="p-3"></p>
84
+ </div>
85
+ </div>
86
+ {%- endif -%} {%- if page.workspace -%}
87
+ <div class="workspace" style="display: none">
88
+ <div class="row mx-auto">
89
+ <div class="col-md-10 mx-auto">{{content}}</div>
90
+ </div>
91
+ </div>
92
+ {%- else -%}
93
+ <div class="workspace" style="display: none">
94
+ <div class="row">
95
+ <div class="col-12">
96
+ <div class="download-wrapper mt-3">
97
+ <div class="row rowclass">
98
+ <div class="col-7">
99
+ <div class="d-flex align-items-center">
100
+ <div class="select-format-title">image's format</div>
101
+ <div class="download-format">
102
+ <select name="image-format" id="image-format">
103
+ {%- if pageData.downloadFormats -%} {%- for item in
104
+ pageData.downloadFormats -%}
105
+ <option value="{{item}}">{{item}}</option>
106
+ {%- endfor -%} {%- else -%}
107
+ <option value="png">png</option>
108
+ <option value="jpg">jpg</option>
109
+ <option value="jpeg">jpeg</option>
110
+ <option value="webp">webp</option>
111
+ <option value="gif">gif</option>
112
+ {%- endif -%}
113
+ </select>
114
+ </div>
115
+ </div>
116
+ </div>
117
+ <div class="col-5">
118
+ <div class="d-flex align-items-center">
119
+ <button id="download-button" style="background: {{pageData.color}};">
120
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
121
+ <path
122
+ d="M256 0C114.6 0 0 114.6 0 256c0 141.4 114.6 256 256 256s256-114.6 256-256C512 114.6 397.4 0 256 0zM382.6 302.6l-103.1 103.1C270.7 414.6 260.9 416 256 416c-4.881 0-14.65-1.391-22.65-9.398L129.4 302.6c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L224 306.8V128c0-17.69 14.33-32 32-32s32 14.31 32 32v178.8l49.38-49.38c12.5-12.5 32.75-12.5 45.25 0S395.1 290.1 382.6 302.6z" />
123
+ </svg>Download
124
+ </button>
125
+ </div>
126
+ </div>
127
+ </div>
128
+ </div>
129
+ </div>
130
+ </div>
131
+ {%- if page.commonStructure != false -%}
132
+ <div class="row">
133
+ <div class="col-md-7 mx-auto mb-2">
134
+ <div class="select-img-panel">
135
+ <div id="saving-data" style="display: none">
136
+ <img loading="lazy" src="/assets/images/loader.gif" alt="saving" />
137
+ <span class="ml-2" {%- if site.crossorigin -%} crossorigin {%- endif -%}>Saving your images...</span>
138
+ </div>
139
+ <div id="canvas-box-panel"></div>
140
+ </div>
141
+ </div>
142
+ <div class="col-md-5">
143
+ <div class="options-panel">
144
+ {%- if pageData.optionPanelTitle -%}
145
+ <div class="title">{{pageData.optionPanelTitle}}</div>
146
+ {%- endif -%} {{content}}
147
+ </div>
148
+ </div>
149
+ </div>
150
+ {%- else -%} {{content}} {%- endif -%}
151
+ </div>
152
+ {%- endif -%}
153
+ </div>
154
+ </div>
155
+ {%- endif -%} {%- endif -%} {%- if featureData.TEXTUAL_CONTENT -%}
156
+ <div class="container mt-4 mb-5">
157
+ <div class="row px-0">
158
+ <div class="col-md-12 mx-auto">
159
+ <div class="row">
160
+ {% for data in featureData.TEXTUAL_CONTENT %}
161
+ <div class="col-md-4 my-4">
162
+ <img class="feature-card-img" src="{{data.logoUrl}}" loading="lazy" height="48px" width="48px"
163
+ alt="{{data.header}}" {%- if site.crossorigin -%} crossorigin {%- endif -%} />
164
+ <div class="feature-card-title">
165
+ {{data.header | replace: "$variable", page.value}}
166
+ </div>
167
+ <div class="feature1-card-desc">
168
+ {{data.content | replace: "$variable", page.value}}
169
+ </div>
170
+ </div>
171
+ {% endfor %}
172
+ </div>
173
+ </div>
174
+ </div>
175
+ </div>
176
+ {%- endif -%} {%- if featureData.HOW_TO_CONTENT -%}
177
+ <section class="how-to-section">
178
+ <div class="container">
179
+ <div class="row">
180
+ {%- if site.monumetricId and page.url != '/' and page.lang == 'en' -%}
181
+ <div class="col-md-9 mx-auto">
182
+ <div class="row">
183
+ {%- endif -%}
184
+ <div class="col-md-6 order-0">
185
+ {%- if featureData.HOW_TO_CONTENT.YoutubeVideoUrl.size > 0 -%}
186
+ <div class="how-to-video-wrapper">
187
+ {% assign video_url =
188
+ featureData.HOW_TO_CONTENT.YoutubeVideoUrl %} {% assign
189
+ video_id = "" %} {% if video_url contains "youtu.be/" %} {%
190
+ assign parts = video_url | split: "/" %} {% assign video_id =
191
+ parts[3] %} {% elsif video_url contains "youtube.com/watch" %}
192
+ {% assign params = video_url | split: "?" | last | split: "&"
193
+ %} {% for param in params %} {% if param contains "v=" %} {%
194
+ assign video_id = param | split: "=" | last %} {% endif %} {%
195
+ endfor %} {% endif %} {%- if site.monumetricId -%}
196
+ <iframe class="youtubeVideoPlayer mb-5" width="400" height="315"
197
+ src="https://www.youtube.com/embed/{{video_id}}?autoplay=1&mute=1" allowfullscreen>
198
+ </iframe>
199
+ {%- else -%}
200
+ <iframe class="youtubeVideoPlayer mb-5" width="500" height="315"
201
+ src="https://www.youtube.com/embed/{{video_id}}?autoplay=1&mute=1" allowfullscreen>
202
+ </iframe>
203
+ {%- endif -%}
204
+ </div>
205
+ {%- else -%}
206
+ <div class="how-to-img-wrapper">
207
+ <img class="how-to-leftimg" height="180px" width="300px"
208
+ src="{{featureData.HOW_TO_CONTENT.logoImageUrl}}" loading="lazy"
209
+ alt="{{featureData.HOW_TO_CONTENT.logoImageAlt | default: 'how to image' }}" {%- if site.crossorigin
210
+ -%} crossorigin {%- endif -%} />
211
+ </div>
212
+ {%- endif -%}
213
+ </div>
214
+ <div class="col-md-6 order-1">
215
+ <div class="how-to-right">
216
+ <h3 class="how-to-title text-left">
217
+ {{featureData.HOW_TO_CONTENT.heading | replace: "$variable",
218
+ page.value}}
219
+ </h3>
220
+ <ol class="how-to-list">
221
+ {% for data in featureData.HOW_TO_CONTENT.steps %}
222
+
223
+ <li id="step{{forloop.index}}" class="how-to-list-item">
224
+ <span>{{forloop.index}}.</span>{{data | replace:
225
+ "$variable", page.value}}
226
+ </li>
227
+ {% endfor %}
228
+ </ol>
229
+ </div>
230
+ </div>
231
+ {%- if site.monumetricId and page.url != '/' and page.lang == 'en'
232
+ -%}
233
+ </div>
234
+ </div>
235
+ {%- endif -%}
236
+ </div>
237
+ </div>
238
+ </section>
239
+ {%- endif -%} {%- assign showFaqs= true -%} {%- for item in site.noFaqsList
240
+ -%} {%- if item == page.lang -%} {%- assign showFaqs = false -%} {%- break
241
+ -%} {%- else -%} {%- assign showFaqs = true -%} {%- endif -%} {%- endfor -%}
242
+ {%- if showFaqs == true -%} {%- if featureData.FAQ.size>0 -%}
243
+ <section class="faq-section">
244
+ <div class="container">
245
+ <div class="row">
246
+ <div class="col-md-8 mx-auto">
247
+ <main class="faqs">
248
+ <h3 class="feature-h1 text-left mb-4" style="font-weight: 900">
249
+ {{featureData.faqheading | default: "FAQ's"}}
250
+ </h3>
251
+ {% for data in featureData.FAQ %}
252
+ <details open>
253
+ <summary>
254
+ {{data.question | replace: "$variable",page.value}}
255
+ </summary>
256
+ <div class="faq__content">
257
+ <p style="color: #5c5e60; font-size: 14px">
258
+ {{data.answer | replace: "$variable", page.value}}
259
+ </p>
260
+ </div>
261
+ </details>
262
+ {% endfor %}
263
+ </main>
264
+ </div>
265
+ </div>
266
+ </div>
267
+ </section>
268
+ {%- endif -%} {%- endif -%} {%- include share/socialshare.html -%} {%-
269
+ include Rating/rating.html -%} {%- if featureData.infographics.size > 0 -%}
270
+ {%- include infographics/infographics.html -%} {%- endif -%} {%- assign
271
+ langen = "en" -%} {%- if site.data[folder][langen][file].categories -%} {%
272
+ assign categories= site.data[folder][langen][file].categories %} {%- else
273
+ -%} {% assign categories= page.categories %} {%- endif -%} {%- if
274
+ site.data[folder][langen][file].tags -%} {% assign tags=
275
+ site.data[folder][langen][file].tags %} {%- else -%} {% assign tags=
276
+ page.tags %} {%- endif -%} {%- if featureData.posts.size > 0 -%} {%- include
277
+ customblog/pageRelatedPosts.html -%} {%- else -%} {%- if categories.size > 0
278
+ or tags.size > 0 -%} {%- include section/related_categories_post.html -%}
279
+ {%- else -%} {%- include section/recent_posts.html -%} {%- endif -%} {%-
280
+ endif -%} {%- if site.customblogdata -%} {%- if categories.size> 0 or
281
+ tags.size>0-%} {%- include customblog/relatedposts.html -%} {%- else -%} {%-
282
+ include customblog/recentposts.html -%} {% endif %} {%- endif -%} {% include
283
+ footer/index.html %} {% include script.html %}
284
+ </body>
285
+
286
286
  </html>