<header class="site-header">
	<div class="container">
		<a href="/" class="site-masthead" title="hi, i'm a.">
			<img class="site-icon" width=32 src="/images/people/avatar.png" alt="">
			<p class="site-title">hi, i'm a.</p>
		</a>
		<a href="/support" class="support">
			<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><title>tabler:tip-jar</title><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M14 10h-2.5a1.5 1.5 0 0 0 0 3h1a1.5 1.5 0 0 1 0 3H10m2-7v1m0 6v1"/><path d="M17 4v1.882c0 .685.387 1.312 1 1.618s1 .933 1 1.618V18a3 3 0 0 1-3 3H8a3 3 0 0 1-3-3V9.118c0-.685.387-1.312 1-1.618s1-.933 1-1.618V4M6 4h12z"/></g></svg>
			<span>support me</span>
		</a>
		<nav class="site-nav" aria-label="Main navigation">
			<ul>
				{{ $currentPage := . }}
				{{ range .Site.Menus.main }}
				{{ $active := $currentPage.IsMenuCurrent "main" . }}
				<li
				{{- if $active }}
				class="active"
				{{ end }}>
					 <a href="{{ .URL | absLangURL }}" {{- if $active }}
					 aria-current="page"
					 {{ end }}>
						{{ .Pre }}
						<span>{{ .Name }}</span>
						{{ .Post }}
					 </a>
				</li>
				{{ end }}
		  </ul>
		</nav>
	</div>
</header>
<div style="position: relative;">
<div id="top" style="scroll-margin-top: var(--header-height);"></div>
</div>