Hugging Face's logo

Spaces:
Clubhuts
/
ddd
Running

App Files Community
1
Clubhuts commited on
Commit
bb102d1
·
verified ·
1 Parent(s): fd4a2c8

change the recent winners to dutch also current participants to dutch unique users to dutch avg hour to ducth peak hour to dutch - Follow Up Deployment

Browse files
Files changed (1) hide show
  1. index.html +24 -24
index.html CHANGED
@@ -3,7 +3,7 @@
3
  <head>
4
  <meta charset="UTF-8">
5
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
- <title>Hutsakeee Giveaway Dashboard</title>
7
  <script src="https://cdn.tailwindcss.com"></script>
8
  <link href="https://fonts.googleapis.com/css2?family=Bungee&family=Press+Start+2P&display=swap" rel="stylesheet">
9
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
@@ -220,7 +220,7 @@
220
  <div class="flex items-center top-bar-left">
221
  <i class="fas fa-trophy text-3xl mr-3 text-yellow-400"></i>
222
  <h1 class="text-2xl fortnite-text text-transparent bg-clip-text bg-gradient-to-r from-purple-400 to-blue-400">
223
- Hutsakeee Giveaway Dashboard
224
  </h1>
225
  </div>
226
  <div class="flex items-center space-x-4 top-bar-right">
@@ -230,7 +230,7 @@
230
  </div>
231
  <div class="flex items-center fortnite-btn px-4 py-2 rounded inactive-glow">
232
  <i class="fas fa-circle mr-2 text-red-400"></i>
233
- <span>Status: INACTIVE</span>
234
  </div>
235
  <button id="stopGiveawayBtn" class="fortnite-btn fortnite-btn-blue px-4 py-2 rounded">
236
  <i class="fas fa-play mr-2"></i>
@@ -249,7 +249,7 @@
249
  <div class="flex items-center">
250
  <i class="fas fa-users text-2xl mr-3 text-purple-400"></i>
251
  <div>
252
- <h3 class="text-sm text-gray-300">Active Participants</h3>
253
  <p class="text-2xl font-bold text-white">1,248</p>
254
  </div>
255
  </div>
@@ -258,7 +258,7 @@
258
  <div class="flex items-center">
259
  <i class="fas fa-trophy text-2xl mr-3 text-blue-400"></i>
260
  <div>
261
- <h3 class="text-sm text-gray-300">Total Winners</h3>
262
  <p class="text-2xl font-bold text-white">42</p>
263
  </div>
264
  </div>
@@ -267,7 +267,7 @@
267
  <div class="flex items-center">
268
  <i class="fas fa-coins text-2xl mr-3 text-yellow-400"></i>
269
  <div>
270
- <h3 class="text-sm text-gray-300">V-Bucks Given</h3>
271
  <p class="text-2xl font-bold text-white">210,000</p>
272
  </div>
273
  </div>
@@ -276,7 +276,7 @@
276
  <div class="flex items-center">
277
  <i class="fas fa-clock text-2xl mr-3 text-pink-400"></i>
278
  <div>
279
- <h3 class="text-sm text-gray-300">Time Remaining</h3>
280
  <p class="text-xl countdown text-white">01:23:45</p>
281
  </div>
282
  </div>
@@ -288,7 +288,7 @@
288
  <!-- Left Column - Analytics -->
289
  <div class="w-full md:w-1/3 bg-gray-800 p-4 rounded-lg glow-border-purple column">
290
  <h2 class="text-xl mb-4 fortnite-text text-purple-400 flex items-center">
291
- <i class="fas fa-chart-line mr-2"></i> Analytics
292
  </h2>
293
  <div class="flex justify-around mb-4">
294
  <button class="fortnite-btn fortnite-btn-purple px-3 py-1 rounded text-xs">24H</button>
@@ -316,22 +316,22 @@
316
  </div>
317
  </div>
318
  <div class="absolute top-2 left-2 text-xs text-gray-300">
319
- Last 24 Hours Participation
320
  </div>
321
  </div>
322
  <div class="mt-4 grid grid-cols-3 gap-2">
323
  <div class="bg-gray-900 p-2 rounded text-center">
324
- <p class="text-xs text-gray-400">Peak Hour</p>
325
  <p class="text-sm font-bold">12PM UTC</p>
326
  <p class="text-xs text-gray-500">210 entries</p>
327
  </div>
328
  <div class="bg-gray-900 p-2 rounded text-center">
329
- <p class="text-xs text-gray-400">Avg/Hour</p>
330
  <p class="text-sm font-bold">142</p>
331
  <p class="text-xs text-gray-500">±32</p>
332
  </div>
333
  <div class="bg-gray-900 p-2 rounded text-center">
334
- <p class="text-xs text-gray-400">Unique Users</p>
335
  <p class="text-sm font-bold">892</p>
336
  <p class="text-xs text-gray-500">24h period</p>
