we'll meet again

Author: jayrobwilliams

_config.yml

@@ -107,12 +107,13 @@ author:
   impactstory      : #"https://profiles.impactstory.org/u/xxxx-xxxx-xxxx-xxxx"
   lastfm           :
   linkedin         : "jayrobwilliams"
+  mastodon         : "fosstodon.org/@jayrobw"
   pinterest        :
   soundcloud       :
   stackoverflow    : #"https://stackoverflow.com/users/10912314/jayrobwilliams"
   steam            :
   tumblr           :
-  twitter          : "jayrobw"
+  twitter          : 
   vine             :
   weibo            :
   xing             :

_includes/author-profile.html

@@ -43,6 +43,9 @@ <h3 class="author__name">{{ author.name }}</h3>
       {% if author.twitter %}
         <li><a href="https://twitter.com/{{ author.twitter }}"><i class="fab fa-fw fa-twitter" aria-hidden="true" style="padding-right: 1.5em;"></i>Twitter</a></li>
       {% endif %}
+      {% if author.mastodon %}
+        <li><a rel="me" href="https://{{ author.mastodon }}"><i class="fab fa-fw fa-mastodon" aria-hidden="true" style="padding-right: 1.5em;"></i>Mastodon</a></li>
+      {% endif %}
       {% if author.facebook %}
         <li><a href="https://www.facebook.com/{{ author.facebook }}"><i class="fab fa-fw fa-facebook-square" aria-hidden="true" style="padding-right: 1.5em;"></i>Facebook</a></li>
       {% endif %}

_sass/_buttons.scss

@@ -121,7 +121,8 @@
   (facebook, $facebook-color),
   (twitter, $twitter-color),
   (google-plus, $google-plus-color),
-  (linkedin, $linkedin-color);
+  (linkedin, $linkedin-color),
+  (mastodon, $mastodon-color);
 
   @each $socialnetwork, $color in $social {
     &--#{$socialnetwork} {

_sass/_utilities.scss

@@ -236,6 +236,10 @@ body:hover .visually-hidden button {
   .fa-linkedin-square {
     color: $linkedin-color;
   }
+  
+  .fa-mastodon {
+    color: $mastodon-color;
+  }
 
   .fa-pinterest,
   .fa-pinterest-p,

_sass/_variables.scss

@@ -79,6 +79,7 @@ $google-plus-color          : #dd4b39;
 $instagram-color            : #517fa4;
 $lastfm-color               : #d51007;
 $linkedin-color             : #007bb6;
+$mastodon-color             : #6364ff;
 $orcid-color                : #a6ce39;
 $pinterest-color            : #cb2027;
 $rss-color                  : #fa9b39;