54 lines
3.1 KiB
HTML
54 lines
3.1 KiB
HTML
@if(layout == 'stream')
|
|
<!-- Stream / Vertical Feed Layout -->
|
|
@each(items as item)
|
|
<div class="stream-card {{ item.is_pinned ? 'is-pinned' : '' }} {{ item.has_notification ? 'has-notif' : '' }}" data-id="{{ item.id }}">
|
|
<div class="stream-card-header">
|
|
<a href="/user/{{ item.username.toLowerCase() }}" class="stream-author">
|
|
<span class="stream-username" @if(item.author_color)style="color: {{ item.author_color }}"@endif>{!! item.display_name || item.username !!}</span>
|
|
</a>
|
|
<div class="stream-meta">
|
|
@if(item.is_pinned)
|
|
<span class="badge-pin"><i class="fa-solid fa-thumbtack"></i> Pinned</span>
|
|
@endif
|
|
@if(item.is_oc)
|
|
<span class="badge-oc">OC</span>
|
|
@endif
|
|
@if(enable_xd_score && item.xd_tier > 0)
|
|
<span class="thumb-xd-indicator xd-tier-{{ item.xd_tier }}">xD: {{ item.xd_score }}</span>
|
|
@endif
|
|
<a href="{{ link.main }}{{ (enable_item_slugs && item.slug) ? item.slug : item.id }}" class="stream-permalink"><i class="fa-solid fa-arrow-up-right-from-square"></i></a>
|
|
</div>
|
|
</div>
|
|
|
|
<a href="{{ link.main }}{{ (enable_item_slugs && item.slug) ? item.slug : item.id }}" class="stream-media-wrapper">
|
|
<img src="/t/{{ item.id }}.webp" alt="Media thumbnail" class="stream-media-img" loading="lazy">
|
|
<span class="stream-media-badge">{{ item.mime.split('/')[1].replace('youtube', 'YT').replace('x-shockwave-flash', 'FLASH').toUpperCase() }}</span>
|
|
</a>
|
|
|
|
<div class="stream-card-footer">
|
|
<a href="{{ link.main }}{{ (enable_item_slugs && item.slug) ? item.slug : item.id }}" class="stream-action-btn">
|
|
<i class="fa-regular fa-comments"></i> View Post & Comments
|
|
</a>
|
|
</div>
|
|
</div>
|
|
@endeach
|
|
|
|
@else
|
|
<!-- Grid & Masonry Layout (Default) -->
|
|
@each(items as item)
|
|
<a href="{{ link.main }}{{ (enable_item_slugs && item.slug) ? item.slug : item.id }}" class="{{ item.is_pinned ? 'anim-boxshadow ' : '' }}thumb lazy-thumb {{ item.has_notification ? 'has-notif' : '' }} {{ item.is_pinned ? 'is-pinned' : '' }}" data-file="{{ item.dest }}" data-mime="{{ item.mime }}" data-user="{!! item.display_name || item.username !!}" data-ext="{{ item.mime.split('/')[1].replace('youtube', 'yt').replace('x-shockwave-flash', 'flash').replace('vnd.adobe.flash.movie', 'flash').replace('x-zip-compressed', 'zip').replace('x-rar-compressed', 'rar').replace('vnd.rar', 'rar').replace('x-7z-compressed', '7z').replace('x-tar', 'tar').replace('x-bzip2', 'bz2').replace('x-xz', 'xz').toUpperCase() }}" data-mode="{{ item.tag_id == nsfl_tag_id ? 'nsfl' : (item.tag_id == 2 ? 'nsfw' : (item.tag_id == 1 ? 'sfw' : 'null')) }}" data-bg="/t/{{ item.id }}.webp" data-size="{{ enable_dynamic_thumbs ? (item.thumb_size || 1) : 1 }}">
|
|
<div class="thumb-indicators">
|
|
@if(item.is_pinned)
|
|
<i class="fa-solid fa-thumbtack pin-indicator anim"></i>
|
|
@endif
|
|
@if(item.is_oc)
|
|
<span class="oc-indicator anim">OC</span>
|
|
@endif
|
|
@if(enable_xd_score && item.xd_tier > 0)
|
|
<span class="thumb-xd-indicator xd-tier-{{ item.xd_tier }}" title="xD Score: {{ item.xd_score }}">xD</span>
|
|
@endif
|
|
</div>
|
|
<p></p>
|
|
</a>
|
|
@endeach
|
|
@endif |