From 855a896c194b3d3760822be7f324ff215d245e9f Mon Sep 17 00:00:00 2001
From: Jez Cope <j.cope@erambler.co.uk>
Date: Sun, 4 Apr 2021 20:45:33 +0100
Subject: [PATCH] Tweak site header formatting

---
 assets/style/main.sass |  4 +++-
 layouts/index.html     | 26 ++++++++++++--------------
 2 files changed, 15 insertions(+), 15 deletions(-)

diff --git a/assets/style/main.sass b/assets/style/main.sass
index 0b54ef2..7d33f3c 100644
--- a/assets/style/main.sass
+++ b/assets/style/main.sass
@@ -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
diff --git a/layouts/index.html b/layouts/index.html
index 045422f..619a6ca 100644
--- a/layouts/index.html
+++ b/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>