appscms-tools-theme 3.3.2 → 3.3.4
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/_includes/footer/index.html +8 -8
- data/_includes/header/index.html +5 -1
- data/_includes/script.html +9 -8
- data/_includes/share/socialshare.html +2 -2
- data/_layouts/feature.html +1 -84
- data/assets/css/tools.css +30 -0
- data/assets/js/theme.js +53 -8
- metadata +3 -3
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA256:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: bfcd550e947b88f227a2188523ec9f9bde47aedf01856d6d8dfd82c5ec487537
|
|
4
|
+
data.tar.gz: d46f2e0109b7497b5ac1287e06f221f0c9ad204302dd3db7058aa4aba1cbf51a
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: afcc68a7de81c4907e2a54f552cee3ece969f79df97bc89d1882cb6a6e4735c941f859bc9a7ec01782dadfe3d94a71c82b49c2d76ea828b7be97e2c45422e86d
|
|
7
|
+
data.tar.gz: e72046d3bcd541b438d54bceffefca6a9c3e093e6afcdf0fbfc579fce7bb4d34bb947214fc8b179868148303ff767d10d31f2505efb4fe022052fe07dbcaf831
|
data/_includes/footer/index.html
CHANGED
|
@@ -59,7 +59,7 @@
|
|
|
59
59
|
{% endfor %}
|
|
60
60
|
{%- if site.internationalization -%}
|
|
61
61
|
<div class="privacy-links-item">
|
|
62
|
-
<button type="button" class="drop-down-btn" data-toggle="modal"
|
|
62
|
+
<button type="button" class="drop-down-btn" id="int-modal-btn" data-toggle="modal"
|
|
63
63
|
data-target="#staticBackdrop">
|
|
64
64
|
<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="currentColor">
|
|
65
65
|
<path
|
|
@@ -84,7 +84,7 @@
|
|
|
84
84
|
<h5 class="modal-title text-center w-100 " id="staticBackdropLabel">Select
|
|
85
85
|
Language
|
|
86
86
|
</h5>
|
|
87
|
-
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
|
|
87
|
+
<button type="button" class="close" id="close-modal" data-dismiss="modal" aria-label="Close">
|
|
88
88
|
<span aria-hidden="true">×</span>
|
|
89
89
|
</button>
|
|
90
90
|
</div>
|
|
@@ -167,7 +167,7 @@
|
|
|
167
167
|
{%- else -%}
|
|
168
168
|
{%- if site.internationalizationall -%}
|
|
169
169
|
<div class="privacy-links-item">
|
|
170
|
-
<button type="button" class="drop-down-btn" data-toggle="modal"
|
|
170
|
+
<button type="button" class="drop-down-btn" id="int-modal-btn" data-toggle="modal"
|
|
171
171
|
data-target="#staticBackdrop">
|
|
172
172
|
<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="currentColor">
|
|
173
173
|
<path
|
|
@@ -184,7 +184,7 @@
|
|
|
184
184
|
style="color:#000" id="staticBackdropLabel">Select
|
|
185
185
|
Language
|
|
186
186
|
</h5>
|
|
187
|
-
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
|
|
187
|
+
<button type="button" class="close" id="close-modal" data-dismiss="modal" aria-label="Close">
|
|
188
188
|
<span aria-hidden="true">×</span>
|
|
189
189
|
</button>
|
|
190
190
|
</div>
|
|
@@ -331,7 +331,7 @@
|
|
|
331
331
|
{% endfor %}
|
|
332
332
|
{%- if site.internationalization -%}
|
|
333
333
|
<div class="privacy-links-item">
|
|
334
|
-
<button type="button" class="drop-down-btn" data-toggle="modal"
|
|
334
|
+
<button type="button" class="drop-down-btn" id="int-modal-btn" data-toggle="modal"
|
|
335
335
|
data-target="#staticBackdrop">
|
|
336
336
|
<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="currentColor">
|
|
337
337
|
<path
|
|
@@ -356,7 +356,7 @@
|
|
|
356
356
|
<h5 class="modal-title text-center w-100 " id="staticBackdropLabel">Select
|
|
357
357
|
Language
|
|
358
358
|
</h5>
|
|
359
|
-
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
|
|
359
|
+
<button type="button" class="close" id="close-modal" data-dismiss="modal" aria-label="Close">
|
|
360
360
|
<span aria-hidden="true">×</span>
|
|
361
361
|
</button>
|
|
362
362
|
</div>
|
|
@@ -439,7 +439,7 @@
|
|
|
439
439
|
{%- else -%}
|
|
440
440
|
{%- if site.internationalizationall -%}
|
|
441
441
|
<div class="privacy-links-item">
|
|
442
|
-
<button type="button" class="drop-down-btn" data-toggle="modal"
|
|
442
|
+
<button type="button" class="drop-down-btn" id="int-modal-btn" data-toggle="modal"
|
|
443
443
|
data-target="#staticBackdrop">
|
|
444
444
|
<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="currentColor">
|
|
445
445
|
<path
|
|
@@ -456,7 +456,7 @@
|
|
|
456
456
|
<h5 class="modal-title text-center w-100 " id="staticBackdropLabel">Select
|
|
457
457
|
Language
|
|
458
458
|
</h5>
|
|
459
|
-
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
|
|
459
|
+
<button type="button" class="close" id="close-modal" data-dismiss="modal" aria-label="Close">
|
|
460
460
|
<span aria-hidden="true">×</span>
|
|
461
461
|
</button>
|
|
462
462
|
</div>
|
data/_includes/header/index.html
CHANGED
|
@@ -113,7 +113,11 @@
|
|
|
113
113
|
{% endif %}
|
|
114
114
|
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent"
|
|
115
115
|
aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
|
|
116
|
-
<
|
|
116
|
+
<div class="hamburger-menu">
|
|
117
|
+
<span class="line-top"></span>
|
|
118
|
+
<span class="line-center"></span>
|
|
119
|
+
<span class="line-bottom"></span>
|
|
120
|
+
</div>
|
|
117
121
|
</button>
|
|
118
122
|
|
|
119
123
|
<div class="collapse navbar-collapse" id="navbarSupportedContent">
|
data/_includes/script.html
CHANGED
|
@@ -424,7 +424,8 @@
|
|
|
424
424
|
{%- endif -%} {%- include adblocker.html -%} {% assign scriptData =
|
|
425
425
|
site.data.[page.folderName][lang][file] %} {%- assign dataAtt =
|
|
426
426
|
"data-folderName='$folderName' data-lang='$lang' data-fileName='$fileName'
|
|
427
|
-
data-tool='$tool'" -%} {%- assign $folderName = '$folderName' -%}
|
|
427
|
+
data-tool='$tool'" -%} {%- assign $folderName = '$folderName' -%} {%- if
|
|
428
|
+
site.removeJquery != true -%}
|
|
428
429
|
<script
|
|
429
430
|
defer
|
|
430
431
|
src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"
|
|
@@ -439,18 +440,17 @@ data-tool='$tool'" -%} {%- assign $folderName = '$folderName' -%}
|
|
|
439
440
|
endif
|
|
440
441
|
-%}
|
|
441
442
|
></script>
|
|
442
|
-
{%- if site.safeui -%}
|
|
443
|
+
{%- endif -%} {%- if site.safeui -%}
|
|
443
444
|
<script defer src="/assets/js/theme.js" crossorigin="anonymous"></script>
|
|
444
|
-
{%- endif -%}
|
|
445
|
-
|
|
445
|
+
{%- endif -%} {%- if site.removeBootstrapJs != true -%}
|
|
446
446
|
<script
|
|
447
447
|
defer="defer"
|
|
448
448
|
src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/js/bootstrap.bundle.min.js"
|
|
449
449
|
integrity="sha384-Piv4xVNRyMGpqkS2by6br4gNJ7DXjqk09RmUpJ8jgGtD7zP9yug3goQfGII0yAns"
|
|
450
450
|
crossorigin="anonymous"
|
|
451
451
|
></script>
|
|
452
|
-
{{site.data.customcdns.customcdns.jsfiles}} {%- if
|
|
453
|
-
{%- for path in scriptData.jsfilepaths -%}
|
|
452
|
+
{%- endif -%} {{site.data.customcdns.customcdns.jsfiles}} {%- if
|
|
453
|
+
scriptData.jsfilepaths -%} {%- for path in scriptData.jsfilepaths -%}
|
|
454
454
|
<script
|
|
455
455
|
defer
|
|
456
456
|
src="{{path}}"
|
|
@@ -479,7 +479,8 @@ assign font = "PT Sans" -%} {%- endif -%} {%- if page.layout ==
|
|
|
479
479
|
page.layout == "calculator" -%}
|
|
480
480
|
<script defer src="/assets/js/calculator-tooltip.js"></script>
|
|
481
481
|
{%- endif -%} {%- if page.layout == 'home-1' or page.layout == "feature-1" -%}
|
|
482
|
-
{%- assign font = "Inter" -%} {%- endif -%}
|
|
482
|
+
{%- assign font = "Inter" -%} {%- endif -%} {%- if site.removeFontAwesome !=
|
|
483
|
+
true -%}
|
|
483
484
|
<link
|
|
484
485
|
rel="stylesheet"
|
|
485
486
|
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css"
|
|
@@ -487,7 +488,7 @@ page.layout == "calculator" -%}
|
|
|
487
488
|
crossorigin="anonymous"
|
|
488
489
|
referrerpolicy="no-referrer"
|
|
489
490
|
/>
|
|
490
|
-
{%- if page.layout == "feature" -%}
|
|
491
|
+
{%- endif -%} {%- if page.layout == "feature" -%}
|
|
491
492
|
<script>
|
|
492
493
|
const toaster = document.querySelector(".toaster");
|
|
493
494
|
if (
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
{% assign file = page.fileName %}
|
|
1
|
+
<!-- {% assign file = page.fileName %}
|
|
2
2
|
{% assign folder = page.folderName %}
|
|
3
3
|
{% assign lang = page.lang %}
|
|
4
4
|
{% assign shareData=site.data[folder][lang][file] %}
|
|
@@ -18,4 +18,4 @@
|
|
|
18
18
|
</ul>
|
|
19
19
|
</ul>
|
|
20
20
|
</div>
|
|
21
|
-
{%- endif -%}
|
|
21
|
+
{%- endif -%} -->
|
data/_layouts/feature.html
CHANGED
|
@@ -193,94 +193,11 @@
|
|
|
193
193
|
<p id="error" class="p-3"></p>
|
|
194
194
|
</div>
|
|
195
195
|
</div>
|
|
196
|
-
|
|
197
|
-
<div class="workspace" style="display: none">
|
|
196
|
+
<div class="workspace">
|
|
198
197
|
<div class="row mx-auto">
|
|
199
198
|
<div class="col-md-10 mx-auto">{{content}}</div>
|
|
200
199
|
</div>
|
|
201
200
|
</div>
|
|
202
|
-
{%- else -%}
|
|
203
|
-
<div class="workspace" style="display: none">
|
|
204
|
-
<div class="row">
|
|
205
|
-
<div class="col-12">
|
|
206
|
-
<div class="download-wrapper mt-3">
|
|
207
|
-
<div class="row rowclass">
|
|
208
|
-
<div class="col-7">
|
|
209
|
-
<div class="d-flex align-items-center">
|
|
210
|
-
<div class="select-format-title">image's format</div>
|
|
211
|
-
<div class="download-format">
|
|
212
|
-
<select name="image-format" id="image-format">
|
|
213
|
-
{%- if pageData.downloadFormats -%} {%- for item in
|
|
214
|
-
pageData.downloadFormats -%}
|
|
215
|
-
<option value="{{item}}">{{item}}</option>
|
|
216
|
-
{%- endfor -%} {%- else -%}
|
|
217
|
-
<option value="png">png</option>
|
|
218
|
-
<option value="jpg">jpg</option>
|
|
219
|
-
<option value="jpeg">jpeg</option>
|
|
220
|
-
<option value="webp">webp</option>
|
|
221
|
-
<option value="gif">gif</option>
|
|
222
|
-
{%- endif -%}
|
|
223
|
-
</select>
|
|
224
|
-
</div>
|
|
225
|
-
</div>
|
|
226
|
-
</div>
|
|
227
|
-
<div class="col-5">
|
|
228
|
-
<div class="d-flex align-items-center">
|
|
229
|
-
<button
|
|
230
|
-
id="download-button"
|
|
231
|
-
style="background-color: {{pageData.color}};"
|
|
232
|
-
>
|
|
233
|
-
<svg
|
|
234
|
-
xmlns="http://www.w3.org/2000/svg"
|
|
235
|
-
viewBox="0 0 512 512"
|
|
236
|
-
>
|
|
237
|
-
<path
|
|
238
|
-
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"
|
|
239
|
-
/></svg
|
|
240
|
-
>Download
|
|
241
|
-
</button>
|
|
242
|
-
</div>
|
|
243
|
-
</div>
|
|
244
|
-
</div>
|
|
245
|
-
</div>
|
|
246
|
-
</div>
|
|
247
|
-
</div>
|
|
248
|
-
{%- if page.commonStructure != false -%}
|
|
249
|
-
<div class="row">
|
|
250
|
-
<div class="col-md-7 mx-auto mb-2">
|
|
251
|
-
<div class="select-img-panel">
|
|
252
|
-
<div id="saving-data" style="display: none">
|
|
253
|
-
<img
|
|
254
|
-
loading="lazy"
|
|
255
|
-
src="/assets/images/loader.gif"
|
|
256
|
-
alt="saving"
|
|
257
|
-
/>
|
|
258
|
-
<span
|
|
259
|
-
class="ml-2"
|
|
260
|
-
{%-
|
|
261
|
-
if
|
|
262
|
-
site.crossorigin
|
|
263
|
-
-%}
|
|
264
|
-
crossorigin
|
|
265
|
-
{%-
|
|
266
|
-
endif
|
|
267
|
-
-%}
|
|
268
|
-
>Saving your images...</span
|
|
269
|
-
>
|
|
270
|
-
</div>
|
|
271
|
-
<div id="canvas-box-panel"></div>
|
|
272
|
-
</div>
|
|
273
|
-
</div>
|
|
274
|
-
<div class="col-md-5">
|
|
275
|
-
<div class="options-panel">
|
|
276
|
-
{%- if pageData.optionPanelTitle -%}
|
|
277
|
-
<div class="title">{{pageData.optionPanelTitle}}</div>
|
|
278
|
-
{%- endif -%} {{content}}
|
|
279
|
-
</div>
|
|
280
|
-
</div>
|
|
281
|
-
</div>
|
|
282
|
-
{%- else -%} {{content}} {%- endif -%}
|
|
283
|
-
</div>
|
|
284
201
|
{%- endif -%}
|
|
285
202
|
</div>
|
|
286
203
|
</div>
|
data/assets/css/tools.css
CHANGED
|
@@ -1564,3 +1564,33 @@ ol li::marker {
|
|
|
1564
1564
|
.appscms-sidebar-right {
|
|
1565
1565
|
right: 0;
|
|
1566
1566
|
}
|
|
1567
|
+
.hamburger-menu {
|
|
1568
|
+
cursor: pointer;
|
|
1569
|
+
display: none;
|
|
1570
|
+
z-index: 999;
|
|
1571
|
+
margin-left: auto;
|
|
1572
|
+
width: 20px;
|
|
1573
|
+
}
|
|
1574
|
+
@media (max-width: 992px) {
|
|
1575
|
+
.hamburger-menu {
|
|
1576
|
+
display: block;
|
|
1577
|
+
}
|
|
1578
|
+
}
|
|
1579
|
+
@media (max-width: 992px) {
|
|
1580
|
+
.sticky-top-group .hamburger-menu {
|
|
1581
|
+
margin-left: 12px;
|
|
1582
|
+
}
|
|
1583
|
+
}
|
|
1584
|
+
|
|
1585
|
+
.hamburger-menu span {
|
|
1586
|
+
background: #525658;
|
|
1587
|
+
width: 17px;
|
|
1588
|
+
height: 1.5px;
|
|
1589
|
+
display: block;
|
|
1590
|
+
margin: 3.5px 0;
|
|
1591
|
+
border-radius: 50%;
|
|
1592
|
+
-webkit-transition: all 0.3s ease;
|
|
1593
|
+
-o-transition: all 0.3s ease;
|
|
1594
|
+
transition: all 0.3s ease;
|
|
1595
|
+
border-radius: 5px;
|
|
1596
|
+
}
|
data/assets/js/theme.js
CHANGED
|
@@ -1,14 +1,23 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
1
|
+
---
|
|
2
|
+
---
|
|
3
|
+
|
|
4
|
+
document.addEventListener("DOMContentLoaded", function () {
|
|
5
|
+
var safuiAlert = document.querySelector("#safeui-alert");
|
|
3
6
|
if (safuiAlert) {
|
|
4
|
-
|
|
5
|
-
.
|
|
6
|
-
.
|
|
7
|
-
.
|
|
8
|
-
|
|
9
|
-
|
|
7
|
+
setTimeout(function () {
|
|
8
|
+
safuiAlert.style.transition = "1s";
|
|
9
|
+
safuiAlert.style.height = "0";
|
|
10
|
+
safuiAlert.style.paddingTop = "0";
|
|
11
|
+
safuiAlert.style.paddingBottom = "0";
|
|
12
|
+
safuiAlert.style.marginTop = "0";
|
|
13
|
+
safuiAlert.style.marginBottom = "0";
|
|
14
|
+
setTimeout(function () {
|
|
15
|
+
safuiAlert.parentNode.removeChild(safuiAlert);
|
|
16
|
+
}, 1000);
|
|
17
|
+
}, 10000);
|
|
10
18
|
}
|
|
11
19
|
});
|
|
20
|
+
|
|
12
21
|
let getLayout = document.getElementById("header");
|
|
13
22
|
const layout = getLayout.dataset.layout;
|
|
14
23
|
if (layout == "feature-1") {
|
|
@@ -44,3 +53,39 @@ if (layout == "feature-1") {
|
|
|
44
53
|
}
|
|
45
54
|
};
|
|
46
55
|
}
|
|
56
|
+
if ("{{ site.removeBootstrapJs }}"==="true") {
|
|
57
|
+
const languagesModal = document.querySelector("#staticBackdrop");
|
|
58
|
+
const intModalBtn = document.querySelector("#int-modal-btn");
|
|
59
|
+
const closeBtn = document.querySelector("#close-modal");
|
|
60
|
+
intModalBtn.addEventListener("click", () => {
|
|
61
|
+
languagesModal.style.display = "block";
|
|
62
|
+
languagesModal.classList.add("show");
|
|
63
|
+
let modal = document.createElement("div");
|
|
64
|
+
modal.classList.add("modal-backdrop", "show");
|
|
65
|
+
document.body.appendChild(modal);
|
|
66
|
+
});
|
|
67
|
+
closeBtn.addEventListener("click", () => {
|
|
68
|
+
languagesModal.style.display = "none";
|
|
69
|
+
languagesModal.classList.remove("show");
|
|
70
|
+
let modal = document.querySelector(".modal-backdrop");
|
|
71
|
+
document.body.removeChild(modal);
|
|
72
|
+
});
|
|
73
|
+
let navbarDropdown = document.querySelector("#navbarDropdown");
|
|
74
|
+
let dropmenu = document.querySelector(".dropmenu");
|
|
75
|
+
navbarDropdown.addEventListener("click", () => {
|
|
76
|
+
if (dropmenu.classList.contains("show")) {
|
|
77
|
+
dropmenu.classList.remove("show");
|
|
78
|
+
} else {
|
|
79
|
+
dropmenu.classList.add("show");
|
|
80
|
+
}
|
|
81
|
+
});
|
|
82
|
+
const navbarToggler=document.querySelector('.navbar-toggler')
|
|
83
|
+
const navBar=document.querySelector('#navbarSupportedContent')
|
|
84
|
+
navbarToggler.addEventListener('click',()=>{
|
|
85
|
+
if (navBar.classList.contains("show")) {
|
|
86
|
+
navBar.classList.remove("show");
|
|
87
|
+
} else {
|
|
88
|
+
navBar.classList.add("show");
|
|
89
|
+
}
|
|
90
|
+
})
|
|
91
|
+
}
|
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: 3.3.
|
|
4
|
+
version: 3.3.4
|
|
5
5
|
platform: ruby
|
|
6
6
|
authors:
|
|
7
7
|
- vivek-appscms
|
|
8
8
|
autorequire:
|
|
9
9
|
bindir: bin
|
|
10
10
|
cert_chain: []
|
|
11
|
-
date: 2023-04-
|
|
11
|
+
date: 2023-04-13 00:00:00.000000000 Z
|
|
12
12
|
dependencies:
|
|
13
13
|
- !ruby/object:Gem::Dependency
|
|
14
14
|
name: jekyll
|
|
@@ -448,7 +448,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
|
|
|
448
448
|
- !ruby/object:Gem::Version
|
|
449
449
|
version: '0'
|
|
450
450
|
requirements: []
|
|
451
|
-
rubygems_version: 3.
|
|
451
|
+
rubygems_version: 3.4.10
|
|
452
452
|
signing_key:
|
|
453
453
|
specification_version: 4
|
|
454
454
|
summary: Appscms theme for all tools
|