diff --git a/assets/scss/style.scss b/assets/scss/style.scss
index 3877a39..b4a4925 100755
--- a/assets/scss/style.scss
+++ b/assets/scss/style.scss
@@ -6,7 +6,6 @@ body {
   font-family: $font-body;
   font-size: 1.0rem;
   line-height: 1.5;
-  margin-bottom: 1rem;
   text-align: justify;
 
   @include below-container-width {
@@ -275,4 +274,19 @@ figure {
   stroke-linecap: round;
   stroke-linejoin: round;
   fill: none;
+  vertical-align: middle;
+}
+
+footer {
+    margin-top: 2rem;
+    font-family: $font-code;
+    padding: 0.5rem;
+    padding-bottom: 1rem;
+
+    p {
+        margin: 0.25rem;
+    }
+
+    background-color: $code-color;
+    border-top: $code-border;
 }
diff --git a/layouts/partials/footer.html b/layouts/partials/footer.html
index 7714728..c20ead3 100644
--- a/layouts/partials/footer.html
+++ b/layouts/partials/footer.html
@@ -1,5 +1,8 @@
 <footer>
-    <p>{{ partial "icon.html" "branch" }} <a href="https://github.com/DanilaFe/maypop/commit/{{ .Params.shorthash }}">{{ .Params.hash }}</a></p>
-    <p>{{ partial "icon.html" "calendar" }} {{ .Params.date }}</p>
-    <p>{{ partial "icon.html" "message" }} {{ .Params.subject }}</p>
+    <div class="container">
+        This page was statically generated from a Literate Haskell source file.
+        <p>{{ partial "icon.html" "git-branch" }} <a href="https://github.com/DanilaFe/maypop/commit/{{ .Params.hash }}">{{ .Params.shorthash }}</a></p>
+        <p>{{ partial "icon.html" "calendar" }} {{ .Params.date }}</p>
+        <p>{{ partial "icon.html" "message-square" }} {{ .Params.subject }}</p>
+    </div>
 </footer>
diff --git a/layouts/partials/icon.html b/layouts/partials/icon.html
index 552d07e..a040805 100644
--- a/layouts/partials/icon.html
+++ b/layouts/partials/icon.html
@@ -1,3 +1,3 @@
 <svg class="feather">
-    <use xlink:href="/feather-sprite.svg#{{ . }}"/>
+    <use xlink:href="/~fedorind/CS583/feather-sprite.svg#{{ . }}"/>
 </svg>