header.jade 1.5 KB

12345678910111213141516171819202122232425262728293031323334353637383940
  1. .navbar.navbar-default.navbar-fixed-top
  2. .container
  3. .navbar-header
  4. button.navbar-toggle(type='button', data-toggle='collapse', data-target='.navbar-collapse')
  5. span.sr-only Toggle navigation
  6. span.icon-bar
  7. span.icon-bar
  8. span.icon-bar
  9. a.navbar-brand(href='/')
  10. img.svg.icon-small(src="/img/ribbon.svg")
  11. .collapse.navbar-collapse
  12. ul.nav.navbar-nav
  13. li(class=title=='event'?'active':undefined)
  14. a(href='/event') event
  15. li(class=title=='entry'?'active':undefined)
  16. a(href='/entry') entry
  17. li(class=title=='api'?'active':undefined)
  18. a(href='/api') api
  19. ul.nav.navbar-nav.navbar-right
  20. if !user
  21. li(class=title=='Login'?'active':undefined)
  22. a(href='/login') Login
  23. li(class=title=='Create Account'?'active':undefined)
  24. a(href='/register') Register
  25. else
  26. li.dropdown(class=title=='Account Management'?'active':undefined)
  27. a.dropdown-toggle(href='#', data-toggle='dropdown')
  28. if user.profile.picture
  29. img(src='#{user.profile.picture}')
  30. else
  31. img(src='#{user.gravatar(60)}')
  32. | #{user.profile.name || user.email || user.id} 
  33. i.caret
  34. ul.dropdown-menu
  35. li
  36. a(href='/account') My Account
  37. li.divider
  38. li
  39. a(href='/logout') Logout