basic recents view

cops-web/templates/recents.html

@@ -0,0 +1,13 @@
+{% extends "base" %}
+{% block content %}
+    <h1>Recent Books</h1>
+    <div class="grid-container">
+      {% for book in books %}
+      <article class="book-card grid-item">
+        <header>{{ book.title }}</header>
+        <img class="cover" src="/cover/{{ book.id }}" alt="book cover">
+        <!-- <footer>{{ book.title }}</footer> -->
+      </article>
+      {% endfor %}
+    </div>
+{% endblock content %}