appscms-tools-theme 3.8.8 → 3.9.0
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/_data/download/en/download.json +38 -1
- data/_data/header/en/data.json +1 -1
- data/_data/home/en/posters.json +288 -290
- data/_includes/appscms/head/head.html +10 -5
- data/_includes/appscms/home/feature-boxes.html +1 -1
- data/_includes/appscms/howto/howto.html +1 -3
- data/_includes/appscms/uploadbutton/uploadbutton.html +1 -1
- data/_layouts/appscms-download.html +1 -0
- data/_layouts/appscms-home.html +4 -3
- data/_layouts/appscms-imagekit.html +83 -0
- data/assets/.DS_Store +0 -0
- data/assets/css/appscms-calculator.css +100 -0
- data/assets/css/appscms-feature.css +8 -12
- data/assets/css/appscms-home.css +5 -0
- data/assets/css/appscms-imagekit.css +849 -0
- data/assets/css/appscms-theme.css +148 -54
- data/assets/images/.DS_Store +0 -0
- metadata +5 -2
data/_layouts/appscms-home.html
CHANGED
|
@@ -18,9 +18,10 @@ assign boxColor = site.data[page.folderName][page.lang][page.fileName].color -%}
|
|
|
18
18
|
endif -%}
|
|
19
19
|
</div>
|
|
20
20
|
</div>
|
|
21
|
-
{%- endif -%} {%- include appscms/headings/headings.html -%}
|
|
22
|
-
|
|
23
|
-
|
|
21
|
+
{%- endif -%} {%- include appscms/headings/headings.html -%} {%- if
|
|
22
|
+
site.search -%} {%- include appscms/searchbar/searchbar.html -%} {%- endif
|
|
23
|
+
-%}
|
|
24
|
+
|
|
24
25
|
<!-- {%- include
|
|
25
26
|
appscms/category-tabs/category-tabs.html -%} -->
|
|
26
27
|
{%- include appscms/home/feature-boxes.html -%}
|
|
@@ -0,0 +1,83 @@
|
|
|
1
|
+
---
|
|
2
|
+
layout: appscms-feature
|
|
3
|
+
---
|
|
4
|
+
|
|
5
|
+
<div class="container">
|
|
6
|
+
{%- assign pageData = site.data[page.folderName][page.lang][page.fileName] -%}
|
|
7
|
+
{%- assign pageDisplay = page.display | default: "none" -%}
|
|
8
|
+
<div class="workspace" style="display: {{pageDisplay}}">
|
|
9
|
+
<div class="row">
|
|
10
|
+
<div class="col-12">
|
|
11
|
+
<div class="download-wrapper mt-3">
|
|
12
|
+
<div class="row rowclass">
|
|
13
|
+
<div class="col-7">
|
|
14
|
+
<div class="d-flex align-items-center">
|
|
15
|
+
<div class="select-format-title">image's format</div>
|
|
16
|
+
<div class="download-format">
|
|
17
|
+
<select name="image-format" id="image-format">
|
|
18
|
+
{%- if pageData.downloadFormats -%} {%- for item in
|
|
19
|
+
pageData.downloadFormats -%}
|
|
20
|
+
<option value="{{item}}">{{item}}</option>
|
|
21
|
+
{%- endfor -%} {%- else -%}
|
|
22
|
+
<option value="png">png</option>
|
|
23
|
+
<option value="jpg">jpg</option>
|
|
24
|
+
<option value="jpeg">jpeg</option>
|
|
25
|
+
<option value="webp">webp</option>
|
|
26
|
+
<option value="gif">gif</option>
|
|
27
|
+
{%- endif -%}
|
|
28
|
+
</select>
|
|
29
|
+
</div>
|
|
30
|
+
</div>
|
|
31
|
+
</div>
|
|
32
|
+
<div class="col-5">
|
|
33
|
+
<div class="d-flex align-items-center">
|
|
34
|
+
<button
|
|
35
|
+
id="download-button"
|
|
36
|
+
style="background-color: {{pageData.color}};"
|
|
37
|
+
>
|
|
38
|
+
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
|
|
39
|
+
<path
|
|
40
|
+
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"
|
|
41
|
+
/></svg
|
|
42
|
+
>Download
|
|
43
|
+
</button>
|
|
44
|
+
</div>
|
|
45
|
+
</div>
|
|
46
|
+
</div>
|
|
47
|
+
</div>
|
|
48
|
+
</div>
|
|
49
|
+
</div>
|
|
50
|
+
{%- if page.commonStructure != false -%}
|
|
51
|
+
<div class="row">
|
|
52
|
+
<div class="col-md-7 mx-auto mb-2">
|
|
53
|
+
<div class="select-img-panel">
|
|
54
|
+
<div id="saving-data" style="display: none">
|
|
55
|
+
<img
|
|
56
|
+
loading="lazy"
|
|
57
|
+
src="/assets/images/loader.gif"
|
|
58
|
+
alt="saving"
|
|
59
|
+
{%-
|
|
60
|
+
if
|
|
61
|
+
site.crossorigin
|
|
62
|
+
-%}
|
|
63
|
+
crossorigin
|
|
64
|
+
{%-
|
|
65
|
+
endif
|
|
66
|
+
-%}
|
|
67
|
+
/>
|
|
68
|
+
<span class="ml-2">Saving your images...</span>
|
|
69
|
+
</div>
|
|
70
|
+
<div id="canvas-box-panel"></div>
|
|
71
|
+
</div>
|
|
72
|
+
</div>
|
|
73
|
+
<div class="col-md-5">
|
|
74
|
+
<div class="options-panel">
|
|
75
|
+
{%- if pageData.optionPanelTitle -%}
|
|
76
|
+
<div class="title">{{pageData.optionPanelTitle}}</div>
|
|
77
|
+
{%- endif -%} {{content}}
|
|
78
|
+
</div>
|
|
79
|
+
</div>
|
|
80
|
+
</div>
|
|
81
|
+
{%- else -%} {{content}} {%- endif -%}
|
|
82
|
+
</div>
|
|
83
|
+
</div>
|
data/assets/.DS_Store
CHANGED
|
Binary file
|
|
@@ -0,0 +1,100 @@
|
|
|
1
|
+
body {
|
|
2
|
+
background-color: #f9f9f9 !important;
|
|
3
|
+
}
|
|
4
|
+
|
|
5
|
+
.appscms-h1 {
|
|
6
|
+
margin-top: 1px;
|
|
7
|
+
padding-top: 2px;
|
|
8
|
+
font-weight: 600;
|
|
9
|
+
font-size: 40px;
|
|
10
|
+
color: #453a38;
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
#calculate_btn {
|
|
14
|
+
background: #f94f00;
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
.appscms-h2 {
|
|
18
|
+
font-size: 17px;
|
|
19
|
+
padding-top: 0px;
|
|
20
|
+
font-weight: 400;
|
|
21
|
+
color: rgb(118, 118, 118);
|
|
22
|
+
}
|
|
23
|
+
.appscms-toolbar {
|
|
24
|
+
background: #f85408;
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
#safeui-alert {
|
|
28
|
+
display: none;
|
|
29
|
+
}
|
|
30
|
+
.list-item-dropdown li .toolbar-link {
|
|
31
|
+
color: rgb(112, 112, 112);
|
|
32
|
+
}
|
|
33
|
+
.calculator-workspace {
|
|
34
|
+
max-width: 430px;
|
|
35
|
+
width: 100%;
|
|
36
|
+
background: #fdfdfd;
|
|
37
|
+
position: relative;
|
|
38
|
+
z-index: 1;
|
|
39
|
+
margin: 0 auto;
|
|
40
|
+
box-shadow: 1px 2px 12px rgb(0 0 0 / 15%);
|
|
41
|
+
border-radius: 8px;
|
|
42
|
+
padding: 1.5rem;
|
|
43
|
+
}
|
|
44
|
+
|
|
45
|
+
.calculator-workspace label {
|
|
46
|
+
font-weight: 500;
|
|
47
|
+
text-align: left;
|
|
48
|
+
margin-top: 10px;
|
|
49
|
+
color: #585858;
|
|
50
|
+
margin-right: 8px;
|
|
51
|
+
}
|
|
52
|
+
|
|
53
|
+
.submit-button {
|
|
54
|
+
border: none;
|
|
55
|
+
border-radius: 4px;
|
|
56
|
+
padding: 10px 22px;
|
|
57
|
+
color: #fff;
|
|
58
|
+
background-color: #e7510b;
|
|
59
|
+
margin-left: auto;
|
|
60
|
+
font-weight: 600;
|
|
61
|
+
}
|
|
62
|
+
|
|
63
|
+
.list-item-dropdown li .toolbar-link:hover {
|
|
64
|
+
color: #ff4000;
|
|
65
|
+
}
|
|
66
|
+
.calculator-inputs {
|
|
67
|
+
display: flex;
|
|
68
|
+
gap: 10px;
|
|
69
|
+
}
|
|
70
|
+
.unit {
|
|
71
|
+
background: #ffff;
|
|
72
|
+
padding: 0px 10px;
|
|
73
|
+
display: flex;
|
|
74
|
+
color: gray;
|
|
75
|
+
align-items: center;
|
|
76
|
+
justify-content: center;
|
|
77
|
+
border-radius: 4px;
|
|
78
|
+
font-weight: 600;
|
|
79
|
+
}
|
|
80
|
+
.calculator-tooltip {
|
|
81
|
+
display: flex;
|
|
82
|
+
align-items: center;
|
|
83
|
+
}
|
|
84
|
+
.calculator-tooltip .fa-info-circle {
|
|
85
|
+
margin-bottom: 0px;
|
|
86
|
+
}
|
|
87
|
+
|
|
88
|
+
.form-control {
|
|
89
|
+
border-bottom: 3px solid #ff6003;
|
|
90
|
+
height: calc(2em + 0.75rem + 2px);
|
|
91
|
+
}
|
|
92
|
+
.form-control:focus {
|
|
93
|
+
border: 1.5px solid rgb(210, 210, 210);
|
|
94
|
+
border-bottom: 4px solid #ff6003;
|
|
95
|
+
height: calc(1.9em + 0.75rem + 2px);
|
|
96
|
+
}
|
|
97
|
+
|
|
98
|
+
.toaster {
|
|
99
|
+
display: none;
|
|
100
|
+
}
|
|
@@ -15,10 +15,6 @@
|
|
|
15
15
|
background-color: white;
|
|
16
16
|
gap: 10px;
|
|
17
17
|
}
|
|
18
|
-
.upload-btn {
|
|
19
|
-
padding: 10px;
|
|
20
|
-
cursor: pointer;
|
|
21
|
-
}
|
|
22
18
|
.upload-btn {
|
|
23
19
|
text-align: center;
|
|
24
20
|
background-color: rgb(29, 22, 232);
|
|
@@ -26,8 +22,9 @@
|
|
|
26
22
|
border-radius: 10px;
|
|
27
23
|
width: 195px;
|
|
28
24
|
height: 41px;
|
|
25
|
+
padding: 10px;
|
|
26
|
+
cursor: pointer;
|
|
29
27
|
}
|
|
30
|
-
|
|
31
28
|
.appscms-upload-section {
|
|
32
29
|
display: flex;
|
|
33
30
|
flex-direction: column;
|
|
@@ -140,12 +137,6 @@
|
|
|
140
137
|
top: 2px;
|
|
141
138
|
}
|
|
142
139
|
|
|
143
|
-
@media (min-width: 768px) {
|
|
144
|
-
.appscms-h1 {
|
|
145
|
-
margin-top: 50px !important;
|
|
146
|
-
}
|
|
147
|
-
}
|
|
148
|
-
|
|
149
140
|
@media (max-width: 768px) {
|
|
150
141
|
.upload-btn {
|
|
151
142
|
width: 268px;
|
|
@@ -378,7 +369,6 @@
|
|
|
378
369
|
|
|
379
370
|
.inforgraphics_section .wrapper i:first-child {
|
|
380
371
|
left: 0;
|
|
381
|
-
/* margin-left: 14px; */
|
|
382
372
|
z-index: 99;
|
|
383
373
|
}
|
|
384
374
|
|
|
@@ -397,3 +387,9 @@
|
|
|
397
387
|
margin-right: 0;
|
|
398
388
|
}
|
|
399
389
|
}
|
|
390
|
+
|
|
391
|
+
@media (min-width: 768px) {
|
|
392
|
+
.appscms-h1 {
|
|
393
|
+
margin-top: 0px;
|
|
394
|
+
}
|
|
395
|
+
}
|