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-12-30 02:14:55 +00:00
|
|
|
|
title=env.t('titleFront')
|
2013-09-01 16:56:43 +00:00
|
|
|
|
|
|
|
|
|
|
block content
|
2014-01-12 23:00:47 +00:00
|
|
|
|
div(ng-app='habitrpgStatic')
|
2013-09-02 05:08:28 +00:00
|
|
|
|
#wrap(ng-controller='AuthCtrl')
|
|
|
|
|
|
//-include ./header
|
|
|
|
|
|
.jumbotron.masthead
|
|
|
|
|
|
.container
|
|
|
|
|
|
h1
|
|
|
|
|
|
img(src='/bower_components/habitrpg-shared/img/logo/habitrpg_pixel.png', alt='HabitRPG')
|
2013-12-30 02:14:55 +00:00
|
|
|
|
p=env.t('synopsis')
|
|
|
|
|
|
a.btn.btn-primary.btn-small(ng-click='playButtonClick()')=env.t('playButton')
|
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') ×
|
2013-12-30 02:14:55 +00:00
|
|
|
|
h4.modal-title=env.t('loginAndReg')
|
2013-09-02 05:08:28 +00:00
|
|
|
|
.modal-body
|
2013-09-04 03:40:27 +00:00
|
|
|
|
a(href='/auth/facebook')
|
2013-12-30 02:14:55 +00:00
|
|
|
|
img(src='/bower_components/habitrpg-shared/img/facebook-login-register.jpeg', alt=env.t('loginFacebookAlt'))
|
2013-09-04 03:40:27 +00:00
|
|
|
|
h3 Or
|
2013-09-02 05:08:28 +00:00
|
|
|
|
ul.nav.nav-tabs
|
|
|
|
|
|
li.active
|
2013-12-30 02:14:55 +00:00
|
|
|
|
a(data-toggle='tab',data-target='#login-tab')=env.t('login')
|
2013-09-02 05:08:28 +00:00
|
|
|
|
li
|
2013-12-30 02:14:55 +00:00
|
|
|
|
a(data-toggle='tab',data-target='#register-tab')=env.t('register')
|
2013-09-02 05:08:28 +00:00
|
|
|
|
|
|
|
|
|
|
.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
|
2014-01-05 23:35:35 +00:00
|
|
|
|
input(type='text', ng-model='loginUsername', placeholder=env.t('username'), name='username')
|
2013-09-02 05:08:28 +00:00
|
|
|
|
.control-group
|
2014-01-05 23:35:35 +00:00
|
|
|
|
input(type='password', ng-model='loginPassword', placeholder=env.t('password'), name='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
|
2013-12-30 02:14:55 +00:00
|
|
|
|
input.btn.btn-primary(type='submit', value=env.t('login'))
|
2013-09-02 05:08:28 +00:00
|
|
|
|
|
2013-12-30 02:14:55 +00:00
|
|
|
|
small=env.t('passMan')
|
2013-10-27 12:36:20 +00:00
|
|
|
|
|
2013-09-06 13:33:23 +00:00
|
|
|
|
// good god accordions have html ceremony
|
|
|
|
|
|
#forgot-password-accordion.accordion
|
|
|
|
|
|
.accordion-group
|
|
|
|
|
|
.accordion-heading
|
2013-12-30 02:14:55 +00:00
|
|
|
|
a.accordion-toggle(data-toggle='collapse', data-parent='#forgot-password-accordion', href='#forgot-password-group')=env.t('forgotPass')
|
2013-09-06 13:33:23 +00:00
|
|
|
|
#forgot-password-group.accordion-body.collapse
|
|
|
|
|
|
.accordion-inner
|
|
|
|
|
|
form#derby-auth-password-reset(ng-submit='passwordReset(passwordResetEmail)')
|
2013-12-30 02:14:55 +00:00
|
|
|
|
h3=env.t('emailNewPass')
|
2013-09-06 13:33:23 +00:00
|
|
|
|
//.alert.alert-success {.success.passwordReset}
|
|
|
|
|
|
//.control-group.{#if..errors.passwordReset}error{/}
|
|
|
|
|
|
.control-group
|
2013-12-30 02:14:55 +00:00
|
|
|
|
input(type='text', name='email', placeholder=env.t('email') , ng-model='passwordResetEmail')
|
2013-09-06 13:33:23 +00:00
|
|
|
|
//span.help-inline {.errors.passwordReset}
|
2013-12-30 02:14:55 +00:00
|
|
|
|
input.btn(type='submit', value=env.t('submit'))
|
2013-09-06 13:33:23 +00:00
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
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
|
2013-12-30 02:14:55 +00:00
|
|
|
|
input(type='text', ng-model='registerVals.username', placeholder=env.t('username'), required)
|
2013-09-02 05:08:28 +00:00
|
|
|
|
.control-group
|
2013-12-30 02:14:55 +00:00
|
|
|
|
input(type='email', ng-model='registerVals.email', placeholder=env.t('email'), required)
|
2013-09-02 05:08:28 +00:00
|
|
|
|
.control-group
|
2013-12-30 02:14:55 +00:00
|
|
|
|
input(type='password', ng-model='registerVals.password', placeholder=env.t('password'), required)
|
2013-09-02 05:08:28 +00:00
|
|
|
|
.control-group
|
2013-12-30 02:14:55 +00:00
|
|
|
|
input(type='password', ng-model='registerVals.confirmPassword', placeholder=env.t('passConfirm'), required)
|
2013-09-02 05:08:28 +00:00
|
|
|
|
.control-group
|
2013-12-30 02:14:55 +00:00
|
|
|
|
small=env.t('accept1Terms')
|
|
|
|
|
|
a(href='/static/terms' target='_blank')=env.t('terms')
|
2014-01-05 12:23:45 +00:00
|
|
|
|
=env.t('accept2Terms')
|
2013-12-30 02:14:55 +00:00
|
|
|
|
a(href='/static/privacy' target='_blank')=env.t('privacy')
|
|
|
|
|
|
| .
|
2014-01-05 23:35:35 +00:00
|
|
|
|
input.btn.btn-primary(type='submit', value=env.t('register'))
|