feat: implement footer

assets/css/style.css

@@ -6,7 +6,7 @@ body {
   background: black;
   color: white;
 }
-.container {
+.container, footer {
   margin: auto;
   padding: 0.5em 1em;
   min-width: 300px;
@@ -100,3 +100,26 @@ figcaption h4 {
 .content a {
   text-decoration: underline;
 }
+footer ul {
+  list-style-type: none;
+  padding: 0;
+  margin: 0;
+}
+footer ul li {
+  display: inline;
+  font-size: 1em;
+  line-height: 1.7em;
+}
+footer ul li img {
+  display: inline;
+  height: 1rem;
+  vertical-align: middle;
+  margin-bottom: 0;
+  border-radius: 0;
+}
+footer ul li::after {
+  content: " | ";
+}
+footer ul :last-child::after {
+  content: "";
+}

layouts/partials/foot.html

@@ -0,0 +1,14 @@
+<footer>
+	<a href="{{- .Site.Params.repo -}}">Source Code</a>
+
+	<ul>
+		{{- range .Site.Params.footer.items -}}
+		<li>
+			{{- if .icon -}}
+			<img src="/icons/{{- .icon -}}" alt="{{- .name -}}" />&nbsp;
+			{{- end -}}
+			<a href="{{- .link -}}">{{- .name -}}</a>
+		</li>
+		{{- end -}}
+	</ul>
+</footer>