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);

            var leafIcons = ['🍂','🍁','🦇','🕸️'];
            for (var i = 0; i < 50; i++) {
                var leaf = document.createElement('span');
                leaf.className = 'halloween-leaf';
                leaf.innerHTML = leafIcons[Math.floor(Math.random() * leafIcons.length)];
                leaf.style.left = (Math.random() * 100) + '%';
                leaf.style.animationDelay = (Math.random() * 10) + 's';
                leaf.style.fontSize = (14 + Math.random() * 28) + 'px';
                leaf.style.opacity = Math.random() * 0.7 + 0.3;
                leaves.appendChild(leaf);
            }

            var firstHeading = document.getElementById('firstHeading');
            if (firstHeading) {
                for (var j = 0; j < 3; j++) {
                    var pumpkin = document.createElement('span');
                    pumpkin.className = 'halloween-pumpkin';
                    pumpkin.innerHTML = '🎃';
                    pumpkin.style.margin = '0 2px';
                    pumpkin.style.fontSize = (24 + Math.random() * 12) + 'px';
                    firstHeading.appendChild(pumpkin);
                }
            }

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

            for (var b = 0; b < 8; b++) {
                var bat = document.createElement('div');
                bat.className = 'halloween-bat';
                bat.style.top = (Math.random() * 50) + 'vh';
                bat.style.left = (-50 + Math.random() * 100) + 'px';
                bat.style.animationDuration = (8 + Math.random() * 6) + 's';
                document.body.appendChild(bat);
            }

            for (var w = 0; w < 5; w++) {
                var web = document.createElement('div');
                web.className = 'spider-web';
                web.style.top = (Math.random() * 80) + 'vh';
                web.style.left = (Math.random() * 90) + 'vw';
                web.style.transform = 'rotate(' + (Math.random() * 360) + 'deg)';
                document.body.appendChild(web);
            }

        });
    }
})();