Add Mastodon to social media

schanghydro · Feb 15, 2024 · da9dba1 · da9dba1
1 parent f4cf0ae
commit da9dba1
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 0 deletions.
diff --git a/_includes/author-profile.html b/_includes/author-profile.html
@@ -44,6 +44,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-square" aria-hidden="true"></i> Twitter</a></li>
       {% endif %}
+      {% if author.mastodon %}
+        <li><a href="{{ author.mastodon }}"><i class="fab fa-fw fa-mastodon" aria-hidden="true"></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"></i> Facebook</a></li>
       {% endif %}

diff --git a/_sass/_utilities.scss b/_sass/_utilities.scss
@@ -233,6 +233,11 @@ body:hover .visually-hidden button {
     color: $linkedin-color;
   }
 
+  .fa-mastodon,
+  .fa-mastodon-square {
+    color: $mastodon-color;
+  }
+
   .ai-orcid-square {
     color: $orcid-color;
   }

diff --git a/_sass/_variables.scss b/_sass/_variables.scss
@@ -77,6 +77,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;