Skip to content

Instantly share code, notes, and snippets.

@andrew

andrew/rails_rumble_countdown.html

Created August 21, 2009 08:34
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save andrew/171729 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save andrew/171729 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
rails_rumble_countdown.html
<!DOCTYPE html>
<html>
<head>
<meta content='Rails Rumble Countdown' name='description'>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript" src="http://r09.railsrumble.com/javascripts/jquery/countdown.min.js"></script>
<script type="text/javascript">
$(function () {
$('#message').countdown({until: new Date(2009, 7, 23, 25), compact: true, description: '', format: 'HMS', onExpiry: function(){ alert('Time is up!')}});
});
</script>
<style type="text/css" media="screen">
html, body {
background: #000;
color: #fff;
height: 100%;
margin: 0;
padding: 0; }
#message {
margin: 150px 0 0;
padding: 2%;
width:95%;
text-align:center;
position: absolute;
font-size: 2100%;
letter-spacing: -0.05em;
text-transform: uppercase;
font-family: helvetica, sans-serif;
font-weight: bold; }
</style>
<title>
Rails Rumble Countdown
</title>
</head>
<body>
<div id='message'>
JS FAIL!
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment