appscms-tools-theme 2.7.0 → 2.7.2

data/_data/feature/en/theframe.json

@@ -1,57 +1,57 @@
-{
-    "Language": "English",
-    "htmlLangAtt": "en",
-    "H1": "The frame",
-    "H2": "Upload the image and apply your favourite border",
-    "color": "#ff6131",
-    "imgwidth": "35px",
-    "imgheight": "35px",
-    "imgalt": "altvalue",
-    "nofileupload": true,
-    "variant": "primary",
-    "TITLE": "Image border tool- Surround your images with a border",
-    "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.",
-    "TEXTUAL_CONTENT": [],
-    "FAQ": [
-        {
-            "question": "",
-            "answer": ""
-        }
-    ],
-    "jsfilepaths": [
-        "/assets/js/googledrive.js",
-        "/assets/js/perspective.min.js",
-        "https://cdnjs.cloudflare.com/ajax/libs/cropperjs/1.5.12/cropper.min.js",
-        "/assets/js/frame.js"
-    ],
-    "cssfilepaths": [
-        "https://cdnjs.cloudflare.com/ajax/libs/cropperjs/1.5.12/cropper.css",
-        "/assets/css/frame.css"
-    ],
-    "mainPreviewImage": "https://cdn.photofunia.com/effects/balloon/icons/medium.jpg",
-    "imageSamples": [
-        "https://cdn.photofunia.com/effects/balloon/icons/medium.jpg",
-        "https://cdn.photofunia.com/effects/balloon/icons/medium.jpg",
-        "https://cdn.photofunia.com/effects/balloon/icons/medium.jpg",
-        "https://cdn.photofunia.com/effects/balloon/icons/medium.jpg"
-    ],
-    "image": {
-        "src": "/assets/images/gallary.png",
-        "height": 277,
-        "width": 378,
-        "x": 110,
-        "y": 180
-    },
-    "effectImagePath": "/assets/images/gallary.png",
-    "elements": [
-        {
-            "type": "image",
-            "label": "Choose Your Image"
-        },
-        {
-            "type": "text",
-            "id": "text-1",
-            "label": "text"
-        }
-    ]
+{
+    "Language": "English",
+    "htmlLangAtt": "en",
+    "H1": "The frame",
+    "H2": "Upload the image and apply your favourite border",
+    "color": "#ff6131",
+    "imgwidth": "35px",
+    "imgheight": "35px",
+    "imgalt": "altvalue",
+    "nofileupload": true,
+    "variant": "primary",
+    "TITLE": "Image border tool- Surround your images with a border",
+    "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.",
+    "TEXTUAL_CONTENT": [],
+    "FAQ": [
+        {
+            "question": "",
+            "answer": ""
+        }
+    ],
+    "jsfilepaths": [
+        "/assets/js/googledrive.js",
+        "/assets/js/perspective.min.js",
+        "https://cdnjs.cloudflare.com/ajax/libs/cropperjs/1.5.12/cropper.min.js",
+        "/assets/js/frame.js"
+    ],
+    "cssfilepaths": [
+        "https://cdnjs.cloudflare.com/ajax/libs/cropperjs/1.5.12/cropper.css",
+        "/assets/css/frame.css"
+    ],
+    "mainPreviewImage": "https://cdn.photofunia.com/effects/balloon/icons/medium.jpg",
+    "imageSamples": [
+        "https://cdn.photofunia.com/effects/balloon/icons/medium.jpg",
+        "https://cdn.photofunia.com/effects/balloon/icons/medium.jpg",
+        "https://cdn.photofunia.com/effects/balloon/icons/medium.jpg",
+        "https://cdn.photofunia.com/effects/balloon/icons/medium.jpg"
+    ],
+    "image": {
+        "src": "/assets/images/gallary.png",
+        "height": 277,
+        "width": 378,
+        "x": 110,
+        "y": 180
+    },
+    "effectImagePath": "/assets/images/gallary.png",
+    "elements": [
+        {
+            "type": "image",
+            "label": "Choose Your Image"
+        },
+        {
+            "type": "text",
+            "id": "text-1",
+            "label": "text"
+        }
+    ]
 }

data/_data/home/en/photoeffects.json

@@ -1,24 +1,24 @@
-{
-    "Language": "English",
-    "htmlLangAtt": "en",
-    "H1": "All effects",
-    "H2": "Largest and best collection of photo effects",
-    "color": "#ff6131",
-    "imgwidth": "35px",
-    "imgheight": "35px",
-    "imgalt": "altvalue",
-    "nofileupload": true,
-    "variant": "primary",
-    "TITLE": "Image border tool- Surround your images with a border",
-    "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.",
-    "TEXTUAL_CONTENT": [],
-    "FAQ": [
-        {
-            "question": "",
-            "answer": ""
-        }
-    ],
-    "cssfilepaths": [
-        "/assets/css/frame.css"
-    ]
+{
+    "Language": "English",
+    "htmlLangAtt": "en",
+    "H1": "All effects",
+    "H2": "Largest and best collection of photo effects",
+    "color": "#ff6131",
+    "imgwidth": "35px",
+    "imgheight": "35px",
+    "imgalt": "altvalue",
+    "nofileupload": true,
+    "variant": "primary",
+    "TITLE": "Image border tool- Surround your images with a border",
+    "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.",
+    "TEXTUAL_CONTENT": [],
+    "FAQ": [
+        {
+            "question": "",
+            "answer": ""
+        }
+    ],
+    "cssfilepaths": [
+        "/assets/css/frame.css"
+    ]
 }

data/_includes/monumetric/ads.html

@@ -1,58 +1,58 @@
-{% if page.url != '/' %}
-{% if jekyll.environment == 'production' and site.adsId %}
-<script>
-    const autoLoadDuration = 5; //In Seconds
-    const eventList = ["keydown", "mousemove", "wheel", "touchmove", "touchstart", "touchend"];
-
-    const autoLoadTimeout = setTimeout(runScripts, autoLoadDuration * 1000);
-
-    eventList.forEach(function (event) {
-        window.addEventListener(event, triggerScripts, { passive: true })
-    });
-
-    function triggerScripts() {
-        runScripts();
-        clearTimeout(autoLoadTimeout);
-        eventList.forEach(function (event) {
-            window.removeEventListener(event, triggerScripts, { passive: true });
-        });
-    }
-
-    function runScripts() {
-        document.querySelectorAll("script[delay]").forEach(function (scriptTag) {
-            scriptTag.setAttribute("src", scriptTag.getAttribute("delay"));
-        });
-    }
-</script>
-<script type="text/javascript" delay="/assets/js/ads.js" crossorigin="anonymous"></script>
-{% endif %}
-
-{% if jekyll.environment == 'development' and site.adsId %}
-<script>
-    const autoLoadDuration = 5; //In Seconds
-    const eventList = ["keydown", "mousemove", "wheel", "touchmove", "touchstart", "touchend"];
-
-    const autoLoadTimeout = setTimeout(runScripts, autoLoadDuration * 1000);
-
-    eventList.forEach(function (event) {
-        window.addEventListener(event, triggerScripts, { passive: true })
-    });
-
-    function triggerScripts() {
-        runScripts();
-        clearTimeout(autoLoadTimeout);
-        eventList.forEach(function (event) {
-            window.removeEventListener(event, triggerScripts, { passive: true });
-        });
-    }
-
-    function runScripts() {
-        document.querySelectorAll("script[delay]").forEach(function (scriptTag) {
-            scriptTag.setAttribute("src", scriptTag.getAttribute("delay"));
-        });
-    }
-</script>
-<script type="text/javascript" delay="/assets/js/ads.js" crossorigin="anonymous"></script>
-
-{% endif %}
+{% if page.url != '/' %}
+{% if jekyll.environment == 'production' and site.adsId %}
+<script>
+    const autoLoadDuration = 5; //In Seconds
+    const eventList = ["keydown", "mousemove", "wheel", "touchmove", "touchstart", "touchend"];
+
+    const autoLoadTimeout = setTimeout(runScripts, autoLoadDuration * 1000);
+
+    eventList.forEach(function (event) {
+        window.addEventListener(event, triggerScripts, { passive: true })
+    });
+
+    function triggerScripts() {
+        runScripts();
+        clearTimeout(autoLoadTimeout);
+        eventList.forEach(function (event) {
+            window.removeEventListener(event, triggerScripts, { passive: true });
+        });
+    }
+
+    function runScripts() {
+        document.querySelectorAll("script[delay]").forEach(function (scriptTag) {
+            scriptTag.setAttribute("src", scriptTag.getAttribute("delay"));
+        });
+    }
+</script>
+<script type="text/javascript" delay="/assets/js/ads.js" crossorigin="anonymous"></script>
+{% endif %}
+
+{% if jekyll.environment == 'development' and site.adsId %}
+<script>
+    const autoLoadDuration = 5; //In Seconds
+    const eventList = ["keydown", "mousemove", "wheel", "touchmove", "touchstart", "touchend"];
+
+    const autoLoadTimeout = setTimeout(runScripts, autoLoadDuration * 1000);
+
+    eventList.forEach(function (event) {
+        window.addEventListener(event, triggerScripts, { passive: true })
+    });
+
+    function triggerScripts() {
+        runScripts();
+        clearTimeout(autoLoadTimeout);
+        eventList.forEach(function (event) {
+            window.removeEventListener(event, triggerScripts, { passive: true });
+        });
+    }
+
+    function runScripts() {
+        document.querySelectorAll("script[delay]").forEach(function (scriptTag) {
+            scriptTag.setAttribute("src", scriptTag.getAttribute("delay"));
+        });
+    }
+</script>
+<script type="text/javascript" delay="/assets/js/ads.js" crossorigin="anonymous"></script>
+
+{% endif %}
 {% endif %}

data/_includes/monumetric/profitablecpmgate.html

@@ -1,52 +1,52 @@
-{% if page.url != '/' %}
-{% if jekyll.environment == 'production' and site.profitablecpmgateId %}
-<script>
-    const eventList = ["keydown", "mousemove", "wheel", "touchmove", "touchstart", "touchend"];
-    eventList.forEach(function (event) {
-        window.addEventListener(event, triggerScripts, { passive: true })
-    });
-
-    function triggerScripts() {
-        runScripts();
-        eventList.forEach(function (event) {
-            window.removeEventListener(event, triggerScripts, { passive: true });
-        });
-    }
-
-    function runScripts() {
-        document.querySelectorAll("script[delay]").forEach(function (scriptTag) {
-            scriptTag.setAttribute("src", scriptTag.getAttribute("delay"));
-        });
-    }
-</script>
-<script type="text/javascript" delay="/assets/js/append-div.js" crossorigin="anonymous"></script>
-<script async="async" type="text/javascript" data-cfasync="false"
-    delay="//pl17448257.profitablecpmgate.com/{{site.profitablecpmgateId}}/invoke.js" crossorigin="anonymous"></script>
-{% endif %}
-
-{% if jekyll.environment == 'development' and site.profitablecpmgateId %}
-<script>
-    const eventList = ["keydown", "mousemove", "wheel", "touchmove", "touchstart", "touchend"];
-    eventList.forEach(function (event) {
-        window.addEventListener(event, triggerScripts, { passive: true })
-    });
-
-    function triggerScripts() {
-        runScripts();
-        eventList.forEach(function (event) {
-            window.removeEventListener(event, triggerScripts, { passive: true });
-        });
-    }
-
-    function runScripts() {
-        document.querySelectorAll("script[delay]").forEach(function (scriptTag) {
-            scriptTag.setAttribute("src", scriptTag.getAttribute("delay"));
-        });
-    }
-</script>
-<script type="text/javascript" delay="/assets/js/append-div.js" crossorigin="anonymous"></script>
-<script async="async" type="text/javascript" data-cfasync="false"
-    delay="//pl17448257.profitablecpmgate.com/{{site.profitablecpmgateId}}/invoke.js" crossorigin="anonymous"></script>
-
-{% endif %}
+{% if page.url != '/' %}
+{% if jekyll.environment == 'production' and site.profitablecpmgateId %}
+<script>
+    const eventList = ["keydown", "mousemove", "wheel", "touchmove", "touchstart", "touchend"];
+    eventList.forEach(function (event) {
+        window.addEventListener(event, triggerScripts, { passive: true })
+    });
+
+    function triggerScripts() {
+        runScripts();
+        eventList.forEach(function (event) {
+            window.removeEventListener(event, triggerScripts, { passive: true });
+        });
+    }
+
+    function runScripts() {
+        document.querySelectorAll("script[delay]").forEach(function (scriptTag) {
+            scriptTag.setAttribute("src", scriptTag.getAttribute("delay"));
+        });
+    }
+</script>
+<script type="text/javascript" delay="/assets/js/append-div.js" crossorigin="anonymous"></script>
+<script async="async" type="text/javascript" data-cfasync="false"
+    delay="//pl17448257.profitablecpmgate.com/{{site.profitablecpmgateId}}/invoke.js" crossorigin="anonymous"></script>
+{% endif %}
+
+{% if jekyll.environment == 'development' and site.profitablecpmgateId %}
+<script>
+    const eventList = ["keydown", "mousemove", "wheel", "touchmove", "touchstart", "touchend"];
+    eventList.forEach(function (event) {
+        window.addEventListener(event, triggerScripts, { passive: true })
+    });
+
+    function triggerScripts() {
+        runScripts();
+        eventList.forEach(function (event) {
+            window.removeEventListener(event, triggerScripts, { passive: true });
+        });
+    }
+
+    function runScripts() {
+        document.querySelectorAll("script[delay]").forEach(function (scriptTag) {
+            scriptTag.setAttribute("src", scriptTag.getAttribute("delay"));
+        });
+    }
+</script>
+<script type="text/javascript" delay="/assets/js/append-div.js" crossorigin="anonymous"></script>
+<script async="async" type="text/javascript" data-cfasync="false"
+    delay="//pl17448257.profitablecpmgate.com/{{site.profitablecpmgateId}}/invoke.js" crossorigin="anonymous"></script>
+
+{% endif %}
 {% endif %}

data/_layouts/calculator.html

@@ -1,90 +1,90 @@
----
-layout: feature
----
-
-{% assign file = page.fileName %}
-{% assign lang = page.lang %}
-{% assign folder = page.folderName %}
-{% assign calculatorData= site.data[folder][lang][file].calculatorData %}
-
-<div class="container">
-    <div class="calculator-workspace">
-        <div class="row w-100 mx-auto">
-            <form id="calculator-form" class="w-100">
-                {%- for item in calculatorData.calculatorRow -%}
-                <div class="row" id="calculator-row-{{forloop.index}}">
-                    {%- if item.labelName -%}
-                    <div class="col-md-12">
-                        <div class="d-flex">
-                            <label for="{{item.labelId}}">{{item.labelName}}</label>
-                            {%- if item.toolTip -%} <span class="calculator-tooltip" data-toggle="tooltip"
-                                data-placement="top" title="{{item.toolTip}}"><i
-                                    class="fas fa-info-circle"></i></span>{%-
-                            endif -%}
-                        </div>
-                    </div>
-                    {%- endif -%}
-                    {%- if item.dropDown or item.inputBox or item.dateTimePicker -%}
-                    <div class="col-md-12">
-                        <div class="d-flex calculator-inputs">
-                            {%- if item.inputBox -%}
-                            {%- assign inputBoxType = "number" -%}
-                            {%- if item.inputType -%}
-                            {%- assign inputBoxType = item.inputType -%}
-                            {%- endif -%}
-                            <input class="form-control" type="{{inputBoxType}}" name="{{item.inputName}}"
-                                id="{{item.inputId}}">
-                            {%- endif -%}
-                            {%- if item.dropDown -%}
-                            <select class="form-control" name="{{item.dropDownName}}" id="{{item.dropDownId}}"></select>
-                            {%- endif -%}
-                            {%- if item.dateTimePicker -%}
-                            <input class="form-control" type="date" name="{{item.dateTimePicker}}"
-                                id="{{item.dateTimePickerId}}">
-                            {%- endif -%}
-                            {%- if item.unit -%}
-                            <div class="unit">{{item.unit}}</div>
-                            {%- endif -%}
-
-                        </div>
-
-                    </div>
-                    {%- endif -%}
-
-
-                </div>
-                {%- endfor -%}
-                <div id="dynamic-section"></div>
-            </form>
-
-        </div>
-        <div class="row w-100 mx-auto">
-            {%- if calculatorData.ButtonValue -%}
-            <div class="col-12 mt-4 px-0">
-                <div class="d-flex justify-content-end">
-                    <button class="submit-button" style="background-color:{{site.data[folder][lang][file].color}} ;"
-                        type="{{calculatorData.ButtonType}}"
-                        id="{{calculatorData.ButtonId}}">{{calculatorData.ButtonValue}}</button>
-                </div>
-
-            </div>
-            {%- endif -%}
-            {%- if calculatorData.resultDiv -%}
-            <div class="col-12 mt-3">
-                <div class="result-section" id="result-section">
-
-                </div>
-            </div>
-            {%- endif -%}
-        </div>
-
-    </div>
-    {%- if calculatorData.calculatorWarning-%}
-    <div class="warning-alert-box mt-4">
-        <div class="alert alert-danger" role="alert">
-            {{ calculatorData.calculatorWarning }}
-        </div>
-    </div>
-    {%- endif -%}
-
+---
+layout: feature
+---
+
+{% assign file = page.fileName %}
+{% assign lang = page.lang %}
+{% assign folder = page.folderName %}
+{% assign calculatorData= site.data[folder][lang][file].calculatorData %}
+
+<div class="container">
+    <div class="calculator-workspace">
+        <div class="row w-100 mx-auto">
+            <form id="calculator-form" class="w-100">
+                {%- for item in calculatorData.calculatorRow -%}
+                <div class="row" id="calculator-row-{{forloop.index}}">
+                    {%- if item.labelName -%}
+                    <div class="col-md-12">
+                        <div class="d-flex">
+                            <label for="{{item.labelId}}">{{item.labelName}}</label>
+                            {%- if item.toolTip -%} <span class="calculator-tooltip" data-toggle="tooltip"
+                                data-placement="top" title="{{item.toolTip}}"><i
+                                    class="fas fa-info-circle"></i></span>{%-
+                            endif -%}
+                        </div>
+                    </div>
+                    {%- endif -%}
+                    {%- if item.dropDown or item.inputBox or item.dateTimePicker -%}
+                    <div class="col-md-12">
+                        <div class="d-flex calculator-inputs">
+                            {%- if item.inputBox -%}
+                            {%- assign inputBoxType = "number" -%}
+                            {%- if item.inputType -%}
+                            {%- assign inputBoxType = item.inputType -%}
+                            {%- endif -%}
+                            <input class="form-control" type="{{inputBoxType}}" name="{{item.inputName}}"
+                                id="{{item.inputId}}">
+                            {%- endif -%}
+                            {%- if item.dropDown -%}
+                            <select class="form-control" name="{{item.dropDownName}}" id="{{item.dropDownId}}"></select>
+                            {%- endif -%}
+                            {%- if item.dateTimePicker -%}
+                            <input class="form-control" type="date" name="{{item.dateTimePicker}}"
+                                id="{{item.dateTimePickerId}}">
+                            {%- endif -%}
+                            {%- if item.unit -%}
+                            <div class="unit">{{item.unit}}</div>
+                            {%- endif -%}
+
+                        </div>
+
+                    </div>
+                    {%- endif -%}
+
+
+                </div>
+                {%- endfor -%}
+                <div id="dynamic-section"></div>
+            </form>
+
+        </div>
+        <div class="row w-100 mx-auto">
+            {%- if calculatorData.ButtonValue -%}
+            <div class="col-12 mt-4 px-0">
+                <div class="d-flex justify-content-end">
+                    <button class="submit-button" style="background-color:{{site.data[folder][lang][file].color}} ;"
+                        type="{{calculatorData.ButtonType}}"
+                        id="{{calculatorData.ButtonId}}">{{calculatorData.ButtonValue}}</button>
+                </div>
+
+            </div>
+            {%- endif -%}
+            {%- if calculatorData.resultDiv -%}
+            <div class="col-12 mt-3">
+                <div class="result-section" id="result-section">
+
+                </div>
+            </div>
+            {%- endif -%}
+        </div>
+
+    </div>
+    {%- if calculatorData.calculatorWarning-%}
+    <div class="warning-alert-box mt-4">
+        <div class="alert alert-danger" role="alert">
+            {{ calculatorData.calculatorWarning }}
+        </div>
+    </div>
+    {%- endif -%}
+
 </div>

data/_layouts/feature.html

@@ -207,6 +207,7 @@
 									</p>
 								</div>
 							</li>
+							<hr>
 							{% endfor %}
 						</ul>
 					</div>