mirror of
https://github.com/svemagie/indiekit-endpoint-microsub.git
synced 2026-04-02 15:35:00 +02:00
4a87773d7f
- Namespace all plugin CSS classes with ms- prefix (20 BEM blocks) - Update all 19 templates to match prefixed class names - Replace visually-hidden with -!-visually-hidden (core convention) - Remove inline onerror handlers from avatar/photo images - Remove dead source-type SVG icons (Fediverse/Bluesky/Web) Confab-Link: http://localhost:8080/sessions/bb4a6ec4-b711-48cd-b3d7-942ec2a9851d
37 lines
1.5 KiB
Plaintext
37 lines
1.5 KiB
Plaintext
{# Compact item card for deck columns #}
|
|
<article class="ms-item-card-compact{% if item._is_read %} ms-item-card-compact--read{% endif %}"
|
|
data-item-id="{{ item._id }}">
|
|
<a href="{{ readerBaseUrl }}/item/{{ item._id }}" class="ms-item-card-compact__link">
|
|
{% if item.photo and item.photo.length > 0 %}
|
|
<img src="{{ item.photo[0] }}"
|
|
alt=""
|
|
class="ms-item-card-compact__photo"
|
|
loading="lazy">
|
|
{% endif %}
|
|
<div class="ms-item-card-compact__body">
|
|
{% if item.name %}
|
|
<h4 class="ms-item-card-compact__title">{{ item.name }}</h4>
|
|
{% elif item.content %}
|
|
<p class="ms-item-card-compact__text">
|
|
{% if item.content.text %}{{ item.content.text | truncate(80) }}{% elif item.content.html %}{{ item.content.html | safe | striptags | truncate(80) }}{% endif %}
|
|
</p>
|
|
{% endif %}
|
|
<div class="ms-item-card-compact__meta">
|
|
{% if item._source %}
|
|
<span class="ms-item-card-compact__source">{{ item._source.name or item._source.url }}</span>
|
|
{% elif item.author %}
|
|
<span class="ms-item-card-compact__source">{{ item.author.name }}</span>
|
|
{% endif %}
|
|
{% if item.published %}
|
|
<time datetime="{{ item.published }}" class="ms-item-card-compact__date">
|
|
{{ item.published | date("PP") }}
|
|
</time>
|
|
{% endif %}
|
|
</div>
|
|
</div>
|
|
{% if not item._is_read %}
|
|
<span class="ms-item-card-compact__unread" aria-label="Unread"></span>
|
|
{% endif %}
|
|
</a>
|
|
</article>
|