appscms-tools-theme 4.5.4 → 4.5.5

data/_includes/appscms/head/head.html

@@ -49,15 +49,30 @@
 
   {%- endif -%} {%- if page.layout == "aboutUs" -%}
 
-  <meta name="description" content="{{site.name}} - About us | {{description}}" />
+  <meta
+    name="description"
+    content="{{site.name}} - About us | {{description}}"
+  />
   {% elsif page.layout == "termAndCondition" %}
-  <meta name="description" content="{{site.name}} - Terms and conditions | {{description}}" />
+  <meta
+    name="description"
+    content="{{site.name}} - Terms and conditions | {{description}}"
+  />
   {% elsif page.layout == "disclaimer" %}
-  <meta name="description" content="{{site.name}} - Disclaimer | {{description}}" />
+  <meta
+    name="description"
+    content="{{site.name}} - Disclaimer | {{description}}"
+  />
   {% elsif page.layout == "privacyPolicy" %}
-  <meta name="description" content="{{site.name}} - Privacy policy | {{description}}" />
+  <meta
+    name="description"
+    content="{{site.name}} - Privacy policy | {{description}}"
+  />
   {% elsif page.layout == "contactUs" %}
-  <meta name="description" content="{{site.name}} - Contact | {{description}}" />
+  <meta
+    name="description"
+    content="{{site.name}} - Contact | {{description}}"
+  />
   {%- else -%}
   <meta name="description" content="{{description}}" />
 
@@ -65,108 +80,207 @@
 
   <link rel="canonical" href="{{site.url | append:  page.url}}" />
 
-  <link rel="stylesheet" href="/assets/css/bootstrap.min.css" {%- if site.crossorigin -%} {{ }} crossorigin="anonymous"
-    {%- endif -%} />
+  <link
+    rel="stylesheet"
+    href="/assets/css/bootstrap.min.css"
+    {%-
+    if
+    site.crossorigin
+    -%}
+    {{
+    }}
+    crossorigin="anonymous"
+    {%-
+    endif
+    -%}
+  />
 
   {%- if dataToShow.css -%}
 
-  <link rel="stylesheet" href="{{dataToShow.css}}" {%- if site.crossorigin -%} {{ }} crossorigin="anonymous" {%- endif
-    -%} />
-  {%- else -%}
-
-
-  {%- endif -%} {%- if site.monumetricId -%}
-
-  <link rel="stylesheet" href="/assets/css/responsive.css" {%- if site.crossorigin -%} {{ }} crossorigin="anonymous" {%-
-    endif -%} />
-
-  {%- endif -%}
-
-
-
-
-  {%- if page.layout == "calculator" -%}
-
-  <link rel="stylesheet" href="/assets/css/calculators.css" {%- if site.crossorigin -%} {{ }} crossorigin="anonymous"
-    {%- endif -%} />
+  <link
+    rel="stylesheet"
+    href="{{dataToShow.css}}"
+    {%-
+    if
+    site.crossorigin
+    -%}
+    {{
+    }}
+    crossorigin="anonymous"
+    {%-
+    endif
+    -%}
+  />
+  {%- else -%} {%- endif -%} {%- if site.monumetricId -%}
+
+  <link
+    rel="stylesheet"
+    href="/assets/css/responsive.css"
+    {%-
+    if
+    site.crossorigin
+    -%}
+    {{
+    }}
+    crossorigin="anonymous"
+    {%-
+    endif
+    -%}
+  />
+
+  {%- endif -%} {%- if page.layout == "calculator" -%}
+
+  <link
+    rel="stylesheet"
+    href="/assets/css/calculators.css"
+    {%-
+    if
+    site.crossorigin
+    -%}
+    {{
+    }}
+    crossorigin="anonymous"
+    {%-
+    endif
+    -%}
+  />
 
   {%- endif -%} {%- if page.layout == "home-1" -%}
 
-  <link rel="stylesheet" href="/assets/css/home-1.css" {%- if site.crossorigin -%} {{ }} crossorigin="anonymous" {%-
-    endif -%} />
+  <link
+    rel="stylesheet"
+    href="/assets/css/home-1.css"
+    {%-
+    if
+    site.crossorigin
+    -%}
+    {{
+    }}
+    crossorigin="anonymous"
+    {%-
+    endif
+    -%}
+  />
 
   {%- endif -%} {%- if page.layout == "feature-1" or page.newBox or page.layout
   == "feature-download" -%}
 
