_nav.html

<div class="fixed">
  <nav class="top-bar" data-topbar>
    <ul class="title-area">
      <!-- Title Area -->
      {% if site.has_meta_image? %}
      <li class="name">
        <h1>
          <a href="/"><img src="{{ site.meta_image_url }}"></a>
        </h1>
      </li>
      {% else %}
      <li class="name">
        <h1>
          <a href="/">{{ site.long_name }}</a>
        </h1>
      </li>
      {% endif %}
      <li class="toggle-topbar menu-icon">
        <a href="#">
          <span>menu</span>
          {% comment %}replace with
          <span>menu</span>
          to add the word "menu" back to the mobile nav{% endcomment %}
        </a>
      </li>
    </ul>

    <section class="top-bar-section">
      <!-- Right Nav Section -->
      <ul class="right">
        <li class="divider hide-for-medium-up"></li>
        {% if request.logged_in? or request.sorta_logged_in? %}
        <li id="user-nav" class="has-dropdown">
          <a href="#">
            {% if request.current_signup.has_facebook_info? %}
            <img src="http://graph.facebook.com/{{ request.current_signup.facebook_uid }}/picture?width=72&height=72" alt="Profile Photo">
            {% else %}
            <img src="{{ request.current_signup.profile_image_url }}" alt="Profile Photo">
            {% endif %}
            {{ request.current_signup.full_name_or_friend }}
          </a>
          <ul class="dropdown">
            {% if request.current_signup.is_admin? == true %}
            <li>
              <a href="/admin">Control Panel</a>
            </li>
            <li>
              <a href="{{ page.admin_edit_url }}">Edit This Page</a>
            </li>
            {% endif %}
            {% if site.show_public_profiles? %}
            <li>
              <a href="{{ request.current_signup.profile_url }}">Public Profile</a>
            </li>
            {% endif %}
            <li>
              <a href="{{ request.current_signup.settings_url }}">Account Settings</a>
            </li>
            <li>
              <a href="{{ request.current_signup.logout_url }}">Sign Out</a>
            </li>
          </ul>
        </li>
        {% else %}
        <li id="sign-in" class="has-form">
          <a href="#" class="button" data-reveal-id="login-modal">Sign in</a>
        </li>
        {% endif %}
      </ul>
      <ul class="right">
        {% for child in site.root_nav_pages %}
        {% if child.leaf? or child.nav_children.size == 0 %}
        <li {% if child.is_or_is_ancestor_of_current_page? %}class="active"{% endif %}>
          <a href="{{ child.url }}">{{ child.name }}</a>
        </li>
        <li class="divider"></li>
        {% else %}
        <li class="{% if child.is_or_is_ancestor_of_current_page? %}active {% endif %}has-dropdown">
          <a href="{{ child.url }}">{{ child.name }}</a>
          <ul class="dropdown">
            {% if site.show_parent_in_nav_dropdown? %}
            <li class="show-parent">
              <a href="{{ child.url }}">{{ child.name }}</a>
            </li>
            {% else %}
            <li class="show-parent hide-for-large-up">
              <a href="{{ child.url }}">{{ child.name }}</a>
            </li>
            {% endif %}
            {% for child2 in child.nav_children %}
              {% if child2.nav_children.size > 0 %}
              <li class="has-dropdown">
                <a href="{{ child2.url }}">{{ child2.name }}</a>
                <ul class="dropdown">
                  {% for child3 in child2.nav_children %}
                  <li>
                    <a href="{{ child3.url }}">{{ child3.name }}</a>
                  </li>
                  {% endfor %}
                </ul>
              </li>
              {% else %}
                <li>
                  <a href="{{ child2.url }}">{{ child2.name }}</a>
                </li>
              {% endif %}
            {% endfor %}
          </ul>
        </li>
        <li class="divider"></li>
        {% endif %}
        {% endfor %}
      </ul>
    </section>
  </nav>
</div>
{{ content_for_notifications }}

{% if page.donation.has_merchant_account? == false %}
<div data-alert class="alert-box error">
  <div class="row"> <strong>No bank account:</strong>
    This page will not work until you add a bank account
  </div>
</div>
{% elsif page.donation.merchant_account.is_test_mode? %}
<div data-alert class="alert-box error">
  <div class="row">
    <div class="columns"> <strong>Testing mode:</strong>
      Transactions will not be processed. Use your regular credit card to test, you will not actually be charged.
      <a href="#" class="close">&times;</a>
    </div>
  </div>
</div>
{% endif %}
<script type="text/javascript">
$(document).ready(function() {
$('div:has(div.notice.success.clearfix)').addClass('success');
$('div:has(div.notice.error.clearfix)').addClass('error');
});
</script>

<!-- Login Modal -->
<div id="login-modal" class="reveal-modal small" data-reveal>
  <div class="padtop">
    <a class="button facebook expand" href="{{ request.facebook_connect_url }}">
      <span class="ss-icon ss-social-regular" style="padding-right: 5px; font-size: .8em;">facebook</span>
      Sign in with Facebook
    </a>
    <a class="button twitter expand" href="{{ request.twitter_connect_url }}">
      <span class="ss-icon ss-social-regular" style="padding-right: 5px; font-size: .8em;">twitter</span>
      Sign in with Twitter
    </a>
  </div>
</div>