|
|
| Строка 1: |
Строка 1: |
| <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>
| |