From 4c534a0a4f9fe2fc7e223ec2b69c79c9a39f2463 Mon Sep 17 00:00:00 2001 From: Luis Pereira Date: Sun, 23 Nov 2025 23:15:00 +0000 Subject: [PATCH] feat: add blinking live cursor --- static/asteroid.css | 10 ++++++++++ static/asteroid.lass | 7 +++++++ template/audio-player-frame.ctml | 5 ++++- template/front-page-content.ctml | 4 ++-- template/front-page.ctml | 2 +- template/player-content.ctml | 5 ++++- template/player.ctml | 5 ++++- template/popout-player.ctml | 4 +++- 8 files changed, 35 insertions(+), 7 deletions(-) diff --git a/static/asteroid.css b/static/asteroid.css index 8979354..e6e3a4f 100644 --- a/static/asteroid.css +++ b/static/asteroid.css @@ -1427,4 +1427,14 @@ body.popout-body .status-mini{ opacity: 1; background-color: #1a2332; } +} + +.live-stream-indicator{ + animation: asteroid-blink 1s steps(5, start) infinite; +} + +@keyframes asteroid-blink{ + to{ + visibility: hidden; + } } \ No newline at end of file diff --git a/static/asteroid.lass b/static/asteroid.lass index f1b868f..864fcaa 100644 --- a/static/asteroid.lass +++ b/static/asteroid.lass @@ -1160,4 +1160,11 @@ (audio :opacity 1 :background-color #(color-accented-black))) + + ;; Live stream blink animation + (.live-stream-indicator + :animation "asteroid-blink 1s steps(5, start) infinite") + + (:keyframes asteroid-blink + (to :visibility "hidden")) ) ;; End of let block diff --git a/template/audio-player-frame.ctml b/template/audio-player-frame.ctml index 30be3c6..5421756 100644 --- a/template/audio-player-frame.ctml +++ b/template/audio-player-frame.ctml @@ -7,7 +7,10 @@
- 🟢 LIVE: + + 🟢 + LIVE: +
diff --git a/template/front-page-content.ctml b/template/front-page-content.ctml index 7aab33c..0850972 100644 --- a/template/front-page-content.ctml +++ b/template/front-page-content.ctml @@ -35,11 +35,11 @@
-

🟢 LIVE STREAM

+

🟢 LIVE STREAM

Stream URL:

Stream Quality:

-

BROADCASTING: Asteroid music for Hackers.

+

BROADCASTING: Asteroid music for Hackers

The live stream player is now in the persistent bar at the bottom of the page

diff --git a/template/front-page.ctml b/template/front-page.ctml index 95bdac9..9c73780 100644 --- a/template/front-page.ctml +++ b/template/front-page.ctml @@ -36,7 +36,7 @@
-

🟢 LIVE STREAM

+

🟢 LIVE STREAM

diff --git a/template/player-content.ctml b/template/player-content.ctml index bc2afb4..48063b7 100644 --- a/template/player-content.ctml +++ b/template/player-content.ctml @@ -22,7 +22,10 @@
-

🟢 Live Radio Stream

+

+ 🟢 + Live Radio Stream +

The live stream player is now in the persistent bar at the bottom of the page. It will continue playing as you navigate between pages!

diff --git a/template/player.ctml b/template/player.ctml index e305ed5..6c685f5 100644 --- a/template/player.ctml +++ b/template/player.ctml @@ -22,7 +22,10 @@
-

🟢 Live Radio Stream

+

+ 🟢 + Live Radio Stream +

diff --git a/template/popout-player.ctml b/template/popout-player.ctml index 234b86b..569182f 100644 --- a/template/popout-player.ctml +++ b/template/popout-player.ctml @@ -41,7 +41,9 @@
- ● LIVE + + ● + LIVE