bvcx

views/snippets/footer.html

@@ -159,6 +159,9 @@
       <button type="button" class="sidebar-tab" id="sidebar-tab-tag" data-tab="tag" title="Tag Feed" aria-label="Tag Feed" style="display: none;">
         <i class="fa-solid fa-hashtag"></i>
       </button>
+      <button type="button" class="sidebar-tab" id="sidebar-tab-chan" data-tab="chan" title="4chan Thread" aria-label="4chan Thread" style="display: none;">
+        <i class="fa-solid fa-clover"></i>
+      </button>
       <button type="button" class="sidebar-tab" id="sidebar-tab-favs" data-tab="favs" title="Favorites" aria-label="Favorites" style="display: none;">
         <i class="fa-solid fa-heart"></i>
       </button>
@@ -198,6 +201,24 @@
         </div>
       </div>
     </div>
+    <div id="sidebar-chan-container" class="sidebar-recommendations-list sidebar-tab-content" data-tab-content="chan" style="display: none;">
+      <div class="sidebar-tag-header">
+        <div class="sidebar-tag-title">
+          <i class="fa-solid fa-clover" style="color: #4ade80;"></i>
+          <span class="sidebar-chan-name"></span>
+          <span class="sidebar-chan-count"></span>
+        </div>
+        <a href="#" class="sidebar-chan-overview-btn" title="View thread overview" style="display: inline-flex; align-items: center; justify-content: center; width: 28px; height: 28px; border-radius: 6px; background: rgba(255,255,255,0.06); color: #aaa; text-decoration: none;">
+          <i class="fa-solid fa-list"></i>
+        </a>
+      </div>
+      <div class="sidebar-chan-items-container">
+        <div class="sidebar-loading-state">
+          <i class="fa-solid fa-circle-notch fa-spin"></i>
+          <span>Loading thread media...</span>
+        </div>
+      </div>
+    </div>
     <div id="sidebar-favs-container" class="sidebar-recommendations-list sidebar-tab-content" data-tab-content="favs" style="display: none;">
       <div class="sidebar-tag-header">
         <div class="sidebar-tag-title">

views/snippets/info-modal.html

@@ -94,9 +94,9 @@
                         <div class="infobox-card-value font-mono" id="info-file-size">{{ item.size }}</div>
                     </div>
 
-                    <div class="infobox-card" id="info-card-dimensions" @if(!item_has_dimensions)style="display: none;"@endif>
+                    <div class="infobox-card" id="info-card-dimensions" @if(!item.width || !item.height)style="display: none;"@endif>
                         <label class="infobox-card-label"><i class="fa-solid fa-ruler-combined"></i> Dimensions</label>
-                        <div class="infobox-card-value font-mono" id="info-file-dimensions">@if(item_has_dimensions){{ item.width }} × {{ item.height }} px@endif</div>
+                        <div class="infobox-card-value font-mono" id="info-file-dimensions">@if(item.width && item.height){{ item.width }} × {{ item.height }} px@endif</div>
                     </div>
 
                     <div class="infobox-card" id="info-card-mime">

views/snippets/item-media.html

@@ -68,7 +68,7 @@
 </div>
 @elseif(item.mime.startsWith("video"))
 <div class="embed-responsive embed-responsive-16by9">
-    <video id="my-video" class="embed-responsive-item" width="640" height="360" src="{{ item.dest }}" preload="auto" data-size="{{ item.size }}" loop playsinline @if(!session || session.disable_autoplay !== true) autoplay @endif></video>
+    <video id="my-video" class="embed-responsive-item" width="{{ item.width || 640 }}" height="{{ item.height || 360 }}" src="{{ item.dest }}" preload="auto" data-size="{{ item.size }}" loop playsinline @if(!session || session.disable_autoplay !== true) autoplay @endif></video>
 </div>
 @elseif(item.mime.startsWith("audio"))
 <div class="embed-responsive embed-responsive-16by9" style="background: #000;">
@@ -90,7 +90,7 @@
 @elseif(item.mime.startsWith("image"))
 <div class="embed-responsive embed-responsive-16by9">
     <div class="embed-responsive-image" id="image-scroll">
-        <a href="{{ item.dest }}" id="elfe" target="_blank"><img id="f0ck-image" class="img-fluid" src="{{ item.dest }}" loading="lazy" decoding="async" /></a>
+        <a href="{{ item.dest }}" id="elfe" target="_blank"><img id="f0ck-image" class="img-fluid" src="{{ item.dest }}" loading="lazy" decoding="async" @if(item.width)width="{{ item.width }}"@endif @if(item.height)height="{{ item.height }}"@endif /></a>
     </div>
     <button class="image-modal-btn" title="Open in modal"><i class="fa-solid fa-plus"></i></button>
 </div>

views/snippets/navbar.html

@@ -28,6 +28,9 @@
         </div>
         @endif
         <a href="/tags" title="{{ t('nav.tags') }}"><i class="fa-solid fa-tags"></i></a>
+        @if(session.can_chan)
+        <a href="/4/wsg/catalogue" id="nav-chan-link" title="4chan Viewer & Rehost" style="color: #4ade80;"><i class="fa-solid fa-clover"></i></a>
+        @endif
         @if(abyss_enabled)
         <a href="/abyss" title="{{ t('nav.abyss') }}"><i class="fa-solid fa-dice-d6"></i></a>
         @endif