appscms-tools-theme 4.7.7 → 4.7.9

data/_includes/appscms/featurePageAuthors/featurePageAuthors.html

@@ -1,85 +1,85 @@
-{% assign file = page.fileName %} {% assign lang = page.lang %} {% assign folder
-= page.folderName %} {% assign featureData= site.data[folder][lang][file] %}
-<section class="authors-list">
-  <div class="container">
-    <div class="row">
-      <div class="col-md-12">
-        {%- if featureData.author -%}
-        <h4 class="mb-4 text-center authors-heading font-weight-bolder">
-          About The Author
-        </h4>
-        {%- endif -%}
-          {%- if featureData.author -%} {%- include authors/authors.html -%} {%-
-          assign featureAuthor = featureData.author | split: " " -%} {%- assign
-          author = featureAuthor.first | downcase -%} {%- assign collection =
-          [author] -%} {%- for item in collection -%} {%- if forloop.index==1
-          -%} {%- assign featureAuthorName = item -%} {%- endif -%} {%- if
-          forloop.index==2 -%} {%- assign featureAuthorImage = item -%} {%-
-          endif -%} {%- if forloop.index==3 -%} {%- assign featureAuthorBio =
-          item -%} {%- endif %} {%- endfor %}
-
-          <div class="featurePageAuthor">
-            <a
-              href="/authors/{{featureAuthorName | downcase  | replace: ' ', '-' }}"
-              class="author_image d-flex justify-content-center"
-            >
-              <img
-                class="author-img"
-                loading="lazy"
-                src="{{ featureAuthorImage }}"
-                height="35px"
-                width="35px"
-                alt="{{ featureAuthorName }}"
-                id="author_img"
-                {%-
-                if
-                site.crossorigin
-                -%}
-                crossorigin
-                {%-
-                endif
-                -%}
-              />
-            </a>
-              <p class="author-meta author_bio mt-3  mb-0">{{featureAuthorBio}}</p>
-          </div>
-          {%- endif %} {%- assign contributors = featureData.contributors |
-          uniq: 'name' -%} {%- if contributors.size > 0 -%}
-          <h4 class="mb-4 w-100 text-center authors-heading font-weight-bolder">
-            Contributors
-          </h4>
-          <div class="d-flex justify-content-center w-100" style="gap: 10px">
-            {%- for contributor in contributors -%} {%- assign
-            featureContributorData = contributor.name | split: " " -%} {%-
-            assign featureContributorData = featureContributorData.first |
-            downcase -%} {%- assign collectionData = [featureContributorData]
-            -%} {%- for item in collectionData -%} {%- if forloop.index == 1 -%}
-            {%- assign featureContributorDataName = item -%} {%- endif -%} {%-
-            if forloop.index == 2 -%} {%- assign featureContributorDataImage =
-            item -%} {%- endif -%} {%- if forloop.index == 3 -%} {%- assign
-            featureContributorDataBio = item -%} {%- endif -%} {%- if
-            forloop.index == 4 -%} {%- assign featureContributorDataTwitter =
-            item -%} {%- endif -%} {%- endfor -%} {%- if
-            featureContributorDataName -%}
-            <a
-              href="/authors/{{featureContributorDataName | downcase  | replace: ' ' , '-'' }}"
-              class="contributor"
-            >
-              <img
-                loading="lazy"
-                src="{{ featureContributorDataImage }}"
-                alt="author image {{ featureContributorDataName }}"
-                style="border-radius: 100%; width: 50px; height: 50px"
-              />
-              <div class="contributor-name">
-                {{ featureContributorDataName }}
-              </div>
-            </a>
-            {%- assign featureContributorDataName = false -%} {%- else -%} {%-
-            endif -%} {%- endfor -%}
-          </div>
-          {%- endif -%}
-      </div>
-    </div>
-  </div>
-</section>
+{% assign file = page.fileName %} {% assign lang = page.lang %} {% assign folder
+= page.folderName %} {% assign featureData= site.data[folder][lang][file] %}
+<section class="authors-list">
+  <div class="container">
+    <div class="row">
+      <div class="col-md-12">
+        {%- if featureData.author -%}
+        <h4 class="mb-4 text-center authors-heading font-weight-bolder">
+          About The Author
+        </h4>
+        {%- endif -%}
+          {%- if featureData.author -%} {%- include authors/authors.html -%} {%-
+          assign featureAuthor = featureData.author | split: " " -%} {%- assign
+          author = featureAuthor.first | downcase -%} {%- assign collection =
+          [author] -%} {%- for item in collection -%} {%- if forloop.index==1
+          -%} {%- assign featureAuthorName = item -%} {%- endif -%} {%- if
+          forloop.index==2 -%} {%- assign featureAuthorImage = item -%} {%-
+          endif -%} {%- if forloop.index==3 -%} {%- assign featureAuthorBio =
+          item -%} {%- endif %} {%- endfor %}
+
+          <div class="featurePageAuthor">
+            <a
+              href="/authors/{{featureAuthorName | downcase  | replace: ' ', '-' }}"
+              class="author_image d-flex justify-content-center"
+            >
+              <img
+                class="author-img"
+                loading="lazy"
+                src="{{ featureAuthorImage }}"
+                height="35px"
+                width="35px"
+                alt="{{ featureAuthorName }}"
+                id="author_img"
+                {%-
+                if
+                site.crossorigin
+                -%}
+                crossorigin
+                {%-
+                endif
+                -%}
+              />
+            </a>
+              <p class="author-meta author_bio mt-3  mb-0">{{featureAuthorBio}}</p>
+          </div>
+          {%- endif %} {%- assign contributors = featureData.contributors |
+          uniq: 'name' -%} {%- if contributors.size > 0 -%}
+          <h4 class="mb-4 w-100 text-center authors-heading font-weight-bolder">
+            Contributors
+          </h4>
+          <div class="d-flex justify-content-center w-100" style="gap: 10px">
+            {%- for contributor in contributors -%} {%- assign
+            featureContributorData = contributor.name | split: " " -%} {%-
+            assign featureContributorData = featureContributorData.first |
+            downcase -%} {%- assign collectionData = [featureContributorData]
+            -%} {%- for item in collectionData -%} {%- if forloop.index == 1 -%}
+            {%- assign featureContributorDataName = item -%} {%- endif -%} {%-
+            if forloop.index == 2 -%} {%- assign featureContributorDataImage =
+            item -%} {%- endif -%} {%- if forloop.index == 3 -%} {%- assign
+            featureContributorDataBio = item -%} {%- endif -%} {%- if
+            forloop.index == 4 -%} {%- assign featureContributorDataTwitter =
+            item -%} {%- endif -%} {%- endfor -%} {%- if
+            featureContributorDataName -%}
+            <a
+              href="/authors/{{featureContributorDataName | downcase  | replace: ' ' , '-'' }}"
+              class="contributor"
+            >
+              <img
+                loading="lazy"
+                src="{{ featureContributorDataImage }}"
+                alt="author image {{ featureContributorDataName }}"
+                style="border-radius: 100%; width: 50px; height: 50px"
+              />
+              <div class="contributor-name">
+                {{ featureContributorDataName }}
+              </div>
+            </a>
+            {%- assign featureContributorDataName = false -%} {%- else -%} {%-
+            endif -%} {%- endfor -%}
+          </div>
+          {%- endif -%}
+      </div>
+    </div>
+  </div>
+</section>

