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

6
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-"] {

30
views/account/login.jade
View File

@ -1,29 +1,33 @@
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)
.form-group .row
.btn-group.btn-group-justified .col-sm-4
if secrets.facebookAuth if secrets.facebookAuth
a.btn.btn-facebook(href='/auth/facebook') a.btn.btn-block.btn-facebook.btn-social(href='/auth/facebook')
i.fa.fa-facebook i.fa.fa-facebook
| Facebook | Sign in with Facebook
if secrets.twitterAuth if secrets.twitterAuth
a.btn.btn-twitter(href='/auth/twitter') a.btn.btn-block.btn-twitter.btn-social(href='/auth/twitter')
i.fa.fa-twitter i.fa.fa-twitter
| Twitter | Sign in with Twitter
if secrets.githubAuth
a.btn.btn-github(href='/auth/github')
i.fa.fa-github
| GitHub
if secrets.googleAuth if secrets.googleAuth
a.btn.btn-google-plus(href='/auth/google') a.btn.btn-block.btn-google-plus.btn-social(href='/auth/google')
i.fa.fa-google-plus i.fa.fa-google-plus
| Google | 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 if secrets.localAuth
.col-sm-8
.form-group .form-group
label.control-label(for='email') Email label.control-label(for='email') Email
input.form-control(type='text', name='email', id='email', placeholder='Email', autofocus=true) input.form-control(type='text', name='email', id='email', placeholder='Email', autofocus=true)