v0.4.0: Discord notification timing, DB mapping, episode badges, Linkkf fixes, subtitle merge

templates/anime_downloader_ohli24_list.html

@@ -468,10 +468,15 @@
                 
                 // Thumbnail
                 let imgHtml = '';
+                let badgeHtml = '';
+                if (item.episode_no) {
+                    badgeHtml = `<div class="episode-badge">${item.episode_no}화</div>`;
+                }
+
                 if (item.thumbnail) {
-                    imgHtml = `<img src="${item.thumbnail}" onerror="this.src='https://via.placeholder.com/60x80?text=No+Img'">`;
+                    imgHtml = `${badgeHtml}<img src="${item.thumbnail}" onerror="this.src='https://via.placeholder.com/60x80?text=No+Img'">`;
                 } else {
-                    imgHtml = `<img src="https://via.placeholder.com/60x80?text=No+Img">`;
+                    imgHtml = `${badgeHtml}<img src="https://via.placeholder.com/60x80?text=No+Img">`;
                 }
 
                 // Date
@@ -771,6 +776,23 @@
         height: 100%;
         object-fit: cover;
     }
+
+    .episode-badge {
+        position: absolute;
+        top: 5px;
+        left: 5px;
+        background: #facc15; /* Amber/Yellow 400 */
+        color: #000;
+        padding: 2px 6px;
+        border-radius: 4px;
+        font-size: 11px;
+        font-weight: 800;
+        z-index: 5;
+        box-shadow: 0 2px 4px rgba(0,0,0,0.3);
+        border: 1px solid rgba(0,0,0,0.1);
+        pointer-events: none;
+        text-transform: uppercase;
+    }
     
     .episode-main-info {
         flex: 1;