1<header class="header">
 2    <div class="navigation">
 3        <a href="/" class="logo">{{ site.title }}</a>
 4        <ul class="menu">
 5            <li class="menu__entry"><a href="{{ '/' | prepend: site.baseurl }}">Home</a></li>
 6            <li class="menu__entry"><a href="{{ '/blog' | prepend: site.baseurl }}">Blog</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    <ul class="social-links">
12        <a href="/feed.xml" class="social-linkes__entry" target="_blank">
13            <i class="fa fa-rss-square"></i>
14        </a>
15        {% if site.author.mastodon %}
16        <a rel="me" href="https://fosstodon.org/@{{ site.author.mastodon }}" class="social-links__entry" target="_blank">
17            <i class="fa fa-mastodon"></i>
18        </a>
19        {% endif %}
20        {% if site.author.gnusocial %}
21        <a rel="me" href="https://quitter.im/{{ site.author.gnusocial }}" class="social-links__entry" target="_blank">
22            <i class="fa fa-gnu-social"></i>
23        </a>
24        {% endif %}
25        {% if site.author.telegram %}
26        <a href="https://t.me/{{ site.author.telegram }}" class="social-links__entry" target="_blank">
27            <i class="fa fa-telegram"></i>
28        </a>
29        {% endif %}
30        {% if site.author.email %}
31        <a href="mailto:{{ site.author.email }}" class="social-links__entry" target="_blank">
32            <i class="fa fa-envelope"></i>
33        </a>
34        {% endif %}
35    </ul>
36</header>