index.html

<body onload="a=function(k,q){z=['00F','FF0','F00','080'];~k&&new Audio((b='data:audio/wav;base64,UklGRl9vT19XQVZFZm10IBAAAAABAAEAQB8AAEAfAAABAAgAZGF0YU')+Array(z[(3+k)%4]=333).join(b.slice(60+k*2))).play(s(a,250,-1));p.style.borderColor='#'+z.join('#');if(q)k^f[j]?alert(':('):++j^g||h()};(h=function(){for(i=g=f.push(new Date%4);j=i;s(a,500*i--,f[i]))s=setTimeout})(f=[])"onkeyup=a(event.keyCode-37,1)>
<style>body{font-family:arial}h1{margin:10px}</style><center>
<a href=//github.com/xem/minisimon><img style="position:absolute;top:0;right:0;border:0;" src="https://s3.amazonaws.com/github/ribbons/forkme_right_darkblue_121621.png" alt="Fork me on GitHub"></a>
<h1>MiniSimon</h1>
use arrow keys to play
<br>
<br>
<a href=new.html>golfed by xem, subzey and nderscore</a> (499b)
<br>
<a href=tiny.html>minimalist</a> (314b)
<br>
<br>
<p style="background:#000;width:6em;height:6em;border-radius:50%;border:6em solid"id=p>