appscms-tools-theme 4.7.7 → 4.7.8

Sign up to get free protection for your applications and to get access to all the features.
Files changed (138) 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/blog/relatedblogs.json +2816 -2816
  5. data/_data/feature/en/batch-conversion.json +192 -192
  6. data/_data/feature/en/compress-pdf.json +223 -223
  7. data/_data/feature/en/devtools.json +321 -321
  8. data/_data/feature/en/face-detection.json +156 -156
  9. data/_data/feature/en/split-pdf.json +221 -221
  10. data/_data/feature/en/theframe.json +160 -160
  11. data/_data/footer/en/data.json +264 -264
  12. data/_data/header/en/data.json +672 -672
  13. data/_data/home/en/en.json +250 -250
  14. data/_data/home/en/posters.json +322 -322
  15. data/_data/home-1/en/en.json +236 -236
  16. data/_includes/alternates/alternates.html +88 -88
  17. data/_includes/appscms/customblog/contenttool-recent-posts.html +94 -94
  18. data/_includes/appscms/customblog/pageRelatedPosts.html +68 -68
  19. data/_includes/appscms/customblog/recentposts.html +67 -67
  20. data/_includes/appscms/customblog/relatedBlogs.html +82 -82
  21. data/_includes/appscms/customblog/relatedposts.html +193 -193
  22. data/_includes/appscms/extras/appscms-postbox.html +57 -57
  23. data/_includes/appscms/featurePageAuthors/featurePageAuthors.html +85 -85
  24. data/_includes/appscms/head/bloghead.html +128 -128
  25. data/_includes/appscms/headings/contenttool-headings.html +33 -33
  26. data/_includes/appscms/headings/devtool-headings.html +38 -38
  27. data/_includes/appscms/home/contenttool-feature-boxes.html +19 -19
  28. data/_includes/appscms/home/devtool-feature-boxes.html +70 -70
  29. data/_includes/appscms/infographics/infographics.html +160 -160
  30. data/_includes/appscms/loaders/loader.html +4 -4
  31. data/_includes/appscms/navbars/devtool-navbar.html +50 -50
  32. data/_includes/appscms/navbars/devtool-toolbar.html +100 -100
  33. data/_includes/appscms/recent-posts/recent_posts.html +90 -90
  34. data/_includes/appscms/recent-posts/related_categories_post.html +194 -194
  35. data/_includes/appscms/searchbar/devtool-searchbar.html +63 -63
  36. data/_includes/appscms/usp/usp.html +90 -90
  37. data/_includes/author_bio.html +41 -41
  38. data/_includes/authorpagehead/index.html +47 -47
  39. data/_includes/authors/authors.html +39 -39
  40. data/_includes/batch-conversion.html +141 -141
  41. data/_includes/bookmark.html +6 -6
  42. data/_includes/cssfile/links.html +54 -54
  43. data/_includes/custom-head.html +138 -138
  44. data/_includes/customCode.html +1 -1
  45. data/_includes/customScripts.html +1 -1
  46. data/_includes/customblog/pageRelatedPosts.html +87 -87
  47. data/_includes/customblog/recentposts.html +67 -67
  48. data/_includes/customblog/relatedBlogs.html +86 -86
  49. data/_includes/customblog/relatedposts.html +201 -201
  50. data/_includes/dropdown/langdropdown.html +32 -32
  51. data/_includes/feature.html +39 -39
  52. data/_includes/featurePageAuthors/featurePageAuthors.html +101 -101
  53. data/_includes/footer/index.html +537 -537
  54. data/_includes/google-analytics.html +32 -32
  55. data/_includes/head/index.html +627 -627
  56. data/_includes/header/blogHeader.html +34 -34
  57. data/_includes/header/index.html +152 -152
  58. data/_includes/infographics/infographics.html +244 -244
  59. data/_includes/internationalization-section.html +44 -0
  60. data/_includes/paginationBlogPage.html +70 -70
  61. data/_includes/postbox.html +65 -65
  62. data/_includes/script.html +493 -493
  63. data/_includes/section/count.html +32 -32
  64. data/_includes/section/recent_posts.html +94 -94
  65. data/_includes/section/related_categories_post.html +196 -196
  66. data/_includes/share/socialshare.html +21 -21
  67. data/_includes/userTracking.html +14 -14
  68. data/_layouts/aboutUs.html +175 -175
  69. data/_layouts/allAuthors.html +131 -131
  70. data/_layouts/appscms-about.html +163 -163
  71. data/_layouts/appscms-audio.html +33 -33
  72. data/_layouts/appscms-author.html +436 -436
  73. data/_layouts/appscms-authors.html +145 -145
  74. data/_layouts/appscms-batch.html +141 -141
  75. data/_layouts/appscms-calculator.html +93 -93
  76. data/_layouts/appscms-categories.html +26 -26
  77. data/_layouts/appscms-contact.html +132 -132
  78. data/_layouts/appscms-disclaimer.html +124 -124
  79. data/_layouts/appscms-download.html +289 -289
  80. data/_layouts/appscms-feature-result.html +96 -96
  81. data/_layouts/appscms-feature.html +22 -24
  82. data/_layouts/appscms-help.html +25 -25
  83. data/_layouts/appscms-imagekit.html +96 -96
  84. data/_layouts/appscms-post.html +243 -243
  85. data/_layouts/appscms-privacy-policy.html +781 -781
  86. data/_layouts/appscms-terms-and-conditions.html +646 -646
  87. data/_layouts/appscms-video.html +33 -33
  88. data/_layouts/audio.html +33 -33
  89. data/_layouts/author.html +409 -409
  90. data/_layouts/batch.html +177 -177
  91. data/_layouts/blog-1.html +116 -116
  92. data/_layouts/blog.html +131 -131
  93. data/_layouts/calculator.html +99 -99
  94. data/_layouts/contenttool-feature.html +45 -45
  95. data/_layouts/contenttool-home.html +53 -53
  96. data/_layouts/devtool-blog.html +132 -132
  97. data/_layouts/devtool-feature.html +54 -54
  98. data/_layouts/devtool-home.html +53 -53
  99. data/_layouts/devtools.html +57 -57
  100. data/_layouts/feature-1.html +285 -285
  101. data/_layouts/feature.html +351 -351
  102. data/_layouts/featureResultPage.html +82 -82
  103. data/_layouts/frame.html +222 -222
  104. data/_layouts/home-1.html +186 -186
  105. data/_layouts/home.html +375 -375
  106. data/_layouts/homeResultPage.html +32 -32
  107. data/_layouts/imagekit.html +308 -308
  108. data/_layouts/photo-effects-home.html +190 -190
  109. data/_layouts/post.html +233 -233
  110. data/assets/app.js +75 -75
  111. data/assets/css/appscms-blog.css +505 -505
  112. data/assets/css/appscms-contenttool.css +1384 -1384
  113. data/assets/css/appscms-home.css +5 -5
  114. data/assets/css/appscms-imagekit.css +855 -855
  115. data/assets/css/appscms-variables.css +19 -19
  116. data/assets/css/blog.css +510 -510
  117. data/assets/css/calculators.css +46 -46
  118. data/assets/css/common.css +944 -944
  119. data/assets/css/devtool-main.css +1350 -1350
  120. data/assets/css/devtools.css +105 -105
  121. data/assets/css/feature-1.css +293 -293
  122. data/assets/css/home-1.css +188 -188
  123. data/assets/css/imagekit copy.css +848 -848
  124. data/assets/css/imagekit.css +848 -848
  125. data/assets/css/tools.css +1846 -1846
  126. data/assets/images/close-button.svg +31 -31
  127. data/assets/images/digipaint.svg +6 -6
  128. data/assets/images/iconn.svg +12 -12
  129. data/assets/images/logo.svg +2 -2
  130. data/assets/images/manthink.svg +3552 -3552
  131. data/assets/images/search-icon.svg +2 -2
  132. data/assets/js/batch.js +219 -219
  133. data/assets/js/devtools.js +81 -81
  134. data/assets/js/sharePage.js +65 -65
  135. data/assets/js/usageTracking.js +143 -143
  136. data/assets/js/usageTrackingEvents.js +6 -6
  137. data/assets/js/webvitals.js +4 -4
  138. metadata +4 -3
