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

Текущая версия от 15:03, 19 января 2025

Унатх

Дворф

Диона

Кидан

Арахнид

Слаймолюд

Ниан

Вокс

@@ Строка 1: / Строка 1: @@
-<div class="role-folder">
+<div class="race-container">
-  <div class="folder-header">Название</div>
+<div class="race-box" data-target="Унатх" onclick="showRaceInfo('Унатх')">
-  <div class="folder-content">
+[[File:Унатх.png|100x100px|link=]]
-    <div class="role-card">Роль 1</div>
+<div class="race-name">Унатх</div>
-    <div class="role-card">Роль 2</div>
+</div>
-    <div class="role-card">Роль 3</div>
-  </div>
+<div class="race-box" data-target="Дворф" onclick="showRaceInfo('Дворф')">
+[[File:Дворф.png|100x100px|link=]]
+<div class="race-name">Дворф</div>
+</div>
+<div class="race-box" data-target="Диона" onclick="showRaceInfo('Диона')">
+[[File:Диона.png|100x100px|link=]]
+<div class="race-name">Диона</div>
+</div>
+<div class="race-box" data-target="Кидан" onclick="showRaceInfo('Кидан')">
+[[File:Кидан.png|100x100px|link=]]
+<div class="race-name">Кидан</div>
+</div>
+<div class="race-box" data-target="Арахнид" onclick="showRaceInfo('Арахнид')">
+[[File:Арахнид.png|100x100px|link=]]
+<div class="race-name">Арахнид</div>
+</div>
+<div class="race-box" data-target="Слаймолюд" onclick="showRaceInfo('Слаймолюд')">
+[[File:Слаймолюд.png|100x100px|link=]]
+<div class="race-name">Слаймолюд</div>
+</div>
+<div class="race-box" data-target="Ниан" onclick="showRaceInfo('Ниан')">
+[[File:Ниан.png|100x100px|link=]]
+<div class="race-name">Ниан</div>
+</div>
+<div class="race-box" data-target="Вокс" onclick="showRaceInfo('Вокс')">
+[[File:Вокс.png|100x100px|link=]]
+<div class="race-name">Вокс</div>
+</div>
+</div>
+<div id="race-info-popup" class="info-popup">
+<span class="close-btn" onclick="document.getElementById('race-info-popup').classList.remove('active')">X</span>
+<div id="race-info-content"></div>
 </div>