rm unwnated

image/convert.html

@@ -474,7 +474,7 @@
     <div class="container">
         <div class="header">
             <a href="/" class="back-button">
-                ← Back to Tools
+                <span style="line-height: 1;">←</span> Back to Tools
             </a>
 
             <div class="header-content">

image/remove_background.html

@@ -526,7 +526,7 @@
     <div class="container">
         <div class="header">
             <a href="/" class="back-button">
-                ← Back to Tools
+                <span style="line-height: 1;">←</span> Back to Tools
             </a>
 
             <div class="header-content">
@@ -543,7 +543,8 @@
 
             <div class="info-box">
                 <h4>🎯 Background Removal Tool</h4>
-                <p>Upload your images and our AI will automatically detect and remove the background, leaving you with a transparent PNG perfect for design work, presentations, or e-commerce.</p>
+                <p>Upload your images and our AI will automatically detect and remove the background, leaving you with a
+                    transparent PNG perfect for design work, presentations, or e-commerce.</p>
             </div>
 
             <div class="upload-section" id="upload-section">

image/remove_metadata.html

@@ -526,7 +526,7 @@
     <div class="container">
         <div class="header">
             <a href="/" class="back-button">
-                ← Back to Tools
+                <span style="line-height: 1;">←</span> Back to Tools
             </a>
 
             <div class="header-content">

index.html

@@ -87,23 +87,38 @@
 
         .category-dropdown {
             width: 100%;
-            padding: 12px 20px;
+            padding: 12px 40px 12px 20px;
             border: none;
             border-radius: 50px;
             font-size: 1rem;
-            background: rgba(255, 255, 255, 0.9);
+            background: rgba(255, 255, 255, 0.9) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23667eea' d='M6 8L1 3h10z'/%3E%3C/svg%3E") no-repeat right 16px center;
             backdrop-filter: blur(10px);
             color: #495057;
             cursor: pointer;
             transition: all 0.3s ease;
+            -webkit-appearance: none;
+            -moz-appearance: none;
+            appearance: none;
         }
 
         .category-dropdown:focus {
             outline: none;
-            background: white;
+            background-color: white;
             box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
         }
 
+        .external-link-icon {
+            position: absolute;
+            top: 15px;
+            right: 15px;
+            font-size: 1rem;
+            opacity: 0.6;
+        }
+
+        .feature-card.external:hover .external-link-icon {
+            opacity: 1;
+        }
+
         .content {
             padding: 40px;
         }
@@ -392,11 +407,11 @@
 
                 "video": {
                     "name": "Video Tools",
-                    "description": "Video player and media tools",
+                    "description": "Video player with playlist management - add videos and convert via ⋮ menu",
                     "icon": "🎬",
                     "features": ["player"],
                     "folder": "video",
-                    "tags": ["video", "player", "media", "watch"]
+                    "tags": ["video", "player", "media", "watch", "convert", "playlist"]
                 }
             };
             expandFeatures();
@@ -457,7 +472,7 @@
                 },
 
                 'video': {
-                    'player': 'Video player for watching media content'
+                    'player': 'Playlist-based player with video conversion via ⋮ menu'
                 }
             };
 
@@ -491,12 +506,14 @@
 
             grid.innerHTML = features.map((feature) => {
                 const isComingSoon = feature.coming_soon || false;
+                const isExternal = feature.path === 'video/player';
                 const href = isComingSoon ? '#' : `/${feature.path}`;
 
                 return `
-                    <a href="${href}" class="feature-card ${isComingSoon ? 'coming-soon' : ''}" 
+                    <a href="${href}" class="feature-card ${isComingSoon ? 'coming-soon' : ''} ${isExternal ? 'external' : ''}" 
                        ${isComingSoon ? 'onclick="return false;"' : ''}>
                         ${isComingSoon ? '<div class="coming-soon-badge">Coming Soon</div>' : ''}
+                        ${isExternal ? '<div class="external-link-icon">🔗</div>' : ''}
                         
                         <div class="feature-path">${feature.path}</div>
                         

main.py

@@ -44,11 +44,11 @@ FEATURES = {
 
     "video": {
         "name": "Video Tools",
-        "description": "Video player and media tools",
+        "description": "Video player with playlist management - add videos and convert via ⋮ menu",
         "icon": "🎬",
         "features": ["player"],
         "folder": "video",
-        "tags": ["video", "player", "media", "watch"]
+        "tags": ["video", "player", "media", "watch", "convert", "playlist"]
     }
 }