<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>