{% extends "basis.html" %}{% block titel %}{{ t.demo.credits_titel }} – Timbre{% endblock %}{% block inhalt %}
{# Live-Demo: alle Namensnennungen (Inhalt wie LIZENZEN.txt im Ordner der Demo-Tracks), aus timbre_api/demo_credits.json #}
{% set dm = t.demo %}{% set sp = dm.credits_spalten %}
<section class="democredits" aria-labelledby="credits-h">
  <p class="eyebrow">{{ dm.eyebrow }}</p>
  <h1 id="credits-h">{{ dm.credits_titel }}</h1>
  <p class="lead">{{ dm.credits_lead }}</p>
  {% if liste %}
  <div class="tabelle"><table>
    <thead><tr>{% for s in sp %}<th scope="col">{{ s }}</th>{% endfor %}</tr></thead>
    <tbody>{% for c in liste %}
      <tr><th scope="row">{{ c.titel }}</th><td data-name="{{ sp[1] }}">{{ c.artist }}</td><td data-name="{{ sp[2] }}">{{ c.release }}{% if c.jahr %} ({{ c.jahr }}){% endif %}</td>
        <td data-name="{{ sp[3] }}"><a href="{{ c.lizenz_url }}" rel="license noopener">{{ c.lizenz }}</a></td>
        <td data-name="{{ sp[4] }}"><a href="{{ c.quelle_url }}" rel="noopener">{{ dm.credits_quelle }}<span class="unsichtbar"> – {{ c.titel }}</span></a></td></tr>{% endfor %}
    </tbody></table></div>
  {% else %}<p class="hinweis">{{ dm.credits_leer }}</p>{% endif %}
  <p class="knopfreihe"><a class="knopf" href="/demo">{{ dm.credits_zur_demo }}</a><a class="knopf voll" href="/registrieren">{{ t.store.los if neutral else dm.anmelden }}</a></p>
</section>
{% endblock %}