Basic structure for song-list

2024-02-06 18:08:40 +01:00
parent 9a64cb55a6
commit 1ba00b087d
2 changed files with 69 additions and 6 deletions
--- a/templates/index.html
+++ b/templates/index.html
@@ -8,13 +8,33 @@
 	<link rel="icon" href="favicon.svg">
 </head>
 <body>
-	{% block content %}
-		<ul>
+{% block content %}
+	<main class="songs">
+		<section class="filters">
+			FILTERS
+		</section>
+		<section class="song-list">
 			{% for song in section.pages %}
-				<li><a href="{{ song.permalink }}">{{ song.title }}</a></li>
+				<div>
+					<div class="meta">
+						<div class="title">{{ song.title }}</div>
+						{% if song.taxonomies["artist"] %}
+							<div class="artist">{{ song.taxonomies["artist"][0] }}</div>
+						{% endif %}
+					</div>
+					<div class="links">
+						<a href="{{ song.permalink }}">html</a>
+						{% for asset in song.assets %}
+							{% if asset is matching(song.slug~"[.](pdf)$") %}
+								<a href="{{ asset }}">pdf</a>
+							{% endif %}
+						{% endfor %}
+					</div>
+				</div>
 			{% endfor %}
-		</ul>
-	{% endblock %}
-	{% block script %}{% endblock %}
+		</section>
+	</main>
+{% endblock %}
+{% block script %}{% endblock %}
 </body>
 </html>