pyfedi/app/templates/post/post_teaser/_image.html
Jeena 157486d7b2 Add community icon infront of name in teasers
I have a much easier time recognizing icons, even if they're small
compared to reading the name of the community. I thought for
example that beehive blocked me because I never saw any posts from
there.

Turns out I see all of them, I just didn't realize that those posts
were from beehive, because we don't show the domain part of a
community, so I assumed every time I saw c/technology it came
from lemme world. With the icon I can see imediatelly that it's
from beehive.

It does make the page a bit heavier because the browser needs to
download all the community icons, but in my opinion it is worth
it for the better UX.
2024-10-01 22:01:01 +00:00

29 lines
2.2 KiB
HTML

<div class="col post_teaser_body">
<h3>{% if post.sticky -%}<span class="fe fe-sticky-left"></span>{% endif -%}<a href="{{ url_for('activitypub.post_ap', post_id=post.id, sort='new' if sort == 'active' else None) }}" class="post_teaser_title_a">{{ post.title }}</a>
{% if post.type == POST_TYPE_IMAGE -%}
<span class="fe fe-image" aria-hidden="true"> </span>
{% endif -%}
{% if post.nsfw -%}<span class="warning_badge nsfw" title="{{ _('Not safe for work') }}">nsfw</span>{% endif -%}
{% if post.nsfl -%}<span class="warning_badge nsfl" title="{{ _('Potentially emotionally scarring content') }}">nsfl</span>{% endif -%}
{% if post.reports > 0 and current_user.is_authenticated and post.community.is_moderator(current_user) -%}
<span class="red fe fe-report" title="{{ _('Reported. Check post for issues.') }}"></span>
{% endif -%}
{% if post.sticky -%}<span class="fe fe-sticky-right"></span>{% endif -%}
</h3>
<span class="author small">{% if show_post_community -%}<a href="/c/{{ post.community.link() }}" aria-label="{{ _('Go to community %(name)s', name=post.community.name) }}">
{% if post.community.icon_image() %}<img class="community_icon_small rounded-circle" src="{{ post.community.icon_image() }}" alt="Community icon" />{% endif -%}
c/{{ post.community.name }}</a>{% endif -%}
by {{ render_username(post.author) }} <time datetime="{{ post.last_active }}">{{ post.posted_at_localized(sort, locale) }}</time></span>
{% if post.image_id and not low_bandwidth -%}
<div class="post_teaser_image_preview">
<a href="{{ post.image.view_url() }}" rel="nofollow ugc" aria-label="{{ _('View image') }}" target="_blank"><img src="{{ post.image.medium_url() }}"
alt="{{ post.image.alt_text if post.image.alt_text else '' }}" loading="lazy" class="{{ ' blur' if blur_content }}" width="{{ post.image.width }}" height="{{ post.image.height }}" /></a>
</div>
{% endif -%}
{% if post.body_html -%}
<div class="post_teaser_link_preview small">
{{ first_paragraph(post.body_html) | safe }}
</div>
{% endif -%}
{% include "post/post_teaser/_utilities_bar.html" %}
</div>