appscms-tools-theme 2.5.4 → 2.5.5
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 +244 -244
- data/_data/feature/en/theframe.json +55 -55
- data/_data/home/en/photoeffects.json +23 -23
- data/_data/photo-categories.json +12 -12
- data/_data/photoeffects.json +116 -116
- data/_includes/header/index.html +1 -1
- data/_includes/monumetric/ads.html +57 -57
- data/_includes/monumetric/profitablecpmgate.html +51 -51
- data/_layouts/calculator.html +83 -83
- data/_layouts/feature-1.html +36 -43
- data/_layouts/frame.html +197 -197
- data/_layouts/photo-effects-home.html +97 -97
- data/assets/css/calculators.css +40 -40
- data/assets/css/common.css +5 -3
- data/assets/css/feature-1.css +28 -5
- data/assets/css/frame.css +717 -717
- data/assets/css/imagekit.css +841 -757
- data/assets/images/addimg.svg +2 -2
- data/assets/js/ads.js +8 -8
- data/assets/js/append-div.js +10 -10
- data/assets/js/photo-effects.json +32 -32
- data/assets/js/theme.js +44 -27
- metadata +7 -7
data/_layouts/calculator.html
CHANGED
|
@@ -1,84 +1,84 @@
|
|
|
1
|
-
---
|
|
2
|
-
layout: feature
|
|
3
|
-
---
|
|
4
|
-
|
|
5
|
-
{% assign file = page.fileName %}
|
|
6
|
-
{% assign lang = page.lang %}
|
|
7
|
-
{% assign folder = page.folderName %}
|
|
8
|
-
{% assign calculatorData= site.data[folder][lang][file].calculatorData %}
|
|
9
|
-
|
|
10
|
-
<div class="container">
|
|
11
|
-
<div class="calculator-workspace">
|
|
12
|
-
<div class="row w-100 mx-auto">
|
|
13
|
-
<form id="calculator-form" class="w-100">
|
|
14
|
-
{%- for item in calculatorData.calculatorRow -%}
|
|
15
|
-
<div class="row" id="calculator-row-{{forloop.index}}">
|
|
16
|
-
{%- if item.labelName -%}
|
|
17
|
-
<div class="col-md-12">
|
|
18
|
-
<label for="{{item.labelId}}">{{item.labelName}}</label>
|
|
19
|
-
</div>
|
|
20
|
-
{%- endif -%}
|
|
21
|
-
{%- if item.dropDown or item.inputBox or item.dateTimePicker -%}
|
|
22
|
-
<div class="col-md-12">
|
|
23
|
-
<div class="d-flex calculator-inputs">
|
|
24
|
-
{%- if item.inputBox -%}
|
|
25
|
-
{%- assign inputBoxType = "number" -%}
|
|
26
|
-
{%- if item.inputType -%}
|
|
27
|
-
{%- assign inputBoxType = item.inputType -%}
|
|
28
|
-
{%- endif -%}
|
|
29
|
-
<input class="form-control" type="{{inputBoxType}}" name="{{item.inputName}}"
|
|
30
|
-
id="{{item.inputId}}">
|
|
31
|
-
{%- endif -%}
|
|
32
|
-
{%- if item.dropDown -%}
|
|
33
|
-
<select class="form-control" name="{{item.dropDownName}}" id="{{item.dropDownId}}"></select>
|
|
34
|
-
{%- endif -%}
|
|
35
|
-
{%- if item.dateTimePicker -%}
|
|
36
|
-
<input class="form-control" type="date" name="{{item.dateTimePicker}}"
|
|
37
|
-
id="{{item.dateTimePickerId}}">
|
|
38
|
-
{%- endif -%}
|
|
39
|
-
{%- if item.unit -%}
|
|
40
|
-
<div class="unit">{{item.unit}}</div>
|
|
41
|
-
{%- endif -%}
|
|
42
|
-
|
|
43
|
-
</div>
|
|
44
|
-
|
|
45
|
-
</div>
|
|
46
|
-
{%- endif -%}
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
</div>
|
|
50
|
-
{%- endfor -%}
|
|
51
|
-
<div id="dynamic-section"></div>
|
|
52
|
-
</form>
|
|
53
|
-
|
|
54
|
-
</div>
|
|
55
|
-
<div class="row w-100 mx-auto">
|
|
56
|
-
{%- if calculatorData.ButtonValue -%}
|
|
57
|
-
<div class="col-12 mt-4 px-0">
|
|
58
|
-
<div class="d-flex justify-content-end">
|
|
59
|
-
<button class="submit-button" style="background-color:{{site.data[folder][lang][file].color}} ;"
|
|
60
|
-
type="{{calculatorData.ButtonType}}"
|
|
61
|
-
id="{{calculatorData.ButtonId}}">{{calculatorData.ButtonValue}}</button>
|
|
62
|
-
</div>
|
|
63
|
-
|
|
64
|
-
</div>
|
|
65
|
-
{%- endif -%}
|
|
66
|
-
{%- if calculatorData.resultDiv -%}
|
|
67
|
-
<div class="col-12 mt-3">
|
|
68
|
-
<div class="result-section" id="result-section">
|
|
69
|
-
|
|
70
|
-
</div>
|
|
71
|
-
</div>
|
|
72
|
-
{%- endif -%}
|
|
73
|
-
</div>
|
|
74
|
-
|
|
75
|
-
</div>
|
|
76
|
-
{%- if calculatorData.calculatorWarning-%}
|
|
77
|
-
<div class="warning-alert-box mt-4">
|
|
78
|
-
<div class="alert alert-danger" role="alert">
|
|
79
|
-
{{ calculatorData.calculatorWarning }}
|
|
80
|
-
</div>
|
|
81
|
-
</div>
|
|
82
|
-
{%- endif -%}
|
|
83
|
-
|
|
1
|
+
---
|
|
2
|
+
layout: feature
|
|
3
|
+
---
|
|
4
|
+
|
|
5
|
+
{% assign file = page.fileName %}
|
|
6
|
+
{% assign lang = page.lang %}
|
|
7
|
+
{% assign folder = page.folderName %}
|
|
8
|
+
{% assign calculatorData= site.data[folder][lang][file].calculatorData %}
|
|
9
|
+
|
|
10
|
+
<div class="container">
|
|
11
|
+
<div class="calculator-workspace">
|
|
12
|
+
<div class="row w-100 mx-auto">
|
|
13
|
+
<form id="calculator-form" class="w-100">
|
|
14
|
+
{%- for item in calculatorData.calculatorRow -%}
|
|
15
|
+
<div class="row" id="calculator-row-{{forloop.index}}">
|
|
16
|
+
{%- if item.labelName -%}
|
|
17
|
+
<div class="col-md-12">
|
|
18
|
+
<label for="{{item.labelId}}">{{item.labelName}}</label>
|
|
19
|
+
</div>
|
|
20
|
+
{%- endif -%}
|
|
21
|
+
{%- if item.dropDown or item.inputBox or item.dateTimePicker -%}
|
|
22
|
+
<div class="col-md-12">
|
|
23
|
+
<div class="d-flex calculator-inputs">
|
|
24
|
+
{%- if item.inputBox -%}
|
|
25
|
+
{%- assign inputBoxType = "number" -%}
|
|
26
|
+
{%- if item.inputType -%}
|
|
27
|
+
{%- assign inputBoxType = item.inputType -%}
|
|
28
|
+
{%- endif -%}
|
|
29
|
+
<input class="form-control" type="{{inputBoxType}}" name="{{item.inputName}}"
|
|
30
|
+
id="{{item.inputId}}">
|
|
31
|
+
{%- endif -%}
|
|
32
|
+
{%- if item.dropDown -%}
|
|
33
|
+
<select class="form-control" name="{{item.dropDownName}}" id="{{item.dropDownId}}"></select>
|
|
34
|
+
{%- endif -%}
|
|
35
|
+
{%- if item.dateTimePicker -%}
|
|
36
|
+
<input class="form-control" type="date" name="{{item.dateTimePicker}}"
|
|
37
|
+
id="{{item.dateTimePickerId}}">
|
|
38
|
+
{%- endif -%}
|
|
39
|
+
{%- if item.unit -%}
|
|
40
|
+
<div class="unit">{{item.unit}}</div>
|
|
41
|
+
{%- endif -%}
|
|
42
|
+
|
|
43
|
+
</div>
|
|
44
|
+
|
|
45
|
+
</div>
|
|
46
|
+
{%- endif -%}
|
|
47
|
+
|
|
48
|
+
|
|
49
|
+
</div>
|
|
50
|
+
{%- endfor -%}
|
|
51
|
+
<div id="dynamic-section"></div>
|
|
52
|
+
</form>
|
|
53
|
+
|
|
54
|
+
</div>
|
|
55
|
+
<div class="row w-100 mx-auto">
|
|
56
|
+
{%- if calculatorData.ButtonValue -%}
|
|
57
|
+
<div class="col-12 mt-4 px-0">
|
|
58
|
+
<div class="d-flex justify-content-end">
|
|
59
|
+
<button class="submit-button" style="background-color:{{site.data[folder][lang][file].color}} ;"
|
|
60
|
+
type="{{calculatorData.ButtonType}}"
|
|
61
|
+
id="{{calculatorData.ButtonId}}">{{calculatorData.ButtonValue}}</button>
|
|
62
|
+
</div>
|
|
63
|
+
|
|
64
|
+
</div>
|
|
65
|
+
{%- endif -%}
|
|
66
|
+
{%- if calculatorData.resultDiv -%}
|
|
67
|
+
<div class="col-12 mt-3">
|
|
68
|
+
<div class="result-section" id="result-section">
|
|
69
|
+
|
|
70
|
+
</div>
|
|
71
|
+
</div>
|
|
72
|
+
{%- endif -%}
|
|
73
|
+
</div>
|
|
74
|
+
|
|
75
|
+
</div>
|
|
76
|
+
{%- if calculatorData.calculatorWarning-%}
|
|
77
|
+
<div class="warning-alert-box mt-4">
|
|
78
|
+
<div class="alert alert-danger" role="alert">
|
|
79
|
+
{{ calculatorData.calculatorWarning }}
|
|
80
|
+
</div>
|
|
81
|
+
</div>
|
|
82
|
+
{%- endif -%}
|
|
83
|
+
|
|
84
84
|
</div>
|
data/_layouts/feature-1.html
CHANGED
|
@@ -11,19 +11,9 @@
|
|
|
11
11
|
|
|
12
12
|
<div class="flex-container feature1-flex-container">
|
|
13
13
|
<div class="flex-class">
|
|
14
|
-
<div class="d-flex justify-content-center align-items-center">
|
|
15
|
-
{%- if featureData.img -%}
|
|
16
|
-
<span class="fHhdVc">
|
|
17
|
-
<div class="div-cont feature-img mr-2">
|
|
18
|
-
<img style=width:{{featureData.imgwidth}};height:{{featureData.imgheight}};
|
|
19
|
-
src="{{featureData.img}}" alt="{{featureData.imgalt}}" {%- if site.crossorigin -%}
|
|
20
|
-
crossorigin {%- endif -%}>
|
|
21
|
-
</div>
|
|
22
|
-
</span>
|
|
23
|
-
{%- else -%}
|
|
24
|
-
{%- endif -%}
|
|
14
|
+
<div id="h1-img-wrapper" class="d-flex justify-content-center align-items-center">
|
|
25
15
|
{%- assign featureh1 = featureData.H1 | replace: "$variable", page.value -%}
|
|
26
|
-
<h1 class="feature1-h1
|
|
16
|
+
<h1 class="feature1-h1">{%- for word in featureh1-%}
|
|
27
17
|
{%- if forloop.first == true -%}
|
|
28
18
|
{{word }}
|
|
29
19
|
{%- else -%}
|
|
@@ -54,9 +44,10 @@
|
|
|
54
44
|
{{content}}
|
|
55
45
|
</div>
|
|
56
46
|
{%- else -%}
|
|
57
|
-
<div class="box-
|
|
47
|
+
<div class="feature-content-box" id="theme-content-box">
|
|
58
48
|
<div class="container">
|
|
59
49
|
{%- assign boxColor = site.data[page.folderName][page.lang][page.fileName].color -%}
|
|
50
|
+
{%- if page.removeBox != true -%}
|
|
60
51
|
<div class="custom-box" data-color="{{boxColor}}">
|
|
61
52
|
<div style="display: none;" id="file-loader">
|
|
62
53
|
<img src="/spinner.gif" alt="">
|
|
@@ -107,9 +98,10 @@
|
|
|
107
98
|
<p id="error" class="p-3"></p>
|
|
108
99
|
</div>
|
|
109
100
|
</div>
|
|
101
|
+
{%- endif -%}
|
|
110
102
|
|
|
111
|
-
{%- if page.workspace -%}
|
|
112
103
|
|
|
104
|
+
{%- if page.workspace -%}
|
|
113
105
|
<div class="workspace" style="display: none">
|
|
114
106
|
<div class="row mx-auto">
|
|
115
107
|
<div class="col-md-10 mx-auto">
|
|
@@ -117,31 +109,36 @@
|
|
|
117
109
|
</div>
|
|
118
110
|
</div>
|
|
119
111
|
</div>
|
|
120
|
-
|
|
121
112
|
{%- else -%}
|
|
122
113
|
<div class="workspace" style="display: none;">
|
|
123
|
-
<div class="row
|
|
124
|
-
<div class="col-
|
|
114
|
+
<div class="row">
|
|
115
|
+
<div class="col-12">
|
|
125
116
|
<div class="download-wrapper mt-3">
|
|
126
|
-
<div class="row">
|
|
117
|
+
<div class="row rowclass">
|
|
127
118
|
<div class="col-7">
|
|
128
119
|
<div class="d-flex align-items-center">
|
|
129
120
|
<div class="select-format-title">image's format</div>
|
|
130
121
|
<div class="download-format">
|
|
131
122
|
<select name="image-format" id="image-format">
|
|
123
|
+
{%- if pageData.downloadFormats -%}
|
|
124
|
+
{%- for item in pageData.downloadFormats -%}
|
|
125
|
+
<option value="{{item}}">{{item}}</option>
|
|
126
|
+
{%- endfor -%}
|
|
127
|
+
{%- else -%}
|
|
132
128
|
<option value="png">png</option>
|
|
133
129
|
<option value="jpg">jpg</option>
|
|
134
130
|
<option value="jpeg">jpeg</option>
|
|
135
131
|
<option value="webp">webp</option>
|
|
136
132
|
<option value="gif">gif</option>
|
|
133
|
+
{%- endif -%}
|
|
134
|
+
|
|
137
135
|
</select>
|
|
138
136
|
</div>
|
|
139
137
|
</div>
|
|
140
138
|
</div>
|
|
141
139
|
<div class="col-5">
|
|
142
|
-
<div class="
|
|
143
|
-
<button id="download-button"
|
|
144
|
-
style="background-color: {{featureData.color}};"><svg
|
|
140
|
+
<div class="d-flex align-items-center">
|
|
141
|
+
<button id="download-button" style="background-color: {{pageData.color}};"><svg
|
|
145
142
|
xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
|
|
146
143
|
<path
|
|
147
144
|
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" />
|
|
@@ -153,30 +150,26 @@
|
|
|
153
150
|
</div>
|
|
154
151
|
</div>
|
|
155
152
|
{%- if page.commonStructure != false -%}
|
|
156
|
-
<div class="row
|
|
157
|
-
<div class="col-md-
|
|
158
|
-
<div class="
|
|
159
|
-
<div
|
|
160
|
-
<
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
<span class="ml-2">
|
|
164
|
-
Saving your images...
|
|
165
|
-
</span>
|
|
166
|
-
</div>
|
|
167
|
-
<div id="canvas-box-panel"></div>
|
|
168
|
-
</div>
|
|
153
|
+
<div class="row">
|
|
154
|
+
<div class="col-md-7 mx-auto mb-2">
|
|
155
|
+
<div class="select-img-panel">
|
|
156
|
+
<div id="saving-data" style="display: none;">
|
|
157
|
+
<img loading="lazy" src="/assets/images/loader.gif" alt="saving"> <span
|
|
158
|
+
class="ml-2">Saving your
|
|
159
|
+
images...</span>
|
|
169
160
|
</div>
|
|
170
|
-
<div
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
161
|
+
<div id="canvas-box-panel">
|
|
162
|
+
</div>
|
|
163
|
+
</div>
|
|
164
|
+
</div>
|
|
165
|
+
<div class="col-md-5">
|
|
166
|
+
<div class="options-panel">
|
|
167
|
+
{%- if pageData.optionPanelTitle -%}
|
|
168
|
+
<div class="title">
|
|
169
|
+
{{pageData.optionPanelTitle}}
|
|
179
170
|
</div>
|
|
171
|
+
{%- endif -%}
|
|
172
|
+
{{content}}
|
|
180
173
|
</div>
|
|
181
174
|
</div>
|
|
182
175
|
</div>
|