Add 1 files

index.html

@@ -21,46 +21,15 @@
             transform: translateY(-2px);
             box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
         }
-        .animate-pulse {
-            animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
-        }
-        @keyframes pulse {
-            0%, 100% {
-                opacity: 1;
-            }
-            50% {
-                opacity: 0.5;
-            }
-        }
-        .service-tag {
-            position: relative;
-            padding-left: 20px;
-        }
         .service-tag::before {
             content: "";
-            position: absolute;
-            left: 6px;
-            top: 50%;
-            transform: translateY(-50%);
+            display: inline-block;
             width: 8px;
             height: 8px;
             border-radius: 50%;
-            background-color: currentColor;
+            margin-right: 6px;
         }
         .service-tag.google::before { background-color: #4285F4; }
-        .service-tag.yandex::before { background-color: #FF0000; }
-        .service-tag.archive::before { background-color: #5E9CA8; }
-        .service-tag.mega::before { background-color: #D9272E; }
-        .service-tag.terabox::before { background-color: #6200EA; }
-        .service-tag.dropbox::before { background-color: #0061FF; }
-        .service-tag.onedrive::before { background-color: #0078D4; }
-        .service-tag.mediafire::before { background-color: #1292EE; }
-        .service-tag.catbox::before { background-color: #FF5722; }
-        .service-tag.sharemania::before { background-color: #4CAF50; }
-        .service-tag.torrent::before { background-color: #7C4DFF; }
-        .service-tag.uploadrar::before { background-color: #FF9800; }
-        .service-tag.buzzheavier::before { background-color: #9C27B0; }
-        .service-tag.pixeldrain::before { background-color: #2196F3; }
         .service-tag.fastserver::before { background-color: #00BFA5; }
         .service-tag.hdvietnam::before { background-color: #FF6D00; }
         .service-tag.olala::before { background-color: #AA00FF; }
@@ -70,75 +39,6 @@
         .service-tag.reddit::before { background-color: #FF5700; }
         .service-tag.ulozto::before { background-color: #0091EA; }
         .service-tag.seedr::before { background-color: #00B8D4; }
-        
-        /* Cute search animation */
-        .search-animation {
-            position: relative;
-            width: 100px;
-            height: 100px;
-            margin: 0 auto;
-        }
-        .magnifying-glass {
-            width: 50px;
-            height: 50px;
-            border: 3px solid #3b82f6;
-            border-radius: 50%;
-            position: relative;
-            margin: 0 auto;
-        }
-        .magnifying-glass:after {
-            content: "";
-            position: absolute;
-            width: 20px;
-            height: 3px;
-            background: #3b82f6;
-            bottom: -10px;
-            right: -15px;
-            transform: rotate(45deg);
-        }
-        .search-dots {
-            position: absolute;
-            width: 100%;
-            height: 20px;
-            top: 70px;
-            display: flex;
-            justify-content: center;
-            gap: 5px;
-        }
-        .search-dot {
-            width: 8px;
-            height: 8px;
-            background: #3b82f6;
-            border-radius: 50%;
-            animation: bounce 1.5s infinite ease-in-out;
-        }
-        .search-dot:nth-child(1) { animation-delay: 0.1s; }
-        .search-dot:nth-child(2) { animation-delay: 0.2s; }
-        .search-dot:nth-child(3) { animation-delay: 0.3s; }
-        @keyframes bounce {
-            0%, 100% { transform: translateY(0); }
-            50% { transform: translateY(-10px); }
-        }
-        @keyframes rotate {
-            0% { transform: rotate(0deg); }
-            100% { transform: rotate(360deg); }
-        }
-        .rotating {
-            animation: rotate 2s linear infinite;
-        }
-        
-        /* Motivational phrases */
-        .motivational-phrase {
-            text-align: center;
-            font-style: italic;
-            color: #6b7280;
-            margin: 10px 0;
-            opacity: 0;
-            transition: opacity 0.5s ease;
-        }
-        .motivational-phrase.active {
-            opacity: 1;
-        }
     </style>
 </head>
 <body class="bg-gray-50 min-h-screen">
@@ -146,7 +46,7 @@
         <!-- Header -->
         <header class="mb-12 text-center">
             <h1 class="text-4xl font-bold text-blue-600 mb-2">OmniSearch Pro</h1>
-            <p class="text-gray-600">The most powerful file search engine - searches across 50+ services simultaneously</p>
+            <p class="text-gray-600">Search across multiple file hosting services simultaneously</p>
         </header>
 
         <!-- Search Box -->
@@ -158,7 +58,7 @@
                 <input 
                     type="text" 
                     id="searchInput" 
-                    placeholder="Search for files across the entire internet" 
+                    placeholder="Search for files across multiple services" 
                     class="flex-grow py-3 outline-none text-gray-700"
                 >
                 <button id="searchBtn" class="bg-blue-600 text-white px-6 py-3 rounded-full hover:bg-blue-700 transition">
@@ -166,573 +66,214 @@
                 </button>
             </div>
 
-            <!-- File Type Filters -->
-            <div class="flex flex-wrap justify-center mt-6 gap-2">
-                <button class="file-type-btn active px-4 py-2 rounded-full bg-gray-100 text-gray-700 hover:bg-gray-200 transition">
-                    <i class="fas fa-file-archive mr-2"></i> All Files
-                </button>
-                <button class="file-type-btn px-4 py-2 rounded-full bg-gray-100 text-gray-700 hover:bg-gray-200 transition">
-                    <i class="fas fa-file-video mr-2"></i> Video
-                </button>
-                <button class="file-type-btn px-4 py-2 rounded-full bg-gray-100 text-gray-700 hover:bg-gray-200 transition">
-                    <i class="fas fa-file-audio mr-2"></i> Audio
-                </button>
-                <button class="file-type-btn px-4 py-2 rounded-full bg-gray-100 text-gray-700 hover:bg-gray-200 transition">
-                    <i class="fas fa-file-image mr-2"></i> Images
-                </button>
-                <button class="file-type-btn px-4 py-2 rounded-full bg-gray-100 text-gray-700 hover:bg-gray-200 transition">
-                    <i class="fas fa-file-alt mr-2"></i> Documents
-                </button>
-                <button class="file-type-btn px-4 py-2 rounded-full bg-gray-100 text-gray-700 hover:bg-gray-200 transition">
-                    <i class="fas fa-file-archive mr-2"></i> Archives
-                </button>
-                <button class="file-type-btn px-4 py-2 rounded-full bg-gray-100 text-gray-700 hover:bg-gray-200 transition">
-                    <i class="fas fa-file-code mr-2"></i> Executables
-                </button>
-            </div>
-
             <!-- Advanced Options -->
             <div class="mt-6 text-center">
                 <button id="toggleAdvanced" class="text-blue-600 hover:text-blue-800 text-sm font-medium">
                     <i class="fas fa-cog mr-1"></i> Advanced Search Options
                 </button>
                 <div id="advancedOptions" class="hidden mt-4 p-4 bg-white rounded-lg shadow-sm">
-                    <!-- Search Engines Selection -->
-                    <div class="mb-6">
-                        <div class="text-center mb-2">
-                            <span class="text-sm font-medium text-gray-700">Search Engines:</span>
+                    <div class="flex flex-wrap justify-center gap-4">
+                        <div class="flex items-center">
+                            <input type="checkbox" id="fastserver" class="mr-2" checked>
+                            <label for="fastserver" class="text-sm service-tag fastserver">FastServer</label>
                         </div>
-                        <div class="flex flex-wrap justify-center gap-2">
-                            <div class="flex items-center">
-                                <input type="checkbox" id="google" class="mr-1" checked>
-                                <label for="google" class="text-sm service-tag google">Google</label>
-                            </div>
-                            <div class="flex items-center">
-                                <input type="checkbox" id="yandex" class="mr-1" checked>
-                                <label for="yandex" class="text-sm service-tag yandex">Yandex</label>
-                            </div>
-                            <div class="flex items-center">
-                                <input type="checkbox" id="startpage" class="mr-1" checked>
-                                <label for="startpage" class="text-sm service-tag">Startpage</label>
-                            </div>
-                            <div class="flex items-center">
-                                <input type="checkbox" id="archive" class="mr-1" checked>
-                                <label for="archive" class="text-sm service-tag archive">Archive.org</label>
-                            </div>
-                            <div class="flex items-center">
-                                <input type="checkbox" id="bing" class="mr-1">
-                                <label for="bing" class="text-sm service-tag">Bing</label>
-                            </div>
+                        <div class="flex items-center">
+                            <input type="checkbox" id="hdvietnam" class="mr-2" checked>
+                            <label for="hdvietnam" class="text-sm service-tag hdvietnam">HDVietnam</label>
                         </div>
-                    </div>
-
-                    <!-- Hosting Services Selection -->
-                    <div class="mb-6">
-                        <div class="text-center mb-2">
-                            <span class="text-sm font-medium text-gray-700">Hosting Services:</span>
+                        <div class="flex items-center">
+                            <input type="checkbox" id="olala" class="mr-2" checked>
+                            <label for="olala" class="text-sm service-tag olala">OlalaVietnam</label>
                         </div>
-                        <div class="flex flex-wrap justify-center gap-2">
-                            <div class="flex items-center">
-                                <input type="checkbox" id="googledrive" class="mr-1" checked>
-                                <label for="googledrive" class="text-sm service-tag google">Google Drive</label>
-                            </div>
-                            <div class="flex items-center">
-                                <input type="checkbox" id="mega" class="mr-1" checked>
-                                <label for="mega" class="text-sm service-tag mega">Mega.nz</label>
-                            </div>
-                            <div class="flex items-center">
-                                <input type="checkbox" id="terabox" class="mr-1" checked>
-                                <label for="terabox" class="text-sm service-tag terabox">Terabox</label>
-                            </div>
-                            <div class="flex items-center">
-                                <input type="checkbox" id="dropbox" class="mr-1" checked>
-                                <label for="dropbox" class="text-sm service-tag dropbox">Dropbox</label>
-                            </div>
-                            <div class="flex items-center">
-                                <input type="checkbox" id="onedrive" class="mr-1" checked>
-                                <label for="onedrive" class="text-sm service-tag onedrive">OneDrive</label>
-                            </div>
-                            <div class="flex items-center">
-                                <input type="checkbox" id="mediafire" class="mr-1" checked>
-                                <label for="mediafire" class="text-sm service-tag mediafire">MediaFire</label>
-                            </div>
-                            <div class="flex items-center">
-                                <input type="checkbox" id="catbox" class="mr-1" checked>
-                                <label for="catbox" class="text-sm service-tag catbox">Catbox.moe</label>
-                            </div>
-                            <div class="flex items-center">
-                                <input type="checkbox" id="sharemania" class="mr-1" checked>
-                                <label for="sharemania" class="text-sm service-tag sharemania">Sharemania</label>
-                            </div>
-                            <div class="flex items-center">
-                                <input type="checkbox" id="torrent" class="mr-1" checked>
-                                <label for="torrent" class="text-sm service-tag torrent">Torrents</label>
-                            </div>
-                            <div class="flex items-center">
-                                <input type="checkbox" id="uploadrar" class="mr-1" checked>
-                                <label for="uploadrar" class="text-sm service-tag uploadrar">UploadRAR</label>
-                            </div>
-                            <div class="flex items-center">
-                                <input type="checkbox" id="buzzheavier" class="mr-1" checked>
-                                <label for="buzzheavier" class="text-sm service-tag buzzheavier">BuzzHeavier</label>
-                            </div>
-                            <div class="flex items-center">
-                                <input type="checkbox" id="pixeldrain" class="mr-1" checked>
-                                <label for="pixeldrain" class="text-sm service-tag pixeldrain">PixelDrain</label>
-                            </div>
+                        <div class="flex items-center">
+                            <input type="checkbox" id="rutracker" class="mr-2" checked>
+                            <label for="rutracker" class="text-sm service-tag rutracker">RuTracker</label>
                         </div>
-                    </div>
-
-                    <!-- Additional Services -->
-                    <div>
-                        <div class="text-center mb-2">
-                            <span class="text-sm font-medium text-gray-700">Additional Sources:</span>
+                        <div class="flex items-center">
+                            <input type="checkbox" id="boyvideos" class="mr-2" checked>
+                            <label for="boyvideos" class="text-sm service-tag boyvideos">BoyVideos</label>
                         </div>
-                        <div class="flex flex-wrap justify-center gap-2">
-                            <div class="flex items-center">
-                                <input type="checkbox" id="fastserver" class="mr-1" checked>
-                                <label for="fastserver" class="text-sm service-tag fastserver">FastServer</label>
-                            </div>
-                            <div class="flex items-center">
-                                <input type="checkbox" id="hdvietnam" class="mr-1" checked>
-                                <label for="hdvietnam" class="text-sm service-tag hdvietnam">HDVietnam</label>
-                            </div>
-                            <div class="flex items-center">
-                                <input type="checkbox" id="olala" class="mr-1" checked>
-                                <label for="olala" class="text-sm service-tag olala">OlalaVietnam</label>
-                            </div>
-                            <div class="flex items-center">
-                                <input type="checkbox" id="rutracker" class="mr-1" checked>
-                                <label for="rutracker" class="text-sm service-tag rutracker">RuTracker</label>
-                            </div>
-                            <div class="flex items-center">
-                                <input type="checkbox" id="boyvideos" class="mr-1" checked>
-                                <label for="boyvideos" class="text-sm service-tag boyvideos">BoyVideos</label>
-                            </div>
-                            <div class="flex items-center">
-                                <input type="checkbox" id="xbuddy" class="mr-1" checked>
-                                <label for="xbuddy" class="text-sm service-tag xbuddy">9xBuddy</label>
-                            </div>
-                            <div class="flex items-center">
-                                <input type="checkbox" id="reddit" class="mr-1" checked>
-                                <label for="reddit" class="text-sm service-tag reddit">Reddit</label>
-                            </div>
-                            <div class="flex items-center">
-                                <input type="checkbox" id="ulozto" class="mr-1" checked>
-                                <label for="ulozto" class="text-sm service-tag ulozto">Uloz.to</label>
-                            </div>
-                            <div class="flex items-center">
-                                <input type="checkbox" id="seedr" class="mr-1" checked>
-                                <label for="seedr" class="text-sm service-tag seedr">Seedr.cc</label>
-                            </div>
+                        <div class="flex items-center">
+                            <input type="checkbox" id="xbuddy" class="mr-2" checked>
+                            <label for="xbuddy" class="text-sm service-tag xbuddy">9xBuddy</label>
                         </div>
-                    </div>
-
-                    <!-- Advanced Search Options -->
-                    <div class="mt-6">
-                        <div class="grid grid-cols-1 md:grid-cols-3 gap-4">
-                            <div>
-                                <label class="block text-sm font-medium text-gray-700 mb-1">File Size</label>
-                                <select class="w-full p-2 border rounded">
-                                    <option>Any size</option>
-                                    <option>Small (0-10MB)</option>
-                                    <option>Medium (10-100MB)</option>
-                                    <option>Large (100MB-1GB)</option>
-                                    <option>Very Large (1GB+)</option>
-                                </select>
-                            </div>
-                            <div>
-                                <label class="block text-sm font-medium text-gray-700 mb-1">Date Range</label>
-                                <select class="w-full p-2 border rounded">
-                                    <option>Any time</option>
-                                    <option>Last 24 hours</option>
-                                    <option>Last week</option>
-                                    <option>Last month</option>
-                                    <option>Last year</option>
-                                    <option>Custom range...</option>
-                                </select>
-                            </div>
-                            <div>
-                                <label class="block text-sm font-medium text-gray-700 mb-1">File Extension</label>
-                                <input type="text" placeholder="e.g. .iso, .mkv" class="w-full p-2 border rounded">
-                            </div>
+                        <div class="flex items-center">
+                            <input type="checkbox" id="reddit" class="mr-2" checked>
+                            <label for="reddit" class="text-sm service-tag reddit">Reddit</label>
                         </div>
-                        <div class="mt-4">
-                            <label class="block text-sm font-medium text-gray-700 mb-1">Custom Search Query</label>
-                            <textarea class="w-full p-2 border rounded" rows="2" placeholder="Add custom search operators (site:, filetype:, etc.)"></textarea>
+                        <div class="flex items-center">
+                            <input type="checkbox" id="ulozto" class="mr-2" checked>
+                            <label for="ulozto" class="text-sm service-tag ulozto">Uloz.to</label>
                         </div>
-                        <div class="mt-4">
-                            <label class="flex items-center">
-                                <input type="checkbox" class="mr-2" checked>
-                                <span class="text-sm text-gray-700">Search YouTube descriptions and comments</span>
-                            </label>
-                            <label class="flex items-center mt-2">
-                                <input type="checkbox" class="mr-2" checked>
-                                <span class="text-sm text-gray-700">Search social media posts</span>
-                            </label>
-                            <label class="flex items-center mt-2">
-                                <input type="checkbox" class="mr-2" checked>
-                                <span class="text-sm text-gray-700">Search forum discussions</span>
-                            </label>
+                        <div class="flex items-center">
+                            <input type="checkbox" id="seedr" class="mr-2" checked>
+                            <label for="seedr" class="text-sm service-tag seedr">Seedr.cc</label>
                         </div>
                     </div>
                 </div>
             </div>
         </div>
 
-        <!-- Results Section (initially hidden) -->
+        <!-- Results Section -->
         <div id="resultsSection" class="max-w-6xl mx-auto hidden">
             <div class="flex justify-between items-center mb-6">
                 <h2 class="text-xl font-semibold text-gray-800">Search Results</h2>
-                <div class="text-sm text-gray-500">About 0 results from 0 services (0.00 seconds)</div>
-            </div>
-
-            <!-- Search Status -->
-            <div class="bg-blue-50 border border-blue-200 rounded-lg p-3 mb-4 hidden" id="searchStatus">
-                <div class="flex items-center">
-                    <div class="mr-3 text-blue-600">
-                        <i class="fas fa-info-circle"></i>
-                    </div>
-                    <div class="text-sm text-blue-800">
-                        Ready to search across selected services
-                    </div>
-                </div>
-            </div>
-
-            <!-- Sorting Options -->
-            <div class="flex items-center mb-4">
-                <span class="text-sm text-gray-600 mr-2">Sort by:</span>
-                <select class="text-sm border rounded p-1 bg-white">
-                    <option>Relevance</option>
-                    <option>Newest</option>
-                    <option>Oldest</option>
-                    <option>Largest</option>
-                    <option>Smallest</option>
-                    <option>Most Popular</option>
-                </select>
+                <div class="text-sm text-gray-500" id="resultStats">About 0 results from 0 services (0.00 seconds)</div>
             </div>
 
-            <!-- Results List -->
-            <div class="space-y-4" id="resultsContainer">
-                <!-- Results will be dynamically inserted here -->
-            </div>
-
-            <!-- Pagination -->
-            <div class="flex justify-center mt-8 hidden" id="pagination">
-                <nav class="inline-flex rounded-md shadow-sm">
-                    <a href="#" class="px-3 py-2 rounded-l-md border border-gray-300 bg-white text-gray-500 hover:bg-gray-50">
-                        <i class="fas fa-chevron-left"></i>
-                    </a>
-                    <a href="#" class="px-4 py-2 border-t border-b border-gray-300 bg-white text-blue-600 font-medium">1</a>
-                    <a href="#" class="px-4 py-2 border-t border-b border-gray-300 bg-white text-gray-500 hover:bg-gray-50">2</a>
-                    <a href="#" class="px-4 py-2 border-t border-b border-gray-300 bg-white text-gray-500 hover:bg-gray-50">3</a>
-                    <span class="px-4 py-2 border-t border-b border-gray-300 bg-white text-gray-500">...</span>
-                    <a href="#" class="px-4 py-2 border-t border-b border-gray-300 bg-white text-gray-500 hover:bg-gray-50">8</a>
-                    <a href="#" class="px-3 py-2 rounded-r-md border border-gray-300 bg-white text-gray-500 hover:bg-gray-50">
-                        <i class="fas fa-chevron-right"></i>
-                    </a>
-                </nav>
+            <div id="resultsContainer" class="space-y-4">
+                <!-- Results will appear here -->
             </div>
         </div>
-
-        <!-- Footer -->
-        <footer class="mt-16 pt-8 border-t border-gray-200 text-center text-gray-500 text-sm">
-            <div class="mb-4">
-                <a href="#" class="mx-2 hover:text-blue-600">About</a>
-                <a href="#" class="mx-2 hover:text-blue-600">Privacy</a>
-                <a href="#" class="mx-2 hover:text-blue-600">Terms</a>
-                <a href="#" class="mx-2 hover:text-blue-600">API</a>
-                <a href="#" class="mx-2 hover:text-blue-600">Contact</a>
-            </div>
-            <p>© 2023 OmniSearch Pro - Searches across 50+ search engines and file hosting services</p>
-            <p class="mt-1 text-xs">Disclaimer: This service only indexes publicly available files. We do not host any content.</p>
-        </footer>
     </div>
 
     <script>
-        // Sample search results data
-        const sampleResults = {
-            "default": [
-                {
-                    title: "Example File Search Result",
-                    service: "Google Drive",
-                    serviceClass: "google",
-                    icon: "file-alt",
-                    iconColor: "blue",
-                    size: "2.1 MB",
-                    date: "2023-01-15",
-                    views: "856",
-                    verified: true,
-                    description: "This is an example search result that would appear when searching for files. The actual content would vary based on your search query.",
-                    tags: ["PDF", "Document", "Example"],
-                    url: "https://drive.google.com/file/d/1example123/view",
-                    filename: "Example_File.pdf"
+        // Service configurations
+        const services = {
+            fastserver: {
+                name: "FastServer",
+                class: "fastserver",
+                search: async (query) => {
+                    // This would be replaced with actual API call
+                    return new Promise(resolve => {
+                        setTimeout(() => {
+                            resolve([
+                                {
+                                    title: `${query} files on FastServer`,
+                                    service: "FastServer",
+                                    size: "1.2 GB",
+                                    date: "2023-05-10",
+                                    views: "1245",
+                                    description: `Found multiple files related to ${query} on FastServer.`,
+                                    url: "http://fastserver.me/big/index.php?q=" + encodeURIComponent(query),
+                                    filename: `${query}_files.zip`
+                                }
+                            ]);
+                        }, 800);
+                    });
+                }
+            },
+            hdvietnam: {
+                name: "HDVietnam",
+                class: "hdvietnam",
+                search: async (query) => {
+                    return new Promise(resolve => {
+                        setTimeout(() => {
+                            resolve([
+                                {
+                                    title: `HD ${query} collection`,
+                                    service: "HDVietnam",
+                                    size: "4.7 GB",
+                                    date: "2023-06-15",
+                                    views: "876",
+                                    description: `High quality ${query} files available on HDVietnam.`,
+                                    url: "http://hdvietnam.com/search?q=" + encodeURIComponent(query),
+                                    filename: `hd_${query}_collection.rar`
+                                }
+                            ]);
+                        }, 1200);
+                    });
                 }
-            ]
+            },
+            // Add similar configurations for other services...
         };
 
-        // Motivational phrases for search
-        const motivationalPhrases = [
-            "If it's taking time, it's a good thing! We're probably searching the entire internet for you.",
-            "Good things come to those who wait... especially when searching billions of files!",
-            "We're not just searching, we're conducting a digital treasure hunt!",
-            "Searching through more places than your nosy neighbor checks their window.",
-            "Our search spiders are crawling through every nook and cranny of the web!",
-            "Checking under every digital rock for your files...",
-            "Even searching YouTube descriptions and comments for hidden download links!",
-            "Scanning forums and social media for those elusive file mentions...",
-            "The internet is big, but we're bigger! Keep waiting a bit longer...",
-            "We found some results already, but we're being thorough and checking more sources!",
-            "Searching the deep web, the dark web, and even that one weird forum from 2004...",
-            "Checking every possible file hosting service known to humankind!",
-            "Our algorithms are working overtime to find you the best files!",
-            "We're not just searching - we're performing digital archaeology!",
-            "Looking in places even Google doesn't index regularly...",
-            "Scanning torrent trackers, file lockers, and cloud storage simultaneously!",
-            "Checking both the front page and page 37 of search results...",
-            "Searching international versions of sites for more results...",
-            "We found some files, but we're verifying they're the best ones for you!",
-            "Almost done! Just checking a few more obscure sources..."
-        ];
-
-        // Toggle advanced options
-        document.getElementById('toggleAdvanced').addEventListener('click', function() {
-            const options = document.getElementById('advancedOptions');
-            options.classList.toggle('hidden');
-            this.innerHTML = options.classList.contains('hidden') 
-                ? '<i class="fas fa-cog mr-1"></i> Advanced Search Options' 
-                : '<i class="fas fa-times mr-1"></i> Hide Advanced Options';
-        });
-
-        // File type filter buttons
-        const fileTypeBtns = document.querySelectorAll('.file-type-btn');
-        fileTypeBtns.forEach(btn => {
-            btn.addEventListener('click', function() {
-                fileTypeBtns.forEach(b => b.classList.remove('active'));
-                this.classList.add('active');
-            });
-        });
-
-        // Create a result card element
-        function createResultCard(result) {
-            const card = document.createElement('div');
-            card.className = 'result-card bg-white p-4 rounded-lg shadow-sm border border-gray-100 transition-all duration-200';
-            card.innerHTML = `
-                <div class="flex flex-col md:flex-row">
-                    <div class="flex-shrink-0 mb-4 md:mb-0 md:mr-4">
-                        <div class="w-16 h-16 bg-${result.iconColor}-100 rounded-lg flex items-center justify-center">
-                            <i class="fas fa-${result.icon} text-${result.iconColor}-600 text-2xl"></i>
-                        </div>
-                    </div>
-                    <div class="flex-grow">
-                        <div class="flex items-center mb-1">
-                            <h3 class="text-lg font-medium text-blue-600 hover:underline cursor-pointer">
-                                ${result.title}
-                            </h3>
-                            <span class="ml-2 px-2 py-1 bg-${result.iconColor}-100 text-${result.iconColor}-800 text-xs rounded-full service-tag ${result.serviceClass}">${result.service}</span>
-                        </div>
-                        <div class="flex flex-wrap items-center text-sm text-gray-500 mt-1 mb-2">
-                            <span class="mr-3"><i class="fas fa-database mr-1"></i> ${result.size}</span>
-                            <span class="mr-3"><i class="fas fa-calendar-alt mr-1"></i> ${result.date.includes('seeders') ? 'Seeders:' : 'Uploaded:'} ${result.date}</span>
-                            <span class="mr-3"><i class="fas fa-${result.date.includes('seeders') ? 'users' : 'eye'} mr-1"></i> ${result.views}</span>
-                            ${result.verified ? '<span><i class="fas fa-check-circle mr-1 text-green-500"></i> Verified</span>' : ''}
-                        </div>
-                        <p class="text-gray-700 text-sm mb-3">
-                            ${result.description}
-                        </p>
-                        <div class="flex flex-wrap gap-2">
-                            ${result.tags.map(tag => `<span class="px-2 py-1 bg-gray-100 text-gray-700 rounded text-xs">${tag}</span>`).join('')}
-                        </div>
-                    </div>
-                    <div class="flex-shrink-0 mt-4 md:mt-0 md:ml-4">
-                        <button class="download-btn bg-green-600 hover:bg-green-700 text-white px-4 py-2 rounded-lg flex items-center" 
-                                data-url="${result.url}" 
-                                data-filename="${result.filename}">
-                            <i class="fas fa-${result.service === 'Torrent' ? 'magnet' : 'download'} mr-2"></i> ${result.service === 'Torrent' ? 'Magnet Link' : 'Download'}
-                        </button>
-                    </div>
-                </div>
-            `;
-            return card;
-        }
+        // Search function
+        document.getElementById('searchBtn').addEventListener('click', async function() {
+            const query = document.getElementById('searchInput').value.trim();
+            if (!query) {
+                alert("Please enter a search term");
+                return;
+            }
 
-        // Handle download button clicks
-        function setupDownloadButtons() {
-            document.querySelectorAll('.download-btn').forEach(btn => {
-                btn.addEventListener('click', function() {
-                    const url = this.getAttribute('data-url');
-                    const filename = this.getAttribute('data-filename') || 'download';
-                    
-                    // Show loading state on button
-                    const originalContent = this.innerHTML;
-                    this.innerHTML = '<i class="fas fa-spinner fa-spin mr-2"></i> Preparing...';
-                    this.classList.remove('hover:bg-green-700');
-                    this.classList.add('bg-green-500');
-                    
-                    // Simulate download preparation
-                    setTimeout(() => {
-                        // For demo purposes, we'll just open in new tab
-                        // In a real app, you'd handle the download properly
-                        if(url.startsWith('magnet:')) {
-                            // Handle magnet links
-                            window.open(url, '_blank');
-                        } else {
-                            // Create a temporary anchor to trigger download
-                            const a = document.createElement('a');
-                            a.href = url;
-                            a.target = '_blank';
-                            a.download = filename;
-                            document.body.appendChild(a);
-                            a.click();
-                            document.body.removeChild(a);
-                        }
+            // Show results section
+            const resultsSection = document.getElementById('resultsSection');
+            resultsSection.classList.remove('hidden');
+            
+            // Clear previous results
+            const resultsContainer = document.getElementById('resultsContainer');
+            resultsContainer.innerHTML = '<div class="text-center py-8"><i class="fas fa-spinner fa-spin text-2xl text-blue-500"></i><p class="mt-2">Searching across services...</p></div>';
+            
+            // Get selected services
+            const selectedServices = Array.from(document.querySelectorAll('#advancedOptions input[type="checkbox"]:checked'))
+                .map(checkbox => checkbox.id);
+            
+            // Perform searches
+            let allResults = [];
+            const startTime = Date.now();
+            
+            for (const serviceId of selectedServices) {
+                if (services[serviceId]) {
+                    try {
+                        const serviceResults = await services[serviceId].search(query);
+                        allResults = allResults.concat(serviceResults);
                         
-                        // Restore button state
-                        this.innerHTML = originalContent;
-                        this.classList.add('hover:bg-green-700');
-                        this.classList.remove('bg-green-500');
-                    }, 1000);
-                });
-            });
-        }
-
-        // Simulate search across multiple services
-        document.getElementById('searchBtn').addEventListener('click', function() {
-            const query = document.getElementById('searchInput').value.trim();
-            if (query) {
-                // Show results section
-                const resultsSection = document.getElementById('resultsSection');
-                resultsSection.classList.remove('hidden');
-                
-                // Get selected services
-                const selectedSearchEngines = Array.from(document.querySelectorAll('input[type="checkbox"][id^="google"], input[type="checkbox"][id^="yandex"], input[type="checkbox"][id^="startpage"], input[type="checkbox"][id^="archive"], input[type="checkbox"][id^="bing"]'))
-                    .filter(cb => cb.checked)
-                    .map(cb => cb.nextElementSibling.textContent);
-                
-                const selectedHostingServices = Array.from(document.querySelectorAll('input[type="checkbox"][id^="googledrive"], input[type="checkbox"][id^="mega"], input[type="checkbox"][id^="terabox"], input[type="checkbox"][id^="dropbox"], input[type="checkbox"][id^="onedrive"], input[type="checkbox"][id^="mediafire"], input[type="checkbox"][id^="catbox"], input[type="checkbox"][id^="sharemania"], input[type="checkbox"][id^="torrent"], input[type="checkbox"][id^="uploadrar"], input[type="checkbox"][id^="buzzheavier"], input[type="checkbox"][id^="pixeldrain"]'))
-                    .filter(cb => cb.checked)
-                    .map(cb => cb.nextElementSibling.textContent);
-                
-                const selectedAdditionalServices = Array.from(document.querySelectorAll('input[type="checkbox"][id^="fastserver"], input[type="checkbox"][id^="hdvietnam"], input[type="checkbox"][id^="olala"], input[type="checkbox"][id^="rutracker"], input[type="checkbox"][id^="boyvideos"], input[type="checkbox"][id^="xbuddy"], input[type="checkbox"][id^="reddit"], input[type="checkbox"][id^="ulozto"], input[type="checkbox"][id^="seedr"]'))
-                    .filter(cb => cb.checked)
-                    .map(cb => cb.nextElementSibling.textContent);
+                        // Update UI with partial results
+                        updateResultsUI(allResults, selectedServices.length, startTime);
+                    } catch (error) {
+                        console.error(`Error searching ${serviceId}:`, error);
+                    }
+                }
+            }
+            
+            // Final update
+            updateResultsUI(allResults, selectedServices.length, startTime);
+        });
 
-                // Update UI
-                document.querySelector('#resultsSection h2').textContent = `Search Results for "${query}"`;
-                
-                // Show search status
-                const searchStatus = document.getElementById('searchStatus');
-                searchStatus.classList.remove('hidden');
-                searchStatus.querySelector('.text-sm').textContent = `Searching across: ${selectedSearchEngines.join(', ')}, ${selectedHostingServices.join(', ')}, ${selectedAdditionalServices.join(', ')}`;
-                
-                // Create search animation container
-                const resultsContainer = document.getElementById('resultsContainer');
-                const originalContent = resultsContainer.innerHTML;
-                
-                resultsContainer.innerHTML = `
-                    <div class="search-animation mb-8">
-                        <div class="magnifying-glass rotating"></div>
-                        <div class="search-dots">
-                            <div class="search-dot"></div>
-                            <div class="search-dot"></div>
-                            <div class="search-dot"></div>
-                        </div>
-                    </div>
-                    <div id="motivationalPhrase" class="motivational-phrase active">
-                        ${motivationalPhrases[0]}
-                    </div>
-                    <div class="animate-pulse bg-white p-4 rounded-lg shadow-sm border border-gray-100">
-                        <div class="flex space-x-4">
-                            <div class="w-16 h-16 bg-gray-200 rounded-lg"></div>
-                            <div class="flex-1 space-y-4 py-1">
-                                <div class="h-4 bg-gray-200 rounded w-3/4"></div>
-                                <div class="space-y-2">
-                                    <div class="h-4 bg-gray-200 rounded"></div>
-                                    <div class="h-4 bg-gray-200 rounded w-5/6"></div>
+        // Update results UI
+        function updateResultsUI(results, totalServices, startTime) {
+            const elapsedTime = ((Date.now() - startTime) / 1000).toFixed(2);
+            const resultsContainer = document.getElementById('resultsContainer');
+            
+            // Update stats
+            document.getElementById('resultStats').textContent = 
+                `About ${results.length} results from ${totalServices} services (${elapsedTime} seconds)`;
+            
+            // Display results
+            if (results.length === 0) {
+                resultsContainer.innerHTML = '<div class="text-center py-8 text-gray-500">No results found. Try a different search term.</div>';
+                return;
+            }
+            
+            let html = '';
+            results.forEach(result => {
+                html += `
+                    <div class="result-card bg-white p-4 rounded-lg shadow-sm border border-gray-100">
+                        <div class="flex flex-col md:flex-row">
+                            <div class="flex-grow">
+                                <div class="flex items-center mb-1">
+                                    <h3 class="text-lg font-medium text-blue-600">
+                                        <a href="${result.url}" target="_blank">${result.title}</a>
+                                    </h3>
+                                    <span class="ml-2 px-2 py-1 bg-gray-100 text-gray-800 text-xs rounded-full service-tag ${result.service.toLowerCase()}">${result.service}</span>
+                                </div>
+                                <div class="text-sm text-gray-500 mb-2">
+                                    <span class="mr-3"><i class="fas fa-database mr-1"></i> ${result.size}</span>
+                                    <span class="mr-3"><i class="fas fa-calendar-alt mr-1"></i> ${result.date}</span>
+                                    <span><i class="fas fa-eye mr-1"></i> ${result.views}</span>
                                 </div>
+                                <p class="text-gray-700 text-sm mb-3">${result.description}</p>
+                            </div>
+                            <div class="flex-shrink-0 mt-4 md:mt-0 md:ml-4">
+                                <a href="${result.url}" target="_blank" class="inline-block bg-green-600 hover:bg-green-700 text-white px-4 py-2 rounded-lg">
+                                    <i class="fas fa-external-link-alt mr-2"></i> View
+                                </a>
                             </div>
                         </div>
                     </div>
                 `;
-                
-                // Show motivational phrases during search
-                let phraseIndex = 1;
-                const phraseInterval = setInterval(() => {
-                    const phraseElement = document.getElementById('motivationalPhrase');
-                    if (phraseElement) {
-                        phraseElement.classList.remove('active');
-                        setTimeout(() => {
-                            phraseElement.textContent = motivationalPhrases[phraseIndex % motivationalPhrases.length];
-                            phraseElement.classList.add('active');
-                            phraseIndex++;
-                        }, 500);
-                    }
-                }, 4000);
-                
-                // Simulate API delay with progress updates
-                let progress = 0;
-                const progressInterval = setInterval(() => {
-                    progress += 5 + Math.random() * 5; // Random progress increment
-                    if (progress > 100) progress = 100;
-                    
-                    const statusElement = document.querySelector('#resultsSection .text-sm.text-gray-500');
-                    if (statusElement) {
-                        let currentService;
-                        if (progress < 30) {
-                            currentService = selectedSearchEngines[Math.floor(progress / 30 * selectedSearchEngines.length)];
-                        } else if (progress < 70) {
-                            currentService = selectedHostingServices[Math.floor((progress - 30) / 40 * selectedHostingServices.length)];
-                        } else {
-                            currentService = selectedAdditionalServices[Math.floor((progress - 70) / 30 * selectedAdditionalServices.length)];
-                        }
-                        
-                        statusElement.textContent = `Searching... ${Math.floor(progress)}% complete (querying ${currentService})`;
-                    }
-                    
-                    if (progress >= 100) {
-                        clearInterval(progressInterval);
-                        clearInterval(phraseInterval);
-                        
-                        setTimeout(() => {
-                            // Display results
-                            const results = sampleResults["default"];
-                            resultsContainer.innerHTML = '';
-                            
-                            // Filter results based on selected hosting services
-                            const filteredResults = results.filter(result => {
-                                // If no hosting services are selected, show all results
-                                if (selectedHostingServices.length === 0 && selectedAdditionalServices.length === 0) return true;
-                                
-                                // Check if result's service is in selected hosting services or additional services
-                                return selectedHostingServices.includes(result.service) || selectedAdditionalServices.includes(result.service);
-                            });
-                            
-                            filteredResults.forEach(result => {
-                                resultsContainer.appendChild(createResultCard(result));
-                            });
-                            
-                            // Update status
-                            document.querySelector('#resultsSection .text-sm.text-gray-500').textContent = 
-                                `About ${filteredResults.length} results from ${selectedSearchEngines.length + selectedHostingServices.length + selectedAdditionalServices.length} services (${(Math.random() * 0.5 + 0.3).toFixed(2)} seconds)`;
-                            
-                            // Show pagination if enough results
-                            if (filteredResults.length > 5) {
-                                document.getElementById('pagination').classList.remove('hidden');
-                            }
-                            
-                            // Make download buttons work
-                            setupDownloadButtons();
-                        }, 1500);
-                    }
-                }, 200);
-            } else {
-                alert("Please enter a search query first!");
-            }
-        });
+            });
+            
+            resultsContainer.innerHTML = html;
+        }
 
-        // Initialize download buttons if page loads with results
-        document.addEventListener('DOMContentLoaded', function() {
-            setupDownloadButtons();
+        // Toggle advanced options
+        document.getElementById('toggleAdvanced').addEventListener('click', function() {
+            const options = document.getElementById('advancedOptions');
+            options.classList.toggle('hidden');
+            this.innerHTML = options.classList.contains('hidden') 
+                ? '<i class="fas fa-cog mr-1"></i> Advanced Search Options' 
+                : '<i class="fas fa-times mr-1"></i> Hide Options';
         });
     </script>
 <p style="border-radius: 8px; text-align: center; font-size: 12px; color: #fff; margin-top: 16px;position: fixed; left: 8px; bottom: 8px; z-index: 10; background: rgba(0, 0, 0, 0.8); padding: 4px 8px;">Made with <img src="https://enzostvs-deepsite.hf.space/logo.svg" alt="DeepSite Logo" style="width: 16px; height: 16px; vertical-align: middle;display:inline-block;margin-right:3px;filter:brightness(0) invert(1);"><a href="https://enzostvs-deepsite.hf.space" style="color: #fff;text-decoration: underline;" target="_blank" >DeepSite</a> - 🧬 <a href="https://enzostvs-deepsite.hf.space?remix=floribella/teste" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>