appscms-tools-theme 2.2.3 → 2.2.4
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/feature/en/allele-frequency.json +242 -242
- data/_data/feature/en/theframe.json +64 -64
- data/_data/photo-categories.json +10 -10
- data/_includes/batch-conversion.html +4 -37
- data/_includes/monumetric/ads.html +57 -57
- data/_includes/monumetric/monumetric.html +2 -3
- data/_includes/monumetric/profitablecpmgate.html +51 -51
- data/_layouts/calculator.html +69 -69
- data/_layouts/frame.html +128 -128
- data/assets/css/calculators.css +40 -40
- data/assets/css/frame.css +431 -431
- data/assets/js/ads.js +8 -8
- data/assets/js/append-div.js +10 -10
- data/assets/js/frame.js +2 -8
- data/assets/js/photo-effects.json +53 -55
- data/assets/js/testing-batch.js +4 -12
- data/assets/js/theme.js +11 -11
- metadata +7 -7
data/_layouts/frame.html
CHANGED
|
@@ -1,129 +1,129 @@
|
|
|
1
|
-
---
|
|
2
|
-
layout: feature
|
|
3
|
-
---
|
|
4
|
-
|
|
5
|
-
{%- assign fileData = site.data[page.folderName][page.lang][page.fileName] -%}
|
|
6
|
-
<div class="container">
|
|
7
|
-
<div class="row">
|
|
8
|
-
<div class="col-md-3">
|
|
9
|
-
<div class="categories-section">
|
|
10
|
-
<h3>Categories</h3>
|
|
11
|
-
</div>
|
|
12
|
-
<div class="categories-list">
|
|
13
|
-
<div class="accordion" id="accordionExample">
|
|
14
|
-
{%- for item in site.data.photo-categories -%}
|
|
15
|
-
<div class="card">
|
|
16
|
-
<div class="card-header" id="heading-{{forloop.index}}">
|
|
17
|
-
<h3 class="mb-0">
|
|
18
|
-
<button class="btn btn-link btn-block text-left" type="button" data-toggle="collapse"
|
|
19
|
-
data-target="#collapse-{{forloop.index}}" aria-expanded="true"
|
|
20
|
-
aria-controls="collapse-{{forloop.index}}">
|
|
21
|
-
{{item.category}}
|
|
22
|
-
</button>
|
|
23
|
-
</h3>
|
|
24
|
-
</div>
|
|
25
|
-
|
|
26
|
-
<div id="collapse-{{forloop.index}}" class="collapse show"
|
|
27
|
-
aria-labelledby="heading-{{forloop.index}}" data-parent="#accordionExample">
|
|
28
|
-
<div class="card-body">
|
|
29
|
-
{%- for i in item.features -%}
|
|
30
|
-
<a href="{{i.link}}">{{i.name}}</a>
|
|
31
|
-
{%- endfor -%}
|
|
32
|
-
</div>
|
|
33
|
-
</div>
|
|
34
|
-
</div>
|
|
35
|
-
{%- endfor -%}
|
|
36
|
-
</div>
|
|
37
|
-
</div>
|
|
38
|
-
|
|
39
|
-
</div>
|
|
40
|
-
<div class="col-md-9">
|
|
41
|
-
<div class="row">
|
|
42
|
-
<div class="col-md-8">
|
|
43
|
-
<form id="effect-form" data-feature-name="{{page.featureName}}">
|
|
44
|
-
{%- for item in fileData.elements -%}
|
|
45
|
-
{%- if item.type == "image" -%}
|
|
46
|
-
<label for="{{item.id}}">{{item.label}}</label>
|
|
47
|
-
<button type="button" id="{{item.id}}" data-index="{{forloop.index}}"
|
|
48
|
-
onclick="clickInput(this)">Choose
|
|
49
|
-
image</button>
|
|
50
|
-
<input class="d-none" id="file-{{forloop.index}}" type="file" onchange="fileOnChange(this)"
|
|
51
|
-
data-index="{{forloop.index}}" accept=".webp,.png,.jpg,.jpeg" required />
|
|
52
|
-
{%- endif -%}
|
|
53
|
-
{%- if item.type == "text" -%}
|
|
54
|
-
<label for="{{item.id}}">{{item.label}}</label>
|
|
55
|
-
<input type="text" id="{{item.id}}">
|
|
56
|
-
{%- endif -%}
|
|
57
|
-
{%- endfor -%}
|
|
58
|
-
<div>
|
|
59
|
-
<button type="submit">Go</button>
|
|
60
|
-
</div>
|
|
61
|
-
</form>
|
|
62
|
-
</div>
|
|
63
|
-
<div class="col-md-4">
|
|
64
|
-
<div class="preview-section">
|
|
65
|
-
<img src="{{fileData.mainPreviewImage}}" alt="">
|
|
66
|
-
</div>
|
|
67
|
-
<h3>Examples</h3>
|
|
68
|
-
<div class="image-samples">
|
|
69
|
-
{%- for item in fileData.imageSamples -%}
|
|
70
|
-
<img src="{{item}}" alt="sample">
|
|
71
|
-
{%- endfor -%}
|
|
72
|
-
</div>
|
|
73
|
-
</div>
|
|
74
|
-
</div>
|
|
75
|
-
|
|
76
|
-
<div class="crop-image-modal-container">
|
|
77
|
-
<div class="row w-100">
|
|
78
|
-
<div class="crop-image-modal col-lg-6 col-md-8 mx-auto">
|
|
79
|
-
<div class="crop-image-modal-header" style="background-color:{{fileData.color}} ;">
|
|
80
|
-
<div>Select an area you would like to use</div>
|
|
81
|
-
<div>
|
|
82
|
-
<button onclick="closeModal()">
|
|
83
|
-
<i class="fas fa-times"></i>
|
|
84
|
-
</button>
|
|
85
|
-
</div>
|
|
86
|
-
</div>
|
|
87
|
-
<div class="crop-image-modal-body">
|
|
88
|
-
|
|
89
|
-
</div>
|
|
90
|
-
<div class="crop-btn-section">
|
|
91
|
-
<button id="crop" class="mx-auto my-3"
|
|
92
|
-
style="background-color: {{fileData.color}};">crop</button>
|
|
93
|
-
</div>
|
|
94
|
-
</div>
|
|
95
|
-
</div>
|
|
96
|
-
</div>
|
|
97
|
-
<div id="workspace" data-name="together_forever" style="display: none;">
|
|
98
|
-
<div class="row">
|
|
99
|
-
<div class="col-md-8 mx-auto">
|
|
100
|
-
<div class="select-img-panel">
|
|
101
|
-
<div id="saving-data" style="display: none;">
|
|
102
|
-
<img loading="lazy" src="/img/save.gif" alt="saving"> <span class="ml-2">Saving your
|
|
103
|
-
images...</span>
|
|
104
|
-
</div>
|
|
105
|
-
<div id="canvas-panel">
|
|
106
|
-
</div>
|
|
107
|
-
</div>
|
|
108
|
-
</div>
|
|
109
|
-
<div class="col-md-4">
|
|
110
|
-
<div class="options-panel">
|
|
111
|
-
<div class="title">
|
|
112
|
-
|
|
113
|
-
</div>
|
|
114
|
-
<div class="download-wrapper">
|
|
115
|
-
<button id="download-button" style="background-color: {{fileData.color}};"><svg
|
|
116
|
-
xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
|
|
117
|
-
<path
|
|
118
|
-
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" />
|
|
119
|
-
</svg>Download</button>
|
|
120
|
-
</div>
|
|
121
|
-
</div>
|
|
122
|
-
|
|
123
|
-
</div>
|
|
124
|
-
</div>
|
|
125
|
-
</div>
|
|
126
|
-
</div>
|
|
127
|
-
</div>
|
|
128
|
-
|
|
1
|
+
---
|
|
2
|
+
layout: feature
|
|
3
|
+
---
|
|
4
|
+
|
|
5
|
+
{%- assign fileData = site.data[page.folderName][page.lang][page.fileName] -%}
|
|
6
|
+
<div class="container">
|
|
7
|
+
<div class="row">
|
|
8
|
+
<div class="col-md-3">
|
|
9
|
+
<div class="categories-section">
|
|
10
|
+
<h3>Categories</h3>
|
|
11
|
+
</div>
|
|
12
|
+
<div class="categories-list">
|
|
13
|
+
<div class="accordion" id="accordionExample">
|
|
14
|
+
{%- for item in site.data.photo-categories -%}
|
|
15
|
+
<div class="card">
|
|
16
|
+
<div class="card-header" id="heading-{{forloop.index}}">
|
|
17
|
+
<h3 class="mb-0">
|
|
18
|
+
<button class="btn btn-link btn-block text-left" type="button" data-toggle="collapse"
|
|
19
|
+
data-target="#collapse-{{forloop.index}}" aria-expanded="true"
|
|
20
|
+
aria-controls="collapse-{{forloop.index}}">
|
|
21
|
+
{{item.category}}
|
|
22
|
+
</button>
|
|
23
|
+
</h3>
|
|
24
|
+
</div>
|
|
25
|
+
|
|
26
|
+
<div id="collapse-{{forloop.index}}" class="collapse show"
|
|
27
|
+
aria-labelledby="heading-{{forloop.index}}" data-parent="#accordionExample">
|
|
28
|
+
<div class="card-body">
|
|
29
|
+
{%- for i in item.features -%}
|
|
30
|
+
<a href="{{i.link}}">{{i.name}}</a>
|
|
31
|
+
{%- endfor -%}
|
|
32
|
+
</div>
|
|
33
|
+
</div>
|
|
34
|
+
</div>
|
|
35
|
+
{%- endfor -%}
|
|
36
|
+
</div>
|
|
37
|
+
</div>
|
|
38
|
+
|
|
39
|
+
</div>
|
|
40
|
+
<div class="col-md-9">
|
|
41
|
+
<div class="row">
|
|
42
|
+
<div class="col-md-8">
|
|
43
|
+
<form id="effect-form" data-feature-name="{{page.featureName}}">
|
|
44
|
+
{%- for item in fileData.elements -%}
|
|
45
|
+
{%- if item.type == "image" -%}
|
|
46
|
+
<label for="{{item.id}}">{{item.label}}</label>
|
|
47
|
+
<button type="button" id="{{item.id}}" data-index="{{forloop.index}}"
|
|
48
|
+
onclick="clickInput(this)">Choose
|
|
49
|
+
image</button>
|
|
50
|
+
<input class="d-none" id="file-{{forloop.index}}" type="file" onchange="fileOnChange(this)"
|
|
51
|
+
data-index="{{forloop.index}}" accept=".webp,.png,.jpg,.jpeg" required />
|
|
52
|
+
{%- endif -%}
|
|
53
|
+
{%- if item.type == "text" -%}
|
|
54
|
+
<label for="{{item.id}}">{{item.label}}</label>
|
|
55
|
+
<input type="text" id="{{item.id}}">
|
|
56
|
+
{%- endif -%}
|
|
57
|
+
{%- endfor -%}
|
|
58
|
+
<div>
|
|
59
|
+
<button type="submit">Go</button>
|
|
60
|
+
</div>
|
|
61
|
+
</form>
|
|
62
|
+
</div>
|
|
63
|
+
<div class="col-md-4">
|
|
64
|
+
<div class="preview-section">
|
|
65
|
+
<img src="{{fileData.mainPreviewImage}}" alt="">
|
|
66
|
+
</div>
|
|
67
|
+
<h3>Examples</h3>
|
|
68
|
+
<div class="image-samples">
|
|
69
|
+
{%- for item in fileData.imageSamples -%}
|
|
70
|
+
<img src="{{item}}" alt="sample">
|
|
71
|
+
{%- endfor -%}
|
|
72
|
+
</div>
|
|
73
|
+
</div>
|
|
74
|
+
</div>
|
|
75
|
+
|
|
76
|
+
<div class="crop-image-modal-container">
|
|
77
|
+
<div class="row w-100">
|
|
78
|
+
<div class="crop-image-modal col-lg-6 col-md-8 mx-auto">
|
|
79
|
+
<div class="crop-image-modal-header" style="background-color:{{fileData.color}} ;">
|
|
80
|
+
<div>Select an area you would like to use</div>
|
|
81
|
+
<div>
|
|
82
|
+
<button onclick="closeModal()">
|
|
83
|
+
<i class="fas fa-times"></i>
|
|
84
|
+
</button>
|
|
85
|
+
</div>
|
|
86
|
+
</div>
|
|
87
|
+
<div class="crop-image-modal-body">
|
|
88
|
+
|
|
89
|
+
</div>
|
|
90
|
+
<div class="crop-btn-section">
|
|
91
|
+
<button id="crop" class="mx-auto my-3"
|
|
92
|
+
style="background-color: {{fileData.color}};">crop</button>
|
|
93
|
+
</div>
|
|
94
|
+
</div>
|
|
95
|
+
</div>
|
|
96
|
+
</div>
|
|
97
|
+
<div id="workspace" data-name="together_forever" style="display: none;">
|
|
98
|
+
<div class="row">
|
|
99
|
+
<div class="col-md-8 mx-auto">
|
|
100
|
+
<div class="select-img-panel">
|
|
101
|
+
<div id="saving-data" style="display: none;">
|
|
102
|
+
<img loading="lazy" src="/img/save.gif" alt="saving"> <span class="ml-2">Saving your
|
|
103
|
+
images...</span>
|
|
104
|
+
</div>
|
|
105
|
+
<div id="canvas-panel">
|
|
106
|
+
</div>
|
|
107
|
+
</div>
|
|
108
|
+
</div>
|
|
109
|
+
<div class="col-md-4">
|
|
110
|
+
<div class="options-panel">
|
|
111
|
+
<div class="title">
|
|
112
|
+
|
|
113
|
+
</div>
|
|
114
|
+
<div class="download-wrapper">
|
|
115
|
+
<button id="download-button" style="background-color: {{fileData.color}};"><svg
|
|
116
|
+
xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
|
|
117
|
+
<path
|
|
118
|
+
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" />
|
|
119
|
+
</svg>Download</button>
|
|
120
|
+
</div>
|
|
121
|
+
</div>
|
|
122
|
+
|
|
123
|
+
</div>
|
|
124
|
+
</div>
|
|
125
|
+
</div>
|
|
126
|
+
</div>
|
|
127
|
+
</div>
|
|
128
|
+
|
|
129
129
|
</div>
|
data/assets/css/calculators.css
CHANGED
|
@@ -1,40 +1,40 @@
|
|
|
1
|
-
.calculator-workspace {
|
|
2
|
-
width: 400px;
|
|
3
|
-
background: #f6f6f6d2;
|
|
4
|
-
position: relative;
|
|
5
|
-
z-index: 1;
|
|
6
|
-
margin: 0 auto;
|
|
7
|
-
box-shadow: 6px 19px 23px 1pxrgb (0 0 0 / 15%);
|
|
8
|
-
border-radius: 8px;
|
|
9
|
-
padding: 1.5rem;
|
|
10
|
-
}
|
|
11
|
-
|
|
12
|
-
.calculator-workspace label {
|
|
13
|
-
width: 100%;
|
|
14
|
-
font-weight: 600;
|
|
15
|
-
text-align: left;
|
|
16
|
-
margin-top: 10px;
|
|
17
|
-
}
|
|
18
|
-
|
|
19
|
-
.submit-button {
|
|
20
|
-
border: none;
|
|
21
|
-
border-radius: 4px;
|
|
22
|
-
padding: 10px 22px;
|
|
23
|
-
color: #fff;
|
|
24
|
-
margin-left: auto;
|
|
25
|
-
font-weight: 600;
|
|
26
|
-
}
|
|
27
|
-
|
|
28
|
-
.calculator-inputs {
|
|
29
|
-
display: flex;
|
|
30
|
-
gap: 10px;
|
|
31
|
-
}
|
|
32
|
-
.unit {
|
|
33
|
-
background: #ffff;
|
|
34
|
-
padding: 0px 10px;
|
|
35
|
-
display: flex;
|
|
36
|
-
align-items: center;
|
|
37
|
-
justify-content: center;
|
|
38
|
-
border-radius: 4px;
|
|
39
|
-
font-weight: 600;
|
|
40
|
-
}
|
|
1
|
+
.calculator-workspace {
|
|
2
|
+
width: 400px;
|
|
3
|
+
background: #f6f6f6d2;
|
|
4
|
+
position: relative;
|
|
5
|
+
z-index: 1;
|
|
6
|
+
margin: 0 auto;
|
|
7
|
+
box-shadow: 6px 19px 23px 1pxrgb (0 0 0 / 15%);
|
|
8
|
+
border-radius: 8px;
|
|
9
|
+
padding: 1.5rem;
|
|
10
|
+
}
|
|
11
|
+
|
|
12
|
+
.calculator-workspace label {
|
|
13
|
+
width: 100%;
|
|
14
|
+
font-weight: 600;
|
|
15
|
+
text-align: left;
|
|
16
|
+
margin-top: 10px;
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
.submit-button {
|
|
20
|
+
border: none;
|
|
21
|
+
border-radius: 4px;
|
|
22
|
+
padding: 10px 22px;
|
|
23
|
+
color: #fff;
|
|
24
|
+
margin-left: auto;
|
|
25
|
+
font-weight: 600;
|
|
26
|
+
}
|
|
27
|
+
|
|
28
|
+
.calculator-inputs {
|
|
29
|
+
display: flex;
|
|
30
|
+
gap: 10px;
|
|
31
|
+
}
|
|
32
|
+
.unit {
|
|
33
|
+
background: #ffff;
|
|
34
|
+
padding: 0px 10px;
|
|
35
|
+
display: flex;
|
|
36
|
+
align-items: center;
|
|
37
|
+
justify-content: center;
|
|
38
|
+
border-radius: 4px;
|
|
39
|
+
font-weight: 600;
|
|
40
|
+
}
|