gaspersic/freeCodeCamp
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Redesigned Login page (now includes Sign in with LinkedIn)

Browse Source
This commit is contained in:
Sahat Yalkabov
2014-02-27 12:39:51 -05:00
parent 31723cdcc4
commit bf02667e9e
2 changed files with 38 additions and 40 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
public/css/styles.less
View File

@ -51,12 +51,6 @@ body {
height: 45px; height: 45px;
} }
// Social Buttons
// -------------------------
.btn-social {
border-radius: 4px;
}
// Extra space between font-awesome icons and text // Extra space between font-awesome icons and text
[class^="fa-"], [class^="fa-"],
[class*="fa-"] { [class*="fa-"] {
@ -83,7 +77,7 @@ body {
.facebook-caption { .facebook-caption {
position: absolute; position: absolute;
background-color: rgba(0,0,0,0.5); background-color: rgba(0, 0, 0, 0.5);
font-size: 12px; font-size: 12px;
color: #fff; color: #fff;
padding: 3px; padding: 3px;

70
views/account/login.jade
View File

@ -1,37 +1,41 @@
extends ../layout extends ../layout
block content block content
.col-sm-8.col-sm-offset-2 form(method='POST')
form(method='POST') legend Sign In
legend Sign In input(type='hidden', name='_csrf', value=token)
input(type='hidden', name='_csrf', value=token) .row
.form-group .col-sm-4
.btn-group.btn-group-justified if secrets.facebookAuth
if secrets.facebookAuth a.btn.btn-block.btn-facebook.btn-social(href='/auth/facebook')
a.btn.btn-facebook(href='/auth/facebook') i.fa.fa-facebook
i.fa.fa-facebook | Sign in with Facebook
| Facebook if secrets.twitterAuth
if secrets.twitterAuth a.btn.btn-block.btn-twitter.btn-social(href='/auth/twitter')
a.btn.btn-twitter(href='/auth/twitter') i.fa.fa-twitter
i.fa.fa-twitter | Sign in with Twitter
| Twitter if secrets.googleAuth
if secrets.githubAuth a.btn.btn-block.btn-google-plus.btn-social(href='/auth/google')
a.btn.btn-github(href='/auth/github') i.fa.fa-google-plus
i.fa.fa-github | Sign in with Google
| GitHub if secrets.githubAuth
if secrets.googleAuth a.btn.btn-block.btn-github.btn-social(href='/auth/github')
a.btn.btn-google-plus(href='/auth/google') i.fa.fa-github
i.fa.fa-google-plus | Sign in with GitHub
| Google if secrets.linkedinAuth
a.btn.btn-block.btn-linkedin.btn-social(href='/auth/linkedin')
i.fa.fa-linkedin
| Sign in with LinkedIn
if secrets.localAuth if secrets.localAuth
.form-group .col-sm-8
label.control-label(for='email') Email .form-group
input.form-control(type='text', name='email', id='email', placeholder='Email', autofocus=true) label.control-label(for='email') Email
.form-group input.form-control(type='text', name='email', id='email', placeholder='Email', autofocus=true)
label.control-label(for='password') Password .form-group
input.form-control(type='password', name='password', id='password', placeholder='Password') label.control-label(for='password') Password
.form-group input.form-control(type='password', name='password', id='password', placeholder='Password')
button.btn.btn-primary(type='submit') .form-group
i.fa.fa-unlock-alt button.btn.btn-primary(type='submit')
| Login i.fa.fa-unlock-alt
a.btn.btn-link(href='/forgot') Forgot your password? | Login
a.btn.btn-link(href='/forgot') Forgot your password?