appscms-tools-theme 2.3.9 → 2.4.0

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.
@@ -1,117 +1,117 @@
1
- [
2
- {
3
- "featureName": "Hot Air Balloon",
4
- "url": "/",
5
- "image": "https://cdn.photofunia.com/effects/balloon/icons/regular.jpg"
6
- },
7
- {
8
- "featureName": "Hot Air Balloon",
9
- "url": "/",
10
- "image": "https://cdn.photofunia.com/effects/balloon/icons/regular.jpg"
11
- },
12
- {
13
- "featureName": "Hot Air Balloon",
14
- "url": "/",
15
- "image": "https://cdn.photofunia.com/effects/balloon/icons/regular.jpg"
16
- },
17
- {
18
- "featureName": "Hot Air Balloon",
19
- "url": "/",
20
- "image": "https://cdn.photofunia.com/effects/balloon/icons/regular.jpg"
21
- },
22
- {
23
- "featureName": "Hot Air Balloon",
24
- "url": "/",
25
- "image": "https://cdn.photofunia.com/effects/balloon/icons/regular.jpg"
26
- },
27
- {
28
- "featureName": "Hot Air Balloon",
29
- "url": "/",
30
- "image": "https://cdn.photofunia.com/effects/balloon/icons/regular.jpg"
31
- },
32
- {
33
- "featureName": "Hot Air Balloon",
34
- "url": "/",
35
- "image": "https://cdn.photofunia.com/effects/balloon/icons/regular.jpg"
36
- },
37
- {
38
- "featureName": "Hot Air Balloon",
39
- "url": "/",
40
- "image": "https://cdn.photofunia.com/effects/balloon/icons/regular.jpg"
41
- },
42
- {
43
- "featureName": "Hot Air Balloon",
44
- "url": "/",
45
- "image": "https://cdn.photofunia.com/effects/balloon/icons/regular.jpg"
46
- },
47
- {
48
- "featureName": "Hot Air Balloon",
49
- "url": "/",
50
- "image": "https://cdn.photofunia.com/effects/balloon/icons/regular.jpg"
51
- },
52
- {
53
- "featureName": "Hot Air Balloon",
54
- "url": "/",
55
- "image": "https://cdn.photofunia.com/effects/balloon/icons/regular.jpg"
56
- },
57
- {
58
- "featureName": "Hot Air Balloon",
59
- "url": "/",
60
- "image": "https://cdn.photofunia.com/effects/balloon/icons/regular.jpg"
61
- },
62
- {
63
- "featureName": "Hot Air Balloon",
64
- "url": "/",
65
- "image": "https://cdn.photofunia.com/effects/balloon/icons/regular.jpg"
66
- },
67
- {
68
- "featureName": "Hot Air Balloon",
69
- "url": "/",
70
- "image": "https://cdn.photofunia.com/effects/balloon/icons/regular.jpg"
71
- },
72
- {
73
- "featureName": "Hot Air Balloon",
74
- "url": "/",
75
- "image": "https://cdn.photofunia.com/effects/balloon/icons/regular.jpg"
76
- },
77
- {
78
- "featureName": "Hot Air Balloon",
79
- "url": "/",
80
- "image": "https://cdn.photofunia.com/effects/balloon/icons/regular.jpg"
81
- },
82
- {
83
- "featureName": "Hot Air Balloon",
84
- "url": "/",
85
- "image": "https://cdn.photofunia.com/effects/balloon/icons/regular.jpg"
86
- },
87
- {
88
- "featureName": "Hot Air Balloon",
89
- "url": "/",
90
- "image": "https://cdn.photofunia.com/effects/balloon/icons/regular.jpg"
91
- },
92
- {
93
- "featureName": "Hot Air Balloon",
94
- "url": "/",
95
- "image": "https://cdn.photofunia.com/effects/balloon/icons/regular.jpg"
96
- },
97
- {
98
- "featureName": "Hot Air Balloon",
99
- "url": "/",
100
- "image": "https://cdn.photofunia.com/effects/balloon/icons/regular.jpg"
101
- },
102
- {
103
- "featureName": "Hot Air Balloon",
104
- "url": "/",
105
- "image": "https://cdn.photofunia.com/effects/balloon/icons/regular.jpg"
106
- },
107
- {
108
- "featureName": "Hot Air Balloon",
109
- "url": "/",
110
- "image": "https://cdn.photofunia.com/effects/balloon/icons/regular.jpg"
111
- },
112
- {
113
- "featureName": "Hot Air Balloon",
114
- "url": "/",
115
- "image": "https://cdn.photofunia.com/effects/balloon/icons/regular.jpg"
116
- }
1
+ [
2
+ {
3
+ "featureName": "Hot Air Balloon",
4
+ "url": "/",
5
+ "image": "https://cdn.photofunia.com/effects/balloon/icons/regular.jpg"
6
+ },
7
+ {
8
+ "featureName": "Hot Air Balloon",
9
+ "url": "/",
10
+ "image": "https://cdn.photofunia.com/effects/balloon/icons/regular.jpg"
11
+ },
12
+ {
13
+ "featureName": "Hot Air Balloon",
14
+ "url": "/",
15
+ "image": "https://cdn.photofunia.com/effects/balloon/icons/regular.jpg"
16
+ },
17
+ {
18
+ "featureName": "Hot Air Balloon",
19
+ "url": "/",
20
+ "image": "https://cdn.photofunia.com/effects/balloon/icons/regular.jpg"
21
+ },
22
+ {
23
+ "featureName": "Hot Air Balloon",
24
+ "url": "/",
25
+ "image": "https://cdn.photofunia.com/effects/balloon/icons/regular.jpg"
26
+ },
27
+ {
28
+ "featureName": "Hot Air Balloon",
29
+ "url": "/",
30
+ "image": "https://cdn.photofunia.com/effects/balloon/icons/regular.jpg"
31
+ },
32
+ {
33
+ "featureName": "Hot Air Balloon",
34
+ "url": "/",
35
+ "image": "https://cdn.photofunia.com/effects/balloon/icons/regular.jpg"
36
+ },
37
+ {
38
+ "featureName": "Hot Air Balloon",
39
+ "url": "/",
40
+ "image": "https://cdn.photofunia.com/effects/balloon/icons/regular.jpg"
41
+ },
42
+ {
43
+ "featureName": "Hot Air Balloon",
44
+ "url": "/",
45
+ "image": "https://cdn.photofunia.com/effects/balloon/icons/regular.jpg"
46
+ },
47
+ {
48
+ "featureName": "Hot Air Balloon",
49
+ "url": "/",
50
+ "image": "https://cdn.photofunia.com/effects/balloon/icons/regular.jpg"
51
+ },
52
+ {
53
+ "featureName": "Hot Air Balloon",
54
+ "url": "/",
55
+ "image": "https://cdn.photofunia.com/effects/balloon/icons/regular.jpg"
56
+ },
57
+ {
58
+ "featureName": "Hot Air Balloon",
59
+ "url": "/",
60
+ "image": "https://cdn.photofunia.com/effects/balloon/icons/regular.jpg"
61
+ },
62
+ {
63
+ "featureName": "Hot Air Balloon",
64
+ "url": "/",
65
+ "image": "https://cdn.photofunia.com/effects/balloon/icons/regular.jpg"
66
+ },
67
+ {
68
+ "featureName": "Hot Air Balloon",
69
+ "url": "/",
70
+ "image": "https://cdn.photofunia.com/effects/balloon/icons/regular.jpg"
71
+ },
72
+ {
73
+ "featureName": "Hot Air Balloon",
74
+ "url": "/",
75
+ "image": "https://cdn.photofunia.com/effects/balloon/icons/regular.jpg"
76
+ },
77
+ {
78
+ "featureName": "Hot Air Balloon",
79
+ "url": "/",
80
+ "image": "https://cdn.photofunia.com/effects/balloon/icons/regular.jpg"
81
+ },
82
+ {
83
+ "featureName": "Hot Air Balloon",
84
+ "url": "/",
85
+ "image": "https://cdn.photofunia.com/effects/balloon/icons/regular.jpg"
86
+ },
87
+ {
88
+ "featureName": "Hot Air Balloon",
89
+ "url": "/",
90
+ "image": "https://cdn.photofunia.com/effects/balloon/icons/regular.jpg"
91
+ },
92
+ {
93
+ "featureName": "Hot Air Balloon",
94
+ "url": "/",
95
+ "image": "https://cdn.photofunia.com/effects/balloon/icons/regular.jpg"
96
+ },
97
+ {
98
+ "featureName": "Hot Air Balloon",
99
+ "url": "/",
100
+ "image": "https://cdn.photofunia.com/effects/balloon/icons/regular.jpg"
101
+ },
102
+ {
103
+ "featureName": "Hot Air Balloon",
104
+ "url": "/",
105
+ "image": "https://cdn.photofunia.com/effects/balloon/icons/regular.jpg"
106
+ },
107
+ {
108
+ "featureName": "Hot Air Balloon",
109
+ "url": "/",
110
+ "image": "https://cdn.photofunia.com/effects/balloon/icons/regular.jpg"
111
+ },
112
+ {
113
+ "featureName": "Hot Air Balloon",
114
+ "url": "/",
115
+ "image": "https://cdn.photofunia.com/effects/balloon/icons/regular.jpg"
116
+ }
117
117
  ]
@@ -9,9 +9,10 @@
9
9
  <nav class="header-navbar navbar navbar-expand-lg">
10
10
  <div class="container px-0">
11
11
  {% if dataToShow.navbarBrandText != "" %}
12
- <a class="navbar-brand" href="/" title="{{dataToShow.navbarBrandText}}">{{dataToShow.navbarBrandText}}</a>
12
+ <a id="home-link" class="navbar-brand" href="/"
13
+ title="{{dataToShow.navbarBrandText}}">{{dataToShow.navbarBrandText}}</a>
13
14
  {% else %}
14
- <a href="/">
15
+ <a id="home-link" href="/">
15
16
  <img class="header-logo-height" src="{{ dataToShow.navbarBrandLogo }}" alt="{{ dataToShow.navbarBrandLogo }}"
16
17
  {%- if site.crossorigin -%} crossorigin {%- endif -%}>
17
18
  </a>
@@ -100,9 +101,10 @@
100
101
  <header id="header">
101
102
  <nav class="navbar navbar-expand-lg py-3 px-sm-2">
102
103
  {% if dataToShow.navbarBrandText != "" %}
103
- <a class="navbar-brand" href="/" title="{{dataToShow.navbarBrandText}}">{{dataToShow.navbarBrandText}}</a>
104
+ <a id="home-link" class="navbar-brand" href="/"
105
+ title="{{dataToShow.navbarBrandText}}">{{dataToShow.navbarBrandText}}</a>
104
106
  {% else %}
105
- <a href="/">
107
+ <a id="home-link" href="/">
106
108
  <img class="logo-height" src="{{ dataToShow.navbarBrandLogo }}" alt="{{ dataToShow.navbarBrandLogo }}" {%- if
107
109
  site.crossorigin -%} crossorigin {%- endif -%}>
108
110
  </a>
@@ -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 %}
@@ -1,70 +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
- <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
+ {%- 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
+
70
84
  </div>