devtool-headings.html in appscms-tools-theme-4.6.3

- old
+ new
@@ -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 -%}