add footer

app/assets/stylesheets/theme.scss

@@ -21,14 +21,28 @@
 		padding: 0px;
 	} 
 
-body { 
-	background: #ffffff; 
-	margin: 0; 
-	height: 100%; 
+$footerHeight: 60px;
+
+body {
+	background: #ffffff;
+	margin: 0;
+	height: 100%;
 	color: #384452;
 	font-family: 'Lato', sans-serif;
 	font-weight: 400;
-	}
+  /* Margin bottom by footer height */
+  margin-bottom: $footerHeight;
+}
+
+.footer {
+  position: fixed;
+  bottom: 0;
+  width: 100%;
+  /* Set the fixed height of the footer here */
+  height: $footerHeight;
+  background-color: #f5f5f5;
+  color: #384452;
+}
 
 h1, h2, h3, h4, h5, h6 {
 	font-family: 'Raleway', sans-serif;

app/views/components/_footer.html.erb

@@ -0,0 +1,18 @@
+<footer class="footer">
+  <div class="container centered">
+    <div class="col-xs-4">
+      <p class="text-muted">
+        <%= link_to("ask me a question!", 'https://github.com/blairanderson/rails-hackernews-reddit-producthunt-clone/issues') %>
+      </p>
+    </div>
+    <div class="col-xs-8">
+      <p class="text-muted">
+        this
+        <%= link_to("link sharing boilerplate", 'https://github.com/blairanderson/rails-hackernews-reddit-producthunt-clone') %>
+        was
+        <%= link_to("made by blair", 'https://www.blairanderson.co/') %>
+      </p>
+    </div>
+  </div>
+</footer>
+

app/views/layouts/application.html.erb

@@ -16,6 +16,8 @@
   </div>
 </div>
 
+<%= render 'components/footer' %>
+
 <%= render 'components/google_analytics' %>
 <%= yield :javascripts %>
 </body>