appscms-tools-theme 4.6.1 → 4.6.2
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.
- checksums.yaml +4 -4
- data/_data/about/en/about.json +16 -16
- data/_data/blog/nav.json +14 -14
- data/_data/blog/relatedblogs.json +2816 -1
- data/_data/feature/en/batch-conversion.json +192 -192
- data/_data/feature/en/compress-pdf.json +305 -305
- data/_data/feature/en/devtools.json +321 -321
- data/_data/feature/en/face-detection.json +156 -156
- data/_data/feature/en/split-pdf.json +221 -221
- data/_data/feature/en/theframe.json +160 -160
- data/_data/footer/en/data.json +2 -2
- data/_data/header/en/data.json +412 -412
- data/_data/home/en/en.json +324 -324
- data/_data/home/en/posters.json +322 -322
- data/_includes/appscms/customblog/contenttool-recent-posts.html +94 -94
- data/_includes/appscms/customblog/pageRelatedPosts.html +68 -62
- data/_includes/appscms/customblog/recentposts.html +67 -67
- data/_includes/appscms/customblog/relatedBlogs.html +82 -82
- data/_includes/appscms/customblog/relatedposts.html +193 -193
- data/_includes/appscms/extras/appscms-postbox.html +57 -57
- data/_includes/appscms/featurePageAuthors/featurePageAuthors.html +85 -85
- data/_includes/appscms/head/bloghead.html +128 -128
- data/_includes/appscms/headings/contenttool-headings.html +33 -33
- data/_includes/appscms/headings/devtool-headings.html +38 -38
- data/_includes/appscms/home/contenttool-feature-boxes.html +19 -19
- data/_includes/appscms/home/devtool-feature-boxes.html +70 -70
- data/_includes/appscms/infographics/infographics.html +166 -166
- data/_includes/appscms/loaders/loader.html +4 -4
- data/_includes/appscms/navbars/devtool-navbar.html +50 -50
- data/_includes/appscms/navbars/devtool-toolbar.html +100 -100
- data/_includes/appscms/recent-posts/recent_posts.html +90 -90
- data/_includes/appscms/recent-posts/related_categories_post.html +194 -194
- data/_includes/appscms/searchbar/devtool-searchbar.html +63 -63
- data/_includes/appscms/usp/usp.html +90 -90
- data/_includes/author_bio.html +41 -41
- data/_includes/authorpagehead/index.html +47 -47
- data/_includes/authors/authors.html +39 -39
- data/_includes/batch-conversion.html +141 -141
- data/_includes/bookmark.html +6 -6
- data/_includes/cssfile/links.html +54 -54
- data/_includes/custom-head.html +138 -138
- data/_includes/customCode.html +1 -1
- data/_includes/customScripts.html +1 -1
- data/_includes/customblog/pageRelatedPosts.html +87 -87
- data/_includes/customblog/recentposts.html +67 -67
- data/_includes/customblog/relatedBlogs.html +86 -86
- data/_includes/customblog/relatedposts.html +201 -201
- data/_includes/dropdown/langdropdown.html +32 -32
- data/_includes/feature.html +39 -39
- data/_includes/featurePageAuthors/featurePageAuthors.html +101 -101
- data/_includes/footer/index.html +537 -537
- data/_includes/google-analytics.html +32 -32
- data/_includes/head/index.html +623 -623
- data/_includes/header/blogHeader.html +34 -34
- data/_includes/header/index.html +192 -192
- data/_includes/infographics/infographics.html +241 -241
- data/_includes/paginationBlogPage.html +70 -70
- data/_includes/postbox.html +65 -65
- data/_includes/script.html +493 -493
- data/_includes/section/count.html +32 -32
- data/_includes/section/recent_posts.html +94 -94
- data/_includes/section/related_categories_post.html +196 -196
- data/_includes/share/socialshare.html +21 -21
- data/_includes/userTracking.html +14 -14
- data/_layouts/aboutUs.html +175 -175
- data/_layouts/allAuthors.html +131 -131
- data/_layouts/appscms-about.html +163 -163
- data/_layouts/appscms-audio.html +33 -33
- data/_layouts/appscms-author.html +436 -436
- data/_layouts/appscms-authors.html +145 -145
- data/_layouts/appscms-batch.html +141 -141
- data/_layouts/appscms-calculator.html +93 -93
- data/_layouts/appscms-categories.html +26 -26
- data/_layouts/appscms-contact.html +132 -132
- data/_layouts/appscms-disclaimer.html +124 -124
- data/_layouts/appscms-download.html +289 -289
- data/_layouts/appscms-feature-result.html +96 -96
- data/_layouts/appscms-help.html +25 -25
- data/_layouts/appscms-imagekit.html +96 -96
- data/_layouts/appscms-post.html +243 -243
- data/_layouts/appscms-privacy-policy.html +781 -781
- data/_layouts/appscms-terms-and-conditions.html +646 -646
- data/_layouts/appscms-video.html +33 -33
- data/_layouts/audio.html +33 -33
- data/_layouts/author.html +409 -409
- data/_layouts/batch.html +177 -177
- data/_layouts/blog-1.html +116 -116
- data/_layouts/blog.html +131 -131
- data/_layouts/calculator.html +99 -99
- data/_layouts/contenttool-feature.html +45 -45
- data/_layouts/contenttool-home.html +53 -53
- data/_layouts/devtool-blog.html +132 -132
- data/_layouts/devtool-feature.html +54 -54
- data/_layouts/devtool-home.html +53 -53
- data/_layouts/devtools.html +57 -57
- data/_layouts/feature-1.html +406 -406
- data/_layouts/feature.html +351 -351
- data/_layouts/featureResultPage.html +82 -82
- data/_layouts/frame.html +222 -222
- data/_layouts/home.html +281 -281
- data/_layouts/homeResultPage.html +32 -32
- data/_layouts/imagekit.html +308 -308
- data/_layouts/photo-effects-home.html +190 -190
- data/_layouts/post.html +233 -233
- data/assets/app.js +75 -75
- data/assets/css/appscms-blog.css +505 -505
- data/assets/css/appscms-contenttool.css +1384 -1384
- data/assets/css/appscms-home.css +5 -5
- data/assets/css/appscms-imagekit.css +855 -855
- data/assets/css/appscms-variables.css +19 -19
- data/assets/css/blog.css +510 -510
- data/assets/css/calculators.css +46 -46
- data/assets/css/devtool-main.css +1350 -1350
- data/assets/css/devtools.css +105 -105
- data/assets/css/feature-1.css +293 -293
- data/assets/css/imagekit copy.css +848 -848
- data/assets/css/imagekit.css +848 -848
- data/assets/css/tools.css +1847 -1847
- data/assets/images/close-button.svg +31 -31
- data/assets/images/digipaint.svg +6 -6
- data/assets/images/logo.svg +2 -2
- data/assets/images/manthink.svg +3552 -3552
- data/assets/images/search-icon.svg +2 -2
- data/assets/js/batch.js +219 -219
- data/assets/js/devtools.js +81 -81
- data/assets/js/sharePage.js +65 -65
- data/assets/js/usageTracking.js +143 -143
- data/assets/js/usageTrackingEvents.js +6 -6
- data/assets/js/webvitals.js +4 -4
- metadata +3 -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 -->
|
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>
|