mixtape/templates/song.html

30 lines
1.0 KiB
HTML
Raw Normal View History

2024-02-06 14:18:25 +01:00
{% extends "index.html" %}
{% block content %}
2024-02-08 21:39:40 +01:00
<main class="song">
{% for asset in page.assets %}
{% if asset is matching(page.slug~"[.](html)$") %}
<iframe class="song" src="{{ asset }}"></iframe>
2024-02-16 15:31:30 +01:00
<nav class="controls hidden">
<section class="font-size">
<div class="button icon-subtract" id="font-size-decrease"></div>
<div class="button icon-font-size" id="font-size-reset"></div>
<div class="button icon-add" id="font-size-increase"></div>
</section>
<section class="transpose">
<div class="button icon-subtract" id="transpose-decrease"></div>
<div class="button icon-transpose" id="transpose-reset"></div>
<div class="button icon-add" id="transpose-increase"></div>
</section>
<section class="autoscroll">
<div class="button icon-scroll" id="autoscroll"></div>
</section>
</nav>
2024-02-08 21:39:40 +01:00
{% endif %}
{% endfor %}
</main>
2024-02-06 14:18:25 +01:00
{% endblock %}
2024-02-16 15:31:30 +01:00
{% block script %}
<script src="{{ get_url(path="/js/song-controls.js") }}"></script>
{% endblock %}