appscms-tools-theme 2.2.8 → 2.3.1

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 (50) hide show
  1. checksums.yaml +4 -4
  2. data/_data/feature/en/allele-frequency.json +242 -242
  3. data/_data/feature/en/compress-pdf.json +27 -25
  4. data/_data/feature/en/theframe.json +55 -50
  5. data/_data/footer/en/data.json +93 -1
  6. data/_data/header/en/data.json +47 -9
  7. data/_data/home/en/photoeffects.json +24 -0
  8. data/_data/home-1/en/en.json +58 -0
  9. data/_data/photo-categories.json +334 -451
  10. data/_data/photoeffects.json +117 -0
  11. data/_includes/batch-conversion.html +42 -13
  12. data/_includes/custom-head.html +5 -0
  13. data/_includes/footer/index.html +263 -2
  14. data/_includes/head/index.html +13 -0
  15. data/_includes/header/index.html +124 -5
  16. data/_includes/monumetric/ads.html +57 -57
  17. data/_includes/monumetric/profitablecpmgate.html +51 -51
  18. data/_includes/script.html +11 -0
  19. data/_layouts/batch.html +19 -13
  20. data/_layouts/blog-1.html +100 -0
  21. data/_layouts/calculator.html +69 -69
  22. data/_layouts/feature-1.html +283 -0
  23. data/_layouts/feature-download.html +309 -0
  24. data/_layouts/feature.html +1 -1
  25. data/_layouts/frame.html +205 -195
  26. data/_layouts/home-1.html +267 -0
  27. data/_layouts/home.html +4 -4
  28. data/_layouts/photo-effects-home.html +84 -0
  29. data/assets/css/batch.css +32 -17
  30. data/assets/css/blog-1.css +66 -0
  31. data/assets/css/calculators.css +40 -40
  32. data/assets/css/common-page.css +180 -0
  33. data/assets/css/feature-1.css +426 -0
  34. data/assets/css/frame.css +695 -473
  35. data/assets/css/home-1.css +225 -0
  36. data/assets/images/add.png +0 -0
  37. data/assets/images/add.svg +1 -0
  38. data/assets/images/bulb.png +0 -0
  39. data/assets/images/bulb.svg +1 -0
  40. data/assets/images/convert.png +0 -0
  41. data/assets/images/convert.svg +9 -0
  42. data/assets/images/loader.gif +0 -0
  43. data/assets/js/ads.js +8 -8
  44. data/assets/js/append-div.js +10 -10
  45. data/assets/js/batch.js +3 -1
  46. data/assets/js/frame.js +13 -5
  47. data/assets/js/photo-effects.json +32 -21
  48. data/assets/js/testing-batch.js +12 -4
  49. data/assets/js/theme.js +11 -11
  50. metadata +24 -7
