<!DOCTYPE html> <html> <head> <title>BetaHaven</title> <meta charset="utf-8"/> <link rel="shortcut icon" href="/favicon.ico" /> <link rel="stylesheet" type="text/css" media="screen" href="/stylesheets/beathaven.css" /> <%= javascript_include_tag "jquery/jquery.min.js", :type => "text/javascript", :charset => "utf-8" %> <%= javascript_include_tag "jquery/jquery-ui/js/jquery-ui-1.8.13.custom.min.js", :type => "text/javascript", :charset => "utf-8" %> <%= javascript_include_tag "jquery/jquery.autocomplete.js", :type => "text/javascript", :charset => "utf-8" %> <%= javascript_include_tag "jquery/jquery.contentchange.js", :type => "text/javascript", :charset => "utf-8" %> <%= javascript_include_tag "jquery/jquery.jplayer.js", :type => "text/javascript", :charset => "utf-8" %> <%= javascript_include_tag "jquery/jquery.scroll.js", :type => "text/javascript", :charset => "utf-8" %> <%= javascript_include_tag "coffee/beathaven.js", :type => "text/javascript", :charset => "utf-8" %> <%= javascript_include_tag "coffee/vkontakte.js", :type => "text/javascript", :charset => "utf-8" %> <%= javascript_include_tag "coffee/session.js", :type => "text/javascript", :charset => "utf-8" %> <%= javascript_include_tag "coffee/ajax.js", :type => "text/javascript", :charset => "utf-8" %> <%= javascript_include_tag "coffee/player.js", :type => "text/javascript", :charset => "utf-8" %> <%= javascript_include_tag "coffee/search.js", :type => "text/javascript", :charset => "utf-8" %> <%= javascript_include_tag "coffee/pages.js", :type => "text/javascript", :charset => "utf-8" %> <%= javascript_include_tag "coffee/settings.js", :type => "text/javascript", :charset => "utf-8" %> </head> <body> <%= yield %> <div class="player-container"> <div class="player"> <div id="jplayer"></div> <div class="now-playing">Add some music to playlist</div> <div class="progress"> <div class="loaded"> <div class="played"></div> </div> </div> <div class="controls"> <div class="prev"></div> <div class="play"></div> <div class="pause"></div> <div class="next"></div> </div> </div> <div class="playlist" class="css-scrollbar"> <ul class="playlist-tracks"></ul> </div> <div class="additional-controls"> <div class="item active" id="repeat"> <img src="/images/icns/repeat.png" alt=""/><div class="annotation">Repeat</div> </div> <div class="item" id="shuffle"> <img src="/images/icns/shuffle.png" alt=""/><div class="annotation">Shuffle</div> </div> <div class="item" id="empty-playlist"> <img src="/images/icns/empty.png" alt=""/><div class="annotation">Empty Playlist</div> </div> </div> </div> <div class="header-container"> <div class="hello"> <span class="greating"></span> <div class="settings settings-button"></div> </div> <ul class="navigation"> <li class="logo search">BeatHaven<div class="version">0.4b</div></li> <li class="search">Search</li> <li><a href="https://twitter.com/#!/beat_haven" target="_blank">News</a></li> <li class="about">About</li> <li class="vk_auth" id="vk_login">Login</li> </ul> </div> <div class="data-container" class="css-scrollbar"> <div class="inner"></div> </div> <div id="vk_api_transport"></div> <div class="auth_notice"><div class="arrow">↑</div>Don't forget to log in, please. It's simple.</div> <div class="fullscreen"> <div class="inner"> <img src="/images/loader.gif" alt=""/> </div> </div> <!-- Yandex.Metrika counter --> <script type="text/javascript">var yaParams = {};</script><div style="display:none;"><script type="text/javascript">(function(w, c) { (w[c] = w[c] || []).push(function() { try { w.yaCounter7596904 = new Ya.Metrika({id:7596904, enableAll: true,params:window.yaParams||{ }}); } catch(e) { } }); })(window, "yandex_metrika_callbacks");</script></div><script src="//mc.yandex.ru/metrika/watch.js" type="text/javascript" defer="defer"></script><noscript><div><img src="//mc.yandex.ru/watch/7596904" style="position:absolute; left:-9999px;" alt="" /></div></noscript> <!-- /Yandex.Metrika counter --> </body> </html>