Transform more towards HTML5+CSS+JS

This commit is contained in:
Michael Fabian 'Xaymar' Dirks
2023-04-05 02:26:54 +02:00
parent be07894a38
commit 47e19c1bf2
8 changed files with 680 additions and 514 deletions
-13
View File
@@ -1,18 +1,5 @@
{% assign file_info = site.static_files | where: "path", include.url %}
<figure class="block {% if include.float == "clear" %}float-clear{% elsif include.float %}float float-{{ include.float }}{% endif %} {% if include.align %}align-{{ include.align }}{% endif %} {% if include.class %}{{ include.class }}{% endif %} {% if include.player %}player{% endif %}" style="{% if include.width %}width: {{ include.width }};{% endif %}">
{% if include.player %}
<div class="top">
<select class="variant"></select>
</div>
<div class="bottom">
<span class="play symbol" tabindex=0 aria-label="Play / Pause" data-symbol=""></span>
<span class="time">0:00 / 0:00</span>
<input type="range" class="progress" tabindex=0>
<span class="mute symbol" tabindex=0 aria-label="Mute" data-symbol=""></span>
<input type="range" class="volume" tabindex=0>
<span class="fullscreen symbol" tabindex=0 aria-label="Fullscreen" data-symbol=""></span>
</div>
{% endif %}
{% if include.link %}<a href="{% if include.link == true %}{{ include.url }}{% else %}{{ include.link }}{% endif %}" {% if include.caption %}alt="{{ include.caption }}"{% endif %} target="_blank">{% endif %}
{% if include.type == "image" %}
<picture