Upload folder using huggingface_hub

index.html

@@ -369,6 +369,35 @@
       background-color: #d4a5a5;
     }
 
+    .new-tab-btn {
+      position: fixed;
+      bottom: 2rem;
+      left: 2rem;
+      background-color: var(--primary-color);
+      color: white;
+      padding: 0.8rem 1.5rem;
+      border: none;
+      border-radius: 50px;
+      cursor: pointer;
+      font-weight: 600;
+      transition: all 0.3s ease;
+      box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
+      z-index: 100;
+      display: flex;
+      align-items: center;
+      gap: 0.5rem;
+    }
+
+    .new-tab-btn:hover {
+      background-color: var(--secondary-color);
+      transform: translateY(-2px);
+      box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3);
+    }
+
+    .new-tab-btn i {
+      font-size: 1rem;
+    }
+
     @media (max-width: 768px) {
       .container {
         padding: 1rem;
@@ -398,6 +427,13 @@
         width: 40px;
         height: 40px;
       }
+
+      .new-tab-btn {
+        bottom: 1rem;
+        left: 1rem;
+        padding: 0.6rem 1rem;
+        font-size: 0.9rem;
+      }
     }
 
     @media (max-width: 480px) {
@@ -497,6 +533,11 @@
     </div>
   </div>
 
+  <button class="new-tab-btn" id="newTabBtn">
+    <i class="fas fa-external-link-alt"></i>
+    Open in New Tab
+  </button>
+
   <div class="toggle-labels" id="toggleLabels">
     <i class="fas fa-eye"></i>
   </div>
@@ -664,6 +705,7 @@
     const toggleLabelsBtn = document.getElementById('toggleLabels');
     const searchInput = document.getElementById('searchInput');
     const systemButtons = document.querySelectorAll('.controls .btn');
+    const newTabBtn = document.getElementById('newTabBtn');
 
     // State
     let currentSystem = 'exterior';
@@ -684,11 +726,26 @@
 
       toggleLabelsBtn.addEventListener('click', toggleLabelsVisibility);
       searchInput.addEventListener('input', handleSearch);
+      newTabBtn.addEventListener('click', openInNewTab);
 
       // Initialize with exterior view
       updateSystemView();
     }
 
+    // Open in new tab functionality
+    function openInNewTab() {
+      // Get the current URL
+      const currentUrl = window.location.href;
+
+      // Open in new tab
+      window.open(currentUrl, '_blank');
+
+      // Alternative approach if the above doesn't work in some browsers
+      // const newWindow = window.open('', '_blank');
+      // newWindow.document.write(document.documentElement.outerHTML);
+      // newWindow.document.close();
+    }
+
     // Update the view based on selected system
     function updateSystemView() {
       // Update car image class
@@ -822,19 +879,4 @@
       }
 
       // Filter components
-      document.querySelectorAll('.component-item').forEach(item => {
-        const componentName = item.dataset.component.toLowerCase();
-        if (componentName.includes(searchTerm)) {
-          item.style.display = 'block';
-        } else {
-          item.style.display = 'none';
-        }
-      });
-    }
-
-    // Initialize the app when DOM is loaded
-    document.addEventListener('DOMContentLoaded', init);
-  </script>
-</body>
-
-</html>
+      document.querySelectorAll('.component-item').forEach