Test3: различия между версиями

Версия от 21:56, 15 сентября 2025

<div class="stars-bg"></div>

<div class="custom-lore-menu">
<div class="custom-header">КЛАДОВАЯ SPACE STORIES</div>

<div class="custom-links">
<div class="custom-item">
<div class="custom-icon">
[[File:TimelineIcon.png|64px]]
</div>
<span class="custom-text">Таймлайн Проекта</span>
</div>

<div class="custom-item">
<div class="custom-icon">
[[File:FactionsIcon.png|64px]]
</div>
<span class="custom-text">Фракции</span>
</div>

<div class="custom-item">
<div class="custom-icon">
[[File:RacesIcon.png|64px]]
</div>
<span class="custom-text">Расы</span>
</div>

<div class="custom-item">
<div class="custom-icon">
[[File:PlanetsIcon.png|64px]]
</div>
<span class="custom-text">Планеты</span>
</div>

<div class="custom-item">
<div class="custom-icon">
[[File:TechIcon.png|64px]]
</div>
<span class="custom-text">Технологии</span>
</div>

<div class="custom-item">
<div class="custom-icon">
[[File:ShipsIcon.png|64px]]
</div>
<span class="custom-text">Космофлот</span>
</div>
</div>

<div class="corporate-logos">
<div class="corporate-logo">
[[File:MaidLogo.png|100px]]
</div>
<div class="corporate-logo">
[[File:NovaLogo.png|100px]]
</div>
<div class="corporate-logo">
[[File:QuantumLogo.png|100px]]
</div>
<div class="corporate-logo">
[[File:AstroLogo.png|100px]]
</div>
</div>
</div>

<script>
document.addEventListener('DOMContentLoaded', function() {
const starsBg = document.querySelector('.stars-bg');
setInterval(() => {
starsBg.style.backgroundPosition = `${Math.random() * 100}% ${Math.random() * 100}%`;
}, 10000);
});
</script>