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

Display user profile picture on navbar next to the name

Browse Source
This commit is contained in:
Sahat Yalkabov
2013-12-06 00:54:22 -05:00
parent 93abd14e28
commit bc433afe9f
3 changed files with 16 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
public/css/app.less
View File

@ -5,3 +5,13 @@
body {
padding-top: 50px;
}
.user img {
width: 40px;
height: 40px;
vertical-align: baseline;
margin-top: -15px;
margin-bottom: -15px;
position: relative;
left: -10px;
}

4
views/account.jade
View File

@ -18,10 +18,10 @@ block content
label.col-sm-2.control-label(for='name') Gender
.col-sm-4
label.radio-inline
input(checked=user.profile.gender=='Male', name='gender', type='radio', value='Male')
input(checked=user.profile.gender=='male', name='gender', type='radio', value='male')
span Male
label.radio-inline
input(checked=user.profile.gender=='Female', name='gender', type='radio', value='Female')
input(checked=user.profile.gender=='female', name='gender', type='radio', value='female')
span Female
.form-group
label.col-sm-2.control-label(for='email') Email

6
views/layout.jade
View File

@ -40,8 +40,10 @@ html
li(class=title=='Create Account'?'active':undefined)
a(href='/signup') Create Account
else
li
a(href='/account') #{user.profile.name}
li.user
a(href='/account')
img(src='#{user.profile.picture}')
| #{user.profile.name}
li
a(href='/logout') Logout
.container