337
  </div>
@@ -396,7 +396,7 @@
396
  <!-- Right Column - Recent Winners -->
397
  <div class="w-full md:w-1/3 bg-gray-800 p-4 rounded-lg glow-border-yellow column">
398
  <h2 class="text-xl mb-4 fortnite-text text-yellow-400 flex items-center">
399
- <i class="fas fa-crown mr-2"></i> Recent Winners
400
  </h2>
401
  <div class="space-y-4 overflow-y-auto h-[calc(100%-3.5rem)] scrollbar-hide">
402
  <div class="winner-card bg-gray-900 p-4 rounded-lg border-2 border-yellow-400">
@@ -453,7 +453,7 @@
453
  </div>
454
  </div>
455
  <button id="drawWinnerBtn" class="fortnite-btn fortnite-btn-yellow w-full mt-4 py-2 rounded-lg">
456
- <i class="fas fa-random mr-2"></i> Draw New Winner
457
  </button>
458
  </div>
459
  </div>
@@ -528,7 +528,7 @@
528
  </div>
529
  <div class="mt-4 flex justify-center">
530
  <button class="fortnite-btn fortnite-btn-pink px-6 py-2 rounded-lg">
531
- <i class="fas fa-sync-alt mr-2"></i> Load More
532
  </button>
533
  </div>
534
  </div>
@@ -703,8 +703,8 @@
703
  document.getElementById('popupContent').appendChild(configTemplate);
704
 
