appscms-tools-theme 2.4.4 → 2.4.5

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.
Files changed (27) hide show
  1. checksums.yaml +4 -4
  2. data/_data/feature/en/allele-frequency.json +242 -244
  3. data/_data/feature/en/compress-pdf.json +2 -1
  4. data/_data/feature/en/theframe.json +23 -27
  5. data/_data/home/en/photoeffects.json +23 -23
  6. data/_data/photo-categories.json +334 -51
  7. data/_data/photoeffects.json +116 -116
  8. data/_includes/header/index.html +4 -6
  9. data/_includes/monumetric/ads.html +57 -57
  10. data/_includes/monumetric/profitablecpmgate.html +51 -51
  11. data/_layouts/calculator.html +69 -83
  12. data/_layouts/feature-1.html +14 -0
  13. data/_layouts/feature.html +3 -5
  14. data/_layouts/frame.html +205 -205
  15. data/_layouts/imagekit.html +0 -7
  16. data/_layouts/photo-effects-home.html +83 -105
  17. data/assets/css/calculators.css +40 -40
  18. data/assets/css/common.css +4 -4
  19. data/assets/css/frame.css +695 -695
  20. data/assets/css/imagekit.css +748 -757
  21. data/assets/css/tools.css +1 -2
  22. data/assets/images/addimg.svg +2 -2
  23. data/assets/js/ads.js +8 -8
  24. data/assets/js/append-div.js +10 -10
  25. data/assets/js/photo-effects.json +32 -32
  26. data/assets/js/theme.js +11 -27
  27. metadata +7 -7
data/_includes/monumetric/ads.html CHANGED
@@ -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 %}
data/_includes/monumetric/profitablecpmgate.html CHANGED
@@ -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,84 +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
- {%- 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
-
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>
84
70
  </div>
data/_layouts/feature-1.html CHANGED
@@ -107,6 +107,18 @@
107
107
  <p id="error" class="p-3"></p>
108
108
  </div>
109
109
  </div>
110
+
111
+ {%- if page.workspace -%}
112
+
113
+ <div class="workspace" style="display: none">
114
+ <div class="row mx-auto">
115
+ <div class="col-md-10 mx-auto">
116
+ {{content}}
117
+ </div>
118
+ </div>
119
+ </div>
120
+
121
+ {%- else -%}
110
122
  <div class="workspace" style="display: none;">
111
123
  <div class="row mx-auto">
112
124
  <div class="col-md-10 mx-auto">
@@ -172,6 +184,8 @@
172
184
  {{content}}
173
185
  {%- endif -%}
174
186
  </div>
187
+ {%- endif -%}
188
+
175
189
  </div>
176
190
  <input class="d-none" onchange="fileOnChange()" type="file" id="file" accept=".jpg,.jpeg,.png,.webp"
177
191
  class="file" />
data/_layouts/feature.html CHANGED
@@ -30,8 +30,7 @@
30
30
  {%- if page.layout != "frame" and page.layout != "photo-effects-home" -%}
31
31
  <div class="flex-container pb-3">
32
32
  <div class="flex-class py-4 mt-4 mt-md-0 ">
33
- <div id="h1-img-wrapper" class="d-flex justify-content-center align-items-center"><span id="h1-img"
34
- class="fHhdVc">
33
+ <div class="d-flex justify-content-center align-items-center"><span class="fHhdVc">
35
34
  <div class="div-cont feature-img mr-2">
36
35
  {%- if featureData.img -%}
37
36
  <img style=width:{{featureData.imgwidth}};height:{{featureData.imgheight}};
@@ -48,7 +47,7 @@
48
47
  </div>
49
48
  </span>
50
49
  {%- assign featureh1 = featureData.H1 | replace: "$variable", page.value -%}
51
- <h1 id="feature-h1" class="feature-h1">{%- for word in featureh1-%}
50
+ <h1 class="feature-h1">{%- for word in featureh1-%}
52
51
  {%- if forloop.first == true -%}
53
52
  {{word | capitalize }}
54
53
  {%- else -%}
@@ -57,7 +56,7 @@
57
56
  {%- endfor -%}</h1>
58
57
  </div>
59
58
  {%- assign featureh2 = featureData.H2 | replace: "$variable", page.value -%}
60
- <h2 id="feature-h2" class="feature-h2">
59
+ <h2 class="feature-h2">
61
60
  {%- for word in featureh2 -%}
62
61
  {%- if forloop.first == true -%}
63
62
  {{word | capitalize }}
@@ -255,7 +254,6 @@
255
254
  {%- endif -%}
256
255
  {% include footer/index.html %}
257
256
  {% include script.html %}
258
- <script defer src="/app.js"></script>
259
257
  </body>
260
258
 
261
259
  </html>