appscms-tools-theme 3.7.9 → 3.8.1
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/_data/feature/en/compress-pdf.json +2 -2
- data/_data/feature/en/devtools.json +330 -1
- data/_data/home/en/en.json +7 -6
- data/_includes/appscms/scripts/script.html +137 -134
- data/_includes/infographics/infographics.html +11 -1
- data/_layouts/appscms-home.html +4 -5
- data/_layouts/batch.html +48 -6
- data/_layouts/devtools.html +1 -4
- data/_layouts/feature-1.html +253 -322
- data/_layouts/feature.html +366 -380
- data/_layouts/home.html +34 -25
- data/assets/.DS_Store +0 -0
- data/assets/css/appscms-theme.css +3 -0
- data/assets/js/theme.js +105 -107
- metadata +3 -3
@@ -1,135 +1,138 @@
|
|
1
1
|
{%- include adblocker.html -%} {% assign scriptData =
|
2
|
-
|
3
|
-
|
4
|
-
|
5
|
-
|
6
|
-
|
7
|
-
|
8
|
-
|
9
|
-
|
10
|
-
|
11
|
-
|
12
|
-
|
13
|
-
|
14
|
-
|
15
|
-
|
16
|
-
|
17
|
-
|
18
|
-
|
19
|
-
|
20
|
-
|
21
|
-
|
22
|
-
|
23
|
-
|
24
|
-
|
25
|
-
|
26
|
-
|
27
|
-
|
28
|
-
|
29
|
-
|
30
|
-
|
31
|
-
|
32
|
-
|
33
|
-
|
34
|
-
|
35
|
-
|
36
|
-
|
37
|
-
|
38
|
-
|
39
|
-
|
40
|
-
|
41
|
-
|
42
|
-
|
43
|
-
|
44
|
-
|
45
|
-
|
46
|
-
|
47
|
-
|
48
|
-
|
49
|
-
|
50
|
-
|
51
|
-
|
52
|
-
|
53
|
-
|
54
|
-
|
55
|
-
|
56
|
-
|
57
|
-
|
58
|
-
|
59
|
-
|
60
|
-
|
61
|
-
|
62
|
-
|
63
|
-
|
64
|
-
|
65
|
-
|
66
|
-
|
67
|
-
|
68
|
-
|
69
|
-
|
70
|
-
|
71
|
-
|
72
|
-
|
73
|
-
|
74
|
-
|
75
|
-
|
76
|
-
|
77
|
-
|
78
|
-
|
79
|
-
|
80
|
-
|
81
|
-
|
82
|
-
|
83
|
-
|
84
|
-
|
85
|
-
|
86
|
-
|
87
|
-
|
88
|
-
|
89
|
-
|
90
|
-
|
91
|
-
|
92
|
-
|
93
|
-
|
94
|
-
|
95
|
-
|
96
|
-
|
97
|
-
|
98
|
-
|
99
|
-
|
100
|
-
|
101
|
-
|
102
|
-
|
103
|
-
|
104
|
-
|
105
|
-
|
106
|
-
|
107
|
-
|
108
|
-
|
109
|
-
|
110
|
-
|
111
|
-
|
112
|
-
|
113
|
-
|
114
|
-
|
115
|
-
|
116
|
-
|
117
|
-
|
118
|
-
|
119
|
-
|
120
|
-
|
121
|
-
|
122
|
-
|
123
|
-
|
124
|
-
|
125
|
-
|
126
|
-
|
127
|
-
|
128
|
-
|
129
|
-
|
130
|
-
|
131
|
-
|
132
|
-
|
133
|
-
|
134
|
-
|
135
|
-
|
2
|
+
site.data.[page.folderName][lang][file] %} {%- assign dataAtt =
|
3
|
+
"data-folderName='$folderName' data-lang='$lang' data-fileName='$fileName'
|
4
|
+
data-tool='$tool'" -%} {%- assign $folderName = '$folderName' -%} {%- if
|
5
|
+
site.removeJquery != true -%}
|
6
|
+
<script
|
7
|
+
defer
|
8
|
+
src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"
|
9
|
+
{%-
|
10
|
+
if
|
11
|
+
site.crossorigin
|
12
|
+
-%}
|
13
|
+
{{
|
14
|
+
}}
|
15
|
+
crossorigin
|
16
|
+
{%-
|
17
|
+
endif
|
18
|
+
-%}
|
19
|
+
></script>
|
20
|
+
{%- endif -%}
|
21
|
+
|
22
|
+
<script
|
23
|
+
defer
|
24
|
+
src="/assets/js/appscms-theme.js"
|
25
|
+
crossorigin="anonymous"
|
26
|
+
></script>
|
27
|
+
{%- if site.userTrackingCount -%} {%- include customScripts.html -%} {%- endif
|
28
|
+
-%} {%- if site.userTrackingCount and page.layout == "feature" -%}
|
29
|
+
<script defer src="/assets/js/usageTracking.js"></script>
|
30
|
+
<script defer src="/assets/js/usageTrackingEvents.js"></script>
|
31
|
+
<script defer src="/assets/js/sharePage.js"></script>
|
32
|
+
{%- endif -%} {%- if site.removeBootstrapJs != true -%}
|
33
|
+
<script
|
34
|
+
defer="defer"
|
35
|
+
src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/js/bootstrap.bundle.min.js"
|
36
|
+
integrity="sha384-Piv4xVNRyMGpqkS2by6br4gNJ7DXjqk09RmUpJ8jgGtD7zP9yug3goQfGII0yAns"
|
37
|
+
crossorigin="anonymous"
|
38
|
+
></script>
|
39
|
+
{%- endif -%} {{site.data.customcdns.customcdns.jsfiles}} {%- if
|
40
|
+
scriptData.jsfilepaths -%} {%- for path in scriptData.jsfilepaths -%} {%- assign
|
41
|
+
asset_dir = path -%} {%- if site.versioning and asset_dir != "" -%} {%- if
|
42
|
+
asset_dir contains "https" and asset_dir contains "https://" -%}
|
43
|
+
<script
|
44
|
+
defer
|
45
|
+
src="{{path}}"
|
46
|
+
data-folderName="{{page.folderName}}"
|
47
|
+
data-lang="{{page.lang}}"
|
48
|
+
data-fileName="{{page.fileName}}"
|
49
|
+
data-tool="{{page.tool}}"
|
50
|
+
data-permalink="{{page.permalink}}"
|
51
|
+
{%-
|
52
|
+
if
|
53
|
+
site.crossorigin
|
54
|
+
-%}
|
55
|
+
{{
|
56
|
+
}}
|
57
|
+
crossorigin
|
58
|
+
{%-
|
59
|
+
endif
|
60
|
+
-%}
|
61
|
+
></script>
|
62
|
+
{%- else -%}
|
63
|
+
<script
|
64
|
+
defer
|
65
|
+
src="{% ministamp { source_path: '{{ asset_dir }}', destination_path: '{{ asset_dir }}' } %}"
|
66
|
+
data-folderName="{{page.folderName}}"
|
67
|
+
data-lang="{{page.lang}}"
|
68
|
+
data-fileName="{{page.fileName}}"
|
69
|
+
data-tool="{{page.tool}}"
|
70
|
+
data-permalink="{{page.permalink}}"
|
71
|
+
{%-
|
72
|
+
if
|
73
|
+
site.crossorigin
|
74
|
+
-%}
|
75
|
+
{{
|
76
|
+
}}
|
77
|
+
crossorigin
|
78
|
+
{%-
|
79
|
+
endif
|
80
|
+
-%}
|
81
|
+
></script>
|
82
|
+
{%- endif -%} {%- else -%}
|
83
|
+
<script
|
84
|
+
defer
|
85
|
+
src="{{path}}"
|
86
|
+
data-folderName="{{page.folderName}}"
|
87
|
+
data-lang="{{page.lang}}"
|
88
|
+
data-fileName="{{page.fileName}}"
|
89
|
+
data-tool="{{page.tool}}"
|
90
|
+
data-permalink="{{page.permalink}}"
|
91
|
+
{%-
|
92
|
+
if
|
93
|
+
site.crossorigin
|
94
|
+
-%}
|
95
|
+
{{
|
96
|
+
}}
|
97
|
+
crossorigin
|
98
|
+
{%-
|
99
|
+
endif
|
100
|
+
-%}
|
101
|
+
></script>
|
102
|
+
{%- endif -%} {%- endfor -%} {%- endif -%} {%- if scriptData.jscdns -%} {%- for
|
103
|
+
item in scriptData.jscdns -%} {{item | replace:"$folderName", page.folderName |
|
104
|
+
replace: "$fileName", page.fileName | replace: "$lang", page.lang | replace:
|
105
|
+
"$tool", page.tool }} {%- endfor -%} {%- endif -%} {%- if page.layout == "frame"
|
106
|
+
-%} {%- assign font = "PT Sans" -%} {%- endif -%} {%- if page.layout ==
|
107
|
+
"photo-effects-home" -%} {%- assign font = "PT Sans" -%} {%- endif -%} {%- if
|
108
|
+
page.layout == "calculator" -%}
|
109
|
+
<script defer src="/assets/js/calculator-tooltip.js"></script>
|
110
|
+
{%- endif -%} {%- if page.layout == 'home-1' or page.layout == "feature-1" -%}
|
111
|
+
{%- assign font = "Inter" -%} {%- endif -%} {%- if site.removeFontAwesome !=
|
112
|
+
true -%}
|
113
|
+
<link
|
114
|
+
rel="stylesheet"
|
115
|
+
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css"
|
116
|
+
integrity="sha512-iBBXm8fW90+nuLcSKlbmrPcLa0OT92xO1BIsZ+ywDWZCvqsWgccV3gFoRBv0z+8dLJgyAHIhR35VZc2oM/gI1w=="
|
117
|
+
crossorigin="anonymous"
|
118
|
+
referrerpolicy="no-referrer"
|
119
|
+
/>
|
120
|
+
{%- endif -%} {%- if page.layout == "feature" -%}
|
121
|
+
<script>
|
122
|
+
const toaster = document.querySelector(".toaster");
|
123
|
+
if (
|
124
|
+
!/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(
|
125
|
+
navigator.userAgent
|
126
|
+
)
|
127
|
+
) {
|
128
|
+
if (navigator.userAgent.indexOf("Mac OS X") != -1) {
|
129
|
+
toaster.innerHTML = `Press Command + D to Bookmark this page`;
|
130
|
+
} else {
|
131
|
+
toaster.innerHTML = `Press Ctrl + D to Bookmark this page`;
|
132
|
+
}
|
133
|
+
}
|
134
|
+
setTimeout(() => {
|
135
|
+
toaster.style.display = "none";
|
136
|
+
}, 20000);
|
137
|
+
</script>
|
138
|
+
{%- endif -%}
|
@@ -88,7 +88,7 @@
|
|
88
88
|
max-width: 100%;
|
89
89
|
}
|
90
90
|
|
91
|
-
|
91
|
+
|
92
92
|
.carousel-inner p {
|
93
93
|
font-size: 20px;
|
94
94
|
}
|
@@ -108,6 +108,7 @@
|
|
108
108
|
.carousel {
|
109
109
|
overflow-x: hidden;
|
110
110
|
}
|
111
|
+
|
111
112
|
.slide {
|
112
113
|
flex: 0 0 100%;
|
113
114
|
margin-right: 0;
|
@@ -121,12 +122,21 @@
|
|
121
122
|
<i id="left" class="fas fa-angle-left"></i>
|
122
123
|
<div class="carousel">
|
123
124
|
<div class="carousel-inner">
|
125
|
+
{%- if homeData.infographics -%}
|
126
|
+
{% for item in homeData.infographics %}
|
127
|
+
<div class="slide">
|
128
|
+
<img src="{{ item.image }}" alt="img" draggable="false">
|
129
|
+
<p class="infographic-desc">{{ item.description | capitalize }}</p>
|
130
|
+
</div>
|
131
|
+
{% endfor %}
|
132
|
+
{%- else -%}
|
124
133
|
{% for item in featureData.infographics %}
|
125
134
|
<div class="slide">
|
126
135
|
<img src="{{ item.image }}" alt="img" draggable="false">
|
127
136
|
<p class="infographic-desc">{{ item.description | capitalize }}</p>
|
128
137
|
</div>
|
129
138
|
{% endfor %}
|
139
|
+
{%- endif -%}
|
130
140
|
</div>
|
131
141
|
</div>
|
132
142
|
<i id="right" class="fas fa-angle-right"></i>
|
data/_layouts/appscms-home.html
CHANGED
@@ -5,12 +5,11 @@ assign boxColor = site.data[page.folderName][page.lang][page.fileName].color -%}
|
|
5
5
|
<html lang="{{ page.lang }}">
|
6
6
|
{%- include appscms/head/head.html -%}
|
7
7
|
<body>
|
8
|
-
{%- include appscms/navbars/navbar.html -%}
|
9
|
-
|
10
|
-
|
8
|
+
{%- include appscms/navbars/navbar.html -%} {%- include
|
9
|
+
appscms/navbars/toolbar.html -%} {%- include appscms/headings/headings.html
|
10
|
+
-%}
|
11
11
|
<!-- {%- include appscms/searchbar/searchbar.html -%} -->
|
12
|
-
{%- include appscms/
|
13
|
-
appscms/home/feature-boxes.html -%}
|
12
|
+
{%- include appscms/home/feature-boxes.html -%}
|
14
13
|
<div class="appcms-home-content-box" id="appcms-home-content-box">
|
15
14
|
{{ content }}
|
16
15
|
</div>
|
data/_layouts/batch.html
CHANGED
@@ -5,7 +5,14 @@ layout: feature
|
|
5
5
|
{%- assign boxColor = site.data[page.folderName][page.lang][page.fileName].color -%}
|
6
6
|
<div class="custom-box" style="padding-bottom: 250px; padding-top: 0px;" data-color="{{boxColor}}">
|
7
7
|
<div style="display:none;" id="file-loader">
|
8
|
-
<img src="/assets/images/spinner.gif" alt="loading..."
|
8
|
+
<img src="/assets/images/spinner.gif" alt="loading..." {%-
|
9
|
+
if
|
10
|
+
site.crossorigin
|
11
|
+
-%}
|
12
|
+
crossorigin
|
13
|
+
{%-
|
14
|
+
endif
|
15
|
+
-%}>
|
9
16
|
<p>Please Wait ,Loading Your file </p>
|
10
17
|
</div>
|
11
18
|
|
@@ -13,18 +20,39 @@ layout: feature
|
|
13
20
|
<div class="d-flex justify-content-center align-items-center ">
|
14
21
|
<div id="Inputbox" class="boxes">
|
15
22
|
<img height="21px" width="21px"
|
16
|
-
src="/assets/images/add.svg"
|
23
|
+
src="/assets/images/add.svg" {%-
|
24
|
+
if
|
25
|
+
site.crossorigin
|
26
|
+
-%}
|
27
|
+
crossorigin
|
28
|
+
{%-
|
29
|
+
endif
|
30
|
+
-%}>
|
17
31
|
<span class='ml-1'>CHOOSE FILE</span>
|
18
32
|
</div>
|
19
33
|
<div class="file-pick-dropdown">
|
20
34
|
<i class="fas arrow-sign fa-angle-down"></i>
|
21
35
|
<div class="file-picker-dropdown" style="display: none;">
|
22
36
|
<button id='filepicker'>
|
23
|
-
<img width="18px" height="18px" src="/assets/images/google-drive.png"
|
37
|
+
<img width="18px" height="18px" src="/assets/images/google-drive.png" {%-
|
38
|
+
if
|
39
|
+
site.crossorigin
|
40
|
+
-%}
|
41
|
+
crossorigin
|
42
|
+
{%-
|
43
|
+
endif
|
44
|
+
-%}
|
24
45
|
alt="google-drive-icon">
|
25
46
|
</button>
|
26
47
|
<button id="dropbox">
|
27
|
-
<img
|
48
|
+
<img {%-
|
49
|
+
if
|
50
|
+
site.crossorigin
|
51
|
+
-%}
|
52
|
+
crossorigin
|
53
|
+
{%-
|
54
|
+
endif
|
55
|
+
-%} width="18px" height="18px" src="/assets/images/dropbox.png" alt="dropbox-icon">
|
28
56
|
</button>
|
29
57
|
</div>
|
30
58
|
</div>
|
@@ -38,7 +66,14 @@ layout: feature
|
|
38
66
|
<div class="col-md-8">
|
39
67
|
<div class="files-panel d-none">
|
40
68
|
<div id="saving-data" style="display: none;">
|
41
|
-
<img
|
69
|
+
<img {%-
|
70
|
+
if
|
71
|
+
site.crossorigin
|
72
|
+
-%}
|
73
|
+
crossorigin
|
74
|
+
{%-
|
75
|
+
endif
|
76
|
+
-%} loading="lazy" src="/img/save.gif" alt="saving"> <span class="ml-2">Saving your
|
42
77
|
images...</span>
|
43
78
|
</div>
|
44
79
|
|
@@ -54,7 +89,14 @@ layout: feature
|
|
54
89
|
<div class="add-more-files">
|
55
90
|
<button class="btn add-more-files-button">
|
56
91
|
<input style="display: none;" onchange="fileOnChange2()" type="file" id="file2" multiple />
|
57
|
-
<img
|
92
|
+
<img {%-
|
93
|
+
if
|
94
|
+
site.crossorigin
|
95
|
+
-%}
|
96
|
+
crossorigin
|
97
|
+
{%-
|
98
|
+
endif
|
99
|
+
-%} src="/assets/images/add.png" alt="add-more-files">
|
58
100
|
Add more files
|
59
101
|
</button>
|
60
102
|
</div>
|
data/_layouts/devtools.html
CHANGED
@@ -48,10 +48,7 @@ layout: home
|
|
48
48
|
<div id="output_editor"></div>
|
49
49
|
</div>
|
50
50
|
</div>
|
51
|
-
|
52
|
-
|
53
|
-
|
54
|
-
<div class="devtools_box p-2 w-100 mt-5 text-left" style="background: rgba(32, 152, 243, .8);">
|
51
|
+
<div class="devtools_box w-100 mt-5 text-left" style="background: rgba(32, 152, 243, .8);">
|
55
52
|
{{content}}
|
56
53
|
</div>
|
57
54
|
</div>
|