2013-09-01 16:56:43 +00:00
extends ./layout
2013-09-06 17:50:14 +00:00
//Trick needed to pass 'env' to ./layout
block vars
- var layoutEnv = env
2013-09-01 16:56:43 +00:00
block title
2013-09-08 15:39:30 +00:00
title HabitRPG | Gamify Your Life
2013-09-01 16:56:43 +00:00
block content
2013-09-02 05:08:28 +00:00
div(ng-app='habitrpg')
#wrap(ng-controller='AuthCtrl')
//-include ./header
.jumbotron.masthead
.container
h1
img(src='/bower_components/habitrpg-shared/img/logo/habitrpg_pixel.png', alt='HabitRPG')
p
| A habit building program which treats your life like a Role Playing Game. Level up as you succeed, lose HP as you fail, earn money to buy weapons and armor.
a.btn.btn-primary.btn-small(ng-click='playButtonClick()') Play
2013-09-01 16:56:43 +00:00
.container
2013-09-02 05:08:28 +00:00
p(style='height:600;')
2013-10-19 23:24:20 +00:00
iframe(src='//player.vimeo.com/video/76557040', width='100%', height='539', frameborder='0', webkitallowfullscreen='', mozallowfullscreen='', allowfullscreen='')
2013-09-02 05:08:28 +00:00
2013-09-03 23:11:52 +00:00
.modal.fade#login-modal(style='display:none')
2013-09-02 05:08:28 +00:00
.modal-dialog
.modal-content
.modal-header
button.close(type='button', data-dismiss='modal', aria-hidden='true') ×
h4.modal-title Login / Register
.modal-body
2013-09-04 03:40:27 +00:00
a(href='/auth/facebook')
2013-09-04 03:15:43 +00:00
img(src='/bower_components/habitrpg-shared/img/facebook-login-register.jpeg', alt='Login / Register With Facebook')
2013-09-04 03:40:27 +00:00
h3 Or
2013-09-02 05:08:28 +00:00
ul.nav.nav-tabs
li.active
a(data-toggle='tab',data-target='#login-tab') Login
li
a(data-toggle='tab',data-target='#register-tab') Register
.tab-content
2013-09-02 05:20:43 +00:00
.tab-pane.active#login-tab
2013-09-09 02:49:13 +00:00
form(ng-submit='auth()', method='POST')
2013-09-02 05:08:28 +00:00
.control-group
2013-09-09 02:49:13 +00:00
input(type='text', ng-model='loginUsername', placeholder='Username')
2013-09-02 05:08:28 +00:00
.control-group
2013-09-09 02:49:13 +00:00
input(type='password', ng-model='loginPassword', placeholder='Password')
2013-10-27 12:36:20 +00:00
//-.control-group
label.checkbox
input(type='checkbox', ng-click='useUUID = !useUUID')
| Use UUID / API Token (For Facebook Users)
2013-09-02 05:08:28 +00:00
.control-group
input.btn.btn-primary(type='submit', value='Login')
2013-10-27 12:36:20 +00:00
small In case you are using a password manager (like 1Password)
| and have problems logging in, try typing username and password manually.
2013-09-06 13:33:23 +00:00
// good god accordions have html ceremony
#forgot-password-accordion.accordion
.accordion-group
.accordion-heading
a.accordion-toggle(data-toggle='collapse', data-parent='#forgot-password-accordion', href='#forgot-password-group')
| Forgot Password
#forgot-password-group.accordion-body.collapse
.accordion-inner
form#derby-auth-password-reset(ng-submit='passwordReset(passwordResetEmail)')
h3 Email New Password
//.alert.alert-success {.success.passwordReset}
//.control-group.{#if..errors.passwordReset}error{/}
.control-group
input(type='text', name='email', placeholder='Email', ng-model='passwordResetEmail')
//span.help-inline {.errors.passwordReset}
input.btn(type='submit', value='Submit')
2013-09-08 14:15:22 +00:00
.tab-pane#register-tab
2013-09-02 05:08:28 +00:00
form(ng-submit='register()', name='registrationForm')
.control-group
input(type='text', ng-model='registerVals.username', placeholder='Username', required)
.control-group
input(type='email', ng-model='registerVals.email', placeholder='Email', required)
.control-group
input(type='password', ng-model='registerVals.password', placeholder='Password', required)
.control-group
input(type='password', ng-model='registerVals.confirmPassword', placeholder='Password Confirm', required)
.control-group
input.btn.btn-primary(type='submit', value='Register')
