From d451ad6d6c00b056799350480e50ad3cc2b383cf Mon Sep 17 00:00:00 2001
From: Jake Howard <git@theorangeone.net>
Date: Mon, 1 Jan 2018 17:26:31 +0000
Subject: [PATCH] Make everything in the social list a link

---
 layouts/shortcodes/social_list.html | 8 ++++++--
 static/src/scss/style.scss          | 8 ++++++++
 2 files changed, 14 insertions(+), 2 deletions(-)

diff --git a/layouts/shortcodes/social_list.html b/layouts/shortcodes/social_list.html
index 04d2b8f..26e19ab 100644
--- a/layouts/shortcodes/social_list.html
+++ b/layouts/shortcodes/social_list.html
@@ -2,9 +2,13 @@
   {{ range $i, $e := sort .Site.Data.social.accounts "name" }}
     <div class="col-sm-3 mt-3">
       <div class="card text-center">
-        <h1 class="display-3"><i class="{{ $e.icon }}"></i></h1>
+        <a href="{{ $e.icon }}" class="colour-invert">
+          <h1 class="display-3"><i class="{{ $e.icon }}"></i></h1>
+        </a>
         <div class="card-body">
-          <h3>{{ $e.name }}</h3>
+          <a href="{{ $e.icon }}" class="colour-invert">
+            <h3>{{ $e.name }}</h3>
+          </a>
           <a href="{{ $e.link }}">
             <p>{{ $e.username }}</p>
           </a>
diff --git a/static/src/scss/style.scss b/static/src/scss/style.scss
index 5d14eba..6775766 100644
--- a/static/src/scss/style.scss
+++ b/static/src/scss/style.scss
@@ -18,6 +18,14 @@ a {
   &:hover {
     color: $black;
   }
+
+  &.colour-invert {
+    color: $black;
+
+    &:hover {
+      color: $primary;
+    }
+  }
 }
 
 pre code {