Add Footer

_config.yml

@@ -73,8 +73,10 @@ xaymar:
     css: '/assets/site.css'
     js: '/assets/site.js'
     rss: '/feed.xml'
-  home:
+  info:
-    name: 'Home'
+    home: 'Home'
+    footer:
+      copyright: "2021 © Michael Fabian 'Xaymar' Dirks"
   index:
     readmore: 'Read More'
     excerpt:

_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" %}

_includes/footer.liquid

@@ -0,0 +1,5 @@
+<footer id="footer" class="footer">
+	<div class="content">
+		<span>{{ site.xaymar.info.footer.copyright }}</span>
+	</div>
+</footer>

_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>

_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";

_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;
+}