fdsa

views/snippets/items-grid.html

@@ -1,3 +1,40 @@
+@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">
@@ -13,4 +50,5 @@
     </div>
     <p></p>
 </a>
-@endeach
+@endeach
+@endif