Add host-specific icons to source links in showcase

layouts/section/showcase.html

@@ -23,7 +23,7 @@
 						<h3>{{$title}}</h3>
 					{{end}}
 					{{with .Params.sourcelink}}
-						<span class="showcase-source"><a href="{{.}}" target="_blank"><i class="icon-code"></i>Source</a></span>
+						<span class="showcase-source"><a href="{{.}}" target="_blank">&nbsp;Source</a></span>
 					{{end}}
 				</div>
 				{{- with .Params.tags -}}

pipeline/scss/layout/_showcase.scss

@@ -77,3 +77,19 @@ main.showcase-list {
     }
   }
 }
+
+.showcase-source {
+  > a:before {
+    font-family:'fontello';
+    content: '\f121';
+  }
+  > a[href*="github"]:before {
+    content: '\f056';
+  }
+  > a[href*="gitlab"]:before {
+    content: '\f296';
+  }
+  > a[href*="bitbucket"]:before {
+    content: '\e80a';
+  }
+}