@@ -1,96 +1,96 @@
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="appscms-sidebar-left"></div>
24
- <div class="appscms-sidebar-right"></div>
25
- <div class="flex-container pb-3">
26
- <div class="flex-class py-4 mt-4 mt-md-0">
27
- <div class="d-flex justify-content-center align-items-center">
28
- <span class="fHhdVc">
29
- <div class="div-cont feature-img mr-2">
30
- {%- if featureData.img -%}
31
- <img
32
- style="width:{{featureData.imgwidth}};height:{{featureData.imgheight}};"
33
- src="{{featureData.img}}"
34
- alt="{{featureData.imgalt}}"
35
- {%-
36
- if
37
- site.crossorigin
38
- -%}
39
- crossorigin
40
- {%-
41
- endif
42
- -%}
43
- />
44
- {%- else -%}
45
- <svg
46
- xmlns="http://www.w3.org/2000/svg"
47
- xmlns:xlink="http://www.w3.org/1999/xlink"
48
- viewBox="0 0 36 36"
49
- fill="#000"
50
- >
51
- <path
52
- 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"
53
- ></path>
54
- </svg>
55
- {%- endif -%}
56
- </div>
57
- </span>
58
- </div>
59
- <div id="heading-div" style="height: 60px"></div>
60
- </div>
61
- </div>
62
- {%- if site.noFeatureBox == true -%}
63
- <div class="feature-content-box">{{content}}</div>
64
- {%- else -%} {%- if page.noBox == true -%}
65
- <div class="feature-content-box">{{content}}</div>
66
- {%- else -%}
67
- <div class="box-padding">
68
- <div class="d-flex" id="__cond-922051">
69
- <div class="flex-container">
70
- <div class="flex-class">
71
- <div class="d-flex flex-column">
72
- <div
73
- class="box"
74
- style="background:{{featureData.color}};min-height:{{featureData.height}};width:{{featureData.width}}"
75
- >
76
- <div class="box-border"></div>
77
- <div class="content-box">{{content}}</div>
78
- </div>
79
- </div>
80
- </div>
81
- </div>
82
- </div>
83
- </div>
84
-
85
- {%- endif -%} {%- endif -%} {%- if site.userTrackingCount -%} {%- include
86
- userTracking.html -%} {%- endif -%} {% include appscms/footer/footer.html %}
87
- {% include script.html %}
88
-
89
- <script
90
- defer
91
- src="/assets/js/featureResult.js"
92
- data-foldername="{{page.folderName}}"
93
- data-lang="{{page.lang}}"
94
- ></script>
95
- </body>
96
- </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="appscms-sidebar-left"></div>
24
+ <div class="appscms-sidebar-right"></div>
25
+ <div class="flex-container pb-3">
26
+ <div class="flex-class py-4 mt-4 mt-md-0">
27
+ <div class="d-flex justify-content-center align-items-center">
28
+ <span class="fHhdVc">
29
+ <div class="div-cont feature-img mr-2">
30
+ {%- if featureData.img -%}
31
+ <img
32
+ style="width:{{featureData.imgwidth}};height:{{featureData.imgheight}};"
33
+ src="{{featureData.img}}"
34
+ alt="{{featureData.imgalt}}"
35
+ {%-
36
+ if
37
+ site.crossorigin
38
+ -%}
39
+ crossorigin
40
+ {%-
41
+ endif
42
+ -%}
43
+ />
44
+ {%- else -%}
45
+ <svg
46
+ xmlns="http://www.w3.org/2000/svg"
47
+ xmlns:xlink="http://www.w3.org/1999/xlink"
48
+ viewBox="0 0 36 36"
49
+ fill="#000"
50
+ >
51
+ <path
52
+ 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"
53
+ ></path>
54
+ </svg>
55
+ {%- endif -%}
56
+ </div>
57
+ </span>
58
+ </div>
59
+ <div id="heading-div" style="height: 60px"></div>
60
+ </div>
61
+ </div>
62
+ {%- if site.noFeatureBox == true -%}
63
+ <div class="feature-content-box">{{content}}</div>
64
+ {%- else -%} {%- if page.noBox == true -%}
65
+ <div class="feature-content-box">{{content}}</div>
66
+ {%- else -%}
67
+ <div class="box-padding">
68
+ <div class="d-flex" id="__cond-922051">
69
+ <div class="flex-container">
70
+ <div class="flex-class">
71
+ <div class="d-flex flex-column">
72
+ <div
73
+ class="box"
74
+ style="background:{{featureData.color}};min-height:{{featureData.height}};width:{{featureData.width}}"
75
+ >
76
+ <div class="box-border"></div>
77
+ <div class="content-box">{{content}}</div>
78
+ </div>
79
+ </div>
80
+ </div>
81
+ </div>
82
+ </div>
83
+ </div>
84
+
85
+ {%- endif -%} {%- endif -%} {%- if site.userTrackingCount -%} {%- include
86
+ userTracking.html -%} {%- endif -%} {% include appscms/footer/footer.html %}
87
+ {% include script.html %}
88
+
89
+ <script
90
+ defer
91
+ src="/assets/js/featureResult.js"
92
+ data-foldername="{{page.folderName}}"
93
+ data-lang="{{page.lang}}"
94
+ ></script>
95
+ </body>
96
+ </html>
@@ -4,31 +4,31 @@ assign boxColor = site.data[page.folderName][page.lang][page.fileName].color -%}
4
4
 
