<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>
		<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>