Add filtering

templates/index.html

@@ -13,12 +13,12 @@
 	<main class="songs">
 		<section class="filters">
 			<input type="text" placeholder="Hledat">
-			<div class="button">classic</div>
-			<div class="button">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 %}
-				<div class="{{ macros::primary_category(song=song) }}">
+				<div class="{{ macros::primary_category(song=song) }}" data-title="{{ song.title }}" data-category="{{ macros::primary_category(song=song) }}">
 					<div class="meta">
 						<div class="title">{{ song.title }}</div>
 						{% if song.taxonomies["artist"] %}
@@ -38,6 +38,8 @@
 		</section>
 	</main>
 {% endblock %}
-{% block script %}{% endblock %}
+{% block script %}
+	<script src="{{ get_url(path="/js/filter.js") }}"></script>
+{% endblock %}
 </body>
 </html>