Add account links to contributor profiles

app/styles/app.scss

@@ -101,6 +101,7 @@ section {
 @import "components/contribution-list";
 @import "components/contributor-list";
 @import "components/contributor-profile";
+@import "components/external-account-link";
 @import "components/loading-spinner";
 @import "components/proposal-list";
 @import "components/topbar";

app/styles/components/_contributor-profile.scss

@@ -26,6 +26,22 @@ section#contributor-profile {
       text-align: center;
       margin-bottom: 0.6rem;
     }
+
+    p.role {
+      margin-bottom: 2rem;
+    }
+
+    ul.external-accounts {
+      list-style: none;
+
+      li {
+        display: inline-block;
+
+        &+li {
+          margin-left: 0.6rem;
+        }
+      }
+    }
   }
 
   .actions {

app/styles/components/_external-account-link.scss

@@ -0,0 +1,34 @@
+.external-accounts a {
+  display: inline-block;
+  width: 4rem;
+  height: 4rem;
+  padding: 0.8rem;
+  background-color: rgba(0, 0, 0, 0.3);
+  color: $body-text-color;
+  border-radius: 2rem;
+
+  span.site {
+    display: none;
+  }
+
+  svg {
+    display: block;
+    position: relative;
+    width: 100%;
+    height: 100%;
+
+    .fg {
+      fill: $body-text-color;
+    }
+  }
+
+  &:hover, &:active {
+    background-color: rgba(0, 0, 0, 0.5);
+
+    svg {
+      .fg {
+        fill: $primary-color;
+      }
+    }
+  }
+}