appscms-tools-theme 4.7.7 → 4.7.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.
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>