Added scrolling animation to audio player thumbnail (closes #101)

layout/sidebar/audioplayer.scarlet

@@ -12,26 +12,24 @@
 	align-items center
 	width 100%
 
-#audio-player-anime-image
-	opacity 0.15 !important
-	width 39px
-	height 39px
+#audio-player-anime-link
+	width 142px
+	height 142px
+	overflow-y hidden
 	border-radius 3px
-	object-fit cover
-	default-transition
-	animation rotate-y-once 5s ease infinite alternate
+	opacity 0.75
 
 	:hover
-		filter saturate(130%)
-		opacity 1.0 !important
+		opacity 1
 
-animation rotate-y-once
-	0%
-		transform rotateY(0)
-	90%
-		transform rotateY(0)
-	100%
-		transform rotateY(90deg)
+#audio-player-anime-image
+	width 100%
+	transform translateY(0%)
+	animation bounce-up-down 45s linear infinite
+
+animation bounce-up-down
+	50%
+		transform translateY(-30%)
 
 #audio-player-track-title
 	width 100%

scripts/Actions/Audio.ts

@@ -90,7 +90,7 @@ function playAudioFile(arn: AnimeNotifier, trackId: string, trackUrl: string) {
 				let anime = await animeResponse.json()
 				animeLink.title = anime.title.canonical
 				animeLink.href = "/anime/" + anime.id
-				animeImage.dataset.src = "//media.notify.moe/images/anime/small/" + anime.id + anime.imageExtension
+				animeImage.dataset.src = "//media.notify.moe/images/anime/medium/" + anime.id + anime.imageExtension
 				animeImage.classList.remove("hidden")
 				animeImage["became visible"]()
 			}