appscms-tools-theme 4.0.7 → 4.0.8

Sign up to get free protection for your applications and to get access to all the features.
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,303 +1,303 @@
1
- ---
2
- layout: feature
3
- ---
4
-
5
- <div class="container">
6
- {%- assign pageData = site.data[page.folderName][page.lang][page.fileName] -%}
7
- {%- if site.newFeatureBox -%} {%- if page.removeBox != true -%}
8
- <div class="custom-box" data-color="{{pageData.color}}">
9
- <div class="innerBox">
10
- <div style="display: none" id="file-loader">
11
- <img
12
- class="mb-2"
13
- src="/assets/images/spinner.gif"
14
- alt="spinner"
15
- {%-
16
- if
17
- site.crossorigin
18
- -%}
19
- crossorigin
20
- {%-
21
- endif
22
- -%}
23
- />
24
- <p>Please Wait ,Loading Your file</p>
25
- </div>
26
- <div class="saving-file-download-wrap" style="display: none">
27
- <img
28
- loading="lazy"
29
- class="trust-img"
30
- src="/trust.svg"
31
- alt="trust"
32
- {%-
33
- if
34
- site.crossorigin
35
- -%}
36
- crossorigin
37
- {%-
38
- endif
39
- -%}
40
- />
41
- <p class="text-white my-2">Thanks for your patience</p>
42
- <button class="btn" id="download-zip">Download</button>
43
- </div>
44
- <div class="file-input">
45
- <div class="d-flex justify-content-center align-items-center">
46
- <div
47
- id="Inputbox"
48
- class="boxes"
49
- style="background: {{pageData.color}}; color: #fff;"
50
- >
51
- <img
52
- height="22px"
53
- class="mr-1"
54
- width="22px"
55
- src="/assets/images/addimg.svg"
56
- alt="image"
57
- {%-
58
- if
59
- site.crossorigin
60
- -%}
61
- crossorigin
62
- {%-
63
- endif
64
- -%}
65
- />
66
- <span class="ml-3">CHOOSE FILE</span>
67
- </div>
68
- <div
69
- class="file-pick-dropdown"
70
- style="background: {{pageData.color}}; color: #fff;"
71
- >
72
- <i class="fas fa-angle-down arrow-sign"></i>
73
- <div class="file-picker-dropdown" style="display: none">
74
- <button id="dropbox">
75
- <svg
76
- viewBox="0 0 24 24"
77
- fill="#0061FF"
78
- xmlns="http://www.w3.org/2000/svg"
79
- >
80
- <path
81
- id="icon"
82
- 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"
83
- ></path>
84
- </svg>
85
- From Dropbox
86
- </button>
87
- <button id="filepicker">
88
- <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
89
- <path
90
- id="Path"
91
- d="M8.33331 3H15.6666L23 15H15.6666L8.33331 3Z"
92
- fill="#FFC107"
93
- ></path>
94
- <path
95
- id="Path_2"
96
- d="M4.6012 21L8.30086 15H23L19.3333 21H4.6012Z"
97
- fill="#1976D2"
98
- ></path>
99
- <path
100
- id="Path_3"
101
- d="M1 15.0625L4.60119 21L12 9L8.33333 3L1 15.0625Z"
102
- fill="#4CAF50"
103
- ></path>
104
- </svg>
105
- From Google Drive
106
- </button>
107
- </div>
108
- </div>
109
- </div>
110
- <p id="dropfile">or drop your file here</p>
111
- </div>
112
- </div>
113
- </div>
114
- {%- endif -%} {%- else -%} {%- if page.removeBox != true -%}
115
- <div class="custom-box" style="background:{{pageData.color}};">
116
- <div class="inner-box">
117
- <div style="display: none" id="file-loader">
118
- <img
119
- class="mb-2"
120
- src="/assets/images/spinner.gif"
121
- alt="spinner"
122
- {%-
123
- if
124
- site.crossorigin
125
- -%}
126
- crossorigin
127
- {%-
128
- endif
129
- -%}
130
- />
131
- <p>Please Wait ,Loading Your file</p>
132
- </div>
133
- <div class="saving-file-download-wrap" style="display: none">
134
- <img
135
- loading="lazy"
136
- class="trust-img"
137
- src="/trust.svg"
138
- alt="trust"
139
- {%-
140
- if
141
- site.crossorigin
142
- -%}
143
- crossorigin
144
- {%-
145
- endif
146
- -%}
147
- />
148
- <p class="text-white my-2">Thanks for your patience</p>
149
- <button class="btn" id="download-zip">Download</button>
150
- </div>
151
- <div class="file-input">
152
- <div class="mb-4 d-flex justify-content-center">
153
- <svg
154
- xmlns="http://www.w3.org/2000/svg"
155
- id="img-svg"
156
- viewBox="0 0 96 60"
157
- >
158
- <path
159
- fill="white"
160
- d="M61.9655252,3.24869071 L61.9765763,3.41278068 L62.045,5.866 L73.2405238,6.25793424 C74.5651997,6.30419294 75.6130942,7.37295092 75.6521743,8.67919891 L75.6517521,8.84366004 L73.9765763,56.8144197 C73.9303176,58.1390957 72.8615596,59.1869902 71.5553116,59.2260703 L71.3908505,59.2256481 L68.3103384,59.1184351 C68.0464245,59.8400339 67.3786666,60.3670921 66.5807111,60.425963 L66.4314488,60.4314488 L66.4314488,60.4314488 L30.4314488,60.4314488 C29.3268793,60.4314488 28.4314488,59.5360183 28.4314488,58.4314488 L28.431,55.114 L25.262454,55.2256481 C23.9377781,55.2719068 22.8178834,54.2788497 22.6877793,52.9785097 L22.6767282,52.8144197 L21.0015524,4.84366004 C20.9552937,3.51898409 21.9483508,2.39908942 23.2486907,2.2689853 L23.4127807,2.25793424 L59.3908505,1.00155235 C60.7155264,0.955293651 61.8354211,1.94835077 61.9655252,3.24869071 Z M54.2794488,39.4234488 L45.0024366,47.6809882 L40.7104488,42.4274488 L29.431,51.895 L29.4314488,58.4314488 C29.4314488,58.9442846 29.817489,59.3669559 30.3148276,59.424721 L30.4314488,59.4314488 L66.4314488,59.4314488 C66.9442846,59.4314488 67.3669559,59.0454086 67.424721,58.5480699 L67.4314488,58.4314488 L67.4304488,52.8324488 L54.2794488,39.4234488 Z M37.2275545,6.00094318 C36.4483334,5.97373218 35.7872098,6.54589593 35.688023,7.30354781 L35.676119,7.44768018 L35.676,8.431 L60.4314488,8.43144877 L68.4314488,16.4314488 L68.431,58.121 L71.4257499,58.2262572 C72.2049711,58.2534682 72.8660946,57.6813045 72.9652815,56.9236526 L72.9771854,56.7795202 L74.6523613,8.80876055 C74.6795723,8.0295394 74.1074085,7.36841587 73.3497567,7.26922904 L73.2056243,7.25732506 L37.2275545,6.00094318 Z M59.4257499,2.00094318 L23.4476802,3.25732506 C22.668459,3.28453606 22.0488581,3.9014237 22.002764,4.6641489 L22.0009432,4.80876055 L23.676119,52.7795202 C23.70333,53.5587414 24.3202177,54.1783423 25.0829429,54.2244364 L25.2275545,54.2262572 L28.431,54.114 L28.4314488,10.4314488 C28.4314488,9.32687927 29.3268793,8.43144877 30.4314488,8.43144877 L34.611,8.431 L34.6767282,7.41278068 C34.7229869,6.08810473 35.7917449,5.04021022 37.0979929,5.00113017 L37.262454,5.00155235 L61.045,5.831 L60.9771854,3.44768018 C60.9499744,2.66845903 60.3330868,2.04885809 59.5703616,2.00276399 L59.4257499,2.00094318 Z M59.431,9.431 L30.4314488,9.43144877 C29.9186129,9.43144877 29.4959416,9.81748896 29.4381765,10.3148276 L29.4314488,10.4314488 L29.431,50.591 L40.8439098,41.010846 L45.1168036,46.2404726 L54.3266522,38.0432874 L67.431,51.405 L67.431,17.431 L59.4314488,17.4314488 L59.431,9.431 Z M58.4314488,26.4314488 C60.088303,26.4314488 61.4314488,27.7745945 61.4314488,29.4314488 C61.4314488,31.088303 60.088303,32.4314488 58.4314488,32.4314488 C56.7745945,32.4314488 55.4314488,31.088303 55.4314488,29.4314488 C55.4314488,27.7745945 56.7745945,26.4314488 58.4314488,26.4314488 Z M60.431,9.846 L60.431,16.431 L67.016,16.431 L60.431,9.846 Z"
161
- ></path>
162
- </svg>
163
- </div>
164
- <div class="d-flex justify-content-center align-items-center">
165
- <div id="Inputbox" class="boxes">
166
- <img
167
- height="22px"
168
- class="mr-1"
169
- width="22px"
170
- src="/assets/images/addimg.svg"
171
- alt="image"
172
- {%-
173
- if
174
- site.crossorigin
175
- -%}
176
- crossorigin
177
- {%-
178
- endif
179
- -%}
180
- />
181
- <span class="ml-1">CHOOSE FILE</span>
182
- </div>
183
- <div class="file-pick-dropdown">
184
- <i class="fas fa-angle-down arrow-sign"></i>
185
- <div class="file-picker-dropdown" style="display: none">
186
- <button id="dropbox">
187
- <svg
188
- viewBox="0 0 24 24"
189
- fill="#0061FF"
190
- xmlns="http://www.w3.org/2000/svg"
191
- >
192
- <path
193
- id="icon"
194
- 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"
195
- ></path>
196
- </svg>
197
- From Dropbox
198
- </button>
199
- <button id="filepicker">
200
- <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
201
- <path
202
- id="Path"
203
- d="M8.33331 3H15.6666L23 15H15.6666L8.33331 3Z"
204
- fill="#FFC107"
205
- ></path>
206
- <path
207
- id="Path_2"
208
- d="M4.6012 21L8.30086 15H23L19.3333 21H4.6012Z"
209
- fill="#1976D2"
210
- ></path>
211
- <path
212
- id="Path_3"
213
- d="M1 15.0625L4.60119 21L12 9L8.33333 3L1 15.0625Z"
214
- fill="#4CAF50"
215
- ></path>
216
- </svg>
217
- From Google Drive
218
- </button>
219
- </div>
220
- </div>
221
- </div>
222
- <p id="dropfile">or drop your file here</p>
223
- </div>
224
- </div>
225
- </div>
226
- {%- endif -%} {%- endif -%} {%- assign pageDisplay = page.display | default:
227
- "none" -%}
228
- <div class="workspace" style="display: {{pageDisplay}}">
229
- <div class="row">
230
- <div class="col-12">
231
- <div class="download-wrapper mt-3">
232
- <div class="row rowclass">
233
- <div class="col-7">
234
- <div class="d-flex align-items-center">
235
- <div class="select-format-title">image's format</div>
236
- <div class="download-format">
237
- <select name="image-format" id="image-format">
238
- {%- if pageData.downloadFormats -%} {%- for item in
239
- pageData.downloadFormats -%}
240
- <option value="{{item}}">{{item}}</option>
241
- {%- endfor -%} {%- else -%}
242
- <option value="png">png</option>
243
- <option value="jpg">jpg</option>
244
- <option value="jpeg">jpeg</option>
245
- <option value="webp">webp</option>
246
- <option value="gif">gif</option>
247
- {%- endif -%}
248
- </select>
249
- </div>
250
- </div>
251
- </div>
252
- <div class="col-5">
253
- <div class="d-flex align-items-center">
254
- <button
255
- id="download-button"
256
- style="background: {{pageData.color}};"
257
- >
258
- <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
259
- <path
260
- 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"
261
- /></svg
262
- >Download
263
- </button>
264
- </div>
265
- </div>
266
- </div>
267
- </div>
268
- </div>
269
- </div>
270
- {%- if page.commonStructure != false -%}
271
- <div class="row">
272
- <div class="col-md-7 mx-auto mb-2">
273
- <div class="select-img-panel">
274
- <div id="saving-data" style="display: none">
275
- <img
276
- loading="lazy"
277
- src="/assets/images/loader.gif"
278
- alt="saving"
279
- {%-
280
- if
281
- site.crossorigin
282
- -%}
283
- crossorigin
284
- {%-
285
- endif
286
- -%}
287
- />
288
- <span class="ml-2">Saving your images...</span>
289
- </div>
290
- <div id="canvas-box-panel"></div>
291
- </div>
292
- </div>
293
- <div class="col-md-5">
294
- <div class="options-panel">
295
- {%- if pageData.optionPanelTitle -%}
296
- <div class="title">{{pageData.optionPanelTitle}}</div>
297
- {%- endif -%} {{content}}
298
- </div>
299
- </div>
300
- </div>
301
- {%- else -%} {{content}} {%- endif -%}
302
- </div>
303
- </div>
1
+ ---
2
+ layout: feature
3
+ ---
4
+
5
+ <div class="container">
6
+ {%- assign pageData = site.data[page.folderName][page.lang][page.fileName] -%}
7
+ {%- if site.newFeatureBox -%} {%- if page.removeBox != true -%}
8
+ <div class="custom-box" data-color="{{pageData.color}}">
9
+ <div class="innerBox">
10
+ <div style="display: none" id="file-loader">
11
+ <img
12
+ class="mb-2"
13
+ src="/assets/images/spinner.gif"
14
+ alt="spinner"
15
+ {%-
16
+ if
17
+ site.crossorigin
18
+ -%}
19
+ crossorigin
20
+ {%-
21
+ endif
22
+ -%}
23
+ />
24
+ <p>Please Wait ,Loading Your file</p>
25
+ </div>
26
+ <div class="saving-file-download-wrap" style="display: none">
27
+ <img
28
+ loading="lazy"
29
+ class="trust-img"
30
+ src="/trust.svg"
31
+ alt="trust"
32
+ {%-
33
+ if
34
+ site.crossorigin
35
+ -%}
36
+ crossorigin
37
+ {%-
38
+ endif
39
+ -%}
40
+ />
41
+ <p class="text-white my-2">Thanks for your patience</p>
42
+ <button class="btn" id="download-zip">Download</button>
43
+ </div>
44
+ <div class="file-input">
45
+ <div class="d-flex justify-content-center align-items-center">
46
+ <div
47
+ id="Inputbox"
48
+ class="boxes"
49
+ style="background: {{pageData.color}}; color: #fff;"
50
+ >
51
+ <img
52
+ height="22px"
53
+ class="mr-1"
54
+ width="22px"
55
+ src="/assets/images/addimg.svg"
56
+ alt="image"
57
+ {%-
58
+ if
59
+ site.crossorigin
60
+ -%}
61
+ crossorigin
62
+ {%-
63
+ endif
64
+ -%}
65
+ />
66
+ <span class="ml-3">CHOOSE FILE</span>
67
+ </div>
68
+ <div
69
+ class="file-pick-dropdown"
70
+ style="background: {{pageData.color}}; color: #fff;"
71
+ >
72
+ <i class="fas fa-angle-down arrow-sign"></i>
73
+ <div class="file-picker-dropdown" style="display: none">
74
+ <button id="dropbox">
75
+ <svg
76
+ viewBox="0 0 24 24"
77
+ fill="#0061FF"
78
+ xmlns="http://www.w3.org/2000/svg"
79
+ >
80
+ <path
81
+ id="icon"
82
+ 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"
83
+ ></path>
84
+ </svg>
85
+ From Dropbox
86
+ </button>
87
+ <button id="filepicker">
88
+ <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
89
+ <path
90
+ id="Path"
91
+ d="M8.33331 3H15.6666L23 15H15.6666L8.33331 3Z"
92
+ fill="#FFC107"
93
+ ></path>
94
+ <path
95
+ id="Path_2"
96
+ d="M4.6012 21L8.30086 15H23L19.3333 21H4.6012Z"
97
+ fill="#1976D2"
98
+ ></path>
99
+ <path
100
+ id="Path_3"
101
+ d="M1 15.0625L4.60119 21L12 9L8.33333 3L1 15.0625Z"
102
+ fill="#4CAF50"
103
+ ></path>
104
+ </svg>
105
+ From Google Drive
106
+ </button>
107
+ </div>
108
+ </div>
109
+ </div>
110
+ <p id="dropfile">or drop your file here</p>
111
+ </div>
112
+ </div>
113
+ </div>
114
+ {%- endif -%} {%- else -%} {%- if page.removeBox != true -%}
115
+ <div class="custom-box" style="background:{{pageData.color}};">
116
+ <div class="inner-box">
117
+ <div style="display: none" id="file-loader">
118
+ <img
119
+ class="mb-2"
120
+ src="/assets/images/spinner.gif"
121
+ alt="spinner"
122
+ {%-
123
+ if
124
+ site.crossorigin
125
+ -%}
126
+ crossorigin
127
+ {%-
128
+ endif
129
+ -%}
130
+ />
131
+ <p>Please Wait ,Loading Your file</p>
132
+ </div>
133
+ <div class="saving-file-download-wrap" style="display: none">
134
+ <img
135
+ loading="lazy"
136
+ class="trust-img"
137
+ src="/trust.svg"
138
+ alt="trust"
139
+ {%-
140
+ if
141
+ site.crossorigin
142
+ -%}
143
+ crossorigin
144
+ {%-
145
+ endif
146
+ -%}
147
+ />
148
+ <p class="text-white my-2">Thanks for your patience</p>
149
+ <button class="btn" id="download-zip">Download</button>
150
+ </div>
151
+ <div class="file-input">
152
+ <div class="mb-4 d-flex justify-content-center">
153
+ <svg
154
+ xmlns="http://www.w3.org/2000/svg"
155
+ id="img-svg"
156
+ viewBox="0 0 96 60"
157
+ >
158
+ <path
159
+ fill="white"
160
+ d="M61.9655252,3.24869071 L61.9765763,3.41278068 L62.045,5.866 L73.2405238,6.25793424 C74.5651997,6.30419294 75.6130942,7.37295092 75.6521743,8.67919891 L75.6517521,8.84366004 L73.9765763,56.8144197 C73.9303176,58.1390957 72.8615596,59.1869902 71.5553116,59.2260703 L71.3908505,59.2256481 L68.3103384,59.1184351 C68.0464245,59.8400339 67.3786666,60.3670921 66.5807111,60.425963 L66.4314488,60.4314488 L66.4314488,60.4314488 L30.4314488,60.4314488 C29.3268793,60.4314488 28.4314488,59.5360183 28.4314488,58.4314488 L28.431,55.114 L25.262454,55.2256481 C23.9377781,55.2719068 22.8178834,54.2788497 22.6877793,52.9785097 L22.6767282,52.8144197 L21.0015524,4.84366004 C20.9552937,3.51898409 21.9483508,2.39908942 23.2486907,2.2689853 L23.4127807,2.25793424 L59.3908505,1.00155235 C60.7155264,0.955293651 61.8354211,1.94835077 61.9655252,3.24869071 Z M54.2794488,39.4234488 L45.0024366,47.6809882 L40.7104488,42.4274488 L29.431,51.895 L29.4314488,58.4314488 C29.4314488,58.9442846 29.817489,59.3669559 30.3148276,59.424721 L30.4314488,59.4314488 L66.4314488,59.4314488 C66.9442846,59.4314488 67.3669559,59.0454086 67.424721,58.5480699 L67.4314488,58.4314488 L67.4304488,52.8324488 L54.2794488,39.4234488 Z M37.2275545,6.00094318 C36.4483334,5.97373218 35.7872098,6.54589593 35.688023,7.30354781 L35.676119,7.44768018 L35.676,8.431 L60.4314488,8.43144877 L68.4314488,16.4314488 L68.431,58.121 L71.4257499,58.2262572 C72.2049711,58.2534682 72.8660946,57.6813045 72.9652815,56.9236526 L72.9771854,56.7795202 L74.6523613,8.80876055 C74.6795723,8.0295394 74.1074085,7.36841587 73.3497567,7.26922904 L73.2056243,7.25732506 L37.2275545,6.00094318 Z M59.4257499,2.00094318 L23.4476802,3.25732506 C22.668459,3.28453606 22.0488581,3.9014237 22.002764,4.6641489 L22.0009432,4.80876055 L23.676119,52.7795202 C23.70333,53.5587414 24.3202177,54.1783423 25.0829429,54.2244364 L25.2275545,54.2262572 L28.431,54.114 L28.4314488,10.4314488 C28.4314488,9.32687927 29.3268793,8.43144877 30.4314488,8.43144877 L34.611,8.431 L34.6767282,7.41278068 C34.7229869,6.08810473 35.7917449,5.04021022 37.0979929,5.00113017 L37.262454,5.00155235 L61.045,5.831 L60.9771854,3.44768018 C60.9499744,2.66845903 60.3330868,2.04885809 59.5703616,2.00276399 L59.4257499,2.00094318 Z M59.431,9.431 L30.4314488,9.43144877 C29.9186129,9.43144877 29.4959416,9.81748896 29.4381765,10.3148276 L29.4314488,10.4314488 L29.431,50.591 L40.8439098,41.010846 L45.1168036,46.2404726 L54.3266522,38.0432874 L67.431,51.405 L67.431,17.431 L59.4314488,17.4314488 L59.431,9.431 Z M58.4314488,26.4314488 C60.088303,26.4314488 61.4314488,27.7745945 61.4314488,29.4314488 C61.4314488,31.088303 60.088303,32.4314488 58.4314488,32.4314488 C56.7745945,32.4314488 55.4314488,31.088303 55.4314488,29.4314488 C55.4314488,27.7745945 56.7745945,26.4314488 58.4314488,26.4314488 Z M60.431,9.846 L60.431,16.431 L67.016,16.431 L60.431,9.846 Z"
161
+ ></path>
162
+ </svg>
163
+ </div>
164
+ <div class="d-flex justify-content-center align-items-center">
165
+ <div id="Inputbox" class="boxes">
166
+ <img
167
+ height="22px"
168
+ class="mr-1"
169
+ width="22px"
170
+ src="/assets/images/addimg.svg"
171
+ alt="image"
172
+ {%-
173
+ if
174
+ site.crossorigin
175
+ -%}
176
+ crossorigin
177
+ {%-
178
+ endif
179
+ -%}
180
+ />
181
+ <span class="ml-1">CHOOSE FILE</span>
182
+ </div>
183
+ <div class="file-pick-dropdown">
184
+ <i class="fas fa-angle-down arrow-sign"></i>
185
+ <div class="file-picker-dropdown" style="display: none">
186
+ <button id="dropbox">
187
+ <svg
188
+ viewBox="0 0 24 24"
189
+ fill="#0061FF"
190
+ xmlns="http://www.w3.org/2000/svg"
191
+ >
192
+ <path
193
+ id="icon"
194
+ 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"
195
+ ></path>
196
+ </svg>
197
+ From Dropbox
198
+ </button>
199
+ <button id="filepicker">
200
+ <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
201
+ <path
202
+ id="Path"
203
+ d="M8.33331 3H15.6666L23 15H15.6666L8.33331 3Z"
204
+ fill="#FFC107"
205
+ ></path>
206
+ <path
207
+ id="Path_2"
208
+ d="M4.6012 21L8.30086 15H23L19.3333 21H4.6012Z"
209
+ fill="#1976D2"
210
+ ></path>
211
+ <path
212
+ id="Path_3"
213
+ d="M1 15.0625L4.60119 21L12 9L8.33333 3L1 15.0625Z"
214
+ fill="#4CAF50"
215
+ ></path>
216
+ </svg>
217
+ From Google Drive
218
+ </button>
219
+ </div>
220
+ </div>
221
+ </div>
222
+ <p id="dropfile">or drop your file here</p>
223
+ </div>
224
+ </div>
225
+ </div>
226
+ {%- endif -%} {%- endif -%} {%- assign pageDisplay = page.display | default:
227
+ "none" -%}
228
+ <div class="workspace" style="display: {{pageDisplay}}">
229
+ <div class="row">
230
+ <div class="col-12">
231
+ <div class="download-wrapper mt-3">
232
+ <div class="row rowclass">
233
+ <div class="col-7">
234
+ <div class="d-flex align-items-center">
235
+ <div class="select-format-title">image's format</div>
236
+ <div class="download-format">
237
+ <select name="image-format" id="image-format">
238
+ {%- if pageData.downloadFormats -%} {%- for item in
239
+ pageData.downloadFormats -%}
240
+ <option value="{{item}}">{{item}}</option>
241
+ {%- endfor -%} {%- else -%}
242
+ <option value="png">png</option>
243
+ <option value="jpg">jpg</option>
244
+ <option value="jpeg">jpeg</option>
245
+ <option value="webp">webp</option>
246
+ <option value="gif">gif</option>
247
+ {%- endif -%}
248
+ </select>
249
+ </div>
250
+ </div>
251
+ </div>
252
+ <div class="col-5">
253
+ <div class="d-flex align-items-center">
254
+ <button
255
+ id="download-button"
256
+ style="background: {{pageData.color}};"
257
+ >
258
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
259
+ <path
260
+ 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"
261
+ /></svg
262
+ >Download
263
+ </button>
264
+ </div>
265
+ </div>
266
+ </div>
267
+ </div>
268
+ </div>
269
+ </div>
270
+ {%- if page.commonStructure != false -%}
271
+ <div class="row">
272
+ <div class="col-md-7 mx-auto mb-2">
273
+ <div class="select-img-panel">
274
+ <div id="saving-data" style="display: none">
275
+ <img
276
+ loading="lazy"
277
+ src="/assets/images/loader.gif"
278
+ alt="saving"
279
+ {%-
280
+ if
281
+ site.crossorigin
282
+ -%}
283
+ crossorigin
284
+ {%-
285
+ endif
286
+ -%}
287
+ />
288
+ <span class="ml-2">Saving your images...</span>
289
+ </div>
290
+ <div id="canvas-box-panel"></div>
291
+ </div>
292
+ </div>
293
+ <div class="col-md-5">
294
+ <div class="options-panel">
295
+ {%- if pageData.optionPanelTitle -%}
296
+ <div class="title">{{pageData.optionPanelTitle}}</div>
297
+ {%- endif -%} {{content}}
298
+ </div>
299
+ </div>
300
+ </div>
301
+ {%- else -%} {{content}} {%- endif -%}
302
+ </div>
303
+ </div>