appscms-tools-theme 3.9.6 → 3.9.8
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/head/bloghead.html +40 -2
- data/_includes/appscms/home/feature-boxes.html +1 -1
- data/_includes/appscms/navbars/toolbar.html +90 -39
- data/_includes/authorpagehead/index.html +45 -35
- 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-blog.html +1 -1
- 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: 3ec0cf672581eb8872ee5c6eaa31c2dfcd6185d9ded778f09e5417c96ba0bc83
|
|
4
|
+
data.tar.gz: 1da2a8f3875831348848ad24a8c5922a70de659b7cbb06f23b96f856283cdc76
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: d2411b4575cf803803b333400bb113babc7f2e809085257f99988481fd1b56672a091d6502ca1889c03eac17085406765391c6e47fd016ea4cb9c52060062a99
|
|
7
|
+
data.tar.gz: 8f39614eb887ef19234e1e7e85d654a58786988efdf3e29f224c3b72795173a70f352e4895b3442c115290ea413b5da1cffe495ddade6c66f312ca2768a8c236
|
|
@@ -1,5 +1,14 @@
|
|
|
1
1
|
<head>
|
|
2
|
-
{%-
|
|
2
|
+
{%- if page.layout == "appscms-authors" or page.layout == "appscms-author" -%}
|
|
3
|
+
{% assign posts = site.posts | where_exp:"post","post.url != page.url" %} {%
|
|
4
|
+
for post in posts %} {%- include /authors/authors.html -%} {% if authorName
|
|
5
|
+
contains page.authorName %} {% capture author_info %}{% assign author =
|
|
6
|
+
authorName %}{% assign bio = bio %}{{ author }} - {{ bio }}{% endcapture %} {%
|
|
7
|
+
capture author_name %}{% assign author = authorName %}{{ author }}{%
|
|
8
|
+
endcapture %} {% assign authorPageTitle = author_info %} {% assign author_name
|
|
9
|
+
= author_name %} {%- endif -%} {% endfor %} {%- assign title = newtitle -%}
|
|
10
|
+
{%- assign description = pagedescription-%} {%- else -%} {%- assign
|
|
11
|
+
pagedescriptionlength = page.description | split: ' ' -%} {%- if
|
|
3
12
|
pagedescriptionlength.size > 5 -%} {%- assign pagedescriptionlength =
|
|
4
13
|
page.description | split: ' ' -%} {%- assign pagedescription =
|
|
5
14
|
page.description -%} {%- endif -%} {% assign favicon = site.favicon %} {%-
|
|
@@ -25,6 +34,7 @@
|
|
|
25
34
|
pagedescription = pagedescription | append : word %} {% assign pagedescription
|
|
26
35
|
= pagedescription | append : " " %} {%- endif -%} {%- endif -%} {% endfor %}
|
|
27
36
|
{%- assign title = newtitle -%} {%- assign description = pagedescription-%}
|
|
37
|
+
{%- endif -%}
|
|
28
38
|
|
|
29
39
|
<meta charset="UTF-8" />
|
|
30
40
|
<link rel="shortcut icon" href="{{favicon}}" />
|
|
@@ -34,15 +44,43 @@
|
|
|
34
44
|
content="width=device-width, initial-scale=1, shrink-to-fit=no"
|
|
35
45
|
/>
|
|
36
46
|
<meta name="keywords" content="{{site.keyboard}}" />
|
|
47
|
+
{%- if page.layout == "appscms-authors" or page.layout == "appscms-author" -%}
|
|
48
|
+
|
|
49
|
+
<meta
|
|
50
|
+
name="description"
|
|
51
|
+
content="{{ authorPageTitle | slice: 0, 155 | default: page.description }}"
|
|
52
|
+
/>
|
|
53
|
+
<meta
|
|
54
|
+
name="og:description"
|
|
55
|
+
content="{{ authorPageTitle | slice: 0, 155 | default: page.description}}"
|
|
56
|
+
/>
|
|
57
|
+
<meta
|
|
58
|
+
property="og:title"
|
|
59
|
+
content="{{ authorPageTitle | default: page.title }}"
|
|
60
|
+
/>
|
|
61
|
+
|
|
62
|
+
{%- else -%}
|
|
37
63
|
<meta name="description" content="{{ seo_description | slice: 0, 155 }}" />
|
|
38
64
|
<meta name="og:description" content="{{ seo_description | slice: 0, 155 }}" />
|
|
39
65
|
<meta property="og:title" content="{{ title | default: site.title }}" />
|
|
66
|
+
{%- endif -%}
|
|
67
|
+
|
|
40
68
|
<meta property="og:type" content="{{og_type}}" />
|
|
41
69
|
<meta property="og:locale" content="en_US" />
|
|
42
70
|
<meta property="og:site_name" content="{{site.name}}" />
|
|
43
71
|
<meta property="og:url" content="{{site.url | append: page.url}}" />
|
|
44
|
-
|
|
72
|
+
{%- if page.layout == "appscms-authors" -%}
|
|
73
|
+
<meta name="author" content="Authors" />
|
|
74
|
+
{%- else -%}
|
|
75
|
+
<meta
|
|
76
|
+
name="author"
|
|
77
|
+
content="{{ author | default: page.author| default: site.author_name}}"
|
|
78
|
+
/>
|
|
79
|
+
{%- endif -%} {%- if page.layout == "appscms-author" -%}
|
|
80
|
+
<title>{{authorPageTitle | default: page.title}}</title>
|
|
81
|
+
{%- else -%}
|
|
45
82
|
<title>{{title}}</title>
|
|
83
|
+
{%- endif -%}
|
|
46
84
|
|
|
47
85
|
<link
|
|
48
86
|
href="https://fonts.googleapis.com/css2?family=Open+Sans&display=swap"
|
|
@@ -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,37 +1,47 @@
|
|
|
1
1
|
<head>
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
2
|
+
{% assign posts = site.posts | where_exp:"post","post.url != page.url" %} {%
|
|
3
|
+
for post in posts %} {%- include /authors/authors.html -%} {% if authorName
|
|
4
|
+
contains page.authorName %} {% capture author_info %}{% assign author =
|
|
5
|
+
authorName %}{% assign bio = bio %}{{ author }} - {{ bio }}{% endcapture %} {%
|
|
6
|
+
capture author_name %}{% assign author = authorName %}{{ author }}{%
|
|
7
|
+
endcapture %} {% assign authorPageTitle = author_info %} {% assign author_name
|
|
8
|
+
= author_name %} {%- endif -%} {% endfor %} {%- assign title = newtitle -%}
|
|
9
|
+
{%- assign description = pagedescription-%}
|
|
8
10
|
|
|
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
|
-
|
|
11
|
+
<meta charset="UTF-8" />
|
|
12
|
+
<link rel="shortcut icon" href="{{favicon}}" />
|
|
13
|
+
<link rel="canonical" href="{{site.url | append: page.url}}" />
|
|
14
|
+
<meta
|
|
15
|
+
name="viewport"
|
|
16
|
+
content="width=device-width, initial-scale=1, shrink-to-fit=no"
|
|
17
|
+
/>
|
|
18
|
+
<meta name="keywords" content="{{site.keyboard}}" />
|
|
19
|
+
<meta
|
|
20
|
+
name="description"
|
|
21
|
+
content="{{ authorPageTitle | slice: 0, 155 | default: page.description }}"
|
|
22
|
+
/>
|
|
23
|
+
<meta
|
|
24
|
+
name="og:description"
|
|
25
|
+
content="{{ authorPageTitle | slice: 0, 155 | default: page.description}}"
|
|
26
|
+
/>
|
|
27
|
+
<meta
|
|
28
|
+
property="og:title"
|
|
29
|
+
content="{{ authorPageTitle | default: page.title }}"
|
|
30
|
+
/>
|
|
31
|
+
<meta property="og:type" content="profile" />
|
|
32
|
+
<meta property="og:locale" content="en_US" />
|
|
33
|
+
<meta property="og:site_name" content="{{site.name }}" />
|
|
34
|
+
<meta property="og:url" content="{{site.url | append: page.url}}" />
|
|
35
|
+
<meta name="author" content="{{ author_name | default: page.title }}" />
|
|
36
|
+
<title>{{authorPageTitle | default: page.title}}</title>
|
|
37
|
+
<link
|
|
38
|
+
rel="stylesheet"
|
|
39
|
+
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.0/css/all.min.css"
|
|
40
|
+
/>
|
|
41
|
+
<link
|
|
42
|
+
rel="stylesheet"
|
|
43
|
+
href="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/css/bootstrap.min.css"
|
|
44
|
+
/>
|
|
45
|
+
<link rel="stylesheet" href="{{'/assets/css/blog.css' | relative_url }}" />
|
|
46
|
+
{%- include google-analytics.html -%}
|
|
47
|
+
</head>
|
|
@@ -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 != "" %}
|