eorzea-songbook/templates/song.html

51 lines
1.4 KiB
HTML

{% extends "base.html" %}
{% block title %}{{ name }}{% endblock %}
{% block content %}
<div class="title-box">
<h1>{{ name }}</h1>
{% for track, _, _, album_code in album_info %}
{{ album_code }}{% if not loop.last %}, {% endif %}
{% endfor %}
</div>
<!-- Artist info -->
<div class="track-info">
<div class="songpage-artist">
<h2 >Artist: </h2>
<ul>
{% for name, name_rm, credit in artist_info %}
<li>{{ name_rm }} ({{ name }}): {{ credit }}</li>
{% endfor %}
</ul>
</div>
<!-- Album info -->
<div class="songpage-album">
<h2>Album: </h2>
<ul>
{% for album_id, track, album_name, album_code in album_info %}
<li><a href="{{ url_for('albumpage', id=album_id) }}">{{ album_name }}</a> #{{ track }}</li>
{% endfor %}
</ul>
</div>
<!-- Motifs -->
<div class="songpage-motifs">
<h2>Motifs Used: </h2>
<ul>
{% for song_id, motif_id, motif in clip_info %}
<li class="songpage-clip">
<audio
controls
src = "{{ url_for('static', filename='clip/') }}{{ '%04d' % song_id }}-{{ '%03d' % motif_id }}.flac" type="audio/flac">
</audio>
<span class="motif-pointer"><a href = "{{ url_for('motifpage', id=motif_id) }}"> {{ motif }} </a></span>
</li>
{% endfor %}
</ul>
</div>
</div>
{% endblock %}