Dantes (обсуждение | вклад) Нет описания правки |
Dantes (обсуждение | вклад) Нет описания правки |
||
Строка 109: | Строка 109: | ||
var yearSpacing = lineHeight / (years.length - 1); | var yearSpacing = lineHeight / (years.length - 1); | ||
var eventSpacing = 40; // Расстояние между событиями по вертикали | |||
for (var j = 0; j < years.length; j++) { | for (var j = 0; j < years.length; j++) { | ||
Строка 121: | Строка 122: | ||
eventElement.classList.add('event'); | eventElement.classList.add('event'); | ||
eventElement.textContent = events[year]; | eventElement.textContent = events[year]; | ||
// Расположим событие на определенной высоте, чтобы избежать наложений | |||
eventElement.style.top = (yearSpacing * j) + 'px'; | |||
datesContainer.appendChild(eventElement); | |||
} | } | ||
var topPosition = (years.length - 1 - j) * yearSpacing; | var topPosition = (years.length - 1 - j) * yearSpacing; | ||
dateElement.style.top = topPosition + 'px'; | dateElement.style.top = topPosition + 'px'; | ||
datesContainer.appendChild(dateElement); | datesContainer.appendChild(dateElement); | ||
} | } |
Версия от 05:30, 17 ноября 2024
/* Лого сайта Shegare */ document.getElementsByClassName('citizen-header__logo')[0].innerHTML = '<div class="logo1"><a href="https://spacestories.club/index.php?title=Заглавная страница" class="mw-logo citizen-header__button" title="Перейти на заглавную страницу"><img class="mw-logo-icon" src="/resources/assets/logo.png" alt="" aria-hidden="true" height="32" width="32"</a></div><div class="logo2"><a href="https://spacestories.club/index.php?title=Colonial_Marines" class="mw-logo citizen-header__button" title="Перейти на заглавную страницу CM"><img class="mw-logo-icon" src="/images/0/0d/CMlog.png" alt="" aria-hidden="true" height="32" width="32"></a></div>'; /* Перенос page-info в конец footer-places Shegare */ document.getElementById('footer-places').insertAdjacentHTML('afterEnd', document.getElementsByClassName('page-info')[0].innerHTML); document.getElementsByClassName('page-info')[0].innerHTML = null; /* Begin логика цвета через headerColor Shegare */ if(document.getElementsByClassName('headerColor').length >= 1) { var isValidColor = function(color) { var el = document.createElement('div'); el.style.backgroundColor = color; return el.style.backgroundColor ? true : false; }; var header = document.getElementsByClassName('headerColor'); var colorBorder = ''; var colorBtn = ''; var i = 0; for(; header[0].innerHTML[i] !== '|' && i < header[0].innerHTML.length; i++) { colorBorder += header[0].innerHTML[i]; } i++; for(; i < header[0].innerHTML.length; i++) { colorBtn += header[0].innerHTML[i]; } if(isValidColor(colorBorder) && isValidColor(colorBtn) && header[0].innerHTML.length > 0) { headerRender (colorBorder, colorBtn); document.body.addEventListener('click', function() { headerRender(colorBorder, colorBtn); }); } else { throw "headerColor"; } } function headerRender (colorBorder, colorBtn) { var array = document.querySelectorAll('h1, h2, h3 , h4, h5'); for(var i = 0; i < array.length; i++) { if (array[i].className === 'citizen-section-heading') { array[i].querySelector('.citizen-sections-enabled,.citizen-section-indicator').style.background = colorBtn; array[i].querySelector('.citizen-sections-enabled,.citizen-section-indicator').style.boxShadow = ('0 0 20px 0px ' + colorBtn + 'cc'); array[i].querySelector('.mw-headline').style.borderImage = ('linear-gradient(to right top, ' + colorBorder + ', black)'); array[i].querySelector('.mw-headline').style.borderImageSlice = '1'; } else if(array[i].className === 'citizen-section-heading citizen-section-heading--collapsed') { array[i].querySelector('.citizen-sections-enabled,.citizen-section-heading--collapsed,.citizen-section-indicator').style.background = 'black'; array[i].querySelector('.citizen-sections-enabled,.citizen-section-heading--collapsed,.citizen-section-indicator').style.boxShadow = 'unset'; } } } /* End логика цвета через headerColor Shegare */ /* Begin sidebar для ролей Shegare */ if(document.getElementsByClassName('JobsTableContainer').length >= 1) { document.getElementById('content').insertAdjacentHTML('afterbegin', document.getElementsByClassName('JobsTableContainer')[0].innerHTML); document.getElementById('IdJobsTableContainer1').id = 'IdJobsTableContainer2'; document.getElementById('content').style.display = 'flex'; document.getElementById('bodyContent').style.minHeight = '1350px'; } /*полигон данте*/ (function() { try { var years = []; for (var i = 2425; i <= 3024; i++) { years.push(i); } var events = { 2425: "Основание корпорации NanoTrasen, которая с самого начала становится лидером в области высоких технологий.", 2434: "NanoTrasen достигает значительных успехов в области блюспейс-технологий, ксеноисследований, сингулярных двигателей и клонирования.", 2980: "Начало разработки проекта ИИ Станции, возглавленного доктором Альбертом Рейнхартом.", 2995: "Представление ИИ Станции, который становится ключевым элементом безопасности и управления инфраструктурой NanoTrasen.", 3000: "NanoTrasen начинает внедрение ИИ Станции на своих космических объектах, с первыми установками на исследовательских станциях и добывающих платформах.", 3005: "ИИ Станции становится неотъемлемой частью инфраструктуры исследовательских станций, улучшая эффективность работы и снижая количество аварийных ситуаций.", 3024: "ИИ Станции от NanoTrasen продолжает оставаться эталоном в индустрии, активно используется как в коммерческих, так и в военных целях." }; var datesContainer = document.querySelector('.dates'); var lineHeight = document.querySelector('.timeline').offsetHeight; var yearSpacing = lineHeight / (years.length - 1); var eventSpacing = 40; // Расстояние между событиями по вертикали for (var j = 0; j < years.length; j++) { var year = years[j]; var dateElement = document.createElement('div'); dateElement.classList.add('date'); dateElement.textContent = year; if (events[year]) { var eventElement = document.createElement('div'); eventElement.classList.add('event'); eventElement.textContent = events[year]; // Расположим событие на определенной высоте, чтобы избежать наложений eventElement.style.top = (yearSpacing * j) + 'px'; datesContainer.appendChild(eventElement); } var topPosition = (years.length - 1 - j) * yearSpacing; dateElement.style.top = topPosition + 'px'; datesContainer.appendChild(dateElement); } } catch (error) { console.error("Ошибка при создании хронологической линейки: ", error); } })();