appscms-tools-theme 3.9.6 → 3.9.7
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.
- 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 != "" %}
|