Add mastodon to config

config.toml

@@ -19,6 +19,7 @@ copyright = "This work is licensed under a Creative Commons Attribution-ShareAli
   github = "joshuaboniface"
   linkedin = "joshuamboniface"
   email = "joshua@boniface.me"
+  mastodon = "https://social.bonifacelabs.ca/@joshuaboniface"
   description = "A blog about tech and shiny things, self-hosted and FLOSS"
   cv = "/pages/cv"
   legalnotice = "/pages/legal"

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>
+</div>

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>

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: ""; }