|
|
| (не показано 9 промежуточных версий этого же участника) |
| Строка 1: |
Строка 1: |
| (function() { | | (function(){ |
| if (window.innerWidth < 1024 || /Mobi|Android|iPhone|iPad|iPod|Tablet/i.test(navigator.userAgent)) return;
| | if(typeof mw==='undefined') return; |
|
| |
|
| if (localStorage.getItem('halloweenThemeDisabled') === 'true') return;
| | var map={ |
| | "Клише":"#ff4d4d", |
| | "властью":"#4dff4d", |
| | "ответственность":"#4d4dff", |
| | "Стандартные Рабочие Процедуры":"#ff4dff", |
| | "ядерный":"#ffa500", |
| | "станции":"#4dffff", |
| | "ГСБ":"#b84dff", |
| | "диск":"#4dff88", |
| | "СРП/КЗ":"#ffb6c1", |
| | "банановая кожурка":"#ffff4d" |
| | }; |
|
| |
|
| var today = new Date();
| | function esc(s){return s.replace(/[.*+?^${}()|[\]\\]/g,'\\$&');} |
| 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');
| | function walk(node){ |
| | if(node.nodeType===3){ |
| | var t=node.nodeValue, r=t; |
| | for(var k in map){ |
| | r=r.replace(new RegExp(esc(k),'g'),'<span style="color:'+map[k]+'">'+k+'</span>'); |
| | } |
| | if(r!==t){ |
| | var s=document.createElement('span'); |
| | s.innerHTML=r; |
| | node.parentNode.replaceChild(s,node); |
| | } |
| | } |
| | } |
|
| |
|
| mw.hook('wikipage.content').add(function($content) {
| | var nodes=document.querySelectorAll('.mw-parser-output p, .mw-parser-output li'); |
| | | for(var i=0;i<nodes.length;i++){ |
| var config = {
| | var cn=nodes[i].childNodes; |
| leavesCount: 50,
| | for(var j=0;j<cn.length;j++) walk(cn[j]); |
| batsCount: 8,
| | } |
| websCount: 5,
| |
| pumpkinsCount: 3,
| |
| leafIcons: ['🍂','🍁','🦇','🕸️'],
| |
| pumpkinIcon: '🎃',
| |
| leafMinSize: 14,
| |
| leafMaxSize: 42,
| |
| pumpkinMinSize: 24,
| |
| pumpkinMaxSize: 36
| |
| };
| |
| | |
| var body = document.body;
| |
| | |
| function createFragmentElements(count, createFn) {
| |
| var frag = document.createDocumentFragment();
| |
| for (var i = 0; i < count; i++) frag.appendChild(createFn(i));
| |
| return frag;
| |
| }
| |
| | |
| function initLeaves() {
| |
| var leaves = document.createElement('div');
| |
| leaves.className = 'halloween-leaves';
| |
| leaves.appendChild(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;
| |
| }));
| |
| 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);
| |
| (function(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);
| |
| })(pumpkin);
| |
| }
| |
| }
| |
| | |
| 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() {
| |
| body.appendChild(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;
| |
| }));
| |
| }
| |
| | |
| function initWebs() {
| |
| body.appendChild(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;
| |
| }));
| |
| }
| |
| | |
| function addDisableButton() {
| |
| var btn=document.createElement('div');
| |
| btn.innerText='Отключить хэллоуинскую тему';
| |
| btn.style.position='fixed';
| |
| btn.style.bottom='10px';
| |
| btn.style.right='10px';
| |
| btn.style.padding='6px 12px';
| |
| btn.style.background='var(--pumpkin-orange)';
| |
| btn.style.color='var(--ghost-white)';
| |
| btn.style.cursor='pointer';
| |
| btn.style.borderRadius='6px';
| |
| btn.style.zIndex=9999;
| |
| btn.style.boxShadow='0 0 8px var(--pumpkin-orange)';
| |
| btn.addEventListener('click', function(){
| |
| localStorage.setItem('halloweenThemeDisabled','true');
| |
| location.reload();
| |
| });
| |
| body.appendChild(btn);
| |
| }
| |
| | |
| function init() {
| |
| initLeaves();
| |
| initPumpkins();
| |
| initLinksEffect();
| |
| initBats();
| |
| initWebs();
| |
| addDisableButton();
| |
| }
| |
| | |
| setTimeout(init, 500);
| |
| });
| |
| })(); | | })(); |
