From 4b9768d2a8a64d7fee072146916cccdb730669fa Mon Sep 17 00:00:00 2001
From: rimu <3310831+rimu@users.noreply.github.com>
Date: Sun, 21 Jan 2024 16:09:46 +1300
Subject: [PATCH] masonry tile for image communities

---
 app/templates/post/_post_teaser_masonry.html | 10 ++++++++++
 1 file changed, 10 insertions(+)

diff --git a/app/templates/post/_post_teaser_masonry.html b/app/templates/post/_post_teaser_masonry.html
index 3fe617ab..043eb568 100644
--- a/app/templates/post/_post_teaser_masonry.html
+++ b/app/templates/post/_post_teaser_masonry.html
@@ -34,9 +34,19 @@
                 <p><a href="{{ url_for('activitypub.post_ap', post_id=post.id) }}">{{ post.title|shorten(25) }}</a></p>
             </div>
         {% else %}
+            {% if post.url and (post.url.endswith('.jpg') or post.url.endswith('.webp') or post.url.endswith('.png') or post.url.endswith('.gif')) %}
+                <div class="masonry_thumb">
+                    <a href="{{ post.url }}" rel="nofollow ugc" target="_blank" aria-label="{{ _('See image') }}"><img src="{{ post.url }}"
+                           alt="{{ post.title }}" loading="lazy" /></a>
+                </div>
+                <div class="masonry_info">
+                    <p><a href="{{ url_for('activitypub.post_ap', post_id=post.id) }}">{{ post.title|shorten(25) }}</a></p>
+                </div>
+            {% else %}
             <div class="masonry_info_no_image">
                 <p><a href="{{ url_for('activitypub.post_ap', post_id=post.id) }}">{{ post.title }}</a></p>
             </div>
+            {% endif %}
         {% endif %}
     </div>
         <!--