header.jade

script(src="/static/login_modal.js")

  include login_modal

div.full-width
  div.clearfix.menu-row.row
    {% if logged_in %}
    a(href="{{logout_link}}")
      div.topmenu.topmenu_red.col-md-1 Logout
    a(href="/dashboard")
      div.topmenu.topmenu_red.col-md-1 Dashboard
    {% else %}
    a#login_topmenu
      div.topmenu.topmenu_red.col-md-1 Login
    {% endif %}
    a(href="//mayone.us/contact", title="Contact")
      div.topmenu.topmenu_red.col-md-1 Contact
    a(href="//mayone.us/ways", title="Ways to Help")
      div.topmenu.col-md-1 Ways to Help
    a(href="//mayone.us/faq", title="FAQ")
      div.topmenu.col-md-1 FAQ
    a(href="//mayone.us/about", title="About Us")
      div.topmenu.col-md-1 About Us
div.container
  div.logo-row.row
    a(href="/")
      img(src="/static/logo_mayday.png", alt="Logo")
      
      

login_modal.jade.j2

<!-- Bootstrap modal to show login links -->
#login_modal.modal.fade
  .modal-dialog.modal-sm
    .modal-content
      .modal-header
        button.close(type='button', data-dismiss='modal', aria-hidden='true') ×
        h4.modal-title Login to My SuperPAC
      .modal-body
        .text-center
          .btn-group-vertical
              {% for service, service_link in login_links.iteritems() %}
                a#btn-{{service}}.btn.btn-social.btn-{{service}}(href='{{service_link}}')
                i.fa.fa-{{service}}
                  Log in with {{service|title}}
              {% endfor %}
      .modal-footer
        button.btn.btn-default(type='button', data-dismiss='modal') Cancel
    // /.modal-content
  // /.modal-dialog
// /.modal
script(src='{{ site.baseurl }}/js/login_modal.js', type='text/javascript')