em/mixtape
1
0
Fork 0
Code Issues Pull Requests Actions Activity

Basic controls css and autoscroll
All checks were successful
Build / build (push) Successful in 6m42s
Details

Browse Source
This commit is contained in:
Emil Miler
2024-02-16 15:31:30 +01:00
parent 0816b0f897
commit 09a4b138d1
3 changed files with 93 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
templates/song.html
View File

@ -4,8 +4,26 @@
{% for asset in page.assets %}
{% if asset is matching(page.slug~"[.](html)$") %}
<iframe class="song" src="{{ asset }}"></iframe>
<div class="controls">controls</div>
<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>
{% endif %}
{% endfor %}
</main>
{% endblock %}
{% block script %}
<script src="{{ get_url(path="/js/song-controls.js") }}"></script>
{% endblock %}