-  <link rel="stylesheet" href="/assets/css/feature-1.css" {%- if site.crossorigin -%} {{ }} crossorigin="anonymous" {%-
-    endif -%} />
+  <link
+    rel="stylesheet"
+    href="/assets/css/feature-1.css"
+    {%-
+    if
+    site.crossorigin
+    -%}
+    {{
+    }}
+    crossorigin="anonymous"
+    {%-
+    endif
+    -%}
+  />
 
   {%- endif -%} {%- if page.layout == 'home-1' or page.layout == "feature-1" -%}
 
-  <link rel="stylesheet" href="/assets/css/common.css" {%- if site.crossorigin -%} {{ }} crossorigin="anonymous" {%-
-    endif -%} />
-
-  {%- endif -%}
-
-
-
-  {%- if page.layout == "contenttool-home" -%}
-  <link rel="stylesheet" href="/assets/css/appscms-contenttool.css" {%- if site.crossorigin -%} {{ }}
-    crossorigin="anonymous" {%- endif -%} />
+  <link
+    rel="stylesheet"
+    href="/assets/css/common.css"
+    {%-
+    if
+    site.crossorigin
+    -%}
+    {{
+    }}
+    crossorigin="anonymous"
+    {%-
+    endif
+    -%}
+  />
+
+  {%- endif -%} {%- if page.layout == "contenttool-home" -%}
+  <link
+    rel="stylesheet"
+    href="/assets/css/appscms-contenttool.css"
+    {%-
+    if
+    site.crossorigin
+    -%}
+    {{
+    }}
+    crossorigin="anonymous"
+    {%-
+    endif
+    -%}
+  />
   {%- endif -%}
 
-
-
   <link rel="stylesheet" href="/assets/css/appscms-variables.css" />
 
   {%- if page.layout != 'contenttool-home' -%}
   <link rel="stylesheet" href="/assets/css/appscms-theme.css" />
-  {%- endif -%}
-
-
-  {%- if page.layout == "appscms-calculator" -%}
+  {%- endif -%} {%- if page.layout == "appscms-calculator" -%}
   <link rel="stylesheet" href="/assets/css/appscms-feature.css" />
   <link rel="stylesheet" href="/assets/css/appscms-calculator.css" />
   {%- endif -%} {%- if page.layout == "appscms-home" -%}
   <link rel="stylesheet" href="/assets/css/appscms-home.css" />
-  {%- endif -%} {%- if page.layout == "appscms-feature" or page.layout == "contenttool-feature" -%}
+  {%- endif -%} {%- if page.layout == "appscms-feature" or page.layout ==
+  "contenttool-feature" -%}
   <link rel="stylesheet" href="/assets/css/appscms-feature.css" />
   {%- endif -%} {%- if page.layout == "appscms-video" -%}
   <link rel="stylesheet" href="/assets/css/appscms-feature.css" />
   {%- endif -%} {%- if page.layout == "appscms-audio" -%}
   <link rel="stylesheet" href="/assets/css/appscms-feature.css" />
-  {%- endif -%} 
-  {%- if page.layout == "devtools" -%}
+  {%- endif -%} {%- if page.layout == "devtools" -%}
   <link rel="stylesheet" href="/assets/css/appscms-feature.css" />
   {%- endif -%} {%- if page.layout == "devtool-home" or page.layout ==
   "devtool-feature" or page.layout == "devtools" or page.layout ==
   "devtool-about" -%}
   <link rel="stylesheet" href="/assets/css/devtool-main.css" />
-  {%- endif -%} 
-  {%- if page.layout == 'appscms-imagekit' -%}
+  {%- endif -%} {%- if page.layout == 'appscms-imagekit' -%}
   <link rel="stylesheet" href="/assets/css/appscms-feature.css" />
