appscms-tools-theme 4.5.9 → 4.6.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (131) 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/feature/en/batch-conversion.json +192 -192
  5. data/_data/feature/en/compress-pdf.json +305 -305
  6. data/_data/feature/en/devtools.json +321 -321
  7. data/_data/feature/en/face-detection.json +156 -156
  8. data/_data/feature/en/split-pdf.json +221 -221
  9. data/_data/feature/en/theframe.json +160 -160
  10. data/_data/footer/en/data.json +2 -2
  11. data/_data/header/en/data.json +412 -412
  12. data/_data/home/en/en.json +324 -324
  13. data/_data/home/en/posters.json +322 -322
  14. data/_includes/alternates/alternates.html +46 -43
  15. data/_includes/appscms/customblog/contenttool-recent-posts.html +94 -94
  16. data/_includes/appscms/customblog/pageRelatedPosts.html +62 -62
  17. data/_includes/appscms/customblog/recentposts.html +67 -67
  18. data/_includes/appscms/customblog/relatedBlogs.html +82 -82
  19. data/_includes/appscms/customblog/relatedposts.html +193 -193
  20. data/_includes/appscms/extras/appscms-postbox.html +57 -57
  21. data/_includes/appscms/featurePageAuthors/featurePageAuthors.html +85 -85
  22. data/_includes/appscms/head/bloghead.html +128 -128
  23. data/_includes/appscms/head/head.html +3 -2
  24. data/_includes/appscms/headings/contenttool-headings.html +33 -33
  25. data/_includes/appscms/headings/devtool-headings.html +38 -38
  26. data/_includes/appscms/home/contenttool-feature-boxes.html +19 -19
  27. data/_includes/appscms/home/devtool-feature-boxes.html +70 -70
  28. data/_includes/appscms/infographics/infographics.html +166 -166
  29. data/_includes/appscms/loaders/loader.html +4 -4
  30. data/_includes/appscms/navbars/devtool-navbar.html +50 -50
  31. data/_includes/appscms/navbars/devtool-toolbar.html +100 -100
  32. data/_includes/appscms/recent-posts/recent_posts.html +90 -90
  33. data/_includes/appscms/recent-posts/related_categories_post.html +194 -194
  34. data/_includes/appscms/searchbar/devtool-searchbar.html +63 -63
  35. data/_includes/appscms/usp/usp.html +90 -90
  36. data/_includes/author_bio.html +41 -41
  37. data/_includes/authorpagehead/index.html +47 -47
  38. data/_includes/authors/authors.html +39 -39
  39. data/_includes/batch-conversion.html +141 -141
  40. data/_includes/bookmark.html +6 -6
  41. data/_includes/cssfile/links.html +54 -54
  42. data/_includes/custom-head.html +138 -138
  43. data/_includes/customCode.html +1 -1
  44. data/_includes/customScripts.html +1 -1
  45. data/_includes/customblog/pageRelatedPosts.html +87 -87
  46. data/_includes/customblog/recentposts.html +67 -67
  47. data/_includes/customblog/relatedBlogs.html +86 -86
  48. data/_includes/customblog/relatedposts.html +201 -201
  49. data/_includes/dropdown/langdropdown.html +32 -32
  50. data/_includes/feature.html +39 -39
  51. data/_includes/featurePageAuthors/featurePageAuthors.html +101 -101
  52. data/_includes/footer/index.html +537 -537
  53. data/_includes/google-analytics.html +32 -32
  54. data/_includes/head/index.html +623 -623
  55. data/_includes/header/blogHeader.html +34 -34
  56. data/_includes/header/index.html +192 -192
  57. data/_includes/infographics/infographics.html +241 -241
  58. data/_includes/paginationBlogPage.html +70 -70
  59. data/_includes/postbox.html +65 -65
  60. data/_includes/script.html +493 -493
  61. data/_includes/section/count.html +32 -32
  62. data/_includes/section/recent_posts.html +94 -94
  63. data/_includes/section/related_categories_post.html +196 -196
  64. data/_includes/share/socialshare.html +21 -21
  65. data/_includes/userTracking.html +14 -14
  66. data/_layouts/aboutUs.html +175 -175
  67. data/_layouts/allAuthors.html +131 -131
  68. data/_layouts/appscms-about.html +163 -163
  69. data/_layouts/appscms-audio.html +33 -33
  70. data/_layouts/appscms-author.html +436 -436
  71. data/_layouts/appscms-authors.html +145 -145
  72. data/_layouts/appscms-batch.html +141 -141
  73. data/_layouts/appscms-calculator.html +93 -93
  74. data/_layouts/appscms-categories.html +26 -26
  75. data/_layouts/appscms-contact.html +132 -132
  76. data/_layouts/appscms-disclaimer.html +124 -124
  77. data/_layouts/appscms-download.html +289 -289
  78. data/_layouts/appscms-feature-result.html +96 -96
  79. data/_layouts/appscms-help.html +25 -25
  80. data/_layouts/appscms-imagekit.html +96 -96
  81. data/_layouts/appscms-post.html +243 -243
  82. data/_layouts/appscms-privacy-policy.html +781 -781
  83. data/_layouts/appscms-terms-and-conditions.html +646 -646
  84. data/_layouts/appscms-video.html +33 -33
  85. data/_layouts/audio.html +33 -33
  86. data/_layouts/author.html +409 -409
  87. data/_layouts/batch.html +177 -177
  88. data/_layouts/blog-1.html +116 -116
  89. data/_layouts/blog.html +131 -131
  90. data/_layouts/calculator.html +99 -99
  91. data/_layouts/contenttool-feature.html +45 -45
  92. data/_layouts/contenttool-home.html +53 -53
  93. data/_layouts/devtool-blog.html +132 -132
  94. data/_layouts/devtool-feature.html +54 -54
  95. data/_layouts/devtool-home.html +53 -53
  96. data/_layouts/devtools.html +57 -57
  97. data/_layouts/feature-1.html +406 -406
  98. data/_layouts/feature.html +351 -351
  99. data/_layouts/featureResultPage.html +82 -82
  100. data/_layouts/frame.html +222 -222
  101. data/_layouts/home.html +281 -281
  102. data/_layouts/homeResultPage.html +32 -32
  103. data/_layouts/imagekit.html +308 -308
  104. data/_layouts/photo-effects-home.html +190 -190
  105. data/_layouts/post.html +233 -233
  106. data/assets/app.js +75 -75
  107. data/assets/css/appscms-blog.css +505 -505
  108. data/assets/css/appscms-contenttool.css +1384 -1384
  109. data/assets/css/appscms-home.css +5 -5
  110. data/assets/css/appscms-imagekit.css +855 -855
  111. data/assets/css/appscms-variables.css +19 -19
  112. data/assets/css/blog.css +510 -510
  113. data/assets/css/calculators.css +46 -46
  114. data/assets/css/devtool-main.css +1350 -1350
  115. data/assets/css/devtools.css +105 -105
  116. data/assets/css/feature-1.css +293 -293
  117. data/assets/css/imagekit copy.css +848 -848
  118. data/assets/css/imagekit.css +848 -848
  119. data/assets/css/tools.css +1847 -1847
  120. data/assets/images/close-button.svg +31 -31
  121. data/assets/images/digipaint.svg +6 -6
  122. data/assets/images/logo.svg +2 -2
  123. data/assets/images/manthink.svg +3552 -3552
  124. data/assets/images/search-icon.svg +2 -2
  125. data/assets/js/batch.js +219 -219
  126. data/assets/js/devtools.js +81 -81
  127. data/assets/js/sharePage.js +65 -65
  128. data/assets/js/usageTracking.js +143 -143
  129. data/assets/js/usageTrackingEvents.js +6 -6
  130. data/assets/js/webvitals.js +4 -4
  131. metadata +3 -3
