diff --git a/exampleSite/config.toml b/exampleSite/config.toml
index 579c5f9..a416cd9 100644
--- a/exampleSite/config.toml
+++ b/exampleSite/config.toml
@@ -26,6 +26,7 @@ enableRobotsTXT = true
   github = ""
   gitlab = ""
   linkedin = ""
+  mastodon = ""
   # choose a background color from any on this page: http://tachyons.io/docs/themes/skins/ and preface it with "bg-"
   background_color_class = "bg-black"
   featured_image = "/images/gohugo-default-sample-hero-image.jpg"
diff --git a/layouts/partials/social-follow.html b/layouts/partials/social-follow.html
index 489e8cd..249a2a0 100644
--- a/layouts/partials/social-follow.html
+++ b/layouts/partials/social-follow.html
@@ -47,4 +47,10 @@
   {{ partial "svg/medium.svg" (dict "size" $icon_size) }}
   {{- partial "new-window-icon.html" . -}}
 </a>
-{{ end }}
\ No newline at end of file
+{{ end }}
+{{ with .Param "mastodon" }}
+<a href="{{ . }}" target="_blank" class="link-transition mastodon link dib z-999 pt3 pt0-l mr1" title="Mastodon link" rel="noopener" aria-label="follow on Mastodon——Opens in a new window">
+  {{ partial "svg/mastodon.svg" (dict "size" $icon_size) }}
+  {{- partial "new-window-icon.html" . -}}
+</a>
+{{ end }}
diff --git a/layouts/partials/svg/mastodon.svg b/layouts/partials/svg/mastodon.svg
new file mode 100644
index 0000000..205345b
--- /dev/null
+++ b/layouts/partials/svg/mastodon.svg
@@ -0,0 +1,4 @@
+<svg{{ with .size }} height="{{ . }}" {{ end }} style="enable-background:new 0 0 230 230;" version="1.1" viewBox="0 0 230 230" width="{{ .size }}" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<path d="M211.80683 139.0875c-3.1825 16.36625-28.4925 34.2775-57.5625 37.74875-15.16 1.80875-30.0825 3.47125-45.99875 2.74125-26.0275-1.1925-46.565-6.2125-46.565-6.2125 0 2.53375.15625 4.94625.46875 7.2025 3.38375 25.68625 25.47 27.225 46.3925 27.9425 21.115.7225 39.91625-5.20625 39.91625-5.20625l.86875 19.09s-14.77 7.93125-41.08125 9.39c-14.50875.7975-32.52375-.365-53.50625-5.91875C9.23183 213.82 1.40558 165.31125.20808 116.09125c-.36375-14.61375-.14-28.39375-.14-39.91875 0-50.33 32.97625-65.0825 32.97625-65.0825C49.67058 3.45375 78.20308.2425 107.86433 0h.72875c29.66125.2425 58.21125 3.45375 74.8375 11.09 0 0 32.97625 14.7525 32.97625 65.0825 0 0 .4125 37.13375-4.6 62.915" style="fill-rule:evenodd;clip-rule:evenodd;fill:{{ .fill }};"/>
+<path d="M65.68743 96.45938c0 9.01375-7.3075 16.32125-16.3225 16.32125-9.01375 0-16.32-7.3075-16.32-16.32125 0-9.01375 7.30625-16.3225 16.32-16.3225 9.015 0 16.3225 7.30875 16.3225 16.3225M124.52893 96.45938c0 9.01375-7.30875 16.32125-16.3225 16.32125-9.01375 0-16.32125-7.3075-16.32125-16.32125 0-9.01375 7.3075-16.3225 16.32125-16.3225 9.01375 0 16.3225 7.30875 16.3225 16.3225M183.36933 96.45938c0 9.01375-7.3075 16.32125-16.32125 16.32125-9.01375 0-16.32125-7.3075-16.32125-16.32125 0-9.01375 7.3075-16.3225 16.32125-16.3225 9.01375 0 16.32125 7.30875 16.32125 16.3225" fill="#fff"/>
+</svg>
diff --git a/src/css/_social-icons.css b/src/css/_social-icons.css
index dcd299e..59ed072 100644
--- a/src/css/_social-icons.css
+++ b/src/css/_social-icons.css
@@ -1,4 +1,4 @@
-.facebook, .twitter, .instagram, .youtube, .github, .gitlab, .linkedin, .medium {
+.facebook, .twitter, .instagram, .youtube, .github, .gitlab, .linkedin, .medium, .mastodon {
   fill: #BABABA;
 }
 
@@ -42,3 +42,7 @@
 .medium:hover {
   fill: #0077b5
 }
+
+.mastodon:hover {
+  fill: #3088d4;
+}
diff --git a/static/dist/css/app.955516233bcafa4d2a1c13cea63c7b50.css b/static/dist/css/app.955516233bcafa4d2a1c13cea63c7b50.css
index be3f149..c0fa3f5 100644
--- a/static/dist/css/app.955516233bcafa4d2a1c13cea63c7b50.css
+++ b/static/dist/css/app.955516233bcafa4d2a1c13cea63c7b50.css
@@ -5894,7 +5894,7 @@ pre {
   margin-bottom: 1em;
 }
 
-.facebook, .twitter, .instagram, .youtube, .github, .gitlab, .linkedin, .medium {
+.facebook, .twitter, .instagram, .youtube, .github, .gitlab, .linkedin, .medium, .mastodon {
   fill: #BABABA;
 }
 
@@ -5940,6 +5940,10 @@ pre {
   fill: #0077b5
 }
 
+.mastodon:hover {
+  fill: #3088d4;
+}
+
 /* Put your custom styles here and run `npm start` from the "src" directory on */
 
 #TableOfContents ul li {