<header class="site-header">
	<div class="container">
		<a href="/" class="site-masthead">
			<img class="site-icon" width=32 src="/images/people/avatar.png">
			<p class="site-title">hi, i'm abdullah tarawneh.</p>
		</a>
		<nav class="site-nav">
			<ul>
				{{ $currentPage := . }}
				{{ range .Site.Menus.main }}
				<li
				{{- if or ($currentPage.IsMenuCurrent "main" .) (eq $currentPage.Section .Identifier) }}
				class="active"
				{{ end }}>
					 <a href="{{ .URL | absLangURL }}">
						{{ .Pre }}
						<span>{{ .Name }}</span>
						{{ .Post }}
					 </a>
				</li>
				{{ end }}
		  </ul>		  
			{{ partial "i18nlist.html" . }}
		</nav>
	</div>
</header>
<div style="position: relative;">
<div id="top" style="scroll-margin-top: var(--header-height);"></div>
</div>