Add a link to "mastodon" (#159)

* Create fr.toml French translation * Social link to "mastodon" added
theNewDynamic · Mar 4, 2019 · 8b348e6 · 8b348e6
1 parent e07ddcc
commit 8b348e6
Show file tree

Hide file tree

Showing 5 changed files with 22 additions and 3 deletions.
diff --git 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
@@ -47,4 +47,10 @@
   {{ partial "svg/medium.svg" (dict "size" $icon_size) }}
   {{- partial "new-window-icon.html" . -}}
 </a>
-{{ end }}
+{{ 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
diff --git 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
@@ -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 {