"
- "
" (escape-html (ps:@ track song)) "
"
- "
" (escape-html (ps:@ track artist)) "
"
- "
" time-ago ""
- "
"
""))))))
(setf html (+ html ""))
diff --git a/static/asteroid.lass b/static/asteroid.lass
index e07209a..ffedb2e 100644
--- a/static/asteroid.lass
+++ b/static/asteroid.lass
@@ -145,7 +145,28 @@
:padding "20px"
:font-style italic)
- (.error :color "#ff4444"))
+ (.error :color "#ff4444")
+
+ (.track-link
+ :display inline-flex
+ :align-items center
+ :gap "4px"
+ :color "#4488ff"
+ :text-decoration none
+ :font-weight 500
+ :font-size "1em"
+ :transition "all 0.2s"
+
+ (.external-icon
+ :width "14px"
+ :height "14px"
+ :margin-left "2px"
+ :vertical-align middle))
+
+ ((:and .track-link :hover)
+ :color "#00ff00"
+ :text-decoration underline
+ :text-underline-offset "3px"))
((:and .recently-played-list .track-list)
:list-style none
@@ -171,9 +192,6 @@
:align-items center)
((:and .recently-played-list .track-title)
- :color "#4488ff"
- :font-weight 500
- :font-size "1em"
:grid-column 1
:grid-row 1)
@@ -188,32 +206,7 @@
:font-size "0.85em"
:grid-column 2
:grid-row 1
- :text-align right)
-
- ((:and .recently-played-list .track-meta)
- :grid-column 2
- :grid-row 2
:text-align right))
-
- (.recently-played-list
- (.allmusic-link
- :display inline-flex
- :align-items center
- :gap "4px"
- :color "#4488ff"
- :text-decoration none
- :font-size "0.85em"
- :letter-spacing "0.08rem"
- :transition "all 0.2s"
- :white-space nowrap
-
- ((:and :hover)
- :color "#00ff00"
- :text-decoration underline
- :text-underline-offset "5px")
-
- (svg :width "14px"
- :height "14px")))
(.back
:color "#00ffff"