Layout.

[wolnelektury.git] / src / catalogue / templates / catalogue / 2022 / fragment_box.html

diff --git a/src/catalogue/templates/catalogue/2022/fragment_box.html b/src/catalogue/templates/catalogue/2022/fragment_box.html
index 2522ce6..7371976 100644 (file)
--- a/src/catalogue/templates/catalogue/2022/fragment_box.html
+++ b/src/catalogue/templates/catalogue/2022/fragment_box.html
@@ -1,10 +1,27 @@
-<a class="l-author__quotes__slider__item" href="{{ fragment.get_absolute_url }}">
-  <em>
-    {% if fragment.short_text %}
+<article class="l-books__item">
+  <figure class="l-books__item__img">
+    <a href="{{ fragment.get_absolute_url }}">
+      {% if fragment.book.cover_clean %}
+        <img src="{{ fragment.book.cover_clean.url }}" alt="{{ fragment.book.title }}">
+      {% endif %}
+    </a>
+  </figure>
+  <div class="l-books__item__content">
+    <div class="l-books__item__actions">
+      <a href="{{ fragment.book.get_absolute_url }}" class="icon icon-book-alt"></a>
+      {% if fragment.book.has_mp3_file %}
+        <a href="{{ fragment.book.get_absolute_url }}" class="icon icon-audio"></a>
+      {% endif %}
+    </div>
+    <h3>
+      {% for author in fragment.book.authors %}
+        <a href="{{ author.get_absolute_url }}">{{ author }}</a>{% if not forloop.last %}, {% endif %}
+      {% endfor %}
+    </h3>
+    <h2><a href="{{ fragment.book.get_absolute_url }}">{{ fragment.book.title }}</a></h2>
+    <div class="fragment-text">
       {{ fragment.short_text|safe }}
-    {% else %}
-      {{ fragment.text|safe }}
-    {% endif %}
-  </em>
-  <p>{{ fragment.book.pretty_title }}</p>
-</a>
+    </div>
+    <a href="{{ fragment.get_absolute_url }}">Czytaj więcej</a>
+  </div>
+</article>