bring back helm on hover

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 */

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