diff --git a/index.php b/index.php index a1567b5..4eb95d3 100644 --- a/index.php +++ b/index.php @@ -1680,6 +1680,44 @@ $twitter_link = "https://twitter.com/"; animation: slideUpFade 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); } + /* Energy Thermometer for DJ */ + .energy-thermometer-container { + display: none; + flex-direction: column; + align-items: flex-start; + gap: 4px; + margin-left: 5px; + } + .energy-thermometer { + width: 80px; + height: 8px; + background: rgba(255, 255, 255, 0.1); + border-radius: 10px; + border: 1px solid rgba(255, 255, 255, 0.1); + overflow: hidden; + position: relative; + } + .energy-fill { + height: 100%; + width: 0%; + background: linear-gradient(90deg, #38bdf8, #facc15, #f472b6, #38bdf8); + background-size: 200% 100%; + transition: width 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); + animation: gradient-shift 2s linear infinite; + box-shadow: 0 0 10px rgba(56, 189, 248, 0.5); + } + @keyframes gradient-shift { + 0% { background-position: 0% 50%; } + 100% { background-position: 200% 50%; } + } + .energy-status-label { + font-size: 0.55rem; + font-weight: 800; + color: #facc15; + text-transform: uppercase; + letter-spacing: 0.5px; + } + @keyframes slideUpFade { 0% { transform: translateY(20px); opacity: 0; } 100% { transform: translateY(0); opacity: 1; } @@ -1855,6 +1893,12 @@ $twitter_link = "https://twitter.com/";
LILI
+
+ Cargando hype... +
+
+
+
ESTÁS ESCUCHANDO:
Cargando stream...
@@ -3098,6 +3142,15 @@ $twitter_link = "https://twitter.com/"; const animationEnd = Date.now() + duration; const defaults = { startVelocity: 30, spread: 360, ticks: 60, zIndex: 10001 }; + // Reset thermometer + const energyFill = document.getElementById('energy-fill'); + const energyText = document.getElementById('energy-text'); + if (energyFill) { + energyFill.style.width = '0%'; + energyFill.parentElement.classList.remove('counter-alert'); + if (energyText) energyText.innerText = "¡REINICIANDO!"; + } + function randomInRange(min, max) { return Math.random() * (max - min) + min; } @@ -3166,6 +3219,29 @@ $twitter_link = "https://twitter.com/"; // Massive Celebration Logic globalReactionCount++; + // Update Energy Thermometer for DJ + const energyFill = document.getElementById('energy-fill'); + const energyText = document.getElementById('energy-text'); + if (energyFill) { + const threshold = 50; + const percentage = (globalReactionCount / threshold) * 100; + energyFill.style.width = `${Math.min(percentage, 100)}%`; + + if (energyText) { + if (percentage < 30) energyText.innerText = "Cargando hype..."; + else if (percentage < 70) energyText.innerText = "¡Hype subiendo!"; + else if (percentage < 100) { + energyText.innerText = "¡Casi explota!"; + energyFill.parentElement.classList.add('counter-alert'); + } else { + energyText.innerText = "¡EXPLOSIÓN!"; + energyFill.parentElement.classList.add('counter-alert'); + } + + if (percentage < 70) energyFill.parentElement.classList.remove('counter-alert'); + } + } + if (!reactionTimer) { reactionTimer = setTimeout(() => { globalReactionCount = 0; @@ -3377,6 +3453,10 @@ $twitter_link = "https://twitter.com/"; const skipBtn = document.getElementById('dj-skip-btn'); if (skipBtn) skipBtn.style.display = isGuestDj ? 'flex' : 'none'; + // Show/hide Energy Thermometer + const thermometer = document.getElementById('dj-energy-thermometer'); + if (thermometer) thermometer.style.display = isGuestDj ? 'flex' : 'none'; + if (result.success) { const list = document.getElementById('song-requests-list'); if (result.requests.length === 0) {