footnotes, favicons, better headers

Author: taliasmiley

layouts/_default/baseof.html

@@ -5,7 +5,11 @@
 	<link rel="canonical" href="{{ .Site.BaseURL }}">
 	<link rel='alternate' type='application/rss+xml' title="{{ .Site.Title }} RSS" href='/index.xml'>
 	<link rel='stylesheet' type='text/css' href='/css/style.css'>
-	{{ with .Site.Params.favicon }}<link rel="icon" href="{{ . }}">
+	{{ with .Site.Params.favicon_apple_touch }}<link rel="apple-touch-icon" sizes="180x180" href="{{ . }}">
+	{{ end -}}
+	{{ with .Site.Params.favicon_32x32 }}<link rel="icon" type="image/png" sizes="32x32" href="{{ . }}">
+	{{ end -}}
+	{{ with .Site.Params.favicon_16x16 }}<link rel="icon" type="image/png" sizes="16x16" href="{{ . }}">
 	{{ end -}}
 	<meta name="description" content="{{ with .Params.description }}{{ . }}{{ else }}{{ .Summary }}{{ end }}">
 	<!-- <meta name="keywords" content=""> -->

layouts/_default/single.html

@@ -7,20 +7,33 @@
 		{{ end }}
 		<article>
 			<h1>{{ .Title }}</h1>
+			{{ $displayHR := false }}
 			{{ if .Date }}
+				{{ $displayHR = true }}
 				<p>
 					<i>Published:</i>
 					<time>{{ .Date.Format (default "2006-01-02" .Site.Params.dateFmt) }}</time>
 				</p>
 			{{ end }}
 			{{ if .Params.series }}
+				{{ $displayHR = true }}
 				<p>
 					<i>Part of a series on:</i>
 					{{ range .Params.series }}
 						<a href="{{ "/series/" | relLangURL }}{{ . | urlize }}{{ "/" | relLangURL }}">{{ . }}</a>
 					{{ end }}
 				</p>
 			{{ end }}
+			{{ if .Params.disclaimer }}
+				{{ $displayHR = true }}
+				<p>
+					<i>Disclaimer:</i>
+					{{ .Params.disclaimer }}
+				</p>
+			{{ end }}
+			{{ if $displayHR }}
+				<hr>
+			{{ end }}
 			<div>
 				{{ .Content }}
 			</div>

static/css/style.css

@@ -56,26 +56,39 @@ h1 {
 }
 
 h2 {
+    margin-top: 40px;
     font-size: 28px;
 }
 
 h3 {
-    font-size: 24px;
+    margin-top: 24px;
+    font-size: 20px;
 }
 
 h4 {
-    font-size: 20px;
+    font-size: 18px;
+    font-style: italic;
+    color: var(--dim_0);
 }
 
 h5 {
-    font-size: 18px;
+    font-size: 16px;
+    font-style: italic;
+    color: var(--dim_0);
+}
+
+h6 {
+    font-size: 14px;
+    font-style: italic;
+    color: var(--dim_0);
 }
 
 h1,
 h2,
 h3,
 h4,
-h5 {
+h5,
+h6 {
 	line-height: 1.2
 }
 
@@ -200,4 +213,17 @@ a.home-link {
 .pagination-item a,
 .pagination-item p {
     margin: 10px;
+}
+
+a.footnote-ref,
+a.footnote-backref {
+    text-decoration: none;
+}
+
+a.footnote-ref::before {
+    content: '[';
+}
+
+a.footnote-ref::after {
+    content: ']';
 }