[hideprofile]
[html]
<link rel="stylesheet" href="https://forumstatic.ru/files/001b/df/32/41468.css">
<div class="tab-wrapper">
<div class="tab-header">Список ролей</div>
<div class="tabs">
<ul class="tab-buttons" id="tabButtons">
<li data-tab="mondstadt" class="active">Мондштадт</li>
<li data-tab="liyue">Ли Юэ</li>
<li data-tab="inazuma">Инадзума</li>
<li data-tab="sumeru">Сумеру</li>
<li data-tab="fontaine">Фонтейн</li>
<li data-tab="natlan">Натлан</li>
<li data-tab="nodkrai">Нод-Край</li>
<li data-tab="snezhnaya">Снежная</li>
<li data-tab="abyss">Бездна</li>
</ul>
<!-- Вкладки -->
<div class="tab-content active" data-tab-id="mondstadt">
<div class="tab-columns">
<div class="tab-column">
<h3>Каноны</h3>
<ul class="roles">
<li>Альбедо | Albedo <b>[акция]</b></li>
<li>Барбара | Barbara</li>
<li>Беннет | Bennett</li>
<li>Венти | Venti</li>
<li>Далия | Dahlia</li>
<li><b>Дилюк Рагнвиндр | Diluc Ragnvindr</b></li>
<li>Диона | Diona</li>
<li>Джинн Гуннхильдр | Jean Gunnhildr</li>
<li>Кли | Klee</li>
<li><b>Кэйа Альберих | Kaeya Alberich</b></li>
<li>Лиза Минчи | Lisa Minci <b>[акция]</b></li>
<li>Мика Шмидт | Mika Shmidt</li>
<li>Мона Мегистус | Mona Megistus</li>
<li>Ноэлль | Noelle</li>
<li>Розария | Rosaria</li>
<li>Рэйзор | Razor</li>
<li><b>Сахароза | Sucrose</b></li>
<li>Фишль | Fischl</li>
<li>Эмбер | Amber</li>
<li>Эола Лоуренс | Eula Lawrence</li>
</ul>
</div>
<div class="tab-column">
<h3>Неканоны</h3>
<ul class="roles">
<li>...</li>
</ul>
</div>
</div></div>
<div class="tab-content" data-tab-id="liyue">
<div class="tab-columns">
<div class="tab-column">
<h3>Каноны</h3>
<ul class="roles">
<li>Бай Чжу | Baizhu</li>
<li>Бэй Доу | Beidou</li>
<li>Гань Юй | Ganyu <b>[акция]</b></li>
<li>Е Лань | Yelan</li>
<li>Ка Мин | Gaming</li>
<li>Кэ Цин | Keqing</li>
<li>Лань Янь | Lan Yan</li>
<li>Нин Гуан | Ningguang <b>[акция]</b></li>
<li>Син Цю | Xingqiu <b>[акция]</b></li>
<li>Синь Янь | Xinyan</li>
<li>Сян Лин | Xiangling</li>
<li>Сянь Юнь | Xianyun</li>
<li>Сяо | Xiao <b>[акция]</b></li>
<li>Ху Таo | Hu Tao</li>
<li>Ци Ци | Qiqi</li>
<li><b>Чжун Ли | Zhongli</b></li>
<li>Чун Юнь | Chongyun <b>[акция]</b></li>
<li>Шэнь Хэ | Shenhe</li>
<li>Юнь Цзинь | Yun Jin</li>
<li>Янь Фэй | Yanfei</li>
<li>Яо Яо | Yaoyao</li>
</ul>
</div>
<div class="tab-column">
<h3>Неканоны</h3>
<ul class="roles">
<li>...</li>
</ul>
</div>
</div></div>
<div class="tab-content" data-tab-id="inazuma">
<div class="tab-columns">
<div class="tab-column">
<h3>Каноны</h3>
<ul class="roles">
<li>Аратаки Итто | Arataki Itto</li>
<li>Горо | Gorou</li>
<li>Камисато Аяка | Kamisato Ayaka</li>
<li>Камисато Аято | Kamisato Ayato</li>
<li>Каэдэхара Кадзуха | Kaedehara Kazuha</li>
<li>Кирара | Kirara</li>
<li>Кудзё Сара | Kujou Sara</li>
<li>Куки Синобу | Kuki Shinobu</li>
<li>Мидзуки | Yumemizuki Mizuki</li>
<li>Наганохара Ёимия | Naganohara Yoimiya</li>
<li>Райден Эи | Raiden Ei <b>[акция]</b></li>
<li>Сангономия Кокоми | Sangonomiya Kokomi <b>[акция, срочно]</b></li>
<li>Саю | Sayu</li>
<li>Сиканоин Хэйдзо | Shikanoin Heizou</li>
<li>Тома | Thoma</li>
<li>Тиори | Chiori</li>
<li>Яэ Мико | Yae Miko <b>[акция]</b></li>
</ul>
</div>
<div class="tab-column">
<h3>Неканоны</h3>
<ul class="roles">
<li><b>Хошизора | Hoshizora</b></li>
</ul>
</div>
</div></div>
<div class="tab-content" data-tab-id="sumeru">
<div class="tab-columns">
<div class="tab-column">
<h3>Каноны</h3>
<ul class="roles">
<li><b>Аль-Хайтам | Alhaitham</b></li>
<li><b>Апеп | Apep [NPC]</b></li>
<li>Дори | Dori</li>
<li>Дэхья | Dehya</li>
<li><b>Кавех | Kaveh</b></li>
<li>Кандакия | Candace <b>[акция]</b></li>
<li><b>Коллеи | Collei</b></li>
<li>Лайла | Layla</li>
<li>Нахида | Nahida</li>
<li>Нилу | Nilou</li>
<li><b>Сайно | Cyno</b></li>
<li>Сетос | Sethos <b>[акция]</b></li>
<li>Странник | Wanderer</li>
<li><b>Тигнари | Tighnari</b></li>
<li><b>Фарузан | Faruzan</b></li>
</ul>
</div>
<div class="tab-column">
<h3>Неканоны</h3>
<ul class="roles">
<li><b>Ноэ Гриму | Noe</b></li>
<li><b>Садальмелик | Sadalmelik</b></li>
</ul>
</div>
</div></div>
<div class="tab-content" data-tab-id="fontaine">
<div class="tab-columns">
<div class="tab-column">
<h3>Каноны</h3>
<ul class="roles">
<li>Клоринда | Clorinde</li>
<li>Линетт | Lynette</li>
<li>Лини | Lyney</li>
<li>Навия | Navia <b>[акция]</b></li>
<li><b>Нёвилетт | Neuvillette</b></li>
<li><b>Ризли | Wriothesley</b></li>
<li><b>Сиджвинн | Sigewinne</b></li>
<li>Фремине | Freminet</li>
<li>Фурина | Furina</li>
<li>Шарлотта | Charlotte <b>[акция]</b></li>
<li><b>Шеврёз | Chevreuse</b></li>
<li>Эмилия | Emilie</li>
<li>Эскофье | Escoffier</li>
</ul>
</div>
<div class="tab-column">
<h3>Неканоны</h3>
<ul class="roles">
<li><b>Виктуар Дежарден | Victoire Desjardins</b></li>
<li><b>Дени Монпансье | Denis Montpensier [NPC]</b></li>
</ul>
</div>
</div></div>
<div class="tab-content" data-tab-id="natlan">
<div class="tab-columns">
<div class="tab-column">
<h3>Каноны</h3>
<ul class="roles">
<li>Вареса | Varesa</li>
<li><b>Иансан | Iansan</b></li>
<li>Ифа | Ifa</li>
<li>Качина | Kachina</li>
<li>Кинич | Kinich</li>
<li>Мавуика | Mavuika</li>
<li>Муалани | Mualani</li>
<li><b>Оророн | Ororon</b></li>
<li><b>Ситлали | Citlali</b></li>
<li>Часка | Chasca</li>
<li>Шилонен| Xilonen</li>
</ul>
</div>
<div class="tab-column">
<h3>Неканоны</h3>
<ul class="roles">
<li><b>Юкан | Yukan</b></li>
</ul>
</div>
</div></div>
<div class="tab-content" data-tab-id="snezhnaya">
<div class="tab-columns">
<div class="tab-column">
<h3>Каноны</h3>
<ul class="roles">
<li>Арлекино | Arlecchino</li>
<li>Капитано | Il Capitano</li>
<li>Дотторе | Il Dottore</li>
<li><s>Синьора | La Signora</s></li>
<li><s>Панталоне | Pantalone</s></li>
<li><s>Пьеро | Pierro</s></li>
<li><s>Пульчинелла | Pulcinella</s></li>
<li>Сандроне | Sandrone</li>
<li>Тарталья | Tartaglia</li>
<li><s>Царица | Tsaritsa</s></li>
</ul>
</div>
<div class="tab-column">
<h3>Неканоны</h3>
<ul class="roles">
<li>...</li>
</ul>
</div>
</div></div>
<div class="tab-content" data-tab-id="nodkrai">
<div class="tab-columns">
<div class="tab-column">
<h3>Каноны</h3>
<ul class="roles">
<li>Айно | Aino</li>
<li>Варка | Varka</li>
<li>Инеффа | Ineffa</li>
<li>Коломбина | Columbina</li>
<li>Лаума | Lauma</li>
<li>Нефер | Nefer</li>
<li>Рери | Rerir</li>
<li>Флинс | Flins</li>
<li>Ягода | Jahoda</li>
</ul>
</div>
<div class="tab-column">
<h3>Неканоны</h3>
<ul class="roles">
<li>...</li>
</ul>
</div>
</div></div>
<div class="tab-content" data-tab-id="abyss">
<div class="tab-columns">
<div class="tab-column">
<h3>Каноны</h3>
<ul class="roles">
<li>Дайнслейф | Dainsleif</li>
<li>Эндзё | Enjou</li>
<li>Скирк | Skirk</li>
</ul>
</div>
<div class="tab-column">
<h3>Неканоны</h3>
<ul class="roles">
<li>...</li>
</ul>
</div>
</div></div>
</div>
<div class="tab-legend">
<span>
✧ Занятые персонажи выделены <b>жирным</b>; <br>
✧ Придержанные персонажи выделены <i>курсивом</i>; <br>
✧ Если на персонажа есть акция, его имя подписано словом <b>[акция]</b>; <br>
✧ Имена персонажей, которые срочно требуются в игру, подписаны <b>[срочно]</b>; <br>
✧ Имена персонажей, которые не принимаются в игру, <s>зачёркнуты</s>; <br>
✧ Персонажи с пометкой <b>[NPC]</b> являются авторскими героями, которые появились в игре не на один пост и имеют влияние на сюжет.
<br><br>
✧ Все прочие персонажи свободны, их имена приведены для того, чтобы потенциальным игрокам было легче сориентироваться. <br>
✧ Имена занятых и акционных персонажей являются ссылками, ведущими на соответствующий профиль или акцию.
</span>
</div>
</div>
<script>
const buttons = document.querySelectorAll(".tab-buttons li");
const contents = document.querySelectorAll(".tab-content");
buttons.forEach(button => {
button.addEventListener("click", () => {
const tabId = button.dataset.tab;
buttons.forEach(b => b.classList.toggle("active", b === button));
contents.forEach(c => c.classList.toggle("active", c.dataset.tabId === tabId));
});
});
</script>
[/html]
