Замечание: Возможно, после публикации вам придётся очистить кэш своего браузера, чтобы увидеть изменения.
- 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.
/* =====================================================
1. Хэллоуинская тема
===================================================== */
(function() {
if (window.innerWidth < 1024 || /Mobi|Android|iPhone|iPad|iPod|Tablet/i.test(navigator.userAgent)) return;
var body = document.body;
var elements = [];
var config = {
leavesCount: 50,
batsCount: 8,
websCount: 5,
pumpkinsCount: 3,
leafIcons: ['🍂','🍁','🦇','🕸️'],
pumpkinIcon: '🎃',
leafMinSize: 14,
leafMaxSize: 42,
pumpkinMinSize: 24,
pumpkinMaxSize: 36
};
function isDisabled() { return localStorage.getItem('halloweenThemeDisabled') === 'true'; }
function isEnabled() { return !isDisabled(); }
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);
elements.push(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;
var interval = setInterval(function() {
pos += dir * 0.3;
if (pos > 5 || pos < 0) dir *= -1;
el.style.transform = 'translateY(' + pos + 'px)';
}, 30);
el._halloweenInterval = interval;
})(pumpkin);
elements.push(pumpkin);
}
}
function initLinksEffect() {
body.addEventListener('mouseover', linkMouseOver);
body.addEventListener('mouseout', linkMouseOut);
}
function linkMouseOver(e) {
if (e.target.tagName.toLowerCase() === 'a') {
e.target.style.color = '#ffa500';
e.target.style.textShadow = '0 0 8px #ffa500, 0 0 15px #ff7518';
}
}
function linkMouseOut(e) {
if (e.target.tagName.toLowerCase() === 'a') {
e.target.style.color = '';
e.target.style.textShadow = '';
}
}
function initBats() {
var bats = 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(bats);
elements.push(bats);
}
function initWebs() {
var webs = 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(webs);
elements.push(webs);
}
function removeHalloween() {
elements.forEach(function(el) {
if (el._halloweenInterval) clearInterval(el._halloweenInterval);
el.remove();
});
elements = [];
body.removeEventListener('mouseover', linkMouseOver);
body.removeEventListener('mouseout', linkMouseOut);
}
function styleButton(btn) {
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.style.marginTop = '4px';
}
function addButtons() {
var btnDisable = document.createElement('div');
var btnEnable = document.createElement('div');
btnDisable.innerText = 'Отключить хэллоуинскую тему';
btnEnable.innerText = 'Включить хэллоуинскую тему';
styleButton(btnDisable);
styleButton(btnEnable);
btnEnable.style.display = 'none';
btnDisable.addEventListener('click', function() {
localStorage.setItem('halloweenThemeDisabled', 'true');
removeHalloween();
btnDisable.style.display = 'none';
btnEnable.style.display = 'block';
});
btnEnable.addEventListener('click', function() {
localStorage.removeItem('halloweenThemeDisabled');
startHalloween();
btnEnable.style.display = 'none';
btnDisable.style.display = 'block';
});
body.appendChild(btnDisable);
body.appendChild(btnEnable);
}
function startHalloween() {
elements = [];
initLeaves();
initPumpkins();
initLinksEffect();
initBats();
initWebs();
}
if (isEnabled()) startHalloween();
addButtons();
})();
/* =====================================================
2. Аудиоплееры
===================================================== */
$(function () {
var players = document.getElementsByClassName('audio-player');
for (var i = 0; i < players.length; i++) {
var src = players[i].getAttribute('data-src');
if (src) {
var audio = document.createElement('audio');
audio.setAttribute('controls', 'controls');
audio.setAttribute('preload', 'none');
var source = document.createElement('source');
source.setAttribute('src', src);
source.setAttribute('type', 'audio/mpeg');
audio.appendChild(source);
players[i].appendChild(audio);
}
}
});
/* =====================================================
3. Подгрузка внешних CSS/JS файлов
===================================================== */
mw.loader.using('mediawiki.util', function() {
function getFilesFromUrl(param) {
if (!param) return [];
return param.split('|').map(function(file) { return file.trim(); });
}
function getBaseUrl() {
var server = mw.config.get('wgServer').replace(/^http:/, 'https:');
var script = mw.config.get('wgScript');
return server + script + '?action=raw&ctype=text/';
}
function isValidExtension(ext) { return ext === 'js' || ext === 'css'; }
function getFileUrl(file) {
var prefix = file.indexOf('MediaWiki:') === 0 ? 'MediaWiki:' : 'User:' + (mw.config.get('wgUserName') || '') + '/';
var fullName = file.indexOf(':') > -1 ? file : prefix + file;
var ext = file.split('.').pop().toLowerCase();
if (!isValidExtension(ext)) {
console.error('Недопустимое расширение файла:', file);
return null;
}
var timestamp = new Date().getTime();
return getBaseUrl() + (ext === 'js' ? 'javascript' : 'css') + '&title=' + encodeURIComponent(fullName) + '&_=' + timestamp;
}
function loadFiles(files) {
files.forEach(function(file) {
var url = getFileUrl(file);
if (url) {
var ext = file.split('.').pop().toLowerCase();
mw.loader.load(url, 'text/' + (ext === 'js' ? 'javascript' : 'css'));
}
});
}
var params = mw.util.getParamValue('use');
var files = getFilesFromUrl(params);
loadFiles(files);
});
/* =====================================================
4. Логотипы сайта
===================================================== */
(function() {
function createLogo(url, imgSrc, title) {
var container = document.createElement('div'),
link = document.createElement('a'),
img = document.createElement('img');
link.className = 'mw-logo citizen-header__button';
link.href = mw.util.getUrl(url);
link.title = title;
img.className = 'mw-logo-icon';
img.src = imgSrc;
img.alt = '';
img.setAttribute('aria-hidden', 'true');
img.width = 32;
img.height = 32;
link.appendChild(img);
container.appendChild(link);
return container;
}
var logoContainer = document.querySelector('.citizen-header__logo');
if (logoContainer) {
while (logoContainer.firstChild) logoContainer.removeChild(logoContainer.firstChild);
var logo1 = createLogo('Заглавная_страница', mw.config.get('wgScriptPath') + '/resources/assets/logo.png', 'Перейти на заглавную страницу');
logo1.className = 'logo1';
var logo2 = createLogo('Marine_Corps', mw.config.get('wgScriptPath') + '/images/0/0d/CMlog.png', 'Перейти на CM');
logo2.className = 'logo2';
logoContainer.appendChild(logo1);
logoContainer.appendChild(logo2);
}
})();
/* =====================================================
5. Перенос page-info и цвет заголовков
===================================================== */
var footerPlaces = document.getElementById('footer-places');
var pageInfo = document.querySelector('.page-info');
if (footerPlaces && pageInfo) {
footerPlaces.insertAdjacentElement('afterend', pageInfo.cloneNode(true));
pageInfo.remove();
}
var headerColorElement = document.querySelector('.headerColor');
if (headerColorElement) {
var isValidColor = function(color) {
var s = new Option().style;
s.color = color;
return s.color !== '';
};
var content = headerColorElement.textContent.split('|');
if (content.length === 2 && isValidColor(content[0]) && isValidColor(content[1])) {
var applyStyles = function() {
var headers = document.querySelectorAll('.citizen-section-heading, .citizen-section-heading--collapsed');
for (var i = 0; i < headers.length; i++) {
var header = headers[i],
indicator = header.querySelector('.citizen-section-indicator'),
headline = header.querySelector('.mw-headline');
if (header.classList.contains('citizen-section-heading--collapsed')) {
if (indicator) indicator.style.cssText = 'background: black; box-shadow: unset;';
} else if (indicator && headline) {
indicator.style.cssText = 'background: ' + content[1] + '; box-shadow: 0 0 20px 0px ' + content[1] + 'cc;';
headline.style.cssText = 'border-image: linear-gradient(to right top, ' + content[0] + ', black); border-image-slice: 1;';
}
}
};
applyStyles();
document.body.addEventListener('click', applyStyles, false);
}
}
/* =====================================================
6. Sidebar для ролей
===================================================== */
var jobsContainer = document.querySelector('.JobsTableContainer');
if (jobsContainer && jobsContainer.innerHTML.trim()) {
var bodyContent = document.getElementById('bodyContent');
if (bodyContent) {
bodyContent.insertAdjacentHTML('beforebegin', jobsContainer.innerHTML);
var jobTable = document.getElementById('IdJobsTableContainer1');
if (jobTable) jobTable.id = 'IdJobsTableContainer2';
}
}
/* =====================================================
7. Хронология
===================================================== */
if (window.jQuery) {
jQuery(function($) {
$('.timeline-header').on('click', function() {
$(this).next('.timeline-content').slideToggle();
}).trigger('click');
});
}
/* =====================================================
8. Галерея
===================================================== */
(function(){
var root=document.getElementById('ss-art-gallery');
if(!root) return;
function q(a,b){return a.querySelector(b);}
function qa(a,b){return Array.prototype.slice.call(a.querySelectorAll(b));}
var chips=qa(root,'.ss-chip');
function setFilter(val){
chips.forEach(function(c){
c.classList.toggle('ss-chip-active', c.getAttribute('data-filter')===val || (val==='all' && c.getAttribute('data-filter')==='all'));
});
qa(root,'.ss-section').forEach(function(section){
var cards=qa(section,'.ss-card');
var visibleCount=0;
cards.forEach(function(card){
var show=(val==='all'||val===card.getAttribute('data-artist'));
card.classList.toggle('ss-hidden',!show);
if(show) visibleCount++;
});
section.style.display=(val==='all'||visibleCount>0)?'block':'none';
});
}
chips.forEach(function(ch){ ch.addEventListener('click', function(){ setFilter(ch.getAttribute('data-filter')) }); });
setFilter('all');
var modal=document.createElement('div');
modal.className='ss-modal';
modal.innerHTML='<div class="ss-modal-inner"><img class="ss-modal-img" alt=""/></div><div class="ss-modal-close" role="button">✖ Закрыть</div>';
root.appendChild(modal);
var modalImg=q(modal,'.ss-modal-img');
function originalFromThumb(u){
if(!u) return u;
if(u.indexOf('/thumb/')>-1){
var s=u.replace('/thumb/','/'); s=s.replace(/\/[^\/]*$/,''); return s;
}
return u;
}
qa(root,'.ss-card img').forEach(function(img){
img.style.cursor='zoom-in';
img.addEventListener('click',function(e){
e.preventDefault();
var src=originalFromThumb(img.getAttribute('src'));
modalImg.setAttribute('src',src||img.getAttribute('src'));
modalImg.style.maxWidth='90vw';
modalImg.style.maxHeight='90vh';
modal.classList.add('open');
});
});
function closeModal(){ modal.classList.remove('open'); }
modal.addEventListener('click',function(e){ if(e.target===modal||e.target.classList.contains('ss-modal-close')) closeModal(); });
document.addEventListener('keydown',function(e){ if(e.key==='Escape') closeModal(); });
})();
/* =====================================================
9. Меню лора
===================================================== */
(function() {
var items = document.querySelectorAll('.custom-item');
for (var i = 0; i < items.length; i++) {
(function(item) {
var icon = item.querySelector('.custom-icon');
var linkEl = item.querySelector('a');
if (!linkEl) return;
var href = linkEl.getAttribute('href');
item.style.cursor = 'pointer';
item.onclick = function() { window.location.href = href; };
item.onmousemove = function(e) {
var rect = item.getBoundingClientRect();
var x = e.clientX - rect.left;
var y = e.clientY - rect.top;
var moveX = (x - rect.width/2) * 0.02;
var moveY = (y - rect.height/2) * 0.02;
item.style.backgroundPosition = (50 + moveX) + '% ' + (50 + moveY) + '%';
if(icon) icon.style.transform = 'translateY(-8px) scale(1.08)';
var hue = Math.round((x / rect.width) * 360);
item.style.boxShadow =
'0 0 15px hsla(' + hue + ', 100%, 60%, 0.7), ' +
'0 0 30px hsla(' + ((hue+30)%360) + ', 100%, 50%, 0.4), ' +
'0 8px 20px rgba(0,0,0,0.5)';
};
item.onmouseleave = function() {
item.style.backgroundPosition = '50% 50%';
if(icon) icon.style.transform = 'translateY(0) scale(1)';
item.style.boxShadow = '0 4px 10px rgba(0,0,0,0.3)';
};
})(items[i]);
}
})();
/* =====================================================
10. Страница Данте
===================================================== */
mw.loader.using('mediawiki.util', function() {
var tabs = document.querySelectorAll('.nt-tab');
var contents = document.querySelectorAll('.nt-tab-content');
for (var i=0;i<tabs.length;i++){
tabs[i].onclick = function(){
for(var j=0;j<tabs.length;j++){
tabs[j].className = tabs[j].className.replace(' active','');
contents[j].className = contents[j].className.replace(' active','');
}
this.className += ' active';
var target = document.getElementById(this.getAttribute('data-target'));
if(target) target.className += ' active';
};
}
var rows = document.querySelectorAll('.scan-row');
for(var k=0;k<rows.length;k++){
(function(i){ setTimeout(function(){ rows[i].className += ' visible'; }, i*200); })(k);
}
var dossier = document.querySelector('.nt-dossier');
if(dossier) setTimeout(function(){ dossier.style.opacity = 1; }, 200);
var tabsContainer = document.querySelector('.nt-tabs');
if(tabsContainer) setTimeout(function(){ tabsContainer.style.opacity = 1; }, 400);
});