appscms-tools-theme 4.8.3 → 4.8.4

data/_includes/appscms/extras/appscms-postbox.html

@@ -1,57 +1,57 @@
-{%- include /authors/authors.html -%}
-<div class="col-lg-4 col-md-6 mb-4 card-group">
-  <div class="card h-100 appscms-blog-cards">
-    <a href="{{ post.url }}">
-      <img
-        src="{{ post.image }}"
-        class="card-img-top"
-        height="250"
-        width="100%"
-        loading="lazy"
-        alt="{{post.title}}"
-        {%-
-        if
-        site.crossorigin
-        -%}
-        crossorigin
-        {%-
-        endif
-        -%}
-      />
-    </a>
-    <div class="card-body">
-      <a
-        class="text-decoration-none text-dark"
-        href="{{ post.url }}"
-        class="anchor_link"
-      >
-        <h4 class="card-title mb-4 text-left">{{ post.title }}</h4>
-      </a>
-    </div>
-
-    <div class="wrapfooter">
-      {% if post.author %}
-      <span class="meta-footer-thumb">
-        <img
-          class="author-thumb"
-          loading="lazy"
-          src="{{image}}"
-          alt="{{ authorName }}"
-          {%-
-          if
-          site.crossorigin
-          -%}
-          crossorigin
-          {%-
-          endif
-          -%}
-        />
-      </span>
-      {% endif %}
-      <span class="author-meta">
-        <a target="_blank" href="/blog/">{{authorName}}</a><br />
-        <span class="post-date">{{post.date | date_to_string }}</span>
-      </span>
-    </div>
-  </div>
-</div>
+{%- include /authors/authors.html -%}
+<div class="col-lg-4 col-md-6 mb-4 card-group">
+  <div class="card h-100 appscms-blog-cards">
+    <a href="{{ post.url }}">
+      <img
+        src="{{ post.image }}"
+        class="card-img-top"
+        height="250"
+        width="100%"
+        loading="lazy"
+        alt="{{post.title}}"
+        {%-
+        if
+        site.crossorigin
+        -%}
+        crossorigin
+        {%-
+        endif
+        -%}
+      />
+    </a>
+    <div class="card-body">
+      <a
+        class="text-decoration-none text-dark"
+        href="{{ post.url }}"
+        class="anchor_link"
+      >
+        <h4 class="card-title mb-4 text-left">{{ post.title }}</h4>
+      </a>
+    </div>
+
+    <div class="wrapfooter">
+      {% if post.author %}
+      <span class="meta-footer-thumb">
+        <img
+          class="author-thumb"
+          loading="lazy"
+          src="{{image}}"
+          alt="{{ authorName }}"
+          {%-
+          if
+          site.crossorigin
+          -%}
+          crossorigin
+          {%-
+          endif
+          -%}
+        />
+      </span>
+      {% endif %}
+      <span class="author-meta">
+        <a target="_blank" href="/blog/">{{authorName}}</a><br />
+        <span class="post-date">{{post.date | date_to_string }}</span>
+      </span>
+    </div>
+  </div>
+</div>

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 -%}