	{% load wagtailcore_tags navigation_tags wagtailuserbar wagtailimages_tags %}
	
	<header>
	    <a href="#main" class="skip-link">Skip to content</a>
		
	    {% get_site_root as site_root %}
	    <nav class="navbar is-transparent is-fixed-top" role="navigation" aria-label="main navigation">
	        <div class="navbar-brand">
	            <a class="navbar-item" href="{% pageurl site_root %}">
					<figure class="image is-24x24">
					  <img src="/media/images/f6c80e0e-25d3-4915-a92f-a733939cf9d9.max-165x165.jpg" />
					</figure> 
				</a>	

	            <a role="button" class="navbar-burger" aria-label="menu" aria-expanded="false" data-target="navbarMenu">
	                <span aria-hidden="true"></span>
	                <span aria-hidden="true"></span>
	                <span aria-hidden="true"></span>
	                <span aria-hidden="true"></span>
	            </a>
	        </div>
	
	        <div id="navbarMenu" class="navbar-menu">
	            <div class="navbar-start">
	                {% for menuitem in site_root.get_children.live.in_menu %}
	                <a class="navbar-item" href="{% pageurl menuitem %}">
	                    {{ menuitem.title }}
	                </a>
	                {% endfor %}
	            </div>
				
				<div class="navbar-end">
				      <div class="navbar-item">
				        <div class="buttons">
				          <a href="https://cloud.jacksbastards.duckdns.org" class="button is-dark">
				            Log in
				          </a>
				        </div>
				      </div>
				    </div>
				</div>	
	        </div>
	    </nav>
	</header>