is it wray's birthday?
by Wray Bowling
HTML
<script src="https://fonts.googleapis.com/css?family=Sansita+One"></script>
<h1>Is it Wray's birthday?</h1>
<br><br>
<div id="today">OMGWTFBBQ</div>
CSS
*{ margin:0; }
body{ background-color:#BADA55; }
h1,div{
font-family:'Sansita One', Helvetica, cursive;
font-weight:bold;
font-size:84px;
margin:100px 0;
text-align:center;
color:#fafafa;
text-shadow:1px 1px 28px #daaaaa;
}
JavaScript
var Month = 9;
var Day = 4;
var timer = 0;
function birthday() {
var currentTime = new Date();
if (currentTime.getMonth() + 1 == Month && currentTime.getDate() == Day) {
today.innerHTML = "YEAH BUDDY!!! ";
timer++;
timer = timer % 360;
// console.log(timer);
shadow = '0px 0px transparent';
for(var i=0; i<100; i++){
shadow += ', '+i+'px '+i+'px '
+ 'hsla('+(timer+i)%360+',100%,45%,'+(1.0-i/100)+')';
}
today.style.textShadow = shadow;
} else {
today.innerHTML = "Nope...";
}
}
setInterval(birthday, 100);