|
|
| (не показано 12 промежуточных версий этого же участника) |
| Строка 1: |
Строка 1: |
| (function() { | | (function(){ |
| var today = new Date();
| | if(typeof mw==='undefined') return; |
| var month = today.getMonth() + 1;
| |
| if (month !== 10 && month !== 11) return;
| |
|
| |
|
| mw.loader.load('/w/index.php?title=MediaWiki:Test.css&action=raw&ctype=text/css');
| | var map={ |
| | "Клише":"#ff4d4d", |
| | "властью":"#4dff4d", |
| | "ответственность":"#4d4dff", |
| | "Стандартные Рабочие Процедуры":"#ff4dff", |
| | "ядерный":"#ffa500", |
| | "станции":"#4dffff", |
| | "ГСБ":"#b84dff", |
| | "диск":"#4dff88", |
| | "СРП/КЗ":"#ffb6c1", |
| | "банановая кожурка":"#ffff4d" |
| | }; |
|
| |
|
| mw.hook('wikipage.content').add(function($content) {
| | function esc(s){return s.replace(/[.*+?^${}()|[\]\\]/g,'\\$&');} |
|
| |
|
| var config = {
| | function walk(node){ |
| leavesCount: 50,
| | if(node.nodeType===3){ |
| batsCount: 8,
| | var t=node.nodeValue, r=t; |
| websCount: 5,
| | for(var k in map){ |
| pumpkinsCount: 3,
| | r=r.replace(new RegExp(esc(k),'g'),'<span style="color:'+map[k]+'">'+k+'</span>'); |
| leafIcons: ['🍂','🍁','🦇','🕸️'],
| | } |
| pumpkinIcon: '🎃',
| | if(r!==t){ |
| leafMinSize: 14,
| | var s=document.createElement('span'); |
| leafMaxSize: 42,
| | s.innerHTML=r; |
| pumpkinMinSize: 24,
| | node.parentNode.replaceChild(s,node); |
| pumpkinMaxSize: 36
| | } |
| };
| | } |
| | } |
|
| |
|
| var body = document.body;
| | var nodes=document.querySelectorAll('.mw-parser-output p, .mw-parser-output li'); |
| | | for(var i=0;i<nodes.length;i++){ |
| function createFragmentElements(count, createFn) {
| | var cn=nodes[i].childNodes; |
| var frag = document.createDocumentFragment();
| | for(var j=0;j<cn.length;j++) walk(cn[j]); |
| for (var i = 0; i < count; i++) {
| | } |
| frag.appendChild(createFn(i));
| |
| }
| |
| return frag;
| |
| }
| |
| | |
| function initLeaves() {
| |
| var leaves = document.createElement('div');
| |
| leaves.className = 'halloween-leaves';
| |
| var frag = createFragmentElements(config.leavesCount, function() {
| |
| var leaf = document.createElement('span');
| |
| leaf.className = 'halloween-leaf';
| |
| leaf.innerHTML = config.leafIcons[Math.floor(Math.random() * config.leafIcons.length)];
| |
| leaf.style.left = (Math.random() * 100) + '%';
| |
| leaf.style.animationDelay = (Math.random() * 10) + 's';
| |
| leaf.style.fontSize = (config.leafMinSize + Math.random() * (config.leafMaxSize - config.leafMinSize)) + 'px';
| |
| leaf.style.opacity = Math.random() * 0.7 + 0.3;
| |
| leaf.style.transform = 'rotate(' + (Math.random() * 360) + 'deg)';
| |
| return leaf;
| |
| });
| |
| leaves.appendChild(frag);
| |
| body.appendChild(leaves);
| |
| }
| |
| | |
| function initPumpkins() {
| |
| var heading = document.getElementById('firstHeading');
| |
| if (!heading) return;
| |
| | |
| for (var i = 0; i < config.pumpkinsCount; i++) {
| |
| var pumpkin = document.createElement('span');
| |
| pumpkin.className = 'halloween-pumpkin';
| |
| pumpkin.innerHTML = config.pumpkinIcon;
| |
| pumpkin.style.margin = '0 2px';
| |
| pumpkin.style.fontSize = (config.pumpkinMinSize + Math.random() * (config.pumpkinMaxSize - config.pumpkinMinSize)) + 'px';
| |
| heading.appendChild(pumpkin);
| |
| floatPumpkin(pumpkin);
| |
| }
| |
| | |
| function floatPumpkin(el) {
| |
| var pos = 0, dir = 1;
| |
| setInterval(function() {
| |
| pos += dir * 0.3;
| |
| if(pos > 5 || pos < 0) dir *= -1;
| |
| el.style.transform = 'translateY(' + pos + 'px)';
| |
| }, 30);
| |
| }
| |
| }
| |
| | |
| function initLinksEffect() {
| |
| body.addEventListener('mouseover', function(e) {
| |
| if (e.target.tagName.toLowerCase() === 'a') {
| |
| e.target.style.color = '#ffa500';
| |
| e.target.style.textShadow = '0 0 8px #ffa500, 0 0 15px #ff7518';
| |
| }
| |
| });
| |
| body.addEventListener('mouseout', function(e) {
| |
| if (e.target.tagName.toLowerCase() === 'a') {
| |
| e.target.style.color = '';
| |
| e.target.style.textShadow = '';
| |
| }
| |
| });
| |
| }
| |
| | |
| function initBats() {
| |
| var frag = createFragmentElements(config.batsCount, function() {
| |
| 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';
| |
| return bat;
| |
| });
| |
| body.appendChild(frag);
| |
| }
| |
| | |
| function initWebs() {
| |
| var frag = createFragmentElements(config.websCount, function() {
| |
| 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)';
| |
| return web;
| |
| });
| |
| body.appendChild(frag);
| |
| }
| |
| | |
| function init() {
| |
| initLeaves();
| |
| initPumpkins();
| |
| initLinksEffect();
| |
| initBats();
| |
| initWebs();
| |
| }
| |
| | |
| // Delay start for smoother load
| |
| setTimeout(init, 500);
| |
| });
| |
| })(); | | })(); |
