Totally normal commit

backend/logic/actions/stations.js

@@ -2586,7 +2586,7 @@ export default {
 														type,
 														privacy: "private",
 														playlist: playlist._id,
-														currentSong: StationsModule.defaultSong
+														currentSong: null
 													},
 													(err, station) => {
 														next(

backend/logic/stations.js

@@ -34,16 +34,16 @@ class _StationsModule extends CoreClass {
 		PlaylistsModule = this.moduleManager.modules.playlists;
 		NotificationsModule = this.moduleManager.modules.notifications;
 
-		this.defaultSong = {
-			songId: "60ItHLz5WEA",
-			title: "Faded - Alan Walker",
-			duration: 212,
-			skipDuration: 0,
-			likes: -1,
-			dislikes: -1,
-			requestedAt: Date.now(),
-			status: "unverified"
-		};
+		// this.defaultSong = {
+		// 	songId: "60ItHLz5WEA",
+		// 	title: "Faded - Alan Walker",
+		// 	duration: 212,
+		// 	skipDuration: 0,
+		// 	likes: -1,
+		// 	dislikes: -1,
+		// 	requestedAt: Date.now(),
+		// 	status: "unverified"
+		// };
 
 		this.userList = {};
 		this.usersPerStation = {};

frontend/dist/assets/rocket.svg

@@ -0,0 +1,396 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="513.68683"
+   height="491.95261"
+   version="1.1"
+   id="svg75"
+   sodipodi:docname="rocket-312767.svg"
+   viewBox="0 0 513.68683 491.95261"
+   inkscape:version="0.92pre1_64bit r15016">
+  <defs
+     id="defs79" />
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1366"
+     inkscape:window-height="745"
+     id="namedview77"
+     showgrid="false"
+     fit-margin-top="10"
+     fit-margin-left="10"
+     fit-margin-right="10"
+     fit-margin-bottom="10"
+     inkscape:zoom="1.91875"
+     inkscape:cx="380.89306"
+     inkscape:cy="291.55133"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg75" />
+  <metadata
+     id="metadata1906">image/svg+xml<rdf:RDF>
+  <cc:Work
+     rdf:about="">
+    <dc:format>image/svg+xml</dc:format>
+    <dc:type
+       rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+    <dc:title></dc:title>
+    <cc:license
+       rdf:resource="http://creativecommons.org/publicdomain/zero/1.0/" />
+  </cc:Work>
+  <cc:License
+     rdf:about="http://creativecommons.org/publicdomain/zero/1.0/">
+    <cc:permits
+       rdf:resource="http://creativecommons.org/ns#Reproduction" />
+    <cc:permits
+       rdf:resource="http://creativecommons.org/ns#Distribution" />
+    <cc:permits
+       rdf:resource="http://creativecommons.org/ns#DerivativeWorks" />
+  </cc:License>
+</rdf:RDF>
+</metadata>
+  <g
+     transform="matrix(-0.26597355,-0.26597355,0.63371805,-0.63371805,38.735973,548.75353)"
+     id="svg_29">
+    <metadata
+       id="svg_28">image/svg+xml</metadata>
+    <path
+       style="fill:#e73900;fill-rule:evenodd;stroke-width:1.00000039pt"
+       inkscape:connector-curvature="0"
+       d="M 58.95454,347.23395 C -9.037541,242.85088 73.060089,233.52847 52.118831,90.624024 103.47625,158.04097 117.81456,240.7354 139.37527,265.19403 c 14.88034,19.20859 22.2192,42.3949 20.21849,66.21726 -0.20173,18.85366 23.6251,41.6983 17.10981,59.3005 -34.64389,-27.74878 -94.232524,-9.66226 -117.74903,-43.47784 z"
+       id="svg_27" />
+    <path
+       style="fill:#e73900;fill-rule:evenodd;stroke-width:1.00000021pt"
+       inkscape:connector-curvature="0"
+       d="m 161.7809,377.71368 c 0.39303,-19.99023 -23.79616,-28.66238 -33.52622,-44.27447 -16.1147,-11.92496 -21.21929,-30.48685 -21.57498,-48.76584 -1.3098,-29.23367 24.74826,-203.54258 62.71112,-250.35614 -14.5484,71.88596 21.56903,167.64252 43.88286,199.32079 15.09956,24.61357 20.77625,52.95274 15.3373,80.83769 -2.67223,22.24722 -21.10112,35.61532 -31.07051,55.56906 -9.97252,12.01678 -23.5441,13.15533 -35.75957,7.66891 z"
+       id="svg_26" />
+    <path
+       style="fill:#e73900;fill-rule:evenodd;stroke-width:1.00000021pt"
+       inkscape:connector-curvature="0"
+       d="m 175.5607,387.49258 c 5.78662,-17.36703 -5.66486,-44.89495 -9.27092,-61.00222 -9.78333,-14.50379 -8.83797,-32.01615 -4.1256,-48.07773 6.93673,-25.87512 8.08193,-147.98087 120.02512,-205.321894 -86.81754,85.182644 -29.17041,154.410894 -19.77231,187.745504 5.49048,25.33325 2.68381,51.73715 -9.69748,74.51981 -17.09363,31.45379 -62.73308,48.78924 -77.15881,52.13653 z"
+       id="svg_25" />
+    <path
+       style="fill:#e78c00;fill-rule:evenodd;stroke-width:1.00000003pt"
+       inkscape:connector-curvature="0"
+       d="m 157.11595,377.31308 c 0.29729,-16.31976 -17.99898,-23.39954 -25.35861,-36.14505 -12.18886,-9.73538 -16.04987,-24.88901 -16.31891,-39.81174 -0.99071,-23.86596 23.32575,-150.04612 42.82692,-204.387219 -13.30745,123.179279 20.92102,136.860989 37.79878,162.722669 11.42102,20.09418 15.71477,43.22989 11.60085,65.99475 -2.02123,18.16233 -10.73396,34.71701 -18.27463,51.00696 -7.54301,9.81034 -23.03485,5.09867 -32.2744,0.61963 z"
+       id="svg_24" />
+    <path
+       style="fill:#e78c00;fill-rule:evenodd;stroke-width:1.00000039pt"
+       inkscape:connector-curvature="0"
+       d="m 86.962914,353.92651 c -69.840643,-71.70462 6.256737,-76.69827 -13.112495,-175.17469 23.002991,46.41659 42.077881,81.28575 50.453851,114.24382 12.39538,11.63806 55.22529,82.68295 52.65835,95.56353 -26.99225,-15.36667 -69.8897,-13.98593 -89.999706,-34.63266 z"
+       id="svg_23" />
+    <path
+       style="fill:#e7e100;fill-rule:evenodd;stroke-width:1.00000039pt"
+       inkscape:connector-curvature="0"
+       d="M 100.90993,349.60901 C 59.13153,309.94962 90.33152,286.66406 89.958259,237.12917 c 11.549271,43.35273 48.079751,54.03501 47.610721,80.07765 6.03492,7.79028 37.63431,63.34457 34.99195,70.48333 -14.05024,-11.25384 -55.82177,-23.05477 -71.651,-38.08114 z"
+       id="svg_22" />
+    <path
+       style="fill:#e78c00;fill-rule:evenodd;stroke-width:1.00000021pt"
+       inkscape:connector-curvature="0"
+       d="m 168.06467,344.26385 c -7.3404,-10.88214 -6.63111,-24.0216 -3.09543,-36.07254 5.2046,-19.414 28.07133,-127.32403 60.7381,-150.79486 -23.59104,44.36028 7.42985,112.59653 14.4812,137.60736 4.11949,19.00745 5.27165,41.48987 -7.27597,55.91193 -18.95542,21.78708 -42.88182,34.47507 -56.29,37.51706 -8.52365,5.98154 -5.85229,-32.08371 -8.5579,-44.16895 z"
+       id="svg_21" />
+    <path
+       style="fill:#e7e100;fill-rule:evenodd;stroke-width:0.99999985pt"
+       inkscape:connector-curvature="0"
+       d="m 156.26263,378.50754 c 0.58986,-9.98438 -10.43516,-14.77625 -14.6226,-22.76364 -7.21938,-6.26514 -9.20458,-15.6395 -8.99637,-24.78269 -0.0101,-14.63678 -0.50958,-105.87648 18.02599,-128.55794 -8.20394,35.6561 22.69143,88.80791 32.37858,105.06359 6.49039,12.58816 8.54106,26.86035 5.4534,40.6954 -1.69139,11.06943 -7.43953,20.98737 -12.46341,30.77249 -4.86341,5.8179 -14.23059,2.54602 -19.77558,-0.42721 z"
+       id="svg_20" />
+    <path
+       style="fill:#e7e100;fill-rule:evenodd;stroke-width:0.99999985pt"
+       inkscape:connector-curvature="0"
+       d="m 165.07971,379.78284 c 4.74578,-6.95044 -1.13754,-15.17905 -0.70358,-22.75531 -2.49935,-7.64521 0.12405,-15.26957 4.23044,-21.77805 6.32576,-10.56763 17.44223,-89.10139 40.63311,-97.45039 -21.34854,22.18303 15.72362,81.49476 15.68122,97.41783 -0.76264,11.89306 -15.23012,27.96655 -23.44464,36.61523 -6.01024,7.2569 -17.9049,14.23078 -25.76445,19.11887 -6.02721,-3.66385 -7.91678,-6.6232 -10.6321,-11.16818 z"
+       id="svg_19" />
+    <path
+       style="fill:#ffff9e;fill-rule:evenodd;stroke-width:1.0000011pt"
+       inkscape:connector-curvature="0"
+       d="m 157.0795,371.83478 c -14.75608,-23.24143 -9.28153,-49.17026 -3.00633,-77.45117 2.85862,19.18917 14.76661,42.47567 21.49823,50.11206 4.64589,5.99725 6.93719,13.23639 6.31254,20.67413 -0.063,5.88641 -3.05125,13.01889 -5.08543,18.51459 -10.81639,-8.66364 -12.37677,-1.29184 -19.71901,-11.84961 z"
+       id="svg_18" />
+    <path
+       style="fill:#ffff9e;fill-rule:evenodd;stroke-width:1.0000011pt"
+       inkscape:connector-curvature="0"
+       d="m 173.66742,360.30753 c 11.43123,-25.04462 0.11491,-44.76145 26.31412,-64.40897 -7.82358,18.21469 10.06971,46.97555 8.12272,56.94846 -3.27428,16.7716 -25.88508,29.25442 -31.60083,30.54705 1.36171,-13.79126 -7.68024,-11.17401 -2.83601,-23.08654 z"
+       id="svg_17" />
+    <path
+       style="fill:#ffff9e;fill-rule:evenodd;stroke-width:1.0000011pt"
+       inkscape:connector-curvature="0"
+       d=""
+       id="svg_16" />
+  </g>
+  <g
+     transform="matrix(1.4938907,1.5212294,-1.5212294,1.4938907,-120.80487,-819.40453)"
+     id="svg_1">
+    <path
+       style="fill:#ececec;fill-rule:evenodd;stroke:#000000;stroke-width:3"
+       inkscape:connector-curvature="0"
+       id="path3217"
+       d="m 481.66812,67.248428 c -8.02402,6.942398 -69.69934,65.128842 -22.98169,176.556102 h 46.54151 0.17102 C 552.11639,132.37779 490.4415,74.199982 482.4173,67.257279 l -0.74918,-0.0088 z" />
+    <path
+       style="fill:#cccccc;fill-rule:nonzero;stroke-width:3;stroke-linecap:round;stroke-miterlimit:4"
+       inkscape:connector-curvature="0"
+       stroke-miterlimit="4"
+       d="m 483.60232,139.38954 c -9.71862,0 -17.62307,8.60173 -17.62307,19.1668 0,10.56509 7.90445,19.15799 17.62307,19.15799 9.71866,0 17.6312,-8.5929 17.6312,-19.15799 0,-10.56507 -7.91254,-19.1668 -17.6312,-19.1668 z m 0,2.26637 c 8.59061,0 15.54639,7.5616 15.54639,16.90043 0,9.33883 -6.95578,16.8916 -15.54639,16.8916 -8.59063,0 -15.53829,-7.55277 -15.53829,-16.8916 3e-5,-9.33883 6.94766,-16.90043 15.53829,-16.90043 z"
+       id="path3219" />
+    <path
+       style="fill:#ff0000;fill-rule:evenodd;stroke:#000000;stroke-width:3"
+       inkscape:connector-curvature="0"
+       d="m 450.56461,112.99554 11.31958,-22.607677 15.79473,-19.459793 4.47516,-3.720245 16.84775,19.173599 13.16223,23.180036 1.05304,4.86496 -62.91574,-0.28618"
+       id="path2419" />
+    <path
+       style="fill:#ff0000;fill-rule:evenodd;stroke:#000000;stroke-width:3"
+       inkscape:connector-curvature="0"
+       d="m 444.24673,199.1337 c 0,0 -27.90408,-0.37778 -11.05633,76.69446 0,0 1.57947,-64.35379 16.32123,-56.41986"
+       id="path2408" />
+    <path
+       style="fill:#ff0000;fill-rule:evenodd;stroke:#000000;stroke-width:3"
+       inkscape:connector-curvature="0"
+       id="path2410"
+       d="m 519.91931,199.1337 c 0,0 27.90393,-0.37778 11.05628,76.69446 0,0 -1.57947,-64.35379 -16.32123,-56.41986" />
+    <path
+       style="fill:#b3b3b3;fill-rule:evenodd;stroke:#000000;stroke-width:3"
+       inkscape:connector-curvature="0"
+       d="m 451.88086,228.03723 6.84439,15.73953 46.85773,-0.28619 5.5281,-15.45334 z"
+       id="path2423" />
+    <path
+       style="fill:#d20000;fill-rule:evenodd;stroke-width:3"
+       inkscape:connector-curvature="0"
+       d="m 526.37933,206.86041 -5.26489,14.30869 -3.15894,-2.86179 -3.68548,1.71704 5.00171,-21.46298 8.95037,4.86496 c 0,0 15.53144,11.73312 3.42218,70.11252 7.10761,-60.3826 -5.52819,-66.67844 -5.26495,-66.67844 z"
+       id="path3209" />
+    <path
+       style="fill:#d20000;fill-rule:evenodd;stroke-width:3"
+       inkscape:connector-curvature="0"
+       d="m 432.40066,274.96967 c 0,0 -2.62188,-62.42981 15.26826,-62.67194 1.97418,-0.0267 1.84271,6.86813 1.84271,6.86813 l -7.10764,1.71704 -5.52814,18.88746 z"
+       id="path3213" />
+    <path
+       style="fill:#999999;fill-rule:evenodd;stroke-width:3"
+       inkscape:connector-curvature="0"
+       d="m 493.94302,228.03854 c 1.05622,3.45911 1.68036,8.2858 1.37632,15.16526 0.2247,0.0861 0.4627,0.20685 0.70849,0.34527 l 9.55264,-0.062 4.45456,-12.44739 c -0.17968,-1.0635 -0.38726,-2.01275 -0.5863,-3.00116 z"
+       id="path3232" />
+    <path
+       style="fill:#cccccc;fill-rule:evenodd;stroke-width:3"
+       inkscape:connector-curvature="0"
+       d="m 488.18735,196.77953 c -1.77692,-0.1431 -2.89917,0.15936 -2.89917,0.15936 l -1.31931,22.03522 c 0,0 6.3418,-1.36139 9.33274,8.02081 h 15.53827 c -5.04676,-25.58417 -15.54917,-29.80447 -20.65253,-30.21539 z"
+       id="path3227" />
+    <path
+       style="fill:#cccccc;fill-rule:evenodd;stroke-width:3"
+       inkscape:connector-curvature="0"
+       d="m 452.62167,229.3186 5.21198,14.16486 7.29681,0.56662 -2.08478,-16.14798 z"
+       id="path3241" />
+    <path
+       style="fill:none;fill-rule:evenodd;stroke:#000000;stroke-width:3"
+       inkscape:connector-curvature="0"
+       d="m 450.56461,113.5679 h 61.8627"
+       id="path2394" />
+    <path
+       style="fill:#b3b3b3;fill-rule:nonzero;stroke:#000000;stroke-width:3;stroke-linecap:round;stroke-miterlimit:4"
+       inkscape:connector-curvature="0"
+       stroke-miterlimit="4"
+       id="path2400"
+       d="m 498.62714,156.85487 a 16.584475,18.028923 0 1 1 -33.16895,0 16.584475,18.028923 0 1 1 33.16895,0 z" />
+    <path
+       style="fill:#80e5ff;fill-rule:nonzero;stroke:#000000;stroke-width:3;stroke-linecap:round;stroke-miterlimit:4"
+       inkscape:connector-curvature="0"
+       stroke-miterlimit="4"
+       d="m 492.83575,156.85487 a 10.793091,11.733133 0 1 1 -21.58618,0 10.793091,11.733133 0 1 1 21.58618,0 z"
+       id="path2402" />
+    <path
+       style="fill:none;fill-rule:evenodd;stroke:#000000;stroke-width:3"
+       inkscape:connector-curvature="0"
+       d="m 453.67666,227.99668 h 58.44049"
+       id="path2417" />
+    <path
+       style="fill:#ff0000;fill-rule:nonzero;stroke:#000000;stroke-width:3;stroke-linecap:round;stroke-miterlimit:4"
+       inkscape:connector-curvature="0"
+       stroke-miterlimit="4"
+       d="m 479.67346,198.56137 h 4.73844 v 77.26679 h -4.73844 z"
+       id="rect2414" />
+    <path
+       style="fill:#cccccc;fill-rule:evenodd;stroke-width:3"
+       inkscape:connector-curvature="0"
+       d="m 509.35697,226.15086 c 0,0 21.05969,-52.65588 4.21197,-103.30856 0.78974,89.85842 -21.84942,103.30856 -21.84942,103.30856 z"
+       id="path2425" />
+    <rect
+       style="fill:#ffffff;fill-rule:nonzero;stroke-width:3;stroke-linecap:round;stroke-miterlimit:4"
+       stroke-miterlimit="4"
+       id="rect2429"
+       width="34.470276"
+       height="83.713531"
+       x="672.60468"
+       y="-389.67041"
+       transform="matrix(0.18343478,0.20122734,-0.18343478,0.20122734,291.74655,87.84773)" />
+    <path
+       style="fill:none;fill-rule:nonzero;stroke:#000000;stroke-width:3;stroke-linecap:round;stroke-miterlimit:4"
+       inkscape:connector-curvature="0"
+       stroke-miterlimit="4"
+       id="path2431"
+       d="m 492.83575,156.85487 a 10.793091,11.733133 0 1 1 -21.58618,0 10.793091,11.733133 0 1 1 21.58618,0 z" />
+    <path
+       style="fill:#d20000;fill-rule:evenodd;stroke-width:3"
+       inkscape:connector-curvature="0"
+       d="m 506.1095,109.2753 c 0,0 -8.16068,-23.180055 -23.69214,-35.485505 14.21524,29.762035 6.84436,35.485505 6.84436,35.485505 z"
+       id="path2437" />
+    <path
+       style="fill:none;fill-rule:evenodd;stroke:#000000;stroke-width:3"
+       inkscape:connector-curvature="0"
+       d="m 519.91931,199.1337 c 0,0 27.90393,-0.37778 11.05628,76.69446 0,0 -1.57947,-64.35379 -16.32123,-56.41986"
+       id="path3211" />
+    <path
+       style="fill:none;fill-rule:evenodd;stroke:#000000;stroke-width:3"
+       inkscape:connector-curvature="0"
+       id="path3215"
+       d="m 444.24673,199.1337 c 0,0 -27.90408,-0.37778 -11.05633,76.69446 0,0 1.57947,-64.35379 16.32123,-56.41986" />
+    <path
+       style="fill:#ffffff;fill-rule:evenodd;stroke-width:3"
+       inkscape:connector-curvature="0"
+       d="m 454.25006,108.41678 c 0,0 13.95203,-29.475862 25.53479,-37.202531 11.58286,-7.7267 -25.27154,37.774871 -25.53479,37.202531 z"
+       id="path3237" />
+    <path
+       style="fill:#ffffff;fill-rule:evenodd;stroke-width:3"
+       inkscape:connector-curvature="0"
+       d="m 446.03223,186.74307 c -0.8245,-0.49765 -5.92191,-41.35026 6.70114,-66.77717 7.78332,-6.81024 18.37289,-3.22869 17.86972,-0.40473 -4.35901,24.46296 -19.66736,70.14168 -24.57086,67.1819 z"
+       id="path3239" />
+    <path
+       style="fill:none;fill-rule:evenodd;stroke:#000000;stroke-width:3"
+       inkscape:connector-curvature="0"
+       d="m 481.66812,67.248428 c -8.02402,6.942398 -69.69934,65.128842 -22.98169,176.556102 h 46.54151 0.17102 C 552.11639,132.37779 490.4415,74.199982 482.4173,67.257279 l -0.74918,-0.0088 z"
+       id="path2382" />
+  </g>
+  <path
+     style="fill:#e73900;fill-rule:evenodd;stroke-width:2.13210028pt"
+     inkscape:connector-curvature="0"
+     d=""
+     id="svg_1756" />
+  <path
+     style="fill:#e73900;fill-rule:evenodd;stroke-width:2.13209993pt"
+     inkscape:connector-curvature="0"
+     d=""
+     id="svg_1755" />
+  <path
+     style="fill:#e73900;fill-rule:evenodd;stroke-width:2.13209993pt"
+     inkscape:connector-curvature="0"
+     d=""
+     id="svg_1754" />
+  <path
+     style="fill:#e78c00;fill-rule:evenodd;stroke-width:2.13209957pt"
+     inkscape:connector-curvature="0"
+     d=""
+     id="svg_1753" />
+  <path
+     style="fill:#e78c00;fill-rule:evenodd;stroke-width:2.13210028pt"
+     inkscape:connector-curvature="0"
+     d=""
+     id="svg_1752" />
+  <path
+     style="fill:#e7e100;fill-rule:evenodd;stroke-width:2.13210028pt"
+     inkscape:connector-curvature="0"
+     d=""
+     id="svg_1751" />
+  <path
+     style="fill:#e78c00;fill-rule:evenodd;stroke-width:2.13209993pt"
+     inkscape:connector-curvature="0"
+     d=""
+     id="svg_1750" />
+  <path
+     style="fill:#e7e100;fill-rule:evenodd;stroke-width:2.13209921pt"
+     inkscape:connector-curvature="0"
+     d=""
+     id="svg_1749" />
+  <path
+     style="fill:#e7e100;fill-rule:evenodd;stroke-width:2.13209921pt"
+     inkscape:connector-curvature="0"
+     d=""
+     id="svg_1748" />
+  <path
+     style="fill:#ffff9e;fill-rule:evenodd;stroke-width:2.13210171pt"
+     inkscape:connector-curvature="0"
+     d=""
+     id="svg_1747" />
+  <path
+     style="fill:#ffff9e;fill-rule:evenodd;stroke-width:2.13210171pt"
+     inkscape:connector-curvature="0"
+     d=""
+     id="svg_1746" />
+  <path
+     style="fill:#ffff9e;fill-rule:evenodd;stroke-width:2.13210171pt"
+     inkscape:connector-curvature="0"
+     d=""
+     id="svg_1745" />
+  <path
+     style="fill:#e73900;fill-rule:evenodd;stroke-width:2.13210028pt"
+     inkscape:connector-curvature="0"
+     d=""
+     id="svg_13" />
+  <path
+     style="fill:#e73900;fill-rule:evenodd;stroke-width:2.13209993pt"
+     inkscape:connector-curvature="0"
+     d=""
+     id="svg_12" />
+  <path
+     style="fill:#e73900;fill-rule:evenodd;stroke-width:2.13209993pt"
+     inkscape:connector-curvature="0"
+     d=""
+     id="svg_11" />
+  <path
+     style="fill:#e78c00;fill-rule:evenodd;stroke-width:2.13209957pt"
+     inkscape:connector-curvature="0"
+     d=""
+     id="svg_10" />
+  <path
+     style="fill:#e78c00;fill-rule:evenodd;stroke-width:2.13210028pt"
+     inkscape:connector-curvature="0"
+     d=""
+     id="svg_9" />
+  <path
+     style="fill:#e7e100;fill-rule:evenodd;stroke-width:2.13210028pt"
+     inkscape:connector-curvature="0"
+     d=""
+     id="svg_8" />
+  <path
+     style="fill:#e78c00;fill-rule:evenodd;stroke-width:2.13209993pt"
+     inkscape:connector-curvature="0"
+     d=""
+     id="svg_7" />
+  <path
+     style="fill:#e7e100;fill-rule:evenodd;stroke-width:2.13209921pt"
+     inkscape:connector-curvature="0"
+     d=""
+     id="svg_6" />
+  <path
+     style="fill:#e7e100;fill-rule:evenodd;stroke-width:2.13209921pt"
+     inkscape:connector-curvature="0"
+     d=""
+     id="svg_5" />
+  <path
+     style="fill:#ffff9e;fill-rule:evenodd;stroke-width:2.13210171pt"
+     inkscape:connector-curvature="0"
+     d=""
+     id="svg_4" />
+  <g
+     id="svg_1758"
+     transform="matrix(2.1320995,0,0,2.1320995,-686.53718,-194.38429)" />
+  <g
+     id="svg_15"
+     transform="matrix(2.1320995,0,0,2.1320995,-686.53718,-194.38429)">
+    <path
+       style="fill:#ffff9e;fill-rule:evenodd;stroke-width:1.0000011pt"
+       inkscape:connector-curvature="0"
+       d=""
+       id="svg_3" />
+    <path
+       style="fill:#ffff9e;fill-rule:evenodd;stroke-width:1.0000011pt"
+       inkscape:connector-curvature="0"
+       d=""
+       id="svg_2" />
+  </g>
+</svg>

frontend/src/pages/Station/index.vue

@@ -34,6 +34,26 @@
 		<!-- More simplistic loading animation for mobile users -->
 		<div v-show="loading" id="mobile-progress-animation" />
 
+		<ul
+			v-if="
+				currentSong &&
+					(currentSong.songId === 'l9PxOanFjxQ' ||
+						currentSong.songId === '60ItHLz5WEA')
+			"
+			class="bg-bubbles"
+		>
+			<li></li>
+			<li></li>
+			<li></li>
+			<li></li>
+			<li></li>
+			<li></li>
+			<li></li>
+			<li></li>
+			<li></li>
+			<li></li>
+		</ul>
+
 		<div v-show="!loading">
 			<main-header v-if="exists" />
 
@@ -71,7 +91,85 @@
 								</div>
 							</div>
 							<div id="seeker-bar-container">
-								<div id="seeker-bar" style="width: 0%" />
+								<div
+									id="seeker-bar"
+									:style="{
+										width: `${seekerbarPercentage}%`
+									}"
+									:class="{
+										nyan:
+											currentSong &&
+											currentSong.songId === 'QH2-TGUlwu4'
+									}"
+								/>
+								<img
+									v-if="
+										currentSong &&
+											currentSong.songId === 'QH2-TGUlwu4'
+									"
+									src="https://freepngimg.com/thumb/nyan_cat/1-2-nyan-cat-free-download-png.png"
+									:style="{
+										position: 'absolute',
+										top: `-10px`,
+										left: `${seekerbarPercentage}%`,
+										width: '50px'
+									}"
+								/>
+								<img
+									v-if="
+										currentSong &&
+											(currentSong.songId ===
+												'DtVBCG6ThDk' ||
+												currentSong.songId ===
+													'sI66hcu9fIs' ||
+												currentSong.songId ===
+													'iYYRH4apXDo' ||
+												currentSong.songId ===
+													'tRcPA7Fzebw')
+									"
+									src="/assets/rocket.svg"
+									:style="{
+										position: 'absolute',
+										top: `-21px`,
+										left: `calc(${seekerbarPercentage}% - 35px)`,
+										width: '50px',
+										transform: 'rotate(45deg)'
+									}"
+								/>
+								<img
+									v-if="
+										currentSong &&
+											currentSong.songId === 'jofNR_WkoCE'
+									"
+									src="/assets/fox.svg"
+									:style="{
+										position: 'absolute',
+										top: `-21px`,
+										left: `calc(${seekerbarPercentage}% - 35px)`,
+										width: '50px',
+										transform: 'scaleX(-1)',
+										opacity: 1
+									}"
+								/>
+								<img
+									v-if="
+										currentSong &&
+											(currentSong.songId ===
+												'l9PxOanFjxQ' ||
+												currentSong.songId ===
+													'60ItHLz5WEA')
+									"
+									src="/assets/old_logo.png"
+									:style="{
+										position: 'absolute',
+										top: `-9px`,
+										left: `calc(${seekerbarPercentage}% - 22px)`,
+										'background-color': 'rgb(96, 199, 169)',
+										width: '25px',
+										height: '25px',
+										'border-radius': '25px'
+									}"
+								/>
 							</div>
 							<div id="control-bar-container">
 								<div id="left-buttons">
