Added FontAwesome 5

* closes #10

Signed-off-by: Jim Martens <github@2martens.de>

_includes/footer.html

@@ -8,10 +8,10 @@
                         <li class="nav-item"><a class="nav-link" href="/datenschutz">Datenschutz</a></li>
                     </ul>
                 </nav>
+                <img src="/assets/images/uberspace-badge-white.png" />
             </div>
             <div class="col-8">
-                {% comment %}
-                <ul class="social-media-list">
+                <ul class="list-unstyled">
                     {% if site.github_username %}
                     <li>
                         {% include icon-github.html username=site.github_username %}
@@ -24,7 +24,6 @@
                     </li>
                     {% endif %}
                 </ul>
-                {% endcomment %}
                 <a rel="license" href="http://creativecommons.org/licenses/by-sa/4.0/">
                     <img alt="Creative Commons License" style="border-width:0"
                          src="https://i.creativecommons.org/l/by-sa/4.0/88x31.png"/>

_includes/head.html

@@ -8,7 +8,13 @@
           content="{% if page.excerpt %}{{ page.excerpt | strip_html | strip_newlines | truncate: 160 }}{% else %}{{ site.description }}{% endif %}">
 
     {% stylesheet main.scss %}
+    {% stylesheet fa-svg-with-js.css %}
     <link rel="canonical" href="{{ page.url | replace:'index.html','' | prepend: site.baseurl | prepend: site.url }}">
     <link rel="alternate" type="application/rss+xml" title="{{ site.title }}"
           href="{{ '/feed.xml' | prepend: site.baseurl | prepend: site.url }}">
+
+    <script>
+        FontAwesomeConfig = { autoAddCss: false }
+    </script>
+    {% javascript js/fontawesome-all.js defer %}
 </head>

_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>
+<a href="https://github.com/{{ include.username }}">
+    <span class="fab fa-github"></span>
+    <span class="username">{{ include.username }}</span>
+</a>

_includes/icon-twitter.html

@@ -1 +1,4 @@
-<a href="https://twitter.com/{{ include.username }}"><span class="icon icon--twitter">{% include icon-twitter.svg %}</span><span class="username">{{ include.username }}</span></a>
+<a href="https://twitter.com/{{ include.username }}">
+    <span class="fab fa-twitter"></span>
+    <span class="username">{{ include.username }}</span>
+</a>