From f658ca4a9fd7b30e5fe09c4008b639935af7e598 Mon Sep 17 00:00:00 2001
From: rimu <3310831+rimu@users.noreply.github.com>
Date: Sun, 21 Jan 2024 17:05:46 +1300
Subject: [PATCH] masonry tile - titles

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

diff --git a/app/templates/post/_post_teaser_masonry.html b/app/templates/post/_post_teaser_masonry.html
index f2536e51..12b0fb50 100644
--- a/app/templates/post/_post_teaser_masonry.html
+++ b/app/templates/post/_post_teaser_masonry.html
@@ -10,7 +10,7 @@
             {% elif post_layout == 'masonry_wide' %}
                 {% set thumbnail = post.image.view_url() %}
             {% endif %}
-            <div class="masonry_thumb">
+            <div class="masonry_thumb" title="{{ post.title }}">
                 {% if post.type == POST_TYPE_LINK %}
                     {% if post.image.thumbnail_url() %}
                         <a href="{{ post.url }}" rel="nofollow ugc" target="_blank" aria-label="{{ _('Read article') }}"><img src="{{ post.image.thumbnail_url() }}"
@@ -20,7 +20,7 @@
                            alt="{{ post.title }}" loading="lazy" /></a>
                     {% else %}
                         <a href="{{ post.url }}" rel="nofollow ugc" target="_blank" aria-label="{{ _('Read article') }}"><img src="{{ post.url }}"
-                           alt="{{ post.title }}" loading="lazy" /></a>
+                           alt="{{ post.title }}" loading="{{ 'lazy' if low_bandwidth else 'eager' }}" /></a>
                     {% endif %}
                 {% elif post.type == POST_TYPE_IMAGE %}
                         <a href="{{ post.image.view_url() }}" rel="nofollow ugc" target="_blank"><img src="{{ post.image.thumbnail_url() }}"
@@ -31,16 +31,16 @@
                 {% endif %}
             </div>
             <div class="masonry_info">
-                <p><a href="{{ url_for('activitypub.post_ap', post_id=post.id) }}">{{ post.title|shorten(25) }}</a></p>
+                <p><a href="{{ url_for('activitypub.post_ap', post_id=post.id) }}" title="{{ post.title }}">{{ 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') or post.url.endswith('.avif')) %}
-                <div class="masonry_thumb">
+                <div class="masonry_thumb" title="{{ post.title }}">
                     <a href="{{ post.url }}" rel="nofollow ugc" target="_blank" aria-label="{{ _('See image') }}"><img src="{{ post.url }}"
                            alt="{{ post.title }}" loading="{{ 'lazy' if low_bandwidth else 'eager' }}" /></a>
                 </div>
                 <div class="masonry_info">
-                    <p><a href="{{ url_for('activitypub.post_ap', post_id=post.id) }}">{{ post.title|shorten(25) }}</a></p>
+                    <p><a href="{{ url_for('activitypub.post_ap', post_id=post.id) }}" title="{{ post.title }}">{{ post.title|shorten(25) }}</a></p>
                 </div>
             {% else %}
             <div class="masonry_info_no_image">