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="{{ '/about' | prepend: site.baseurl }}">About</a></li>
 7            <li class="menu__entry"><a href="{{ '/' | prepend: site.baseurl }}">Blog</a></li>
 8        </ul>
 9    </div>
10
11    <ul class="social-links">
12        {% if site.author.gitlab %}
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        {% endif %}
17
18        {% if site.author.mastodon %}
19            <a href="https://fosstodon.org/@{{ site.author.mastodon }}" class="social-links__entry" target="_blank">
20                <i class="fa fa-mastodon"></i>
21            </a>
22        {% endif %}
23    </ul>
24</header>