mirror of
https://github.com/codeninjasllc/codecombat.git
synced 2025-03-14 07:00:01 -04:00
New home page tweaks
This commit is contained in:
Scott Erickson
parent
9e38587719
commit
b91299a59f
5 changed files with 57 additions and 15 deletions
|
|
@ -139,6 +139,18 @@ $forest: #20572B
|
|||
.language-dropdown
|
||||
width: 150px
|
||||
|
||||
.img-circle
|
||||
border: $gold 8px solid
|
||||
width: 98px
|
||||
height: 98px // Includes the border
|
||||
|
||||
.user-level
|
||||
position: absolute
|
||||
top: 76px
|
||||
right: 42px
|
||||
color: $gold
|
||||
text-shadow: 1px 1px black, -1px -1px 0 black, 1px -1px 0 black, -1px 1px 0 black
|
||||
|
||||
// Buttons
|
||||
|
||||
.btn
|
||||
|
|
@ -221,11 +233,12 @@ $forest: #20572B
|
|||
line-height: 45px
|
||||
|
||||
.well
|
||||
border: none
|
||||
border-radius: 8px
|
||||
background: rgba(255, 255, 255, 0.5)
|
||||
margin-top: 170px
|
||||
#classroom-edition-header
|
||||
margin-top: 40px
|
||||
margin-top: 10px
|
||||
#learn-to-code-header
|
||||
margin-top: 80px
|
||||
|
||||
|
|
@ -233,9 +246,10 @@ $forest: #20572B
|
|||
margin-top: 80px
|
||||
h2, h6
|
||||
color: white
|
||||
|
||||
h6
|
||||
margin-top: 10px
|
||||
a:hover
|
||||
text-decoration: none
|
||||
|
||||
&.alt-image
|
||||
background-image: url("/images/pages/home/student_jumbotron.png")
|
||||
|
|
@ -362,12 +376,15 @@ $forest: #20572B
|
|||
display: inline-block
|
||||
width: 250px
|
||||
|
||||
#request-demo-row
|
||||
.request-demo-row
|
||||
margin: 100px 0
|
||||
|
||||
.btn
|
||||
margin: 20px 10px
|
||||
|
||||
#total-hours-header
|
||||
margin-top: 10px
|
||||
|
||||
#courses-container
|
||||
display: flex
|
||||
flex-wrap: wrap
|
||||
|
|
|
|||
|
|
@ -48,5 +48,5 @@ block outer_content
|
|||
.text-center
|
||||
a.btn.btn-primary-alt.btn-lg(href="/teachers/quote") Request a Quote
|
||||
h6
|
||||
a.small(href="/home") Learn More
|
||||
a.small(href="/schools") Learn More
|
||||
|
||||
|
|
@ -8,6 +8,7 @@ nav.navbar.navbar-default
|
|||
span.icon-bar
|
||||
a.navbar-brand(href="/")
|
||||
img#logo-img(src="/images/pages/base/logo.png")
|
||||
span.glyphicon.glyphicon-home
|
||||
|
||||
#navbar-collapse.collapse.navbar-collapse
|
||||
ul.nav.navbar-nav
|
||||
|
|
@ -17,10 +18,33 @@ nav.navbar.navbar-default
|
|||
a(href="/courses/teachers") Teachers
|
||||
li
|
||||
a(href="https://discourse.codecombat.com/") Forum
|
||||
li
|
||||
a#create-account-link.signup-button Signup
|
||||
li
|
||||
a#login-link.login-button Login
|
||||
if me.isAnonymous()
|
||||
li
|
||||
a#create-account-link.signup-button Signup
|
||||
li
|
||||
a#login-link.login-button Login
|
||||
else
|
||||
li.dropdown
|
||||
a.dropdown-toggle(href="#", data-toggle="dropdown" role="button" aroa-haspopup="true" aria-expanded="false")
|
||||
span.spr Account
|
||||
ul.dropdown-menu
|
||||
li.user-dropdown-header.text-center
|
||||
span.user-level= me.level()
|
||||
a(href="/user/#{me.getSlugOrID()}")
|
||||
img.img-circle(src=me.getPhotoURL())
|
||||
h5=me.displayName()
|
||||
li
|
||||
a(href="/user/#{me.getSlugOrID()}" data-i18n="nav.profile")
|
||||
li
|
||||
a(href="/account/settings", data-i18n="play.settings")
|
||||
li
|
||||
a(href="/account/payments", data-i18n="account.payments")
|
||||
li
|
||||
a(href="/account/subscription", data-i18n="account.subscription")
|
||||
li
|
||||
a(href="/account/prepaid", data-i18n="account.prepaid_codes") Prepaid Codes
|
||||
li
|
||||
a#logout-button(data-i18n="login.log_out")
|
||||
|
||||
#language-dropdown-wrapper.pull-right.hidden-xs.hidden-sm
|
||||
select.language-dropdown.form-control
|
||||
|
|
@ -154,7 +178,7 @@ nav.navbar.navbar-default
|
|||
img(src="/images/pages/home/G3_game.png")
|
||||
#benefit-graphic-3-filler
|
||||
|
||||
#request-demo-row.text-center
|
||||
.request-demo-row.text-center
|
||||
h3 Curious? Request a demo and we'll show you the ropes
|
||||
h4 Or create a class and see it for yourself!
|
||||
p
|
||||
|
|
@ -168,7 +192,9 @@ nav.navbar.navbar-default
|
|||
option(value='elementary') Elementary School
|
||||
option(value='middle', selected=true) Middle School
|
||||
option(value='high') High School
|
||||
h4#semester-duration.text-center
|
||||
h5.text-center#total-hours-header
|
||||
span.spr Total curriculum hours:
|
||||
span#semester-duration
|
||||
#courses-container
|
||||
- var conceptsSeen = {};
|
||||
- var lastScreenshot = "";
|
||||
|
|
@ -189,7 +215,7 @@ nav.navbar.navbar-default
|
|||
span.spr ,
|
||||
- pastFirstConcept = true;
|
||||
span(data-i18n="concepts." + concept)
|
||||
.media-object(style="background-image: url(" + course.get('screenshot') + ")")
|
||||
img.media-object(src="/images/pages/home/course"+(courseIndex+1)+".png")
|
||||
- lastScreenshot = course.get('screenshot');
|
||||
h6.course-duration
|
||||
span.spr Lesson time:
|
||||
|
|
|
|||
|
|
@ -72,4 +72,4 @@ module.exports = class NewHomeView extends RootView
|
|||
@scrollToLink('#classroom-in-box-container')
|
||||
|
||||
onClickTeacherButton: ->
|
||||
@scrollToLink('#request-demo-row', 600)
|
||||
@scrollToLink('.request-demo-row', 600)
|
||||
|
|
|
|||
|
|
@ -441,9 +441,8 @@ module.exports = class CocoView extends Backbone.View
|
|||
slider
|
||||
|
||||
scrollToLink: (link, speed=300) ->
|
||||
$('#page-container').animate({
|
||||
scrollTop: $(link).offset().top
|
||||
}, speed)
|
||||
scrollTo = $(link).offset().top + $('#page-container')[0].scrollTop
|
||||
$('#page-container').animate({ scrollTop: scrollTo }, speed)
|
||||
|
||||
toggleFullscreen: (e) ->
|
||||
# https://developer.mozilla.org/en-US/docs/Web/Guide/API/DOM/Using_full_screen_mode?redirectlocale=en-US&redirectslug=Web/Guide/DOM/Using_full_screen_mode
|
||||
|
|
|
|||
Loading…
Reference in a new issue