social icons for github and twitter as pngs

_layouts/default.html

@@ -37,10 +37,8 @@
     <div id="main" role="main">{{ content }}</div>
       
     <footer class="footer">
-      <ul>
-        <li><a href="http://github.com/{{ site.links.github }}">{{ site.links.github }} on GitHub</a></li>
-        <li><a href="http://twitter.com/{{ site.links.twitter }}">{{ site.links.twitter }} on Twitter</a></li>
-      </ul>
+      {% if site.links.github %}<a href="http://github.com/{{ site.links.github }}"><img class="footer-icon" src="/images/icon-github.png" /></a>{% endif %}
+      {% if site.links.twitter %}<a href="http://twitter.com/{{ site.links.github }}"><img class="footer-icon" src="/images/icon-twitter.png" /></a>{% endif %}
     </footer>
 
     {% include analytics.html %}

scss/style.scss

@@ -238,4 +238,9 @@ nav {
 footer {
   // border-top: 1px $lightGray solid;
   padding: 20px 0;
+  text-align: center;
+
+  .footer-icon {
+    width: 40px;
+  }
 }

style.css

@@ -479,4 +479,7 @@ nav {
   color: #666666; }
 
 footer {
-  padding: 20px 0; }
+  padding: 20px 0;
+  text-align: center; }
+  footer .footer-icon {
+    width: 40px; }