Tidy up broken footer

templates/_includes/footer.html

@@ -1,23 +1,21 @@
 <hr />
-<div class="connections" style="text-align:right;">
-  <a href="mailto:[email protected]" style="font-size: 24px;">
-    <i class="icon-envelope"></i>
-  </a>
-  <a href="http://github.com/krwenholz" style="font-size: 24px;">
-    <i class="icon-github"></i>
-  </a>
-  <a
-    href="https://www.linkedin.com/in/kyle-wenholz-3b591087/"
-    style="font-size: 24px;"
-  >
-    <i class="icon-linkedin"></i>
-  </a>
-</div>
-<p class="jekyll" style="text-align:right;">
-  Powered by
-  <a class="with-color" href="https://getzola.org/">Jekyll</a>,
-  <a class="with-color" href="http://fortawesome.github.com/Font-Awesome/">
-    Font Awesome</a
-  >, and
-  <a class="with-color" href="http://getskeleton.com"> Skeleton</a>.<br />
-</p>
+<div class="row justify-content-end">
+  <div class="col-3">
+    <a href="mailto:[email protected]">
+      <svg class="feather">
+        <use href="feather-sprite.svg#mail" />
+      </svg>
+    </a>
+    <a href="http://github.com/krwenholz">
+      <i class="icon-github"></i>
+      <svg class="feather">
+        <use href="feather-sprite.svg#github" />
+      </svg>
+    </a>
+    <a href="https://www.linkedin.com/in/kyle-wenholz-3b591087/">
+      <svg class="feather">
+        <use href="feather-sprite.svg#linkedin" />
+      </svg>
+    </a>
+  </div>
+</div>

templates/index.html

@@ -8,8 +8,8 @@
 <div class="container">
   {% include "_includes/heading.html" %}
 
-  <div class="row align-items-center justify-content-left pb-4">
-    <div class="col">
+  <div class="row align-items-center justify-content-start pb-4">
+    <div class="col-3">
       <image
         src="/images/rocketship.png"
         alt=""
@@ -23,6 +23,8 @@
       {{ section.content | safe }}
     </div>
   </div>
+
+  {% include "_includes/footer.html" %}
 </div>
 </body>
 </html>