appscms-tools-theme 2.1.6 → 2.1.7
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 +2 -47
- data/_layouts/calculator.html +1 -0
- data/_layouts/frame.html +6 -2
- data/assets/css/frame.css +148 -0
- metadata +3 -2
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA256:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: 9a8f11e33a5e4fa43b24c3c4e38962363e709bbae4f2cca8d3d754818efeea2c
|
|
4
|
+
data.tar.gz: 67f6ecce54af396a3c938777732506fff204250a6d329c5640930df1f6e4b611
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: eefeeba7c687f986c8b4025107a8a5ae6ca6ce778aeeb9c509c12bae544ac3d069b5e9fa9f3871e7f51d9a5dcae261cc1a4aa633e5e1e14dad287088539088f2
|
|
7
|
+
data.tar.gz: 730943d59eeae6263b46d87a59e4ff02e5d55f4487bb04465d0476e8c34bf32b8f00af91e01eb9c3a3b9e4422f204791677e035a74d0a393882d8a8f94abfcf5
|
|
@@ -4,7 +4,6 @@
|
|
|
4
4
|
"H1": "The frame",
|
|
5
5
|
"H2": "Upload the image and apply your favourite border",
|
|
6
6
|
"color": "#FF5554",
|
|
7
|
-
"img": "/img/964075.png",
|
|
8
7
|
"imgwidth": "35px",
|
|
9
8
|
"imgheight": "35px",
|
|
10
9
|
"imgalt": "altvalue",
|
|
@@ -12,49 +11,7 @@
|
|
|
12
11
|
"variant": "primary",
|
|
13
12
|
"TITLE": "Image border tool- Surround your images with a border",
|
|
14
13
|
"META": "Image border tool helps you to add a simple border frame to your image. You can customize border colour and width. Border sets the focal subject.",
|
|
15
|
-
"TEXTUAL_CONTENT": [
|
|
16
|
-
{
|
|
17
|
-
"priority": 1,
|
|
18
|
-
"logoUrl": "/img/featureproperty/highquality.png",
|
|
19
|
-
"header": "",
|
|
20
|
-
"content": ""
|
|
21
|
-
},
|
|
22
|
-
{
|
|
23
|
-
"priority": 1,
|
|
24
|
-
"logoUrl": "/img/featureproperty/security.png",
|
|
25
|
-
"header": "",
|
|
26
|
-
"content": ""
|
|
27
|
-
},
|
|
28
|
-
{
|
|
29
|
-
"priority": 1,
|
|
30
|
-
"logoUrl": "/img/featureproperty/flexible.png",
|
|
31
|
-
"header": "",
|
|
32
|
-
"content": ""
|
|
33
|
-
},
|
|
34
|
-
{
|
|
35
|
-
"priority": 1,
|
|
36
|
-
"logoUrl": "/img/featureproperty/userfriendly.png",
|
|
37
|
-
"header": "",
|
|
38
|
-
"content": ""
|
|
39
|
-
},
|
|
40
|
-
{
|
|
41
|
-
"priority": 1,
|
|
42
|
-
"logoUrl": "/img/featureproperty/free.png",
|
|
43
|
-
"header": "",
|
|
44
|
-
"content": ""
|
|
45
|
-
},
|
|
46
|
-
{
|
|
47
|
-
"priority": 1,
|
|
48
|
-
"logoUrl": "/img/featureproperty/nodownload.png",
|
|
49
|
-
"header": "",
|
|
50
|
-
"content": ""
|
|
51
|
-
}
|
|
52
|
-
],
|
|
53
|
-
"HOW_TO_CONTENT": {
|
|
54
|
-
"logoImageUrl": "/idea.svg",
|
|
55
|
-
"heading": "",
|
|
56
|
-
"steps": []
|
|
57
|
-
},
|
|
14
|
+
"TEXTUAL_CONTENT": [],
|
|
58
15
|
"FAQ": [
|
|
59
16
|
{
|
|
60
17
|
"question": "",
|
|
@@ -66,8 +23,6 @@
|
|
|
66
23
|
"/js/canvas-image-effects.js"
|
|
67
24
|
],
|
|
68
25
|
"cssfilepaths": [
|
|
69
|
-
"/css/
|
|
70
|
-
"/css/generic.css",
|
|
71
|
-
"/css/common-effects.css"
|
|
26
|
+
"/assets/css/frame.css"
|
|
72
27
|
]
|
|
73
28
|
}
|
data/_layouts/calculator.html
CHANGED
data/_layouts/frame.html
CHANGED
|
@@ -23,8 +23,12 @@ layout: feature
|
|
|
23
23
|
</svg>
|
|
24
24
|
</div>
|
|
25
25
|
<div class="d-flex justify-content-center align-items-center ">
|
|
26
|
-
<div id="Inputbox" class="boxes"> <
|
|
27
|
-
|
|
26
|
+
<div id="Inputbox" class="boxes"> <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"
|
|
27
|
+
fill="currentColor">
|
|
28
|
+
<path
|
|
29
|
+
d="M14.0036 1.99646L17.0036 4.99646L16.999 4.99946L17 5.00001V13H16V5.99946L13 6.00001V2.99946H4V17.9995L12.0275 18.0003C12.0093 17.8361 12 17.6691 12 17.5C12 15.0147 14.0147 13 16.5 13C18.9853 13 21 15.0147 21 17.5C21 19.9853 18.9853 22 16.5 22C14.5409 22 12.8742 20.7481 12.2563 19.0007L3 19V2.00001H14L14.0036 1.99646ZM16.5 14C14.567 14 13 15.567 13 17.5C13 19.433 14.567 21 16.5 21C18.433 21 20 19.433 20 17.5C20 15.567 18.433 14 16.5 14ZM17 15V16.9995L19 17V18L17 17.9995V20H16V17.9995L14 18V17L16 16.9995V15H17ZM11 14V15H6V14H11ZM14 11V12H6V11H14ZM14 8.00001V9.00001H6V8.00001H14ZM14 3.40746V4.99946H15.592L14 3.40746Z">
|
|
30
|
+
</path>
|
|
31
|
+
</svg> <span class='ml-1'>CHOOSE FILE</span> </div>
|
|
28
32
|
<div class="file-pick-dropdown">
|
|
29
33
|
<i class="fas fa-angle-down arrow-sign "></i>
|
|
30
34
|
<div class="file-picker-dropdown" style="display: none;">
|
|
@@ -0,0 +1,148 @@
|
|
|
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
|
+
.custom-box {
|
|
98
|
+
padding: 15px;
|
|
99
|
+
}
|
|
100
|
+
|
|
101
|
+
.inner-box {
|
|
102
|
+
border: 1px dashed rgba(0, 0, 0, 0.15);
|
|
103
|
+
background: rgba(0, 0, 0, 0.1);
|
|
104
|
+
padding: 40px;
|
|
105
|
+
min-height: 300px;
|
|
106
|
+
width: 100%;
|
|
107
|
+
display: flex;
|
|
108
|
+
align-items: center;
|
|
109
|
+
justify-content: center;
|
|
110
|
+
}
|
|
111
|
+
#dropfile {
|
|
112
|
+
font-size: 16px;
|
|
113
|
+
margin-top: 15px;
|
|
114
|
+
text-align: center;
|
|
115
|
+
color: #fff;
|
|
116
|
+
}
|
|
117
|
+
.saving-file-download-wrap {
|
|
118
|
+
display: flex;
|
|
119
|
+
flex-direction: column;
|
|
120
|
+
align-items: center;
|
|
121
|
+
}
|
|
122
|
+
#download {
|
|
123
|
+
padding: 10px 16px;
|
|
124
|
+
background: #fff;
|
|
125
|
+
}
|
|
126
|
+
|
|
127
|
+
.trust-img {
|
|
128
|
+
height: 80px;
|
|
129
|
+
width: 80px;
|
|
130
|
+
}
|
|
131
|
+
.options-panel select,
|
|
132
|
+
textarea,
|
|
133
|
+
input {
|
|
134
|
+
width: 100%;
|
|
135
|
+
text-align: left;
|
|
136
|
+
background: #fff;
|
|
137
|
+
height: 34px;
|
|
138
|
+
display: flex;
|
|
139
|
+
border-radius: 4px;
|
|
140
|
+
align-items: center;
|
|
141
|
+
justify-content: space-between;
|
|
142
|
+
box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
|
|
143
|
+
color: #0f0c0c;
|
|
144
|
+
border: 1px solid #ccc;
|
|
145
|
+
}
|
|
146
|
+
.options-panel div {
|
|
147
|
+
width: 100%;
|
|
148
|
+
}
|
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.1.
|
|
4
|
+
version: 2.1.7
|
|
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-07-
|
|
11
|
+
date: 2022-07-27 00:00:00.000000000 Z
|
|
12
12
|
dependencies:
|
|
13
13
|
- !ruby/object:Gem::Dependency
|
|
14
14
|
name: jekyll
|
|
@@ -2447,6 +2447,7 @@ files:
|
|
|
2447
2447
|
- assets/css/bootstrap.min.css
|
|
2448
2448
|
- assets/css/calculators.css
|
|
2449
2449
|
- assets/css/filecomparison.css
|
|
2450
|
+
- assets/css/frame.css
|
|
2450
2451
|
- assets/css/responsive.css
|
|
2451
2452
|
- assets/css/tools.css
|
|
2452
2453
|
- assets/easy.svg
|