Spaces:
Sleeping
Sleeping
Update public/index.html
Browse files- public/index.html +26 -61
public/index.html
CHANGED
|
@@ -1,13 +1,14 @@
|
|
| 1 |
<!DOCTYPE html>
|
| 2 |
-
<html lang="
|
| 3 |
<head>
|
| 4 |
<meta charset="UTF-8">
|
| 5 |
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
| 6 |
<title>DashX - Fast & Reliable API Services</title>
|
| 7 |
<link rel="icon" type="image/webp" href="/icon.webp">
|
| 8 |
<meta name="description" content="DashX provides lightning-fast, reliable API services for developers. Experience powerful rate limiting, secure API key management, and exceptional performance.">
|
| 9 |
-
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css"
|
| 10 |
-
<link
|
|
|
|
| 11 |
</head>
|
| 12 |
<body>
|
| 13 |
<nav class="navbar">
|
|
@@ -161,16 +162,31 @@
|
|
| 161 |
|
| 162 |
<div class="stats-grid">
|
| 163 |
<div class="stat-card">
|
| 164 |
-
<div class="stat-
|
| 165 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 166 |
</div>
|
| 167 |
<div class="stat-card">
|
| 168 |
-
<div class="stat-
|
| 169 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 170 |
</div>
|
| 171 |
<div class="stat-card">
|
| 172 |
-
<div class="stat-
|
| 173 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 174 |
</div>
|
| 175 |
</div>
|
| 176 |
</div>
|
|
@@ -229,56 +245,5 @@
|
|
| 229 |
|
| 230 |
<script src="https://cdnjs.cloudflare.com/ajax/libs/sweetalert2/11.10.8/sweetalert2.min.js"></script>
|
| 231 |
<script src="index.js"></script>
|
| 232 |
-
<script>
|
| 233 |
-
// Mobile Navigation Toggle
|
| 234 |
-
const navToggle = document.getElementById('navToggle');
|
| 235 |
-
const navMenu = document.getElementById('navMenu');
|
| 236 |
-
const navOverlay = document.getElementById('navOverlay');
|
| 237 |
-
const body = document.body;
|
| 238 |
-
|
| 239 |
-
function toggleMenu() {
|
| 240 |
-
navToggle.classList.toggle('active');
|
| 241 |
-
navMenu.classList.toggle('active');
|
| 242 |
-
navOverlay.classList.toggle('active');
|
| 243 |
-
body.classList.toggle('menu-open');
|
| 244 |
-
}
|
| 245 |
-
|
| 246 |
-
function closeMenu() {
|
| 247 |
-
navToggle.classList.remove('active');
|
| 248 |
-
navMenu.classList.remove('active');
|
| 249 |
-
navOverlay.classList.remove('active');
|
| 250 |
-
body.classList.remove('menu-open');
|
| 251 |
-
}
|
| 252 |
-
|
| 253 |
-
if (navToggle) {
|
| 254 |
-
navToggle.addEventListener('click', (e) => {
|
| 255 |
-
e.stopPropagation();
|
| 256 |
-
toggleMenu();
|
| 257 |
-
});
|
| 258 |
-
}
|
| 259 |
-
|
| 260 |
-
if (navOverlay) {
|
| 261 |
-
navOverlay.addEventListener('click', closeMenu);
|
| 262 |
-
}
|
| 263 |
-
|
| 264 |
-
// Close menu when clicking nav links
|
| 265 |
-
document.querySelectorAll('.nav-link').forEach(link => {
|
| 266 |
-
link.addEventListener('click', closeMenu);
|
| 267 |
-
});
|
| 268 |
-
|
| 269 |
-
// Smooth scroll for anchor links
|
| 270 |
-
document.querySelectorAll('a[href^="#"]').forEach(anchor => {
|
| 271 |
-
anchor.addEventListener('click', function (e) {
|
| 272 |
-
e.preventDefault();
|
| 273 |
-
const target = document.querySelector(this.getAttribute('href'));
|
| 274 |
-
if (target) {
|
| 275 |
-
closeMenu();
|
| 276 |
-
setTimeout(() => {
|
| 277 |
-
target.scrollIntoView({ behavior: 'smooth', block: 'start' });
|
| 278 |
-
}, 300);
|
| 279 |
-
}
|
| 280 |
-
});
|
| 281 |
-
});
|
| 282 |
-
</script>
|
| 283 |
</body>
|
| 284 |
-
</html>
|
|
|
|
| 1 |
<!DOCTYPE html>
|
| 2 |
+
<html lang="id">
|
| 3 |
<head>
|
| 4 |
<meta charset="UTF-8">
|
| 5 |
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
| 6 |
<title>DashX - Fast & Reliable API Services</title>
|
| 7 |
<link rel="icon" type="image/webp" href="/icon.webp">
|
| 8 |
<meta name="description" content="DashX provides lightning-fast, reliable API services for developers. Experience powerful rate limiting, secure API key management, and exceptional performance.">
|
| 9 |
+
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
|
| 10 |
+
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/sweetalert2/11.10.8/sweetalert2.min.css">
|
| 11 |
+
<link rel="stylesheet" href="styles.css">
|
| 12 |
</head>
|
| 13 |
<body>
|
| 14 |
<nav class="navbar">
|
|
|
|
| 162 |
|
| 163 |
<div class="stats-grid">
|
| 164 |
<div class="stat-card">
|
| 165 |
+
<div class="stat-icon">
|
| 166 |
+
<i class="fas fa-users"></i>
|
| 167 |
+
</div>
|
| 168 |
+
<div class="stat-info">
|
| 169 |
+
<h3>Active Developers</h3>
|
| 170 |
+
<p class="stat-number" id="totalUsers">0</p>
|
| 171 |
+
</div>
|
| 172 |
</div>
|
| 173 |
<div class="stat-card">
|
| 174 |
+
<div class="stat-icon">
|
| 175 |
+
<i class="fas fa-exchange-alt"></i>
|
| 176 |
+
</div>
|
| 177 |
+
<div class="stat-info">
|
| 178 |
+
<h3>API Requests Served</h3>
|
| 179 |
+
<p class="stat-number" id="totalRequests">0</p>
|
| 180 |
+
</div>
|
| 181 |
</div>
|
| 182 |
<div class="stat-card">
|
| 183 |
+
<div class="stat-icon">
|
| 184 |
+
<i class="fas fa-fire"></i>
|
| 185 |
+
</div>
|
| 186 |
+
<div class="stat-info">
|
| 187 |
+
<h3>Requests Today</h3>
|
| 188 |
+
<p class="stat-number" id="todayRequests">0</p>
|
| 189 |
+
</div>
|
| 190 |
</div>
|
| 191 |
</div>
|
| 192 |
</div>
|
|
|
|
| 245 |
|
| 246 |
<script src="https://cdnjs.cloudflare.com/ajax/libs/sweetalert2/11.10.8/sweetalert2.min.js"></script>
|
| 247 |
<script src="index.js"></script>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 248 |
</body>
|
| 249 |
+
</html>
|