2011-04-03 16:21:05 +00:00
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<html>
|
|
|
|
|
<head>
|
2011-04-11 03:12:06 +00:00
|
|
|
<title>BeatHaven</title>
|
|
|
|
|
<link rel="icon" href="/favicon.ico" type="image/x-icon">
|
|
|
|
|
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon">
|
|
|
|
|
<%= stylesheet_link_tag :all %>
|
|
|
|
|
<%= javascript_include_tag :all %>
|
|
|
|
|
<%= csrf_meta_tag %>
|
2011-04-03 16:21:05 +00:00
|
|
|
</head>
|
|
|
|
|
<body>
|
2011-04-05 22:58:11 +00:00
|
|
|
<div id="contents">
|
|
|
|
|
<div class="inner-1">
|
2011-04-08 18:39:49 +00:00
|
|
|
<div id="player">
|
2011-04-11 16:49:25 +00:00
|
|
|
<audio autoplay preload></audio>
|
2011-04-10 18:04:35 +00:00
|
|
|
<div class="prev"><img src="/images/player/prev.svg" alt="prev" /></div>
|
|
|
|
|
<div class="play"><img src="/images/player/play.svg" alt="play" /></div>
|
|
|
|
|
<div class="pause" style="display:none"><img src="/images/player/pause.svg" alt="pause" /></div>
|
|
|
|
|
<div class="next"><img src="/images/player/next.svg" alt="pause" /></div>
|
|
|
|
|
<div class="time-played">0:00</div>
|
|
|
|
|
<div class="progress">
|
|
|
|
|
<div class="track-title">No track</div>
|
|
|
|
|
<div class="progress-bar">
|
|
|
|
|
<div class="progress-loaded">
|
|
|
|
|
<div class="progress-point"></div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="time-left">0:00</div>
|
2011-04-08 18:39:49 +00:00
|
|
|
</div>
|
2011-04-11 04:16:00 +00:00
|
|
|
<div id="playlist">
|
|
|
|
|
<div class="show-button"></div>
|
|
|
|
|
<ul style="display:none;">
|
|
|
|
|
</ul>
|
|
|
|
|
</div>
|
2011-04-05 22:58:11 +00:00
|
|
|
<%= yield %>
|
2011-04-11 04:16:00 +00:00
|
|
|
<a href="" onclick="addToPlaylist('Artist', 'Track', 123, 123);return(false);">add</a>
|
2011-04-05 22:58:11 +00:00
|
|
|
</div>
|
|
|
|
|
</div>
|
2011-04-03 16:21:05 +00:00
|
|
|
</body>
|
|
|
|
|
</html>
|
