From 37962cd8c9a40982503b927004e53e8be32c0e0d Mon Sep 17 00:00:00 2001
From: Marcus Whybrow <marcus@marcuswhybrow.net>
Date: Fri, 15 Jun 2012 14:59:59 +0100
Subject: [PATCH] Added my Minecraft player to the page.

---
 assets/css/style.css | 51 ++++++++++++++++++++++++++++++++++++++++++++
 index.html           | 10 ++++++++-
 2 files changed, 60 insertions(+), 1 deletion(-)

diff --git a/assets/css/style.css b/assets/css/style.css
index f169785..1a1bd4a 100644
--- a/assets/css/style.css
+++ b/assets/css/style.css
@@ -6,6 +6,7 @@ body {
 .masthead {
   padding-bottom: 50px;
   border-bottom: 1px solid #e5e5e5;
+  position: relative;
 }
 .masthead h1,
 .masthead p {
@@ -141,4 +142,54 @@ body {
 }
 .milestones h2 {
   font-weight: 300;
+}
+
+
+
+.players {
+  position: absolute;
+  bottom: -20px;
+  padding-left: 20px;
+}
+.players .created-by {
+  position: absolute;
+  font-size: 13px;
+  width: 300px;
+  bottom: -1px;
+  left: 62px;
+  text-align: left;
+  color: #ccc;
+  text-transform: lowercase;
+}
+.players .player {
+  position: relative;
+  width: 32px;
+  height: 64px;
+}
+.players .player .link {
+  display: block;
+  z-index: 200;
+  position: absolute;
+  left: 0;
+  top: 0;
+  right: 0;
+  bottom: 0;
+}
+.players .player iframe {
+  position: relative;
+  z-index: 100;
+}
+.players .player .shadow {
+  z-index: 50;
+  width: 50px;
+  height: 15px;
+  
+  position: absolute;
+  bottom: -7px;
+  left: -9px;
+  
+  background: -webkit-radial-gradient(50% 50%, cover, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 50%);
+}
+.players .player:hover .shadow {
+  background: -webkit-radial-gradient(50% 50%, cover, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 50%);
 }
\ No newline at end of file
diff --git a/index.html b/index.html
index d630f2d..6ec6909 100644
--- a/index.html
+++ b/index.html
@@ -64,7 +64,15 @@
           <li class="text"><a href="https://github.com/marcuswhybrow/minecraft-server-manager/wiki">Read the docs</a></li>
           <li class="text"><a href="https://github.com/marcuswhybrow/minecraft-server-manager/wiki/Installation">Installation guide</a></li>
         </ul>
-      
+        
+        <div class="players">
+          <div class="player player-craftysaurus" >
+            <iframe src="http://marcuswhybrow.github.com/minecraft-widgets/minecraft-skin.html?playername=craftysaurus&amp;scale=2" allowtransparency="true" frameborder="0" scrolling="0" width="32" height="64"></iframe>
+            <div class="shadow"></div>
+            <a class="link" href="http://marcuswhybrow.net/"></a>
+          </div>
+          <p class="created-by">Created by craftysaurus</p>
+        </div>
       </div>
     
       <div class="features">