https://dsystem-network.hf.space/search

1<!DOCTYPE html>
2<html lang="en">
3<head>
4    <meta charset="UTF-8">
5    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0, user-scalable=yes">
6    <title>Search - DARKSHAN API</title>
7    <link rel="icon" href="https://raw.githubusercontent.com/DARK-SHAN-YT/IMAGE/main/IaGWB.png">
8    <link rel="preconnect" href="https://fonts.googleapis.com">
9    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
10    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet">
11    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
12    <link rel="stylesheet" href="styles.css">
13</head>
14<body>
15    <!-- Dotted Background -->
16    <div class="dots"></div>
17
18    <!-- Audio elements for status sounds -->
19    <audio id="successSound" preload="auto">
20        <source src="https://cdn.pixabay.com/audio/2025/05/12/audio_582a9c9e72.mp3" type="audio/mpeg">
21    </audio>
22    <audio id="errorSound" preload="auto">
23        <source src="https://cdn.pixabay.com/audio/2025/01/31/audio_77e788bed5.mp3" type="audio/mpeg">
24    </audio>
25
26    <!-- Header -->
27    <header class="header">
28        <a href="/" class="logo">
29            <div class="logo-icon">
30                <i class="fas fa-bolt"></i>
31            </div>
32            <span>DARKSHAN API</span>
33        </a>
34        <div class="header-actions">
35            <button class="dark-mode-toggle" id="darkModeToggle">
36                <div class="toggle-switch active"></div>
37                <span>Dark</span>
38            </button>
39            <button class="menu-btn" id="menuBtn">
40                <i class="fas fa-bars"></i>
41            </button>
42        </div>
43    </header>
44
45    <!-- Sidebar Overlay -->
46    <div class="sidebar-overlay" id="sidebarOverlay"></div>
47
48    <!-- Sidebar -->
49    <aside class="sidebar" id="sidebar">
50        <button class="sidebar-close" id="sidebarClose">
51            <i class="fas fa-times"></i>
52        </button>
53        <div class="sidebar-header">
54            <div class="sidebar-logo-icon">
55                <i class="fas fa-bolt"></i>
56            </div>
57            <span class="sidebar-logo-text">DARKSHAN API</span>
58        </div>
59        <nav class="sidebar-nav">
60            <a href="/"><i class="fas fa-home"></i> Home</a>
61            <a href="/download"><i class="fas fa-download"></i> Downloader</a>
62            <a href="/search" class="active"><i class="fas fa-search"></i> Search</a>
63            <a href="/stalk"><i class="fas fa-user-secret"></i> Stalk</a>
64            <a href="/movie"><i class="fas fa-film"></i> Movie</a>
65            <a href="/anime"><i class="fas fa-tv"></i> Anime</a>
66            <a href="/games"><i class="fas fa-gamepad"></i> Games</a>
67            <a href="/ai"><i class="fas fa-robot"></i> AI</a>
68            <a href="/education"><i class="fas fa-graduation-cap"></i> Education</a>
69        </nav>
70    </aside>
71
72    <!-- Main Content -->
73    <main class="main-content">
74        <div class="category-header">
75            <h1 class="category-title">
76                <i class="fas fa-folder-open" id="categoryIcon"></i>
77                <span id="categoryTitle">Search</span>
78            </h1>
79            <p class="category-description">Listing all available endpoints for this category.</p>
80        </div>
81
82        <div class="status-badges">
83            <span class="status-badge active" id="activeBadge">
84                <i class="fas fa-circle" style="font-size: 6px;"></i>
85                0 Active
86            </span>
87            <span class="status-badge inactive" id="inactiveBadge">
88                <i class="fas fa-circle" style="font-size: 6px;"></i>
89                0 Inactive
90            </span>
91        </div>
92
93        <div class="search-filter-bar">
94            <div class="search-box">
95                <i class="fas fa-search"></i>
96                <input type="text" id="searchInput" placeholder="Search endpoint name or path...">
97            </div>
98            <select class="filter-dropdown" id="statusFilter">
99                <option value="all">All Status</option>
100                <option value="free">FREE</option>
101                <option value="user">USER</option>
102            </select>
103        </div>
104
105        <div class="api-grid" id="apiGrid">
106            <div class="loading-state">
107                <div class="spinner"></div>
108                <p style="color: var(--text-muted);">Loading endpoints...</p>
109            </div>
110        </div>
111    </main>
112
113    <!-- Footer -->
114    <footer class="footer">
115        <p>&copy; 2023-

115<script>document.write(new Date().getFullYear())</script>

115 DARKSHAN-YT. All rights reserved.</p>
116    </footer>
117
118    

118<script src="script.js"></script>

118
119</body>
120</html>