From abd5f032594c60439291b9a5ddd61326736c79bd Mon Sep 17 00:00:00 2001
From: jomo <github@jomo.tv>
Date: Sat, 3 Jan 2015 02:00:02 +0100
Subject: [PATCH] bring back helm on hover

---
 public/stylesheets/style.css | 47 ++++++++++++++++++++++++++++++++++++
 views/index.jade             | 12 ++++-----
 2 files changed, 53 insertions(+), 6 deletions(-)

diff --git a/public/stylesheets/style.css b/public/stylesheets/style.css
index 8b12cf1..f7bd74a 100644
--- a/public/stylesheets/style.css
+++ b/public/stylesheets/style.css
@@ -96,3 +96,50 @@ h4 {
 .jumbotron img {
   margin: 5px;
 }
+
+.avatar {
+  width: 64px;
+  height: 64px;
+  display: inline-block;
+  margin-right: 0.5em;
+}
+
+.avatar.redstone_sheep {
+  background-image: url("/avatars/ae795aa86327408e92ab25c8a59f3ba1?size=64");
+}
+.avatar.redstone_sheep:hover {
+  background-image: url("/avatars/ae795aa86327408e92ab25c8a59f3ba1?size=64&helm");
+}
+
+.avatar.jake0oo0 {
+  background-image: url("/avatars/2d5aa9cdaeb049189930461fc9b91cc5?size=64");
+}
+.avatar.jake0oo0:hover {
+  background-image: url("/avatars/2d5aa9cdaeb049189930461fc9b91cc5?size=64&helm");
+}
+
+.avatar.sk89q {
+  background-image: url("/avatars/0ea8eca3dbf647cc9d1ac64551ca975c?size=64");
+}
+.avatar.sk89q:hover {
+  background-image: url("/avatars/0ea8eca3dbf647cc9d1ac64551ca975c?size=64&helm");
+}
+
+.avatar.md_5 {
+  background-image: url("/avatars/af74a02d19cb445bb07f6866a861f783?size=64");
+}
+.avatar.md_5:hover {
+  background-image: url("/avatars/af74a02d19cb445bb07f6866a861f783?size=64&helm");
+}
+
+.avatar.jeb {
+  background-image: url("/avatars/853c80ef3c3749fdaa49938b674adae6?size=64");
+}
+.avatar.jeb:hover {
+  background-image: url("/avatars/853c80ef3c3749fdaa49938b674adae6?size=64&helm");
+}
+
+.avatar.notch {
+  background-image: url("/avatars/069a79f444e94726a5befca90e38aaf5?size=64");
+}
+/* Notch fucked up his helm */
\ No newline at end of file
diff --git a/views/index.jade b/views/index.jade
index d63f537..6c35434 100644
--- a/views/index.jade
+++ b/views/index.jade
@@ -5,12 +5,12 @@ block content
       .container
         h1 Crafatar
         p A blazing fast API for Minecraft faces!
-        img(alt="Jake0oo0's Avatar", height="64", width="64", src="/avatars/2d5aa9cdaeb049189930461fc9b91cc5?size=64&helm")
-        img(alt="redstone_sheep's Avatar", height="64", width="64", src="/avatars/ae795aa86327408e92ab25c8a59f3ba1?size=64&helm")
-        img(alt="sk89q's Avatar", height="64", width="64", src="/avatars/0ea8eca3dbf647cc9d1ac64551ca975c?size=64&helm")
-        img(alt="md_5's Avatar", height="64", width="64", src="/avatars/af74a02d19cb445bb07f6866a861f783?size=64&helm")
-        img(alt="Jeb's Avatar", height="64", width="64", src="/avatars/853c80ef3c3749fdaa49938b674adae6?size=64&helm")
-        img(alt="Notch's Avatar", height="64", width="64", src="/avatars/069a79f444e94726a5befca90e38aaf5?size=64")
+        .avatar.redstone_sheep
+        .avatar.jake0oo0
+        .avatar.sk89q
+        .avatar.md_5
+        .avatar.jeb
+        .avatar.notch
   .container
     section(id="documentation")
       h2 Documentation