little-hesinde/cops-web/templates/recents.html

34 lines
1019 B
HTML
Raw Normal View History

2024-05-02 16:10:29 +00:00
{% extends "base" %}
{% block content %}
<h1>Recent Books</h1>
<div class="grid-container">
{% for book in books %}
2024-05-06 07:09:40 +00:00
<article class="book-card">
<header class="grid-item">
<hgroup>
<h5>{{ book.title }}</h5>
<!-- {% if book.series %}<p>{{ book.series.0 }} ({{ book.series.1 }})</p>{% endif %} -->
<p>{{ book.author }}</p>
</hgroup>
</header>
2024-05-02 16:10:29 +00:00
<img class="cover" src="/cover/{{ book.id }}" alt="book cover">
2024-05-06 07:09:40 +00:00
<footer>
<form>
<fieldset role="group">
<details class="dropdown">
<summary role="button" class="outline">
Download
</summary>
<ul>
<li><a href="#">Epub</a></li>
<li><a href="#">Pdf</a></li>
</ul>
</details>
</fieldset>
</form>
</footer>
2024-05-02 16:10:29 +00:00
</article>
{% endfor %}
</div>
{% endblock content %}