freeCodeCamp/views/partials/navbar.jade

50 lines
2.0 KiB
Plaintext

nav.navbar.navbar-default.navbar-fixed-top.nav-height
.navbar-header
button.hamburger.navbar-toggle(type='button', data-toggle='collapse', data-target='.navbar-collapse')
.col-xs-6
span.hamburger-text Menu
.col-xs-6
span.sr-only Toggle navigation
span.icon-bar
span.icon-bar
span.icon-bar
a.navbar-brand(href='/')
img.img-responsive.nav-logo(src='https://s3.amazonaws.com/freecodecamp/freecodecamp_logo.svg.gz', alt='learn to code javascript at Free Code Camp logo')
.collapse.navbar-collapse
ul.nav.navbar-nav.navbar-right.hamburger-dropdown
if user
li
a(href='/challenges') Current Challenge
li
a(href='/map') Map
if (user && user.sentSlackInvite)
li
a(href='/chat', target='_blank') Chat
else
li
a(href='/challenges/join-our-chat-room') Chat
li
a(href='/news') News
li
a(href='/field-guide') Field Guide
if !user
li      
li
a.btn.signup-btn.signup-btn-nav(href='/login') Sign in
else
li
if (user.profile.username)
a(href='/' + user.profile.username) [ #{user.progressTimestamps.length} ]
else
a(href='/account') [ #{user.progressTimestamps.length} ]
.hidden-xs.hidden-sm
if (user.profile.username)
a(href='/' + user.profile.username)
img.profile-picture.float-right(src='#{user.profile.picture}')
else
a(href='/account')
img.profile-picture.float-right(src='#{user.profile.picture}')