Browse Source

feat: Christmas barberpole station seeker

Owen Diffey 3 years ago
parent
commit
a5f2fd9250
1 changed files with 20 additions and 0 deletions
  1. 20 0
      frontend/src/pages/Station/index.vue

+ 20 - 0
frontend/src/pages/Station/index.vue

@@ -202,6 +202,7 @@
 										width: `${seekerbarPercentage}%`
 									}"
 									:class="{
+										'christmas-seeker': christmas,
 										nyan:
 											currentSong &&
 											currentSong.youtubeId ===
@@ -2817,6 +2818,25 @@ export default {
 	}
 }
 
+.christmas-seeker {
+	background: repeating-linear-gradient(
+		-45deg,
+		var(--white),
+		var(--white) 1rem,
+		var(--red) 1rem,
+		var(--red) 2rem
+	);
+
+	background-size: 200% 200%;
+	animation: christmas 10s linear infinite;
+}
+
+@keyframes christmas {
+	100% {
+		background-position: 100% 100%;
+	}
+}
+
 .bg-bubbles {
 	top: 0;
 	left: 0;