appscms-tools-theme 4.0.7 → 4.0.8
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 +13 -13
- data/_data/blog/relatedblogs.json +6932 -6932
- data/_data/download/en/download.json +73 -73
- data/_data/feature/en/3_shop_posters.json +361 -361
- data/_data/feature/en/allele-frequency.json +321 -321
- data/_data/feature/en/batch-conversion.json +153 -153
- data/_data/feature/en/compress-pdf.json +308 -308
- data/_data/feature/en/devtools.json +299 -299
- data/_data/feature/en/face-detection.json +123 -123
- data/_data/feature/en/split-pdf.json +176 -176
- data/_data/feature/en/theframe.json +126 -126
- data/_data/feature/hi/compress-pdf.json +162 -162
- data/_data/feature/tr/compress-pdf.json +161 -161
- data/_data/footer/en/data.json +167 -167
- data/_data/header/en/data.json +174 -174
- data/_data/home/en/en.json +381 -381
- data/_data/home/en/photoeffects.json +97 -97
- data/_data/home/en/posters.json +322 -322
- data/_data/home-1/en/en.json +308 -308
- data/_includes/appscms/customblog/pageRelatedPosts.html +84 -84
- data/_includes/appscms/customblog/recentposts.html +67 -67
- data/_includes/appscms/customblog/relatedBlogs.html +83 -83
- data/_includes/appscms/customblog/relatedposts.html +196 -196
- data/_includes/appscms/extras/appscms-postbox.html +65 -65
- data/_includes/appscms/featurePageAuthors/featurePageAuthors.html +97 -97
- data/_includes/appscms/head/bloghead.html +238 -238
- data/_includes/appscms/infographics/infographics.html +114 -109
- data/_includes/appscms/recent-posts/recent_posts.html +92 -92
- data/_includes/appscms/recent-posts/related_categories_post.html +198 -198
- data/_includes/author_bio.html +41 -41
- data/_includes/authorpagehead/index.html +47 -47
- data/_includes/authors/authors.html +117 -117
- data/_includes/batch-conversion.html +141 -141
- 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/relatedBlogs.html +86 -86
- data/_includes/dropdown/langdropdown.html +32 -32
- data/_includes/feature.html +39 -39
- data/_includes/featurePageAuthors/featurePageAuthors.html +97 -97
- data/_includes/footer/index.html +538 -538
- 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 -231
- data/_includes/paginationBlogPage.html +70 -70
- data/_includes/script.html +557 -557
- data/_includes/share/socialshare.html +21 -21
- data/_includes/userTracking.html +43 -43
- data/_layouts/aboutUs.html +98 -98
- 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 +408 -408
- data/_layouts/appscms-authors.html +132 -132
- 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 +94 -94
- data/_layouts/appscms-help.html +25 -25
- data/_layouts/appscms-imagekit.html +113 -113
- 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 +408 -408
- data/_layouts/batch.html +177 -177
- data/_layouts/blog.html +131 -131
- data/_layouts/calculator.html +99 -99
- data/_layouts/devtools.html +57 -57
- data/_layouts/feature-1.html +406 -406
- data/_layouts/feature.html +435 -434
- data/_layouts/featureResultPage.html +80 -80
- data/_layouts/frame.html +222 -222
- data/_layouts/home.html +300 -300
- data/_layouts/imagekit.html +303 -303
- 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 +500 -500
- data/assets/css/appscms-home.css +5 -5
- data/assets/css/appscms-imagekit.css +854 -854
- data/assets/css/appscms-variables.css +18 -18
- data/assets/css/blog.css +509 -509
- data/assets/css/calculators.css +46 -46
- 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/tools.css +1817 -1817
- data/assets/images/digipaint.svg +6 -6
- data/assets/images/logo.svg +2 -2
- data/assets/images/manthink.svg +3552 -3552
- data/assets/js/batch.js +256 -256
- 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
- metadata +2 -2
|
@@ -1,94 +1,94 @@
|
|
|
1
|
-
{% assign file = page.fileName %} {% assign lang = page.lang %} {% assign folder
|
|
2
|
-
= page.folderName %} {% assign featureData= site.data[folder][lang][file] %}
|
|
3
|
-
<!DOCTYPE html>
|
|
4
|
-
<html lang="{{lang}}">
|
|
5
|
-
{% include appscms/head/head.html %}
|
|
6
|
-
|
|
7
|
-
<body>
|
|
8
|
-
{%- include appscms/navbars/navbar.html -%} {%- include
|
|
9
|
-
appscms/navbars/toolbar.html -%} {%- include bookmark.html -%} {%- if
|
|
10
|
-
site.safeui -%}
|
|
11
|
-
<div
|
|
12
|
-
class="alert alert-{{featureData.variant | default: 'primary'}} fade show text-center"
|
|
13
|
-
role="alert"
|
|
14
|
-
id="safeui-alert"
|
|
15
|
-
>
|
|
16
|
-
<div class="container">
|
|
17
|
-
{%- if featureData.alertmsg -%} {{featureData.alertmsg}} {%- else -%} We
|
|
18
|
-
do not upload any files to server, hence your data is 100% secure. {%-
|
|
19
|
-
endif -%}
|
|
20
|
-
</div>
|
|
21
|
-
</div>
|
|
22
|
-
{%- endif -%}
|
|
23
|
-
<div class="flex-container pb-3">
|
|
24
|
-
<div class="flex-class py-4 mt-4 mt-md-0">
|
|
25
|
-
<div class="d-flex justify-content-center align-items-center">
|
|
26
|
-
<span class="fHhdVc">
|
|
27
|
-
<div class="div-cont feature-img mr-2">
|
|
28
|
-
{%- if featureData.img -%}
|
|
29
|
-
<img
|
|
30
|
-
style="width:{{featureData.imgwidth}};height:{{featureData.imgheight}};"
|
|
31
|
-
src="{{featureData.img}}"
|
|
32
|
-
alt="{{featureData.imgalt}}"
|
|
33
|
-
{%-
|
|
34
|
-
if
|
|
35
|
-
site.crossorigin
|
|
36
|
-
-%}
|
|
37
|
-
crossorigin
|
|
38
|
-
{%-
|
|
39
|
-
endif
|
|
40
|
-
-%}
|
|
41
|
-
/>
|
|
42
|
-
{%- else -%}
|
|
43
|
-
<svg
|
|
44
|
-
xmlns="http://www.w3.org/2000/svg"
|
|
45
|
-
xmlns:xlink="http://www.w3.org/1999/xlink"
|
|
46
|
-
viewBox="0 0 36 36"
|
|
47
|
-
fill="#000"
|
|
48
|
-
>
|
|
49
|
-
<path
|
|
50
|
-
d="M6,6 L9,18 L6,30 L18,27 L30,30 L27,18 L30,6 L18,9 L6,6 Z M3,3 L18,6.75 L33,3 L29.25,18 L33,33 L18,29.25 L3,33 L6.75,18 L3,3 Z"
|
|
51
|
-
></path>
|
|
52
|
-
</svg>
|
|
53
|
-
{%- endif -%}
|
|
54
|
-
</div>
|
|
55
|
-
</span>
|
|
56
|
-
</div>
|
|
57
|
-
<div id="heading-div" style="height: 60px"></div>
|
|
58
|
-
</div>
|
|
59
|
-
</div>
|
|
60
|
-
{%- if site.noFeatureBox == true -%}
|
|
61
|
-
<div class="feature-content-box">{{content}}</div>
|
|
62
|
-
{%- else -%} {%- if page.noBox == true -%}
|
|
63
|
-
<div class="feature-content-box">{{content}}</div>
|
|
64
|
-
{%- else -%}
|
|
65
|
-
<div class="box-padding">
|
|
66
|
-
<div class="d-flex" id="__cond-922051">
|
|
67
|
-
<div class="flex-container">
|
|
68
|
-
<div class="flex-class">
|
|
69
|
-
<div class="d-flex flex-column">
|
|
70
|
-
<div
|
|
71
|
-
class="box"
|
|
72
|
-
style="background:{{featureData.color}};min-height:{{featureData.height}};width:{{featureData.width}}"
|
|
73
|
-
>
|
|
74
|
-
<div class="box-border"></div>
|
|
75
|
-
<div class="content-box">{{content}}</div>
|
|
76
|
-
</div>
|
|
77
|
-
</div>
|
|
78
|
-
</div>
|
|
79
|
-
</div>
|
|
80
|
-
</div>
|
|
81
|
-
</div>
|
|
82
|
-
|
|
83
|
-
{%- endif -%} {%- endif -%} {%- if site.userTrackingCount -%} {%- include
|
|
84
|
-
userTracking.html -%} {%- endif -%} {% include appscms/footer/footer.html %}
|
|
85
|
-
{% include script.html %}
|
|
86
|
-
|
|
87
|
-
<script
|
|
88
|
-
defer
|
|
89
|
-
src="/assets/js/featureResult.js"
|
|
90
|
-
data-foldername="{{page.folderName}}"
|
|
91
|
-
data-lang="{{page.lang}}"
|
|
92
|
-
></script>
|
|
93
|
-
</body>
|
|
94
|
-
</html>
|
|
1
|
+
{% assign file = page.fileName %} {% assign lang = page.lang %} {% assign folder
|
|
2
|
+
= page.folderName %} {% assign featureData= site.data[folder][lang][file] %}
|
|
3
|
+
<!DOCTYPE html>
|
|
4
|
+
<html lang="{{lang}}">
|
|
5
|
+
{% include appscms/head/head.html %}
|
|
6
|
+
|
|
7
|
+
<body>
|
|
8
|
+
{%- include appscms/navbars/navbar.html -%} {%- include
|
|
9
|
+
appscms/navbars/toolbar.html -%} {%- include bookmark.html -%} {%- if
|
|
10
|
+
site.safeui -%}
|
|
11
|
+
<div
|
|
12
|
+
class="alert alert-{{featureData.variant | default: 'primary'}} fade show text-center"
|
|
13
|
+
role="alert"
|
|
14
|
+
id="safeui-alert"
|
|
15
|
+
>
|
|
16
|
+
<div class="container">
|
|
17
|
+
{%- if featureData.alertmsg -%} {{featureData.alertmsg}} {%- else -%} We
|
|
18
|
+
do not upload any files to server, hence your data is 100% secure. {%-
|
|
19
|
+
endif -%}
|
|
20
|
+
</div>
|
|
21
|
+
</div>
|
|
22
|
+
{%- endif -%}
|
|
23
|
+
<div class="flex-container pb-3">
|
|
24
|
+
<div class="flex-class py-4 mt-4 mt-md-0">
|
|
25
|
+
<div class="d-flex justify-content-center align-items-center">
|
|
26
|
+
<span class="fHhdVc">
|
|
27
|
+
<div class="div-cont feature-img mr-2">
|
|
28
|
+
{%- if featureData.img -%}
|
|
29
|
+
<img
|
|
30
|
+
style="width:{{featureData.imgwidth}};height:{{featureData.imgheight}};"
|
|
31
|
+
src="{{featureData.img}}"
|
|
32
|
+
alt="{{featureData.imgalt}}"
|
|
33
|
+
{%-
|
|
34
|
+
if
|
|
35
|
+
site.crossorigin
|
|
36
|
+
-%}
|
|
37
|
+
crossorigin
|
|
38
|
+
{%-
|
|
39
|
+
endif
|
|
40
|
+
-%}
|
|
41
|
+
/>
|
|
42
|
+
{%- else -%}
|
|
43
|
+
<svg
|
|
44
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
45
|
+
xmlns:xlink="http://www.w3.org/1999/xlink"
|
|
46
|
+
viewBox="0 0 36 36"
|
|
47
|
+
fill="#000"
|
|
48
|
+
>
|
|
49
|
+
<path
|
|
50
|
+
d="M6,6 L9,18 L6,30 L18,27 L30,30 L27,18 L30,6 L18,9 L6,6 Z M3,3 L18,6.75 L33,3 L29.25,18 L33,33 L18,29.25 L3,33 L6.75,18 L3,3 Z"
|
|
51
|
+
></path>
|
|
52
|
+
</svg>
|
|
53
|
+
{%- endif -%}
|
|
54
|
+
</div>
|
|
55
|
+
</span>
|
|
56
|
+
</div>
|
|
57
|
+
<div id="heading-div" style="height: 60px"></div>
|
|
58
|
+
</div>
|
|
59
|
+
</div>
|
|
60
|
+
{%- if site.noFeatureBox == true -%}
|
|
61
|
+
<div class="feature-content-box">{{content}}</div>
|
|
62
|
+
{%- else -%} {%- if page.noBox == true -%}
|
|
63
|
+
<div class="feature-content-box">{{content}}</div>
|
|
64
|
+
{%- else -%}
|
|
65
|
+
<div class="box-padding">
|
|
66
|
+
<div class="d-flex" id="__cond-922051">
|
|
67
|
+
<div class="flex-container">
|
|
68
|
+
<div class="flex-class">
|
|
69
|
+
<div class="d-flex flex-column">
|
|
70
|
+
<div
|
|
71
|
+
class="box"
|
|
72
|
+
style="background:{{featureData.color}};min-height:{{featureData.height}};width:{{featureData.width}}"
|
|
73
|
+
>
|
|
74
|
+
<div class="box-border"></div>
|
|
75
|
+
<div class="content-box">{{content}}</div>
|
|
76
|
+
</div>
|
|
77
|
+
</div>
|
|
78
|
+
</div>
|
|
79
|
+
</div>
|
|
80
|
+
</div>
|
|
81
|
+
</div>
|
|
82
|
+
|
|
83
|
+
{%- endif -%} {%- endif -%} {%- if site.userTrackingCount -%} {%- include
|
|
84
|
+
userTracking.html -%} {%- endif -%} {% include appscms/footer/footer.html %}
|
|
85
|
+
{% include script.html %}
|
|
86
|
+
|
|
87
|
+
<script
|
|
88
|
+
defer
|
|
89
|
+
src="/assets/js/featureResult.js"
|
|
90
|
+
data-foldername="{{page.folderName}}"
|
|
91
|
+
data-lang="{{page.lang}}"
|
|
92
|
+
></script>
|
|
93
|
+
</body>
|
|
94
|
+
</html>
|
data/_layouts/appscms-help.html
CHANGED
|
@@ -1,26 +1,26 @@
|
|
|
1
|
-
{% assign file = page.fileName %}
|
|
2
|
-
{% assign folder = page.folderName %}
|
|
3
|
-
{% assign lang = page.lang %}
|
|
4
|
-
{% assign helpData = site.data[folder][lang][file] %}
|
|
5
|
-
<!DOCTYPE html>
|
|
6
|
-
<html lang="{{helpData.htmlLangAtt}}">
|
|
7
|
-
{%- include appscms/head/head.html -%}
|
|
8
|
-
|
|
9
|
-
<body>
|
|
10
|
-
|
|
11
|
-
<body>
|
|
12
|
-
{%- include appscms/navbars/navbar.html -%} {%- include
|
|
13
|
-
appscms/navbars/toolbar.html -%}
|
|
14
|
-
<div class="container py-4">
|
|
15
|
-
<h1 class="about-h1 py-2">Help</h1>
|
|
16
|
-
<h2 class="about-h2"> Welcome to {{page.companyName}}.{{page.domain}}</h2>
|
|
17
|
-
<p class="py-2">We are here to help you. Ping us your queries at care@{{ page.companyName}}.{{page.domain}}</p>
|
|
18
|
-
<div>
|
|
19
|
-
{{content}}
|
|
20
|
-
</div>
|
|
21
|
-
</div>
|
|
22
|
-
{% include appscms/footer/static-footer.html %}
|
|
23
|
-
{% include script.html %}
|
|
24
|
-
</body>
|
|
25
|
-
|
|
1
|
+
{% assign file = page.fileName %}
|
|
2
|
+
{% assign folder = page.folderName %}
|
|
3
|
+
{% assign lang = page.lang %}
|
|
4
|
+
{% assign helpData = site.data[folder][lang][file] %}
|
|
5
|
+
<!DOCTYPE html>
|
|
6
|
+
<html lang="{{helpData.htmlLangAtt}}">
|
|
7
|
+
{%- include appscms/head/head.html -%}
|
|
8
|
+
|
|
9
|
+
<body>
|
|
10
|
+
|
|
11
|
+
<body>
|
|
12
|
+
{%- include appscms/navbars/navbar.html -%} {%- include
|
|
13
|
+
appscms/navbars/toolbar.html -%}
|
|
14
|
+
<div class="container py-4">
|
|
15
|
+
<h1 class="about-h1 py-2">Help</h1>
|
|
16
|
+
<h2 class="about-h2"> Welcome to {{page.companyName}}.{{page.domain}}</h2>
|
|
17
|
+
<p class="py-2">We are here to help you. Ping us your queries at care@{{ page.companyName}}.{{page.domain}}</p>
|
|
18
|
+
<div>
|
|
19
|
+
{{content}}
|
|
20
|
+
</div>
|
|
21
|
+
</div>
|
|
22
|
+
{% include appscms/footer/static-footer.html %}
|
|
23
|
+
{% include script.html %}
|
|
24
|
+
</body>
|
|
25
|
+
|
|
26
26
|
</html>
|
|
@@ -1,113 +1,113 @@
|
|
|
1
|
-
---
|
|
2
|
-
layout: appscms-feature
|
|
3
|
-
---
|
|
4
|
-
|
|
5
|
-
<div class="container">
|
|
6
|
-
{%- assign pageData = site.data[page.folderName][page.lang][page.fileName] -%}
|
|
7
|
-
{%- assign pageDisplay = page.display | default: "none" -%}
|
|
8
|
-
<div class="workspace" style="display: {{pageDisplay}}">
|
|
9
|
-
<div class="imagekit-panel">
|
|
10
|
-
<div class="row">
|
|
11
|
-
<div class="col-12">
|
|
12
|
-
<div class="download-wrapper mt-3">
|
|
13
|
-
<div class="row rowclass">
|
|
14
|
-
<div class="col-7">
|
|
15
|
-
<div class="d-flex align-items-center">
|
|
16
|
-
<div class="select-format-title">image's format</div>
|
|
17
|
-
<div class="download-format">
|
|
18
|
-
<select name="image-format" id="image-format">
|
|
19
|
-
{%- if pageData.downloadFormats -%} {%- for item in
|
|
20
|
-
pageData.downloadFormats -%}
|
|
21
|
-
<option value="{{item}}">{{item}}</option>
|
|
22
|
-
{%- endfor -%} {%- else -%}
|
|
23
|
-
<option value="png">png</option>
|
|
24
|
-
<option value="jpg">jpg</option>
|
|
25
|
-
<option value="jpeg">jpeg</option>
|
|
26
|
-
<option value="webp">webp</option>
|
|
27
|
-
<option value="gif">gif</option>
|
|
28
|
-
{%- endif -%}
|
|
29
|
-
</select>
|
|
30
|
-
</div>
|
|
31
|
-
</div>
|
|
32
|
-
</div>
|
|
33
|
-
<div class="col-5">
|
|
34
|
-
<div class="d-flex align-items-center">
|
|
35
|
-
<button
|
|
36
|
-
id="download-button"
|
|
37
|
-
style="background: var(--primary-color)"
|
|
38
|
-
>
|
|
39
|
-
<svg
|
|
40
|
-
xmlns="http://www.w3.org/2000/svg"
|
|
41
|
-
viewBox="0 0 512 512"
|
|
42
|
-
>
|
|
43
|
-
<path
|
|
44
|
-
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"
|
|
45
|
-
/></svg
|
|
46
|
-
>Download
|
|
47
|
-
</button>
|
|
48
|
-
</div>
|
|
49
|
-
</div>
|
|
50
|
-
</div>
|
|
51
|
-
</div>
|
|
52
|
-
</div>
|
|
53
|
-
</div>
|
|
54
|
-
{%- if page.commonStructure != false -%}
|
|
55
|
-
<div class="row">
|
|
56
|
-
{%- if page.optionPanel == false -%}
|
|
57
|
-
<div class="col-md-12 mx-auto mb-2">
|
|
58
|
-
<div class="select-img-panel">
|
|
59
|
-
<div id="saving-data" style="display: none">
|
|
60
|
-
<img
|
|
61
|
-
loading="lazy"
|
|
62
|
-
src="/assets/images/loader.gif"
|
|
63
|
-
alt="saving"
|
|
64
|
-
{%-
|
|
65
|
-
if
|
|
66
|
-
site.crossorigin
|
|
67
|
-
-%}
|
|
68
|
-
crossorigin
|
|
69
|
-
{%-
|
|
70
|
-
endif
|
|
71
|
-
-%}
|
|
72
|
-
/>
|
|
73
|
-
<span class="ml-2">Saving your images...</span>
|
|
74
|
-
</div>
|
|
75
|
-
<div id="canvas-box-panel"></div>
|
|
76
|
-
</div>
|
|
77
|
-
{{content}}
|
|
78
|
-
</div>
|
|
79
|
-
{%- else -%}
|
|
80
|
-
<div class="col-md-7 mx-auto mb-2">
|
|
81
|
-
<div class="select-img-panel">
|
|
82
|
-
<div id="saving-data" style="display: none">
|
|
83
|
-
<img
|
|
84
|
-
loading="lazy"
|
|
85
|
-
src="/assets/images/loader.gif"
|
|
86
|
-
alt="saving"
|
|
87
|
-
{%-
|
|
88
|
-
if
|
|
89
|
-
site.crossorigin
|
|
90
|
-
-%}
|
|
91
|
-
crossorigin
|
|
92
|
-
{%-
|
|
93
|
-
endif
|
|
94
|
-
-%}
|
|
95
|
-
/>
|
|
96
|
-
<span class="ml-2">Saving your images...</span>
|
|
97
|
-
</div>
|
|
98
|
-
<div id="canvas-box-panel"></div>
|
|
99
|
-
</div>
|
|
100
|
-
</div>
|
|
101
|
-
<div class="col-md-5">
|
|
102
|
-
<div class="options-panel">
|
|
103
|
-
{%- if pageData.optionPanelTitle -%}
|
|
104
|
-
<div class="title">{{pageData.optionPanelTitle}}</div>
|
|
105
|
-
{%- endif -%} {{content}}
|
|
106
|
-
</div>
|
|
107
|
-
</div>
|
|
108
|
-
{%- endif -%}
|
|
109
|
-
</div>
|
|
110
|
-
{%- else -%} {{content}} {%- endif -%}
|
|
111
|
-
</div>
|
|
112
|
-
</div>
|
|
113
|
-
</div>
|
|
1
|
+
---
|
|
2
|
+
layout: appscms-feature
|
|
3
|
+
---
|
|
4
|
+
|
|
5
|
+
<div class="container">
|
|
6
|
+
{%- assign pageData = site.data[page.folderName][page.lang][page.fileName] -%}
|
|
7
|
+
{%- assign pageDisplay = page.display | default: "none" -%}
|
|
8
|
+
<div class="workspace" style="display: {{pageDisplay}}">
|
|
9
|
+
<div class="imagekit-panel">
|
|
10
|
+
<div class="row">
|
|
11
|
+
<div class="col-12">
|
|
12
|
+
<div class="download-wrapper mt-3">
|
|
13
|
+
<div class="row rowclass">
|
|
14
|
+
<div class="col-7">
|
|
15
|
+
<div class="d-flex align-items-center">
|
|
16
|
+
<div class="select-format-title">image's format</div>
|
|
17
|
+
<div class="download-format">
|
|
18
|
+
<select name="image-format" id="image-format">
|
|
19
|
+
{%- if pageData.downloadFormats -%} {%- for item in
|
|
20
|
+
pageData.downloadFormats -%}
|
|
21
|
+
<option value="{{item}}">{{item}}</option>
|
|
22
|
+
{%- endfor -%} {%- else -%}
|
|
23
|
+
<option value="png">png</option>
|
|
24
|
+
<option value="jpg">jpg</option>
|
|
25
|
+
<option value="jpeg">jpeg</option>
|
|
26
|
+
<option value="webp">webp</option>
|
|
27
|
+
<option value="gif">gif</option>
|
|
28
|
+
{%- endif -%}
|
|
29
|
+
</select>
|
|
30
|
+
</div>
|
|
31
|
+
</div>
|
|
32
|
+
</div>
|
|
33
|
+
<div class="col-5">
|
|
34
|
+
<div class="d-flex align-items-center">
|
|
35
|
+
<button
|
|
36
|
+
id="download-button"
|
|
37
|
+
style="background: var(--primary-color)"
|
|
38
|
+
>
|
|
39
|
+
<svg
|
|
40
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
41
|
+
viewBox="0 0 512 512"
|
|
42
|
+
>
|
|
43
|
+
<path
|
|
44
|
+
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"
|
|
45
|
+
/></svg
|
|
46
|
+
>Download
|
|
47
|
+
</button>
|
|
48
|
+
</div>
|
|
49
|
+
</div>
|
|
50
|
+
</div>
|
|
51
|
+
</div>
|
|
52
|
+
</div>
|
|
53
|
+
</div>
|
|
54
|
+
{%- if page.commonStructure != false -%}
|
|
55
|
+
<div class="row">
|
|
56
|
+
{%- if page.optionPanel == false -%}
|
|
57
|
+
<div class="col-md-12 mx-auto mb-2">
|
|
58
|
+
<div class="select-img-panel">
|
|
59
|
+
<div id="saving-data" style="display: none">
|
|
60
|
+
<img
|
|
61
|
+
loading="lazy"
|
|
62
|
+
src="/assets/images/loader.gif"
|
|
63
|
+
alt="saving"
|
|
64
|
+
{%-
|
|
65
|
+
if
|
|
66
|
+
site.crossorigin
|
|
67
|
+
-%}
|
|
68
|
+
crossorigin
|
|
69
|
+
{%-
|
|
70
|
+
endif
|
|
71
|
+
-%}
|
|
72
|
+
/>
|
|
73
|
+
<span class="ml-2">Saving your images...</span>
|
|
74
|
+
</div>
|
|
75
|
+
<div id="canvas-box-panel"></div>
|
|
76
|
+
</div>
|
|
77
|
+
{{content}}
|
|
78
|
+
</div>
|
|
79
|
+
{%- else -%}
|
|
80
|
+
<div class="col-md-7 mx-auto mb-2">
|
|
81
|
+
<div class="select-img-panel">
|
|
82
|
+
<div id="saving-data" style="display: none">
|
|
83
|
+
<img
|
|
84
|
+
loading="lazy"
|
|
85
|
+
src="/assets/images/loader.gif"
|
|
86
|
+
alt="saving"
|
|
87
|
+
{%-
|
|
88
|
+
if
|
|
89
|
+
site.crossorigin
|
|
90
|
+
-%}
|
|
91
|
+
crossorigin
|
|
92
|
+
{%-
|
|
93
|
+
endif
|
|
94
|
+
-%}
|
|
95
|
+
/>
|
|
96
|
+
<span class="ml-2">Saving your images...</span>
|
|
97
|
+
</div>
|
|
98
|
+
<div id="canvas-box-panel"></div>
|
|
99
|
+
</div>
|
|
100
|
+
</div>
|
|
101
|
+
<div class="col-md-5">
|
|
102
|
+
<div class="options-panel">
|
|
103
|
+
{%- if pageData.optionPanelTitle -%}
|
|
104
|
+
<div class="title">{{pageData.optionPanelTitle}}</div>
|
|
105
|
+
{%- endif -%} {{content}}
|
|
106
|
+
</div>
|
|
107
|
+
</div>
|
|
108
|
+
{%- endif -%}
|
|
109
|
+
</div>
|
|
110
|
+
{%- else -%} {{content}} {%- endif -%}
|
|
111
|
+
</div>
|
|
112
|
+
</div>
|
|
113
|
+
</div>
|