From 7b93a1ef984f586cf1ccc6f1112bcedd15cf375f Mon Sep 17 00:00:00 2001
From: jomo <github@jomo.tv>
Date: Thu, 6 Nov 2014 22:40:45 +0100
Subject: [PATCH] use CSS for 'fork me on github' banner

---
 public/stylesheets/style.css | 15 ++++++++++++++-
 views/layout.jade            |  3 +--
 2 files changed, 15 insertions(+), 3 deletions(-)

diff --git a/public/stylesheets/style.css b/public/stylesheets/style.css
index c37700f..7b84d65 100644
--- a/public/stylesheets/style.css
+++ b/public/stylesheets/style.css
@@ -11,10 +11,23 @@ a {
 }
 
 a.forkme {
-  position: fixed;
   top: 0;
   right: 0;
   z-index: 1040;
+  position: fixed;
+  display: inline-block;
+  background: #008000;
+  box-shadow: 0 0 5px #000;
+  color: #fff;
+  font-weight: bold;
+  padding: 3px 40px;
+  border: 2px solid #006400;
+  -webkit-transform: rotate(45deg) translate(65px);
+  transform: rotate(45deg) translate(65px);
+}
+a.forkme:hover {
+  color: #ddd;
+  text-decoration: none;
 }
 
 mark.green {
diff --git a/views/layout.jade b/views/layout.jade
index 2a64725..75512ea 100644
--- a/views/layout.jade
+++ b/views/layout.jade
@@ -8,8 +8,7 @@ html
     meta(name="viewport" content="initial-scale=1,maximum-scale=1")
     //script(src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.0/js/bootstrap.min.js")
   body
-    a.forkme(href="https://github.com/Jake0oo0/crafatar", target="_blank")
-      img(src="https://camo.githubusercontent.com/e7bbb0521b397edbd5fe43e7f760759336b5e05f/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f677265656e5f3030373230302e706e67", alt="Fork me on GitHub")
+    a.forkme(href="https://github.com/Jake0oo0/crafatar", target="_blank") Fork me on GitHub
     .navbar.navbar-default.navbar-fixed-top
         .container
           .navbar-header