appscms-tools-theme 4.5.4 → 4.5.5

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 -348
  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 +356 -356
  13. data/_data/home/en/posters.json +322 -322
  14. data/_includes/appscms/customblog/contenttool-recent-posts.html +94 -93
  15. data/_includes/appscms/customblog/pageRelatedPosts.html +62 -62
  16. data/_includes/appscms/customblog/recentposts.html +67 -67
  17. data/_includes/appscms/customblog/relatedBlogs.html +82 -82
  18. data/_includes/appscms/customblog/relatedposts.html +193 -192
  19. data/_includes/appscms/extras/appscms-postbox.html +57 -60
  20. data/_includes/appscms/featurePageAuthors/featurePageAuthors.html +85 -85
  21. data/_includes/appscms/head/bloghead.html +128 -128
  22. data/_includes/appscms/head/head.html +182 -72
  23. data/_includes/appscms/headings/contenttool-headings.html +33 -33
  24. data/_includes/appscms/headings/devtool-headings.html +38 -38
  25. data/_includes/appscms/home/contenttool-feature-boxes.html +19 -19
  26. data/_includes/appscms/home/devtool-feature-boxes.html +70 -70
  27. data/_includes/appscms/infographics/infographics.html +159 -159
  28. data/_includes/appscms/loaders/loader.html +4 -4
  29. data/_includes/appscms/navbars/devtool-navbar.html +50 -50
  30. data/_includes/appscms/navbars/devtool-toolbar.html +100 -100
  31. data/_includes/appscms/recent-posts/recent_posts.html +90 -92
  32. data/_includes/appscms/recent-posts/related_categories_post.html +194 -194
  33. data/_includes/appscms/searchbar/devtool-searchbar.html +63 -63
  34. data/_includes/appscms/usp/usp.html +90 -90
  35. data/_includes/author_bio.html +41 -41
  36. data/_includes/authorpagehead/index.html +47 -47
  37. data/_includes/authors/authors.html +39 -39
  38. data/_includes/batch-conversion.html +141 -141
  39. data/_includes/bookmark.html +6 -6
  40. data/_includes/cssfile/links.html +54 -54
  41. data/_includes/custom-head.html +138 -138
  42. data/_includes/customCode.html +1 -1
  43. data/_includes/customScripts.html +1 -1
  44. data/_includes/customblog/pageRelatedPosts.html +87 -87
  45. data/_includes/customblog/recentposts.html +67 -67
  46. data/_includes/customblog/relatedBlogs.html +86 -86
  47. data/_includes/customblog/relatedposts.html +201 -201
  48. data/_includes/dropdown/langdropdown.html +32 -32
  49. data/_includes/feature.html +39 -39
  50. data/_includes/featurePageAuthors/featurePageAuthors.html +101 -101
  51. data/_includes/footer/index.html +537 -537
  52. data/_includes/google-analytics.html +32 -32
  53. data/_includes/head/index.html +623 -623
  54. data/_includes/header/blogHeader.html +34 -34
  55. data/_includes/header/index.html +192 -192
  56. data/_includes/infographics/infographics.html +241 -241
  57. data/_includes/paginationBlogPage.html +70 -70
  58. data/_includes/postbox.html +65 -32
  59. data/_includes/script.html +493 -493
  60. data/_includes/section/count.html +32 -32
  61. data/_includes/section/recent_posts.html +94 -66
  62. data/_includes/section/related_categories_post.html +196 -196
  63. data/_includes/share/socialshare.html +21 -21
  64. data/_includes/userTracking.html +14 -14
  65. data/_layouts/aboutUs.html +175 -99
  66. data/_layouts/allAuthors.html +131 -131
  67. data/_layouts/appscms-about.html +163 -163
  68. data/_layouts/appscms-audio.html +33 -33
  69. data/_layouts/appscms-author.html +436 -436
  70. data/_layouts/appscms-authors.html +145 -171
  71. data/_layouts/appscms-batch.html +141 -141
  72. data/_layouts/appscms-blog.html +94 -55
  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 -84
  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 +256 -256
  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,171 +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: "" %}
