global: add formatter

This commit is contained in:
Agahnim 2026-05-13 14:00:54 +02:00
parent d7009bfe97
commit 6520649bb1
Signed by: Agahnim
SSH key fingerprint: SHA256:Zj65PJnE0dRYye8Ltk/qDglynyXUxJngQ9qqx/VI+b4
19 changed files with 3925 additions and 288 deletions

View file

@ -13,31 +13,78 @@
</title-bar>
<progress-bar-container>
<input class="progress-input" type="range" min="0" max="0" value="0" step="0.01" />
<input
class="progress-input"
type="range"
min="0"
max="0"
value="0"
step="0.01"
/>
</progress-bar-container>
<controls-bar>
<transport-controls>
<button data-action="prev" aria-label="Previous">
<img src="/static/assets/svgs/skip-back.svg" width="12" height="12" alt="Skip back" />
<img
src="/static/assets/svgs/skip-back.svg"
width="12"
height="12"
alt="Skip back"
/>
</button>
<button data-action="play" aria-label="Play/Pause">
<img class="play-icon" src="/static/assets/svgs/play.svg" width="12" height="12" alt="Play" />
<img class="pause-icon" src="/static/assets/svgs/pause.svg" width="12" height="12" alt="Pause" style="display: none;" />
<img
class="play-icon"
src="/static/assets/svgs/play.svg"
width="12"
height="12"
alt="Play"
/>
<img
class="pause-icon"
src="/static/assets/svgs/pause.svg"
width="12"
height="12"
alt="Pause"
style="display: none"
/>
</button>
<button data-action="next" aria-label="Next">
<img src="/static/assets/svgs/skip-forward.svg" width="12" height="12" alt="Skip forward" />
<img
src="/static/assets/svgs/skip-forward.svg"
width="12"
height="12"
alt="Skip forward"
/>
</button>
</transport-controls>
<volume-controls>
<img src="/static/assets/svgs/volume-2.svg" width="12" height="12" alt="Volume" />
<input class="volume-input" type="range" min="0" max="1" step="0.01" value="0.7" />
<img
src="/static/assets/svgs/volume-2.svg"
width="12"
height="12"
alt="Volume"
/>
<input
class="volume-input"
type="range"
min="0"
max="1"
step="0.01"
value="0.7"
/>
</volume-controls>
</controls-bar>
<audio hidden>
{% for track in tracks %}
<source src="{{ track.src }}" data-index="{{ loop.index0 }}" data-title="{{ track.title }}" data-artist="{{ track.artist }}" />
<source
src="{{ track.src }}"
data-index="{{ loop.index0 }}"
data-title="{{ track.title }}"
data-artist="{{ track.artist }}"
/>
{% endfor %}
</audio>
{% endif %}