@@ -0,0 +1,225 @@
1
+ body {
2
+ font-family: Inter, sans-serif
3
+ }
4
+
5
+ .home1-top-h1 {
6
+ line-height: 60px;
7
+ font-size: 45px;
8
+ }
9
+
10
+ .home1-features {
11
+ display: flex;
12
+ flex-wrap: wrap;
13
+ list-style: none;
14
+ padding: 0px 100px;
15
+ padding-bottom: 50px;
16
+ }
17
+
18
+ .home1-features-box {
19
+ width: 33.3%;
20
+ padding: 12px 0px;
21
+ padding-right: 12px;
22
+ margin: 0 !important
23
+ }
24
+
25
+ .home1-inner-box {
26
+ display: flex;
27
+ -webkit-box-align: center;
28
+ align-items: center;
29
+ position: relative;
30
+ width: 100%;
31
+ }
32
+
33
+ .home1-feature-name {
34
+ display: flex;
35
+ position: relative;
36
+ border: 1px solid rgb(232, 232, 232);
37
+ border-radius: 4px;
38
+ width: 100%;
39
+ cursor: pointer;
40
+ font-weight: 700;
41
+ font-size: 16px;
42
+ line-height: 24px;
43
+ color: rgb(26, 26, 26);
44
+ user-select: none;
45
+ outline: none;
46
+ height: 120px;
47
+ background: rgb(250, 250, 250);
48
+ }
49
+
50
+ .home1-feature-name:hover {
51
+ background: rgb(244, 244, 244);
52
+ }
53
+
54
+ .home1-feature-text {
55
+ position: relative;
56
+ padding: 16px 56px 16px 64px;
57
+ width: 100%;
58
+ height: 100%;
59
+ text-align: left;
60
+ font-size: 15px;
61
+ font-weight: 600;
62
+ }
63
+
64
+ .home1-feature-desc {
65
+ font-weight: 400;
66
+ font-size: 13px;
67
+ line-height: 20px;
68
+ color: rgb(26, 26, 26);
69
+ position: absolute;
70
+ pointer-events: none;
71
+ text-align: left;
72
+ left: 65px;
73
+ right: 57px;
74
+ margin: 0px;
75
+ top: 41px;
76
+ }
77
+
78
+ .home1-feature-img {
79
+ position: absolute;
80
+ pointer-events: none;
81
+ left: 17px;
82
+ top: 17px;
83
+ border-radius: 5px;
84
+ }
85
+
86
+ .home1-right-arrow-icon {
87
+ position: absolute;
88
+ color: rgb(26, 26, 26);
89
+ pointer-events: none;
90
+ right: 17px;
91
+ top: 17px;
92
+ }
93
+
94
+ @media (max-width:1200px) {
95
+ .home1-features {
96
+ padding: 0 !important;
97
+ }
98
+ }
99
+
100
+ @media (max-width:992px) {
101
+ .home1-features-box {
102
+ width: 50%;
103
+ }
104
+ }
105
+
106
+ @media (max-width:768px) {
107
+ .home1-features-box {
108
+ width: 100%;
109
+ }
110
+
111
+ .home1-top-h1 {
112
+ font-size: 2rem;
113
+ line-height: initial;
114
+ text-align: center;
115
+ }
116
+ }
117
+
118
+
119
+
120
+
121
+
122
+
123
+
124
+
125
+
126
+
127
+
128
+
129
+
130
+
131
+
132
+
133
+
134
+
135
+
136
+
137
+
138
+
139
+
140
+
141
+
142
+
143
+
144
+
145
+
146
+
147
+
148
+
149
+
150
+
151
+ /* Another HOME PAGE design
152
+ .home1-tools-list {
153
+ margin: 0 auto;
154
+ padding-bottom: 90px;
155
+ }
156
+
157
+ .home1-tools-list .home1-tools-container {
158
+ margin: 0 -5px -10px;
159
+ padding: 0 100px;
160
+ list-style: none;
161
+ font-size: 0;
162
+ text-align: center;
163
+ }
164
+
165
+ .home1-tools-list .home1-tools-container .home1-tool-box {
166
+ display: inline-block;
167
+ vertical-align: top;
168
+ padding: 0 5px 10px;
169
+ font-size: 15px;
170
+ line-height: 30px;
171
+ margin: 0;
172
+ width: 30%;
173
+ max-width: 230px;
174
+ }
175
+
176
+ .home1-tools-list .home1-tools-container .home1-tool-name {
177
+ display: block;
178
+ padding: 28px 25px;
179
+ border-radius: 8px;
180
+ text-align: center;
181
+ -webkit-transform: translateZ(0);
182
+ transform: translateZ(0);
183
+ box-shadow: 0 10px 35px 0 rgb(0 0 0 / 9%);
184
+ }
185
+
186
+ .home1-tools-list .home1-tools-container .home1-tool-name .home1-tool-detials {
187
+ display: block;
188
+ position: relative;
189
+ -webkit-transform: translateZ(0);
190
+ transform: translateZ(0);
191
+ }
192
+
193
+ .home1-tools-list .home1-tools-container .home1-tool-name:hover {
194
+ z-index: 2;
195
+ -webkit-transition: all .15s ease-in-out, z-index 0s;
196
+ transition: all .15s ease-in-out, z-index 0s;
197
+ -webkit-transform: translateY(-5px);
198
+ transform: translateY(-5px);
199
+ box-shadow: 0 11px 55px 0 rgb(0 0 0 / 13%);
200
+ }
201
+
202
+ @media (max-width: 1200px) {
203
+ .home1-tools-list .home1-tools-container {
204
+ padding: 0;
205
+ }
206
+ }
207
+
208
+ @media (max-width: 768px) {
209
+ .home1-tools-list .home1-tools-container .home1-tool-name {
210
+ padding: 25px;
211
+ }
212
+
213
+ .home1-tools-list .home1-tools-container .home1-tool-name .home1-tool-detials {
214
+ display: flex;
215
+ gap: 15px;
216
+ }
217
+
218
+ .home1-tools-list .home1-tools-container .home1-tool-box {
219
+ width: 100%;
220
+ max-width: 100%;
221
+ }
222
+
223
+ } */
224
+
225
+ /* close */
Binary file
@@ -0,0 +1 @@
1
+ <svg xmlns='http://www.w3.org/2000/svg' fill='#ffffff' width='26' height='26' viewBox='0 0 26 26'><path d='M13,0C5.82,0,0,5.82,0,13s5.82,13,13,13s13-5.82,13-13S20.18,0,13,0z M19,14h-5v5h-2v-5H7v-2h5V7h2v5h5V14z'/></svg>
Binary file
@@ -0,0 +1 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" width="48" height="48"><path d="M19 39v-1h-.538c-.255 0-.462-.224-.462-.5s.207-.5.462-.5H19v-2h10v2h.538c.255 0 .462.224.462.5s-.207.5-.462.5H29v1h.538c.255 0 .462.224.462.5s-.207.5-.462.5H29s-1.429 3-5 3c-3.571 0-5-3-5-3h-.538c-.255 0-.462-.224-.462-.5s.207-.5.462-.5H19zm1 0h8v-1h-8v1zm.17 1c.186.262.41.524.673.769C21.672 41.542 22.707 42 24 42s2.328-.458 3.157-1.231c.263-.245.487-.507.672-.769h-7.658zM20 37h8v-1h-8v1zM16.136 7.82a.5.5 0 0 1 .899-.44l1.56 3.2a.5.5 0 0 1-.898.44l-1.561-3.2zm14.049-.44a.5.5 0 0 1 .899.44l-1.561 3.2a.5.5 0 1 1-.9-.44l1.562-3.2zM23.11 6a.5.5 0 1 1 1 0v3.2a.5.5 0 1 1-1 0V6zm-12.346 5.95a.5.5 0 0 1 .716-.7l2.341 2.4a.5.5 0 1 1-.715.7l-2.342-2.4zm-2.888 5.734a.5.5 0 1 1 .248-.968l3.122.8a.5.5 0 1 1-.248.968l-3.122-.8zm31.87 0l-3.122.8a.5.5 0 0 1-.248-.968l3.122-.8a.5.5 0 0 1 .248.968zm-4.006-6.433a.5.5 0 1 1 .715.698l-2.341 2.4a.5.5 0 1 1-.716-.698l2.342-2.4zM18.8 34c0-5.5-4.8-5.5-4.8-12.571C14 16.397 18.477 12 24 12s10 4.397 10 9.429C34 28.5 29.2 28.5 29.2 34H18.8zm9.445-1c.167-1.75.813-3.018 2.113-4.72l.447-.583C32.393 25.617 33 24.16 33 21.429 33 16.899 28.917 13 24 13s-9 3.9-9 8.429c0 2.731.607 4.188 2.195 6.268l.447.583c1.3 1.702 1.946 2.97 2.113 4.72h8.49zm-6.876-17.067a.5.5 0 0 1 .355.934c-1.807.686-3.238 2.17-3.886 4.035a.5.5 0 0 1-.944-.329c.744-2.142 2.39-3.85 4.475-4.64z"/></svg>
Binary file
@@ -0,0 +1,9 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="256" height="256" viewBox="0 0 256 256" xml:space="preserve">
2
+
3
+ <defs>
4
+ </defs>
5
+ <g style="stroke: none; stroke-width: 0; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: none; fill-rule: nonzero; opacity: 1;" transform="translate(1.4065934065934016 1.4065934065934016) scale(2.81 2.81)" >
6
+ <path d="M 7.288 48.34 c 0.061 0.04 0.129 0.068 0.193 0.105 c 0.18 0.105 0.363 0.201 0.559 0.277 c 0.093 0.036 0.19 0.06 0.286 0.089 c 0.175 0.053 0.351 0.098 0.535 0.127 c 0.049 0.008 0.094 0.028 0.144 0.034 C 9.164 48.99 9.322 49 9.481 49 c 0 0 0 0 0.001 0 c 0 0 0 0 0 0 c 0 0 0 0 0 0 c 0.267 0 0.531 -0.028 0.79 -0.08 c 0.154 -0.031 0.297 -0.086 0.443 -0.134 c 0.101 -0.033 0.206 -0.054 0.304 -0.094 c 0.162 -0.067 0.31 -0.158 0.46 -0.245 c 0.075 -0.043 0.156 -0.075 0.228 -0.124 c 0.217 -0.146 0.42 -0.311 0.604 -0.495 c 0 0 0 0 0 0 l 7.492 -7.492 c 1.562 -1.562 1.562 -4.095 0 -5.657 c -1.149 -1.149 -2.822 -1.445 -4.249 -0.903 c 4.535 -11.868 16.033 -20.322 29.475 -20.322 c 12.266 0 23.516 7.2 28.658 18.342 c 0.926 2.004 3.3 2.881 5.309 1.956 c 2.005 -0.926 2.881 -3.302 1.955 -5.308 C 74.503 14.478 60.403 5.455 45.027 5.455 c -17.837 0 -32.947 11.873 -37.859 28.129 c -1.224 -1.611 -3.48 -2.084 -5.247 -1.008 c -1.887 1.148 -2.486 3.609 -1.338 5.496 l 5.481 9.007 c 0.014 0.023 0.035 0.041 0.049 0.063 c 0.125 0.195 0.268 0.375 0.424 0.545 c 0.036 0.039 0.064 0.085 0.101 0.122 C 6.835 48.009 7.053 48.186 7.288 48.34 z" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(255,255,255); fill-rule: nonzero; opacity: 1;" transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round" />
7
+ <path d="M 89.416 51.929 l -5.48 -9.008 c -0.014 -0.023 -0.035 -0.04 -0.049 -0.063 c -0.125 -0.195 -0.268 -0.375 -0.424 -0.546 c -0.035 -0.039 -0.063 -0.084 -0.1 -0.121 c -0.197 -0.199 -0.415 -0.376 -0.65 -0.531 c -0.061 -0.04 -0.129 -0.067 -0.192 -0.104 c -0.18 -0.105 -0.364 -0.201 -0.56 -0.277 c -0.093 -0.036 -0.19 -0.06 -0.287 -0.089 c -0.174 -0.053 -0.35 -0.098 -0.534 -0.127 c -0.049 -0.008 -0.095 -0.028 -0.144 -0.034 c -0.07 -0.008 -0.138 0.003 -0.208 -0.001 C 80.697 41.021 80.611 41 80.519 41 c -0.082 0 -0.159 0.019 -0.239 0.024 c -0.121 0.007 -0.24 0.018 -0.36 0.036 c -0.172 0.026 -0.338 0.065 -0.503 0.113 c -0.105 0.03 -0.209 0.058 -0.312 0.097 c -0.178 0.067 -0.344 0.152 -0.509 0.243 c -0.082 0.045 -0.166 0.082 -0.245 0.133 c -0.237 0.153 -0.46 0.326 -0.659 0.524 c 0 0 -0.001 0.001 -0.001 0.001 l 0 0 l 0 0 l -7.492 7.492 c -1.562 1.562 -1.562 4.095 0 5.656 c 1.148 1.15 2.822 1.446 4.249 0.904 c -4.535 11.868 -16.033 20.321 -29.475 20.321 c -12.707 0 -24.117 -7.563 -29.068 -19.268 c -0.861 -2.034 -3.209 -2.988 -5.242 -2.125 c -2.035 0.86 -2.986 3.207 -2.126 5.242 c 6.206 14.671 20.508 24.151 36.436 24.151 c 17.831 0 32.937 -11.864 37.854 -28.111 c 0.774 1.015 1.96 1.574 3.176 1.574 c 0.708 0 1.426 -0.188 2.075 -0.584 C 89.966 56.276 90.565 53.816 89.416 51.929 z" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(255,255,255); fill-rule: nonzero; opacity: 1;" transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round" />
8
+ </g>
9
+ </svg>
Binary file
data/assets/js/ads.js CHANGED
@@ -1,8 +1,8 @@
1
- ;(function (s, u, z, p) {
2
- ;(s.src = u), s.setAttribute('data-zone', z), p.appendChild(s)
3
- })(
4
- document.createElement('script'),
5
- 'https://inklinkor.com/tag.min.js',
6
- 5225477,
7
- document.body || document.documentElement
8
- )
1
+ ;(function (s, u, z, p) {
2
+ ;(s.src = u), s.setAttribute('data-zone', z), p.appendChild(s)
3
+ })(
4
+ document.createElement('script'),
5
+ 'https://inklinkor.com/tag.min.js',
6
+ 5225477,
7
+ document.body || document.documentElement
8
+ )
@@ -1,10 +1,10 @@
1
- ---
2
- ---
3
- function insertAfter(referenceNode, newNode) {
4
- referenceNode.parentNode.insertBefore(newNode, referenceNode.nextSibling)
5
- }
6
- let themeContentBox = document.getElementById('theme-content-box')
7
- const div = document.createElement('div')
8
- const profitablecpmgateId = '{{site.profitablecpmgateId}}'
9
- div.setAttribute('id', `container-${profitablecpmgateId}`)
10
- insertAfter(themeContentBox, div)
1
+ ---
2
+ ---
3
+ function insertAfter(referenceNode, newNode) {
4
+ referenceNode.parentNode.insertBefore(newNode, referenceNode.nextSibling)
5
+ }
6
+ let themeContentBox = document.getElementById('theme-content-box')
7
+ const div = document.createElement('div')
8
+ const profitablecpmgateId = '{{site.profitablecpmgateId}}'
9
+ div.setAttribute('id', `container-${profitablecpmgateId}`)
10
+ insertAfter(themeContentBox, div)
data/assets/js/batch.js CHANGED
@@ -59,6 +59,8 @@ const onSubmit = (files) => {
59
59
  console.log(error)
60
60
  })
