appscms-tools-theme 2.2.2 → 2.2.3
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/calculators/en/biology-calc/bulb-spacing.json +79 -1
- data/_data/calculators/en/biology-calc/cat-chocolate-toxicity.json +53 -1
- data/_data/calculators/en/chemistry-calc/activation-energy.json +45 -1
- data/_data/feature/en/allele-frequency.json +242 -242
- data/_data/feature/en/batch-conversion.json +78 -0
- data/_data/feature/en/compress-pdf.json +11 -5
- data/_data/feature/en/theframe.json +64 -64
- data/_data/photo-categories.json +10 -10
- data/_includes/batch-conversion.html +70 -0
- data/_includes/monumetric/ads.html +57 -57
- data/_includes/monumetric/profitablecpmgate.html +51 -51
- data/_layouts/batch.html +97 -0
- data/_layouts/calculator.html +69 -69
- data/_layouts/frame.html +128 -128
- data/assets/css/batch.css +423 -0
- data/assets/css/calculators.css +40 -40
- data/assets/css/frame.css +431 -431
- data/assets/images/add-image.png +0 -0
- data/assets/images/add.png +0 -0
- data/assets/images/cloud-computing.png +0 -0
- data/assets/images/convert.png +0 -0
- data/assets/images/download.png +0 -0
- data/assets/images/file.png +0 -0
- data/assets/images/safeimagekit. (2).png +0 -0
- data/assets/images/safeimagekit. (3).png +0 -0
- data/assets/images/safeimagekit..png +0 -0
- data/assets/images/safeimagekit.png +0 -0
- data/assets/images/spinner.gif +0 -0
- data/assets/images/trust.svg +1 -0
- data/assets/images/vectorpaint.svg +6 -0
- data/assets/js/ads.js +8 -8
- data/assets/js/append-div.js +10 -10
- data/assets/js/batch.js +190 -0
- data/assets/js/frame.js +251 -251
- data/assets/js/photo-effects.json +55 -55
- data/assets/js/testing-batch.js +36 -0
- data/assets/js/theme.js +11 -11
- metadata +26 -7
data/_layouts/calculator.html
CHANGED
|
@@ -1,70 +1,70 @@
|
|
|
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
|
-
<input class="form-control" type="text" name="{{item.inputName}}" id="{{item.inputId}}">
|
|
26
|
-
{%- endif -%}
|
|
27
|
-
{%- if item.dropDown -%}
|
|
28
|
-
<select class="form-control" name="{{item.dropDownName}}" id="{{item.dropDownId}}"></select>
|
|
29
|
-
{%- endif -%}
|
|
30
|
-
{%- if item.dateTimePicker -%}
|
|
31
|
-
<input class="form-control" type="date" name="{{item.dateTimePicker}}"
|
|
32
|
-
id="{{item.dateTimePickerId}}">
|
|
33
|
-
{%- endif -%}
|
|
34
|
-
{%- if item.unit -%}
|
|
35
|
-
<div class="unit">{{item.unit}}</div>
|
|
36
|
-
{%- endif -%}
|
|
37
|
-
|
|
38
|
-
</div>
|
|
39
|
-
|
|
40
|
-
</div>
|
|
41
|
-
{%- endif -%}
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
</div>
|
|
45
|
-
{%- endfor -%}
|
|
46
|
-
<div id="dynamic-section"></div>
|
|
47
|
-
</form>
|
|
48
|
-
|
|
49
|
-
</div>
|
|
50
|
-
<div class="row w-100 mx-auto">
|
|
51
|
-
{%- if calculatorData.ButtonValue -%}
|
|
52
|
-
<div class="col-12 mt-4 px-0">
|
|
53
|
-
<div class="d-flex justify-content-end">
|
|
54
|
-
<button class="submit-button" style="background-color:{{site.data[folder][lang][file].color}} ;"
|
|
55
|
-
type="{{calculatorData.ButtonType}}"
|
|
56
|
-
id="{{calculatorData.ButtonId}}">{{calculatorData.ButtonValue}}</button>
|
|
57
|
-
</div>
|
|
58
|
-
|
|
59
|
-
</div>
|
|
60
|
-
{%- endif -%}
|
|
61
|
-
{%- if calculatorData.resultDiv -%}
|
|
62
|
-
<div class="col-12 mt-3">
|
|
63
|
-
<div class="result-section" id="result-section">
|
|
64
|
-
|
|
65
|
-
</div>
|
|
66
|
-
</div>
|
|
67
|
-
{%- endif -%}
|
|
68
|
-
</div>
|
|
69
|
-
</div>
|
|
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
|
+
<input class="form-control" type="text" name="{{item.inputName}}" id="{{item.inputId}}">
|
|
26
|
+
{%- endif -%}
|
|
27
|
+
{%- if item.dropDown -%}
|
|
28
|
+
<select class="form-control" name="{{item.dropDownName}}" id="{{item.dropDownId}}"></select>
|
|
29
|
+
{%- endif -%}
|
|
30
|
+
{%- if item.dateTimePicker -%}
|
|
31
|
+
<input class="form-control" type="date" name="{{item.dateTimePicker}}"
|
|
32
|
+
id="{{item.dateTimePickerId}}">
|
|
33
|
+
{%- endif -%}
|
|
34
|
+
{%- if item.unit -%}
|
|
35
|
+
<div class="unit">{{item.unit}}</div>
|
|
36
|
+
{%- endif -%}
|
|
37
|
+
|
|
38
|
+
</div>
|
|
39
|
+
|
|
40
|
+
</div>
|
|
41
|
+
{%- endif -%}
|
|
42
|
+
|
|
43
|
+
|
|
44
|
+
</div>
|
|
45
|
+
{%- endfor -%}
|
|
46
|
+
<div id="dynamic-section"></div>
|
|
47
|
+
</form>
|
|
48
|
+
|
|
49
|
+
</div>
|
|
50
|
+
<div class="row w-100 mx-auto">
|
|
51
|
+
{%- if calculatorData.ButtonValue -%}
|
|
52
|
+
<div class="col-12 mt-4 px-0">
|
|
53
|
+
<div class="d-flex justify-content-end">
|
|
54
|
+
<button class="submit-button" style="background-color:{{site.data[folder][lang][file].color}} ;"
|
|
55
|
+
type="{{calculatorData.ButtonType}}"
|
|
56
|
+
id="{{calculatorData.ButtonId}}">{{calculatorData.ButtonValue}}</button>
|
|
57
|
+
</div>
|
|
58
|
+
|
|
59
|
+
</div>
|
|
60
|
+
{%- endif -%}
|
|
61
|
+
{%- if calculatorData.resultDiv -%}
|
|
62
|
+
<div class="col-12 mt-3">
|
|
63
|
+
<div class="result-section" id="result-section">
|
|
64
|
+
|
|
65
|
+
</div>
|
|
66
|
+
</div>
|
|
67
|
+
{%- endif -%}
|
|
68
|
+
</div>
|
|
69
|
+
</div>
|
|
70
70
|
</div>
|
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>
|