<div class="bg-beige text-white mt-2 py-2 text-xl overflow-hidden">
  {% if current_set is not none %}
  <a href="/live">
  {% else %}
  <a href="/sessio/{{ session.id }}">
  {% endif %}
    <div class="animate-marquee whitespace-nowrap">
      {% for _ in (1, 2, 3) %}
        <span class="inline-block mx-4">
          Sessió en directe
        </span>
        <span class="inline-block mx-4">
          ♫
        </span>
        {% if current_set is not none %}
          <span class="inline-block mx-4">
            Estem tocant
            {% for tema_in_set in current_set.temes %}
              {% if loop.index != 1 %}
                +
              {% endif %}
              {% if tema_in_set.tema is not none %}
                <i>{{ tema_in_set.tema.title }}</i>
              {% else %}
                <i> ??? </i>
              {% endif %}
            {% endfor %}
          </span>
          <span class="inline-block mx-4">
            ♫
          </span>
        {% endif %}
      {% endfor %}
    </div>
  </a>
</div>
