Adding LinkedIn Icon #27

exampleSite/config.toml

@@ -23,6 +23,7 @@ enableRobotsTXT = true
   instagram = ""
   youtube = ""
   github = ""
+  linkedin = ""
   # 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"

layouts/partials/social-follow.html

@@ -16,12 +16,17 @@
   </a>
 {{ end }}
 {{ with .Site.Params.youtube }}
-  <a href="{{ . }}" class="link-transition youtube link dib z-999 pt3 pt0-l mr3" title="Youtube link">
+  <a href="{{ . }}" class="link-transition youtube link dib z-999 pt3 pt0-l mr2" title="Youtube link">
     {{ partial "svg/youtube.svg" (dict "size" $icon_size) }}
   </a>
 {{ end }}
 {{ with .Site.Params.github }}
-  <a href="{{ . }}" class="link-transition github link dib z-999 pt3 pt0-l mr3" title="Github link">
+  <a href="{{ . }}" class="link-transition github link dib z-999 pt3 pt0-l mr2" title="Github link">
     {{ partial "svg/github.svg" (dict "size" $icon_size) }}
   </a>
 {{ end }}
+{{ with .Site.Params.linkedin }}
+<a href="{{ . }}" class="link-transition linkedin link dib z-999 pt3 pt0-l mr2" title="LinkedIn link">
+  {{ partial "svg/linkedin.svg" (dict "size" $icon_size) }}
+</a>
+{{ end }}

layouts/partials/svg/linkedin.svg

@@ -0,0 +1 @@
+<svg{{ with .size }} height="{{ . }}" {{ end }} style="enable-background:new 0 0 67 67;" version="1.1" viewBox="0 0 67 67" width="{{ .size }}" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><path d="M49.837,48.137V36.425c0-6.275-3.35-9.195-7.816-9.195  c-3.604,0-5.219,1.983-6.119,3.374V27.71h-6.79c0.09,1.917,0,20.427,0,20.427h6.79V36.729c0-0.609,0.044-1.219,0.224-1.655  c0.49-1.22,1.607-2.483,3.482-2.483c2.458,0,3.44,1.873,3.44,4.618v10.929H49.837z M21.959,24.922c2.367,0,3.842-1.57,3.842-3.531  c-0.044-2.003-1.475-3.528-3.797-3.528s-3.841,1.524-3.841,3.528c0,1.961,1.474,3.531,3.753,3.531H21.959z M33,64  C16.432,64,3,50.568,3,34C3,17.431,16.432,4,33,4s30,13.431,30,30C63,50.568,49.568,64,33,64z M25.354,48.137V27.71h-6.789v20.427  H25.354z" style="fill-rule:evenodd;clip-rule:evenodd;"/></svg>

src/css/_social-icons.css

@@ -1,4 +1,4 @@
-.facebook, .twitter, .instagram, .youtube, .github {
+.facebook, .twitter, .instagram, .youtube, .linkedin {
   fill: #BABABA;
 }
 .facebook:hover {
@@ -20,3 +20,7 @@
 .github:hover {
   fill: #FFFFFF;
 }
+
+.linkedin:hover {
+  fill: #0277B5
+}