<!-- TODO -->
<div class="d-flex flex-wrap gap-3 my-3 contact-links">
    <div><a href="mailto:mail@sp-codes.de">
        <span class="d-none d-md-inline-block i-envelope i-2x i-fw"></span>
        <span class="d-inline-block d-md-none i-envelope i-2x i-fw"></span>
    </a></div>
    <div><a href="https://matrix.to/#/@samuel-p:matrix.sp-codes.de">
        <span class="d-none d-md-inline-block i-matrix i-2x i-fw"></span>
        <span class="d-inline-block d-md-none i-matrix i-2x i-fw"></span>
    </a></div>
    <div><a rel="me" href="https://social.sp-codes.de/@samuel_p">
        <span class="d-none d-md-inline-block i-mastodon i-2x i-fw"></span>
        <span class="d-inline-block d-md-none i-mastodon i-2x i-fw"></span>
    </a></div>
    <div><a rel="me" href="https://www.xing.com/profile/Samuel_Philipp">
        <span class="d-none d-md-inline-block i-xing i-2x i-fw"></span>
        <span class="d-inline-block d-md-none i-xing i-2x i-fw"></span>
    </a></div>
    <div><a rel="me" href="https://www.linkedin.com/in/samuel-philipp">
        <span class="d-none d-md-inline-block i-linkedin i-2x i-fw"></span>
        <span class="d-inline-block d-md-none i-linkedin i-2x i-fw"></span>
    </a></div>
    <div><a href="https://git.sp-codes.de/samuel-p">
        <span class="d-none d-md-inline-block i-git i-2x i-fw"></span>
        <span class="d-inline-block d-md-none i-git i-2x i-fw"></span>
    </a></div>
    <div><a href="https://github.com/samuel-p">
        <span class="d-none d-md-inline-block i-github i-2x i-fw"></span>
        <span class="d-inline-block d-md-none i-github i-2x i-fw"></span>
    </a></div>
    <div><a href="https://stackoverflow.com/users/9662601/samuel-p">
        <span class="d-none d-md-inline-block i-stackoverflow i-2x i-fw"></span>
        <span class="d-inline-block d-md-none i-stackoverflow i-2x i-fw"></span>
    </a></div>
</div>

<!--<div class="d-flex justify-content-center mb-3">-->
<!--    <div class="lead text-center">-->
<!--        {% if locale == 'de' %}-->
<!--        <a href="https://samuel-philipp.de">samuel-philipp.de</a>-->
<!--        {% elseif locale == 'en' %}-->
<!--        <a href="https://samuel-philipp.com">samuel-philipp.com</a>-->
<!--        {% endif %}-->
<!--    </div>-->
<!--</div>-->