Konami

Happy days

by AaronLayton

HTML

<link rel="stylesheet" href="http://twitter.github.com/bootstrap/assets/css/bootstrap.css">
<div class="container">
    <div class="row">
        <div class="span12">
            <div class="hero-unit">
                <h1>Auto Admin</h1>
                <p>For those days....</p>
                <p><span title="↑ ↑ ↓ ↓ ← → ← → B A">Konami</span></p>
            </div>
            
            <div class="happyDays"><img src="http://s1.static.gotsmile.net/images/2011/10/27/boobs_131967405869.jpg" /></div>
        </div>
    </div>
</div>

CSS

html,body { width:100%;height:100%}
body {
      background-color: #ffffff;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e1e1e1)); /* Safari 4+, Chrome */
  background-image: -webkit-linear-gradient(top, #ffffff, #e1e1e1); /* Chrome 10+, Safari 5.1+, iOS 5+ */
  background-image:    -moz-linear-gradient(top, #ffffff, #e1e1e1); /* Firefox 3.6-15 */
  background-image:      -o-linear-gradient(top, #ffffff, #e1e1e1); /* Opera 11.10-12.00 */
  background-image:         linear-gradient(to bottom, #ffffff, #e1e1e1); /* Firefox 16+, IE10, Opera 12.50+ */
}
.container {padding:20px;}
.happyDays {
    display:none;
    left:50%;
    margin:-222.5px 0 0 -300px;
    position:absolute;
    top:50%;
}

JavaScript

// Easy Konami plugin

var kkeys = [], konami = "38,38,40,40,37,39,37,39,66,65";
$(document).keydown(function(e) {
  kkeys.push( e.keyCode );
  if ( kkeys.toString().indexOf( konami ) >= 0 ){
    $(document).unbind('keydown',arguments.callee);
            $('.happyDays').show().fadeOut(4000); 
  }
});