appscms-tools-theme 2.2.3 → 2.2.4

Sign up to get free protection for your applications and to get access to all the features.
@@ -1,11 +1,11 @@
1
- [
2
- {
3
- "category": "Christmas",
4
- "features": [
5
- {
6
- "name": "Calendar",
7
- "link": "/calendar"
8
- }
9
- ]
10
- }
1
+ [
2
+ {
3
+ "category": "Christmas",
4
+ "features": [
5
+ {
6
+ "name": "Calendar",
7
+ "link": "/calendar"
8
+ }
9
+ ]
10
+ }
11
11
  ]
@@ -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
- {%- if page.effect == "blur" -%}
10
- <input class="w-100" type="range" min="0" max="50" value="25" step="0.5" id="applyFilter"
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}}" crossorigin="anonymous"
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}}" crossorigin="anonymous"></script>
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 %}
@@ -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>