2011-09-08 00:36:04 +00:00
|
|
|
!!!5
|
|
|
|
%html
|
|
|
|
%head
|
|
|
|
%title BeatHaven
|
|
|
|
%meta{ :charset => "utf-8" }
|
|
|
|
%link{ :rel => "shortcut icon", :href => "/favicon.ico" }
|
|
|
|
= stylesheet_link_tag "application"
|
|
|
|
= javascript_include_tag "http://code.jquery.com/jquery.min.js"
|
|
|
|
= javascript_include_tag "http://code.jquery.com/ui/1.8.14/jquery-ui.min.js"
|
|
|
|
= javascript_include_tag "application"
|
|
|
|
%body
|
|
|
|
|
|
|
|
.topbar-wrapper
|
|
|
|
.topbar
|
|
|
|
.topbar-inner
|
|
|
|
.container
|
|
|
|
%h3
|
2011-09-08 10:56:10 +00:00
|
|
|
%a{ :href => "#/" } BeatHaven
|
2011-09-08 00:36:04 +00:00
|
|
|
%ul.nav
|
|
|
|
%li
|
2011-09-08 10:56:10 +00:00
|
|
|
%a{ :href => "http://blog.beathaven.org/", :"data-ls" => "NEWS" } Blog
|
2011-09-08 00:36:04 +00:00
|
|
|
%li
|
2011-09-08 10:56:10 +00:00
|
|
|
%a.about{ :href => "#/about/" } About
|
2011-09-09 22:13:02 +00:00
|
|
|
%form#search-form{ :action => "" }
|
2011-09-08 10:56:10 +00:00
|
|
|
%input#search{ :type => "text", :placeholder => "Search" }
|
2011-09-09 22:13:02 +00:00
|
|
|
#artist-load-spinner
|
2011-09-09 07:41:45 +00:00
|
|
|
= image_tag "artist_loader.gif"
|
2011-09-08 00:36:04 +00:00
|
|
|
%ul.nav.secondary-nav
|
|
|
|
%li.dropdown
|
2011-09-09 23:30:03 +00:00
|
|
|
%a.dropdown-toggle#username{ :href => "#" } %username%
|
2011-09-08 00:36:04 +00:00
|
|
|
%ul.dropdown-menu
|
|
|
|
%li
|
2011-09-09 23:30:03 +00:00
|
|
|
%a#preferences{ :href => "#" } Preferences
|
2011-09-08 00:36:04 +00:00
|
|
|
%li.divider
|
|
|
|
%li
|
2011-09-09 23:30:03 +00:00
|
|
|
%a#logout{ :href => "#" } Logout
|
2011-09-08 00:36:04 +00:00
|
|
|
|
|
|
|
.popover-wrapper
|
2011-09-08 10:56:10 +00:00
|
|
|
.popover.below#autocomplete-container
|
2011-09-08 00:36:04 +00:00
|
|
|
.arrow
|
|
|
|
.inner
|
2011-09-08 10:56:10 +00:00
|
|
|
%h3.title.start
|
|
|
|
.content#autocomplete-items
|
2011-09-08 00:36:04 +00:00
|
|
|
|
|
|
|
.container#main
|
|
|
|
.row
|
2011-09-08 01:48:33 +00:00
|
|
|
.span11.columns#content
|
|
|
|
|
|
|
|
|
|
|
|
.span5.columns
|
|
|
|
.player
|
|
|
|
%h5.now-playing Foo Fighters — Long Road to Ruin
|
|
|
|
.progress
|
|
|
|
.loaded
|
|
|
|
.played
|
|
|
|
.buttons
|
|
|
|
%a.btn.small-round «
|
|
|
|
%a.btn.large.large-round ►
|
|
|
|
%a.btn.small-round »
|
|
|
|
|
|
|
|
.playlist
|
|
|
|
%table
|
|
|
|
%tr
|
|
|
|
%td.song-title
|
|
|
|
.artist-name Foo Fighters
|
|
|
|
The Pretender
|
|
|
|
%td.song-duration 4:29
|
|
|
|
%tr
|
|
|
|
%td.song-title
|
|
|
|
.artist-name Foo Fighters
|
|
|
|
Let It Die
|
|
|
|
%td.song-duration 4:29
|
|
|
|
%tr
|
|
|
|
%td.song-title
|
|
|
|
.artist-name Foo Fighters
|
|
|
|
Erase/Replace
|
|
|
|
%td.song-duration 4:29
|
|
|
|
%tr
|
|
|
|
%td.song-title
|
|
|
|
.artist-name Foo Fighters
|
|
|
|
Long Road to Ruin
|
|
|
|
%td.song-duration 4:29
|
2011-09-08 10:56:10 +00:00
|
|
|
|
2011-09-08 13:10:52 +00:00
|
|
|
.fullscreen
|
|
|
|
.inner
|
2011-09-09 07:41:45 +00:00
|
|
|
= image_tag "loader.gif"
|
|
|
|
|
|
|
|
#vk_api_transport
|