social icons for github and twitter as pngs

5 files changed, 11 insertions, 5 deletions

diff --git a/_layouts/default.html b/_layouts/default.html
index 77e9cd9..f424fff 100644
--- a/_layouts/default.html
+++ b/_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 %}
diff --git a/images/icon-github.png b/images/icon-github.png
new file mode 100644
index 0000000..23dd233
--- /dev/null
+++ b/images/icon-github.png
diff --git a/images/icon-twitter.png b/images/icon-twitter.png
new file mode 100644
index 0000000..f40c5a4
--- /dev/null
+++ b/images/icon-twitter.png
diff --git a/scss/style.scss b/scss/style.scss
index 533f04b..55e559c 100755
--- a/scss/style.scss
+++ b/scss/style.scss
@@ -238,4 +238,9 @@ nav {
 footer {
   // border-top: 1px $lightGray solid;
   padding: 20px 0;
+  text-align: center;
+
+  .footer-icon {
+    width: 40px;
+  }
 }
diff --git a/style.css b/style.css
index 4bb29c5..ef63fc7 100644
--- a/style.css
+++ b/style.css
@@ -479,4 +479,7 @@ nav {
   color: #666666; }
 
 footer {
-  padding: 20px 0; }
+  padding: 20px 0;
+  text-align: center; }
+  footer .footer-icon {
+    width: 40px; }