705
  showPopup(
706
- "Start Giveaway",
707
- "Set V-Bucks amount and duration:",
708
  function() {
709
  const vbucks = document.getElementById('vbucksAmount').value;
710
  const duration = document.getElementById('giveawayDuration').value;
@@ -735,11 +735,11 @@
735
 
736
  document.getElementById('logoutBtn').addEventListener('click', function() {
737
  showPopup(
738
- "Logout",
739
- "Are you sure you want to logout from the dashboard?",
740
  function() {
741
  // In a real app, this would redirect to logout
742
- alert("You have been logged out successfully!");
743
  // window.location.href = "/logout";
744
  }
745
  );
@@ -754,8 +754,8 @@
754
  ];
755
 
756
  showPopup(
757
- "Draw Winner",
758
- "The system will randomly pick someone who has joined the giveaway.",
759
  function() {
760
  const winner = participants[Math.floor(Math.random() * participants.length)];
761
  const vBucks = [1000, 2500, 5000, 7500, 10000][Math.floor(Math.random() * 5)];
@@ -786,8 +786,8 @@
786
 
787
  // Show winner announcement
788
  showPopup(
789
- "Winner Selected!",
790
- `Congratulations to ${winner} for winning ${vBucks} V-Bucks!`,
791
  function() {}
792
  );
793
  }
 
3
  <head>
4
  <meta charset="UTF-8">
5
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <title>Hutsakeee Giveaway Dashboard (Nederlands)</title>
7
  <script src="https://cdn.tailwindcss.com"></script>
8
  <link href="https://fonts.googleapis.com/css2?family=Bungee&family=Press+Start+2P&display=swap" rel="stylesheet">
9
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
 
220
  <div class="flex items-center top-bar-left">
221
  <i class="fas fa-trophy text-3xl mr-3 text-yellow-400"></i>
222
  <h1 class="text-2xl fortnite-text text-transparent bg-clip-text bg-gradient-to-r from-purple-400 to-blue-400">
223
+ Hutsakeee Giveaway Dashboard (Nederlands)
224
  </h1>
225
  </div>
226
  <div class="flex items-center space-x-4 top-bar-right">
 
230
  </div>
231
  <div class="flex items-center fortnite-btn px-4 py-2 rounded inactive-glow">
232
  <i class="fas fa-circle mr-2 text-red-400"></i>
233
+ <span>Status: INACTIEF</span>
234
  </div>
235
  <button id="stopGiveawayBtn" class="fortnite-btn fortnite-btn-blue px-4 py-2 rounded">
236
  <i class="fas fa-play mr-2"></i>
 
249
  <div class="flex items-center">
250
  <i class="fas fa-users text-2xl mr-3 text-purple-400"></i>
251
  <div>
252
+ <h3 class="text-sm text-gray-300">Actieve Deelnemers</h3>
253
  <p class="text-2xl font-bold text-white">1,248</p>
254
  </div>
255
  </div>
 
258
  <div class="flex items-center">
259
  <i class="fas fa-trophy text-2xl mr-3 text-blue-400"></i>
260
  <div>
261
+ <h3 class="text-sm text-gray-300">Totaal Winnaars</h3>
262
  <p class="text-2xl font-bold text-white">42</p>
263
  </div>
264
  </div>
 
267
  <div class="flex items-center">
268
  <i class="fas fa-coins text-2xl mr-3 text-yellow-400"></i>
269
  <div>
270
+ <h3 class="text-sm text-gray-300">V-Bucks Uitgedeeld</h3>
271
  <p class="text-2xl font-bold text-white">210,000</p>
272
  </div>
273
  </div>
 
276
  <div class="flex items-center">
277
  <i class="fas fa-clock text-2xl mr-3 text-pink-400"></i>
278
  <div>
279
+ <h3 class="text-sm text-gray-300">Resterende Tijd</h3>
280
  <p class="text-xl countdown text-white">01:23:45</p>
281
  </div>
282
  </div>
 
288
  <!-- Left Column - Analytics -->
289
  <div class="w-full md:w-1/3 bg-gray-800 p-4 rounded-lg glow-border-purple column">
290
  <h2 class="text-xl mb-4 fortnite-text text-purple-400 flex items-center">
291
+ <i class="fas fa-chart-line mr-2"></i> Statistieken
292
  </h2>
293
  <div class="flex justify-around mb-4">
294
  <button class="fortnite-btn fortnite-btn-purple px-3 py-1 rounded text-xs">24H</button>
 
316
  </div>
317
  </div>
318
  <div class="absolute top-2 left-2 text-xs text-gray-300">
319
+ Deelname laatste 24 uur
320
  </div>
321
  </div>
322
  <div class="mt-4 grid grid-cols-3 gap-2">
323
  <div class="bg-gray-900 p-2 rounded text-center">
324
+ <p class="text-xs text-gray-400">Piek Uur</p>
325
  <p class="text-sm font-bold">12PM UTC</p>
326
  <p class="text-xs text-gray-500">210 entries</p>
327
  </div>
328
  <div class="bg-gray-900 p-2 rounded text-center">
329
+ <p class="text-xs text-gray-400">Gem/Uur</p>
330
  <p class="text-sm font-bold">142</p>
331
  <p class="text-xs text-gray-500">±32</p>
332
  </div>
333
  <div class="bg-gray-900 p-2 rounded text-center">
334
+ <p class="text-xs text-gray-400">Unieke Gebruikers</p>
335
  <p class="text-sm font-bold">892</p>
336
  <p class="text-xs text-gray-500">24h period</p>
337
  </div>
 
396
  <!-- Right Column - Recent Winners -->
397
  <div class="w-full md:w-1/3 bg-gray-800 p-4 rounded-lg glow-border-yellow column">
398
  <h2 class="text-xl mb-4 fortnite-text text-yellow-400 flex items-center">
399
+ <i class="fas fa-crown mr-2"></i> Recente Winnaars
400
  </h2>
401
  <div class="space-y-4 overflow-y-auto h-[calc(100%-3.5rem)] scrollbar-hide">
402
  <div class="winner-card bg-gray-900 p-4 rounded-lg border-2 border-yellow-400">
 
453
  </div>
454
  </div>
455
  <button id="drawWinnerBtn" class="fortnite-btn fortnite-btn-yellow w-full mt-4 py-2 rounded-lg">
456
+ <i class="fas fa-random mr-2"></i> Nieuwe Winnaar Kiezen
457
  </button>
458
  </div>
459
  </div>
 
528
  </div>
529
  <div class="mt-4 flex justify-center">
530
  <button class="fortnite-btn fortnite-btn-pink px-6 py-2 rounded-lg">
531
+ <i class="fas fa-sync-alt mr-2"></i> Meer Laden
532
  </button>
533
  </div>
534
  </div>
 
703
  document.getElementById('popupContent').appendChild(configTemplate);
704
 
705
  showPopup(
706
+ "Giveaway Starten",
707
+ "Stel V-Bucks bedrag en duur in:",
708
  function() {
709
  const vbucks = document.getElementById('vbucksAmount').value;
710
  const duration = document.getElementById('giveawayDuration').value;
 
735
 
736
  document.getElementById('logoutBtn').addEventListener('click', function() {
737
  showPopup(
738
+ "Uitloggen",
739
+ "Weet je zeker dat je wilt uitloggen van het dashboard?",
740
  function() {
741
  // In a real app, this would redirect to logout
742
+ alert("Je bent succesvol uitgelogd!");
743
  // window.location.href = "/logout";
744
  }
745
  );
 
754
  ];
755
 
756
  showPopup(
757
+ "Winnaar Kiezen",
758
+ "Het systeem kiest willekeurig iemand die heeft deelgenomen aan de giveaway.",
759
  function() {
760
  const winner = participants[Math.floor(Math.random() * participants.length)];
761
  const vBucks = [1000, 2500, 5000, 7500, 10000][Math.floor(Math.random() * 5)];
 
786
 
787
  // Show winner announcement
788
  showPopup(
789
+ "Winnaar Gekozen!",
790
+ `Gefeliciteerd aan ${winner} voor het winnen van ${vBucks} V-Bucks!`,
791
  function() {}
792
  );
793
  }