CyTube/templates/index.jade
2015-01-25 12:21:52 -05:00

76 lines
2.8 KiB
Plaintext

doctype html
html(lang="en")
head
include head
mixin head()
body
#wrap
nav.navbar.navbar-inverse.navbar-fixed-top(role="navigation")
include nav
mixin navheader()
#nav-collapsible.collapse.navbar-collapse
ul.nav.navbar-nav
mixin navdefaultlinks("/")
mixin navloginlogout("/")
section#mainpage
.container
.col-lg-9.col-md-9
h3 Public Channels
table.table.table-bordered.table-striped
thead
th Channel
th # Connected
th Now Playing
tbody
each chan in channels
tr
td: a(href="/r/#{chan.name}") #{chan.pagetitle} (#{chan.name})
td= chan.usercount
td= chan.mediatitle
.well.well-sm
h4(style='text-align: center') Public Channels
.well
.row(style='margin-right: -2px')
.col-lg-4.col-md-4
img(src= "http://placehold.it/250x100")
.col-lg-4.col-md-4
img(src= "http://placehold.it/250x100")
.col-lg-4.col-md-4
img(src= "http://placehold.it/250x100")
.row(style='padding-top: 10px; margin-right: -2px')
.col-lg-4.col-md-4
img(src= "http://placehold.it/250x100")
.col-lg-4.col-md-4
img(src= "http://placehold.it/250x100")
.col-lg-4.col-md-4
img(src= "http://placehold.it/250x100")
.well.well-sm
h4(style='text-align: center') Music Channels
.well
.row(style='margin-right: -2px')
.col-lg-4.col-md-4
img(src= "http://placehold.it/250x100")
.col-lg-4.col-md-4
img(src= "http://placehold.it/250x100")
.col-lg-4.col-md-4
img(src= "http://placehold.it/250x100")
.row(style="padding-top: 10px; margin-right: -2px")
.col-lg-4.col-md-4
img(src= "http://placehold.it/250x100")
.col-lg-4.col-md-4
img(src= "http://placehold.it/250x100")
.col-lg-4.col-md-4
img(src= "http://placehold.it/250x100")
.col-lg-3.col-md-3
h3 Enter Channel
input#channelname.form-control(type="text", placeholder="Channel Name")
p.text-muted New channels can be registered from the <a href="/account/channels">My Channels</a> page.
include footer
mixin footer()
script(type="text/javascript").
$("#channelname").keydown(function (ev) {
if (ev.keyCode === 13) {
location.href = "/r/" + $("#channelname").val();
}
});