appscms-tools-theme 2.7.1 → 2.7.2
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 +246 -246
- data/_data/feature/en/face-detection.json +52 -52
- data/_data/feature/en/theframe.json +56 -56
- data/_data/home/en/photoeffects.json +23 -23
- data/_includes/Usp/usp.html +1 -1
- data/_includes/customblog/recentposts.html +3 -1
- data/_includes/monumetric/ads.html +57 -57
- data/_includes/monumetric/profitablecpmgate.html +51 -51
- data/_includes/section/recent_posts.html +3 -1
- data/_layouts/blog-1.html +2 -0
- data/_layouts/blog.html +2 -0
- data/_layouts/calculator.html +89 -89
- data/_layouts/feature.html +1 -0
- data/_layouts/frame.html +221 -3
- data/_layouts/home.html +1 -0
- data/_layouts/photo-effects-home.html +95 -15
- data/assets/css/calculators.css +47 -47
- data/assets/css/frame.css +87 -31
- data/assets/css/tools.css +2 -2
- 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/calculator-tooltip.js +3 -3
- data/assets/js/face-api.js +38064 -38064
- data/assets/js/face-detection.js +303 -303
- data/assets/js/perspective.min.js +182 -182
- data/assets/js/photo-effects.json +84 -84
- metadata +7 -7
|
@@ -1,57 +1,57 @@
|
|
|
1
|
-
{
|
|
2
|
-
"Language": "English",
|
|
3
|
-
"htmlLangAtt": "en",
|
|
4
|
-
"H1": "The frame",
|
|
5
|
-
"H2": "Upload the image and apply your favourite border",
|
|
6
|
-
"color": "#ff6131",
|
|
7
|
-
"imgwidth": "35px",
|
|
8
|
-
"imgheight": "35px",
|
|
9
|
-
"imgalt": "altvalue",
|
|
10
|
-
"nofileupload": true,
|
|
11
|
-
"variant": "primary",
|
|
12
|
-
"TITLE": "Image border tool- Surround your images with a border",
|
|
13
|
-
"META": "Image border tool helps you to add a simple border frame to your image. You can customize border colour and width. Border sets the focal subject.",
|
|
14
|
-
"TEXTUAL_CONTENT": [],
|
|
15
|
-
"FAQ": [
|
|
16
|
-
{
|
|
17
|
-
"question": "",
|
|
18
|
-
"answer": ""
|
|
19
|
-
}
|
|
20
|
-
],
|
|
21
|
-
"jsfilepaths": [
|
|
22
|
-
"/assets/js/googledrive.js",
|
|
23
|
-
"/assets/js/perspective.min.js",
|
|
24
|
-
"https://cdnjs.cloudflare.com/ajax/libs/cropperjs/1.5.12/cropper.min.js",
|
|
25
|
-
"/assets/js/frame.js"
|
|
26
|
-
],
|
|
27
|
-
"cssfilepaths": [
|
|
28
|
-
"https://cdnjs.cloudflare.com/ajax/libs/cropperjs/1.5.12/cropper.css",
|
|
29
|
-
"/assets/css/frame.css"
|
|
30
|
-
],
|
|
31
|
-
"mainPreviewImage": "https://cdn.photofunia.com/effects/balloon/icons/medium.jpg",
|
|
32
|
-
"imageSamples": [
|
|
33
|
-
"https://cdn.photofunia.com/effects/balloon/icons/medium.jpg",
|
|
34
|
-
"https://cdn.photofunia.com/effects/balloon/icons/medium.jpg",
|
|
35
|
-
"https://cdn.photofunia.com/effects/balloon/icons/medium.jpg",
|
|
36
|
-
"https://cdn.photofunia.com/effects/balloon/icons/medium.jpg"
|
|
37
|
-
],
|
|
38
|
-
"image": {
|
|
39
|
-
"src": "/assets/images/gallary.png",
|
|
40
|
-
"height": 277,
|
|
41
|
-
"width": 378,
|
|
42
|
-
"x": 110,
|
|
43
|
-
"y": 180
|
|
44
|
-
},
|
|
45
|
-
"effectImagePath": "/assets/images/gallary.png",
|
|
46
|
-
"elements": [
|
|
47
|
-
{
|
|
48
|
-
"type": "image",
|
|
49
|
-
"label": "Choose Your Image"
|
|
50
|
-
},
|
|
51
|
-
{
|
|
52
|
-
"type": "text",
|
|
53
|
-
"id": "text-1",
|
|
54
|
-
"label": "text"
|
|
55
|
-
}
|
|
56
|
-
]
|
|
1
|
+
{
|
|
2
|
+
"Language": "English",
|
|
3
|
+
"htmlLangAtt": "en",
|
|
4
|
+
"H1": "The frame",
|
|
5
|
+
"H2": "Upload the image and apply your favourite border",
|
|
6
|
+
"color": "#ff6131",
|
|
7
|
+
"imgwidth": "35px",
|
|
8
|
+
"imgheight": "35px",
|
|
9
|
+
"imgalt": "altvalue",
|
|
10
|
+
"nofileupload": true,
|
|
11
|
+
"variant": "primary",
|
|
12
|
+
"TITLE": "Image border tool- Surround your images with a border",
|
|
13
|
+
"META": "Image border tool helps you to add a simple border frame to your image. You can customize border colour and width. Border sets the focal subject.",
|
|
14
|
+
"TEXTUAL_CONTENT": [],
|
|
15
|
+
"FAQ": [
|
|
16
|
+
{
|
|
17
|
+
"question": "",
|
|
18
|
+
"answer": ""
|
|
19
|
+
}
|
|
20
|
+
],
|
|
21
|
+
"jsfilepaths": [
|
|
22
|
+
"/assets/js/googledrive.js",
|
|
23
|
+
"/assets/js/perspective.min.js",
|
|
24
|
+
"https://cdnjs.cloudflare.com/ajax/libs/cropperjs/1.5.12/cropper.min.js",
|
|
25
|
+
"/assets/js/frame.js"
|
|
26
|
+
],
|
|
27
|
+
"cssfilepaths": [
|
|
28
|
+
"https://cdnjs.cloudflare.com/ajax/libs/cropperjs/1.5.12/cropper.css",
|
|
29
|
+
"/assets/css/frame.css"
|
|
30
|
+
],
|
|
31
|
+
"mainPreviewImage": "https://cdn.photofunia.com/effects/balloon/icons/medium.jpg",
|
|
32
|
+
"imageSamples": [
|
|
33
|
+
"https://cdn.photofunia.com/effects/balloon/icons/medium.jpg",
|
|
34
|
+
"https://cdn.photofunia.com/effects/balloon/icons/medium.jpg",
|
|
35
|
+
"https://cdn.photofunia.com/effects/balloon/icons/medium.jpg",
|
|
36
|
+
"https://cdn.photofunia.com/effects/balloon/icons/medium.jpg"
|
|
37
|
+
],
|
|
38
|
+
"image": {
|
|
39
|
+
"src": "/assets/images/gallary.png",
|
|
40
|
+
"height": 277,
|
|
41
|
+
"width": 378,
|
|
42
|
+
"x": 110,
|
|
43
|
+
"y": 180
|
|
44
|
+
},
|
|
45
|
+
"effectImagePath": "/assets/images/gallary.png",
|
|
46
|
+
"elements": [
|
|
47
|
+
{
|
|
48
|
+
"type": "image",
|
|
49
|
+
"label": "Choose Your Image"
|
|
50
|
+
},
|
|
51
|
+
{
|
|
52
|
+
"type": "text",
|
|
53
|
+
"id": "text-1",
|
|
54
|
+
"label": "text"
|
|
55
|
+
}
|
|
56
|
+
]
|
|
57
57
|
}
|
|
@@ -1,24 +1,24 @@
|
|
|
1
|
-
{
|
|
2
|
-
"Language": "English",
|
|
3
|
-
"htmlLangAtt": "en",
|
|
4
|
-
"H1": "All effects",
|
|
5
|
-
"H2": "Largest and best collection of photo effects",
|
|
6
|
-
"color": "#ff6131",
|
|
7
|
-
"imgwidth": "35px",
|
|
8
|
-
"imgheight": "35px",
|
|
9
|
-
"imgalt": "altvalue",
|
|
10
|
-
"nofileupload": true,
|
|
11
|
-
"variant": "primary",
|
|
12
|
-
"TITLE": "Image border tool- Surround your images with a border",
|
|
13
|
-
"META": "Image border tool helps you to add a simple border frame to your image. You can customize border colour and width. Border sets the focal subject.",
|
|
14
|
-
"TEXTUAL_CONTENT": [],
|
|
15
|
-
"FAQ": [
|
|
16
|
-
{
|
|
17
|
-
"question": "",
|
|
18
|
-
"answer": ""
|
|
19
|
-
}
|
|
20
|
-
],
|
|
21
|
-
"cssfilepaths": [
|
|
22
|
-
"/assets/css/frame.css"
|
|
23
|
-
]
|
|
1
|
+
{
|
|
2
|
+
"Language": "English",
|
|
3
|
+
"htmlLangAtt": "en",
|
|
4
|
+
"H1": "All effects",
|
|
5
|
+
"H2": "Largest and best collection of photo effects",
|
|
6
|
+
"color": "#ff6131",
|
|
7
|
+
"imgwidth": "35px",
|
|
8
|
+
"imgheight": "35px",
|
|
9
|
+
"imgalt": "altvalue",
|
|
10
|
+
"nofileupload": true,
|
|
11
|
+
"variant": "primary",
|
|
12
|
+
"TITLE": "Image border tool- Surround your images with a border",
|
|
13
|
+
"META": "Image border tool helps you to add a simple border frame to your image. You can customize border colour and width. Border sets the focal subject.",
|
|
14
|
+
"TEXTUAL_CONTENT": [],
|
|
15
|
+
"FAQ": [
|
|
16
|
+
{
|
|
17
|
+
"question": "",
|
|
18
|
+
"answer": ""
|
|
19
|
+
}
|
|
20
|
+
],
|
|
21
|
+
"cssfilepaths": [
|
|
22
|
+
"/assets/css/frame.css"
|
|
23
|
+
]
|
|
24
24
|
}
|
data/_includes/Usp/usp.html
CHANGED
|
@@ -8,7 +8,7 @@
|
|
|
8
8
|
<div class="row">
|
|
9
9
|
<div class="col-md-9 mx-auto">
|
|
10
10
|
{%- endif -%}
|
|
11
|
-
<
|
|
11
|
+
<h2 class="related_post_heading">Recent Posts</h2>
|
|
12
12
|
{%- if site.monumetricId and page.url != '/' and page.lang == "en" -%}
|
|
13
13
|
|
|
14
14
|
</div>
|
|
@@ -51,6 +51,8 @@
|
|
|
51
51
|
</span><br>
|
|
52
52
|
<span class="post-date">{{post.date | date_to_string }}</span>
|
|
53
53
|
</span>
|
|
54
|
+
<span class="post-read-more"><a class="text-dark" href="{{ post.url }}"
|
|
55
|
+
title="Read Story">Read More</a></span>
|
|
54
56
|
</div>
|
|
55
57
|
</div>
|
|
56
58
|
</div>
|
|
@@ -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 %}
|
|
@@ -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 %}
|
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
<div class="row">
|
|
8
8
|
<div class="col-md-9 mx-auto">
|
|
9
9
|
{%- endif -%}
|
|
10
|
-
<
|
|
10
|
+
<h2 class="related_post_heading">Recent Posts</h2>
|
|
11
11
|
{%- if site.monumetricId and page.url != '/' and page.lang == "en" -%}
|
|
12
12
|
|
|
13
13
|
</div>
|
|
@@ -50,6 +50,8 @@
|
|
|
50
50
|
</span><br>
|
|
51
51
|
<span class="post-date">{{post.date | date_to_string }}</span>
|
|
52
52
|
</span>
|
|
53
|
+
<span class="post-read-more"><a class="text-dark" href="{{ post.url }}"
|
|
54
|
+
title="Read Story">Read More</a></span>
|
|
53
55
|
</div>
|
|
54
56
|
</div>
|
|
55
57
|
</div>
|
data/_layouts/blog-1.html
CHANGED
data/_layouts/blog.html
CHANGED
data/_layouts/calculator.html
CHANGED
|
@@ -1,90 +1,90 @@
|
|
|
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
|
-
<div class="d-flex">
|
|
19
|
-
<label for="{{item.labelId}}">{{item.labelName}}</label>
|
|
20
|
-
{%- if item.toolTip -%} <span class="calculator-tooltip" data-toggle="tooltip"
|
|
21
|
-
data-placement="top" title="{{item.toolTip}}"><i
|
|
22
|
-
class="fas fa-info-circle"></i></span>{%-
|
|
23
|
-
endif -%}
|
|
24
|
-
</div>
|
|
25
|
-
</div>
|
|
26
|
-
{%- endif -%}
|
|
27
|
-
{%- if item.dropDown or item.inputBox or item.dateTimePicker -%}
|
|
28
|
-
<div class="col-md-12">
|
|
29
|
-
<div class="d-flex calculator-inputs">
|
|
30
|
-
{%- if item.inputBox -%}
|
|
31
|
-
{%- assign inputBoxType = "number" -%}
|
|
32
|
-
{%- if item.inputType -%}
|
|
33
|
-
{%- assign inputBoxType = item.inputType -%}
|
|
34
|
-
{%- endif -%}
|
|
35
|
-
<input class="form-control" type="{{inputBoxType}}" name="{{item.inputName}}"
|
|
36
|
-
id="{{item.inputId}}">
|
|
37
|
-
{%- endif -%}
|
|
38
|
-
{%- if item.dropDown -%}
|
|
39
|
-
<select class="form-control" name="{{item.dropDownName}}" id="{{item.dropDownId}}"></select>
|
|
40
|
-
{%- endif -%}
|
|
41
|
-
{%- if item.dateTimePicker -%}
|
|
42
|
-
<input class="form-control" type="date" name="{{item.dateTimePicker}}"
|
|
43
|
-
id="{{item.dateTimePickerId}}">
|
|
44
|
-
{%- endif -%}
|
|
45
|
-
{%- if item.unit -%}
|
|
46
|
-
<div class="unit">{{item.unit}}</div>
|
|
47
|
-
{%- endif -%}
|
|
48
|
-
|
|
49
|
-
</div>
|
|
50
|
-
|
|
51
|
-
</div>
|
|
52
|
-
{%- endif -%}
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
</div>
|
|
56
|
-
{%- endfor -%}
|
|
57
|
-
<div id="dynamic-section"></div>
|
|
58
|
-
</form>
|
|
59
|
-
|
|
60
|
-
</div>
|
|
61
|
-
<div class="row w-100 mx-auto">
|
|
62
|
-
{%- if calculatorData.ButtonValue -%}
|
|
63
|
-
<div class="col-12 mt-4 px-0">
|
|
64
|
-
<div class="d-flex justify-content-end">
|
|
65
|
-
<button class="submit-button" style="background-color:{{site.data[folder][lang][file].color}} ;"
|
|
66
|
-
type="{{calculatorData.ButtonType}}"
|
|
67
|
-
id="{{calculatorData.ButtonId}}">{{calculatorData.ButtonValue}}</button>
|
|
68
|
-
</div>
|
|
69
|
-
|
|
70
|
-
</div>
|
|
71
|
-
{%- endif -%}
|
|
72
|
-
{%- if calculatorData.resultDiv -%}
|
|
73
|
-
<div class="col-12 mt-3">
|
|
74
|
-
<div class="result-section" id="result-section">
|
|
75
|
-
|
|
76
|
-
</div>
|
|
77
|
-
</div>
|
|
78
|
-
{%- endif -%}
|
|
79
|
-
</div>
|
|
80
|
-
|
|
81
|
-
</div>
|
|
82
|
-
{%- if calculatorData.calculatorWarning-%}
|
|
83
|
-
<div class="warning-alert-box mt-4">
|
|
84
|
-
<div class="alert alert-danger" role="alert">
|
|
85
|
-
{{ calculatorData.calculatorWarning }}
|
|
86
|
-
</div>
|
|
87
|
-
</div>
|
|
88
|
-
{%- endif -%}
|
|
89
|
-
|
|
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
|
+
<div class="d-flex">
|
|
19
|
+
<label for="{{item.labelId}}">{{item.labelName}}</label>
|
|
20
|
+
{%- if item.toolTip -%} <span class="calculator-tooltip" data-toggle="tooltip"
|
|
21
|
+
data-placement="top" title="{{item.toolTip}}"><i
|
|
22
|
+
class="fas fa-info-circle"></i></span>{%-
|
|
23
|
+
endif -%}
|
|
24
|
+
</div>
|
|
25
|
+
</div>
|
|
26
|
+
{%- endif -%}
|
|
27
|
+
{%- if item.dropDown or item.inputBox or item.dateTimePicker -%}
|
|
28
|
+
<div class="col-md-12">
|
|
29
|
+
<div class="d-flex calculator-inputs">
|
|
30
|
+
{%- if item.inputBox -%}
|
|
31
|
+
{%- assign inputBoxType = "number" -%}
|
|
32
|
+
{%- if item.inputType -%}
|
|
33
|
+
{%- assign inputBoxType = item.inputType -%}
|
|
34
|
+
{%- endif -%}
|
|
35
|
+
<input class="form-control" type="{{inputBoxType}}" name="{{item.inputName}}"
|
|
36
|
+
id="{{item.inputId}}">
|
|
37
|
+
{%- endif -%}
|
|
38
|
+
{%- if item.dropDown -%}
|
|
39
|
+
<select class="form-control" name="{{item.dropDownName}}" id="{{item.dropDownId}}"></select>
|
|
40
|
+
{%- endif -%}
|
|
41
|
+
{%- if item.dateTimePicker -%}
|
|
42
|
+
<input class="form-control" type="date" name="{{item.dateTimePicker}}"
|
|
43
|
+
id="{{item.dateTimePickerId}}">
|
|
44
|
+
{%- endif -%}
|
|
45
|
+
{%- if item.unit -%}
|
|
46
|
+
<div class="unit">{{item.unit}}</div>
|
|
47
|
+
{%- endif -%}
|
|
48
|
+
|
|
49
|
+
</div>
|
|
50
|
+
|
|
51
|
+
</div>
|
|
52
|
+
{%- endif -%}
|
|
53
|
+
|
|
54
|
+
|
|
55
|
+
</div>
|
|
56
|
+
{%- endfor -%}
|
|
57
|
+
<div id="dynamic-section"></div>
|
|
58
|
+
</form>
|
|
59
|
+
|
|
60
|
+
</div>
|
|
61
|
+
<div class="row w-100 mx-auto">
|
|
62
|
+
{%- if calculatorData.ButtonValue -%}
|
|
63
|
+
<div class="col-12 mt-4 px-0">
|
|
64
|
+
<div class="d-flex justify-content-end">
|
|
65
|
+
<button class="submit-button" style="background-color:{{site.data[folder][lang][file].color}} ;"
|
|
66
|
+
type="{{calculatorData.ButtonType}}"
|
|
67
|
+
id="{{calculatorData.ButtonId}}">{{calculatorData.ButtonValue}}</button>
|
|
68
|
+
</div>
|
|
69
|
+
|
|
70
|
+
</div>
|
|
71
|
+
{%- endif -%}
|
|
72
|
+
{%- if calculatorData.resultDiv -%}
|
|
73
|
+
<div class="col-12 mt-3">
|
|
74
|
+
<div class="result-section" id="result-section">
|
|
75
|
+
|
|
76
|
+
</div>
|
|
77
|
+
</div>
|
|
78
|
+
{%- endif -%}
|
|
79
|
+
</div>
|
|
80
|
+
|
|
81
|
+
</div>
|
|
82
|
+
{%- if calculatorData.calculatorWarning-%}
|
|
83
|
+
<div class="warning-alert-box mt-4">
|
|
84
|
+
<div class="alert alert-danger" role="alert">
|
|
85
|
+
{{ calculatorData.calculatorWarning }}
|
|
86
|
+
</div>
|
|
87
|
+
</div>
|
|
88
|
+
{%- endif -%}
|
|
89
|
+
|
|
90
90
|
</div>
|