simplifying cover page configuration for different layout types

layouts/404.html

@@ -11,7 +11,7 @@
   {{partial "navigation.html" .}}
 
   <div class="site-wrapper">
-    {{partial "banner.html" .}}
+    {{partial "covers/post.html" .}}
 
     <main id="content" class="content" role="main">
 

layouts/_default/list.html

@@ -14,7 +14,7 @@
  <div class="site-wrapper">
 
 {{$baseurl := .Site.BaseURL}}
-{{partial "banner.html" .}}
+{{partial "covers/paging.html" .}}
 
 <main class="content" role="main">
   {{$paginator := .Paginator}}

layouts/_default/single.html

@@ -15,7 +15,7 @@
 
   <div class="site-wrapper">
 
-    {{partial "banner.html" .}}
+    {{partial "covers/post.html" .}}
 
     <main class="content" role="main">
       <article class="post {{ .Section }}">

layouts/index.html

@@ -14,14 +14,14 @@
     {{$paginator := .Paginate (where .Data.Pages "Section" "!=" "author")}}
 
     {{/*
-         we only show the fullscreen banner if we are on the first page
+         we only show the fullscreen cover if we are on the first page
          (otherwise it gets very confusing for the user, who needs to scroll
          in order to see more content)
     */}}
     {{if eq $paginator.PageNumber 1}}
-      {{partial "banner_full.html" .}}
+      {{partial "covers/landing.html" .}}
     {{else}}
-      {{partial "banner.html" .}}
+      {{partial "covers/paging.html" .}}
     {{end}}
 
     <main id="content" class="content" role="main">

layouts/partials/covers/landing.html

@@ -0,0 +1,26 @@
+{{$coverImage := or .Params.image .Params.cover .Site.Params.cover}}
+
+{{if not $coverImage}}
+<header class="main-header no-cover">
+{{else}}
+<header class="main-header" style="background-image: url({{$coverImage}})">
+{{end}}
+
+  {{partial "nav.html" .}}
+
+  <div class="vertical">
+    <div class="main-header-content inner">
+
+      {{partial "social.html" .}}
+
+      <h1 class="page-title">{{.Site.Title}}</h1>
+      <h2 class="page-description">{{.Site.Params.description}}</h2>
+    </div>
+  </div>
+
+  <a class="scroll-down icon-arrow-left" href="#content">
+    <span class="hidden">Scroll Down</span>
+  </a>
+
+</header>
+

layouts/partials/covers/paging.html

@@ -0,0 +1,19 @@
+{{$coverImage := or .Params.image .Params.cover .Site.Params.cover}}
+
+{{if not $coverImage}}
+<header class="main-header tag-head no-cover">
+{{else}}
+<header class="main-header tag-head" style="background-image: url({{$coverImage}})">
+{{end}}
+
+{{partial "nav.html" .}}
+
+<div class="vertical">
+  <div class="main-header-content inner">
+    <h1 class="page-title">{{.Title}}</h1>
+    {{with .Params.description}}
+    <h2 class="page-description">{{.}}</h2>
+    {{end}}
+  </div>
+</div>
+</header>

layouts/partials/covers/post.html

@@ -0,0 +1,16 @@
+{{$coverImage := or .Params.image .Params.cover .Site.Params.cover}}
+
+{{if not $coverImage}}
+<header class="main-header tag-head no-cover">
+{{else}}
+<header class="main-header post-head" style="background-image: url({{$coverImage}})">
+{{end}}
+
+{{partial "nav.html" .}}
+
+<div class="vertical">
+  <div class="main-header-content inner">
+    <h1 class="page-title">{{.Title}}</h1>
+  </div>
+</div>
+</header>