Bug fixes

index.html

@@ -20,13 +20,6 @@
                     <img src="data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%22400%22%20height%3D%22400%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Crect%20width%3D%22400%22%20height%3D%22400%22%20fill%3D%22%23e0e0e0%22%2F%3E%3Ctext%20x%3D%22200%22%20y%3D%22200%22%20font-size%3D%2220%22%20text-anchor%3D%22middle%22%20alignment-baseline%3D%22middle%22%20fill%3D%22%23999%22%3ELoading...%3C%2Ftext%3E%3C%2Fsvg%3E" alt="Image">
                     <div class="loading-indicator">Loading...</div>
                 </div>
-                
-                <div class="swipe-actions">
-                    <div class="action-hint left-hint">Discard</div>
-                    <div class="action-hint right-hint">Keep</div>
-                    <div class="action-hint up-hint">Favorite</div>
-                    <div class="action-hint down-hint">Review</div>
-                </div>
             </div>
 
             <aside class="side-panel">
@@ -123,6 +116,20 @@
         <img src="static/icons/fullscreen.svg" class="btn-icon" alt="Fullscreen">
     </button>
     
-    <script src="js/main.js" type="module"></script>
+    <!-- Enhanced Swipe System Integration -->
+    <script src="js/enhanced-main.js" type="module"></script>
+    
+    <!-- Settings Panel for Swipe Mode Selection -->
+    <div id="swipe-settings-panel" class="settings-panel" style="display: none;">
+        <!-- Will be populated by JavaScript -->
+    </div>
+    
+    <!-- Settings Toggle Button -->
+    <button id="swipe-settings-toggle" class="settings-toggle" aria-label="Swipe Settings" title="Swipe Animation Settings">
+        <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+            <circle cx="12" cy="12" r="3"></circle>
+            <path d="M12 1v6m0 6v6m11-7h-6m-6 0H1"></path>
+        </svg>
+    </button>
 </body>
 </html>