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

70
views/account/login.jade
View File

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