Tweak site header formatting

assets/style/main.sass

@@ -106,7 +106,7 @@ h6, .content h6
 .note-summary
   @extend .has-background-info-light
 
-.single
+.single, .list
   @extend .my-5
   @extend .px-3
   @extend .py-5
@@ -114,12 +114,14 @@ h6, .content h6
 .site-title
   @extend h1
 
-  font-style: italic
   padding-left: 0
 
   &:before
     content: none
 
+.site-description
+  background-color: $white-ter
+
 .toc
   @extend .panel
   @extend .is-size-7

layouts/_default/list.html

@@ -1,5 +1,5 @@
 {{ define "main" }}
-	<main>
+	<main class="list">
 		<div class="container">
 			{{ if or .Title .Content }}
 				<div class="columns">
@@ -9,7 +9,6 @@
 					</div>
 				</div>
 			{{ end }}
-
 			<div class="columns mb-6">
 				<div class="column is-8 is-offset-2 content">
 					<ul class="list {{ .Kind }}-list">

layouts/_default/single.html

@@ -1,7 +1,6 @@
 {{ define "main" }}
-<main>
-	<article class="single">
-		<div class="container">
+	<main class="single">
+		<article class="container">
 			<div class="columns">
 				<div class="column is-8 is-offset-2">
 					<h1>{{ .Render "frag/title" }}</h1>
@@ -19,7 +18,6 @@
 				</div>
 			</div>
 			{{ partial "comments" . }}
-		</div>
-	</article>
-</main>
+		</article>
+	</main>
 {{ end }}

layouts/index.html

@@ -1,18 +1,16 @@
 {{ define "main" }}
-	<section class="hero">
-		<div class="hero-body">
-			<div class="container">
-				<div class="columns">
-					<div class="column is-8 is-offset-2">
-						{{ with .Site.Params.Description }}{{.}}{{ end }}
-						{{ with .Site.Params.Topics }}
-							{{ $last := sub (len .) 1 }}
-							{{ range $i, $x := . }}
-								<a href="/tags/{{ $x | urlize }}/">{{ $x }}</a>
-								{{ if lt $i $last }}<span class="ampersand">&</span>{{ end }}
-							{{ end  }}
-						{{ end }}
-					</div>
+	<section class="hero px-3 site-description">
+		<div class="hero-body container">
+			<div class="columns is-centered">
+				<div class="column is-three-fifths">
+					{{ with .Site.Params.Description }}{{.}}{{ end }}
+					{{ with .Site.Params.Topics }}
+						{{ $last := sub (len .) 1 }}
+						{{ range $i, $x := . }}
+							<a href="/tags/{{ $x | urlize }}/">{{ $x }}</a>
+							{{ if lt $i $last }}<span class="ampersand">&</span>{{ end }}
+						{{ end  }}
+					{{ end }}
 				</div>
 			</div>
 		</div>