<div id='hamburger'><div id='hb-icon'></div></div>

<header id='header'>
	<h1>Menu</h1>
	<span class='internal'>
		<div class='lynnesoft desktop'></div>
		<a href='/' {%- if page.title == "Welcome!" %} class='current'{% endif -%}>Home</a>
		{%- assign main_pages = site.html_pages | where: "less_important", null -%}
		{%- assign less_important = site.html_pages | where: "less_important", true -%}

		{%- for html_page in main_pages -%}
			{%- unless html_page.url == '/' -%}
				<a href='{{ html_page.url }}' {%- if page.title == html_page.title %} class='current'{% endif -%}>{{ html_page.title }}</a>
			{% endunless -%}
		{%- endfor -%}

		<span class='more'>
		{% comment -%} todo: maybe make this collapsible? {%- endcomment -%}
		{%- for html_page in less_important -%}
			<a href='{{ html_page.url }}' {%- if page.title == html_page.title %} class='current'{% endif -%}>{{ html_page.title }}</a>
		{% endfor -%}
		</span>
	</span>

	<span class='other'>
		<a href='https://bune.city'>Blog</a><a href='https://github.com/lynnesbian'>GitHub</a><a href='https://git.bune.city/lynnesbian'>Gitea</a>

		<span id='theme-control'></span>
	</span>
	<div class='lynnesoft mobile'></div>
</header>
