wip: use ForkAwesome fonts for the contact list

_data/contacts.yaml

@@ -1,42 +1,55 @@
 - text: E-mail
   link: mailto:gergely@polonkai.eu
   image: email.png
+  icon: envelope-o
 - text: Stack Exchange
   link: http://stackexchange.com/users/1369500/gergelypolonkai
   image: stackexchange.png
+  icon: stack-exchange
 - text: LinkedIn
   link: http://www.linkedin.com/in/gergelypolonkai
   image: linkedin.png
+  icon: linkedin
 - text: Skype
   link: skype:gergely.polonkai
   image: skype.png
+  icon: skype
 - text: Facebook
   link: http://facebook.com/Polesz
   image: facebook.png
+  icon: facebook
 - text: Google+
   link: https://plus.google.com/+GergelyPolonkai/about
   image: google_plus.png
+  icon: google-plus
 - text: Twitter
   link: http://twitter.com/GergelyPolonkai
   image: twitter.png
+  icon: twitter
 - text: Tumblr
   link: http://gergelypolonkai.tumblr.com
   image: tumblr.png
+  icon: tumblr
 - text: deviantArt
   link: http://gergelypolonkai.deviantart.com
   image: deviantart.png
+  icon: deviantart
 - text: Hashnode
   link: https://hashnode.com/@gergelypolonkai
   image: hashnode.png
 - text: Keybase
   link: https://keybase.io/gergelypolonkai
   image: keybase.png
+  icon: keybase
 - text: Liberapay
   link: https://liberapay.com/gergelypolonkai
   image: liberapay.png
+  icon: liberapay
 - text: Mastodon
   link: https://social.polonkai.eu/@gergely
   image: mastodon.png
+  icon: mastodon
 - text: Pay me a coffee
   link: https://paypal.me/GergelyPolonkai/250
   image: paypal.png
+  icon: paypal

_includes/header.html

@@ -24,7 +24,7 @@
                                 <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false"><span class="glyphicon glyphicon-pencil"></span> Contact me <span class="caret"></span></a>
                                 <ul class="dropdown-menu" role="menu">
 {% for contact in site.data.contacts %}
-                                    <li><a href="{{contact.link}}" target="_blank"><img src="{{'/images/contact/' | prepend: site.baseurl | append: contact.image}}" alt="" /> {{contact.text}}</a></li>
+                                    <li><a href="{{contact.link}}" target="_blank"><i class="fa fa-{{ contact.icon }}"></i> <img src="{{'/images/contact/' | prepend: site.baseurl | append: contact.image}}" alt="" /> {{contact.text}}</a></li>
 {% endfor %}
                                     <li><a href="{{'/blog/atom.xml' | prepend: site.baseurl}}"><img src="{{'/images/contact/feed.png' | prepend: site.baseurl}}" alt="" /> RSS Feed</a></li>
                                 </ul>