HerzaJ commited on
Commit
bae4ed9
·
verified ·
1 Parent(s): 5f59e56

Update public/index.html

Browse files
Files changed (1) hide show
  1. public/index.html +26 -61
public/index.html CHANGED
@@ -1,13 +1,14 @@
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">
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" rel="stylesheet">
10
- <link href="styles.css" rel="stylesheet">
 
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-number" id="totalUsers">0</div>
165
- <div class="stat-label">Active Developers</div>
 
 
 
 
 
166
  </div>
167
  <div class="stat-card">
168
- <div class="stat-number" id="totalRequests">0</div>
169
- <div class="stat-label">API Requests Served</div>
 
 
 
 
 
170
  </div>
171
  <div class="stat-card">
172
- <div class="stat-number" id="todayRequests">0</div>
173
- <div class="stat-label">Requests Today</div>
 
 
 
 
 
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>