appscms-tools-theme 3.9.6 → 3.9.7
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/_includes/appscms/footer/footer.html +1 -1
- data/_includes/appscms/home/feature-boxes.html +1 -1
- data/_includes/appscms/navbars/toolbar.html +90 -39
- data/_includes/batch-conversion.html +137 -62
- data/_includes/dropdown/langdropdown.html +25 -15
- data/_includes/header/blogHeader.html +1 -1
- data/_layouts/allAuthors.html +101 -91
- data/_layouts/appscms-author.html +409 -0
- data/_layouts/appscms-authors.html +132 -0
- data/_layouts/appscms-imagekit.html +1 -1
- data/_layouts/appscms-post.html +1 -4
- data/_layouts/batch.html +159 -108
- data/_layouts/blog.html +112 -76
- data/_layouts/calculator.html +85 -76
- data/_layouts/feature-1.html +3 -6
- data/_layouts/feature.html +2 -5
- data/_layouts/frame.html +2 -2
- data/_layouts/imagekit.html +4 -4
- data/assets/css/appscms-theme.css +26 -8
- data/assets/css/calculators.css +0 -1
- data/assets/js/appscms-search.js +10 -2
- data/assets/js/appscms-theme.js +28 -0
- metadata +4 -2
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA256:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: 824577b6ea150821f0efd4cf940fa2ef318b31fc4a3264a6f62257d23a121d89
|
|
4
|
+
data.tar.gz: 747e7c0e4dfec0dda2247b5f7b4f0eebaeee5ab9b7d8fedf09d71c6c1d1f9594
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: 3b88a589bf8295d968c8cc15c7382f5c69516271d6153b27abc0d1c1c4056a0f53d2d5879f42337c9a81d9f8443e5a98fdf1479c2bebc80d533014b27451b9b0
|
|
7
|
+
data.tar.gz: f18e32b22f5186e4037100a7cef3965cad5fa9c14b6df15bee4fbe4e1150c42458b9ed99c738b64d4834098321ab8d80a8c08f3fd18ce1380c451d683e9aa34a
|
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
<div class="col-xl-4 col-lg-6 col-md-6 col-3 appscms-tool-container">
|
|
7
7
|
<a href="{{item.url}}">
|
|
8
8
|
<div class="appscms-tool">
|
|
9
|
-
<div class="tool-top" style="background
|
|
9
|
+
<div class="tool-top" style="background: {{item.color}};">
|
|
10
10
|
<div class="tool-img">
|
|
11
11
|
<img crossorigin="anonymous" src="{{item.icon}}" alt="img" />
|
|
12
12
|
</div>
|
|
@@ -2,48 +2,99 @@
|
|
|
2
2
|
<div class="appscms-toolbar">
|
|
3
3
|
<div class="row">
|
|
4
4
|
<div class="col-11 mx-auto">
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
5
|
+
<ul class="appscms-toolbar-list">
|
|
6
|
+
<div id="close-nav-ham" data-open="1" class="close-nav-ham">
|
|
7
|
+
<svg
|
|
8
|
+
height="50px"
|
|
9
|
+
width="1em"
|
|
10
|
+
style="font-size: 25px"
|
|
11
|
+
viewBox="0 0 24 24"
|
|
12
|
+
fill="none"
|
|
13
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
14
|
+
stroke="#ffffff"
|
|
15
|
+
>
|
|
16
|
+
<g id="SVGRepo_bgCarrier" stroke-width="0"></g>
|
|
17
|
+
<g
|
|
18
|
+
id="SVGRepo_tracerCarrier"
|
|
19
|
+
stroke-linecap="round"
|
|
20
|
+
stroke-linejoin="round"
|
|
21
|
+
></g>
|
|
22
|
+
<g id="SVGRepo_iconCarrier">
|
|
23
|
+
<g clip-path="url(#clip0_429_11083)">
|
|
24
|
+
<path
|
|
25
|
+
d="M7 7.00006L17 17.0001M7 17.0001L17 7.00006"
|
|
26
|
+
stroke="#ffffff"
|
|
27
|
+
stroke-width="2.5"
|
|
28
|
+
stroke-linecap="round"
|
|
29
|
+
stroke-linejoin="round"
|
|
30
|
+
></path>
|
|
31
|
+
</g>
|
|
32
|
+
<defs>
|
|
33
|
+
<clipPath id="clip0_429_11083">
|
|
34
|
+
<rect width="24" height="24" fill="white"></rect>
|
|
35
|
+
</clipPath>
|
|
36
|
+
</defs>
|
|
37
|
+
</g>
|
|
38
|
+
</svg>
|
|
39
|
+
</div>
|
|
40
|
+
{%- for item in siteData.megaMenu.dropdown -%}
|
|
41
|
+
<li class="appscms-toolbar-list-item">
|
|
42
|
+
<span
|
|
43
|
+
class="appscms-toolbar-list-item-span d-flex justify-content-between"
|
|
44
|
+
>
|
|
45
|
+
{{item.categoryName}}
|
|
46
|
+
<svg
|
|
47
|
+
class="arrow-svg"
|
|
48
|
+
fill="#fff"
|
|
49
|
+
width="12px"
|
|
50
|
+
hegiht="12px"
|
|
51
|
+
version="1.1"
|
|
52
|
+
id="Capa_1"
|
|
53
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
54
|
+
xmlns:xlink="http://www.w3.org/1999/xlink"
|
|
55
|
+
viewBox="0 0 30.727 30.727"
|
|
56
|
+
xml:space="preserve"
|
|
57
|
+
>
|
|
58
|
+
<g id="SVGRepo_bgCarrier" stroke-width="0"></g>
|
|
59
|
+
<g
|
|
60
|
+
id="SVGRepo_tracerCarrier"
|
|
61
|
+
stroke-linecap="round"
|
|
62
|
+
stroke-linejoin="round"
|
|
63
|
+
></g>
|
|
64
|
+
<g id="SVGRepo_iconCarrier">
|
|
65
|
+
<g>
|
|
66
|
+
<path
|
|
67
|
+
d="M29.994,10.183L15.363,24.812L0.733,10.184c-0.977-0.978-0.977-2.561,0-3.536c0.977-0.977,2.559-0.976,3.536,0 l11.095,11.093L26.461,6.647c0.977-0.976,2.559-0.976,3.535,0C30.971,7.624,30.971,9.206,29.994,10.183z"
|
|
68
|
+
></path>
|
|
69
|
+
</g>
|
|
70
|
+
</g>
|
|
71
|
+
</svg>
|
|
72
|
+
</span>
|
|
73
|
+
|
|
15
74
|
<ul class="list-item-dropdown">
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
75
|
+
<h4 class="list-item-dropdown-heading">
|
|
76
|
+
{{siteData.megaMenu.nav-link-name}}
|
|
77
|
+
</h4>
|
|
78
|
+
<div class="row">
|
|
79
|
+
{%- assign count = 0 -%} {% for i in item.links %} {% assign count
|
|
80
|
+
= count | plus:1 %} {%- if count == 1 -%}
|
|
22
81
|
<div class="col-md-6 col-lg-4 col-xl-3">
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
82
|
+
{%- endif -%} {% if count == 6 %}
|
|
83
|
+
<li>
|
|
84
|
+
<a class="toolbar-link" href="{{i.url}}">{{i.name}}</a>
|
|
85
|
+
</li>
|
|
86
|
+
</div>
|
|
87
|
+
{% assign count = 0 %} {%- else -%}
|
|
88
|
+
<li>
|
|
89
|
+
<a class="toolbar-link" href="{{i.url}}">{{i.name}}</a>
|
|
90
|
+
</li>
|
|
91
|
+
{% endif %} {% endfor %}
|
|
28
92
|
</div>
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
{% endif %}
|
|
35
|
-
{% endfor %}
|
|
36
|
-
</div>
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
</ul>
|
|
41
|
-
</li>
|
|
42
|
-
{%- endfor -%}
|
|
43
|
-
</ul>
|
|
44
|
-
</div>
|
|
93
|
+
</ul>
|
|
94
|
+
</li>
|
|
95
|
+
{%- endfor -%}
|
|
96
|
+
</ul>
|
|
97
|
+
</div>
|
|
45
98
|
</div>
|
|
46
99
|
</div>
|
|
47
100
|
{%- endif -%}
|
|
48
|
-
|
|
49
|
-
|
|
@@ -1,66 +1,141 @@
|
|
|
1
|
-
{%- assign boxColor = site.data[page.folderName][page.lang][page.fileName].color
|
|
1
|
+
{%- assign boxColor = site.data[page.folderName][page.lang][page.fileName].color
|
|
2
|
+
-%}
|
|
2
3
|
<div class="options-panel">
|
|
3
|
-
|
|
4
|
-
|
|
4
|
+
<div class="title">Options</div>
|
|
5
|
+
<div id="controls" class="text-left">
|
|
6
|
+
<label>Amount</label>
|
|
7
|
+
<div class="d-flex">
|
|
8
|
+
{%- if page.effect == "blur" -%}
|
|
9
|
+
<input
|
|
10
|
+
class="w-100"
|
|
11
|
+
type="range"
|
|
12
|
+
min="0"
|
|
13
|
+
max="50"
|
|
14
|
+
value="25"
|
|
15
|
+
step="0.5"
|
|
16
|
+
id="applyFilter"
|
|
17
|
+
data-filter="{{page.effect}}"
|
|
18
|
+
data-scale="px"
|
|
19
|
+
/>
|
|
20
|
+
<div class="d-flex align-items-center" id="counter"></div>
|
|
21
|
+
{%- elsif page.effect == "opacity" -%}
|
|
22
|
+
<input
|
|
23
|
+
class="w-100"
|
|
24
|
+
id="applyFilter"
|
|
25
|
+
type="range"
|
|
26
|
+
min="0"
|
|
27
|
+
max="1"
|
|
28
|
+
step="0.1"
|
|
29
|
+
value="0.5"
|
|
30
|
+
data-filter="{{page.effect}}"
|
|
31
|
+
/>
|
|
32
|
+
<div class="d-flex align-items-center" id="counter"></div>
|
|
33
|
+
{%- elsif page.effect == "saturate" -%}
|
|
34
|
+
<input
|
|
35
|
+
class="w-100"
|
|
36
|
+
type="range"
|
|
37
|
+
min="0"
|
|
38
|
+
max="200"
|
|
39
|
+
value="100"
|
|
40
|
+
step="1"
|
|
41
|
+
id="applyFilter"
|
|
42
|
+
data-filter="{{page.effect}}"
|
|
43
|
+
data-scale=""
|
|
44
|
+
/>
|
|
45
|
+
<div class="d-flex align-items-center" id="counter"></div>
|
|
46
|
+
{%- elsif page.effect == "hue-rotate" -%}
|
|
47
|
+
<input
|
|
48
|
+
class="w-100"
|
|
49
|
+
type="range"
|
|
50
|
+
min="0"
|
|
51
|
+
max="360"
|
|
52
|
+
value="180"
|
|
53
|
+
step="1"
|
|
54
|
+
id="applyFilter"
|
|
55
|
+
data-filter="{{page.effect}}"
|
|
56
|
+
data-scale="deg"
|
|
57
|
+
/>
|
|
58
|
+
<div class="d-flex align-items-center" id="counter"></div>
|
|
59
|
+
{%- elsif page.effect == "grayscale" -%}
|
|
60
|
+
<input
|
|
61
|
+
class="w-100"
|
|
62
|
+
type="range"
|
|
63
|
+
min="0"
|
|
64
|
+
max="100"
|
|
65
|
+
value="50"
|
|
66
|
+
step="1"
|
|
67
|
+
id="applyFilter"
|
|
68
|
+
data-filter="{{page.effect}}"
|
|
69
|
+
data-scale="%"
|
|
70
|
+
/>
|
|
71
|
+
<div class="d-flex align-items-center" id="counter"></div>
|
|
72
|
+
{%- elsif page.effect == "sepia" -%}
|
|
73
|
+
<input
|
|
74
|
+
class="w-100"
|
|
75
|
+
type="range"
|
|
76
|
+
min="0"
|
|
77
|
+
max="100"
|
|
78
|
+
value="50"
|
|
79
|
+
step="1"
|
|
80
|
+
id="applyFilter"
|
|
81
|
+
data-filter="{{page.effect}}"
|
|
82
|
+
data-scale="%"
|
|
83
|
+
/>
|
|
84
|
+
<div class="d-flex align-items-center" id="counter"></div>
|
|
85
|
+
{%- elsif page.effect == "gamma" -%}
|
|
86
|
+
<input
|
|
87
|
+
class="w-100"
|
|
88
|
+
type="range"
|
|
89
|
+
min="0"
|
|
90
|
+
max="10"
|
|
91
|
+
value="5"
|
|
92
|
+
step="1"
|
|
93
|
+
id="applyFilter"
|
|
94
|
+
data-filter="{{page.effect}}"
|
|
95
|
+
/>
|
|
96
|
+
{%- elsif page.panelTitle == "exposure" -%}
|
|
97
|
+
<input
|
|
98
|
+
class="w-100"
|
|
99
|
+
type="range"
|
|
100
|
+
min="-100"
|
|
101
|
+
max="100"
|
|
102
|
+
value="0"
|
|
103
|
+
step="1"
|
|
104
|
+
id="applyFilter"
|
|
105
|
+
data-filter="{{page.effect}}"
|
|
106
|
+
/>
|
|
107
|
+
{%- else -%}
|
|
108
|
+
<input
|
|
109
|
+
class="w-100"
|
|
110
|
+
type="range"
|
|
111
|
+
min="0"
|
|
112
|
+
max="200"
|
|
113
|
+
value="100"
|
|
114
|
+
step="1"
|
|
115
|
+
id="applyFilter"
|
|
116
|
+
data-filter="{{page.effect}}"
|
|
117
|
+
data-scale="%"
|
|
118
|
+
/>
|
|
119
|
+
<div class="d-flex align-items-center" id="counter"></div>
|
|
120
|
+
{%- endif -%}
|
|
121
|
+
<br />
|
|
5
122
|
</div>
|
|
6
|
-
|
|
7
|
-
<label>Amount</label>
|
|
8
|
-
<div class="d-flex">
|
|
9
|
-
{%- if page.effect == "blur" -%}
|
|
10
|
-
<input class="w-100" type="range" min="0" max="50" value="25" step="0.5" id="applyFilter"
|
|
11
|
-
data-filter="{{page.effect}}" data-scale="px">
|
|
12
|
-
<div class="d-flex align-items-center" id="counter"></div>
|
|
13
|
-
{%- elsif page.effect == "opacity" -%}
|
|
14
|
-
<input class="w-100" id="applyFilter" type="range" min="0" max="1" step="0.1" value="0.5"
|
|
15
|
-
data-filter="{{page.effect}}" />
|
|
16
|
-
<div class="d-flex align-items-center" id="counter"></div>
|
|
17
|
-
{%- elsif page.effect == "saturate" -%}
|
|
18
|
-
<input class="w-100" type="range" min="0" max="200" value="100" step="1" id="applyFilter"
|
|
19
|
-
data-filter="{{page.effect}}" data-scale="">
|
|
20
|
-
<div class="d-flex align-items-center" id="counter"></div>
|
|
21
|
-
{%- elsif page.effect == "hue-rotate" -%}
|
|
22
|
-
<input class="w-100" type="range" min="0" max="360" value="180" step="1" id="applyFilter"
|
|
23
|
-
data-filter="{{page.effect}}" data-scale="deg">
|
|
24
|
-
<div class="d-flex align-items-center" id="counter"></div>
|
|
25
|
-
{%- elsif page.effect == "grayscale" -%}
|
|
26
|
-
<input class="w-100" type="range" min="0" max="100" value="50" step="1" id="applyFilter"
|
|
27
|
-
data-filter="{{page.effect}}" data-scale="%">
|
|
28
|
-
<div class="d-flex align-items-center" id="counter"></div>
|
|
29
|
-
{%- elsif page.effect == "sepia" -%}
|
|
30
|
-
<input class="w-100" type="range" min="0" max="100" value="50" step="1" id="applyFilter"
|
|
31
|
-
data-filter="{{page.effect}}" data-scale="%">
|
|
32
|
-
<div class="d-flex align-items-center" id="counter"></div>
|
|
33
|
-
{%- elsif page.effect == "gamma" -%}
|
|
34
|
-
<input class="w-100" type="range" min="0" max="10" value="5" step="1" id="applyFilter"
|
|
35
|
-
data-filter="{{page.effect}}">
|
|
36
|
-
{%- elsif page.panelTitle == "exposure" -%}
|
|
37
|
-
<input class="w-100" type="range" min="-100" max="100" value="0" step="1" id="applyFilter"
|
|
38
|
-
data-filter="{{page.effect}}">
|
|
39
|
-
{%- else -%}
|
|
40
|
-
<input class="w-100" type="range" min="0" max="200" value="100" step="1" id="applyFilter"
|
|
41
|
-
data-filter="{{page.effect}}" data-scale="%">
|
|
42
|
-
<div class="d-flex align-items-center" id="counter"></div>
|
|
43
|
-
{%- endif -%}
|
|
44
|
-
<br>
|
|
45
|
-
</div>
|
|
46
|
-
</div>
|
|
47
|
-
|
|
123
|
+
</div>
|
|
48
124
|
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
125
|
+
<div class="download-format d-none">
|
|
126
|
+
<span class="select-format-title">image's format</span>
|
|
127
|
+
<select name="image-format" id="image-format">
|
|
128
|
+
<option value="png">png</option>
|
|
129
|
+
<option value="jpg">jpg</option>
|
|
130
|
+
<option value="jpeg">jpeg</option>
|
|
131
|
+
<option value="webp">webp</option>
|
|
132
|
+
</select>
|
|
133
|
+
</div>
|
|
56
134
|
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
</button>
|
|
65
|
-
</div>
|
|
66
|
-
</div>
|
|
135
|
+
<div class="convertBtn-container">
|
|
136
|
+
<button style="background:{{boxColor}};" class="btn" id="submit-button">
|
|
137
|
+
Convert
|
|
138
|
+
<img src="/assets/images/convert.svg" width="20px" alt="convert-files" />
|
|
139
|
+
</button>
|
|
140
|
+
</div>
|
|
141
|
+
</div>
|
|
@@ -1,22 +1,32 @@
|
|
|
1
|
-
{% assign file = page.fileName %}
|
|
2
|
-
{% assign
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
{%- assign langsupport = page.langsupport -%}
|
|
6
|
-
{%- assign variable = site.data.languagesupport[langsupport]-%}
|
|
7
|
-
{%- if variable.langsupport -%}
|
|
1
|
+
{% assign file = page.fileName %} {% assign lang = page.lang %} {% assign folder
|
|
2
|
+
= page.folderName %} {% assign langData = site.data[folder][lang][file] %} {%-
|
|
3
|
+
assign langsupport = page.langsupport -%} {%- assign variable =
|
|
4
|
+
site.data.languagesupport[langsupport]-%} {%- if variable.langsupport -%}
|
|
8
5
|
<div class="lang-dropdown">
|
|
9
|
-
<button
|
|
6
|
+
<button
|
|
7
|
+
class="btn btn-light dropdown-toggle lang-dropdown-btn"
|
|
8
|
+
type="button"
|
|
9
|
+
id="dropdownMenu2"
|
|
10
|
+
data-toggle="dropdown"
|
|
11
|
+
aria-expanded="false"
|
|
12
|
+
>
|
|
10
13
|
{{langData.Language}}
|
|
11
14
|
</button>
|
|
12
15
|
<ul class="dropdown-menu drop-down-wrapper" aria-labelledby="dropdownMenu2">
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
16
|
+
{%- for item in variable.langsupport -%} {%- if langData.Language ==
|
|
17
|
+
item.lang -%}
|
|
18
|
+
<a
|
|
19
|
+
class="lang-dropdown-item py-1"
|
|
20
|
+
style="background: rgba(149, 148, 151, 0.397)"
|
|
21
|
+
class=".lang-dropdown-item"
|
|
22
|
+
href="{{item.permalink}}"
|
|
23
|
+
>{{item.lang}}</a
|
|
24
|
+
>
|
|
25
|
+
{%- else -%}
|
|
26
|
+
<a class="lang-dropdown-item py-1" href="{{item.permalink}}"
|
|
27
|
+
>{{item.lang}}</a
|
|
28
|
+
>
|
|
29
|
+
{%- endif -%} {%- endfor -%}
|
|
20
30
|
</ul>
|
|
21
31
|
</div>
|
|
22
32
|
{%- endif -%}
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
<nav class="navbar navbar-expand-lg navbar-dark py-3"
|
|
4
4
|
style="box-shadow: 0 1px 0 0 rgb(38 38 40 / 9%); background-color: white;">
|
|
5
5
|
{%- else -%}
|
|
6
|
-
<nav class="navbar navbar-expand-lg navbar-dark py-3" style="background
|
|
6
|
+
<nav class="navbar navbar-expand-lg navbar-dark py-3" style="background: white">
|
|
7
7
|
{%- endif -%}
|
|
8
8
|
{%- assign navbar = site.data.blog.nav -%}
|
|
9
9
|
{% if navbar.navbarBrandText != "" %}
|