<ul class="list-inline">
  {% if site.email %}
    <li>
      <a href="mailto:{{ site.email }}" title="Email me">
        <span class="icon icon--email">{% include icon-email.svg %}</span>
      </a>
    </li>
  {% endif %}

  {% if site.github_username %}
    <li>
      <a href="https://github.com/{{ site.github_username }}" title="GitHub">
        <span class="icon icon--github">{% include icon-github.svg %}</span>
      </a>    
    </li>
  {% endif %}

  {% if site.twitter_username %}
    <li>
      <a href="https://twitter.com/{{ site.twitter_username }}" title="X (Twitter)">
        <span class="icon icon--twitter">{% include icon-twitter.svg %}</span>
       </a>    
    </li>         
  {% endif %}

  {% if site.youtube_username %}
    <li>
      <a href="https://www.youtube.com/{{ site.youtube_username }}" title="YouTube">
        <span class="icon icon--youtube">{% include icon-youtube.svg %}</span>
      </a>    
    </li>
  {% endif %}

  <li>
    {% if site.plugins contains 'jekyll-feed' or site.gems contains 'jekyll-feed' %}
      <a href="{{ site.feed.path | default: 'feed.xml' | relative_url }}" title="RSS-feed">
        <span class="icon icon--rss">{% include icon-rss.svg %}</span>
      </a>
    {% endif %}
  </li>
</ul>
