freeCodeCamp/server/views/partials/navbar.jade

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') Learn
            li
                a(href='/map') Map
            if (user && user.sentSlackInvite)
                li
                    a(href='/chat', target='_blank') Chat
            else
                li
                    a(href='/challenges/waypoint-join-our-chat-room') Chat
            li
                a(href='/news') News
            li
                a(href='/field-guide') Guide
            li.hidden-xs.hidden-sm
                a(href='/jobs') Jobs
            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}')