Added a option to disable snow effect

Wruczek · Dec 4, 2016 · 40813f6 · 40813f6
1 parent 283bd9e
commit 40813f6
Show file tree

Hide file tree

Showing 3 changed files with 50 additions and 3 deletions.
diff --git a/css/christmas-theme.css b/css/christmas-theme.css
@@ -9,6 +9,11 @@ body {
     background-image: url(../img/christmas-bg.jpg);
 }
 
+.disableSnowLink {
+    position: fixed;
+    bottom: 0;
+}
+
 .panel {
     background-color: #410b13;
 }

diff --git a/include/footer.php b/include/footer.php
@@ -54,6 +54,7 @@
 
     <script src="js/script.js"></script>
     <script src="js/status.js"></script>
+
 </body>
 
 </html>

diff --git a/js/christmas.js b/js/christmas.js
@@ -16,6 +16,18 @@ if (new Date().getMonth() === 11) {
     document.head.appendChild(script);
 
     window.addEventListener('load', function () {
+        // Change background artist in the footer
+        document.getElementById('background-artist').innerHTML = '<a href="http://www.publicdomainpictures.net/view-image.php?image=28562&picture=christmas-bulbs-red-background">Debi Geroux - Public Domain</a>';
+
+        if(getCookie('snoweffect') === 'false') {
+            document.getElementsByTagName('body')[0].innerHTML += '<a class="disableSnowLink" href="#" onclick="enableSnowEffect()">Enable snow effect</a>';
+            return;
+        }
+
+        // Add a link to disable the effect
+        document.getElementsByTagName('body')[0].innerHTML += '<a class="disableSnowLink" href="#" onclick="disableSnowEffect()">Disable snow effect</a>';
+
+        // Add the snow effect
         snowFall.snow(document.body, {
             flakeCount: (document.body.clientWidth > 992 ? 500 : 100),
             flakeIndex: -1,
@@ -26,8 +38,37 @@ if (new Date().getMonth() === 11) {
             round: true,
             shadow: true
         });
-
-        // Change background artist in the footer
-        document.getElementById('background-artist').innerHTML = '<a href="http://www.publicdomainpictures.net/view-image.php?image=28562&picture=christmas-bulbs-red-background">Debi Geroux - Public Domain</a>';
     });
 }
+
+function disableSnowEffect() {
+    setCookie('snoweffect', 'false', 30);
+    location.reload();
+}
+
+function enableSnowEffect() {
+    setCookie('snoweffect', 'true', 30);
+    location.reload();
+}
+
+function setCookie(cname,cvalue,exdays) {
+    var d = new Date();
+    d.setTime(d.getTime() + (exdays*24*60*60*1000));
+    var expires = "expires=" + d.toGMTString();
+    document.cookie = cname + "=" + cvalue + ";" + expires + ";path=/";
+}
+
+function getCookie(cname) {
+    var name = cname + "=";
+    var ca = document.cookie.split(';');
+    for(var i = 0; i < ca.length; i++) {
+        var c = ca[i];
+        while (c.charAt(0) == ' ') {
+            c = c.substring(1);
+        }
+        if (c.indexOf(name) == 0) {
+            return c.substring(name.length, c.length);
+        }
+    }
+    return "";
+}