61
61
  })).then(() => {
62
+ document.querySelector(".bottom-section-container").style.display = "flex"
63
+ document.querySelector(".bottom-section-container").style.padding = "20px .75rem"
62
64
  document.querySelector('#download-zip').style.display = "block"
63
65
  let zip = new JSZip()
64
66
  let zipFiles = zip.folder(`safeimagekit-batch`)
@@ -119,7 +121,7 @@ const handleFile = (file) => {
119
121
  listItem.style.listStyle = "none"
120
122
  let getFileSize = formatBytes(file[i].size)
121
123
  listItem.innerHTML = `${file[i].name} (${getFileSize})`
122
- selectedFilesList.appendChild(listItem)
124
+ // selectedFilesList.appendChild(listItem)
123
125
  }
124
126
  }
125
127
  renderFiles(files)
data/assets/js/frame.js CHANGED
@@ -91,6 +91,9 @@ const drawInputImage = (ctx, item, indexValue) => {
91
91
  }
92
92
 
93
93
  const drawImage = () => {
94
+ workspace.style.display = 'block'
95
+ document.querySelector('#upper-panel').style.display = 'none'
96
+ document.querySelector('#saving-data').style.display = 'flex'
94
97
  let img = new Image()
95
98
  img.src = featureData.effectImagePath
96
99
  var canvas = document.createElement('canvas')
@@ -121,12 +124,15 @@ const drawImage = () => {
121
124
  if (textValue.length > 10 && item.fontSizeOption1) {
122
125
  item.fontSize = item.fontSizeOption1
123
126
  }
124
- if (textValue.length > 20 && item.fontSizeOption2) {
127
+ if (textValue.length > 12 && item.fontSizeOption2) {
125
128
  item.fontSize = item.fontSizeOption2
126
129
  }
127
- if (textValue.length > 30 && item.fontSizeOption3) {
130
+ if (textValue.length > 15 && item.fontSizeOption3) {
128
131
  item.fontSize = item.fontSizeOption3
129
132
  }
133
+ if (textValue.length > 20 && item.fontSizeOption4) {
134
+ item.fontSize = item.fontSizeOption4
135
+ }
130
136
  ctx.font = `${item.fontSize}px ${item.font}`
131
137
  if (item.shadowColor) {
132
138
  ctx.shadowColor = `${item.shadowColor}`
@@ -154,8 +160,8 @@ const drawImage = () => {
154
160
  }
155
161
  })
156
162
  canvasPanel.innerHTML = ''
163
+ document.querySelector('#saving-data').style.display = 'none'
157
164
  canvasPanel.appendChild(canvas)
158
- workspace.style.display = 'block'
159
165
  })
160
166
  }
161
167
  }