data/_layouts/appscms-authors.html CHANGED
@@ -1,145 +1,145 @@
1
- <!DOCTYPE html>
2
- <html lang="en">
3
- {% include appscms/head/bloghead.html %}
4
- <style>
5
- .authors-heading {
6
- font-size: 50px;
7
- font-weight: 900;
8
- }
9
-
10
- .authors-info {
11
- padding: 32px;
12
- display: flex;
13
- flex-direction: column;
14
- justify-content: center;
15
- text-align: center;
16
- height: 100%;
17
- width: 100%;
18
- background: white;
19
- box-shadow: 2px 4px 8px #d0cdcd;
20
- border-radius: 15px;
21
- margin-bottom: 100px;
22
- }
23
-
24
- .authors-info .authors-image img {
25
- display: inline-block;
26
- width: 150px;
27
- height: 150px;
28
- padding: 8px;
29
- border-radius: 50%;
30
- object-fit: cover;
31
- user-select: none;
32
- }
33
-
34
- .authors-info .authors-name {
35
- margin: 1rem;
36
- font-size: 23px;
37
- color: #000;
38
- font-weight: 600;
39
- }
40
-
41
- .authors-info .authors-bio {
42
- color: #121315;
43
- font-size: 14px;
44
- }
45
-
46
- .authors-posts-count {
47
- font-size: 16px;
48
- font-weight: 400;
49
- color: #000 !important;
50
- text-decoration: underline !important;
51
- }
52
- </style>
53
-
54
- <body>
55
- {%- include appscms/navbars/navbar.html -%} {%- include
56
- appscms/navbars/toolbar.html -%}
57
- <section class="authors-list" style="margin-top: 50px">
58
- <div class="container">
59
- <div class="row">
60
- <div class="col-md-12">
61
- <h1 class="mb-5 text-center authors-heading">Our Authors</h1>
62
- <div class="row">
63
- {% assign authorsList = "" | split: "" %} {% assign folder_path =
64
- '' %} {% for file in site.pages %} {% if file.path contains
65
- folder_path %} {% assign pageData = file | parse_yaml %} {% assign
66
- lang = pageData.lang %} {% assign foldername = pageData.folderName
67
- %} {% assign filename = pageData.fileName %} {% assign permalink =
68
- pageData.permalink %} {% assign json_data =
69
- site.data[foldername][lang][filename] | json %} {% for author in
70
- json_data.author %} {%- assign splitAuthor = author | split: " "
71
- -%} {% assign featureAuthorFirst = splitAuthor.first | downcase %}
72
- {%- assign collectionData = [featureAuthorFirst] -%} {%- for item
73
- in collectionData -%} {%- if forloop.index == 1 -%} {%- assign
74
- seoTeamAuthorName = item -%} {%- assign authorsList = authorsList
75
- | push: seoTeamAuthorName -%} {%- endif -%} {%- endfor -%} {%
76
- endfor %} {% endif %} {%- endfor -%} {% assign contributorAuthors
77
- = "" | split: "" %} {% assign folder_path = '' %} {% for file in
78
- site.pages %} {% if file.path contains folder_path %} {% assign
79
- pageData = file | parse_yaml %} {% assign lang = pageData.lang %}
80
- {% assign foldername = pageData.folderName %} {% assign filename =
81
- pageData.fileName %} {% assign permalink = pageData.permalink %}
82
- {% assign json_data = site.data[foldername][lang][filename] | json
83
- %} {% for contributor in json_data.contributors %} {%- assign
84
- splitAuthor = contributor.name | split: " " -%} {% assign
85
- contributorAuthor = splitAuthor.first | downcase %} {%- assign
86
- collectionData = [contributorAuthor] -%} {%- for item in
87
- collectionData -%} {%- if forloop.index == 1 -%} {%- assign
88
- contributorAuthor = item -%} {%- assign contributorAuthors =
89
- contributorAuthors | push: contributorAuthor -%} {% assign
90
- mergedArray = authorsList | concat: contributorAuthors %} {% endif
91
- %} {%- endfor -%} {% endfor %} {% endif %} {% endfor %} {% assign
92
- postAuthors = "" | split: "" %} {%- for post in site.posts -%} {%-
93
- if post.author != "" -%} {%- assign postAuthors = postAuthors |
94
- push: post.author -%} {% assign final_array = mergedArray |
95
- concat: postAuthors %} {%- endif -%} {%- endfor -%} {% assign
96
- uniqueArray = final_array | uniq %} {% for author in uniqueArray
97
- %} {%- assign splitAuthor = author | split: " " -%} {%- assign
98
- authorFirst = splitAuthor.first | downcase -%} {%- assign
99
- collectionData = [authorFirst] -%} {%- for item in collectionData
100
- -%} {%- if forloop.index == 1 -%} {%- assign authorName = item -%}
101
- {%- elsif forloop.index == 2 -%} {%- assign image = item -%} {%-
102
- elsif forloop.index == 3 -%} {%- assign bio = item -%} {%- endif
103
- -%} {%- endfor -%}
104
- <div class="col-md-4 mb-5">
105
- <div class="authors-info">
106
- <a
107
- class="authors-image"
108
- href="/authors/{{authorName | downcase | replace: ' ', '-' }}"
109
- >
110
- <img
111
- loading="lazy"
112
- src="{{image}}"
113
- alt="{{ authorName }}"
114
- />
115
- </a>
116
- <a
117
- class="authors-name"
118
- href="/authors/{{authorName | downcase | replace: ' ', '-' }}"
119
- >{{authorName | capitalize }}</a
120
- >
121
-
122
- {% assign authorPosts = site.posts | where: 'author', author
123
- %} {% assign postCount = authorPosts | size %} {% if postCount
124
- > 0 %}
125
- <a href="/blog/" class="authors-posts-count"
126
- >{{ postCount }} Posts</a
127
- >
128
- {% endif %}
129
-
130
- <p class="authors-bio mt-3">{{bio}}</p>
131
- </div>
132
- </div>
133
- {% endfor %}
134
- </div>
135
- </div>
136
- </div>
137
- </div>
138
- {% include section/count.html %}
139
- </section>
140
- {%- include appscms/footer/static-footer.html -%} {%- include
141
- appscms/scripts/script.html -%}
142
- </body>
143
- </html>
144
-
145
- <!-- author name should be same in feature json or blog posts json -->
1
+ <!DOCTYPE html>
2
+ <html lang="en">
3
+ {% include appscms/head/bloghead.html %}
4
+ <style>
5
+ .authors-heading {
6
+ font-size: 50px;
7
+ font-weight: 900;
8
+ }
9
+
10
+ .authors-info {
11
+ padding: 32px;
12
+ display: flex;
13
+ flex-direction: column;
14
+ justify-content: center;
15
+ text-align: center;
16
+ height: 100%;
17
+ width: 100%;
18
+ background: white;
19
+ box-shadow: 2px 4px 8px #d0cdcd;
20
+ border-radius: 15px;
21
+ margin-bottom: 100px;
22
+ }
23
+
24
+ .authors-info .authors-image img {
25
+ display: inline-block;
26
+ width: 150px;
27
+ height: 150px;
28
+ padding: 8px;
29
+ border-radius: 50%;
30
+ object-fit: cover;
31
+ user-select: none;
32
+ }
33
+
34
+ .authors-info .authors-name {
35
+ margin: 1rem;
36
+ font-size: 23px;
37
+ color: #000;
38
+ font-weight: 600;
39
+ }
40
+
41
+ .authors-info .authors-bio {
42
+ color: #121315;
43
+ font-size: 14px;
44
+ }
45
+
46
+ .authors-posts-count {
47
+ font-size: 16px;
48
+ font-weight: 400;
49
+ color: #000 !important;
50
+ text-decoration: underline !important;
51
+ }
52
+ </style>
53
+
54
+ <body>
55
+ {%- include appscms/navbars/navbar.html -%} {%- include
56
+ appscms/navbars/toolbar.html -%}
57
+ <section class="authors-list" style="margin-top: 50px">
58
+ <div class="container">
59
+ <div class="row">
60
+ <div class="col-md-12">
61
+ <h1 class="mb-5 text-center authors-heading">Our Authors</h1>
62
+ <div class="row">
63
+ {% assign authorsList = "" | split: "" %} {% assign folder_path =
64
+ '' %} {% for file in site.pages %} {% if file.path contains
65
+ folder_path %} {% assign pageData = file | parse_yaml %} {% assign
66
+ lang = pageData.lang %} {% assign foldername = pageData.folderName
67
+ %} {% assign filename = pageData.fileName %} {% assign permalink =
68
+ pageData.permalink %} {% assign json_data =
69
+ site.data[foldername][lang][filename] | json %} {% for author in
70
+ json_data.author %} {%- assign splitAuthor = author | split: " "
71
+ -%} {% assign featureAuthorFirst = splitAuthor.first | downcase %}
72
+ {%- assign collectionData = [featureAuthorFirst] -%} {%- for item
73
+ in collectionData -%} {%- if forloop.index == 1 -%} {%- assign
74
+ seoTeamAuthorName = item -%} {%- assign authorsList = authorsList
75
+ | push: seoTeamAuthorName -%} {%- endif -%} {%- endfor -%} {%
76
+ endfor %} {% endif %} {%- endfor -%} {% assign contributorAuthors
77
+ = "" | split: "" %} {% assign folder_path = '' %} {% for file in
78
+ site.pages %} {% if file.path contains folder_path %} {% assign
79
+ pageData = file | parse_yaml %} {% assign lang = pageData.lang %}
80
+ {% assign foldername = pageData.folderName %} {% assign filename =
81
+ pageData.fileName %} {% assign permalink = pageData.permalink %}
82
+ {% assign json_data = site.data[foldername][lang][filename] | json
83
+ %} {% for contributor in json_data.contributors %} {%- assign
84
+ splitAuthor = contributor.name | split: " " -%} {% assign
85
+ contributorAuthor = splitAuthor.first | downcase %} {%- assign
86
+ collectionData = [contributorAuthor] -%} {%- for item in
87
+ collectionData -%} {%- if forloop.index == 1 -%} {%- assign
88
+ contributorAuthor = item -%} {%- assign contributorAuthors =
89
+ contributorAuthors | push: contributorAuthor -%} {% assign
90
+ mergedArray = authorsList | concat: contributorAuthors %} {% endif
91
+ %} {%- endfor -%} {% endfor %} {% endif %} {% endfor %} {% assign
92
+ postAuthors = "" | split: "" %} {%- for post in site.posts -%} {%-
93
+ if post.author != "" -%} {%- assign postAuthors = postAuthors |
94
+ push: post.author -%} {% assign final_array = mergedArray |
95
+ concat: postAuthors %} {%- endif -%} {%- endfor -%} {% assign
96
+ uniqueArray = final_array | uniq %} {% for author in uniqueArray
97
+ %} {%- assign splitAuthor = author | split: " " -%} {%- assign
98
+ authorFirst = splitAuthor.first | downcase -%} {%- assign
99
+ collectionData = [authorFirst] -%} {%- for item in collectionData
100
+ -%} {%- if forloop.index == 1 -%} {%- assign authorName = item -%}
101
+ {%- elsif forloop.index == 2 -%} {%- assign image = item -%} {%-
102
+ elsif forloop.index == 3 -%} {%- assign bio = item -%} {%- endif
103
+ -%} {%- endfor -%}
104
+ <div class="col-md-4 mb-5">
105
+ <div class="authors-info">
106
+ <a
107
+ class="authors-image"
108
+ href="/authors/{{authorName | downcase | replace: ' ', '-' }}"
109
+ >
110
+ <img
111
+ loading="lazy"
112
+ src="{{image}}"
113
+ alt="{{ authorName }}"
114
+ />
115
+ </a>
116
+ <a
117
+ class="authors-name"
118
+ href="/authors/{{authorName | downcase | replace: ' ', '-' }}"
119
+ >{{authorName | capitalize }}</a
120
+ >
121
+
122
+ {% assign authorPosts = site.posts | where: 'author', author
123
+ %} {% assign postCount = authorPosts | size %} {% if postCount
124
+ > 0 %}
125
+ <a href="/blog/" class="authors-posts-count"
126
+ >{{ postCount }} Posts</a
127
+ >
128
+ {% endif %}
129
+
130
+ <p class="authors-bio mt-3">{{bio}}</p>
131
+ </div>
132
+ </div>
133
+ {% endfor %}
134
+ </div>
135
+ </div>
136
+ </div>
137
+ </div>
138
+ {% include section/count.html %}
139
+ </section>
140
+ {%- include appscms/footer/static-footer.html -%} {%- include
141
+ appscms/scripts/script.html -%}
142
+ </body>
143
+ </html>
144
+
145
+ <!-- author name should be same in feature json or blog posts json -->
data/_layouts/appscms-batch.html CHANGED
@@ -1,141 +1,141 @@
1
- ---
2
- layout: appscms-feature
3
- ---
4
-
5
- <div class="container-fluid mt-4">
6
- {%- assign boxColor =
7
- site.data[page.folderName][page.lang][page.fileName].color -%}
8
- <div
9
- class="custom-box"
10
- style=" padding-top: 0px"
11
- data-color="{{boxColor}}"
12
- >
13
- <div style="display: none" id="file-loader">
14
- <img
15
- src="/assets/images/spinner.gif"
16
- alt="loading..."
17
- {%-
18
- if
19
- site.crossorigin
20
- -%}
21
- crossorigin
22
- {%-
23
- endif
24
- -%}
25
- />
26
- <p>Please Wait ,Loading Your file</p>
27
- </div>
28
-
29
- <div class="file-input">
30
- <div class="d-flex justify-content-center align-items-center">
31
- <div id="Inputbox" class="boxes">
32
- <img
33
- height="21px"
34
- width="21px"
35
- src="/assets/images/add.svg"
36
- {%-
37
- if
38
- site.crossorigin
39
- -%}
40
- crossorigin
41
- {%-
42
- endif
43
- -%}
44
- />
45
- <span class="ml-1">CHOOSE FILES</span>
46
- </div>
47
-
48
- </div>
49
- <p id="dropfile" class="text-dark">or drop your image here</p>
50
- </div>
51
- </div>
52
- <div class="workspace" style="display: none">
53
- <div class="row">
54
- <div class="col-md-8">
55
- <div class="files-panel d-none">
56
- <div id="saving-data" style="display: none">
57
- <img
58
- {%-
59
- if
60
- site.crossorigin
61
- -%}
62
- crossorigin
63
- {%-
64
- endif
65
- -%}
66
- loading="lazy"
67
- src="/img/save.gif"
68
- alt="saving"
69
- />
70
- <span class="ml-2">Saving your images...</span>
71
- </div>
72
-
73
- <!-- <label>
74
- <p class="inputfiles-label"> Input files</p> -->
75
- <input
76
- style="display: none"
77
- onchange="fileOnChange()"
78
- type="file"
79
- id="file"
80
- multiple
81
- />
82
- <!-- </label> -->
83
-
84
- <div class="selectedFilesList text-left"></div>
85
- </div>
86
-
87
- <div class="files-container-box">
88
- <div class="add-more-files">
89
- <button class="btn add-more-files-button">
90
- <input
91
- style="display: none"
92
- onchange="fileOnChange2()"
93
- type="file"
94
- id="file2"
95
- multiple
96
- />
97
- <img
98
- {%-
99
- if
100
- site.crossorigin
101
- -%}
102
- crossorigin
103
- {%-
104
- endif
105
- -%}
106
- src="/assets/images/add.png"
107
- alt="add-more-files"
108
- />
109
- Add more files
110
- </button>
111
- </div>
112
- <table class="table files-processing-list m-0"></table>
113
- </div>
114
- <div
115
- class="justify-content-end align-items-center bottom-section-container"
116
- >
117
- <div class="download-wrapper">
118
- <button style="background:{{boxColor}};" id="download-zip">
119
- <svg
120
- xmlns="http://www.w3.org/2000/svg"
121
- viewBox="0 0 512 512"
122
- style="
123
- width: 20px;
124
- height: 20px;
125
- margin-right: 10px;
126
- fill: #fff;
127
- "
128
- >
129
- <path
130
- 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"
131
- ></path>
132
- </svg>
133
- Download Zip
134
- </button>
135
- </div>
136
- </div>
137
- </div>
138
- <div class="col-md-4">{{content}}</div>
139
- </div>
140
- </div>
141
- </div>
1
+ ---
2
+ layout: appscms-feature
3
+ ---
4
+
5
+ <div class="container-fluid mt-4">
6
+ {%- assign boxColor =
7
+ site.data[page.folderName][page.lang][page.fileName].color -%}
8
+ <div
9
+ class="custom-box"
10
+ style=" padding-top: 0px"
11
+ data-color="{{boxColor}}"
12
+ >
13
+ <div style="display: none" id="file-loader">
14
+ <img
15
+ src="/assets/images/spinner.gif"
16
+ alt="loading..."
17
+ {%-
18
+ if
19
+ site.crossorigin
20
+ -%}
21
+ crossorigin
22
+ {%-
23
+ endif
24
+ -%}
25
+ />
26
+ <p>Please Wait ,Loading Your file</p>
27
+ </div>
28
+
29
+ <div class="file-input">
30
+ <div class="d-flex justify-content-center align-items-center">
31
+ <div id="Inputbox" class="boxes">
32
+ <img
33
+ height="21px"
34
+ width="21px"
35
+ src="/assets/images/add.svg"
36
+ {%-
37
+ if
38
+ site.crossorigin
39
+ -%}
40
+ crossorigin
41
+ {%-
42
+ endif
43
+ -%}
44
+ />
45
+ <span class="ml-1">CHOOSE FILES</span>
46
+ </div>
47
+
48
+ </div>
49
+ <p id="dropfile" class="text-dark">or drop your image here</p>
50
+ </div>
51
+ </div>
52
+ <div class="workspace" style="display: none">
53
+ <div class="row">
54
+ <div class="col-md-8">
55
+ <div class="files-panel d-none">
56
+ <div id="saving-data" style="display: none">
57
+ <img
58
+ {%-
59
+ if
60
+ site.crossorigin
61
+ -%}
62
+ crossorigin
63
+ {%-
64
+ endif
65
+ -%}
66
+ loading="lazy"
67
+ src="/img/save.gif"
68
+ alt="saving"
69
+ />
70
+ <span class="ml-2">Saving your images...</span>
71
+ </div>
72
+
73
+ <!-- <label>
74
+ <p class="inputfiles-label"> Input files</p> -->
75
+ <input
76
+ style="display: none"
77
+ onchange="fileOnChange()"
78
+ type="file"
79
+ id="file"
80
+ multiple
81
+ />
82
+ <!-- </label> -->
83
+
84
+ <div class="selectedFilesList text-left"></div>
85
+ </div>
86
+
87
+ <div class="files-container-box">
88
+ <div class="add-more-files">
89
+ <button class="btn add-more-files-button">
90
+ <input
91
+ style="display: none"
92
+ onchange="fileOnChange2()"
93
+ type="file"
94
+ id="file2"
95
+ multiple
96
+ />
97
+ <img
98
+ {%-
99
+ if
100
+ site.crossorigin
101
+ -%}
102
+ crossorigin
103
+ {%-
104
+ endif
105
+ -%}
106
+ src="/assets/images/add.png"
107
+ alt="add-more-files"
108
+ />
109
+ Add more files
110
+ </button>
111
+ </div>
112
+ <table class="table files-processing-list m-0"></table>
113
+ </div>
114
+ <div
115
+ class="justify-content-end align-items-center bottom-section-container"
116
+ >
117
+ <div class="download-wrapper">
118
+ <button style="background:{{boxColor}};" id="download-zip">
119
+ <svg
120
+ xmlns="http://www.w3.org/2000/svg"
121
+ viewBox="0 0 512 512"
122
+ style="
123
+ width: 20px;
124
+ height: 20px;
125
+ margin-right: 10px;
126
+ fill: #fff;
127
+ "
128
+ >
129
+ <path
130
+ 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"
131
+ ></path>
132
+ </svg>
133
+ Download Zip
134
+ </button>
135
+ </div>
136
+ </div>
137
+ </div>
138
+ <div class="col-md-4">{{content}}</div>
139
+ </div>
140
+ </div>
141
+ </div>