Adds a footer

_config.yml

@@ -22,8 +22,8 @@ keywords: >
   security, futurism, architecture, freedom, art, hackbeach, himachal pradesh
 baseurl: ""
 url: "https://hillhacks.in/"
-twitter_username: hillhacks
-github_username:  https://github.com/hillhacks
+twitter_username: "hillhacks"
+github_username: "hillhacks"
 
 # Build settings
 markdown: kramdown

_includes/footer.html

@@ -1,3 +1,44 @@
+<footer class="site-footer section-white">
+
+  <div class="wrapper">
+
+    <div class="footer-col-wrapper">
+      <div class="footer-col footer-col-1">
+        <ul class="contact-list">
+          <li>
+            {{ site.title | escape }}
+          </li>
+          {% if site.email %}
+          <li><a href="mailto:{{ site.email }}">{{ site.email }}</a></li>
+          {% endif %}
+        </ul>
+      </div>
+
+      <div class="footer-col footer-col-2">
+        <ul class="social-media-list">
+          <li>
+            {% include icon-github.html label="source" %}
+          </li>
+          <li>
+            {% include icon-twitter.html username=site.twitter_username %}
+          </li>
+        </ul>
+      </div>
+
+      <div class="footer-col footer-col-3">
+        <ul class='footer-links'>
+          <li><a href="/contact/">Contact</a></li>
+          <li><a href="/about/">About</a></li>
+          <li><a href="/faq/">FAQ</a></li>
+          <li><a href="/participate/">Participate</a></li>
+        </ul>
+      </div>
+    </div>
+
+  </div>
+
+</footer>
+
     <script src="https://code.jquery.com/jquery-3.1.1.min.js"
       integrity="sha256-hVVnYaiADRTO2PzUGmuLJr8BLUSjGIZsDYGmIJLv2b8="
       crossorigin="anonymous"></script>

_includes/icon-github.html

@@ -1 +1,4 @@
-<a href="https://github.com/{{ include.username }}"><span class="icon icon--github">{% include icon-github.svg %}</span><span class="username">{{ include.username }}</span></a>
+
+	<span class="icon icon--github">{% include icon-github.svg %}</span>
+	<span class="username _label"><a href="https://github.com/stephaniebr/Hillhacks">{{ include.label }}<a href="https://github.com/stephaniebr/Hillhacks"></span>
+

_sass/_layout.scss

@@ -126,6 +126,10 @@
     padding-left: $spacing-unit / 2;
 }
 
+.footer-links {
+    list-style: none;
+}
+
 .footer-col-1 {
     width: -webkit-calc(35% - (#{$spacing-unit} / 2));
     width:         calc(35% - (#{$spacing-unit} / 2));
@@ -156,7 +160,6 @@
 
 @include media-query($on-palm) {
     .footer-col {
-        float: none;
         width: -webkit-calc(100% - (#{$spacing-unit} / 2));
         width:         calc(100% - (#{$spacing-unit} / 2));
     }