Difference between revisions of "MediaWiki:Timeless.js"

From Drawn to Life Wiki
(Changed order and prettify)
(i have no idea what this will do)
Line 63: Line 63:
 
     })
 
     })
 
}
 
}
 +
 +
 +
var didScroll = false;
 +
 +
$(window).scroll(function() {
 +
    didScroll = true;
 +
});
 +
 +
setInterval(function() {
 +
    if ( didScroll ) {
 +
        didScroll = false;
 +
        var $el;
 +
 +
        //Same that all the if else statements
 +
        switch (true) {
 +
            case (scroll >= 100):
 +
                $el = $("#mw-header-container");
 +
                break;
 +
        }
 +
 +
        //Removing blue class from all links
 +
        $('#mw-header-container').addClass('headerblur');
 +
    }
 +
}, 50);

Revision as of 06:09, 29 May 2021

/* All JavaScript here will be loaded for users of the Timeless skin */
if ($.inArray("Drawn to Life: Two Realms", mw.config.get('wgCategories')) > -1) {
    $(function() {
        "use strict";
        $('#mw-content-container').css('background', 'url(https://drawntolife.wiki/w/backgrounds/page_bg_raw.jpg) top center no-repeat fixed');
        $('#mw-content-container').css('background-size', 'cover')
    })
}
if ($.inArray("City Gate", mw.config.get('wgCategories')) > -1) {
    $(function() {
        "use strict";
        $('#mw-content-container').css('background', 'url(https://drawntolife.wiki/w/backgrounds/City_Wall_Background.png) top center no-repeat fixed');
        $('#mw-content-container').css('background-size', 'cover')
    })
}
if ($.inArray("Beach Gate", mw.config.get('wgCategories')) > -1) {
    $(function() {
        "use strict";
        $('#mw-content-container').css('background', 'url(https://drawntolife.wiki/w/backgrounds/BeachgateBG.png) top center no-repeat fixed');
        $('#mw-content-container').css('background-size', 'cover')
    })
}
if ($.inArray("Snow Gate", mw.config.get('wgCategories')) > -1) {
    $(function() {
        "use strict";
        $('#mw-content-container').css('background', 'url(https://drawntolife.wiki/w/backgrounds/SnowGate_Mountains_Background.png) top center no-repeat fixed');
        $('#mw-content-container').css('background-size', 'cover')
    })
}
if ($.inArray("Forest Gate", mw.config.get('wgCategories')) > -1) {
    $(function() {
        "use strict";
        $('#mw-content-container').css('background', 'url(https://drawntolife.wiki/w/backgrounds/GearWorks_Background.png) top center no-repeat fixed');
        $('#mw-content-container').css('background-size', 'cover')
    })
}
if ($.inArray("Wilfre's Wasteland", mw.config.get('wgCategories')) > -1) {
    $(function() {
        "use strict";
        $('#mw-content-container').css('background', 'url(https://drawntolife.wiki/w/backgrounds/WW_Crumbling_Keep_Wallpaper.png) top center no-repeat fixed');
        $('#mw-content-container').css('background-size', 'cover')
    })
}
if ($.inArray("Galactic Jungle", mw.config.get('wgCategories')) > -1) {
    $(function() {
        "use strict";
        $('#mw-content-container').css('background', 'url(https://drawntolife.wiki/w/backgrounds/Galactic_Jungle_Header_Wallpaper.png) top center no-repeat fixed');
        $('#mw-content-container').css('background-size', 'cover')
    })
}
if ($.inArray("Lavasteam", mw.config.get('wgCategories')) > -1) {
    $(function() {
        "use strict";
        $('#mw-content-container').css('background', 'url("https://drawntolife.wiki/w/backgrounds/Lavasteam_Background_(Lighter).jpg") top center no-repeat fixed');
        $('#mw-content-container').css('background-size', 'cover')
    })
}
if ($.inArray("Watersong", mw.config.get('wgCategories')) > -1) {
    $(function() {
        "use strict";
        $('#mw-content-container').css('background', 'url("https://drawntolife.wiki/w/backgrounds/Watersong_Background_(Lighter).jpg") top center no-repeat fixed');
        $('#mw-content-container').css('background-size', 'cover')
    })
}


var didScroll = false;

$(window).scroll(function() {
    didScroll = true;
});

setInterval(function() {
    if ( didScroll ) {
        didScroll = false;
        var $el;

        //Same that all the if else statements
        switch (true) {
            case (scroll >= 100):
                $el = $("#mw-header-container");
                break;
        }

        //Removing blue class from all links
        $('#mw-header-container').addClass('headerblur');
    }
}, 50);