From 98ffa9270f24390b6f3411c9315da5dd4af9678c Mon Sep 17 00:00:00 2001
From: Michael Fabian 'Xaymar' Dirks <info@xaymar.com>
Date: Sat, 25 Dec 2021 08:35:40 +0100
Subject: [PATCH] Add Footer

---
 _config.yml                  |  6 ++++--
 _includes/breadcrumbs.liquid |  2 +-
 _includes/footer.liquid      |  5 +++++
 _includes/page_end.liquid    |  1 +
 _sass/_base.scss             |  3 +++
 _sass/_footer.scss           | 18 ++++++++++++++++++
 6 files changed, 32 insertions(+), 3 deletions(-)
 create mode 100644 _includes/footer.liquid
 create mode 100644 _sass/_footer.scss

diff --git a/_config.yml b/_config.yml
index c921f06..334fbcf 100644
--- a/_config.yml
+++ b/_config.yml
@@ -73,8 +73,10 @@ xaymar:
     css: '/assets/site.css'
     js: '/assets/site.js'
     rss: '/feed.xml'
-  home:
-    name: 'Home'
+  info:
+    home: 'Home'
+    footer:
+      copyright: "2021 © Michael Fabian 'Xaymar' Dirks"
   index:
     readmore: 'Read More'
     excerpt:
diff --git a/_includes/breadcrumbs.liquid b/_includes/breadcrumbs.liquid
index dcb6b35..0d402cd 100644
--- a/_includes/breadcrumbs.liquid
+++ b/_includes/breadcrumbs.liquid
@@ -1,7 +1,7 @@
 <div class="breadcrumbs">
 	<span class="crumb">
 		<a href="{{ site.url | absolute_url }}">
-			{{ site.xaymar.home.name }}
+			{{ site.xaymar.info.home }}
 		</a>
 	</span>
  	{% if include.permalink != "/" and include.permalink != "/index.html" %}
diff --git a/_includes/footer.liquid b/_includes/footer.liquid
new file mode 100644
index 0000000..ed87d29
--- /dev/null
+++ b/_includes/footer.liquid
@@ -0,0 +1,5 @@
+<footer id="footer" class="footer">
+	<div class="content">
+		<span>{{ site.xaymar.info.footer.copyright }}</span>
+	</div>
+</footer>
diff --git a/_includes/page_end.liquid b/_includes/page_end.liquid
index 0873765..3069130 100644
--- a/_includes/page_end.liquid
+++ b/_includes/page_end.liquid
@@ -1,4 +1,5 @@
 		</div>
+		{% include footer.liquid %}
 	</body>
 	<script src="{{ site.xaymar.data.js | absolute_url }}?timestamp={{ site.time | date_to_xmlschema }}"></script>
 </html>
diff --git a/_sass/_base.scss b/_sass/_base.scss
index e151fbf..57b08e9 100644
--- a/_sass/_base.scss
+++ b/_sass/_base.scss
@@ -29,6 +29,8 @@ $theme-breadcrumbs-background: hsl($theme-hue, 33%, 15%);
 $theme-breadcrumbs-color: hsl($theme-hue, 100%, 100%);
 $theme-breadcrumbs-link-color: hsl($theme-hue, 100%, 75%);
 $theme-breadcrumbs-link-color-active: hsl($theme-hue, 100%, 85%);
+$theme-footer-background: hsl($theme-hue, 33%, 10.0%);
+$theme-footer-color: hsl($theme-hue, 0%, 80%);
 
 * {
 	box-sizing: border-box;
@@ -61,3 +63,4 @@ a.active {
 
 @import "_header.scss";
 @import "_content.scss";
+@import "_footer.scss";
diff --git a/_sass/_footer.scss b/_sass/_footer.scss
new file mode 100644
index 0000000..39a408c
--- /dev/null
+++ b/_sass/_footer.scss
@@ -0,0 +1,18 @@
+#footer {
+	margin: 0;
+	margin-top: 2rem;
+	padding: 0;
+	background: $theme-footer-background;
+	color: $theme-footer-color;
+}
+
+#footer > .content {
+	max-width: $theme-width;
+	min-height: 4rem;
+	margin: 0;
+	margin-left: auto;
+	margin-right: auto;
+	padding: .5rem 0rem;
+	font-size: 0.8rem;
+	text-align: center;
+}