-  <link rel="stylesheet" href="/assets/css/appscms-imagekit.css" {%- if site.crossorigin -%} {{ }}
-    crossorigin="anonymous" {%- endif -%} />
+  <link
+    rel="stylesheet"
+    href="/assets/css/appscms-imagekit.css"
+    {%-
+    if
+    site.crossorigin
+    -%}
+    {{
+    }}
+    crossorigin="anonymous"
+    {%-
+    endif
+    -%}
+  />
 
   {%- endif -%}
   <meta data-rh="true" property="og:image" content="{{site.url}}{{favicon}}" />
   <meta property="og:title" content="{{title}}" />
   <meta property="og:description" content="{{description}}" />
   <meta property="og:type" content="website" />
-  <meta data-rh="true" property="og:url" content="{{site.url | append:  page.url}}" />
+  <meta
+    data-rh="true"
+    property="og:url"
+    content="{{site.url | append:  page.url}}"
+  />
   <meta data-rh="true" property="og:site_name" content="{{site.name}}" />
   <meta data-rh="true" property="twitter:domain" content="{{site.url}}" />
-  <meta data-rh="true" property="twitter:url" content="{{site.url | append:  page.url}}" />
+  <meta
+    data-rh="true"
+    property="twitter:url"
+    content="{{site.url | append:  page.url}}"
+  />
   <meta data-rh="true" name="twitter:title" content="{{title}}" />
   <meta data-rh="true" name="twitter:description" content="{{description}}" />
-  <meta data-rh="true" name="twitter:image:src" content="{{site.url}}{{favicon}}" />
-  {% include adsense/adsense.html %} 
-  {%- if page.noindex -%}
+  <meta
+    data-rh="true"
+    name="twitter:image:src"
+    content="{{site.url}}{{favicon}}"
+  />
+  {% include adsense/adsense.html %} {%- if page.noindex -%}
   <meta name="robots" content="noindex" />
 
-  {%- endif -%}
-  
-  {%- if site.pwa -%}
+  {%- endif -%} {%- if site.pwa -%}
 
   <link rel="manifest" href="/assets/js/manifest.json" />
 
@@ -229,8 +343,8 @@
     }
   </script>
 
-  {%- endif -%} {%- endif -%} {%- if dataToShow.infographics -%} {%- assign
-  infographics = dataToShow.infographics -%}
+  {%- endif -%} {%- endif -%} {%- if dataToShow.infographics.size > 0 -%} {%-
+  assign infographics = dataToShow.infographics -%}
 
   <script type="application/ld+json">
     {
@@ -275,7 +389,7 @@
       "sameAs": ["{{ featureAuthorNameTwitter }}"]
     }
   </script>
-  {%- endif -%} {%- if dataToShow.contributors -%}
+  {%- endif -%} {%- if dataToShow.contributors.size > 0 -%}
   <script type="application/ld+json">
     {
       "@context": "https://schema.org/",
@@ -299,8 +413,8 @@
       ]
     }
   </script>
-  {%- endif -%} {%- if dataToShow.FAQ -%} {%- if dataToShow.FAQ.first.question
-  != '' -%}
+  {%- endif -%} {%- if dataToShow.FAQ.size>0 -%} {%- if
+  dataToShow.FAQ.first.question != '' -%}
 
   <script type="application/ld+json">
     {
@@ -333,7 +447,7 @@
   </script>
 
   {%- endif -%} {%- endif -%} {%- if page.tool -%} {%- include
-  Rating/structureddata.html -%} {%- endif -%}  {%- if site.pwa -%}
+  Rating/structureddata.html -%} {%- endif -%} {%- if site.pwa -%}
 
   <script>
     if ("serviceWorker" in navigator) {
@@ -351,8 +465,4 @@
   monumetric/monumetric.html -%} {%- endif -%} {%- include monumetric/ads.html
   -%} {%- if page.layout == "feature" or page.layout == "home" -%} {%- include
   monumetric/profitablecpmgate.html -%} {%- endif -%}
-
-
-
-
-</head>
+</head>

data/_includes/appscms/headings/contenttool-headings.html

