diff --git a/server/public/assets/css/style.css b/server/public/assets/css/style.css index 520c15af..193ff9c9 100755 --- a/server/public/assets/css/style.css +++ b/server/public/assets/css/style.css @@ -3089,6 +3089,13 @@ input:not([type]):focus:not([readonly])+label, input[type=text]:not(.browser-def -ms-animation: snow 10s linear infinite; animation: snow 10s linear infinite; } + +#snow.snow-channel { + z-index: 9999; + width: calc(100% - .75rem); + height: calc(100% - 32px); +} + @keyframes snow { 0% {background-position: 0px 0px, 0px 0px, 0px 0px;} 100% {background-position: 500px 500px, 400px 400px, 300px 300px;} diff --git a/server/public/assets/js/player.js b/server/public/assets/js/player.js index e60d4604..79921b77 100755 --- a/server/public/assets/js/player.js +++ b/server/public/assets/js/player.js @@ -191,7 +191,12 @@ var Player = { case YT.PlayerState.PLAYING: if(!window.MSStream) { $("#player").css("opacity", "1"); - if(!Helper.mobilecheck()) $("#channel-load").css("display", "none"); + if(!Helper.mobilecheck()) { + $("#channel-load").css("display", "none"); + if(Frontpage.winter && $("#snow").length == 0) { + $("#video-container").prepend('
'); + } + } } playing = true; if(beginning && Helper.mobilecheck() && !chromecastAvailable){