From c3183e746c6ad5456115dcfa327fbd60aa10976d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Kasper=20Rynning-T=C3=B8nnesen?= <kasper@kasperrt.no>
Date: Thu, 2 Nov 2017 11:45:21 +0100
Subject: [PATCH] Snow in channel also on video

---
 server/public/assets/css/style.css | 7 +++++++
 server/public/assets/js/player.js  | 7 ++++++-
 2 files changed, 13 insertions(+), 1 deletion(-)

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 a2e13625..4dd95eb8 100755
--- a/server/public/assets/js/player.js
+++ b/server/public/assets/js/player.js
@@ -187,7 +187,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('<div id="snow" class="snow-channel"></div>');
+                        }
+                    }
                 }
                 playing = true;
                 if(beginning && Helper.mobilecheck() && !chromecastAvailable){