From 3680a772393e2988d44213295631e499e883605b Mon Sep 17 00:00:00 2001 From: Omar Najjar Date: Sun, 7 Jul 2024 15:53:54 +1000 Subject: [PATCH] x --- index.html | 81 ++++++++++++++++++++++-------------------------------- 1 file changed, 33 insertions(+), 48 deletions(-) diff --git a/index.html b/index.html index 9c090ad..3cf0211 100644 --- a/index.html +++ b/index.html @@ -67,11 +67,6 @@ border-color: var(--primary-neon); text-shadow: var(--neon-shadow-text); } - .btn-disabled { - cursor: not-allowed; - opacity: 0.5; - box-shadow: none; - } input[type="email"], input[type="text"], input[type="tel"], input[type="number"], textarea { width: calc(100% - 40px); padding: 10px; @@ -264,23 +259,6 @@ margin-bottom: 5px; border-radius: 5px; } - @keyframes floatUp { - 0% { - opacity: 1; - transform: translateY(0); - } - 100% { - opacity: 0; - transform: translateY(-100px); - } - } - .floating-bet { - position: fixed; - font-size: 24px; - color: #fff; - z-index: 100; - animation: floatUp 2s ease-out; - } @@ -319,11 +297,6 @@

Your Balance: $0

-

Total Bets

-
-
Lion: $0
-
Buffalo: $0
-
5
LIVE
@@ -333,6 +306,10 @@
+
+

Total Bets on Lion: 0

+

Total Bets on Buffalo: 0

+
💬 Live Chat
@@ -486,9 +463,9 @@ }); if (response.ok) { console.log('Bet placed successfully'); + animateBetAmount(team, defaultBetSize); await fetchUserBalance(); await fetchTotalBets(); - animateBet(defaultBetSize, team); } else { console.error('Failed to place bet'); } @@ -498,20 +475,16 @@ const response = await fetch(`${WORKER_URL}?email=${encodeURIComponent(userEmail)}`, { method: 'GET' }); if (response.ok) { const userData = await response.json(); - const balance = userData.user.balance || 0; - document.getElementById('userBalance').textContent = balance; - + document.getElementById('userBalance').textContent = userData.user.balance || '0'; // Disable bet buttons if balance is insufficient - if (balance < defaultBetSize) { - document.getElementById('betLionBtn').classList.add('btn-disabled'); - document.getElementById('betBuffaloBtn').classList.add('btn-disabled'); - document.getElementById('betLionBtn').disabled = true; - document.getElementById('betBuffaloBtn').disabled = true; + const betLionBtn = document.getElementById('betLionBtn'); + const betBuffaloBtn = document.getElementById('betBuffaloBtn'); + if (userData.user.balance < defaultBetSize) { + betLionBtn.disabled = true; + betBuffaloBtn.disabled = true; } else { - document.getElementById('betLionBtn').classList.remove('btn-disabled'); - document.getElementById('betBuffaloBtn').classList.remove('btn-disabled'); - document.getElementById('betLionBtn').disabled = false; - document.getElementById('betBuffaloBtn').disabled = false; + betLionBtn.disabled = false; + betBuffaloBtn.disabled = false; } } else { console.error('Failed to fetch user balance'); @@ -531,14 +504,6 @@ } } - function animateBet(amount, team) { - const betElement = document.createElement('div'); - betElement.classList.add('floating-bet'); - betElement.textContent = `$${amount} on ${team === 0 ? 'Lion' : 'Buffalo'}`; - document.body.appendChild(betElement); - setTimeout(() => betElement.remove(), 2000); - } - function generateRandomAvatars() { const avatarsContainer = document.querySelector('.avatars'); avatarsContainer.innerHTML = ''; // Clear existing avatars @@ -553,6 +518,26 @@ } } + function animateBetAmount(team, amount) { + const betButton = team === 0 ? document.getElementById('betLionBtn') : document.getElementById('betBuffaloBtn'); + const betAnimation = document.createElement('div'); + betAnimation.textContent = `$${amount}`; + betAnimation.style.position = 'absolute'; + betAnimation.style.color = 'yellow'; + betAnimation.style.top = `${betButton.getBoundingClientRect().top}px`; + betAnimation.style.left = `${betButton.getBoundingClientRect().left}px`; + betAnimation.style.zIndex = 1000; + betAnimation.style.transition = 'all 1s ease-out'; + document.body.appendChild(betAnimation); + setTimeout(() => { + betAnimation.style.transform = `translateY(-100px)`; + betAnimation.style.opacity = 0; + }, 100); + setTimeout(() => { + betAnimation.remove(); + }, 1100); + } + // Add to Home Screen Prompt let deferredPrompt; window.addEventListener('beforeinstallprompt', (e) => {