5
5
  <!DOCTYPE html>
6
6
  <html lang="{{ page.lang }}">
7
- {%- include appscms/head/head.html -%}
7
+ {%- include appscms/head/head.html -%}
8
8
 
9
- <body>
10
- {%- include appscms/navbars/navbar.html -%} {%- include
11
- appscms/navbars/toolbar.html -%} {%- include bookmark.html -%} {%- if
12
- site.safeui -%}
13
- <div class="alert alert-{{pageData.variant | default: 'primary'}} fade show text-center" role="alert"
14
- id="safeui-alert">
15
- <div class="container">
16
- {%- if pageData.alertmsg -%} {{pageData.alertmsg}} {%- else -%} We do
17
- not upload any files to server, hence your data is 100% secure. {%-
18
- endif -%}
9
+ <body>
10
+ {%- include appscms/navbars/navbar.html -%} {%- include
11
+ appscms/navbars/toolbar.html -%} {%- include bookmark.html -%} {%- if
12
+ site.safeui -%}
13
+ <div
14
+ class="alert alert-{{pageData.variant | default: 'primary'}} fade show text-center"
15
+ role="alert"
16
+ id="safeui-alert"
17
+ >
18
+ <div class="container">
19
+ {%- if pageData.alertmsg -%} {{pageData.alertmsg}} {%- else -%} We do
20
+ not upload any files to server, hence your data is 100% secure. {%-
21
+ endif -%}
22
+ </div>
19
23
  </div>
