You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
42 lines
2.2 KiB
42 lines
2.2 KiB
{# |
|
Home: magazine root kind 30040 — long-form `a` tags in index order. No strip-level heading; each |
|
article uses its own title (h3). Same layout: illustration, headline, full body. |
|
#} |
|
{% if tiles is not empty %} |
|
<section |
|
class="home-curation-landmark" |
|
aria-label="{{ (website_name ~ ' — featured articles')|e('html_attr') }}" |
|
> |
|
<div class="home-curation-landmark__articles"> |
|
{% for tile in tiles %} |
|
{% set item = tile.article %} |
|
{% set article_href = (item.pubkey and npub_from_hex(item.pubkey) != '') ? path('article', { npub: npub_from_hex(item.pubkey), slug: item.slug }) : path('article-legacy-redirect', { slug: item.slug }) %} |
|
<article class="curation-article-display"> |
|
<div class="curation-article-display__pane"> |
|
<div class="curation-article-display__media"> |
|
<a href="{{ article_href }}" tabindex="-1" aria-hidden="true"> |
|
<img |
|
src="{{ article_card_cover(item.image, item.pubkey) }}" |
|
alt="{{ ('Illustration for ' ~ item.title)|e('html_attr') }}" |
|
loading="{{ loop.first ? 'eager' : 'lazy' }}" |
|
decoding="async" |
|
> |
|
</a> |
|
</div> |
|
<div class="curation-article-display__body"> |
|
<h3 class="curation-article-display__headline"> |
|
<a class="curation-article-display__title-link" href="{{ article_href }}">{{ item.title|e }}</a> |
|
</h3> |
|
<div |
|
class="article-main curation-article-display__main" |
|
data-controller="user-highlight-tooltip" |
|
> |
|
{{ tile.body_html|raw }} |
|
</div> |
|
</div> |
|
</div> |
|
</article> |
|
{% endfor %} |
|
</div> |
|
</section> |
|
{% endif %}
|
|
|