codecombat/app/templates/base.jade

body
  #fb-root
  block header
    .nav.navbar.navbar-fixed-top#top-nav
      .content.clearfix
        .navbar-header
          button.navbar-toggle(type="button" data-toggle="collapse" data-target=".navbar-nav.collapse")
            span.sr-only Toggle navigation
            span.icon-bar
            span.icon-bar
            span.icon-bar

          a.navbar-brand(href='/')
            img(src="/images/pages/base/logo.png", title="CodeCombat - Learn how to code by playing a game", alt="CodeCombat")

        ul(class='navbar-link-text').nav.navbar-nav.navbar-collapse.collapse
          if me.get('anonymous') === false
            li.dropdown
              button.btn.btn-primary.navbuttontext.header-font.dropdown-toggle(href="#", data-toggle="dropdown")
                if me.get('photoURL')
                  img.account-settings-image(src=me.getPhotoURL(18), alt="")
                else
                  i.glyphicon.glyphicon-user
                .navbuttontext-account(data-i18n="nav.account" href="/account") Account
                span.caret
              ul.dropdown-menu(role="menu")
                li.user-dropdown-header
                  span.user-level= me.level()
                  a(href="/user/#{me.getSlugOrID()}")
                    img.img-circle(src="#{me.getPhotoURL()}" alt="")
                  h3=me.displayName()
                li.user-dropdown-body
                  .col-xs-4.text-center
                    a(href="/user/#{me.getSlugOrID()}" data-i18n="nav.profile") Profile
                  .col-xs-4.text-center
                    a(href="/user/#{me.getSlugOrID()}/stats" data-i18n="nav.stats") Stats
                  .col-xs-4.text-center
                    a.disabled(data-i18n="nav.code") Code
                li.user-dropdown-footer
                  .pull-left
                    a.btn.btn-default.btn-flat(href="/account" data-i18n="nav.account") Account
                  .pull-right
                    button#logout-button.btn.btn-default.btn-flat(data-i18n="login.log_out") Log Out
          else
            li
              button.btn.btn-primary.navbuttontext.header-font.auth-button
                span(data-i18n="login.log_in") Log In
                span.spr.spl /
                span(data-i18n="login.sign_up") Create Account
          li
            select.language-dropdown

  block outer_content
    #outer-content-wrapper(class=showBackground ? 'show-background' : '')
      #intermediate-content-wrapper
        #inner-content-wrapper
          .main-content-area
            block content
              p If this is showing, you dun goofed
    .achievement-corner

  block footer
    .footer.clearfix
      .content
        p.footer-link-text
          if pathname == "/" || (me.get('permissions', true)).indexOf('employer') != -1
            a(href='/employers', tabindex=-1, data-i18n="nav.employers") Employers
          else
            a(href='/', tabindex=-1, data-i18n="nav.home") Home
          a(href='/play/ladder', tabindex=-1, data-i18n="home.multiplayer") Multiplayer
          a(href='/community', tabindex=-1, data-i18n="nav.community") Community
          a(href='/contribute', tabindex=-1, data-i18n="nav.contribute") Contribute
          a(href='/legal', tabindex=-1, data-i18n="nav.legal") Legal
          a(href='/about', tabindex=-1, data-i18n="nav.about") About
          a(title='Contact', tabindex=-1, data-toggle="coco-modal", data-target="modal/ContactModal", data-i18n="nav.contact") Contact
          a(href='http://blog.codecombat.com/', data-i18n="nav.blog") Blog
          a(href='http://discourse.codecombat.com/', data-i18n="nav.forum") Forum
          a(href='/teachers', data-i18n="nav.teachers") Teachers
          if me.isAdmin()
            a(href='/admin', data-i18n="nav.admin") Admin

      .share-buttons
        if !isIE
          .g-plusone(data-href="http://codecombat.com", data-size="medium")
        .fb-like(data-href="https://www.facebook.com/codecombat", data-send="false", data-layout="button_count", data-width="350", data-show-faces="true", data-ref="coco_footer_#{fbRef}")
        if !isIE
          a.twitter-follow-button(href="https://twitter.com/CodeCombat", data-show-count="true", data-show-screen-name="false", data-dnt="true", data-align="right", data-i18n="nav.twitter_follow") Follow
          iframe.github-star-button(src="http://ghbtns.com/github-btn.html?user=codecombat&repo=codecombat&type=watch&count=true", allowtransparency="true", frameborder="0", scrolling="0", width="110", height="20")
        
      .partner-badges
        a.mixpanel-badge(href="https://mixpanel.com/f/partner")
          img(src="//cdn.mxpnl.com/site_media/images/partner/badge_light.png", alt="Mobile Analytics")
        a.firebase-bade(href="https://www.firebase.com/")
          img(src="/images/pages/base/firebase.png", alt="Powered by Firebase")