abdullahtarawneh.com/layouts/partials/site-header.html
2024-05-26 01:02:46 -05:00

37 lines
1.3 KiB
HTML

<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="/contributions" class="support">
<svg xmlns="http://www.w3.org/2000/svg" width=1em height=1em viewBox="0 0 20 20" fill="currentColor">
<title>heart</title>
<path d="m9.653 16.915-.005-.003-.019-.01a20.759 20.759 0 0 1-1.162-.682 22.045 22.045 0 0 1-2.582-1.9C4.045 12.733 2 10.352 2 7.5a4.5 4.5 0 0 1 8-2.828A4.5 4.5 0 0 1 18 7.5c0 2.852-2.044 5.233-3.885 6.82a22.049 22.049 0 0 1-3.744 2.582l-.019.01-.005.003h-.002a.739.739 0 0 1-.69.001l-.002-.001Z" />
</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>