64
- {% assign folder_path = '' %}
65
- {% for file in site.pages %}
66
- {% if file.path contains folder_path %}
67
- {% assign pageData = file | parse_yaml %}
68
- {% assign lang = pageData.lang %}
69
- {% assign foldername = pageData.folderName %}
70
- {% assign filename = pageData.fileName %}
71
- {% assign permalink = pageData.permalink %}
72
- {% assign json_data = site.data[foldername][lang][filename] | json %}
73
-
74
- {% for author in json_data.author %}
75
- {%- assign splitAuthor = author | split: " " -%}
76
- {% assign featureAuthorFirst = splitAuthor.first | downcase %}
77
-
78
- {%- assign collectionData = [featureAuthorFirst] -%}
79
- {%- for item in collectionData -%}
80
- {%- if forloop.index == 1 -%}
81
- {%- assign seoTeamAuthorName = item -%}
82
- {%- assign authorsList = authorsList | push: seoTeamAuthorName -%}
83
- {%- endif -%}
84
- {%- endfor -%}
85
- {% endfor %}
86
- {% endif %}
87
- {%- endfor -%}
88
-
89
- {% assign contributorAuthors = "" | split: "" %}
90
- {% assign folder_path = '' %}
91
- {% for file in site.pages %}
92
- {% if file.path contains folder_path %}
93
- {% assign pageData = file | parse_yaml %}
94
- {% assign lang = pageData.lang %}
95
- {% assign foldername = pageData.folderName %}
96
- {% assign filename = pageData.fileName %}
97
- {% assign permalink = pageData.permalink %}
98
- {% assign json_data = site.data[foldername][lang][filename] | json %}
99
-
100
- {% for contributor in json_data.contributors %}
101
- {%- assign splitAuthor = contributor.name | split: " " -%}
102
- {% assign contributorAuthor = splitAuthor.first | downcase %}
103
- {%- assign collectionData = [contributorAuthor] -%}
104
- {%- for item in collectionData -%}
105
- {%- if forloop.index == 1 -%}
106
- {%- assign contributorAuthor = item -%}
107
- {%- assign contributorAuthors = contributorAuthors | push: contributorAuthor -%}
108
- {% assign mergedArray = authorsList | concat: contributorAuthors %}
109
- {% endif %}
110
- {%- endfor -%}
111
- {% endfor %}
112
- {% endif %}
113
- {% endfor %}
114
-
115
- {% assign postAuthors = "" | split: "" %}
116
- {%- for post in site.posts -%}
117
- {%- if post.author != "" -%}
118
- {%- assign postAuthors = postAuthors | push: post.author -%}
119
- {% assign final_array = mergedArray | concat: postAuthors %}
120
- {%- endif -%}
121
- {%- endfor -%}
122
-
123
-
124
- {% assign uniqueArray = final_array | uniq %}
125
- {% for author in uniqueArray %}
126
- {%- assign splitAuthor = author | split: " " -%}
127
- {%- assign authorFirst = splitAuthor.first | downcase -%}
128
- {%- assign collectionData = [authorFirst] -%}
129
- {%- for item in collectionData -%}
130
- {%- if forloop.index == 1 -%}
131
- {%- assign authorName = item -%}
132
- {%- elsif forloop.index == 2 -%}
133
- {%- assign image = item -%}
134
- {%- elsif forloop.index == 3 -%}
135
- {%- assign bio = item -%}
136
- {%- endif -%}
137
- {%- endfor -%}
138
- <div class="col-md-4 mb-5">
139
- <div class="authors-info">
140
- <a class="authors-image" href="/authors/{{authorName | downcase | replace: ' ', '-' }}">
141
- <img loading="lazy" src="{{image}}" alt="{{ authorName }}" />
142
- </a>
143
- <a class="authors-name" href="/authors/{{authorName | downcase | replace: ' ', '-' }}">{{authorName |
144
- capitalize }}</a>
145
-
146
- {% assign authorPosts = site.posts | where: 'author', author %}
147
- {% assign postCount = authorPosts | size %}
148
-
149
- {% if postCount > 0 %}
150
- <a href="/blog" class="authors-posts-count">{{ postCount }} Posts</a>
151
- {% endif %}
152
-
153
- <p class="authors-bio mt-3">{{bio}}</p>
154
- </div>
155
- </div>
156
- {% endfor %}
157
- </div>
158
- </div>
159
- </div>
160
- </div>
161
- {% include section/count.html %}
162
- </section>
163
- {%- include appscms/footer/static-footer.html -%}
164
- {%- include appscms/scripts/script.html -%}
165
- </body>
166
-
167
- </html>
168
-
169
-
170
-
171
- <!-- 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>