@@ -169,7 +175,6 @@ const cropImage = (result, id) => {
169
175
  cropper = new Cropper(img, {
170
176
  viewMode: 3,
171
177
  ready() {
172
- console.log(id)
173
178
  let find = featureData.elements.find((i) => i.id === id)
174
179
  console.log(find)
175
180
  cropper.setAspectRatio(Number(find.width) / Number(find.height))
@@ -197,6 +202,9 @@ document.querySelector('#crop').addEventListener('click', () => {
197
202
  })
198
203
  .toDataURL()
199
204
  files[index - 1] = cropperImg
205
+ document.querySelector(`#image-pre-${index}`).src = cropperImg
206
+ document.querySelector(`#image-pre-${index}`).style.display = 'block'
207
+ document.querySelector(`#cam-${index}`).style.display = 'none'
200
208
  cropModal.style.display = 'none'
201
209
  })
202
210
  const openExamplesModal = () => {
@@ -230,7 +238,7 @@ download.addEventListener('click', () => {
230
238
  let url = canvas.toDataURL(`image/png`)
231
239
  let a = document.createElement('a')
232
240
  a.href = url
233
- a.download = `safeimagekit-border-image.${inputFile.type.split('/')[1]}`
241
+ a.download = `safeimagekit-photo-effect-image.png`
234
242
  document.body.appendChild(a)
235
243
  a.click()
236
244
  if (lang === 'en') {
@@ -1,22 +1,33 @@
1
- [
2
- {
3
- "name": "together_forever",
4
- "effectImagePath": "/assets/images/together_forever.png",
5
- "elements": [
6
- {
7
- "type": "image",
8
- "filter": "",
9
- "perspective": "",
10
- "height": 300,
11
- "width": 300,
12
- "translate": {
13
- "x": -5,
14
- "y": -10
15
- },
16
- "x": 100,
17
- "y": 100,
18
- "id": "file-1"
19
- }
20
- ]
21
- }
1
+ [
2
+ {
3
+ "name": "together_forever",
4
+ "effectImagePath": "/assets/images/together_forever.png",
5
+ "elements": [
6
+ {
7
+ "type": "image",
8
+ "filter": "",
9
+ "perspective": "",
10
+ "height": 300,
11
+ "width": 300,
12
+ "translate": {
13
+ "x": -5,
14
+ "y": -10
15
+ },
16
+ "x": 100,
17
+ "y": 100,
18
+ "id": "file-1"
19
+ },
20
+ {
21
+ "type": "text",
22
+ "x": "200",
23
+ "y": "200",
24
+ "color": "red",
25
+ "fontFamily": "Calligraphy",
26
+ "fontPath": "/assets/fonts/Calligraphy.ttf",
27
+ "id": "text-1",
28
+ "fontSize": 50,
29
+ "fontSizeOption1": 10
30
+ }
31
+ ]
32
+ }
22
33
  ]
@@ -1,4 +1,3 @@
1
- const opacity = document.querySelector("#opacity")
2
1
  const batchConversion = async (file, indexValue) => {
3
2
  return new Promise((resolve, reject) => {
4
3
  if (file) {
@@ -13,9 +12,18 @@ const batchConversion = async (file, indexValue) => {
13
12
  image.onload = () => {
14
13
  canvas.width = image.width
15
14
  canvas.height = image.height
16
- ctx.globalAlpha = opacity.value
17
- ctx.drawImage(image, 0, 0, canvas.width, canvas.height)
18
- resolve([indexValue, canvas.toDataURL('image/png'), "image"])
15
+ // counter.innerHTML = e.target.value + "%"
16
+ let filters = document.querySelector('#applyFilter')
17
+ if (filters.getAttribute('data-filter') === "opacity") {
18
+ ctx.globalAlpha = filters.value
19
+ ctx.drawImage(image, 0, 0, canvas.width, canvas.height)
20
+ resolve([indexValue, canvas.toDataURL('image/png'), "image"])
21
+ } else {
22
+ ctx.filter = filters.getAttribute('data-filter') + '(' + filters.value + filters.getAttribute('data-scale') + ') '
23
+ ctx.drawImage(image, 0, 0, canvas.width, canvas.height)
24
+ resolve([indexValue, canvas.toDataURL('image/png'), "image"])
25
+ }
26
+
19
27
  }
20
28
  image.src = e.target.result
21
29
  }
data/assets/js/theme.js CHANGED
@@ -1,11 +1,11 @@
1
- $(document).ready(function () {
2
- var safuiAlert = $('#safeui-alert')
3
- if (safuiAlert) {
4
- safuiAlert
5
- .first()
6
- .delay(10000)
7
- .slideUp(1000, function () {
8
- $(this).remove()
9
- })
10
- }
11
- })
1
+ $(document).ready(function () {
2
+ var safuiAlert = $('#safeui-alert')
3
+ if (safuiAlert) {
4
+ safuiAlert
5
+ .first()
6
+ .delay(10000)
7
+ .slideUp(1000, function () {
8
+ $(this).remove()
9
+ })
10
+ }
11
+ })
metadata CHANGED
@@ -1,14 +1,14 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: appscms-tools-theme
3
3
  version: !ruby/object:Gem::Version
4
- version: 2.2.8
4
+ version: 2.3.1
5
5
  platform: ruby
6
6
  authors:
7
7
  - vivek-appscms
8
- autorequire:
8
+ autorequire:
9
9
  bindir: bin
10
10
  cert_chain: []
11
- date: 2022-08-27 00:00:00.000000000 Z
11
+ date: 2022-08-29 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: jekyll
@@ -52,7 +52,7 @@ dependencies:
52
52
  - - "~>"
53
53
  - !ruby/object:Gem::Version
54
54
  version: '12.0'
55
- description:
55
+ description:
56
56
  email:
57
57
  - vivek@appscms.com
58
58
  executables: []
@@ -2373,11 +2373,14 @@ files:
2373
2373
  - _data/header/en/data.json
2374
2374
  - _data/header/hi/data.json
2375
2375
  - _data/help/en/help.json
2376
+ - _data/home-1/en/en.json
2376
2377
  - _data/home/en/en.json
2378
+ - _data/home/en/photoeffects.json
2377
2379
  - _data/home/hi/hi.json
2378
2380
  - _data/languagesupport/compress-pdf-langs.json
2379
2381
  - _data/languagesupport/index-langs.json
2380
2382
  - _data/photo-categories.json
2383
+ - _data/photoeffects.json
2381
2384
  - _data/privacy/en/privacyPolicy.json
2382
2385
  - _data/rating/rating.json
2383
2386
  - _data/termAndCondition/en/termAndCondition.json
@@ -2424,6 +2427,7 @@ files:
2424
2427
  - _includes/staticfooter.html
2425
2428
  - _layouts/aboutUs.html
2426
2429
  - _layouts/batch.html
2430
+ - _layouts/blog-1.html
2427
2431
  - _layouts/blog.html
2428
2432
  - _layouts/calculator.html
2429
2433
  - _layouts/categories.html
@@ -2431,15 +2435,19 @@ files:
2431
2435
  - _layouts/default.html
2432
2436
  - _layouts/disclaimer.html
2433
2437
  - _layouts/download.html
2438
+ - _layouts/feature-1.html
2439
+ - _layouts/feature-download.html
2434
2440
  - _layouts/feature.html
2435
2441
  - _layouts/featureResultPage.html
2436
2442
  - _layouts/fileInfo.html
2437
2443
  - _layouts/filecomparison.html
2438
2444
  - _layouts/frame.html
2439
2445
  - _layouts/help.html
2446
+ - _layouts/home-1.html
2440
2447
  - _layouts/home.html
2441
2448
  - _layouts/homeResultPage.html
2442
2449
  - _layouts/page.html
2450
+ - _layouts/photo-effects-home.html
2443
2451
  - _layouts/post.html
2444
2452
  - _layouts/privacyPolicy.html
2445
2453
  - _layouts/termAndCondition.html
@@ -2448,11 +2456,15 @@ files:
2448
2456
  - assets/cross.svg
2449
2457
  - assets/css/adblocker.css
2450
2458
  - assets/css/batch.css
2459
+ - assets/css/blog-1.css
2451
2460
  - assets/css/blog.css
2452
2461
  - assets/css/bootstrap.min.css
2453
2462
  - assets/css/calculators.css
2463
+ - assets/css/common-page.css
2464
+ - assets/css/feature-1.css
2454
2465
  - assets/css/filecomparison.css
2455
2466
  - assets/css/frame.css
2467
+ - assets/css/home-1.css
2456
2468
  - assets/css/responsive.css
2457
2469
  - assets/css/tools.css
2458
2470
  - assets/easy.svg
@@ -2579,17 +2591,22 @@ files:
2579
2591
  - assets/images/adblock.svg
2580
2592
  - assets/images/add-image.png
2581
2593
  - assets/images/add.png
2594
+ - assets/images/add.svg
2582
2595
  - assets/images/alka.webp
2583
2596
  - assets/images/avatar.png
2584
2597
  - assets/images/balark.jpeg
2598
+ - assets/images/bulb.png
2599
+ - assets/images/bulb.svg
2585
2600
  - assets/images/cloud-computing.png
2586
2601
  - assets/images/convert.png
2602
+ - assets/images/convert.svg
2587
2603
  - assets/images/download.png
2588
2604
  - assets/images/file.png
2589
2605
  - assets/images/fileformat.webp
2590
2606
  - assets/images/gallary.png
2591
2607
  - assets/images/keshav.webp
2592
2608
  - assets/images/krutika.jpeg
2609
+ - assets/images/loader.gif
2593
2610
  - assets/images/logo.png
2594
2611
  - assets/images/paavan.webp
2595
2612
  - assets/images/rating.png
@@ -2637,7 +2654,7 @@ homepage: https://github.com/Appscms-com/appscms-tools-theme
2637
2654
  licenses:
2638
2655
  - MIT
2639
2656
  metadata: {}
2640
- post_install_message:
2657
+ post_install_message:
2641
2658
  rdoc_options: []
2642
2659
  require_paths:
2643
2660
  - lib
@@ -2652,8 +2669,8 @@ required_rubygems_version: !ruby/object:Gem::Requirement
2652
2669
  - !ruby/object:Gem::Version
2653
2670
  version: '0'
2654
2671
  requirements: []
2655
- rubygems_version: 3.1.6
2656
- signing_key:
2672
+ rubygems_version: 3.1.2
2673
+ signing_key:
2657
2674
  specification_version: 4
2658
2675
  summary: Appscms theme for all tools
2659
2676
  test_files: []