{% load static i18n %}
{% if follow_links %}
  {% with links=follow_links %}
    {% if links.feed_detail %}
      <li class="nav-item">
        <a class="nav-link" href="{{ links.feed_detail }}" aria-label="{% trans "Feeds" %}">
          <img
            src="{% static 'cast/img/Feed-icon.svg' %}"
            alt="{% trans 'Feeds' %}"
            height="16"
            width="16"
          >
        </a>
      </li>
    {% elif links.rss %}
      <li class="nav-item">
        <a class="nav-link" href="{{ links.rss }}" aria-label="{% trans "RSS feed" %}">
          <img
            src="{% static 'cast/img/Feed-icon.svg' %}"
            alt="{% trans 'RSS feed' %}"
            height="16"
            width="16"
          >
        </a>
      </li>
    {% endif %}
    {% if links.mastodon %}
      <li class="nav-item">
        <a class="nav-link" href="{{ links.mastodon }}" aria-label="{% trans "Mastodon" %}" target="_blank" rel="me noopener">
          Mastodon
        </a>
      </li>
    {% endif %}
    {% if links.github %}
      <li class="nav-item">
        <a class="nav-link" href="{{ links.github }}" aria-label="{% trans "GitHub" %}" target="_blank" rel="noopener">
          GitHub
        </a>
      </li>
    {% endif %}
    {% if links.bluesky %}
      <li class="nav-item">
        <a class="nav-link" href="{{ links.bluesky }}" aria-label="{% trans "Bluesky" %}" target="_blank" rel="noopener">
          Bluesky
        </a>
      </li>
    {% endif %}
    {% if links.linkedin %}
      <li class="nav-item">
        <a class="nav-link" href="{{ links.linkedin }}" aria-label="{% trans "LinkedIn" %}" target="_blank" rel="noopener">
          LinkedIn
        </a>
      </li>
    {% endif %}
    {% if links.email %}
      <li class="nav-item">
        <a class="nav-link" href="{{ links.email }}" aria-label="{% trans "Email" %}">
          Email
        </a>
      </li>
    {% endif %}
  {% endwith %}
{% endif %}