appscms-tools-theme 2.2.3 → 2.2.6
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/allele-frequency.json +242 -242
- data/_data/feature/en/theframe.json +50 -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 +24 -16
- data/assets/js/photo-effects.json +21 -55
- data/assets/js/testing-batch.js +4 -12
- data/assets/js/theme.js +11 -11
- metadata +7 -7
@@ -5,44 +5,11 @@
|
|
5
5
|
</div>
|
6
6
|
<div id="controls" class="text-left">
|
7
7
|
<label>Amount</label>
|
8
|
-
<div class="d-flex">
|
9
|
-
|
10
|
-
<input
|
11
|
-
data-filter="{{page.effect}}" data-scale="px">
|
12
|
-
<div class="d-flex align-items-center" id="counter"></div>
|
13
|
-
{%- elsif page.effect == "opacity" -%}
|
14
|
-
<input class="w-100" id="applyFilter" type="range" min="0" max="1" step="0.1" value="0.5"
|
15
|
-
data-filter="{{page.effect}}" />
|
16
|
-
<div class="d-flex align-items-center" id="counter"></div>
|
17
|
-
{%- elsif page.effect == "saturate" -%}
|
18
|
-
<input class="w-100" type="range" min="0" max="200" value="100" step="1" id="applyFilter"
|
19
|
-
data-filter="{{page.effect}}" data-scale="">
|
20
|
-
<div class="d-flex align-items-center" id="counter"></div>
|
21
|
-
{%- elsif page.effect == "hue-rotate" -%}
|
22
|
-
<input class="w-100" type="range" min="0" max="360" value="180" step="1" id="applyFilter"
|
23
|
-
data-filter="{{page.effect}}" data-scale="deg">
|
24
|
-
<div class="d-flex align-items-center" id="counter"></div>
|
25
|
-
{%- elsif page.effect == "grayscale" -%}
|
26
|
-
<input class="w-100" type="range" min="0" max="100" value="50" step="1" id="applyFilter"
|
27
|
-
data-filter="{{page.effect}}" data-scale="%">
|
28
|
-
<div class="d-flex align-items-center" id="counter"></div>
|
29
|
-
{%- elsif page.effect == "sepia" -%}
|
30
|
-
<input class="w-100" type="range" min="0" max="100" value="50" step="1" id="applyFilter"
|
31
|
-
data-filter="{{page.effect}}" data-scale="%">
|
32
|
-
<div class="d-flex align-items-center" id="counter"></div>
|
33
|
-
{%- elsif page.effect == "gamma" -%}
|
34
|
-
<input class="w-100" type="range" min="0" max="10" value="5" step="1" id="applyFilter"
|
35
|
-
data-filter="{{page.effect}}">
|
36
|
-
{%- elsif page.panelTitle == "exposure" -%}
|
37
|
-
<input class="w-100" type="range" min="-100" max="100" value="0" step="1" id="applyFilter"
|
38
|
-
data-filter="{{page.effect}}">
|
39
|
-
{%- else -%}
|
40
|
-
<input class="w-100" type="range" min="0" max="200" value="100" step="1" id="applyFilter"
|
41
|
-
data-filter="{{page.effect}}" data-scale="%">
|
42
|
-
<div class="d-flex align-items-center" id="counter"></div>
|
43
|
-
{%- endif -%}
|
44
|
-
<br>
|
8
|
+
<div class="d-flex" style="gap:10px">
|
9
|
+
<input class="w-100" id="opacity" type="range" min="0" max="1" step="0.1" value="0.5" />
|
10
|
+
<!-- <input type="text" class="amount" value="50"> -->
|
45
11
|
</div>
|
12
|
+
|
46
13
|
</div>
|
47
14
|
|
48
15
|
|
@@ -1,58 +1,58 @@
|
|
1
|
-
{% if page.url != '/' %}
|
2
|
-
{% if jekyll.environment == 'production' and site.adsId %}
|
3
|
-
<script>
|
4
|
-
const autoLoadDuration = 5; //In Seconds
|
5
|
-
const eventList = ["keydown", "mousemove", "wheel", "touchmove", "touchstart", "touchend"];
|
6
|
-
|
7
|
-
const autoLoadTimeout = setTimeout(runScripts, autoLoadDuration * 1000);
|
8
|
-
|
9
|
-
eventList.forEach(function (event) {
|
10
|
-
window.addEventListener(event, triggerScripts, { passive: true })
|
11
|
-
});
|
12
|
-
|
13
|
-
function triggerScripts() {
|
14
|
-
runScripts();
|
15
|
-
clearTimeout(autoLoadTimeout);
|
16
|
-
eventList.forEach(function (event) {
|
17
|
-
window.removeEventListener(event, triggerScripts, { passive: true });
|
18
|
-
});
|
19
|
-
}
|
20
|
-
|
21
|
-
function runScripts() {
|
22
|
-
document.querySelectorAll("script[delay]").forEach(function (scriptTag) {
|
23
|
-
scriptTag.setAttribute("src", scriptTag.getAttribute("delay"));
|
24
|
-
});
|
25
|
-
}
|
26
|
-
</script>
|
27
|
-
<script type="text/javascript" delay="/assets/js/ads.js" crossorigin="anonymous"></script>
|
28
|
-
{% endif %}
|
29
|
-
|
30
|
-
{% if jekyll.environment == 'development' and site.adsId %}
|
31
|
-
<script>
|
32
|
-
const autoLoadDuration = 5; //In Seconds
|
33
|
-
const eventList = ["keydown", "mousemove", "wheel", "touchmove", "touchstart", "touchend"];
|
34
|
-
|
35
|
-
const autoLoadTimeout = setTimeout(runScripts, autoLoadDuration * 1000);
|
36
|
-
|
37
|
-
eventList.forEach(function (event) {
|
38
|
-
window.addEventListener(event, triggerScripts, { passive: true })
|
39
|
-
});
|
40
|
-
|
41
|
-
function triggerScripts() {
|
42
|
-
runScripts();
|
43
|
-
clearTimeout(autoLoadTimeout);
|
44
|
-
eventList.forEach(function (event) {
|
45
|
-
window.removeEventListener(event, triggerScripts, { passive: true });
|
46
|
-
});
|
47
|
-
}
|
48
|
-
|
49
|
-
function runScripts() {
|
50
|
-
document.querySelectorAll("script[delay]").forEach(function (scriptTag) {
|
51
|
-
scriptTag.setAttribute("src", scriptTag.getAttribute("delay"));
|
52
|
-
});
|
53
|
-
}
|
54
|
-
</script>
|
55
|
-
<script type="text/javascript" delay="/assets/js/ads.js" crossorigin="anonymous"></script>
|
56
|
-
|
57
|
-
{% endif %}
|
1
|
+
{% if page.url != '/' %}
|
2
|
+
{% if jekyll.environment == 'production' and site.adsId %}
|
3
|
+
<script>
|
4
|
+
const autoLoadDuration = 5; //In Seconds
|
5
|
+
const eventList = ["keydown", "mousemove", "wheel", "touchmove", "touchstart", "touchend"];
|
6
|
+
|
7
|
+
const autoLoadTimeout = setTimeout(runScripts, autoLoadDuration * 1000);
|
8
|
+
|
9
|
+
eventList.forEach(function (event) {
|
10
|
+
window.addEventListener(event, triggerScripts, { passive: true })
|
11
|
+
});
|
12
|
+
|
13
|
+
function triggerScripts() {
|
14
|
+
runScripts();
|
15
|
+
clearTimeout(autoLoadTimeout);
|
16
|
+
eventList.forEach(function (event) {
|
17
|
+
window.removeEventListener(event, triggerScripts, { passive: true });
|
18
|
+
});
|
19
|
+
}
|
20
|
+
|
21
|
+
function runScripts() {
|
22
|
+
document.querySelectorAll("script[delay]").forEach(function (scriptTag) {
|
23
|
+
scriptTag.setAttribute("src", scriptTag.getAttribute("delay"));
|
24
|
+
});
|
25
|
+
}
|
26
|
+
</script>
|
27
|
+
<script type="text/javascript" delay="/assets/js/ads.js" crossorigin="anonymous"></script>
|
28
|
+
{% endif %}
|
29
|
+
|
30
|
+
{% if jekyll.environment == 'development' and site.adsId %}
|
31
|
+
<script>
|
32
|
+
const autoLoadDuration = 5; //In Seconds
|
33
|
+
const eventList = ["keydown", "mousemove", "wheel", "touchmove", "touchstart", "touchend"];
|
34
|
+
|
35
|
+
const autoLoadTimeout = setTimeout(runScripts, autoLoadDuration * 1000);
|
36
|
+
|
37
|
+
eventList.forEach(function (event) {
|
38
|
+
window.addEventListener(event, triggerScripts, { passive: true })
|
39
|
+
});
|
40
|
+
|
41
|
+
function triggerScripts() {
|
42
|
+
runScripts();
|
43
|
+
clearTimeout(autoLoadTimeout);
|
44
|
+
eventList.forEach(function (event) {
|
45
|
+
window.removeEventListener(event, triggerScripts, { passive: true });
|
46
|
+
});
|
47
|
+
}
|
48
|
+
|
49
|
+
function runScripts() {
|
50
|
+
document.querySelectorAll("script[delay]").forEach(function (scriptTag) {
|
51
|
+
scriptTag.setAttribute("src", scriptTag.getAttribute("delay"));
|
52
|
+
});
|
53
|
+
}
|
54
|
+
</script>
|
55
|
+
<script type="text/javascript" delay="/assets/js/ads.js" crossorigin="anonymous"></script>
|
56
|
+
|
57
|
+
{% endif %}
|
58
58
|
{% endif %}
|
@@ -24,8 +24,7 @@
|
|
24
24
|
});
|
25
25
|
}
|
26
26
|
</script>
|
27
|
-
<script type="text/javascript" defer delay="{{site.monumetricId}}"
|
28
|
-
data-cfasync="false"></script>
|
27
|
+
<script type="text/javascript" defer delay="{{site.monumetricId}}" data-cfasync="false"></script>
|
29
28
|
{% endif %}
|
30
29
|
|
31
30
|
{% if jekyll.environment == 'development' and site.monumetricId %}
|
@@ -53,7 +52,7 @@
|
|
53
52
|
});
|
54
53
|
}
|
55
54
|
</script>
|
56
|
-
<script type="text/javascript" delay="{{site.monumetricId}}"
|
55
|
+
<script type="text/javascript" delay="{{site.monumetricId}}"></script>
|
57
56
|
|
58
57
|
{% endif %}
|
59
58
|
{% endif %}
|
@@ -1,52 +1,52 @@
|
|
1
|
-
{% if page.url != '/' %}
|
2
|
-
{% if jekyll.environment == 'production' and site.profitablecpmgateId %}
|
3
|
-
<script>
|
4
|
-
const eventList = ["keydown", "mousemove", "wheel", "touchmove", "touchstart", "touchend"];
|
5
|
-
eventList.forEach(function (event) {
|
6
|
-
window.addEventListener(event, triggerScripts, { passive: true })
|
7
|
-
});
|
8
|
-
|
9
|
-
function triggerScripts() {
|
10
|
-
runScripts();
|
11
|
-
eventList.forEach(function (event) {
|
12
|
-
window.removeEventListener(event, triggerScripts, { passive: true });
|
13
|
-
});
|
14
|
-
}
|
15
|
-
|
16
|
-
function runScripts() {
|
17
|
-
document.querySelectorAll("script[delay]").forEach(function (scriptTag) {
|
18
|
-
scriptTag.setAttribute("src", scriptTag.getAttribute("delay"));
|
19
|
-
});
|
20
|
-
}
|
21
|
-
</script>
|
22
|
-
<script type="text/javascript" delay="/assets/js/append-div.js" crossorigin="anonymous"></script>
|
23
|
-
<script async="async" type="text/javascript" data-cfasync="false"
|
24
|
-
delay="//pl17448257.profitablecpmgate.com/{{site.profitablecpmgateId}}/invoke.js" crossorigin="anonymous"></script>
|
25
|
-
{% endif %}
|
26
|
-
|
27
|
-
{% if jekyll.environment == 'development' and site.profitablecpmgateId %}
|
28
|
-
<script>
|
29
|
-
const eventList = ["keydown", "mousemove", "wheel", "touchmove", "touchstart", "touchend"];
|
30
|
-
eventList.forEach(function (event) {
|
31
|
-
window.addEventListener(event, triggerScripts, { passive: true })
|
32
|
-
});
|
33
|
-
|
34
|
-
function triggerScripts() {
|
35
|
-
runScripts();
|
36
|
-
eventList.forEach(function (event) {
|
37
|
-
window.removeEventListener(event, triggerScripts, { passive: true });
|
38
|
-
});
|
39
|
-
}
|
40
|
-
|
41
|
-
function runScripts() {
|
42
|
-
document.querySelectorAll("script[delay]").forEach(function (scriptTag) {
|
43
|
-
scriptTag.setAttribute("src", scriptTag.getAttribute("delay"));
|
44
|
-
});
|
45
|
-
}
|
46
|
-
</script>
|
47
|
-
<script type="text/javascript" delay="/assets/js/append-div.js" crossorigin="anonymous"></script>
|
48
|
-
<script async="async" type="text/javascript" data-cfasync="false"
|
49
|
-
delay="//pl17448257.profitablecpmgate.com/{{site.profitablecpmgateId}}/invoke.js" crossorigin="anonymous"></script>
|
50
|
-
|
51
|
-
{% endif %}
|
1
|
+
{% if page.url != '/' %}
|
2
|
+
{% if jekyll.environment == 'production' and site.profitablecpmgateId %}
|
3
|
+
<script>
|
4
|
+
const eventList = ["keydown", "mousemove", "wheel", "touchmove", "touchstart", "touchend"];
|
5
|
+
eventList.forEach(function (event) {
|
6
|
+
window.addEventListener(event, triggerScripts, { passive: true })
|
7
|
+
});
|
8
|
+
|
9
|
+
function triggerScripts() {
|
10
|
+
runScripts();
|
11
|
+
eventList.forEach(function (event) {
|
12
|
+
window.removeEventListener(event, triggerScripts, { passive: true });
|
13
|
+
});
|
14
|
+
}
|
15
|
+
|
16
|
+
function runScripts() {
|
17
|
+
document.querySelectorAll("script[delay]").forEach(function (scriptTag) {
|
18
|
+
scriptTag.setAttribute("src", scriptTag.getAttribute("delay"));
|
19
|
+
});
|
20
|
+
}
|
21
|
+
</script>
|
22
|
+
<script type="text/javascript" delay="/assets/js/append-div.js" crossorigin="anonymous"></script>
|
23
|
+
<script async="async" type="text/javascript" data-cfasync="false"
|
24
|
+
delay="//pl17448257.profitablecpmgate.com/{{site.profitablecpmgateId}}/invoke.js" crossorigin="anonymous"></script>
|
25
|
+
{% endif %}
|
26
|
+
|
27
|
+
{% if jekyll.environment == 'development' and site.profitablecpmgateId %}
|
28
|
+
<script>
|
29
|
+
const eventList = ["keydown", "mousemove", "wheel", "touchmove", "touchstart", "touchend"];
|
30
|
+
eventList.forEach(function (event) {
|
31
|
+
window.addEventListener(event, triggerScripts, { passive: true })
|
32
|
+
});
|
33
|
+
|
34
|
+
function triggerScripts() {
|
35
|
+
runScripts();
|
36
|
+
eventList.forEach(function (event) {
|
37
|
+
window.removeEventListener(event, triggerScripts, { passive: true });
|
38
|
+
});
|
39
|
+
}
|
40
|
+
|
41
|
+
function runScripts() {
|
42
|
+
document.querySelectorAll("script[delay]").forEach(function (scriptTag) {
|
43
|
+
scriptTag.setAttribute("src", scriptTag.getAttribute("delay"));
|
44
|
+
});
|
45
|
+
}
|
46
|
+
</script>
|
47
|
+
<script type="text/javascript" delay="/assets/js/append-div.js" crossorigin="anonymous"></script>
|
48
|
+
<script async="async" type="text/javascript" data-cfasync="false"
|
49
|
+
delay="//pl17448257.profitablecpmgate.com/{{site.profitablecpmgateId}}/invoke.js" crossorigin="anonymous"></script>
|
50
|
+
|
51
|
+
{% endif %}
|
52
52
|
{% endif %}
|
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>
|