Added a option to disable snow effect
This commit is contained in:
parent
283bd9e091
commit
40813f606e
|
@ -9,6 +9,11 @@ body {
|
||||||
background-image: url(../img/christmas-bg.jpg);
|
background-image: url(../img/christmas-bg.jpg);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.disableSnowLink {
|
||||||
|
position: fixed;
|
||||||
|
bottom: 0;
|
||||||
|
}
|
||||||
|
|
||||||
.panel {
|
.panel {
|
||||||
background-color: #410b13;
|
background-color: #410b13;
|
||||||
}
|
}
|
||||||
|
|
|
@ -54,6 +54,7 @@
|
||||||
|
|
||||||
<script src="js/script.js"></script>
|
<script src="js/script.js"></script>
|
||||||
<script src="js/status.js"></script>
|
<script src="js/status.js"></script>
|
||||||
|
|
||||||
</body>
|
</body>
|
||||||
|
|
||||||
</html>
|
</html>
|
||||||
|
|
|
@ -16,6 +16,18 @@ if (new Date().getMonth() === 11) {
|
||||||
document.head.appendChild(script);
|
document.head.appendChild(script);
|
||||||
|
|
||||||
window.addEventListener('load', function () {
|
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, {
|
snowFall.snow(document.body, {
|
||||||
flakeCount: (document.body.clientWidth > 992 ? 500 : 100),
|
flakeCount: (document.body.clientWidth > 992 ? 500 : 100),
|
||||||
flakeIndex: -1,
|
flakeIndex: -1,
|
||||||
|
@ -26,8 +38,37 @@ if (new Date().getMonth() === 11) {
|
||||||
round: true,
|
round: true,
|
||||||
shadow: 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 "";
|
||||||
|
}
|
||||||
|
|
Loading…
Reference in New Issue