From b235ed168ab50b537d7fb16b2fe3b96b325a6243 Mon Sep 17 00:00:00 2001
From: Emma Garland <emmagarland77@gmail.com>
Date: Sun, 4 Jun 2017 17:12:39 +0100
Subject: [PATCH] Inline styles (temp)

---
 .../Partials/Home/GitHubContributors.cshtml   | 26 ++++++++++++++++---
 1 file changed, 22 insertions(+), 4 deletions(-)

diff --git a/OurUmbraco.Site/Views/Partials/Home/GitHubContributors.cshtml b/OurUmbraco.Site/Views/Partials/Home/GitHubContributors.cshtml
index c6ccdffe..cdaa87cb 100644
--- a/OurUmbraco.Site/Views/Partials/Home/GitHubContributors.cshtml
+++ b/OurUmbraco.Site/Views/Partials/Home/GitHubContributors.cshtml
@@ -2,14 +2,32 @@
 
 @foreach (var contributor in Model.Contributors)
 {
-    <a href="@contributor.Url">
-        <div class="avatar">
-            <img alt="@contributor.Login" src="@contributor.AvatarUrl" title="@contributor.Login"/>
-            <span>@contributor.Contributions</span>
+    <a href="@contributor.Url" class="contributor">
+        <div class="avatar" style="position: relative;">
+            <img alt="@contributor.Login" src="@contributor.AvatarUrl" title="@contributor.Login" />
+            <span class="contrib-count" title="@(contributor.Contributions + " contributions")">@contributor.Contributions</span>
         </div>
     </a>
 }
 
+<style>
+    .contributor {
+        margin-bottom: 15px;
+    }
+
+    .contrib-count {
+        position: absolute;
+        left: 25px;
+        bottom: 0px;
+        text-align: center;
+        right: 25px;
+        color: #425a2e;
+        font-weight: bold;
+        background-color: #98d768;
+        border-radius: 15px;
+    }
+</style>
+
 @if (Model.Contributors.Any() == false)
 {
     <h2>Could not load recent GitHub contributors.</h2>