.navbar.navbar-default.navbar-fixed-top .container .navbar-header button.navbar-toggle(type='button', data-toggle='collapse', data-target='.navbar-collapse') span.sr-only Toggle navigation span.icon-bar span.icon-bar span.icon-bar a.navbar-brand(href='/') Project name .collapse.navbar-collapse ul.nav.navbar-nav li(class=title=='Home'?'active':undefined) a(href='/') Home li(class=title=='API Browser'?'active':undefined) a(href='/api') API Browser li(class=title=='Contact'?'active':undefined) a(href='/contact') Contact ul.nav.navbar-nav.navbar-right if !user li(class=title=='Login'?'active':undefined) a(href='/login') Login if secrets.localAuth li(class=title=='Create Account'?'active':undefined) a(href='/signup') Create Account else li.dropdown(class=title=='Account Management'?'active':undefined) a.dropdown-toggle(href='#', data-toggle='dropdown') if user.profile.picture img.profile-image(src='#{user.profile.picture}') else img.profile-image(src='#{user.gravatar(60)}') | #{user.profile.name || user.email || user.id}  i.caret ul.dropdown-menu li: a(href='/account') My Account li.divider li: a(href='/logout') Logout