<header class="site-header">
	<div class="wrapper">
		<a class="site-title" href="{{site.baseurl}}/">{{site.title}}</a>
	</div>
	<nav class="site-header-linkbar">
		<span><a href="{{site.baseurl}}/tma/">TMA</a></span>
		<span><a href="{{site.baseurl}}/rqg/">RQG</a></span>
		<span><a href="{{site.baseurl}}/tf/">TF</a></span>
		<span><a href="{{site.baseurl}}/tmagp/">TMAGP</a></span>
		<span><a href="{{site.baseurl}}/neon/">NEON</a></span>
		<span><a href="{{site.baseurl}}/crossovers/">Crossovers</a></span>
		<!-- <span><a href="{{site.baseurl}}/incomplete/">Incomplete</a></span> -->
		<span><a href="{{site.baseurl}}/news/">News</a></span>
		<span><a href="{{site.baseurl}}/sources/">Sources</a></span>

		<span><a href="{{site.baseurl}}/search/"><b class="icon icon--search">{% include icon-search.svg %}</b><b class="collapsible-text"> Search</b></a></span>

		<span title="Download Ebooks" aria-label="Download Ebook"><a href="{{site.baseurl}}/ebooks.html"><b class="icon icon--download">{% include icon-download.svg %}</b><b class="collapsible-text"> Ebooks</b></a></span>
		<!-- <span title="Search" aria-label="Search"><a href="{{site.baseurl}}/search.html"><b class="icon icon--search">{% include icon-search.svg %}</b><b class="collapsible-text"> Search</b></a></span> -->
		<span id="dark-mode-button" role="button" title="Dark Mode" aria-label="Activate Dark Mode" onclick="toDarkMode()" style="display: none">{% include icon-dark-mode.svg %}</span>
		<span id="light-mode-button" role="button" title="Light Mode" aria-label="Activate Light Mode" onclick="toLightMode()" style="display: none">{% include icon-light-mode.svg %}</span>
	</nav>
</header>

{% include cookie-warning.html %}