diff options
Diffstat (limited to 'views')
| -rw-r--r-- | views/login.pug | 8 | ||||
| -rw-r--r-- | views/resources/dashlogo.png | bin | 0 -> 7169 bytes | |||
| -rw-r--r-- | views/signup.pug | 43 | ||||
| -rw-r--r-- | views/stylesheets/authentication.css | 38 |
4 files changed, 60 insertions, 29 deletions
diff --git a/views/login.pug b/views/login.pug index fb97d3171..c379a6605 100644 --- a/views/login.pug +++ b/views/login.pug @@ -6,9 +6,11 @@ block content include ./stylesheets/authentication.css form.form-horizontal(id='login-form', method='POST') input(type='hidden', name='_csrf', value=_csrf) - .overlay - .inner - h3(id='login_label') Log In + .overlay(id='overlay_login') + a(href="/signup") + img(id='new_user', src="https://bit.ly/2EuqPb4", alt="") + .inner.login + h3.auth_header Log In .form-group //- label.col-sm-3.control-label(for='email', id='email_label') Email .col-sm-7 diff --git a/views/resources/dashlogo.png b/views/resources/dashlogo.png Binary files differnew file mode 100644 index 000000000..3ba4e111b --- /dev/null +++ b/views/resources/dashlogo.png diff --git a/views/signup.pug b/views/signup.pug index a23f334af..8b5358137 100644 --- a/views/signup.pug +++ b/views/signup.pug @@ -2,24 +2,25 @@ extends ./layout block content - .page-header - h3 Sign up - form.form-horizontal(id='signup-form', method='POST') - input(type='hidden', name='_csrf', value=_csrf) - .form-group - label.col-sm-3.control-label(for='email') Email - .col-sm-7 - input.form-control(type='email', name='email', id='email', placeholder='Email', autofocus, required) - .form-group - label.col-sm-3.control-label(for='password') Password - .col-sm-7 - input.form-control(type='password', name='password', id='password', placeholder='Password', required) - .form-group - label.col-sm-3.control-label(for='confirmPassword') Confirm Password - .col-sm-7 - input.form-control(type='password', name='confirmPassword', id='confirmPassword', placeholder='Confirm Password', required) - .form-group - .col-sm-offset-3.col-sm-7 - button.btn.btn-success(type='submit') - i.fa.fa-user-plus - | Signup
\ No newline at end of file + style + include ./stylesheets/authentication.css + .page-header + form.form-horizontal(id='signup-form', method='POST') + input(type='hidden', name='_csrf', value=_csrf) + .overlay(id='overlay_signup') + .inner.signup + h3.auth_header Create An Account + .form-group + .col-sm-7 + input.form-control(type='email', name='email', id='email', placeholder='Email', autofocus, required) + .form-group + .col-sm-7 + input.form-control(type='password', name='password', id='password', placeholder='Password', required) + .form-group + .col-sm-7 + input.form-control(type='password', name='confirmPassword', id='confirmPassword', placeholder='Confirm Password', required) + .form-group + .col-sm-offset-3.col-sm-7 + button.btn.btn-success(type='submit') + i.fa.fa-user-plus + | Signup
\ No newline at end of file diff --git a/views/stylesheets/authentication.css b/views/stylesheets/authentication.css index 43f2f228c..4f4c02c03 100644 --- a/views/stylesheets/authentication.css +++ b/views/stylesheets/authentication.css @@ -9,14 +9,28 @@ label { } body { - background-color: lightslategray; + background-color: #ccbbcc; } -#login_label { +#logo { + width: 100px; + height: 100px; + position: absolute; +} + +.auth_header { text-align: left; } -#submit { +.login { + height: 220px; +} + +.signup { + height: 273px; +} + +.btn { width: 224px; height: 35px; font-family: Arial, Helvetica, sans-serif; @@ -24,6 +38,22 @@ body { font-style: oblique; } +#overlay_signup { + height: 345px; +} + +#overlay_login { + height: 300px; +} + +#new_user { + width: 20px; + height: 20px; + position: absolute; + top: 15px; + right: 15px; +} + .overlay { text-align: center; position: absolute; @@ -33,7 +63,6 @@ body { left: 0; right: 0; width: 400px; - height: 300px; background-color: white; border-radius: 8px; box-shadow: 10px 10px 10px #00000033; @@ -46,7 +75,6 @@ body { left: 0; right: 0; width: 230px; - height: 220px; margin: auto; } |
