Spaces:
Running
Running
Replace the "Daily Rewards" panel with a "Live Chat" panel module with corresponding elements of a live chat function.
Browse files- index.html +45 -57
index.html
CHANGED
|
@@ -756,72 +756,60 @@
|
|
| 756 |
<h3 class="font-bold mb-4 text-center">Rewards & Tournaments</h3>
|
| 757 |
|
| 758 |
<div class="grid grid-cols-1 md:grid-cols-2 gap-4">
|
| 759 |
-
<!--
|
| 760 |
-
<div class="glass-panel p-4 rounded-xl relative overflow-hidden vip-gradient-bg">
|
| 761 |
-
<
|
| 762 |
-
|
| 763 |
-
<div class="text-
|
| 764 |
-
<div class="w-
|
| 765 |
-
|
| 766 |
-
</div>
|
| 767 |
-
<p class="text-xs mt-1">Day 1</p>
|
| 768 |
-
</div>
|
| 769 |
-
|
| 770 |
-
<div class="text-center">
|
| 771 |
-
<div class="w-12 h-12 rounded-full bg-gray-700 flex items-center justify-center mx-auto">
|
| 772 |
-
<i class="fas fa-coins text-gray-500"></i>
|
| 773 |
-
</div>
|
| 774 |
-
<p class="text-xs mt-1">Day 2</p>
|
| 775 |
</div>
|
| 776 |
-
|
| 777 |
-
|
| 778 |
-
|
| 779 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 780 |
</div>
|
| 781 |
-
|
| 782 |
-
|
| 783 |
-
|
| 784 |
-
|
| 785 |
-
|
| 786 |
-
<
|
|
|
|
|
|
|
|
|
|
| 787 |
</div>
|
| 788 |
-
|
| 789 |
-
|
| 790 |
-
|
| 791 |
-
|
| 792 |
-
|
| 793 |
-
<
|
|
|
|
|
|
|
|
|
|
| 794 |
</div>
|
| 795 |
-
<p class="text-xs mt-1">Day 5</p>
|
| 796 |
</div>
|
| 797 |
</div>
|
| 798 |
-
|
| 799 |
-
|
| 800 |
-
|
| 801 |
-
|
| 802 |
-
|
| 803 |
-
|
| 804 |
-
<span>Day 2: 25 Free Spins</span>
|
| 805 |
-
<span class="text-niogold">Claimed</span>
|
| 806 |
-
</div>
|
| 807 |
-
<div class="flex justify-between text-xs mb-1">
|
| 808 |
-
<span>Day 3: 50 Free Spins</span>
|
| 809 |
-
<span class="text-niogold">Claimed</span>
|
| 810 |
-
</div>
|
| 811 |
-
<div class="flex justify-between text-xs mb-1">
|
| 812 |
-
<span>Day 4: 100 Free Spins</span>
|
| 813 |
-
<span class="text-niogold">Claimed</span>
|
| 814 |
-
</div>
|
| 815 |
-
<div class="flex justify-between text-xs mb-1">
|
| 816 |
-
<span>Day 5: 200 Free Spins + $5 Bonus</span>
|
| 817 |
-
<span class="text-gray-400">Available in 1 day</span>
|
| 818 |
-
</div>
|
| 819 |
</div>
|
| 820 |
</div>
|
| 821 |
-
|
| 822 |
<!-- Tournament Leaderboard -->
|
| 823 |
-
<div class="glass-panel p-4 rounded-xl relative overflow-hidden vip-gradient-bg">
|
| 824 |
-
|
| 825 |
<h4 class="font-bold text-niogold">Mega Tournament</h4>
|
| 826 |
<div class="text-sm flex items-center">
|
| 827 |
<i class="far fa-clock mr-1 text-amber-300"></i>
|
|
|
|
| 756 |
<h3 class="font-bold mb-4 text-center">Rewards & Tournaments</h3>
|
| 757 |
|
| 758 |
<div class="grid grid-cols-1 md:grid-cols-2 gap-4">
|
| 759 |
+
<!-- Live Chat -->
|
| 760 |
+
<div class="glass-panel p-4 rounded-xl relative overflow-hidden vip-gradient-bg h-full">
|
| 761 |
+
<div class="flex items-center justify-between mb-3">
|
| 762 |
+
<h4 class="font-bold text-niogold">Live Chat</h4>
|
| 763 |
+
<div class="flex items-center text-xs">
|
| 764 |
+
<div class="w-2 h-2 bg-green-500 rounded-full mr-1 animate-pulse"></div>
|
| 765 |
+
<span>12 Online</span>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 766 |
</div>
|
| 767 |
+
</div>
|
| 768 |
+
|
| 769 |
+
<div class="h-40 mb-3 overflow-y-auto scroll-container">
|
| 770 |
+
<div class="space-y-2">
|
| 771 |
+
<div class="flex">
|
| 772 |
+
<div class="w-8 h-8 rounded-full bg-gray-700 flex-shrink-0 flex items-center justify-center mr-2">
|
| 773 |
+
<i class="fas fa-user text-xs"></i>
|
| 774 |
+
</div>
|
| 775 |
+
<div>
|
| 776 |
+
<p class="text-xs font-semibold">BigWinner88 <span class="text-gray-400 ml-1">2:45 PM</span></p>
|
| 777 |
+
<p class="text-xs">Just hit the jackpot on Diamond Riches! 🎰💰</p>
|
| 778 |
+
</div>
|
| 779 |
</div>
|
| 780 |
+
|
| 781 |
+
<div class="flex">
|
| 782 |
+
<div class="w-8 h-8 rounded-full bg-gray-700 flex-shrink-0 flex items-center justify-center mr-2">
|
| 783 |
+
<i class="fas fa-user text-xs"></i>
|
| 784 |
+
</div>
|
| 785 |
+
<div>
|
| 786 |
+
<p class="text-xs font-semibold">LuckySpin99 <span class="text-gray-400 ml-1">2:47 PM</span></p>
|
| 787 |
+
<p class="text-xs">Congrats! I'm on a cold streak today 😅</p>
|
| 788 |
+
</div>
|
| 789 |
</div>
|
| 790 |
+
|
| 791 |
+
<div class="flex">
|
| 792 |
+
<div class="w-8 h-8 rounded-full bg-gradient-to-r from-niogold to-amber-200 flex-shrink-0 flex items-center justify-center mr-2">
|
| 793 |
+
<i class="fas fa-crown text-xs text-black"></i>
|
| 794 |
+
</div>
|
| 795 |
+
<div>
|
| 796 |
+
<p class="text-xs font-semibold text-niogold">Nioplay Support <span class="text-gray-400 ml-1">2:49 PM</span></p>
|
| 797 |
+
<p class="text-xs">Remember to check out our new game Fortune Tiger for a chance to win big! 🐯</p>
|
| 798 |
+
</div>
|
| 799 |
</div>
|
|
|
|
| 800 |
</div>
|
| 801 |
</div>
|
| 802 |
+
|
| 803 |
+
<div class="relative">
|
| 804 |
+
<input type="text" placeholder="Type your message..." class="w-full py-2 px-3 bg-nioglass rounded-full text-sm focus:outline-none focus:ring-1 focus:ring-niogold">
|
| 805 |
+
<button class="absolute right-2 top-1/2 transform -translate-y-1/2 bg-gradient-to-r from-niogold to-amber-200 rounded-full w-6 h-6 flex items-center justify-center">
|
| 806 |
+
<i class="fas fa-paper-plane text-xs text-black"></i>
|
| 807 |
+
</button>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 808 |
</div>
|
| 809 |
</div>
|
|
|
|
| 810 |
<!-- Tournament Leaderboard -->
|
| 811 |
+
<div class="glass-panel p-4 rounded-xl relative overflow-hidden vip-gradient-bg" style="height: 100%;">
|
| 812 |
+
<div class="flex justify-between items-center mb-3">
|
| 813 |
<h4 class="font-bold text-niogold">Mega Tournament</h4>
|
| 814 |
<div class="text-sm flex items-center">
|
| 815 |
<i class="far fa-clock mr-1 text-amber-300"></i>
|