@@ -1,33 +1,33 @@
-{%- if page.layout == "appscms-audio" or page.layout == "appscms-video" -%} {%-
-    else -%}
-    <div class="container heading">
-      <div class="contenttool-bg-lite"></div>
-      <div class="row">
-        <div
-          class="container mt-3 grid-contentttool-h1" style="display: flex;"
-        >
-          {%- if pageData.H1 -%} {%- assign h1 = pageData.H1 -%} {%- elsif
-          pageData.h1 -%} {%- assign h1 = pageData.h1 -%} {%- endif -%} {%- if
-          pageData.H2 -%} {%- assign h2 = pageData.H2 -%} {%- elsif pageData.h2 -%}
-          {%- assign h2 = pageData.h2 -%} {%- endif -%}
-    <div class="heading-landing-text">
-          <h1 class="text-left appscms-h1 contenttool-landing-h1">
-            {%- for word in h1 -%} {%- if forloop.first == true -%} {{word |
-            capitalize }} {%- else -%} {{word}} {%- endif -%} {%- endfor -%}
-          </h1>
-          <h2 class="text-left appscms-h2 contenttool-landing-h2">
-            {%- for word in h2 -%} {%- if forloop.first == true -%} {{word |
-            capitalize }} {%- else -%} {{word}} {%- endif -%} {%- endfor -%}
-          </h2>
-        </div>
-        <img id="landing-main-svg"  src="/assets/images/contenttool-main.svg" alt="manvector">           
-        </div>
-        <svg id="contenttool-line-top" width="242" height="321" viewBox="0 0 242 321" fill="none" xmlns="http://www.w3.org/2000/svg">
-            <path d="M1 1C6.15486 44.3372 60.1151 138.089 235.818 138.089C487.727 138.089 618.363 226.161 679 320" stroke="#0066FF" stroke-width="2" stroke-dasharray="5 8"/>
-            </svg> 
-            <svg id="contenttool-line-left-bottom" width="173" height="855" viewBox="0 0 173 855" fill="none" xmlns="http://www.w3.org/2000/svg">
-                <path d="M-48.9434 1.14502C-15.7718 92.377 114.216 198.249 161.568 276.272C208.919 354.296 81.401 346.5 37.2577 552.416C1.94297 717.148 -4.2862 822.14 -2.98644 854.044" stroke="#0066FF" stroke-width="2" stroke-dasharray="5 8"/>
-                </svg>                
-      </div>
-    </div>
-    {%- endif -%}
+{%- if page.layout == "appscms-audio" or page.layout == "appscms-video" -%} {%-
+    else -%}
+    <div class="container heading">
+      <div class="contenttool-bg-lite"></div>
+      <div class="row">
+        <div
+          class="container mt-3 grid-contentttool-h1" style="display: flex;"
+        >
+          {%- if pageData.H1 -%} {%- assign h1 = pageData.H1 -%} {%- elsif
+          pageData.h1 -%} {%- assign h1 = pageData.h1 -%} {%- endif -%} {%- if
+          pageData.H2 -%} {%- assign h2 = pageData.H2 -%} {%- elsif pageData.h2 -%}
+          {%- assign h2 = pageData.h2 -%} {%- endif -%}
+    <div class="heading-landing-text">
+          <h1 class="text-left appscms-h1 contenttool-landing-h1">
+            {%- for word in h1 -%} {%- if forloop.first == true -%} {{word |
+            capitalize }} {%- else -%} {{word}} {%- endif -%} {%- endfor -%}
+          </h1>
+          <h2 class="text-left appscms-h2 contenttool-landing-h2">
+            {%- for word in h2 -%} {%- if forloop.first == true -%} {{word |
+            capitalize }} {%- else -%} {{word}} {%- endif -%} {%- endfor -%}
+          </h2>
+        </div>
+        <img id="landing-main-svg"  src="/assets/images/contenttool-main.svg" alt="manvector">           
+        </div>
+        <svg id="contenttool-line-top" width="242" height="321" viewBox="0 0 242 321" fill="none" xmlns="http://www.w3.org/2000/svg">
+            <path d="M1 1C6.15486 44.3372 60.1151 138.089 235.818 138.089C487.727 138.089 618.363 226.161 679 320" stroke="#0066FF" stroke-width="2" stroke-dasharray="5 8"/>
+            </svg> 
+            <svg id="contenttool-line-left-bottom" width="173" height="855" viewBox="0 0 173 855" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path d="M-48.9434 1.14502C-15.7718 92.377 114.216 198.249 161.568 276.272C208.919 354.296 81.401 346.5 37.2577 552.416C1.94297 717.148 -4.2862 822.14 -2.98644 854.044" stroke="#0066FF" stroke-width="2" stroke-dasharray="5 8"/>
+                </svg>                
+      </div>
+    </div>
+    {%- endif -%}

