fix social icons, add mastodon

_config.yml

@@ -96,23 +96,20 @@ author:
   email            :
   links:
     - label: "E201 06CB 86FE 0B4D"
-      icon: "fas fa-fingerprint"
+      icon: "fas fa-fw fa-fingerprint"
       url: "https://keybase.io/scubasteve/pgp_keys.asc?fingerprint=2dc3a1066bba7040fe7963d9e20106cb86fe0b4d"
     - label: "Email"
       icon: "fas fa-fw fa-envelope-square"
       url: "mailto:ray@raylyon.net"
     - label: "Keybase"
-      icon: "fab fa-keybase"
+      icon: "fab fa-fw fa-keybase"
       url: "https://keybase.io/scubasteve"
     - label: "Website"
       icon: "fas fa-fw fa-link"
       # url: "https://your-website.com"
-    - label: "Twitter"
+    - label: "Mastodon"
-      icon: "fab fa-fw fa-twitter-square"
+      icon: "fab fa-fw fa-mastodon"
-      # url: "https://twitter.com/"
+      url: "https://fosstodon.org/@skoobasteeve"
-    - label: "Facebook"
-      icon: "fab fa-fw fa-facebook-square"
-      # url: "https://facebook.com/"
     - label: "GitHub"
       icon: "fab fa-fw fa-github"
       url: "https://github.com/skoobasteeve"

_includes/footer.html

@@ -0,0 +1,20 @@
+<div class="page__footer-follow">
+  <ul class="social-icons">
+    {% if site.data.ui-text[site.locale].follow_label %}
+      <li><strong>{{ site.data.ui-text[site.locale].follow_label }}</strong></li>
+    {% endif %}
+
+    {% if site.footer.links %}
+      {% for link in site.footer.links %}
+        {% if link.label and link.url %}
+          <li><a href="{{ link.url }}" rel="nofollow noopener noreferrer"><i class="{{ link.icon | default: 'fas fa-link' }}" aria-hidden="true"></i> {{ link.label }}</a></li>
+        {% endif %}
+      {% endfor %}
+    {% endif %}
+
+    <li><a href="{% if site.atom_feed.path %}{{ site.atom_feed.path }}{% else %}{{ '/feed.xml' | relative_url }}{% endif %}"><i class="fas fa-fw fa-rss-square" aria-hidden="true"></i> {{ site.data.ui-text[site.locale].feed_label | default: "Feed" }}</a></li>
+    <li><a rel="me" href="https://fosstodon.org/@skoobasteeve"><i class="fab fa-mastodon" aria-hidden="true"></i> Mastodon</a></li>
+  </ul>
+</div>
+
+<div class="page__footer-copyright">&copy; {{ site.time | date: '%Y' }} {{ site.name | default: site.title }}. {{ site.data.ui-text[site.locale].powered_by | default: "Powered by" }} <a href="https://jekyllrb.com" rel="nofollow">Jekyll</a> &amp; <a href="https://mademistakes.com/work/minimal-mistakes-jekyll-theme/" rel="nofollow">Minimal Mistakes</a>.</div>

_sass/minimal-mistakes/_utilities.scss

@@ -270,7 +270,7 @@ body:hover .visually-hidden button {
 
   .fa-mastodon,
   .fa-mastodon-square {
-    color: $mastodon-color;
+    color: #000;
   }
 
   .fa-pinterest,