Added hidden double rainbow reference; added title

zhuowei · zhuowei · commit 79a1dc04c4ef · 2011-04-01T20:11:05.000-07:00
diff --git a/index.html b/index.html
@@ -4,7 +4,7 @@
 <head>
   <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
 
-  <title>Untitled</title>
+  <title>Spoon-Knife</title>
   <style type="text/css">
     * {
       margin:0px;
@@ -23,8 +23,29 @@
       margin: 50px auto;
       font: 30px Monaco,"Courier New","DejaVu Sans Mono","Bitstream Vera Sans Mono",monospace;
     }
+    #rainbow-message {
+      position: absolute;
+      right: 10px;
+      top: 10px;
+      box-shadow: -5px 10px 15px gray;
+      -moz-box-shadow: -5px 10px 15px gray;
+      font-family: sans-serif;
+    }
     
   </style>
+  <script type="text/javascript">
+	var keyCodes=new Array(10);
+	var pattern=[38,38,40,40,37,39,37,39,66,65];
+	function keydownHandler(e){
+		keyCodes.shift();
+		keyCodes.push(e.keyCode);
+		if(keyCodes.every(function(element, index, array){return element===pattern[index];})){
+			document.getElementById("rainbow-message").style.display="";
+		}
+	}
+	window.onkeydown=keydownHandler;
+   </script>
+		
 </head>
 
 <body>
@@ -34,6 +55,9 @@
 <p>
   Fork me? No, fork you!
 </p>
-
+<div id="rainbow-message" style="display:none">
+Double repositories all the way across the sky!<br/>
+<a href="http://help.github.com/fork-a-repo/">What does it mean?</a>
+</div>
 </body>
 </html>