@@ -591,7 +689,8 @@ export default {
 			playbackRate: 1,
 			volumeSliderValue: 0,
 			showPlaylistDropdown: false,
-			theme: "var(--primary-color)"
+			theme: "var(--primary-color)",
+			seekerbarPercentage: 0
 		};
 	},
 	computed: {
@@ -1123,12 +1222,10 @@ export default {
 		},
 		resizeSeekerbar() {
 			if (!this.stationPaused) {
-				document.getElementById(
-					"seeker-bar"
-				).style.width = `${parseFloat(
+				this.seekerbarPercentage = parseFloat(
 					(this.getTimeElapsed() / 1000 / this.currentSong.duration) *
 						100
-				)}%`;
+				);
 			}
 		},
 		calculateTimeElapsed() {
@@ -2015,7 +2112,7 @@ export default {
 				height: 7px;
 				display: block;
 				width: 100%;
-				overflow: hidden;
+				// overflow: hidden;
 
 				#seeker-bar {
 					background-color: var(--primary-color);
@@ -2239,6 +2336,174 @@ export default {
 	margin-top: 30px;
 }
 
+.nyan {
+	background: linear-gradient(
+		90deg,
+		magenta 0%,
+		red 15%,
+		orange 30%,
+		yellow 45%,
+		lime 60%,
+		cyan 75%,
+		blue 90%,
+		magenta 100%
+	);
+
+	background-size: 200%;
+	animation: nyanMoving 4s linear infinite;
+}
+
+@keyframes nyanMoving {
+	0% {
+		background-position: 0% 0%;
+	}
+	100% {
+		background-position: -200% 0%;
+	}
+}
+
+.bg-bubbles {
+	top: 0;
+	left: 0;
+	width: 100%;
+	height: 100%;
+	position: absolute;
+	z-index: -1;
+	margin: 0px;
+	pointer-events: none;
+}
+
+.bg-bubbles li {
+	position: absolute;
+	list-style: none;
+	display: block;
+	width: 40px;
+	height: 40px;
+	border-radius: 100px;
+	// background-color: rgba(255, 255, 255, 0.15);
+	background-color: var(--primary-color);
+	opacity: 0.15;
+	bottom: 0px;
+	-webkit-animation: square 25s infinite;
+	animation: square 25s infinite;
+	-webkit-transition-timing-function: linear;
+	transition-timing-function: linear;
+}
+
+.bg-bubbles li:nth-child(1) {
+	left: 10%;
+}
+
+.bg-bubbles li:nth-child(2) {
+	left: 20%;
+	width: 80px;
+	height: 80px;
+	-webkit-animation-delay: 2s;
+	animation-delay: 2s;
+	-webkit-animation-duration: 17s;
+	animation-duration: 17s;
+}
+
+.bg-bubbles li:nth-child(3) {
+	left: 25%;
+	-webkit-animation-delay: 4s;
+	animation-delay: 4s;
+}
+
+.bg-bubbles li:nth-child(4) {
+	left: 40%;
+	width: 60px;
+	height: 60px;
+	-webkit-animation-duration: 22s;
+	animation-duration: 22s;
+	// background-color: rgba(255, 255, 255, 0.25);
+	background-color: var(--primary-color);
+	opacity: 0.25;
+}
+
+.bg-bubbles li:nth-child(5) {
+	left: 70%;
+}
+
+.bg-bubbles li:nth-child(6) {
+	left: 80%;
+	width: 120px;
+	height: 120px;
+	-webkit-animation-delay: 3s;
+	animation-delay: 3s;
+	// background-color: rgba(255, 255, 255, 0.2);
+	background-color: var(--primary-color);
+	opacity: 0.2;
+}
+
+.bg-bubbles li:nth-child(7) {
+	left: 32%;
+	width: 160px;
+	height: 160px;
+	-webkit-animation-delay: 7s;
+	animation-delay: 7s;
+}
+
+.bg-bubbles li:nth-child(8) {
+	left: 55%;
+	width: 20px;
+	height: 20px;
+	-webkit-animation-delay: 15s;
+	animation-delay: 15s;
+	-webkit-animation-duration: 40s;
+	animation-duration: 40s;
+}
+
+.bg-bubbles li:nth-child(9) {
+	left: 25%;
+	width: 10px;
+	height: 10px;
+	-webkit-animation-delay: 2s;
+	animation-delay: 2s;
+	-webkit-animation-duration: 40s;
+	animation-duration: 40s;
+	// background-color: rgba(255, 255, 255, 0.3);
+	background-color: var(--primary-color);
+	opacity: 0.3;
+}
+
+.bg-bubbles li:nth-child(10) {
+	left: 80%;
+	width: 160px;
+	height: 160px;
+	-webkit-animation-delay: 11s;
+	animation-delay: 11s;
+}
+
+/* Tablet view fix */
+@media (max-width: 768px) {
+	.bg-bubbles li:nth-child(10) {
+		display: none;
+	}
+}
+
+@-webkit-keyframes square {
+	0% {
+		-webkit-transform: translateY(0);
+		transform: translateY(0);
+	}
+	100% {
+		-webkit-transform: translateY(-700px) rotate(600deg);
+		transform: translateY(-700px) rotate(600deg);
+	}
+}
+
+@keyframes square {
+	0% {
+		-webkit-transform: translateY(0);
+		transform: translateY(0);
+	}
+	100% {
+		-webkit-transform: translateY(-700px) rotate(600deg);
+		transform: translateY(-700px) rotate(600deg);
+	}
+}
+
 /deep/ .nothing-here-text {
 	display: flex;
 	align-items: center;