data/_includes/appscms/headings/devtool-headings.html

@@ -1,38 +1,38 @@
-{%- if page.layout == "appscms-audio" or page.layout == "appscms-video" -%} {%-
-    else -%}
-    <div class="container heading" style="height: 40vh;">
-      <div class="contenttool-bg-lite" style="margin-top: 20vh;"></div>
-      <div class="row">
-        <div
-          class="container mt-3 grid-contentttool-h1"
-        >
-          {%- if pageData.H1 -%} {%- assign h1 = pageData.H1 -%} {%- elsif
-          pageData.h1 -%} {%- assign h1 = pageData.h1 -%} {%- endif -%} {%- if
-          pageData.H2 -%} {%- assign h2 = pageData.H2 -%} {%- elsif pageData.h2 -%}
-          {%- assign h2 = pageData.h2 -%} {%- endif -%}
-    <div class="heading-landing-text">
-          <h1 class="text-center appscms-h1 contenttool-landing-h1 text-white">
-            {%- for word in h1 -%} {%- if forloop.first == true -%} {{word |
-            capitalize }} {%- else -%} {{word}} {%- endif -%} {%- endfor -%}
-          </h1>
-          <h2 class="text-center appscms-h2 contenttool-landing-h2 text-white">
-            {%- for word in h2 -%} {%- if forloop.first == true -%} {{word |
-            capitalize }} {%- else -%} {{word}} {%- endif -%} {%- endfor -%}
-          </h2>
-          <div class="random-spans">
-            <span class="span1" style="position: absolute; transform: rotate(10deg); left: 20vw; top: 20vh; font-size: 38px; color: white;">+</span>
-            <span class="span2" style="position: absolute; transform: rotate(-20deg); left: 40vw; top: 30vh; font-size: 24px; color: white;">+</span>
-            <span class="span3" style="position: absolute; transform: rotate(5deg); right: 20vw; top: 40vh; font-size: 28px; color: white;">+</span>
-            <span class="span4" style="position: absolute; transform: rotate(-15deg); left: 77vw; bottom: 60vh; font-size: 22px; color: white;">+</span>
-            <span class="span5" style="position: absolute; transform: rotate(25deg); left: 10vw; bottom: 30vh; font-size: 24px; color: white;">+</span>
-            <span class="span6" style="position: absolute; transform: rotate(0deg); right: 10vw; bottom: 20vh; font-size: 14px; color: white;">+</span>
-            <span class="span7" style="position: absolute; transform: rotate(-10deg); left: 50vw; top: 10vh; font-size: 26px; color: white;">+</span>
-            <span class="span8" style="position: absolute; transform: rotate(15deg); right: 10vw; bottom: 30vh; font-size: 35px; color: white;">+</span>
-            <span class="span9" style="position: absolute; transform: rotate(-5deg); right: 5vw; top: 20vh; font-size: 30px; color: white;">+</span>
-            <span class="span10" style="position: absolute; transform: rotate(8deg); left: 15vw; bottom: 15vh; font-size: 32px; color: white;">+</span>
-          </div>
-        </div>
-        </div>               
-      </div>
-    </div>
-    {%- endif -%}
+{%- if page.layout == "appscms-audio" or page.layout == "appscms-video" -%} {%-
+    else -%}
+    <div class="container heading" style="height: 40vh;">
+      <div class="contenttool-bg-lite" style="margin-top: 20vh;"></div>
+      <div class="row">
+        <div
+          class="container mt-3 grid-contentttool-h1"
+        >
+          {%- if pageData.H1 -%} {%- assign h1 = pageData.H1 -%} {%- elsif
+          pageData.h1 -%} {%- assign h1 = pageData.h1 -%} {%- endif -%} {%- if
+          pageData.H2 -%} {%- assign h2 = pageData.H2 -%} {%- elsif pageData.h2 -%}
+          {%- assign h2 = pageData.h2 -%} {%- endif -%}
+    <div class="heading-landing-text">
+          <h1 class="text-center appscms-h1 contenttool-landing-h1 text-white">
+            {%- for word in h1 -%} {%- if forloop.first == true -%} {{word |
+            capitalize }} {%- else -%} {{word}} {%- endif -%} {%- endfor -%}
+          </h1>
+          <h2 class="text-center appscms-h2 contenttool-landing-h2 text-white">
+            {%- for word in h2 -%} {%- if forloop.first == true -%} {{word |
+            capitalize }} {%- else -%} {{word}} {%- endif -%} {%- endfor -%}
+          </h2>
+          <div class="random-spans">
+            <span class="span1" style="position: absolute; transform: rotate(10deg); left: 20vw; top: 20vh; font-size: 38px; color: white;">+</span>
+            <span class="span2" style="position: absolute; transform: rotate(-20deg); left: 40vw; top: 30vh; font-size: 24px; color: white;">+</span>
+            <span class="span3" style="position: absolute; transform: rotate(5deg); right: 20vw; top: 40vh; font-size: 28px; color: white;">+</span>
+            <span class="span4" style="position: absolute; transform: rotate(-15deg); left: 77vw; bottom: 60vh; font-size: 22px; color: white;">+</span>
+            <span class="span5" style="position: absolute; transform: rotate(25deg); left: 10vw; bottom: 30vh; font-size: 24px; color: white;">+</span>
+            <span class="span6" style="position: absolute; transform: rotate(0deg); right: 10vw; bottom: 20vh; font-size: 14px; color: white;">+</span>
+            <span class="span7" style="position: absolute; transform: rotate(-10deg); left: 50vw; top: 10vh; font-size: 26px; color: white;">+</span>
+            <span class="span8" style="position: absolute; transform: rotate(15deg); right: 10vw; bottom: 30vh; font-size: 35px; color: white;">+</span>
+            <span class="span9" style="position: absolute; transform: rotate(-5deg); right: 5vw; top: 20vh; font-size: 30px; color: white;">+</span>
+            <span class="span10" style="position: absolute; transform: rotate(8deg); left: 15vw; bottom: 15vh; font-size: 32px; color: white;">+</span>
+          </div>
+        </div>
+        </div>               
+      </div>
+    </div>
+    {%- endif -%}