data/_includes/appscms/head/bloghead.html

@@ -1,129 +1,129 @@
-<head>
-  {%- if page.layout == "appscms-authors" or page.layout == "appscms-author" -%}
-  {%- include /authors/authors.html -%}
-  {%- assign pageAuthorName = page.authorName | split: " " -%}
-  {%- assign pageAuthorNameFirst = pageAuthorName.first | downcase -%}
-  {%- assign collectionData = [pageAuthorNameFirst] -%}
-  {%- for item in collectionData -%}
-  {%- if forloop.index == 1 -%}
-  {%- assign authorName = item -%}
-  {%- endif -%}
-  {%- if forloop.index == 2 -%}
-  {%- assign authorPick = item -%}
-  {%- endif -%}
-  {%- if forloop.index == 3 -%}
-  {%- assign bio = item -%}
-  {%- endif -%}
-  {%- if forloop.index == 4 -%}
-  {%- assign authorTwitter = item -%}
-  {%- endif -%}
-  {%- endfor -%}
-
-
-  {% capture author_info %}
-  {% assign author = authorName %}
-  {% assign bio = bio %}{{ author }} - {{ bio }}{% endcapture %}
-  {% capture author_name %}
-  {% assign author = authorName %}{{ author }}
-  {% endcapture %}
-  {% assign authorPageTitle = author_info %}
-  {% assign author_name = author_name %}
-
-
-  {%- if authorName -%}
-  {%- assign title = authorName -%}
-  {%- else -%}
-  {%- assign title = "Our Authors" -%}
-  {%- endif -%}
-
-
-
-  {%- assign description = pagedescription-%} {%- else -%} {%- assign
-  pagedescriptionlength = page.description | split: ' ' -%} {%- if
-  pagedescriptionlength.size > 5 -%} {%- assign pagedescriptionlength =
-  page.description | split: ' ' -%} {%- assign pagedescription =
-  page.description -%} {%- endif -%} {% assign favicon = site.favicon %} {%-
-  assign seo_description = pagedescription | default: page.content | markdownify
-  | strip_html | truncatewords: 50 | default: page.excerpt | default:
-  site.description -%} {%- if seo_description -%} {%- assign seo_description =
-  seo_description | markdownify | strip_html | strip_newlines | escape_once -%}
-  {%- endif -%} {%- if page.date -%} {%- assign og_type = "article" -%} {%- else
-  -%} {%- assign og_type = "website" -%} {%- endif -%} {%- assign title =
-  page.title | split: ' ' -%} {%- assign newtitle = '' %} {% for operation in
-  title %} {%- if forloop.first -%} {% assign word = operation | capitalize %}
-  {% assign newtitle = newtitle | append : word %} {% assign newtitle = newtitle
-  | append : " " %} {%- else -%} {% assign word = operation %} {%- if
-  forloop.last -%} {% assign newtitle = newtitle | append : word %} {%- else -%}
-  {% assign newtitle = newtitle | append : word %} {% assign newtitle = newtitle
-  | append : " " %} {%- endif -%} {%- endif -%} {% endfor %} {%- assign
-  description = description | split: ' ' -%} {% assign pagedescription = '' %}
-  {% for operation in description %} {%- if forloop.first -%} {% assign word =
-  operation | capitalize %} {% assign pagedescription = pagedescription | append
-  : word %} {% assign pagedescription = pagedescription | append : " " %} {%-
-  else -%} {% assign word = operation %} {%- if forloop.last -%} {% assign
-  pagedescription = pagedescription | append : word %} {%- else -%} {% assign
-  pagedescription = pagedescription | append : word %} {% assign pagedescription
-  = pagedescription | append : " " %} {%- endif -%} {%- endif -%} {% endfor %}
-  {%- assign title = newtitle -%} {%- assign description = pagedescription-%}
-  {%- endif -%}
-
-  <meta charset="UTF-8" />
-  <link rel="shortcut icon" href="{{site.favicon}}" />
-  <link rel="canonical" href="{{site.url | append:  page.url}}" />
-  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
-  <meta name="keywords" content="{{site.keyboard}}" />
-  {%- if page.layout == "appscms-authors" or page.layout == "appscms-author" -%}
-
-  <meta name="description" content="{{ authorPageTitle | slice: 0, 155 | default: page.description }}" />
-  <meta name="og:description" content="{{ authorPageTitle | slice: 0, 155  | default: page.description}}" />
-  <meta property="og:title" content="{{ authorPageTitle | default: page.title }}" />
-
-  {%- else -%}
-  <meta name="description" content="{{ seo_description | slice: 0, 155 }}" />
-  <meta name="og:description" content="{{ seo_description | slice: 0, 155 }}" />
-  <meta property="og:title" content="{{ title | default: site.title }}" />
-  {%- endif -%}
-
-  <meta property="og:type" content="{{og_type}}" />
-  <meta property="og:locale" content="en_US" />
-  <meta property="og:site_name" content="{{site.name}}" />
-  <meta property="og:url" content="{{site.url | append:  page.url}}" />
-  {%- if page.layout == "appscms-authors" -%}
-  <meta name="author" content="Authors" />
-  {%- else -%}
-  <meta name="author" content="{{ author | default: page.author| default: site.author_name}}" />
-  {%- endif -%} {%- if page.layout == "appscms-author" -%}
-  <title>{{authorPageTitle | default: page.title}}</title>
-  {%- else -%}
-  <title>{{title}}</title>
-  {%- endif -%}
-
-  <link href="https://fonts.googleapis.com/css2?family=Open+Sans&display=swap" rel="stylesheet" />
-  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.0/css/all.min.css" {%- if
-    site.crossorigin -%} crossorigin {%- endif -%} />
-  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/css/bootstrap.min.css" {%- if
-    site.crossorigin -%} crossorigin {%- endif -%} />
-  {% include adsense/adsense.html %}
-  <link rel="stylesheet" href="/assets/css/appscms-variables.css" {%- if site.crossorigin -%} crossorigin {%- endif
-    -%} />
-  <link rel="stylesheet" href="/assets/css/appscms-theme.css" {%- if site.crossorigin -%} crossorigin {%- endif -%} />
-  <link rel="stylesheet" href="{{'/assets/css/appscms-blog.css' | relative_url }}" {%- if site.crossorigin -%}
-    crossorigin {%- endif -%} />
-
-  {%- if page.layout == "devtool-blog" -%}
-  <link rel="stylesheet" href="/assets/css/devtool-main.css" />
-  {%- endif -%}
-  {%- if page.devtoolstyles -%}
-  <link rel="stylesheet" href="/assets/css/devtool-main.css" />
-  {%- endif -%}
-
-  {%- if page.layout == "blog-1" -%}
-  <link rel="stylesheet" href="{{'/assets/css/blog-1.css' | relative_url }}" {%- if site.crossorigin -%} crossorigin {%-
-    endif -%} />
-  {%- endif -%} 
-
-  <link rel="manifest" href="/assets/js/manifest.json" />
-  
-  {%- include google-analytics.html -%} 
-  
+<head>
+  {%- if page.layout == "appscms-authors" or page.layout == "appscms-author" -%}
+  {%- include /authors/authors.html -%}
+  {%- assign pageAuthorName = page.authorName | split: " " -%}
+  {%- assign pageAuthorNameFirst = pageAuthorName.first | downcase -%}
+  {%- assign collectionData = [pageAuthorNameFirst] -%}
+  {%- for item in collectionData -%}
+  {%- if forloop.index == 1 -%}
+  {%- assign authorName = item -%}
+  {%- endif -%}
+  {%- if forloop.index == 2 -%}
+  {%- assign authorPick = item -%}
+  {%- endif -%}
+  {%- if forloop.index == 3 -%}
+  {%- assign bio = item -%}
+  {%- endif -%}
+  {%- if forloop.index == 4 -%}
+  {%- assign authorTwitter = item -%}
+  {%- endif -%}
+  {%- endfor -%}
+
+
+  {% capture author_info %}
+  {% assign author = authorName %}
+  {% assign bio = bio %}{{ author }} - {{ bio }}{% endcapture %}
+  {% capture author_name %}
+  {% assign author = authorName %}{{ author }}
+  {% endcapture %}
+  {% assign authorPageTitle = author_info %}
+  {% assign author_name = author_name %}
+
+
+  {%- if authorName -%}
+  {%- assign title = authorName -%}
+  {%- else -%}
+  {%- assign title = "Our Authors" -%}
+  {%- endif -%}
+
+
+
+  {%- assign description = pagedescription-%} {%- else -%} {%- assign
+  pagedescriptionlength = page.description | split: ' ' -%} {%- if
+  pagedescriptionlength.size > 5 -%} {%- assign pagedescriptionlength =
+  page.description | split: ' ' -%} {%- assign pagedescription =
+  page.description -%} {%- endif -%} {% assign favicon = site.favicon %} {%-
+  assign seo_description = pagedescription | default: page.content | markdownify
+  | strip_html | truncatewords: 50 | default: page.excerpt | default:
+  site.description -%} {%- if seo_description -%} {%- assign seo_description =
+  seo_description | markdownify | strip_html | strip_newlines | escape_once -%}
+  {%- endif -%} {%- if page.date -%} {%- assign og_type = "article" -%} {%- else
+  -%} {%- assign og_type = "website" -%} {%- endif -%} {%- assign title =
+  page.title | split: ' ' -%} {%- assign newtitle = '' %} {% for operation in
+  title %} {%- if forloop.first -%} {% assign word = operation | capitalize %}
+  {% assign newtitle = newtitle | append : word %} {% assign newtitle = newtitle
+  | append : " " %} {%- else -%} {% assign word = operation %} {%- if
+  forloop.last -%} {% assign newtitle = newtitle | append : word %} {%- else -%}
+  {% assign newtitle = newtitle | append : word %} {% assign newtitle = newtitle
+  | append : " " %} {%- endif -%} {%- endif -%} {% endfor %} {%- assign
+  description = description | split: ' ' -%} {% assign pagedescription = '' %}
+  {% for operation in description %} {%- if forloop.first -%} {% assign word =
+  operation | capitalize %} {% assign pagedescription = pagedescription | append
+  : word %} {% assign pagedescription = pagedescription | append : " " %} {%-
+  else -%} {% assign word = operation %} {%- if forloop.last -%} {% assign
+  pagedescription = pagedescription | append : word %} {%- else -%} {% assign
+  pagedescription = pagedescription | append : word %} {% assign pagedescription
+  = pagedescription | append : " " %} {%- endif -%} {%- endif -%} {% endfor %}
+  {%- assign title = newtitle -%} {%- assign description = pagedescription-%}
+  {%- endif -%}
+
+  <meta charset="UTF-8" />
+  <link rel="shortcut icon" href="{{site.favicon}}" />
+  <link rel="canonical" href="{{site.url | append:  page.url}}" />
+  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
+  <meta name="keywords" content="{{site.keyboard}}" />
+  {%- if page.layout == "appscms-authors" or page.layout == "appscms-author" -%}
+
+  <meta name="description" content="{{ authorPageTitle | slice: 0, 155 | default: page.description }}" />
+  <meta name="og:description" content="{{ authorPageTitle | slice: 0, 155  | default: page.description}}" />
+  <meta property="og:title" content="{{ authorPageTitle | default: page.title }}" />
+
+  {%- else -%}
+  <meta name="description" content="{{ seo_description | slice: 0, 155 }}" />
+  <meta name="og:description" content="{{ seo_description | slice: 0, 155 }}" />
+  <meta property="og:title" content="{{ title | default: site.title }}" />
+  {%- endif -%}
+
+  <meta property="og:type" content="{{og_type}}" />
+  <meta property="og:locale" content="en_US" />
+  <meta property="og:site_name" content="{{site.name}}" />
+  <meta property="og:url" content="{{site.url | append:  page.url}}" />
+  {%- if page.layout == "appscms-authors" -%}
+  <meta name="author" content="Authors" />
+  {%- else -%}
+  <meta name="author" content="{{ author | default: page.author| default: site.author_name}}" />
+  {%- endif -%} {%- if page.layout == "appscms-author" -%}
+  <title>{{authorPageTitle | default: page.title}}</title>
+  {%- else -%}
+  <title>{{title}}</title>
+  {%- endif -%}
+
+  <link href="https://fonts.googleapis.com/css2?family=Open+Sans&display=swap" rel="stylesheet" />
+  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.0/css/all.min.css" {%- if
+    site.crossorigin -%} crossorigin {%- endif -%} />
+  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/css/bootstrap.min.css" {%- if
+    site.crossorigin -%} crossorigin {%- endif -%} />
+  {% include adsense/adsense.html %}
+  <link rel="stylesheet" href="/assets/css/appscms-variables.css" {%- if site.crossorigin -%} crossorigin {%- endif
+    -%} />
+  <link rel="stylesheet" href="/assets/css/appscms-theme.css" {%- if site.crossorigin -%} crossorigin {%- endif -%} />
+  <link rel="stylesheet" href="{{'/assets/css/appscms-blog.css' | relative_url }}" {%- if site.crossorigin -%}
+    crossorigin {%- endif -%} />
+
+  {%- if page.layout == "devtool-blog" -%}
+  <link rel="stylesheet" href="/assets/css/devtool-main.css" />
+  {%- endif -%}
+  {%- if page.devtoolstyles -%}
+  <link rel="stylesheet" href="/assets/css/devtool-main.css" />
+  {%- endif -%}
+
+  {%- if page.layout == "blog-1" -%}
+  <link rel="stylesheet" href="{{'/assets/css/blog-1.css' | relative_url }}" {%- if site.crossorigin -%} crossorigin {%-
+    endif -%} />
+  {%- endif -%} 
+
+  <link rel="manifest" href="/assets/js/manifest.json" />
+  
+  {%- include google-analytics.html -%} 
+  
 </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>