1<header class="header">
 2    <div class="navigation">
 3        <a href="/" class="logo">{{ site.title }}</a>
 4
 5        <ul class="menu">
 6            <li class="menu__entry"><a href="{{ '/' | prepend: site.baseurl }}">Home</a></li>
 7            <li class="menu__entry"><a href="{{ '/about' | prepend: site.baseurl }}">About</a></li>
 8            <li class="menu__entry"><a href="{{ '/contact' | prepend: site.baseurl }}">Contact</a></li>
 9        </ul>
10    </div>
11
12    <ul class="social-links">
13            <a href="https://gitlab.com/{{ site.author.gitlab }}" class="social-links__entry" target="_blank">
14                <i class="fa fa-gitlab"></i>
15            </a>
16            <a href="https://fosstodon.org/@{{ site.author.mastodon }}" class="social-links__entry" target="_blank">
17                <i class="fa fa-mastodon"></i>
18            </a>
19    </ul>
20</header>