data/_includes/appscms/home/contenttool-feature-boxes.html

@@ -1,20 +1,20 @@
-<div class="container" id="appscms-tools-section">
-    <div class="appscms-contenttool-container" id="appscms-tools-section-row">
-          {% for item in pageData.features %}
-            <a href="{{item.url}}">
-            <div class="appscms-contenttool-tool">
-              <div class="contentool-tool-image-background" style="background: {{item.color}};">
-                <img id="contenttool-icon-img" crossorigin="anonymous" src="{{item.icon}}" alt="img" />
-              </div>
-                <div class="contenttool-card-info">
-                  <p class="contenttool-tool-heading">{{item.name}}</p>
-                <p class="contenttool-tool-text">{{item.description}}</p>
-                </div>
-            </div>
-          </a>
-          {% endfor %}
-        </div>
-      </div>
-    </div>
-  </div>
+<div class="container" id="appscms-tools-section">
+    <div class="appscms-contenttool-container" id="appscms-tools-section-row">
+          {% for item in pageData.features %}
+            <a href="{{item.url}}">
+            <div class="appscms-contenttool-tool">
+              <div class="contentool-tool-image-background" style="background: {{item.color}};">
+                <img id="contenttool-icon-img" crossorigin="anonymous" src="{{item.icon}}" alt="img" />
+              </div>
+                <div class="contenttool-card-info">
+                  <p class="contenttool-tool-heading">{{item.name}}</p>
+                <p class="contenttool-tool-text">{{item.description}}</p>
+                </div>
+            </div>
+          </a>
+          {% endfor %}
+        </div>
+      </div>
+    </div>
+  </div>