Better colors and styling

templates/index.html

@@ -13,8 +13,8 @@
 	<main class="songs">
 		<section class="filters">
 			<input type="text" placeholder="Hledat">
-			<div class="button" data-category="classic">classic</div>
-			<div class="button" data-category="mixtape">mixtape</div>
+			<div class="button" data-category="classic">Classic</div>
+			<div class="button" data-category="mixtape">Mixtape</div>
 		</section>
 		<section class="song-list">
 			{% for song in section.pages %}

templates/song.html

@@ -1,8 +1,11 @@
 {% extends "index.html" %}
 {% block content %}
-	{% for asset in page.assets %}
-		{% if asset is matching(page.slug~"[.](html)$") %}
-			<iframe class="song" src="{{ asset }}"></iframe>
-		{% endif %}
-	{% endfor %}
+	<main class="song">
+		{% for asset in page.assets %}
+			{% if asset is matching(page.slug~"[.](html)$") %}
+				<iframe class="song" src="{{ asset }}"></iframe>
+				<div class="controls">controls</div>
+			{% endif %}
+		{% endfor %}
+	</main>
 {% endblock %}