diff --git a/themes/hugo-uno/layouts/partials/sharing.html b/themes/hugo-uno/layouts/partials/sharing.html
index 8a24ab8..149f925 100644
--- a/themes/hugo-uno/layouts/partials/sharing.html
+++ b/themes/hugo-uno/layouts/partials/sharing.html
@@ -7,7 +7,10 @@
 <span class="fa fa-google-plus-square fa-3x"></span></a>
 <a href="http://www.linkedin.com/shareArticle?mini=true&url={{ .Permalink }}&title={{ .Title }}" target="_blank" title="LinkedIn" class="linkedin">
 <span class="fa fa-linkedin-square fa-3x"></span></a>
+<a href="http://www.linkedin.com/shareArticle?mini=true&url={{ .Permalink }}&title={{ .Title }}" target="_blank" title="LinkedIn" class="linkedin">
+<a href="https://sharetomastodon.github.io/?title={{ .Title }}&url={{ .Permalink }}" target="_blank" title="Mastodon" class="mastodon">
+<span class="fa fa-mastodon fa-3x"></span></a>
 <a href="http://www.reddit.com/submit?url={{ .Permalink }}" target="_blank" title="Reddit" class="reddit"><span class="fa fa-reddit-square fa-3x"></span></a>
 <a href="http://www.stumbleupon.com/submit?url={{ .Permalink }}" target="_blank" title="StumbleUpon" class="stumbleupon"><span class="fa fa-stumbleupon fa-3x">
 </span></a>
-</div>
\ No newline at end of file
+</div>
diff --git a/themes/hugo-uno/layouts/partials/social.html b/themes/hugo-uno/layouts/partials/social.html
index e989990..a254319 100644
--- a/themes/hugo-uno/layouts/partials/social.html
+++ b/themes/hugo-uno/layouts/partials/social.html
@@ -20,6 +20,10 @@
         <li class="navigation__item">
             <a href="https://www.linkedin.com/in/{{ .Site.Params.linkedin }}" title="Linkedin"> <i class='fa fa-linkedin'></i> <span class="label">Linkedin</span> </a>
         </li> {{ end }} {{ if .Site.Params.email }}
+        <!-- Mastodon -->
+        <li class="navigation__item">
+            <a rel="me" href="{{ .Site.Params.mastodon }}" title="Mastodon">_<i class='fa fa-mastodon'></i>_<span class="label">Mastodon</span>_</a>
+        </li> {{ end }} {{ if .Site.Params.mastodon }}
         <!-- Email -->
         <li class="navigation__item">
             <a href="mailto:{{ .Site.Params.email }}" title="Email {{ .Site.Params.email }}"> <i class='fa fa-envelope-o'></i> <span class="label">Email</span> </a>
diff --git a/themes/hugo-uno/static/css/uno.css b/themes/hugo-uno/static/css/uno.css
index ce49767..85f328e 100644
--- a/themes/hugo-uno/static/css/uno.css
+++ b/themes/hugo-uno/static/css/uno.css
@@ -837,6 +837,9 @@ body {
 .fa-linkedin:before {
   content: ""; }
 
+.fa-mastodon:before {
+  content: ""; }
+
 .fa-rotate-left:before,
 .fa-undo:before {
   content: ""; }