20
- </div>
21
- {%- endif -%} {%- include appscms/headings/headings.html -%}
24
+ {%- endif -%} {%- include appscms/headings/headings.html -%}
22
25
  <div class="appscms-sidebar-left"></div>
23
26
  <div class="appscms-sidebar-right"></div>
24
- {%- include
25
- appscms/uploadbutton/uploadbutton.html -%} {%- include
27
+ {%- include appscms/uploadbutton/uploadbutton.html -%} {%- include
26
28
  appscms/featurehighlight/featurehighlight.html -%} {%- include
27
29
  appscms/howto/howto.html -%} {%- if pageData.infographics.size > 0 -%} {%-
28
30
  include appscms/infographics/infographics.html -%} {%- endif -%} {%- include
29
- appscms/faq/faq.html -%}
30
- {%- include
31
- appscms/usp/usp.html -%}
31
+ appscms/faq/faq.html -%} {%- include appscms/usp/usp.html -%}
32
32
  <!-- {%- include
33
33
  appscms/extras/traffic-count.html -%} -->
34
34
  {%- if site.userTrackingCount -%} {%- include userTracking.html -%} {%-
@@ -49,11 +49,9 @@ assign boxColor = site.data[page.folderName][page.lang][page.fileName].color -%}
49
49
  endif -%} {%- include appscms/extras/ratings.html -%} {%- if
50
50
  pageData.author.size > 0 -%} {% include
51
51
  appscms/featurePageAuthors/featurePageAuthors.html %} {%- endif -%} {%-
52
- include appscms/footer/products.html -%}
53
-
54
- {%- include
55
- appscms/footer/footer.html -%} {%- if site.customCode -%} {%- include
56
- customCode.html -%} {%- endif -%} {%- include appscms/scripts/script.html
57
- -%}
52
+ include appscms/footer/products.html -%} {%- include
53
+ internationalization-section.html -%}{%- include appscms/footer/footer.html
54
+ -%} {%- if site.customCode -%} {%- include customCode.html -%} {%- endif -%}
55
+ {%- include appscms/scripts/script.html -%}
58
56
  </body>
