<div class="container">
	<div class="navbar-brand">
		<a class="navbar-item" href="{{ .Site.BaseURL }}">
			<img src="{{ .Site.BaseURL }}images/vikunja-logo-white.svg" alt="{{ .Site.Title }}">
		</a>
		<span class="navbar-burger burger" data-target="navMenu" aria-label="menu" aria-expanded="false">
              <span></span>
              <span></span>
              <span></span>
            </span>
	</div>
	<div class="navbar-menu" id="navMenu">
		<div class="navbar-end">
				<span class="navbar-item logo">
					<img src="{{ .Site.BaseURL }}images/vikunja-logo-white.svg" alt="{{ .Site.Title }}">
				</span>
			{{ $currentNode := .Page }}{{ range .Site.Menus.page }}
			<a class="navbar-item{{ if $currentNode.IsMenuCurrent "page" . }} is-active{{ end }}" href="{{ .URL }}">
			{{ .Name }}
			</a>
			{{ end }}
		</div>
	</div>
	<div class="navbar-background" id="navbar-background"></div>
</div>