<nav class=“panel top small padding-right-0”>

<div class="sections desktop nav-desktop">
  <div class="left">
    <a href="{{ site.baseurl }}/" title="Logo {{ site.title }}" class="site-logo">
      <img src="{{ '/assets/vendor/uploads//logo.png' | prepend:site.baseurl }}" alt="" width="200" style="min-width:120px;">
    </a>
  </div>

  <div class="right">
    <ul class="menu padding-right-0">
      {% if site.data.menus.header > 0 %}
      {% assign sorted_nav = site.data.menus.header | sort: "weight" %}
      {% for item in sorted_nav %}
      {% unless forloop.last %}
      <li class="text-white bold{% if item.url == page.permalink %} active{% endif %}">
        <a href="{{ item.url | relative_url }}" class="font-smaller">{{ item.title }}</a>
      </li>
      {% else %}
      <li class="margin-right-0">
        <a class="button red gradient small" href="{{ item.url | relative_url }}">{{ item.title }}</a> 
      </li>
      {% endunless %}
      {% endfor %}
      {% else %}
        <li class="text-white bold">
          <a href="/about" class="font-smaller">About</a>
        </li>
        <li class="text-white bold">
          <a href="/news" class="font-smaller">News</a>
        </li>
        <li class="margin-right-0">
          <a class="button red gradient small" href="/donate">Donate</a> 
        </li>
      {% endif %}
    </ul>
  </div>
</div>

<div class="sections compact hidden padding-top-1 nav-mobile">
  <div class="left toLeft">
    <a href="{{ site.baseurl }}/" title="Logo {{ site.title }}" class="site-logo">
      <img src="{{ '/assets/vendor/uploads//logo.png' | prepend:site.baseurl }}" alt="" width="160" style="min-width:150px; margin-left:20px;">
    </a>
  </div>

  <div class="right toRight padding-top-1">
    <span class="button actionButton sidebarTrigger bg-yellow text-mid-grey" data-sidebar-id="1">
      <svg><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#menu"></use>
      </svg>
    </span>
  </div>
</div>

</nav>

<!– Sidebar –> <nav class=“sidebar animated” data-sidebar-id=“1”>

<div class="close"><svg><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#close"></use></svg></div>
<div class="content bg-light-grey">
  <a href="#" class="logo ae-1 fromBottom">
    <img src="{{ '/assets/vendor/uploads//logo.png' | prepend:site.baseurl }}" alt="" width="200">
  </a>
  <ul class="mainMenu uppercase fromRight">
    {% for item in sorted_nav %}
    <li class="ae-{{ forloop.index | plus:1 }}">
      <a href="{{ item.url | relative_url }}" class="text-mid-grey">{{ item.title }}</a>
    </li>
    {% endfor %}
  </ul>
  {% if site.posts.size > 0 %}
  <ul class="subMenu ae-3 fromRight">
    {% for post in site.posts limit:4 %}
    <li>
      <a href="{{ post.url | relative_url }}" class="text-mid-grey">{{ post.title }}</a>
    </li>
    {% endfor %}
  </ul>
  {% endif %}
</div>

</nav>