Replace book title by cover

diff --git a/public/ponpon-cover.png b/public/ponpon-cover.png
new file mode 100644 (file)
index 0000000..9b8d0a8
Binary files /dev/null and b/public/ponpon-cover.png differ

diff --git a/public/style.css b/public/style.css
index 21d9b4cc22509b4fed53fd4b17f452f20cc46ccb..9bcf5a89bbe880aa84eca26828ec33f4018a1da4 100644 (file)
--- a/public/style.css
+++ b/public/style.css
@@ -52,6 +52,11 @@ a:hover {
     gap: 20px;
 }
 
+.no-marker-list {
+    padding-left: 0;
+    list-style: none;
+}
+
 #main-div {
     display: flex;
     flex-direction: column;

diff --git a/src/app/views/books/index.zmpl b/src/app/views/books/index.zmpl
index cde0741706b944cf1033c2178025103acd1b63a3..7534f6e8c0e9c325fda73d6bb3648fcbe81acdc0 100644 (file)
--- a/src/app/views/books/index.zmpl
+++ b/src/app/views/books/index.zmpl
@@ -1,6 +1,10 @@
 <div>
     <h2>My books!</h2>
-    <ul>
-        <li><a href="/books/le-monde-de-ponpon">Le Monde de Ponpon !</a></li>
+    <ul class="no-marker-list">
+        <li>
+            <a href="/books/le-monde-de-ponpon">
+                <img src="/ponpon-cover.png" alt="Le Monde de Ponpon !">
+            </a>
+        </li>
     </ul>
 </div>