Style the site footer

* Split the copyright and the "built with" text into separate configs
* Style footer with smaller text
* Add a thin border separating footer from rest of page

exampleSite/config.toml

@@ -1,7 +1,7 @@
 baseURL = "http://example.org/"
 languageCode = "en-us"
 title = "Semantic IndieWeb Theme"
-copyright = "Copyright © 2019, Copyright Owner Name | Built with [Hugo](https://gohugo.io/)"
+copyright = "Copyright © 2019, Copyright Owner Name"
 theme = "semantic-indieweb"
 paginate = 5
 
@@ -10,6 +10,7 @@ paginate = 5
 
 [params]
   subtitle = "A theme with no CSS and only basic layouts"
+  builtWith = "Built with [Hugo](https://gohugo.io/)"
   homepageSectionTitle = "What's New"
   mainSections = [ "posts" ]
 

layouts/partials/footer.html

@@ -1,3 +1,6 @@
 {{ with .Site.Copyright }}
 <p class="copyright">{{ . | markdownify }}</p>
+{{ end }}
+{{ with .Site.Params.BuiltWith }}
+<p class="built-with">{{ . | markdownify }}</p>
 {{ end }}

static/css/style.css

@@ -30,3 +30,17 @@ nav.site-menu {
   border-top: thin solid;
   border-bottom: double;
 }
+
+/* Styles for site footer */
+p.copyright {
+  border-top: thin solid;
+  font-size: 0.8em;
+  text-align: center;
+  margin: 0;
+}
+
+p.built-with {
+  text-align: center;
+  font-size: 0.8em;
+  margin: 0;
+}