diff --git a/index.php b/index.php index 544f3e7..dac3d1f 100644 --- a/index.php +++ b/index.php @@ -234,14 +234,25 @@ $facebook_link = "https://www.facebook.com/profile.php?id=61587890927489"; } .track-title { - font-weight: 700; - font-size: 1.25rem; + font-weight: 800; + font-size: 1.5rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition: opacity 0.5s ease; color: #fff; - text-shadow: 0 0 10px rgba(56, 189, 248, 0.3); + text-shadow: 0 0 15px var(--primary-color), 0 0 30px rgba(0,0,0,0.5); + display: block; + margin-top: 0.2rem; + } + + .track-label { + font-size: 0.75rem; + font-weight: 700; + text-transform: uppercase; + letter-spacing: 2px; + color: var(--accent-color); + margin-bottom: -5px; display: block; } @@ -670,8 +681,9 @@ $facebook_link = "https://www.facebook.com/profile.php?id=61587890927489";
-
EN VIVO
+ ESTÁS ESCUCHANDO:
Cargando stream...
+
EN VIVO
@@ -780,7 +792,7 @@ $facebook_link = "https://www.facebook.com/profile.php?id=61587890927489"; resizeCanvas(); window.addEventListener('resize', resizeCanvas); - let hue = 0; + let colorOffset = 0; function draw() { if (audio.paused) { ctx.clearRect(0, 0, canvas.width, canvas.height); @@ -796,7 +808,7 @@ $facebook_link = "https://www.facebook.com/profile.php?id=61587890927489"; const barCount = bufferLength / 1.5; const logicalWidth = canvas.width / window.devicePixelRatio; const logicalHeight = canvas.height / window.devicePixelRatio; - const barWidth = (logicalWidth / barCount) * 0.8; + const barWidth = (logicalWidth / barCount) * 0.7; let x = logicalWidth / 2; let xLeft = logicalWidth / 2; @@ -804,29 +816,40 @@ $facebook_link = "https://www.facebook.com/profile.php?id=61587890927489"; for(let i=0; i