move to top banner

layouts/apps/single.html

@@ -5,15 +5,18 @@
 */}}
 {{ define "main" }}
   <header class="hero hero-compact">
+    <div class="wrap"><div class="hero-copy">
     <p class="note" data-reveal><span class="note-live" aria-hidden="true"></span><span class="note-text">{{ .Params.eyebrow | default "Software Library" }}</span></p>
     <h1 class="statement" data-reveal style="--d:80ms">{{ .Params.headline | default .Title | markdownify }}</h1>
     {{ with .Params.dek }}<p class="dek" data-reveal style="--d:140ms">{{ . | markdownify }}</p>{{ end }}
     <div class="actions" data-reveal style="--d:200ms">
       {{ partial "sections/ctas.html" (slice (dict "label" "Start 7-Day Free Trial" "url" "/start-now/" "style" "primary") (dict "label" "Book a Demo" "url" site.Params.demoUrl "style" "ghost")) }}
     </div>
+    </div></div>
   </header>
 
-  <section class="section" data-reveal>
+  <section class="section section-facts" data-reveal>
+    <div class="wrap">
     <dl class="app-facts">
       {{ with .Params.replaces }}<div><dt>Replaces</dt><dd>{{ . }}</dd></div>{{ end }}
       <div><dt>Hosted plans</dt><dd>{{ with .Params.plans }}Included in {{ . }}{{ else }}Add to any plan{{ end }}{{ with $.Params.price }} · {{ . }} on its own{{ end }}</dd></div>
@@ -21,10 +24,11 @@
       {{ with .Params.projectUrl }}<div><dt>Project</dt><dd><a href="{{ . }}" target="_blank" rel="noopener">{{ replaceRE `^https?://(www\.)?([^/]+).*$` "$2" . }}<span class="arrow" aria-hidden="true">↗</span></a></dd></div>{{ end }}
     </dl>
     <p class="app-facts-more"><a class="more" href="{{ "/pricing/" | relURL }}">See pricing<span class="arrow" aria-hidden="true">→</span></a> <a class="more" href="{{ "/product/software-library/" | relURL }}">Browse the Software Library<span class="arrow" aria-hidden="true">→</span></a></p>
+    </div>
   </section>
 
-  <section class="section" data-reveal>
-    <div class="prose doc">{{ .Content }}</div>
+  <section class="section section-doc" data-reveal>
+    <div class="wrap"><div class="prose doc">{{ .Content }}</div></div>
   </section>
 
   {{ partial "sections/final-cta.html" (dict