<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="
http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
<script type="text/javascript" src="/js/jquery.jplayer.min.js"></script>
<script>
$(document).ready(function(){
$("#jquery_jplayer_1").jPlayer({
ready: function () {
$(this).jPlayer("setMedia", {
m4a: "ho.m4a",
oga: "ho.ogg"
}).jPlayer("play");
},
ended: function (event) {
$(this).jPlayer("stop");
location.href = '
http://heeeeeeeey.com';
},
swfPath: "/js",
supplied: "m4a, oga"
});
$("h1").fitText();
});
(function( $ ){
$.fn.fitText = function( kompressor, options ) {
var settings = {
'minFontSize' : Number.NEGATIVE_INFINITY,
'maxFontSize' : Number.POSITIVE_INFINITY
};
return this.each(function(){
var $this = $(this); // store the object
var compressor = kompressor || 1; // set the compressor
if ( options ) {
$.extend( settings, options );
}
// Resizer() resizes items based on the object width divided by the compressor * 10
var resizer = function () {
$this.css('font-size', Math.max(Math.min($this.width() / (compressor*10), parseFloat(settings.maxFontSize)), parseFloat(settings.minFontSize)));
};
// Call once to set.
resizer();
// Call on resize. Opera debounces their resize by default.
$(window).resize(resizer);
});
};
})( jQuery );
</script>
<style>
body {
background-color: #dff6ff;
}
h1 {
font-family: Helvetica, Arial, sans-serif;
font-size: 50px;
text-align: center;
position:absolute; top:0; bottom:0; left:0; right:0;
margin:auto; height:240px; width:100%;
}
#footer { bottom: 5px; position: absolute; color: #999; font-family: Helvetica, Arial, sans-serif; font-size: 11px;}
#social { bottom: 5px; right: 5px; position: absolute; }
a { color: #999; }
</style>
<title>HOOOOOOOOOOOOOO!</title>
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-147514-30']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? '
https://ssl' : '
http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
</head>
<body>
<div id="jquery_jplayer_1" class="jp-jplayer"></div>
<h1>HOOOOOOOOO!</h1>
<div id="footer">
Made by <a href="
http://bod.ge">Mike Bodge</a> <a href="
http://itunes.apple.com/us/album/greatest-hits-naughtys-nicest/id50235454?uo=4">iTunes</a>
</div>
<div id="social">
<a href="
http://twitter.com/share" class="twitter-share-button" data-count="none" data-via="mikebodge">Tweet</a><script type="text/javascript" src="
http://platform.twitter.com/widgets.js"></script> <iframe src="
http://www.facebook.com/plugins/like.php?app_id=214234055277649&href=http%3A%2F%2Fheeeeeeeey.com&send=false&layout=button_count&width=500&show_faces=false&action=like&colorscheme=light&font&height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:50px; height:21px; padding-top: 2px;" allowTransparency="true"></iframe>
</div>
</body>
</html>
Show Posts