59
57
  </html>
@@ -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,96 +1,96 @@
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
-
35
-
36
-
37
-
38
- <div class="d-flex align-items-center">
39
- <button id="download-button" style="background: var(--primary-color)">
40
- <svg id="download-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
41
- <path 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"/>
42
- </svg>
43
- <span class="button-loader"></span>
44
- Download
45
- </button>
46
-
47
- </div>
48
- </div>
49
- </div>
50
- </div>
51
- </div>
52
- </div>
53
- {%- if page.commonStructure != false -%}
54
- <div class="row">
55
- {%- if page.optionPanel == false -%}
56
- <div class="col-md-12 mx-auto mb-2">
57
- <div class="select-img-panel">
58
- <div id="saving-data" style="display: none">
59
-
60
- <div class="appscms-loader d-flex">
61
- <div class="lds-roller"><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div></div>
62
- </div>
63
-
64
- <div class="text-center mt-4">Saving your files...</div>
65
- </div>
66
- <div id="canvas-box-panel"></div>
67
- </div>
68
- {{content}}
69
- </div>
70
- {%- else -%}
71
- <div class="col-md-7 mx-auto mb-2">
72
- <div class="select-img-panel">
73
- <div id="saving-data" style="display: none">
74
-
75
- <div class="appscms-loader d-flex">
76
- <div class="lds-roller"><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div></div>
77
- </div>
78
-
79
- <div class="mt-4 text-center">Saving your files...</div>
80
- </div>
81
- <div id="canvas-box-panel"></div>
82
- </div>
83
- </div>
84
- <div class="col-md-5">
85
- <div class="options-panel">
86
- {%- if pageData.optionPanelTitle -%}
87
- <div class="title">{{pageData.optionPanelTitle}}</div>
88
- {%- endif -%} {{content}}
89
- </div>
90
- </div>
91
- {%- endif -%}
92
- </div>
93
- {%- else -%} {{content}} {%- endif -%}
94
- </div>
95
- </div>
96
- </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
+
35
+
36
+
37
+
38
+ <div class="d-flex align-items-center">
39
+ <button id="download-button" style="background: var(--primary-color)">
40
+ <svg id="download-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
41
+ <path 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"/>
42
+ </svg>
43
+ <span class="button-loader"></span>
44
+ Download
45
+ </button>
46
+
47
+ </div>
48
+ </div>
49
+ </div>
50
+ </div>
51
+ </div>
52
+ </div>
53
+ {%- if page.commonStructure != false -%}
54
+ <div class="row">
55
+ {%- if page.optionPanel == false -%}
56
+ <div class="col-md-12 mx-auto mb-2">
57
+ <div class="select-img-panel">
58
+ <div id="saving-data" style="display: none">
59
+
60
+ <div class="appscms-loader d-flex">
61
+ <div class="lds-roller"><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div></div>
62
+ </div>
63
+
64
+ <div class="text-center mt-4">Saving your files...</div>
65
+ </div>
66
+ <div id="canvas-box-panel"></div>
67
+ </div>
68
+ {{content}}
69
+ </div>
70
+ {%- else -%}
71
+ <div class="col-md-7 mx-auto mb-2">
72
+ <div class="select-img-panel">
73
+ <div id="saving-data" style="display: none">
74
+
75
+ <div class="appscms-loader d-flex">
76
+ <div class="lds-roller"><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div></div>
77
+ </div>
78
+
79
+ <div class="mt-4 text-center">Saving your files...</div>
80
+ </div>
81
+ <div id="canvas-box-panel"></div>
82
+ </div>
83
+ </div>
84
+ <div class="col-md-5">
85
+ <div class="options-panel">
86
+ {%- if pageData.optionPanelTitle -%}
87
+ <div class="title">{{pageData.optionPanelTitle}}</div>
88
+ {%- endif -%} {{content}}
89
+ </div>
90
+ </div>
91
+ {%- endif -%}
92
+ </div>
93
+ {%- else -%} {{content}} {%- endif -%}
94
+ </div>
95
+ </div>
96
+ </div>