WIP(sharing): Draft functional landing page

This commit is contained in:
Sabe Jones 2015-11-03 15:04:31 -05:00
parent 502e7f0af2
commit 0260ea3fcd
9 changed files with 42 additions and 40 deletions

View file

@ -183,5 +183,6 @@
"imagine1": "Imagine if improving your life was as fun as playing a game.",
"landingCopy1": "Advance in the game by completing your real-life tasks.",
"landingCopy2": "Battle monsters with friends to stay accountable to your goals.",
"landingCopy3": "Join over 300,000 people having fun as they improve their lives."
"landingCopy3": "Join over 850,000 people having fun as they improve their lives.",
"alreadyHaveAccount": "I already have an account!"
}

View file

@ -1,7 +1,7 @@
extends ./layout
block extraHead
- var spcialPage = 'hatch-pet'
- var socialPage = 'hatch-pet'
- var socialTitle = 'New Pet!'
- var socialDescription = 'In Habitica, you earn cute companions as you accomplish real-world tasks. I\'ve worked hard and gotten myself a new pet!'

View file

@ -1,17 +1,19 @@
.text-center
h1=env.t('imagine1')
ul
li=env.t('landingCopy1')
li=env.t('landingCopy2')
li=env.t('landingCopy3')
.container-fluid
#intro
h1=env.t('imagine1')
ul
li=env.t('landingCopy1')
li=env.t('landingCopy2')
li=env.t('landingCopy3')
.mobile-container
.row
.col-md-6
img.img-rendering-auto.center-block.img-responsive(src='https://d2afqr2xdmyzvu.cloudfront.net/front/images/intro.png')
.col-md-6
p Login form here
button.btn.btn-primary.btn-lg Get Started Now!
a I already have an account!
.row
+registrationForm
.row
a(ng-click='playButtonClick()')=env.t('alreadyHaveAccount')
.row
.presslogos
=env.t('featuredIn')

View file

@ -38,10 +38,6 @@ html(ng-app='habitrpg', ng-controller='RootCtrl')
body(ng-controller='AuthCtrl')
include ../static/login-modal
include ../shared/avatar/index
include ../shared/mixins
include ../shared/modals/members
.container
block content
include ../shared/footer

View file

@ -1,7 +1,7 @@
extends ./layout
block extraHead
- var spcialPage = 'level-up'
- var socialPage = 'level-up'
- var socialTitle = 'Level Up!'
- var socialDescription = 'In Habitica, your avatar grows in strength as you improve your real-life habits. I\'ve attained a new level with what I\'ve accomplished!'

View file

@ -1,7 +1,7 @@
extends ./layout
block extraHead
- var spcialPage = 'raise-pet'
- var socialPage = 'raise-pet'
- var socialTitle = 'Raised a Pet into a Mount!'
- var socialDescription = 'In Habitica, collectible pets grow along with you as you advance you real-life goals. My progress has turned a pet into a trusty mount!'

View file

@ -1,7 +1,7 @@
extends ./layout
block extraHead
- var spcialPage = 'unlock-quest'
- var socialPage = 'unlock-quest'
- var socialTitle = 'Unlocked a Quest!'
- var socialDescription = 'In Habitica, you can defeat fearsome monsters and devious villains with real-life productivity. I\'ve earned just such a Quest with my progress!'

View file

@ -1,7 +1,7 @@
extends ./layout
block extraHead
- var spcialPage = 'won-challenge'
- var socialPage = 'won-challenge'
- var socialTitle = 'Won a Challenge!'
- var socialDescription = 'In Habitica, users can challenge one another to accomplish goals in all areas of life. I\'ve won just such a Challenge!'

View file

@ -1,3 +1,26 @@
mixin registrationForm
form#registrationForm(ng-submit='register()', name='registrationForm')
.form-group
input.form-control(type='text', ng-model='registerVals.username', placeholder=env.t('username'), spellcheck='false', required)
.form-group
input.form-control(type='email', ng-model='registerVals.email', placeholder=env.t('email'), required)
.form-group
input.form-control(type='password', ng-model='registerVals.password', placeholder=env.t('password'), required)
.form-group
input.form-control(type='password', ng-model='registerVals.confirmPassword', placeholder=env.t('passConfirm'), required)
.form-group
small
=env.t('accept1Terms')
| 
a(href='/static/terms' target='_blank')=env.t('terms')
| 
=env.t('accept2Terms')
| 
a(href='/static/privacy' target='_blank')=env.t('privacy')
| .
.form-group
input.btn.btn-block.btn-lg.btn-primary(type='submit', ng-disabled='registrationForm.$invalid || registrationInProgress', value=env.t('register'))
script(id='modals/login.html', type='text/ng-template')
.modal-header
button.close(type='button', ng-click='$close()') ×
@ -45,24 +68,4 @@ script(id='modals/login.html', type='text/ng-template')
input.btn.btn-default(type='submit', value=env.t('submit'))
tab(heading=env.t('register'))
form#registrationForm(ng-submit='register()', name='registrationForm')
.form-group
input.form-control(type='text', ng-model='registerVals.username', placeholder=env.t('username'), spellcheck='false', required)
.form-group
input.form-control(type='email', ng-model='registerVals.email', placeholder=env.t('email'), required)
.form-group
input.form-control(type='password', ng-model='registerVals.password', placeholder=env.t('password'), required)
.form-group
input.form-control(type='password', ng-model='registerVals.confirmPassword', placeholder=env.t('passConfirm'), required)
.form-group
small
=env.t('accept1Terms')
| 
a(href='/static/terms' target='_blank')=env.t('terms')
| 
=env.t('accept2Terms')
| 
a(href='/static/privacy' target='_blank')=env.t('privacy')
| .
.form-group
input.btn.btn-block.btn-lg.btn-primary(type='submit', ng-disabled='registrationForm.$invalid || registrationInProgress', value=env.t('register'))
+registrationForm