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

Текущая версия от 12:15, 23 ноября 2024

Потерянный мир Лумла

Земля

Аттонис

Выберите планету

Здесь будет описание планеты.

@@ Строка 1: / Строка 1: @@
-<div class="planetary-system">
+<div class="container">
-<div class="planet" style="--orbit-size: 200px; --planet-size: 50px; --animation-duration: 10s;">
+<div class="planet-list">
-[[File:Земля.png|50x50px|link=Потерянный мир Лумла]]
+<div class="planet-card" data-description="Информация утеряна.">
-<a href="[[Потерянный мир Лумла]]" class="planet-label">Потерянный мир Лумла</a>
+<img src="Земля.png" alt="Лумла">
+<h3>Потерянный мир Лумла</h3>
 </div>
-<div class="planet" style="--orbit-size: 300px; --planet-size: 70px; --animation-duration: 15s;">
+<div class="planet-card" data-description="Третья по удалённости от Солнца...">
-[[File:Земля.png|70x70px|link=Земля]]
+<img src="Земля.png" alt="Земля">
-<a href="[[Земля]]" class="planet-label">Земля</a>
+<h3>Земля</h3>
 </div>
-<div class="planet" style="--orbit-size: 400px; --planet-size: 60px; --animation-duration: 20s;">
+<div class="planet-card" data-description="Планета Аттонис – вторая по удаленности...">
-[[File:Аттонис.png|60x60px|link=Аттонис]]
+<img src="Аттонис.png" alt="Аттонис">
-<a href="[[Аттонис]]" class="planet-label">Аттонис</a>
+<h3>Аттонис</h3>
+</div>
+<!-- Добавь другие планеты аналогично -->
+</div>
+<div class="description-panel">
+<h3 class="planet-name">Выберите планету</h3>
+<p class="planet-description">Здесь будет описание планеты.</p>
 </div>
 </div>