NixNet/_includes/header.html

<header class="header">
    <div class="navigation">
        <a href="/" class="logo">{{ site.title }}</a>

        <ul class="menu">
            <li class="menu__entry"><a href="{{ '/' | prepend: site.baseurl }}">Home</a></li>
            <li class="menu__entry"><a href="{{ '/about' | prepend: site.baseurl }}">About</a></li>
            <li class="menu__entry"><a href="{{ '/contact' | prepend: site.baseurl }}">Contact</a></li>
        </ul>
    </div>

    <ul class="social-links">
        {% if site.author.mastodon %}
        <a href="https://fosstodon.org/@{{ site.author.gitlab }}" class="social-links__entry" target="_blank">
            <i class="fa fa-mastodon"></i>
        </a>
        {% endif %}

        {% if site.author.gitea %}
        <a href="https://git.nixnet.xyz/@{{ site.author.mastodon }}" class="social-links__entry" target="_blank">
            <i class="fa fa-gitea"></i>
        </a>
        {% endif %}
        
        {% if site.author.gitlab %}
        <a href="https://gitlab.com/{{ site.author.gitlab }}" class="social-links__entry" target="_blank">
            <i class="fa fa-gitlab"></i>
        </a>
        {% endif %}

        {% if site.author.telegram %}
        <a href="https://t.me/{{ site.author.mastodon }}" class="social-links__entry" target="_blank">
            <i class="fa fa-telegram"></i>
        </a>
        {% endif %}

        {% if site.author.email %}
        <a href="mailto:{{ site.author.mastodon }}" class="social-links__entry" target="_blank">
            <i class="fa fa-envelope"></i>
        </a>
        {% endif %}
    </ul>
</header>