Add site description to home page

public/index.html

@@ -19,7 +19,10 @@
 </div>
 {{- else -}}
 <div class="home-main">
-    <h1>{{ .Title }}</h1>
+    <div class="about">
+        <h1>{{ .Title }}</h1>
+        {{ if .SiteDescription }}<div class="description">{{ .SiteDescription }}</div>{{ end }}
+    </div>
     <input type="text" id="search-box" placeholder="search">
     <div id="search-results" class="hidden"></div>
     <div class="toc" id="toc">

public/static/style.css

@@ -62,9 +62,15 @@ footer, footer * {
     box-sizing: border-box;
     gap: 1rem;
 }
-.home-main > h1 {
+.about {
+    margin-bottom: 2rem;
+}
+.about > h1 {
     font-size: 1.6rem;
 }
+.description {
+    white-space: pre-line;
+}
 .home-main, .toc, #search-results {
     display: flex;
     flex-direction: column;