appscms-tools-theme 2.3.2 → 2.3.5
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/theframe.json +1 -33
- data/_includes/head/index.html +4 -0
- data/_includes/header/index.html +58 -184
- data/_layouts/imagekit.html +123 -0
- data/assets/css/imagekit.css +739 -0
- data/assets/css/tools.css +21 -4
- data/assets/images/addimg.svg +3 -0
- metadata +5 -2
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA256:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: f6b7fec602ee60be39ce9c470b42db5dc4d494f6383d58fd3571a2d96064a0e9
|
|
4
|
+
data.tar.gz: ae99cc7549d9826c4af2a70b12b30600f2e1ce8780ce9c99102d8f0c4c018c0d
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: cec0b9b3c55f99b5d8e64c72eaa0bf3dcf5f01b83b4da29e0ff4ed7920a7fa71e3b9ec5cd4765dcb7d921dd8b3d62b478058f3ca453a49e974a3327687325dee
|
|
7
|
+
data.tar.gz: 8dd336f0aa8944ebb963f06a84197d6c5fbe46b025c5bb6898b1fbe6cb271c4186b2b1485ddb4b9e096a200dcd0616606a6566f0e8ed7fa543adf0276384bf53
|
|
@@ -19,38 +19,6 @@
|
|
|
19
19
|
}
|
|
20
20
|
],
|
|
21
21
|
"jsfilepaths": [
|
|
22
|
-
"/assets/js/googledrive.js"
|
|
23
|
-
"https://cdnjs.cloudflare.com/ajax/libs/cropperjs/1.5.12/cropper.min.js",
|
|
24
|
-
"/assets/js/frame.js"
|
|
25
|
-
],
|
|
26
|
-
"cssfilepaths": [
|
|
27
|
-
"https://cdnjs.cloudflare.com/ajax/libs/cropperjs/1.5.12/cropper.css",
|
|
28
|
-
"/assets/css/frame.css"
|
|
29
|
-
],
|
|
30
|
-
"mainPreviewImage": "https://cdn.photofunia.com/effects/balloon/icons/medium.jpg",
|
|
31
|
-
"imageSamples": [
|
|
32
|
-
"https://cdn.photofunia.com/effects/balloon/icons/medium.jpg",
|
|
33
|
-
"https://cdn.photofunia.com/effects/balloon/icons/medium.jpg",
|
|
34
|
-
"https://cdn.photofunia.com/effects/balloon/icons/medium.jpg",
|
|
35
|
-
"https://cdn.photofunia.com/effects/balloon/icons/medium.jpg"
|
|
36
|
-
],
|
|
37
|
-
"image": {
|
|
38
|
-
"src": "/assets/images/gallary.png",
|
|
39
|
-
"height": 277,
|
|
40
|
-
"width": 378,
|
|
41
|
-
"x": 110,
|
|
42
|
-
"y": 180
|
|
43
|
-
},
|
|
44
|
-
"effectImagePath": "/assets/images/gallary.png",
|
|
45
|
-
"elements": [
|
|
46
|
-
{
|
|
47
|
-
"type": "image",
|
|
48
|
-
"label": "Choose Your Image"
|
|
49
|
-
},
|
|
50
|
-
{
|
|
51
|
-
"type": "text",
|
|
52
|
-
"id": "text-1",
|
|
53
|
-
"label": "text"
|
|
54
|
-
}
|
|
22
|
+
"/assets/js/googledrive.js"
|
|
55
23
|
]
|
|
56
24
|
}
|
data/_includes/head/index.html
CHANGED
|
@@ -108,6 +108,10 @@
|
|
|
108
108
|
<link rel="stylesheet" href="/assets/css/common-page.css" {%- if site.crossorigin -%} {{ }} crossorigin="anonymous"
|
|
109
109
|
{%- endif -%} />
|
|
110
110
|
{%- endif -%}
|
|
111
|
+
{%- if page.layout == 'imagekit' -%}
|
|
112
|
+
<link rel="stylesheet" href="/assets/css/imagekit.css" {%- if site.crossorigin -%} {{ }} crossorigin="anonymous" {%-
|
|
113
|
+
endif -%} />
|
|
114
|
+
{%- endif -%}
|
|
111
115
|
|
|
112
116
|
<meta data-rh="true" property="og:image" content="{{site.url}}{{favicon}}" />
|
|
113
117
|
<meta property="og:title" content="{{title}}" />
|
data/_includes/header/index.html
CHANGED
|
@@ -4,212 +4,86 @@
|
|
|
4
4
|
{% assign folder = page.folderName %}
|
|
5
5
|
{% assign Data= site.data[folder][lang][file] %}
|
|
6
6
|
|
|
7
|
-
{%- if page.layout == 'home-1' or page.layout == "feature-1" -%}
|
|
8
|
-
<header class="home1-nav-header">
|
|
9
|
-
<nav class="header-navbar navbar navbar-expand-lg">
|
|
10
|
-
<div class="container px-0">
|
|
11
|
-
{% if dataToShow.navbarBrandText != "" %}
|
|
12
|
-
<a class="navbar-brand" href="/" title="{{dataToShow.navbarBrandText}}">{{dataToShow.navbarBrandText}}</a>
|
|
13
|
-
{% else %}
|
|
14
|
-
<a href="/">
|
|
15
|
-
<img class="header-logo-height" src="{{ dataToShow.navbarBrandLogo }}" alt="{{ dataToShow.navbarBrandLogo }}"
|
|
16
|
-
{%- if site.crossorigin -%} crossorigin {%- endif -%}>
|
|
17
|
-
</a>
|
|
18
|
-
{% endif %}
|
|
19
|
-
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent"
|
|
20
|
-
aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
|
|
21
|
-
<div class="header_bars"></div>
|
|
22
|
-
<div class="header_bars"></div>
|
|
23
|
-
<div class="header_bars"></div>
|
|
24
|
-
</button>
|
|
25
7
|
|
|
26
|
-
|
|
27
|
-
{%- if Data.megaMenu -%}
|
|
28
|
-
<li class="nav-item header_nav__item">
|
|
29
|
-
<a class="dropdown-toggle ml-lg-5" href="#" id="navbarDropdown" role="button" data-toggle="dropdown"
|
|
30
|
-
aria-haspopup="true" aria-expanded="false">
|
|
31
|
-
{{Data.megaMenu.nav-link-name}}
|
|
32
|
-
</a>
|
|
33
|
-
<ul class="dropmenu dropdown-menu" style="border-bottom: 0; box-shadow: 0 8px 5px -6px rgb(0 0 0 / 9%);"
|
|
34
|
-
aria-labelledby="navbarDropdown">
|
|
35
|
-
<div class="inner-dropdown">
|
|
36
|
-
{%- for item in Data.megaMenu.dropdown -%}
|
|
37
|
-
<div class="catPad mb-4">
|
|
38
|
-
<li class="tools_list_categoryName">{{item.categoryName}}</li>
|
|
39
|
-
<div> {%- for item in item.links -%}
|
|
40
|
-
<li>
|
|
41
|
-
<a class="tools_list_featureName" href="{{item.url}}">
|
|
42
|
-
{%- if item.iconSrc -%}
|
|
43
|
-
<img class="d-inline mr-2" loading="lazy" style="height:20px;width:20px;" src="{{item.iconSrc}}"
|
|
44
|
-
{%- if site.crossorigin -%} crossorigin {%- endif -%}>
|
|
45
|
-
{%- endif -%}
|
|
46
|
-
{{item.name}}
|
|
47
|
-
</a>
|
|
48
|
-
</li>
|
|
49
|
-
{%- endfor -%}
|
|
50
|
-
</div>
|
|
51
|
-
</div>
|
|
52
|
-
{%- endfor -%}
|
|
53
|
-
</div>
|
|
54
|
-
</ul>
|
|
55
|
-
</li>
|
|
56
|
-
{%- else -%}
|
|
57
|
-
{%- if dataToShow.megaMenu -%}
|
|
58
|
-
<li class="nav-item header_nav__item">
|
|
59
|
-
<a class="dropdown-toggle ml-lg-5" href="#" id="navbarDropdown" role="button" data-toggle="dropdown"
|
|
60
|
-
aria-haspopup="true" aria-expanded="false">
|
|
61
|
-
{{dataToShow.megaMenu.nav-link-name}}
|
|
62
|
-
</a>
|
|
63
|
-
<ul class="dropmenu dropdown-menu" aria-labelledby="navbarDropdown">
|
|
64
|
-
<div class="inner-dropdown">
|
|
65
|
-
{%- for item in dataToShow.megaMenu.dropdown -%}
|
|
66
|
-
<div class="catPad mb-4">
|
|
67
|
-
<li class="tools_list_categoryName">{{item.categoryName}}</li>
|
|
68
|
-
<div> {%- for item in item.links -%}
|
|
69
|
-
<li>
|
|
70
|
-
<a class="tools_list_featureName" href="{{item.url}}">
|
|
71
|
-
{%- if item.iconSrc -%}
|
|
72
|
-
<img class="d-inline mr-2" loading="lazy" style="height:20px;width:20px;" src="{{item.iconSrc}}"
|
|
73
|
-
{%- if site.crossorigin -%} crossorigin {%- endif -%}>
|
|
74
|
-
{%- endif -%}
|
|
75
|
-
{{item.name}}</a>
|
|
76
|
-
</li>
|
|
77
|
-
{%- endfor -%}
|
|
78
|
-
</div>
|
|
79
|
-
</div>
|
|
80
|
-
{%- endfor -%}
|
|
81
|
-
</div>
|
|
82
|
-
</ul>
|
|
83
|
-
</li>
|
|
84
|
-
{%- endif -%}
|
|
85
|
-
{%- endif -%}
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
<ul class="navbar-nav">
|
|
89
|
-
{% for item in dataToShow.navItems %}
|
|
90
|
-
<li class="nav-item header_nav__item">
|
|
91
|
-
<a href="{{item.url}}">{{item.name}}</a>
|
|
92
|
-
</li>
|
|
93
|
-
{% endfor %}
|
|
94
|
-
</ul>
|
|
95
|
-
</div>
|
|
96
|
-
</div>
|
|
97
|
-
</nav>
|
|
98
|
-
</header>
|
|
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
|
-
{%- else -%}
|
|
124
|
-
<header class="nav-header">
|
|
8
|
+
<header id="header">
|
|
125
9
|
<nav class="navbar navbar-expand-lg py-3 px-sm-2">
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
<
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
{%- for item in
|
|
152
|
-
<
|
|
153
|
-
<
|
|
154
|
-
|
|
155
|
-
<
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
{{item.name}}
|
|
162
|
-
</a>
|
|
163
|
-
</li>
|
|
164
|
-
{%- endfor -%}
|
|
165
|
-
</div>
|
|
166
|
-
</div>
|
|
10
|
+
{% if dataToShow.navbarBrandText != "" %}
|
|
11
|
+
<a class="navbar-brand" href="/" title="{{dataToShow.navbarBrandText}}">{{dataToShow.navbarBrandText}}</a>
|
|
12
|
+
{% else %}
|
|
13
|
+
<a href="/">
|
|
14
|
+
<img class="logo-height" src="{{ dataToShow.navbarBrandLogo }}" alt="{{ dataToShow.navbarBrandLogo }}" {%- if
|
|
15
|
+
site.crossorigin -%} crossorigin {%- endif -%}>
|
|
16
|
+
</a>
|
|
17
|
+
{% endif %}
|
|
18
|
+
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent"
|
|
19
|
+
aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
|
|
20
|
+
<i class="fa fa-bars fa_bars" aria-hidden="true"></i>
|
|
21
|
+
</button>
|
|
22
|
+
|
|
23
|
+
<div class="collapse navbar-collapse" id="navbarSupportedContent">
|
|
24
|
+
{%- if Data.megaMenu -%}
|
|
25
|
+
<div class="nav-item nav__item">
|
|
26
|
+
<a class="dropdown-toggle ml-lg-5" href="#" id="navbarDropdown" role="button" data-toggle="dropdown"
|
|
27
|
+
aria-haspopup="true" aria-expanded="false">
|
|
28
|
+
{{Data.megaMenu.nav-link-name}}
|
|
29
|
+
</a>
|
|
30
|
+
<div class="dropmenu dropdown-menu" aria-labelledby="navbarDropdown">
|
|
31
|
+
<div class="inner-dropdown">
|
|
32
|
+
{%- for item in Data.megaMenu.dropdown -%}
|
|
33
|
+
<div class="catPad mb-4">
|
|
34
|
+
<li class="text-muted">{{item.categoryName}}</li>
|
|
35
|
+
{%- for item in item.links -%}
|
|
36
|
+
<li>
|
|
37
|
+
<a href="{{item.url}}">
|
|
38
|
+
{%- if item.iconSrc -%}
|
|
39
|
+
<img class="d-inline mr-2" loading="lazy" style="height:20px;width:20px;" src="{{item.iconSrc}}" {%-
|
|
40
|
+
if site.crossorigin -%} crossorigin {%- endif -%}>
|
|
41
|
+
{%- endif -%}
|
|
42
|
+
{{item.name}}
|
|
43
|
+
</a>
|
|
44
|
+
</li>
|
|
167
45
|
{%- endfor -%}
|
|
168
46
|
</div>
|
|
169
|
-
|
|
170
|
-
|
|
47
|
+
{%- endfor -%}
|
|
48
|
+
</div>
|
|
49
|
+
</d>
|
|
50
|
+
</div>
|
|
171
51
|
{%- else -%}
|
|
172
52
|
{%- if dataToShow.megaMenu -%}
|
|
173
|
-
<
|
|
53
|
+
<div class="nav-item nav__item">
|
|
174
54
|
<a class="dropdown-toggle ml-lg-5" href="#" id="navbarDropdown" role="button" data-toggle="dropdown"
|
|
175
55
|
aria-haspopup="true" aria-expanded="false">
|
|
176
56
|
{{dataToShow.megaMenu.nav-link-name}}
|
|
177
57
|
</a>
|
|
178
|
-
<
|
|
58
|
+
<div class="dropmenu dropdown-menu" aria-labelledby="navbarDropdown">
|
|
179
59
|
<div class="inner-dropdown">
|
|
180
60
|
{%- for item in dataToShow.megaMenu.dropdown -%}
|
|
181
61
|
<div class="catPad mb-4">
|
|
182
62
|
<li class="text-muted">{{item.categoryName}}</li>
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
|
|
188
|
-
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
|
|
193
|
-
</div>
|
|
63
|
+
{%- for item in item.links -%}
|
|
64
|
+
<li>
|
|
65
|
+
<a href="{{item.url}}">
|
|
66
|
+
{%- if item.iconSrc -%}
|
|
67
|
+
<img class="d-inline mr-2" loading="lazy" style="height:20px;width:20px;" src="{{item.iconSrc}}" {%-
|
|
68
|
+
if site.crossorigin -%} crossorigin {%- endif -%}>
|
|
69
|
+
{%- endif -%}
|
|
70
|
+
{{item.name}}</a>
|
|
71
|
+
</li>
|
|
72
|
+
{%- endfor -%}
|
|
194
73
|
</div>
|
|
195
74
|
{%- endfor -%}
|
|
196
75
|
</div>
|
|
197
|
-
</
|
|
198
|
-
</
|
|
76
|
+
</div>
|
|
77
|
+
</div>
|
|
199
78
|
{%- endif -%}
|
|
200
79
|
{%- endif -%}
|
|
201
|
-
|
|
202
|
-
|
|
203
|
-
<ul class="navbar-nav">
|
|
80
|
+
<div class="navbar-nav">
|
|
204
81
|
{% for item in dataToShow.navItems %}
|
|
205
82
|
<li class="nav-item nav__item mr-auto">
|
|
206
83
|
<a href="{{item.url}}">{{item.name}}</a>
|
|
207
84
|
</li>
|
|
208
85
|
{% endfor %}
|
|
209
|
-
|
|
210
|
-
|
|
211
|
-
</div>
|
|
86
|
+
</d>
|
|
87
|
+
</div>
|
|
212
88
|
</nav>
|
|
213
|
-
|
|
214
|
-
</header>
|
|
215
|
-
{%- endif -%}
|
|
89
|
+
</header>
|
|
@@ -0,0 +1,123 @@
|
|
|
1
|
+
---
|
|
2
|
+
layout: feature
|
|
3
|
+
---
|
|
4
|
+
|
|
5
|
+
|
|
6
|
+
|
|
7
|
+
<div class="container">
|
|
8
|
+
{%- assign pageData = site.data[page.folderName][page.lang][page.fileName] -%}
|
|
9
|
+
<div class="custom-box" style="background-color:{{pageData.color}};">
|
|
10
|
+
<div class="inner-box">
|
|
11
|
+
<div style="display:none;" id="file-loader"><img class="mb-2" src="/spinner.gif" alt="">
|
|
12
|
+
<p>Please Wait ,Loading Your file </p>
|
|
13
|
+
</div>
|
|
14
|
+
<div class="saving-file-download-wrap" style="display: none;">
|
|
15
|
+
<img loading="lazy" class="trust-img" src="/trust.svg" alt="trust">
|
|
16
|
+
<p class="text-white my-2">Thanks for your patience</p>
|
|
17
|
+
<button class="btn" id="download-zip">Download</button>
|
|
18
|
+
</div>
|
|
19
|
+
<div class="file-input">
|
|
20
|
+
<div class="mb-4 d-flex justify-content-center">
|
|
21
|
+
<svg xmlns="http://www.w3.org/2000/svg" id="img-svg" viewBox="0 0 96 60">
|
|
22
|
+
<path fill="white"
|
|
23
|
+
d="M61.9655252,3.24869071 L61.9765763,3.41278068 L62.045,5.866 L73.2405238,6.25793424 C74.5651997,6.30419294 75.6130942,7.37295092 75.6521743,8.67919891 L75.6517521,8.84366004 L73.9765763,56.8144197 C73.9303176,58.1390957 72.8615596,59.1869902 71.5553116,59.2260703 L71.3908505,59.2256481 L68.3103384,59.1184351 C68.0464245,59.8400339 67.3786666,60.3670921 66.5807111,60.425963 L66.4314488,60.4314488 L66.4314488,60.4314488 L30.4314488,60.4314488 C29.3268793,60.4314488 28.4314488,59.5360183 28.4314488,58.4314488 L28.431,55.114 L25.262454,55.2256481 C23.9377781,55.2719068 22.8178834,54.2788497 22.6877793,52.9785097 L22.6767282,52.8144197 L21.0015524,4.84366004 C20.9552937,3.51898409 21.9483508,2.39908942 23.2486907,2.2689853 L23.4127807,2.25793424 L59.3908505,1.00155235 C60.7155264,0.955293651 61.8354211,1.94835077 61.9655252,3.24869071 Z M54.2794488,39.4234488 L45.0024366,47.6809882 L40.7104488,42.4274488 L29.431,51.895 L29.4314488,58.4314488 C29.4314488,58.9442846 29.817489,59.3669559 30.3148276,59.424721 L30.4314488,59.4314488 L66.4314488,59.4314488 C66.9442846,59.4314488 67.3669559,59.0454086 67.424721,58.5480699 L67.4314488,58.4314488 L67.4304488,52.8324488 L54.2794488,39.4234488 Z M37.2275545,6.00094318 C36.4483334,5.97373218 35.7872098,6.54589593 35.688023,7.30354781 L35.676119,7.44768018 L35.676,8.431 L60.4314488,8.43144877 L68.4314488,16.4314488 L68.431,58.121 L71.4257499,58.2262572 C72.2049711,58.2534682 72.8660946,57.6813045 72.9652815,56.9236526 L72.9771854,56.7795202 L74.6523613,8.80876055 C74.6795723,8.0295394 74.1074085,7.36841587 73.3497567,7.26922904 L73.2056243,7.25732506 L37.2275545,6.00094318 Z M59.4257499,2.00094318 L23.4476802,3.25732506 C22.668459,3.28453606 22.0488581,3.9014237 22.002764,4.6641489 L22.0009432,4.80876055 L23.676119,52.7795202 C23.70333,53.5587414 24.3202177,54.1783423 25.0829429,54.2244364 L25.2275545,54.2262572 L28.431,54.114 L28.4314488,10.4314488 C28.4314488,9.32687927 29.3268793,8.43144877 30.4314488,8.43144877 L34.611,8.431 L34.6767282,7.41278068 C34.7229869,6.08810473 35.7917449,5.04021022 37.0979929,5.00113017 L37.262454,5.00155235 L61.045,5.831 L60.9771854,3.44768018 C60.9499744,2.66845903 60.3330868,2.04885809 59.5703616,2.00276399 L59.4257499,2.00094318 Z M59.431,9.431 L30.4314488,9.43144877 C29.9186129,9.43144877 29.4959416,9.81748896 29.4381765,10.3148276 L29.4314488,10.4314488 L29.431,50.591 L40.8439098,41.010846 L45.1168036,46.2404726 L54.3266522,38.0432874 L67.431,51.405 L67.431,17.431 L59.4314488,17.4314488 L59.431,9.431 Z M58.4314488,26.4314488 C60.088303,26.4314488 61.4314488,27.7745945 61.4314488,29.4314488 C61.4314488,31.088303 60.088303,32.4314488 58.4314488,32.4314488 C56.7745945,32.4314488 55.4314488,31.088303 55.4314488,29.4314488 C55.4314488,27.7745945 56.7745945,26.4314488 58.4314488,26.4314488 Z M60.431,9.846 L60.431,16.431 L67.016,16.431 L60.431,9.846 Z">
|
|
24
|
+
</path>
|
|
25
|
+
</svg>
|
|
26
|
+
</div>
|
|
27
|
+
<div class="d-flex justify-content-center align-items-center ">
|
|
28
|
+
<div id="Inputbox" class="boxes"> <img height="22px" class="mr-1" width="22px"
|
|
29
|
+
src="/assets/images/addimg.svg" />
|
|
30
|
+
<span class='ml-1'>CHOOSE FILE</span>
|
|
31
|
+
</div>
|
|
32
|
+
<div class="file-pick-dropdown">
|
|
33
|
+
<i class="fas fa-angle-down arrow-sign "></i>
|
|
34
|
+
<div class="file-picker-dropdown" style="display: none;">
|
|
35
|
+
<button id="dropbox"> <svg viewBox="0 0 24 24" fill="#0061FF"
|
|
36
|
+
xmlns="http://www.w3.org/2000/svg">
|
|
37
|
+
<path id="icon"
|
|
38
|
+
d="M12.0146 6.57367L6.50732 10.1473L12.0146 13.721L6.50732 17.2947L1 13.6912L6.50732 10.1176L1 6.57367L6.50732 3L12.0146 6.57367ZM6.47803 18.4263L11.9854 14.8527L17.4927 18.4263L11.9854 22L6.47803 18.4263ZM12.0146 13.6912L17.522 10.1176L12.0146 6.57367L17.4927 3L23 6.57367L17.4927 10.1473L23 13.721L17.4927 17.2947L12.0146 13.6912Z">
|
|
39
|
+
</path>
|
|
40
|
+
</svg> From Dropbox</button>
|
|
41
|
+
<button id='filepicker'> <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
|
|
42
|
+
<path id="Path" d="M8.33331 3H15.6666L23 15H15.6666L8.33331 3Z" fill="#FFC107">
|
|
43
|
+
</path>
|
|
44
|
+
<path id="Path_2" d="M4.6012 21L8.30086 15H23L19.3333 21H4.6012Z" fill="#1976D2">
|
|
45
|
+
</path>
|
|
46
|
+
<path id="Path_3" d="M1 15.0625L4.60119 21L12 9L8.33333 3L1 15.0625Z"
|
|
47
|
+
fill="#4CAF50">
|
|
48
|
+
</path>
|
|
49
|
+
</svg> From Google Drive</button>
|
|
50
|
+
</div>
|
|
51
|
+
</div>
|
|
52
|
+
</div>
|
|
53
|
+
<p id="dropfile">or drop your file here</p>
|
|
54
|
+
</div>
|
|
55
|
+
</div>
|
|
56
|
+
</div>
|
|
57
|
+
|
|
58
|
+
<div class="workspace" style="display: none;">
|
|
59
|
+
<div class="row">
|
|
60
|
+
<div class="col-12">
|
|
61
|
+
<div class="download-wrapper mt-3">
|
|
62
|
+
|
|
63
|
+
<div class="row rowclass">
|
|
64
|
+
<div class="col-md-7">
|
|
65
|
+
<div class="d-flex align-items-center">
|
|
66
|
+
<div class="select-format-title">image's format</div>
|
|
67
|
+
<div class="download-format">
|
|
68
|
+
<select name="image-format" id="image-format">
|
|
69
|
+
<option value="png">png</option>
|
|
70
|
+
<option value="jpg">jpg</option>
|
|
71
|
+
<option value="jpeg">jpeg</option>
|
|
72
|
+
<option value="webp">webp</option>
|
|
73
|
+
<option value="gif">gif</option>
|
|
74
|
+
</select>
|
|
75
|
+
</div>
|
|
76
|
+
</div>
|
|
77
|
+
</div>
|
|
78
|
+
<div class="col-md-5">
|
|
79
|
+
<div class="d-flex align-items-center">
|
|
80
|
+
<button id="download-button" style="background-color: {{pageData.color}};"><svg
|
|
81
|
+
xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
|
|
82
|
+
<path
|
|
83
|
+
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" />
|
|
84
|
+
</svg>Download</button>
|
|
85
|
+
</div>
|
|
86
|
+
</div>
|
|
87
|
+
</div>
|
|
88
|
+
|
|
89
|
+
|
|
90
|
+
|
|
91
|
+
</div>
|
|
92
|
+
|
|
93
|
+
</div>
|
|
94
|
+
</div>
|
|
95
|
+
{%- if page.commonStructure != false -%}
|
|
96
|
+
<div class="row">
|
|
97
|
+
<div class="col-md-7 mx-auto">
|
|
98
|
+
<div class="select-img-panel">
|
|
99
|
+
<div id="saving-data" style="display: none;">
|
|
100
|
+
<img loading="lazy" src="/assets/images/loader.gif" alt="saving"> <span class="ml-2">Saving your
|
|
101
|
+
images...</span>
|
|
102
|
+
</div>
|
|
103
|
+
<div id="canvas-box-panel">
|
|
104
|
+
</div>
|
|
105
|
+
</div>
|
|
106
|
+
</div>
|
|
107
|
+
<div class="col-md-5">
|
|
108
|
+
<div class="options-panel">
|
|
109
|
+
{%- if pageData.optionPanelTitle -%}
|
|
110
|
+
<div class="title">
|
|
111
|
+
{{pageData.optionPanelTitle}}
|
|
112
|
+
</div>
|
|
113
|
+
{%- endif -%}
|
|
114
|
+
{{content}}
|
|
115
|
+
</div>
|
|
116
|
+
</div>
|
|
117
|
+
</div>
|
|
118
|
+
{%- else -%}
|
|
119
|
+
{{content}}
|
|
120
|
+
{%- endif -%}
|
|
121
|
+
</div>
|
|
122
|
+
|
|
123
|
+
</div>
|
|
@@ -0,0 +1,739 @@
|
|
|
1
|
+
#img-svg {
|
|
2
|
+
margin: auto;
|
|
3
|
+
margin-top: 16px;
|
|
4
|
+
height: 67px;
|
|
5
|
+
width: 98px;
|
|
6
|
+
}
|
|
7
|
+
|
|
8
|
+
#file-loader {
|
|
9
|
+
display: flex;
|
|
10
|
+
align-items: center;
|
|
11
|
+
flex-direction: column;
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
#file-loader img {
|
|
15
|
+
height: 60px;
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
#file-loader p {
|
|
19
|
+
text-align: center;
|
|
20
|
+
color: #fff;
|
|
21
|
+
font-size: 17px;
|
|
22
|
+
}
|
|
23
|
+
|
|
24
|
+
#loading-img {
|
|
25
|
+
height: 27px;
|
|
26
|
+
width: 27px;
|
|
27
|
+
margin-right: 21px;
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
#dropbox svg,
|
|
31
|
+
#filepicker svg,
|
|
32
|
+
.boxes svg {
|
|
33
|
+
height: 24px !important;
|
|
34
|
+
width: 24px !important;
|
|
35
|
+
}
|
|
36
|
+
|
|
37
|
+
.file-picker-dropdown a,
|
|
38
|
+
.file-picker-dropdown button {
|
|
39
|
+
border: none;
|
|
40
|
+
width: 100%;
|
|
41
|
+
border-radius: 4px;
|
|
42
|
+
text-align: left;
|
|
43
|
+
background: #fff;
|
|
44
|
+
font-weight: 400;
|
|
45
|
+
font-size: 16px;
|
|
46
|
+
line-height: 24px;
|
|
47
|
+
padding: 15px 24px;
|
|
48
|
+
list-style: none;
|
|
49
|
+
height: 54px;
|
|
50
|
+
}
|
|
51
|
+
|
|
52
|
+
.file-picker-dropdown {
|
|
53
|
+
width: 213px;
|
|
54
|
+
position: absolute;
|
|
55
|
+
background: #fff;
|
|
56
|
+
top: 111%;
|
|
57
|
+
right: 0;
|
|
58
|
+
display: none;
|
|
59
|
+
box-shadow: rgb(26 26 26 / 20%) 0 0 12px;
|
|
60
|
+
border-radius: 4px;
|
|
61
|
+
}
|
|
62
|
+
|
|
63
|
+
.file-pick-dropdown i {
|
|
64
|
+
margin: 0;
|
|
65
|
+
}
|
|
66
|
+
|
|
67
|
+
.boxes {
|
|
68
|
+
background: #fff;
|
|
69
|
+
border-radius: 0;
|
|
70
|
+
cursor: pointer;
|
|
71
|
+
display: flex;
|
|
72
|
+
align-items: center;
|
|
73
|
+
padding: 15px 24px;
|
|
74
|
+
height: 54px;
|
|
75
|
+
border-top-left-radius: 4px;
|
|
76
|
+
border-bottom-left-radius: 4px;
|
|
77
|
+
justify-content: center;
|
|
78
|
+
font-size: 15px;
|
|
79
|
+
font-weight: 800;
|
|
80
|
+
color: #000;
|
|
81
|
+
}
|
|
82
|
+
|
|
83
|
+
.file-pick-dropdown {
|
|
84
|
+
color: #000;
|
|
85
|
+
cursor: pointer;
|
|
86
|
+
display: inline-flex;
|
|
87
|
+
background: #fff;
|
|
88
|
+
height: 54px;
|
|
89
|
+
border-left: 1px solid rgba(95, 88, 88, 0.75);
|
|
90
|
+
padding: 13px 20px;
|
|
91
|
+
border-top-right-radius: 4px;
|
|
92
|
+
border-bottom-right-radius: 4px;
|
|
93
|
+
align-items: center;
|
|
94
|
+
position: relative;
|
|
95
|
+
}
|
|
96
|
+
|
|
97
|
+
.crop-img-box {
|
|
98
|
+
background-color: #fff;
|
|
99
|
+
width: 100%;
|
|
100
|
+
border-radius: 0.75em;
|
|
101
|
+
border: 1px solid #f2f2f2;
|
|
102
|
+
box-shadow: 0px 5px 16px -2px rgb(42 115 217 / 20%);
|
|
103
|
+
font-size: 16px;
|
|
104
|
+
height: auto;
|
|
105
|
+
display: none;
|
|
106
|
+
}
|
|
107
|
+
|
|
108
|
+
.custom-box {
|
|
109
|
+
padding: 15px;
|
|
110
|
+
}
|
|
111
|
+
|
|
112
|
+
.inner-box {
|
|
113
|
+
border: 1px dashed rgba(0, 0, 0, 0.15);
|
|
114
|
+
background: rgba(0, 0, 0, 0.1);
|
|
115
|
+
padding: 40px;
|
|
116
|
+
min-height: 300px;
|
|
117
|
+
width: 100%;
|
|
118
|
+
}
|
|
119
|
+
#dropfile {
|
|
120
|
+
font-size: 16px;
|
|
121
|
+
margin-top: 15px;
|
|
122
|
+
text-align: center;
|
|
123
|
+
color: #fff;
|
|
124
|
+
}
|
|
125
|
+
.options-panel {
|
|
126
|
+
box-shadow: 0 2px 4px rgb(0 0 0 / 20%);
|
|
127
|
+
border-radius: 4px;
|
|
128
|
+
padding: 30px;
|
|
129
|
+
width: 100%;
|
|
130
|
+
}
|
|
131
|
+
.options-panel .title {
|
|
132
|
+
width: 100%;
|
|
133
|
+
font-size: 28px;
|
|
134
|
+
line-height: 36px;
|
|
135
|
+
color: #000;
|
|
136
|
+
font-weight: 700;
|
|
137
|
+
text-align: left;
|
|
138
|
+
}
|
|
139
|
+
.options-panel .description {
|
|
140
|
+
width: 100%;
|
|
141
|
+
font-size: 17px;
|
|
142
|
+
color: #666;
|
|
143
|
+
font-weight: 400;
|
|
144
|
+
text-align: left;
|
|
145
|
+
}
|
|
146
|
+
.options-title {
|
|
147
|
+
width: 100%;
|
|
148
|
+
font-size: 17px;
|
|
149
|
+
color: #666;
|
|
150
|
+
font-weight: 400;
|
|
151
|
+
text-align: left;
|
|
152
|
+
}
|
|
153
|
+
.cropper-center {
|
|
154
|
+
position: absolute;
|
|
155
|
+
top: 0 !important;
|
|
156
|
+
left: 0 !important;
|
|
157
|
+
display: grid !important;
|
|
158
|
+
flex-wrap: wrap;
|
|
159
|
+
width: 100% !important;
|
|
160
|
+
height: 100% !important;
|
|
161
|
+
/* height: 0; */
|
|
162
|
+
opacity: 0.75;
|
|
163
|
+
}
|
|
164
|
+
.cropper-center .cell {
|
|
165
|
+
background-color: transparent;
|
|
166
|
+
border-right: 2px dashed #0050e5;
|
|
167
|
+
z-index: 9999;
|
|
168
|
+
}
|
|
169
|
+
.cropper-center .row-item {
|
|
170
|
+
border-bottom: 2px dashed #0050e5;
|
|
171
|
+
display: grid;
|
|
172
|
+
grid-auto-flow: column;
|
|
173
|
+
}
|
|
174
|
+
.last-child {
|
|
175
|
+
border: none !important;
|
|
176
|
+
}
|
|
177
|
+
.row-col-show {
|
|
178
|
+
display: inline-block;
|
|
179
|
+
padding: 4px 18px;
|
|
180
|
+
min-width: 70px;
|
|
181
|
+
text-align: center;
|
|
182
|
+
margin-right: 6px;
|
|
183
|
+
border-radius: 50px;
|
|
184
|
+
font-size: 21px;
|
|
185
|
+
color: #fff;
|
|
186
|
+
font-weight: 900;
|
|
187
|
+
text-decoration: none;
|
|
188
|
+
transition: all 0.3s;
|
|
189
|
+
box-shadow: inset 0 2px 3px rgb(0 0 0 / 30%);
|
|
190
|
+
background-color: #0050e5;
|
|
191
|
+
}
|
|
192
|
+
.buttons-box {
|
|
193
|
+
margin: 12px 0 18px 0;
|
|
194
|
+
display: flex;
|
|
195
|
+
align-items: center;
|
|
196
|
+
}
|
|
197
|
+
.action-buttons {
|
|
198
|
+
display: flex;
|
|
199
|
+
align-items: center;
|
|
200
|
+
justify-content: center;
|
|
201
|
+
cursor: pointer;
|
|
202
|
+
width: 34px;
|
|
203
|
+
height: 34px;
|
|
204
|
+
padding: 1px 8px;
|
|
205
|
+
margin-right: 4px;
|
|
206
|
+
border-radius: 50px;
|
|
207
|
+
background: #ccc;
|
|
208
|
+
font-size: 21px;
|
|
209
|
+
transition: all 0.3s;
|
|
210
|
+
}
|
|
211
|
+
#image-format {
|
|
212
|
+
padding: 6px 33px 6px 16px;
|
|
213
|
+
border-radius: 4px;
|
|
214
|
+
width: 123px;
|
|
215
|
+
border: 1px solid #ccc;
|
|
216
|
+
outline: none;
|
|
217
|
+
margin-left: 7px;
|
|
218
|
+
/* border: none; */
|
|
219
|
+
font-weight: bold;
|
|
220
|
+
font-size: 15px;
|
|
221
|
+
color: #555;
|
|
222
|
+
text-transform: uppercase;
|
|
223
|
+
margin-left: 6px;
|
|
224
|
+
}
|
|
225
|
+
.download-format {
|
|
226
|
+
display: flex;
|
|
227
|
+
align-items: center;
|
|
228
|
+
/* border-bottom: 1px solid #ddd; */
|
|
229
|
+
padding: 0px 24px;
|
|
230
|
+
}
|
|
231
|
+
.download-wrapper {
|
|
232
|
+
display: flex;
|
|
233
|
+
justify-content: space-between;
|
|
234
|
+
margin-bottom: 24px;
|
|
235
|
+
}
|
|
236
|
+
.select-format-title {
|
|
237
|
+
position: relative;
|
|
238
|
+
display: inline-block;
|
|
239
|
+
/* padding: 0 24px; */
|
|
240
|
+
font-size: 16px;
|
|
241
|
+
padding: 0px 24px 0px 0px;
|
|
242
|
+
color: #066;
|
|
243
|
+
border-right: 1px solid #eee;
|
|
244
|
+
text-decoration: none;
|
|
245
|
+
filter: grayscale(100%);
|
|
246
|
+
display: flex;
|
|
247
|
+
justify-content: left;
|
|
248
|
+
text-transform: capitalize;
|
|
249
|
+
font-size: 16px;
|
|
250
|
+
font-weight: 600;
|
|
251
|
+
}
|
|
252
|
+
#download-button {
|
|
253
|
+
cursor: pointer;
|
|
254
|
+
display: inline-block;
|
|
255
|
+
width: 130px;
|
|
256
|
+
justify-content: center;
|
|
257
|
+
display: flex;
|
|
258
|
+
align-items: center;
|
|
259
|
+
padding: 10px 0;
|
|
260
|
+
text-align: center;
|
|
261
|
+
border-radius: 4px;
|
|
262
|
+
font-size: 16px;
|
|
263
|
+
color: #fff;
|
|
264
|
+
font-weight: 700;
|
|
265
|
+
text-decoration: none;
|
|
266
|
+
transition: all 0.3s;
|
|
267
|
+
border: none;
|
|
268
|
+
}
|
|
269
|
+
#download-button svg {
|
|
270
|
+
fill: #fff;
|
|
271
|
+
margin-right: 4px;
|
|
272
|
+
height: 20px;
|
|
273
|
+
}
|
|
274
|
+
|
|
275
|
+
#saving-data {
|
|
276
|
+
margin-top: 48px;
|
|
277
|
+
display: flex;
|
|
278
|
+
flex-direction: column;
|
|
279
|
+
justify-content: center;
|
|
280
|
+
align-items: center;
|
|
281
|
+
}
|
|
282
|
+
#saving-data img {
|
|
283
|
+
height: 100px;
|
|
284
|
+
width: 100px;
|
|
285
|
+
}
|
|
286
|
+
#saving-data span {
|
|
287
|
+
color: #0f0c0c;
|
|
288
|
+
font-size: 20px;
|
|
289
|
+
font-weight: 600;
|
|
290
|
+
}
|
|
291
|
+
#download-zip {
|
|
292
|
+
padding: 10px 16px;
|
|
293
|
+
background: #fff;
|
|
294
|
+
}
|
|
295
|
+
.saving-file-download-wrap {
|
|
296
|
+
display: flex;
|
|
297
|
+
flex-direction: column;
|
|
298
|
+
align-items: center;
|
|
299
|
+
}
|
|
300
|
+
.trust-img {
|
|
301
|
+
height: 80px;
|
|
302
|
+
width: 80px;
|
|
303
|
+
}
|
|
304
|
+
/* new */
|
|
305
|
+
|
|
306
|
+
.pixel-input-title {
|
|
307
|
+
position: relative;
|
|
308
|
+
display: inline-block;
|
|
309
|
+
width: 100%;
|
|
310
|
+
color: #0f0c0c;
|
|
311
|
+
font-weight: 600;
|
|
312
|
+
margin: 4px 0px;
|
|
313
|
+
font-size: 15px;
|
|
314
|
+
text-align: left;
|
|
315
|
+
}
|
|
316
|
+
#maxwidth,
|
|
317
|
+
#maxheight {
|
|
318
|
+
position: relative;
|
|
319
|
+
display: inline-block;
|
|
320
|
+
width: 100%;
|
|
321
|
+
color: #0f0c0c;
|
|
322
|
+
border: 1px solid #ccc;
|
|
323
|
+
margin: 0px;
|
|
324
|
+
font-size: 18px;
|
|
325
|
+
padding: 5px 8px;
|
|
326
|
+
height: 34px;
|
|
327
|
+
box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
|
|
328
|
+
border-top-left-radius: 4px;
|
|
329
|
+
border-bottom-left-radius: 4px;
|
|
330
|
+
}
|
|
331
|
+
.pixel-input {
|
|
332
|
+
display: flex;
|
|
333
|
+
}
|
|
334
|
+
.pixel-input span {
|
|
335
|
+
padding: 6px 12px;
|
|
336
|
+
font-size: 16px;
|
|
337
|
+
font-weight: 400;
|
|
338
|
+
line-height: 1;
|
|
339
|
+
color: #555;
|
|
340
|
+
text-align: center;
|
|
341
|
+
background-color: #eee;
|
|
342
|
+
border: 1px solid #ccc;
|
|
343
|
+
border-top-right-radius: 4px;
|
|
344
|
+
border-bottom-right-radius: 4px;
|
|
345
|
+
}
|
|
346
|
+
#dropdownMenuButton {
|
|
347
|
+
width: 100%;
|
|
348
|
+
text-align: left;
|
|
349
|
+
background: #fff;
|
|
350
|
+
height: 34px;
|
|
351
|
+
display: flex;
|
|
352
|
+
border-radius: 4px;
|
|
353
|
+
align-items: center;
|
|
354
|
+
justify-content: space-between;
|
|
355
|
+
box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
|
|
356
|
+
color: #0f0c0c;
|
|
357
|
+
border: 1px solid #ccc;
|
|
358
|
+
}
|
|
359
|
+
.media-choose {
|
|
360
|
+
height: 88px;
|
|
361
|
+
width: 80px;
|
|
362
|
+
width: 100%;
|
|
363
|
+
border: 2px solid #e8e8e8;
|
|
364
|
+
background: 2px solid #e8e8e8;
|
|
365
|
+
border-radius: 5px;
|
|
366
|
+
display: flex;
|
|
367
|
+
align-items: center;
|
|
368
|
+
justify-content: center;
|
|
369
|
+
}
|
|
370
|
+
.media-choose .show-aspect {
|
|
371
|
+
background: #444;
|
|
372
|
+
border-radius: 5px;
|
|
373
|
+
}
|
|
374
|
+
#media-dimensions .type {
|
|
375
|
+
font-weight: 700;
|
|
376
|
+
font-size: 0.8rem;
|
|
377
|
+
margin-top: 0.25rem;
|
|
378
|
+
line-height: 1.6;
|
|
379
|
+
text-transform: capitalize;
|
|
380
|
+
}
|
|
381
|
+
#media-dimensions .value {
|
|
382
|
+
font-size: 0.75rem;
|
|
383
|
+
color: #909090;
|
|
384
|
+
}
|
|
385
|
+
.dropdown-item i {
|
|
386
|
+
margin-right: 4px;
|
|
387
|
+
}
|
|
388
|
+
#pixel-box-panel canvas {
|
|
389
|
+
max-width: 100%;
|
|
390
|
+
}
|
|
391
|
+
|
|
392
|
+
.colorpalette {
|
|
393
|
+
text-transform: uppercase;
|
|
394
|
+
display: -webkit-box;
|
|
395
|
+
display: -ms-flexbox;
|
|
396
|
+
display: flex;
|
|
397
|
+
-webkit-box-align: center;
|
|
398
|
+
-ms-flex-align: center;
|
|
399
|
+
align-items: center;
|
|
400
|
+
-webkit-box-pack: start;
|
|
401
|
+
-ms-flex-pack: start;
|
|
402
|
+
justify-content: flex-start;
|
|
403
|
+
-ms-flex-wrap: wrap;
|
|
404
|
+
flex-wrap: wrap;
|
|
405
|
+
}
|
|
406
|
+
.colorpalette .text {
|
|
407
|
+
margin-right: 15px;
|
|
408
|
+
display: -webkit-inline-box;
|
|
409
|
+
display: -ms-inline-flexbox;
|
|
410
|
+
display: inline-flex;
|
|
411
|
+
-webkit-box-align: center;
|
|
412
|
+
-ms-flex-align: center;
|
|
413
|
+
align-items: center;
|
|
414
|
+
-webkit-box-pack: start;
|
|
415
|
+
-ms-flex-pack: start;
|
|
416
|
+
justify-content: flex-start;
|
|
417
|
+
-ms-flex-wrap: wrap;
|
|
418
|
+
flex-wrap: wrap;
|
|
419
|
+
width: 100%;
|
|
420
|
+
}
|
|
421
|
+
.colorpalette .text button {
|
|
422
|
+
margin-right: 16px;
|
|
423
|
+
margin-bottom: 0px;
|
|
424
|
+
}
|
|
425
|
+
.colorpalette .icons {
|
|
426
|
+
display: -webkit-inline-box;
|
|
427
|
+
display: -ms-inline-flexbox;
|
|
428
|
+
display: inline-flex;
|
|
429
|
+
-webkit-box-align: center;
|
|
430
|
+
-ms-flex-align: center;
|
|
431
|
+
align-items: center;
|
|
432
|
+
-webkit-box-pack: start;
|
|
433
|
+
-ms-flex-pack: start;
|
|
434
|
+
justify-content: flex-start;
|
|
435
|
+
-ms-flex-wrap: wrap;
|
|
436
|
+
flex-wrap: wrap;
|
|
437
|
+
}
|
|
438
|
+
.colorpalette .colorblock {
|
|
439
|
+
margin-right: 2px;
|
|
440
|
+
margin-bottom: 0px;
|
|
441
|
+
margin-top: 6px;
|
|
442
|
+
height: 25px;
|
|
443
|
+
width: 25px !important;
|
|
444
|
+
border: solid 0px white;
|
|
445
|
+
}
|
|
446
|
+
.colorpalette .ss-main {
|
|
447
|
+
width: calc(100%);
|
|
448
|
+
margin-top: 8px;
|
|
449
|
+
max-width: 480px;
|
|
450
|
+
}
|
|
451
|
+
.colorpalette .ss-main .ss-single-selected {
|
|
452
|
+
display: -webkit-inline-box;
|
|
453
|
+
display: -ms-inline-flexbox;
|
|
454
|
+
display: inline-flex;
|
|
455
|
+
width: calc(100%);
|
|
456
|
+
background-color: #ececec;
|
|
457
|
+
}
|
|
458
|
+
.colorpalette .ss-main .ss-option {
|
|
459
|
+
margin-bottom: 6px;
|
|
460
|
+
}
|
|
461
|
+
.colorpalette .ss-main .ss-option:hover {
|
|
462
|
+
background-color: rgba(0, 0, 0, 0.1) !important;
|
|
463
|
+
}
|
|
464
|
+
.colorpalette .ss-content {
|
|
465
|
+
width: 100%;
|
|
466
|
+
}
|
|
467
|
+
.colorpalette .ss-content .ss-list .ss-option {
|
|
468
|
+
padding: 0px 10px;
|
|
469
|
+
}
|
|
470
|
+
.infoselects {
|
|
471
|
+
width: 100%;
|
|
472
|
+
}
|
|
473
|
+
.filter-wrapper {
|
|
474
|
+
display: flex;
|
|
475
|
+
width: 100%;
|
|
476
|
+
flex-direction: column;
|
|
477
|
+
justify-content: left;
|
|
478
|
+
padding: 12px 0px;
|
|
479
|
+
gap: 6px;
|
|
480
|
+
padding-bottom: 0px;
|
|
481
|
+
}
|
|
482
|
+
.block-wrapper {
|
|
483
|
+
display: flex;
|
|
484
|
+
padding: 12px 0px;
|
|
485
|
+
}
|
|
486
|
+
#blockvalue {
|
|
487
|
+
background: #ccc;
|
|
488
|
+
padding: 2px 4px;
|
|
489
|
+
border-radius: 5px;
|
|
490
|
+
margin-left: 4px;
|
|
491
|
+
}
|
|
492
|
+
|
|
493
|
+
.filter-wrapper label {
|
|
494
|
+
display: block;
|
|
495
|
+
position: relative;
|
|
496
|
+
cursor: pointer;
|
|
497
|
+
font-size: 22px;
|
|
498
|
+
margin-right: auto;
|
|
499
|
+
-webkit-user-select: none;
|
|
500
|
+
-moz-user-select: none;
|
|
501
|
+
-ms-user-select: none;
|
|
502
|
+
user-select: none;
|
|
503
|
+
font-size: 15px;
|
|
504
|
+
}
|
|
505
|
+
|
|
506
|
+
/* Hide the browser's default checkbox */
|
|
507
|
+
.filter-wrapper input {
|
|
508
|
+
position: absolute;
|
|
509
|
+
opacity: 0;
|
|
510
|
+
cursor: pointer;
|
|
511
|
+
height: 0;
|
|
512
|
+
width: 0;
|
|
513
|
+
}
|
|
514
|
+
|
|
515
|
+
/* Create a custom checkbox */
|
|
516
|
+
.checkbox-checkmark {
|
|
517
|
+
position: absolute;
|
|
518
|
+
height: 22px;
|
|
519
|
+
width: 22px;
|
|
520
|
+
border-radius: 4px;
|
|
521
|
+
background-color: #ccc;
|
|
522
|
+
}
|
|
523
|
+
|
|
524
|
+
/* On mouse-over, add a grey background color */
|
|
525
|
+
.filter-wrapper label:hover input ~ .checkbox-checkmark {
|
|
526
|
+
background-color: #ccc;
|
|
527
|
+
}
|
|
528
|
+
|
|
529
|
+
/* When the checkbox is checked, add a blue background */
|
|
530
|
+
.filter-wrapper label input:checked ~ .checkbox-checkmark {
|
|
531
|
+
background-color: #ff5975;
|
|
532
|
+
}
|
|
533
|
+
|
|
534
|
+
/* Create the checkbox-checkmark/indicator (hidden when not checked) */
|
|
535
|
+
.checkbox-checkmark:after {
|
|
536
|
+
content: '';
|
|
537
|
+
position: absolute;
|
|
538
|
+
display: none;
|
|
539
|
+
}
|
|
540
|
+
|
|
541
|
+
/* Show the checkbox-checkmark when checked */
|
|
542
|
+
.filter-wrapper label input:checked ~ .checkbox-checkmark:after {
|
|
543
|
+
display: block;
|
|
544
|
+
}
|
|
545
|
+
|
|
546
|
+
/* Style the checkbox-checkmark/indicator */
|
|
547
|
+
.filter-wrapper label .checkbox-checkmark:after {
|
|
548
|
+
left: 8px;
|
|
549
|
+
top: 4px;
|
|
550
|
+
width: 6px;
|
|
551
|
+
height: 11px;
|
|
552
|
+
border: solid #fff;
|
|
553
|
+
border-width: 0 3px 3px 0;
|
|
554
|
+
-webkit-transform: rotate(45deg);
|
|
555
|
+
-ms-transform: rotate(45deg);
|
|
556
|
+
transform: rotate(45deg);
|
|
557
|
+
}
|
|
558
|
+
input[type='range'] {
|
|
559
|
+
width: 100%;
|
|
560
|
+
-webkit-appearance: none;
|
|
561
|
+
}
|
|
562
|
+
input[type='range']:focus {
|
|
563
|
+
outline: none;
|
|
564
|
+
}
|
|
565
|
+
input[type='range']::-webkit-slider-thumb:focus {
|
|
566
|
+
background-color: #ff5975;
|
|
567
|
+
}
|
|
568
|
+
input[type='range']::-webkit-slider-runnable-track {
|
|
569
|
+
width: 100%;
|
|
570
|
+
height: 3px;
|
|
571
|
+
cursor: pointer;
|
|
572
|
+
box-shadow: none;
|
|
573
|
+
background: #ccc;
|
|
574
|
+
border-radius: 0px;
|
|
575
|
+
border: 0px solid #ff5975;
|
|
576
|
+
}
|
|
577
|
+
input[type='range']::-moz-range-track {
|
|
578
|
+
width: 100%;
|
|
579
|
+
height: 3px;
|
|
580
|
+
cursor: pointer;
|
|
581
|
+
box-shadow: none;
|
|
582
|
+
background: #ccc;
|
|
583
|
+
border-radius: 0px;
|
|
584
|
+
border: 0px solid #ff5975;
|
|
585
|
+
}
|
|
586
|
+
input[type='range']::-webkit-slider-thumb {
|
|
587
|
+
box-shadow: none;
|
|
588
|
+
border: 0px solid #fff;
|
|
589
|
+
height: 15px;
|
|
590
|
+
width: 15px;
|
|
591
|
+
border-radius: 22px;
|
|
592
|
+
background: #ff5975;
|
|
593
|
+
cursor: pointer;
|
|
594
|
+
-webkit-appearance: none;
|
|
595
|
+
margin-top: -5px;
|
|
596
|
+
}
|
|
597
|
+
input[type='range']::-moz-range-thumb {
|
|
598
|
+
box-shadow: none;
|
|
599
|
+
border: 0px solid #fff;
|
|
600
|
+
height: 42px;
|
|
601
|
+
width: 22px;
|
|
602
|
+
border-radius: 22px;
|
|
603
|
+
background: #ff5975;
|
|
604
|
+
cursor: pointer;
|
|
605
|
+
-webkit-appearance: none;
|
|
606
|
+
margin-top: -20px;
|
|
607
|
+
}
|
|
608
|
+
input[type='range']::-moz-focus-outer {
|
|
609
|
+
border: 0;
|
|
610
|
+
}
|
|
611
|
+
.divider {
|
|
612
|
+
padding-top: 12px;
|
|
613
|
+
padding-bottom: 12px;
|
|
614
|
+
border-bottom: 1px solid #ddd;
|
|
615
|
+
}
|
|
616
|
+
#reset {
|
|
617
|
+
border: none;
|
|
618
|
+
color: #0f0c0c;
|
|
619
|
+
font-size: 15px;
|
|
620
|
+
background: #fff;
|
|
621
|
+
padding: 0px;
|
|
622
|
+
padding: 4px 14px;
|
|
623
|
+
border-radius: 5px;
|
|
624
|
+
}
|
|
625
|
+
#reset:hover {
|
|
626
|
+
background: #ff597556;
|
|
627
|
+
}
|
|
628
|
+
#reset i {
|
|
629
|
+
color: #ff5975;
|
|
630
|
+
font-size: 15px;
|
|
631
|
+
margin-right: 3px;
|
|
632
|
+
margin-bottom: 0px;
|
|
633
|
+
}
|
|
634
|
+
#palettes {
|
|
635
|
+
display: none;
|
|
636
|
+
}
|
|
637
|
+
.active-btn {
|
|
638
|
+
background-color: #6666ff;
|
|
639
|
+
color: #fff;
|
|
640
|
+
}
|
|
641
|
+
.radio-label {
|
|
642
|
+
display: flex;
|
|
643
|
+
position: relative;
|
|
644
|
+
cursor: pointer;
|
|
645
|
+
align-items: center;
|
|
646
|
+
margin-right: 15px;
|
|
647
|
+
-webkit-user-select: none;
|
|
648
|
+
-moz-user-select: none;
|
|
649
|
+
-ms-user-select: none;
|
|
650
|
+
user-select: none;
|
|
651
|
+
font-size: 13px;
|
|
652
|
+
margin-bottom: 20px;
|
|
653
|
+
text-transform: capitalize;
|
|
654
|
+
}
|
|
655
|
+
|
|
656
|
+
.radio-label input[type='radio'] {
|
|
657
|
+
position: absolute;
|
|
658
|
+
opacity: 0;
|
|
659
|
+
cursor: pointer;
|
|
660
|
+
height: 0;
|
|
661
|
+
width: 0;
|
|
662
|
+
}
|
|
663
|
+
.radio-label {
|
|
664
|
+
position: relative;
|
|
665
|
+
}
|
|
666
|
+
|
|
667
|
+
.checkmark {
|
|
668
|
+
position: absolute;
|
|
669
|
+
top: 0;
|
|
670
|
+
left: 0;
|
|
671
|
+
height: 30px;
|
|
672
|
+
width: 30px;
|
|
673
|
+
background-color: #eee;
|
|
674
|
+
border-radius: 50%;
|
|
675
|
+
margin-top: 3px;
|
|
676
|
+
}
|
|
677
|
+
|
|
678
|
+
.radio-label:hover input ~ .checkmark {
|
|
679
|
+
background-color: #ccc;
|
|
680
|
+
}
|
|
681
|
+
.radio-label input:checked ~ .checkmark {
|
|
682
|
+
background-color: #6666ff;
|
|
683
|
+
}
|
|
684
|
+
.checkmark:after {
|
|
685
|
+
content: '';
|
|
686
|
+
position: absolute;
|
|
687
|
+
display: none;
|
|
688
|
+
}
|
|
689
|
+
.radio-label input:checked ~ .checkmark:after {
|
|
690
|
+
display: block;
|
|
691
|
+
}
|
|
692
|
+
.radio-label .checkmark:after {
|
|
693
|
+
top: 8px;
|
|
694
|
+
left: 8px;
|
|
695
|
+
width: 14px;
|
|
696
|
+
height: 14px;
|
|
697
|
+
border-radius: 50%;
|
|
698
|
+
background: #fff;
|
|
699
|
+
}
|
|
700
|
+
.label-span {
|
|
701
|
+
margin-left: 37px;
|
|
702
|
+
font-size: 16px;
|
|
703
|
+
margin-top: 4px;
|
|
704
|
+
color: #666666;
|
|
705
|
+
}
|
|
706
|
+
.custom-control-input:checked ~ .custom-control-label::before {
|
|
707
|
+
background: #6666ff;
|
|
708
|
+
}
|
|
709
|
+
.custom-switch .custom-control-label::before {
|
|
710
|
+
left: -2.25rem;
|
|
711
|
+
width: 2.3rem;
|
|
712
|
+
height: 22px;
|
|
713
|
+
pointer-events: all;
|
|
714
|
+
border-radius: 21px;
|
|
715
|
+
}
|
|
716
|
+
.custom-switch {
|
|
717
|
+
display: flex;
|
|
718
|
+
}
|
|
719
|
+
.download-wrapper .rowclass {
|
|
720
|
+
width: -webkit-fill-available;
|
|
721
|
+
}
|
|
722
|
+
.custom-switch .custom-control-label::after {
|
|
723
|
+
top: calc(0.25rem + 5px);
|
|
724
|
+
left: -16px;
|
|
725
|
+
}
|
|
726
|
+
.custom-switch .custom-control-label::after {
|
|
727
|
+
left: -30px;
|
|
728
|
+
}
|
|
729
|
+
.custom-switch .custom-control-label::after {
|
|
730
|
+
width: calc(1.2rem - 4px);
|
|
731
|
+
height: calc(1.2rem - 4px);
|
|
732
|
+
}
|
|
733
|
+
.custom-switch .custom-control-label::after {
|
|
734
|
+
top: calc(0.25rem + 3px);
|
|
735
|
+
}
|
|
736
|
+
.custom-control-label {
|
|
737
|
+
padding-left: 6px;
|
|
738
|
+
color: #666666;
|
|
739
|
+
}
|
data/assets/css/tools.css
CHANGED
|
@@ -31,7 +31,7 @@ a:hover {
|
|
|
31
31
|
top: 0;
|
|
32
32
|
z-index: 10;
|
|
33
33
|
background: #fff;
|
|
34
|
-
|
|
34
|
+
border-bottom: 1px solid #ddd;
|
|
35
35
|
}
|
|
36
36
|
.nav__item {
|
|
37
37
|
margin: 0 !important;
|
|
@@ -1259,6 +1259,23 @@ ol li::marker {
|
|
|
1259
1259
|
background: rgb(238, 238, 238);
|
|
1260
1260
|
border-radius: 3px;
|
|
1261
1261
|
}
|
|
1262
|
-
.row .col-md-9 p{
|
|
1263
|
-
text-align: left;
|
|
1264
|
-
}
|
|
1262
|
+
.row .col-md-9 p {
|
|
1263
|
+
text-align: left;
|
|
1264
|
+
}
|
|
1265
|
+
|
|
1266
|
+
#header {
|
|
1267
|
+
display: block !important;
|
|
1268
|
+
position: sticky;
|
|
1269
|
+
top: 0;
|
|
1270
|
+
z-index: 10;
|
|
1271
|
+
background: #fff;
|
|
1272
|
+
box-shadow: 0 10px 20px -7px #e3e3e39c;
|
|
1273
|
+
}
|
|
1274
|
+
|
|
1275
|
+
.navbar {
|
|
1276
|
+
padding: 1rem 9% !important;
|
|
1277
|
+
}
|
|
1278
|
+
|
|
1279
|
+
.catPad li {
|
|
1280
|
+
margin: 0 0 20px !important;
|
|
1281
|
+
}
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" style="" viewBox="0 0 512 512">
|
|
2
|
+
<path d="M0 256C0 114.6 114.6 0 256 0C397.4 0 512 114.6 512 256C512 397.4 397.4 512 256 512C114.6 512 0 397.4 0 256zM256 368C269.3 368 280 357.3 280 344V280H344C357.3 280 368 269.3 368 256C368 242.7 357.3 232 344 232H280V168C280 154.7 269.3 144 256 144C242.7 144 232 154.7 232 168V232H168C154.7 232 144 242.7 144 256C144 269.3 154.7 280 168 280H232V344C232 357.3 242.7 368 256 368z"/>
|
|
3
|
+
</svg>
|
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: 2.3.
|
|
4
|
+
version: 2.3.5
|
|
5
5
|
platform: ruby
|
|
6
6
|
authors:
|
|
7
7
|
- vivek-appscms
|
|
8
8
|
autorequire:
|
|
9
9
|
bindir: bin
|
|
10
10
|
cert_chain: []
|
|
11
|
-
date: 2022-09-
|
|
11
|
+
date: 2022-09-09 00:00:00.000000000 Z
|
|
12
12
|
dependencies:
|
|
13
13
|
- !ruby/object:Gem::Dependency
|
|
14
14
|
name: jekyll
|
|
@@ -2446,6 +2446,7 @@ files:
|
|
|
2446
2446
|
- _layouts/home-1.html
|
|
2447
2447
|
- _layouts/home.html
|
|
2448
2448
|
- _layouts/homeResultPage.html
|
|
2449
|
+
- _layouts/imagekit.html
|
|
2449
2450
|
- _layouts/page.html
|
|
2450
2451
|
- _layouts/photo-effects-home.html
|
|
2451
2452
|
- _layouts/post.html
|
|
@@ -2465,6 +2466,7 @@ files:
|
|
|
2465
2466
|
- assets/css/filecomparison.css
|
|
2466
2467
|
- assets/css/frame.css
|
|
2467
2468
|
- assets/css/home-1.css
|
|
2469
|
+
- assets/css/imagekit.css
|
|
2468
2470
|
- assets/css/responsive.css
|
|
2469
2471
|
- assets/css/tools.css
|
|
2470
2472
|
- assets/easy.svg
|
|
@@ -2592,6 +2594,7 @@ files:
|
|
|
2592
2594
|
- assets/images/add-image.png
|
|
2593
2595
|
- assets/images/add.png
|
|
2594
2596
|
- assets/images/add.svg
|
|
2597
|
+
- assets/images/addimg.svg
|
|
2595
2598
|
- assets/images/alka.webp
|
|
2596
2599
|
- assets/images/avatar.png
|
|
2597
2600
|
- assets/images/balark.jpeg
|