appscms-tools-theme 4.8.3 → 4.8.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (145) hide show
  1. checksums.yaml +4 -4
  2. data/_data/.DS_Store +0 -0
  3. data/_data/about/en/about.json +16 -16
  4. data/_data/blog/nav.json +14 -14
  5. data/_data/blog/relatedblogs.json +2816 -2816
  6. data/_data/feature/en/batch-conversion.json +192 -192
  7. data/_data/feature/en/compress-pdf.json +223 -223
  8. data/_data/feature/en/devtools.json +321 -321
  9. data/_data/feature/en/face-detection.json +156 -156
  10. data/_data/feature/en/split-pdf.json +221 -221
  11. data/_data/feature/en/theframe.json +160 -160
  12. data/_data/footer/en/data.json +264 -264
  13. data/_data/header/en/data.json +672 -672
  14. data/_data/home/en/en.json +250 -250
  15. data/_data/home/en/posters.json +322 -322
  16. data/_data/home-1/en/en.json +236 -236
  17. data/_data/noindexURLs.json +23 -0
  18. data/_includes/.DS_Store +0 -0
  19. data/_includes/alternates/alternates.html +64 -89
  20. data/_includes/appscms/customblog/contenttool-recent-posts.html +94 -94
  21. data/_includes/appscms/customblog/pageRelatedPosts.html +68 -68
  22. data/_includes/appscms/customblog/recentposts.html +67 -67
  23. data/_includes/appscms/customblog/relatedBlogs.html +82 -82
  24. data/_includes/appscms/customblog/relatedposts.html +193 -193
  25. data/_includes/appscms/extras/appscms-postbox.html +57 -57
  26. data/_includes/appscms/featurePageAuthors/featurePageAuthors.html +85 -85
  27. data/_includes/appscms/head/bloghead.html +128 -128
  28. data/_includes/appscms/headings/contenttool-headings.html +33 -33
  29. data/_includes/appscms/headings/devtool-headings.html +38 -38
  30. data/_includes/appscms/home/contenttool-feature-boxes.html +19 -19
  31. data/_includes/appscms/home/devtool-feature-boxes.html +70 -70
  32. data/_includes/appscms/infographics/infographics.html +241 -32
  33. data/_includes/appscms/loaders/loader.html +4 -4
  34. data/_includes/appscms/navbars/devtool-navbar.html +50 -50
  35. data/_includes/appscms/navbars/devtool-toolbar.html +100 -100
  36. data/_includes/appscms/navbars/navbar.html +129 -75
  37. data/_includes/appscms/navbars/toolbar.html +326 -139
  38. data/_includes/appscms/recent-posts/recent_posts.html +90 -90
  39. data/_includes/appscms/recent-posts/related_categories_post.html +194 -194
  40. data/_includes/appscms/searchbar/devtool-searchbar.html +63 -63
  41. data/_includes/appscms/usp/usp.html +90 -90
  42. data/_includes/author_bio.html +41 -41
  43. data/_includes/authorpagehead/index.html +47 -47
  44. data/_includes/authors/authors.html +39 -39
  45. data/_includes/batch-conversion.html +141 -141
  46. data/_includes/bookmark.html +6 -6
  47. data/_includes/cssfile/links.html +54 -54
  48. data/_includes/custom-head.html +138 -138
  49. data/_includes/customCode.html +1 -1
  50. data/_includes/customScripts.html +1 -1
  51. data/_includes/customblog/pageRelatedPosts.html +87 -87
  52. data/_includes/customblog/recentposts.html +67 -67
  53. data/_includes/customblog/relatedBlogs.html +86 -86
  54. data/_includes/customblog/relatedposts.html +201 -201
  55. data/_includes/dropdown/langdropdown.html +32 -32
  56. data/_includes/feature.html +39 -39
  57. data/_includes/featurePageAuthors/featurePageAuthors.html +101 -101
  58. data/_includes/footer/index.html +537 -537
  59. data/_includes/google-analytics.html +32 -32
  60. data/_includes/head/index.html +627 -627
  61. data/_includes/header/blogHeader.html +34 -34
  62. data/_includes/header/index.html +152 -152
  63. data/_includes/infographics/infographics.html +244 -244
  64. data/_includes/internationalization-section.html +64 -47
  65. data/_includes/paginationBlogPage.html +70 -70
  66. data/_includes/postbox.html +65 -65
  67. data/_includes/script.html +493 -493
  68. data/_includes/section/count.html +32 -32
  69. data/_includes/section/recent_posts.html +94 -94
  70. data/_includes/section/related_categories_post.html +196 -196
  71. data/_includes/share/socialshare.html +21 -21
  72. data/_includes/userTracking.html +14 -14
  73. data/_layouts/aboutUs.html +175 -175
  74. data/_layouts/allAuthors.html +131 -131
  75. data/_layouts/appscms-about.html +163 -163
  76. data/_layouts/appscms-audio.html +33 -33
  77. data/_layouts/appscms-author.html +436 -436
  78. data/_layouts/appscms-authors.html +145 -145
  79. data/_layouts/appscms-batch.html +141 -141
  80. data/_layouts/appscms-calculator.html +93 -93
  81. data/_layouts/appscms-categories.html +26 -26
  82. data/_layouts/appscms-contact.html +132 -132
  83. data/_layouts/appscms-disclaimer.html +124 -124
  84. data/_layouts/appscms-download.html +289 -289
  85. data/_layouts/appscms-feature-result.html +96 -96
  86. data/_layouts/appscms-help.html +25 -25
  87. data/_layouts/appscms-imagekit.html +96 -96
  88. data/_layouts/appscms-post.html +243 -243
  89. data/_layouts/appscms-privacy-policy.html +781 -781
  90. data/_layouts/appscms-terms-and-conditions.html +646 -646
  91. data/_layouts/appscms-video.html +33 -33
  92. data/_layouts/audio.html +33 -33
  93. data/_layouts/author.html +409 -409
  94. data/_layouts/batch.html +177 -177
  95. data/_layouts/blog-1.html +116 -116
  96. data/_layouts/blog.html +131 -131
  97. data/_layouts/calculator.html +99 -99
  98. data/_layouts/contenttool-feature.html +42 -42
  99. data/_layouts/contenttool-home.html +53 -53
  100. data/_layouts/devtool-blog.html +132 -132
  101. data/_layouts/devtool-feature.html +54 -54
  102. data/_layouts/devtool-home.html +53 -53
  103. data/_layouts/devtools.html +57 -57
  104. data/_layouts/feature-1.html +285 -285
  105. data/_layouts/feature.html +351 -351
  106. data/_layouts/featureResultPage.html +82 -82
  107. data/_layouts/frame.html +222 -222
  108. data/_layouts/home-1.html +186 -186
  109. data/_layouts/home.html +375 -375
  110. data/_layouts/homeResultPage.html +32 -32
  111. data/_layouts/imagekit.html +308 -308
  112. data/_layouts/photo-effects-home.html +190 -190
  113. data/_layouts/post.html +233 -233
  114. data/assets/.DS_Store +0 -0
  115. data/assets/app.js +75 -75
  116. data/assets/css/appscms-blog.css +505 -505
  117. data/assets/css/appscms-contenttool.css +1384 -1384
  118. data/assets/css/appscms-home.css +5 -5
  119. data/assets/css/appscms-imagekit.css +855 -855
  120. data/assets/css/appscms-theme.css +11 -251
  121. data/assets/css/appscms-variables.css +24 -24
  122. data/assets/css/blog.css +510 -510
  123. data/assets/css/calculators.css +46 -46
  124. data/assets/css/common.css +944 -944
  125. data/assets/css/devtool-main.css +1350 -1350
  126. data/assets/css/devtools.css +105 -105
  127. data/assets/css/feature-1.css +293 -293
  128. data/assets/css/home-1.css +188 -188
  129. data/assets/css/imagekit copy.css +848 -848
  130. data/assets/css/imagekit.css +848 -848
  131. data/assets/css/tools.css +1846 -1846
  132. data/assets/images/close-button.svg +31 -31
  133. data/assets/images/digipaint.svg +6 -6
  134. data/assets/images/iconn.svg +12 -12
  135. data/assets/images/logo.svg +2 -2
  136. data/assets/images/manthink.svg +3552 -3552
  137. data/assets/images/search-icon.svg +2 -2
  138. data/assets/js/appscms-infographics.js +49 -49
  139. data/assets/js/batch.js +219 -219
  140. data/assets/js/devtools.js +81 -81
  141. data/assets/js/sharePage.js +65 -65
  142. data/assets/js/usageTracking.js +143 -143
  143. data/assets/js/usageTrackingEvents.js +6 -6
  144. data/assets/js/webvitals.js +4 -4
  145. metadata +5 -3
@@ -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 -->
@@ -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>