mirror of
https://github.com/codeninjasllc/codecombat.git
synced 2024-11-23 23:58:02 -05:00
Fixed #1458.
This commit is contained in:
parent
77e7efebeb
commit
aa54cc32d1
7 changed files with 61 additions and 78 deletions
|
@ -31,6 +31,7 @@ module.exports = class CocoRouter extends Backbone.Router
|
||||||
'admin/files': go('admin/FilesView')
|
'admin/files': go('admin/FilesView')
|
||||||
'admin/level-sessions': go('admin/LevelSessionsView')
|
'admin/level-sessions': go('admin/LevelSessionsView')
|
||||||
'admin/users': go('admin/UsersView')
|
'admin/users': go('admin/UsersView')
|
||||||
|
'admin/base': go('admin/BaseView')
|
||||||
|
|
||||||
'beta': go('HomeView')
|
'beta': go('HomeView')
|
||||||
|
|
||||||
|
|
|
@ -45,6 +45,9 @@ a.disabled
|
||||||
padding: 4px 20px 0px 20px
|
padding: 4px 20px 0px 20px
|
||||||
margin-left: -20px
|
margin-left: -20px
|
||||||
|
|
||||||
|
.navbar-nav
|
||||||
|
float: right
|
||||||
|
|
||||||
.navbuttontext, .fancy-select .trigger
|
.navbuttontext, .fancy-select .trigger
|
||||||
font-size: 20px
|
font-size: 20px
|
||||||
font-weight: 400
|
font-weight: 400
|
||||||
|
@ -190,32 +193,38 @@ a.disabled
|
||||||
color: #ebebeb
|
color: #ebebeb
|
||||||
padding: 8px 20px
|
padding: 8px 20px
|
||||||
|
|
||||||
|
.navbar-toggle
|
||||||
#mobile-nav
|
|
||||||
display: none
|
display: none
|
||||||
|
|
||||||
@media only screen and (max-width: 800px)
|
@media only screen and (max-width: 800px)
|
||||||
#top-nav
|
#top-nav
|
||||||
display: none
|
|
||||||
#mobile-nav
|
|
||||||
display: inline
|
display: inline
|
||||||
a.navbar-brand
|
|
||||||
padding: 4px 20px 0px 20px
|
|
||||||
|
|
||||||
button.navbar-toggle
|
button.navbar-toggle
|
||||||
background: #483a2d
|
background: #483a2d
|
||||||
border: 2px solid #2f261d
|
border: 2px solid #2f261d
|
||||||
|
display: inline-block
|
||||||
|
|
||||||
span.icon-bar
|
span.icon-bar
|
||||||
background: #F9E612
|
background: #F9E612
|
||||||
|
|
||||||
ul li
|
a.navbar-brand
|
||||||
font-family: 'Bangers', cursive
|
padding: 4px 20px 0px 20px
|
||||||
font-weight: normal
|
margin-left: 0
|
||||||
color: #fff
|
|
||||||
font-size: 25px
|
.navbar-nav
|
||||||
margin-top: 5px
|
float: none
|
||||||
margin-bottom: 5px
|
margin: 0 0 20px 0
|
||||||
.header-font
|
overflow: visible
|
||||||
color: #fff
|
|
||||||
.footer-link-text
|
.dropdown-menu
|
||||||
width: 100%
|
background-color: white
|
||||||
display: ineline
|
position: absolute
|
||||||
|
|
||||||
|
.btn, .fancy-select
|
||||||
|
margin-bottom: 10px
|
||||||
|
|
||||||
|
.btn, .fancy-select
|
||||||
|
float: none
|
||||||
|
|
||||||
|
.fancy-select .options
|
||||||
|
right: auto
|
||||||
|
|
|
@ -7,24 +7,6 @@
|
||||||
text-align: center
|
text-align: center
|
||||||
margin-top: 0
|
margin-top: 0
|
||||||
|
|
||||||
#front-screenshot
|
|
||||||
margin: 15px 0 40px 150px
|
|
||||||
|
|
||||||
#trailer-wrapper
|
|
||||||
position: relative
|
|
||||||
margin: 0 auto 40px
|
|
||||||
width: 950px
|
|
||||||
iframe
|
|
||||||
display: block
|
|
||||||
margin: 0 auto
|
|
||||||
position: relative
|
|
||||||
top: 8px
|
|
||||||
img
|
|
||||||
position: absolute
|
|
||||||
left: 0
|
|
||||||
top: 0
|
|
||||||
pointer-events: none
|
|
||||||
|
|
||||||
.game-mode-wrapper
|
.game-mode-wrapper
|
||||||
position: relative
|
position: relative
|
||||||
margin-bottom: 60px
|
margin-bottom: 60px
|
||||||
|
@ -244,29 +226,27 @@
|
||||||
#home-view
|
#home-view
|
||||||
#site-slogan
|
#site-slogan
|
||||||
font-size: 30px
|
font-size: 30px
|
||||||
#trailer-wrapper
|
margin-bottom: 30px
|
||||||
display: none
|
.code-languages
|
||||||
#front-screenshot
|
.col-sm-6, .col-sm-3
|
||||||
display: none
|
margin-top: 30px
|
||||||
#mobile-trailer-wrapper
|
.code-language
|
||||||
display: inline-block
|
margin: 0px auto
|
||||||
|
|
||||||
width: 100%
|
|
||||||
iframe
|
|
||||||
display: block
|
|
||||||
margin: 0 auto
|
|
||||||
.game-mode-wrapper
|
.game-mode-wrapper
|
||||||
width: 100%
|
width: 100%
|
||||||
img
|
img
|
||||||
width: 100%
|
width: 100%
|
||||||
.play-text
|
.play-text
|
||||||
position: absolute
|
position: absolute
|
||||||
right: 45px
|
right: 15px
|
||||||
bottom: 0px
|
bottom: -15px
|
||||||
color: $yellow
|
color: $yellow
|
||||||
font-size: 50px
|
font-size: 50px
|
||||||
font-family: Bangers
|
font-family: Bangers
|
||||||
@include transition(color .10s linear)
|
@include transition(color .10s linear)
|
||||||
|
.code-language-logo
|
||||||
|
right: 0px
|
||||||
|
top: 5px
|
||||||
|
|
||||||
h1
|
h1
|
||||||
text-align: center
|
text-align: center
|
||||||
|
|
|
@ -1,10 +1,10 @@
|
||||||
body
|
body
|
||||||
#fb-root
|
#fb-root
|
||||||
block header
|
block header
|
||||||
.nav.navbar.navbar-fixed-top#mobile-nav
|
.nav.navbar.navbar-fixed-top#top-nav
|
||||||
.content.clearfix
|
.content.clearfix
|
||||||
.navbar-header
|
.navbar-header
|
||||||
button.navbar-toggle(type="button" data-toggle="collapse" data-target="#collapsible-navbar")
|
button.navbar-toggle(type="button" data-toggle="collapse" data-target=".navbar-nav.collapse")
|
||||||
span.sr-only Toggle navigation
|
span.sr-only Toggle navigation
|
||||||
span.icon-bar
|
span.icon-bar
|
||||||
span.icon-bar
|
span.icon-bar
|
||||||
|
@ -12,22 +12,8 @@ body
|
||||||
|
|
||||||
a.navbar-brand(href='/')
|
a.navbar-brand(href='/')
|
||||||
img(src="/images/pages/base/logo.png", title="CodeCombat - Learn how to code by playing a game", alt="CodeCombat")
|
img(src="/images/pages/base/logo.png", title="CodeCombat - Learn how to code by playing a game", alt="CodeCombat")
|
||||||
.collapse.navbar-collapse#collapsible-navbar
|
|
||||||
ul.nav.navbar-nav
|
|
||||||
li.play
|
|
||||||
a.header-font(href='/play', data-i18n="nav.play") Levels
|
|
||||||
li
|
|
||||||
a.header-font(href='/community', data-i18n="nav.community") Community
|
|
||||||
|
|
||||||
.nav.navbar.navbar-fixed-top#top-nav
|
ul(class='navbar-link-text').nav.navbar-nav.navbar-collapse.collapse
|
||||||
.content.clearfix
|
|
||||||
.navbar-header
|
|
||||||
a.navbar-brand(href='/')
|
|
||||||
img(src="/images/pages/base/logo.png", title="CodeCombat - Learn how to code by playing a game", alt="CodeCombat")
|
|
||||||
|
|
||||||
select.language-dropdown
|
|
||||||
|
|
||||||
ul(class='navbar-link-text').nav.navbar-nav.pull-right
|
|
||||||
li.play
|
li.play
|
||||||
a.header-font(href='/play', data-i18n="nav.play") Levels
|
a.header-font(href='/play', data-i18n="nav.play") Levels
|
||||||
li
|
li
|
||||||
|
@ -65,6 +51,8 @@ body
|
||||||
span(data-i18n="login.log_in") Log In
|
span(data-i18n="login.log_in") Log In
|
||||||
span.spr.spl /
|
span.spr.spl /
|
||||||
span(data-i18n="login.sign_up") Create Account
|
span(data-i18n="login.sign_up") Create Account
|
||||||
|
li
|
||||||
|
select.language-dropdown
|
||||||
|
|
||||||
block outer_content
|
block outer_content
|
||||||
#outer-content-wrapper(class=showBackground ? 'show-background' : '')
|
#outer-content-wrapper(class=showBackground ? 'show-background' : '')
|
||||||
|
|
|
@ -6,7 +6,7 @@ block content
|
||||||
|
|
||||||
.code-languages
|
.code-languages
|
||||||
.primary-code-languages.row
|
.primary-code-languages.row
|
||||||
.col-md-6
|
.col-sm-6
|
||||||
.code-language#javascript(data-code-language='javascript')
|
.code-language#javascript(data-code-language='javascript')
|
||||||
.code-wizard
|
.code-wizard
|
||||||
h2 JavaScript
|
h2 JavaScript
|
||||||
|
@ -17,7 +17,7 @@ block content
|
||||||
span.spr= playCount
|
span.spr= playCount
|
||||||
span(data-i18n="resources.sessions") sessions
|
span(data-i18n="resources.sessions") sessions
|
||||||
|
|
||||||
.col-md-6
|
.col-sm-6
|
||||||
.code-language.beta#python(data-code-language='python')
|
.code-language.beta#python(data-code-language='python')
|
||||||
.code-wizard
|
.code-wizard
|
||||||
.code-language-beta
|
.code-language-beta
|
||||||
|
@ -30,7 +30,7 @@ block content
|
||||||
span(data-i18n="resources.sessions") sessions
|
span(data-i18n="resources.sessions") sessions
|
||||||
|
|
||||||
.secondary-code-languages.row
|
.secondary-code-languages.row
|
||||||
.col-md-3
|
.col-sm-3
|
||||||
.code-language.beta#coffeescript(data-code-language='coffeescript')
|
.code-language.beta#coffeescript(data-code-language='coffeescript')
|
||||||
.code-language-logo
|
.code-language-logo
|
||||||
.code-wizard
|
.code-wizard
|
||||||
|
@ -43,7 +43,7 @@ block content
|
||||||
span.spr= playCount
|
span.spr= playCount
|
||||||
span(data-i18n="resources.sessions") sessions
|
span(data-i18n="resources.sessions") sessions
|
||||||
|
|
||||||
.col-md-3
|
.col-sm-3
|
||||||
.code-language.beta#clojure(data-code-language='clojure')
|
.code-language.beta#clojure(data-code-language='clojure')
|
||||||
.code-language-logo
|
.code-language-logo
|
||||||
.code-wizard
|
.code-wizard
|
||||||
|
@ -56,7 +56,7 @@ block content
|
||||||
span.spr= playCount
|
span.spr= playCount
|
||||||
span(data-i18n="resources.sessions") sessions
|
span(data-i18n="resources.sessions") sessions
|
||||||
|
|
||||||
.col-md-3
|
.col-sm-3
|
||||||
.code-language.beta#lua(data-code-language='lua')
|
.code-language.beta#lua(data-code-language='lua')
|
||||||
.code-language-logo
|
.code-language-logo
|
||||||
.code-wizard
|
.code-wizard
|
||||||
|
@ -69,7 +69,7 @@ block content
|
||||||
span.spr= playCount
|
span.spr= playCount
|
||||||
span(data-i18n="resources.sessions") sessions
|
span(data-i18n="resources.sessions") sessions
|
||||||
|
|
||||||
.col-md-3
|
.col-sm-3
|
||||||
.code-language.beta#io(data-code-language='io', title="Careful: Io is still quite buggy")
|
.code-language.beta#io(data-code-language='io', title="Careful: Io is still quite buggy")
|
||||||
.code-language-logo
|
.code-language-logo
|
||||||
.code-wizard
|
.code-wizard
|
||||||
|
|
6
app/views/admin/BaseView.coffee
Normal file
6
app/views/admin/BaseView.coffee
Normal file
|
@ -0,0 +1,6 @@
|
||||||
|
RootView = require 'views/kinds/RootView'
|
||||||
|
template = require 'templates/base'
|
||||||
|
|
||||||
|
module.exports = class BaseView extends RootView
|
||||||
|
id: 'base-view'
|
||||||
|
template: template
|
|
@ -66,7 +66,6 @@ module.exports = class RootView extends CocoView
|
||||||
#location.hash = ''
|
#location.hash = ''
|
||||||
#location.hash = hash
|
#location.hash = hash
|
||||||
@renderScrollbar()
|
@renderScrollbar()
|
||||||
#@$('.antiscroll-wrap').antiscroll() # not yet, buggy
|
|
||||||
|
|
||||||
getRenderData: ->
|
getRenderData: ->
|
||||||
c = super()
|
c = super()
|
||||||
|
|
Loading…
Reference in a new issue