70 lines
		
	
	
		
			2.8 KiB
		
	
	
	
		
			HTML
		
	
	
	
	
	
			
		
		
	
	
			70 lines
		
	
	
		
			2.8 KiB
		
	
	
	
		
			HTML
		
	
	
	
	
	
<!DOCTYPE html>
 | 
						|
<html>
 | 
						|
	<head>
 | 
						|
		<title>BetaHaven</title>
 | 
						|
		<meta charset="utf-8"/>
 | 
						|
		<link rel="stylesheet" type="text/css" media="screen" href="/stylesheets/layout.css" />
 | 
						|
		<link rel="stylesheet" type="text/css" media="screen" href="/stylesheets/misc.css" />
 | 
						|
		<link rel="stylesheet" type="text/css" media="screen" href="/stylesheets/player.css" />
 | 
						|
		<link rel="stylesheet" type="text/css" media="screen" href="/stylesheets/albums.css" />
 | 
						|
		<script type="text/javascript" charset="utf-8" src="/javascripts/jquery/jquery.min.js"></script>
 | 
						|
		<script type="text/javascript" charset="utf-8" src="/javascripts/jquery/jquery.scroll.js"></script>
 | 
						|
		<script type="text/javascript" charset="utf-8" src="/javascripts/jquery/jquery.autocomplete.js"></script>
 | 
						|
		<script type="text/javascript" charset="utf-8" src="/javascripts/jquery/jquery.contentchange.js"></script>
 | 
						|
		<script type="text/javascript" charset="utf-8" src="/javascripts/beathaven/layout.js"></script>
 | 
						|
		<script type="text/javascript" charset="utf-8" src="/javascripts/beathaven/ajax.js"></script>
 | 
						|
		<script type="text/javascript" charset="utf-8" src="/javascripts/beathaven/pages.js"></script>
 | 
						|
		<script type="text/javascript" charset="utf-8" src="/javascripts/beathaven/audio.js"></script>
 | 
						|
		<script type="text/javascript" charset="utf-8" src="/javascripts/beathaven/player.js"></script>
 | 
						|
		<script type="text/javascript" charset="utf-8" src="/javascripts/beathaven/vkontakte.js"></script>
 | 
						|
		<script type="text/javascript" charset="windows-1251" src="http://vkontakte.ru/js/api/openapi.js"></script>
 | 
						|
	</head>
 | 
						|
	<body>
 | 
						|
		
 | 
						|
		<!-- START PLAYER -->
 | 
						|
		<div id="player-container">
 | 
						|
			<div id="player">
 | 
						|
				<div id="audiobox"></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 id="playlist" class="css-scrollbar">
 | 
						|
				<ul class="playlist-tracks"></ul>
 | 
						|
			</div>
 | 
						|
		</div>
 | 
						|
		<!-- END PLAYER -->
 | 
						|
		
 | 
						|
		<!-- START HEADER -->
 | 
						|
		<div id="header-container">
 | 
						|
			<div class="hello"></div>
 | 
						|
			<ul id="navigation">
 | 
						|
				<li class="logo search">BeatHaven</li>
 | 
						|
				<li class="search">Search</li>
 | 
						|
				<li><a href="https://twitter.com/#!/beat_haven" target="_blank">News</a></li>
 | 
						|
				<li class="vk_auth" id="vk_login">Login</li>
 | 
						|
				<li class="vk_auth" id="vk_logout">Logout</li>
 | 
						|
			</ul>
 | 
						|
		</div>
 | 
						|
		<!-- END HEADER -->
 | 
						|
		
 | 
						|
		<!-- START DATA -->
 | 
						|
		<div id="data-container" class="css-scrollbar">
 | 
						|
			<div class="inner"></div>
 | 
						|
		</div>
 | 
						|
		<!-- END DATA -->
 | 
						|
		
 | 
						|
		<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>
 | 
						|
	</body>
 | 
						|
</html>
 |