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="/about">About</a></li>
 6            <li class="menu-entry"><a href="/contact">Contact</a></li>
 7            <li class="menu-entry"><a href="/blog">Blog</a></li>
 8            <li class="menu-entry"><a href="/privacy">Privacy</a></li>
 9        </ul>
10    </div>
11    <div class="social-links">
12        <a href="/feed.xml" title="The RSS feed for my blog" aria-label="Subscribe to the RSS feed for my blog" class="social-linkes-entry" target="_blank">
13            <i class="fa fa-rss-square"></i>
14        </a>
15        <a href="/me/" title="About Amolith" aria-label="Read more about me" class="social-links-entry">
16            <i class="fa fa-info-circle"></i>
17        </a>
18        <a rel="me" title="Mastodon, a decentralised social network" aria-label="Visit my Mastodon profile" href="https://masto.nixnet.xyz/@{{ site.author.mastodon }}" class="social-links-entry" target="_blank">
19            <i class="fa fa-mastodon"></i>
20        </a>
21        <a href="https://t.me/{{ site.author.telegram }}" rel="noreferrer" title="Message me on Telegram" aria-label="Message me on Telegram" class="social-links-entry" target="_blank">
22            <i class="fa fa-telegram"></i>
23        </a>
24        <a href="mailto:{{ site.author.email }}" title="Send me a GPG-encrypted email" aria-label="Send me a GPG-encrypted email" class="social-links-entry" target="_blank">
25            <i class="fa fa-envelope"></i>
26        </a>
27    </div>
28</header>