JSFiddle - React, Tailwind, and code Playground
HTML
<h1>Try to press "m"</h1>
<pre></pre>
CSS
@charset "utf-8";
/* CSS Document */
body {
background-image:url(BackPic.JPG);
font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
color:#F6F6F6;
margin-left:auto;
margin-right:auto;
width:100%;
max-width:800px;
}
h1 {
color:red;
}
#ads1{
float:left;
background-color: rgba(50,50,50,0.9);
max-width: 200px;
width: 15%;
height: 100%;
}
#container{
float:left;
background-color: rgba(50,50,50,0.9);
max-width:800px;
width: 85%;
boarder:1px solid;
height: 100%;
}
#blah{
float:left;
}
#header{
padding: 15px;
background: #CCC;
}
#main{
float: right;
width: 530px;
margin: 0 10px;
}
#extra{
margin-left: 10px;
}
b{
color: #E9E581;
}
h5 {
font-size:.8em;
color: #E9E581;
position:fixed;
bottom:0;
}
a:link {
color: red;
}
a:visited {
color: violet;
}
a:hover {
background-color: white;
}
ul#nav {
list-style:none;
margin:0;
padding:0;
margin: 15px 0px 5px 0px;
float: left;
width: 100%;
}
ul#nav li {
float: left;
width: 16.667%;
margin: 12px 0 0 0;
padding: 6px 0;
}
ul#nav li a {
display:block;
color:red;
width: 100%;
height: 30px;
line-height: 30px;
background-color: #E9E581;
text-transform: uppercase;
text-decoration:none;
text-align:center;
}
#customers
{
width:100%;
border-collapse:collapse;
}
#customers td, #customers th
{
font-size:1em;
border:1px solid #C00;
padding:3px 7px 2px 7px;
}
#customers th
{
font-size:1.1em;
text-align:left;
padding-top:5px;
padding-bottom:4px;
background-color:#FFF;
color:red;
}
#customers tr.alt td
{
color:#000000;
background-color:#EAF2D3;
}
JavaScript
(function ($) {
var resetProgress,
cheatProgress = 0,
code = [38, 38, 40, 40, 37, 39, 37, 39, 66, 65],
time = 1000;
$(document).bind('keydown.konami', function (event) {
if (event.keyCode === code[cheatProgress]) {
clearTimeout(resetProgress);
if (cheatProgress === code.length - 1) {
$(document).trigger('cheat.konami');
cheatProgress = 0;
} else {
resetProgress = setTimeout(function () {
cheatProgress = 0;
}, time);
cheatProgress += 1;
}
console.log(event.keyCode);
}
});
$(document).bind('cheat.konami', function () {
alert("You now have 30 lives!");
});
});