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">