mixtape/templates/index.html

46 lines
1.4 KiB
HTML
Raw Permalink Normal View History

2024-02-06 19:49:24 +01:00
{% import "macros.html" as macros %}
2024-02-06 14:18:25 +01:00
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>{% block title %}{{ config.title }}{% endblock %}</title>
<link rel="stylesheet" href="{{ get_url(path="/style.css") }}">
<link rel="icon" href="favicon.svg">
</head>
<body>
2024-02-06 18:08:40 +01:00
{% block content %}
<main class="songs">
<section class="filters">
2024-02-07 11:09:04 +01:00
<input type="text" placeholder="Hledat">
2024-02-08 13:31:46 +01:00
<div class="button" data-category="classic">classic</div>
<div class="button" data-category="mixtape">mixtape</div>
2024-02-06 18:08:40 +01:00
</section>
<section class="song-list">
2024-02-06 14:18:25 +01:00
{% for song in section.pages %}
2024-02-08 13:31:46 +01:00
<div class="{{ macros::primary_category(song=song) }}" data-title="{{ song.title }}" data-category="{{ macros::primary_category(song=song) }}">
2024-02-06 18:08:40 +01:00
<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">
2024-02-06 19:49:24 +01:00
<a href="{{ song.permalink }}" class="html"></a>
2024-02-06 18:08:40 +01:00
{% for asset in song.assets %}
{% if asset is matching(song.slug~"[.](pdf)$") %}
2024-02-06 19:49:24 +01:00
<a href="{{ asset }}" class="pdf"></a>
2024-02-06 18:08:40 +01:00
{% endif %}
{% endfor %}
</div>
</div>
2024-02-06 14:18:25 +01:00
{% endfor %}
2024-02-06 18:08:40 +01:00
</section>
</main>
{% endblock %}
2024-02-08 13:31:46 +01:00
{% block script %}
<script src="{{ get_url(path="/js/filter.js") }}"></script>
{% endblock %}
2024-02-06 14:18:25 +01:00
</body>
</html>