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            <li class="menu__entry"><a href="{{ '/feed.xml' | prepend: site.baseurl }}">RSS</a></li>
10        </ul>
11    </div>
12    <audio autoplay loop>
13        <source src="https://nixnet.xyz/assets/music/sappheiros.mp3" type="audio/mpeg" />
14    </audio>
15    <ul class="social-links">
16        {% if site.author.mastodon %}
17        <a rel="me" href="https://fosstodon.org/@{{ site.author.mastodon }}" class="social-links__entry" target="_blank">
18            <i class="fa fa-mastodon"></i>
19        </a>
20        {% endif %}
21        {% if site.author.gnusocial %}
22        <a rel="me" href="https://quitter.im/{{ site.author.gnusocial }}" class="social-links__entry" target="_blank">
23            <i class="fa fa-gnu-social"></i>
24        </a>
25        {% endif %}
26        {% if site.author.telegram %}
27        <a href="https://t.me/{{ site.author.telegram }}" class="social-links__entry" target="_blank">
28            <i class="fa fa-telegram"></i>
29        </a>
30        {% endif %}
31        {% if site.author.email %}
32        <a href="mailto:{{ site.author.email }}" class="social-links__entry" target="_blank">
33            <i class="fa fa-envelope"></i>
34        </a>
35        {% endif %}
36    </ul>
37</header>