MediaWiki:Test.js

Замечание: Возможно, после публикации вам придётся очистить кэш своего браузера, чтобы увидеть изменения.

• Firefox / Safari: Удерживая клавишу Shift, нажмите на панели инструментов Обновить либо нажмите Ctrl+F5 или Ctrl+R (⌘+R на Mac)
• Google Chrome: Нажмите Ctrl+Shift+R (⌘+Shift+R на Mac)
• Internet Explorer / Edge: Удерживая Ctrl, нажмите Обновить либо нажмите Ctrl+F5
• Opera: Нажмите Ctrl+F5.

(function() {
    var today = new Date();
    var month = today.getMonth() + 1;
    if (month === 10 || month === 11) {
        mw.loader.load('/w/index.php?title=MediaWiki:Test.css&action=raw&ctype=text/css');

        mw.hook('wikipage.content').add(function($content) {
            var leaves = document.createElement('div');
            leaves.className = 'halloween-leaves';
            document.body.appendChild(leaves);

            for (var i = 0; i < 30; i++) {
                var leaf = document.createElement('span');
                leaf.className = 'halloween-leaf';
                leaf.innerHTML = ['🍂','🍁','🦇','🕸️'][Math.floor(Math.random()*4)];
                leaf.style.left = Math.random()*100+'%';
                leaf.style.animationDelay = (Math.random()*5)+'s';
                leaf.style.fontSize = (12+Math.random()*24)+'px';
                leaves.appendChild(leaf);
            }

            var firstHeading = document.getElementById('firstHeading');
            if (firstHeading) {
                var pumpkin = document.createElement('span');
                pumpkin.className = 'halloween-pumpkin';
                pumpkin.innerHTML = ' 🎃 ';
                firstHeading.appendChild(pumpkin);
            }

            var links = document.getElementsByTagName('a');
            for (var i = 0; i < links.length; i++) {
                links[i].style.transition = 'color 0.3s ease, text-shadow 0.3s ease';
                links[i].onmouseover = function() { this.style.color = '#ffa500'; this.style.textShadow = '0 0 8px #ffa500'; };
                links[i].onmouseout = function() { this.style.color = ''; this.style.textShadow = ''; };
            }
        });
    }
})();