Permalink
Switch branches/tags
Nothing to show
Find file
Fetching contributors…
Cannot retrieve contributors at this time
161 lines (134 sloc) 6.42 KB
<!doctype html>
<!--[if lt IE 7]> <html class="no-js ie6 oldie" lang="en"> <![endif]-->
<!--[if IE 7]> <html class="no-js ie7 oldie" lang="en"> <![endif]-->
<!--[if IE 8]> <html class="no-js ie8 oldie" lang="en"> <![endif]-->
<!-- Consider adding an manifest.appcache: h5bp.com/d/Offline -->
<!--[if gt IE 8]><!-->
<html class="no-js" lang="en"> <!--<![endif]-->
<head>
<meta charset="utf-8">
<title>rAdio :: Accessible rdio Player</title>
<meta name="description" content="">
<meta name="author" content="">
<!-- Mobile viewport optimized: j.mp/bplateviewport -->
<meta name="viewport" content="width=device-width,initial-scale=1">
<!-- CSS: implied media=all -->
<link rel="stylesheet" href="css/ui-lightness/jquery-ui-1.8.17.custom.css">
<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/>
<link rel="stylesheet" href="css/style.css">
<style type="text/css">
#slider { margin: 10px; }
</style>
<!-- end CSS-->
<script src="js/libs/modernizr-2.0.6.min.js"></script>
</head>
<body role="application">
<div id="container">
<header>
<h1 class="logo_thick">r<em>a</em>dio</h1>
</header>
<div id="main" role="main">
<article>
<section id="shortcut_keys" class= "focusable box_shadow_big visuallyhidden" tabindex="0">
<!-- class 'visuallyhidden' must be last -->
<h2 tabindex="1">Shortcut Keys</h2>
<h3 tabindex="2">You may use the following commands on your keyboard to access shortcuts for this player</h3>
<ul id="shortcuts" role="list" tabindex="3">
<li role="listitem" class="shortcut">&#63;</li>
<li role="listitem">shortcut key listing - this menu</li>
<li role="listitem" class="shortcut">spacebar</li>
<li role="listitem">play or pause the the music player</li>
<li role="listitem" class="shortcut">right arrow key</li>
<li role="listitem">previous song</li>
<li role="listitem" class="shortcut">left arrow key</li>
<li role="listitem">next song</li>
<li role="listitem" class="shortcut">up arrow key</li>
<li role="listitem">increase volume</li>
<li role="listitem" class="shortcut">down arrow key</li>
<li role="listitem">decrease volume</li>
<li role="listitem" class="shortcut">f</li>
<li role="listitem">fast forwards music 10 seconds</li>
<li role="listitem" class="shortcut">d</li>
<li role="listitem">rewind music 10 seconds</li>
</ul>
</section>
<div id="apiswf"></div>
<section id="radio_player" class="box_round">
<section class="clearfix" >
<div><img src="img/cd.png" alt="Album Art" id="album_art"/></div>
<div id="song_title"></div>
<div id="artist"></div><br />
<div id="album"></div>
</section>
<input id="play_key" class="hidden" value="a997982"><br />
<div id="songProgress"></div> <!-- REPLACED WITH SEEK BAR -->
<div id= "playerTime"></div> <!-- REPLACED WITH TEXT SHOWING TRACK POSITION -->
<hr>
<div id="play-backContainer" class="box_round">
<div class="clearfix" id="inner_container">
<div id="player_container">
<div id="player_image_container">
<div class="clearfix" id="playerNowPlayingContainer">
<div class="clearfix">
<button class="" title="play previous song" id="previous"></button>
<button class="" title="play song" id="playPause"></button>
<button class="" title="pause song" id="pauseButton"></button>
<button class="" id="next" title="play next song"></button>
</div>
</div> <!-- end #playerNowPlayingContainer-->
</div>
</div>
</div>
<div id="volumeControlContainer">
<div id="slider-range-min"></div>
</div>
</div> <!-- end #play-backContainer -->
</section>
<section id= "playlist-wrapper" class= "box_round">
<section id= "playlist">
<a href="#" class= "playlistEntry" rel= "0">
<img src="http://cdn3.rd.io/album/0/c/d/0000000000095dc0/square-200.jpg" alt="Album Art" id="album_art"/>
<div id="artist">The Morning Benders</div><br />
<div id="album">Big Echo</div>
</a>
<hr>
<a href="#" class= "playlistEntry" rel= "1">
<img src="http://cdn3.rd.io/album/6/b/3/00000000000fd3b6/square-200.jpg" alt="Album Art" id="album_art"/>
<div id="artist">M83</div><br />
<div id="album">Hurry Up We're Dreaming</div>
</a>
</section>
</section>
</article>
</div>
</div>
<!-- Footer -->
<footer class="clearfix">
<ul id= "poweredBy">
<li class="first">&copy; 2012 by TeamGreen</li>
<li style= "float: right;"><em>created by:</em><br/> Team Green</li>
<li style= "float: right;"><em>sponsored by:</em><br/> <a title="projectpossibility.org website" href="http://projectpossibility.org"><img height="30" src="img/pp_logo.png" alt="projectpossibility.org logo"></a></li>
<li style= "float: right;"><em>powered by:</em><br/>
<a title="rdio.com website" href="hhtp://www.rdio.com"><img height="30" src="img/RdioBlueLogo.png" alt="rdio.com logo"></a></li>
</ul>
</footer>
<!-- Grab Google CDN's jQuery, with a protocol relative URL; fall back to local if offline -->
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="js/libs/jquery-1.6.2.min.js"><\/script>')</script>
<script src="https://ajax.googleapis.com/ajax/libs/swfobject/2.2/swfobject.js"></script>
<script src="js/token.js"></script>
<script src="js/controls.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
<script src="js/shortcuts.js"></script>
<!-- scripts concatenated and minified via ant build script-->
<script defer src="js/plugins.js"></script>
<script defer src="js/script.js"></script>
<!-- end scripts-->
<!-- Prompt IE 6 users to install Chrome Frame. Remove this if you want to support IE 6.
chromium.org/developers/how-tos/chrome-frame-getting-started -->
<!--[if lt IE 7 ]>
<script src="//ajax.googleapis.com/ajax/libs/chrome-frame/1.0.3/CFInstall.min.js"></script>
<script>window.attachEvent('onload',function(){CFInstall.check({mode:'overlay'})})</script>
<![endif]-->
</body>
</html>