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

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

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

Земля

Аттонис

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

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

@@ Строка 1: / Строка 1: @@
-<div style="border: 2px solid black;
+<div class="container">
-    border-radius: 50px;
+<div class="planet-list">
-    width: fit-content;
+<div class="planet-card" data-description="Информация утеряна.">
-    padding-top: 20px;
+<img src="Земля.png" alt="Лумла">
-    background: #28303e;">[[Файл:Cmd_dep.png|40px|центр|link=]]<div style="text-align:center">'''[[Командование]]'''</div>
+<h3>Потерянный мир Лумла</h3>
-<div style="border-bottom: 2px solid black;"></div>
-<div style="margin: 0 30px; margin-top: -10px;">
-    <ul class="JobsTableList" style="list-style-type: none;">
-        <li>[[Капитан|Капитан]]</li>
-        <li>[[Глава персонала]]</li>
-        <li>[[Глава службы безопасности]]</li>
-        <li>[[Старший Инженер]]</li>
-        <li>[[Научный руководитель]]</li>
-        <li>[[Главный врач]]</li>
-        <li>[[Квартирмейстер]]</li>
-    </ul>
 </div>
+<div class="planet-card" data-description="Третья по удалённости от Солнца...">
+<img src="Земля.png" alt="Земля">
+<h3>Земля</h3>
+</div>
+<div class="planet-card" data-description="Планета Аттонис – вторая по удаленности...">
+<img src="Аттонис.png" alt="Аттонис">
+<h3>Аттонис</h3>
+</div>
+<!-- Добавь другие планеты аналогично -->
+</div>
+<div class="description-panel">
+<h3 class="planet-name">Выберите планету</h3>
+<p class="planet-description">Здесь будет описание планеты.</p>
 </div>
-<div style="margin: 0 30px; margin-top: -10px;">
-    <ul class="JobsTableList" style="list-style-type: none;">
-        <li>[[Капитан|Капитан]]</li>
-        <li>[[Глава персонала]]</li>
-        <li>[[Глава службы безопасности]]</li>
-        <li>[[Старший Инженер]]</li>
-        <li>[[Научный руководитель]]</li>
-        <li>[[Главный врач]]</li>
-        <li>[[Квартирмейстер]]</li>
-    </ul>
 </div>