
<li class="entrypage-motif">
<div class="clip-title clip-heading">
    <img src="{{ url_for('static', filename='motificon.png') }}" alt="Motif Icon" class="connection-icon"/>
    <a href = "{{ url_for('motifpage', id=motif_id) }}"> <h3>{{ motif }}</h3></a>
</div>
<div class="entrypage-clips">
    <div class="clip">
        {% if feature != song_id %}
            <div class="clip-title">
                <img src="{{ url_for('static', filename='songicon.png') }}" alt="Song Icon" class="connection-icon"/>
                <p> {% for name, _, _ in song_info %}{{ name }}{% endfor %}</p>
            </div>
        {% endif %}
        <audio
            controls
            src = "{{ url_for('static', filename='clip/') }}{{ '%04d' % song_id }}-{{ '%03d' % motif_id }}.mp3" type="audio/flac">
        </audio>
    </div>
    {% if feature != song_id %}
    <div class="soundslike"></div>
    <div class="clip">
        <div class="clip-title">
            <img src="{{ url_for('static', filename='songicon.png') }}" alt="Song Icon" class="connection-icon"/>
            <a href = "{{ url_for('songpage', id=feature) }}"> {{ feature_name }}</a>
        </div>
        <audio
            controls
            src = "{{ url_for('static', filename='clip/') }}{{ '%04d' % feature }}-{{ '%03d' % motif_id }}.mp3" type="audio/flac">
        </audio>
    </div>
    {% endif %}
</div>
</li>