[html]<!--HTML-->
<div id="html-wrapper" class="html_roles">
<div class="html-wrapper-top-bg"></div>
<div class="html-wrapper-bottom-bg"><span class="html-wrapper-text">списки персонажей</span></div>
<div class="html-wrapper-container">
дубль внешностей допускается только для персонажей-близнецов или во имя сюжетной необходимости, при этом каждый дубль обговаривается с игроком лично.<br>
фамилии могут повторяться только у персонажей-родственников, но на имена запрет не распространяется. при желании имя персонажа можно выкупить в <a href="https://heartmystic.rusff.me/viewtopic.php?id=42#p3350"><b><i>банке</b></i></a> и тем самым избежать повторов.<br>
- имя выкуплено.<br><br>
<span class="html_roles-button active" name="faces">внешности</span>
<span class="html_roles-button" name="names">имена и фамилии</span>
<div class="html_roles-wrapper">
<ul class="html_roles-container active" name="faces">
<li class="html_roles-letters">abcde</li>
<li class="html_roles-block roles-female">
<p class="html_roles-item">
<a href="https://heartmystic.rusff.me/profile.php?id=4">Anya Taylor-Joy</a>
<span>иллиана картер, начинающий журналист, сноходец</span>
</p>
<p class="html_roles-item">
<a href="https://heartmystic.rusff.me/profile.php?section=view&id=9">amber heard</a>
<span>скай беннет, адвокат, якорь для монстров из изнанки</span>
</p>
<p class="html_roles-item">
<a href="https://heartmystic.rusff.me/profile.php?id=63">Eiza Gonzalez</a>
<span>рейна хадсон, детектив, видит короткие вспышки картин прошлого</span>
</p>
<p class="html_roles-item">
<a href="https://heartmystic.rusff.me/profile.php?id=91">ester exposito</a>
<span>белла пауэлл, мошенница и культистка, ядовитая кровь</span>
</p>
</li>
<li class="html_roles-block roles-male">
<p class="html_roles-item">
<a href="https://heartmystic.rusff.me/profile.php?id=99">anar khalilov</a>
<span>деймон лестер, криминалист, вампиризм</span>
</p>
<p class="html_roles-item">
<a href="https://heartmystic.rusff.me/profile.php?id=109">andy biersack</a>
<span>чарли блэк, студент, художник, сновидец</span>
</p>
<p class="html_roles-item">
<a href="https://heartmystic.rusff.me/profile.php?id=93">Arón Piper</a>
<span>Айра Вайлд, вор</span>
</p>
<p class="html_roles-item">
<a href="https://heartmystic.rusff.me/profile.php?id=21">benjamin wadsworth</a>
<span>кристиан маретти, ординатор, предчувствие. чует беду и радость как пёс землетрясение. </span>
</p>
<p class="html_roles-item">
<a href="https://heartmystic.rusff.me/profile.php?id=77">boyd holbrook</a>
<span>паркер гонтрам, музыкальный агент, без дара</span>
</p>
<p class="html_roles-item">
<a href="https://heartmystic.rusff.me/profile.php?id=37">christian yu</a>
<span>сэм, детектив, видения будущего</span>
</p>
<p class="html_roles-item">
<a href="https://heartmystic.rusff.me/profile.php?id=96">danny griffin</a>
<span>киран монтгомери, безработный, обычный человек</span>
</p>
<p class="html_roles-item">
<a href="https://heartmystic.rusff.me/profile.php?id=8">drew starkey</a>
<span>лайонел хадсон, бариста, студент, ускоренная регенерация</span>
</p>
</li>
<li class="html_roles-letters">fghij</li>
<li class="html_roles-block roles-female">
<p class="html_roles-item">
<a href="https://heartmystic.rusff.me/profile.php?id=11">florence pugh</a>
<span>эшли нельсон, ветеринар, дар крови</span>
</p>
<p class="html_roles-item">
<a href="https://heartmystic.rusff.me/profile.php?section=view&id=5">halsey</a>
<span>орфея картер, лейтенант полиции, поцелованная фортуной</span>
</p>
<p class="html_roles-item">
<a href="ссылка">внешность</a>
<span>имя, профессия, проклятье или дар</span>
</p>
<p class="html_roles-item">
<a href="ссылка">внешность</a>
<span>имя, профессия, проклятье или дар</span>
</p>
<p class="html_roles-item">
<a href="ссылка">внешность</a>
<span>имя, профессия, проклятье или дар</span>
</p>
</li>
<li class="html_roles-block roles-male">
<p class="html_roles-item">
<a href="https://heartmystic.rusff.me/profile.php?id=76">freddy carter</a>
<span>александер барбера, меценат, золотое прикосновение</span>
</p>
<p class="html_roles-item">
<a href="https://heartmystic.rusff.me/profile.php?id=6">frank grillo</a>
<span>тони хадсон, тренер, перевертыш</span>
</p>
<p class="html_roles-item">
<a href="https://heartmystic.rusff.me/profile.php?id=28">harris dickinson</a>
<span>лука синклэр, егерь, водолаз, мистический лунатизм</span>
</p>
<p class="html_roles-item">
<a href="ссылка">внешность</a>
<span>имя, профессия, проклятье или дар</span>
</p>
<p class="html_roles-item">
<a href="ссылка">внешность</a>
<span>имя, профессия, проклятье или дар</span>
</p>
<p class="html_roles-item">
<a href="ссылка">внешность</a>
<span>имя, профессия, проклятье или дар</span>
</p>
</li>
<li class="html_roles-letters">klmno</li>
<li class="html_roles-block roles-female">
<p class="html_roles-item">
<a href="https://heartmystic.rusff.me/profile.php?id=47">Katheryn Winnick</a>
<span>ева шепард, проклята жить вечно, бессмертна</span>
</p>
<p class="html_roles-item">
<a href="https://heartmystic.rusff.me/profile.php?id=19">madelyn cline</a>
<span>дафна гамильтон, студентка, обычный человек</span></p>
<p class="html_roles-item">
<a href="https://heartmystic.rusff.me/profile.php?id=78">mikey madison</a>
<span>роуз харлок, бывшая содержанка психоневрологического диспансера, лес иллюзий/span>
</p>
<p class="html_roles-item">
<a href="ссылка">внешность</a>
<span>имя, профессия, проклятье или дар</span>
</p>
<p class="html_roles-item">
<a href="ссылка">внешность</a>
<span>имя, профессия, проклятье или дар</span>
</p>
<p class="html_roles-item">
<a href="ссылка">внешность</a>
<span>имя, профессия, проклятье или дар</span>
</p>
</li>
<li class="html_roles-block roles-male">
<p class="html_roles-item">
<a href="https://heartmystic.rusff.me/profile.php?id=17">karl urban</a>
<span>николас маретти, частный детектив (официально), наемник одного культа (неофициально), обычный человек</span>
</p>
<p class="html_roles-item">
<a href="https://heartmystic.rusff.me/profile.php?id=20">lee dongwook</a>
<span>теодор мэлроуз, финконсультант, геолокация в пространстве</span>
</p>
<p class="html_roles-item">
<a href="https://heartmystic.rusff.me/profile.php?id=24">Michael Fassbender</a>
<span>леонард блэр, адвокат, обычный человек</span>
</p>
<p class="html_roles-item">
<a href="https://heartmystic.rusff.me/profile.php?id=80">nicholas alexander chavez</a>
<span>ситри белет, машиах, предводитель культа имени себя, контроль разума</span>
</p>
<p class="html_roles-item">
<a href="https://heartmystic.rusff.me/profile.php?id=36">noah sebastian</a>
<span>аарон херст, радиоведущий и музыкальный критик. безбожник в каталоге проклятых душ.</span>
</p>
<p class="html_roles-item">
<a href="https://heartmystic.rusff.me/profile.php?id=52">noen eubanks</a>
<span> эрик ноэль, студент, продавец в цветочном магазине, усиление чужих способностей</span>
</p>
<p class="html_roles-item">
<a href="ссылка">внешность</a>
<span>имя, профессия, проклятье или дар</span>
</p>
</li>
<li class="html_roles-letters">pqrstu</li>
<li class="html_roles-block roles-female">
<p class="html_roles-item">
<a href="https://heartmystic.rusff.me/profile.php?id=7">sydney sweeney</a>
<span>эрика картер, видеоблогер, русалочка</span>
</p>
<p class="html_roles-item">
<a href="https://heartmystic.rusff.me/profile.php?id=66">tu tontawan</a>
<span>март танака, командир оперативной группы в uh, умеет весело нарезать людей</span>
</p>
<p class="html_roles-item">
<a href="ссылка">внешность</a>
<span>имя, профессия, проклятье или дар</span>
</p>
<p class="html_roles-item">
<a href="ссылка">внешность</a>
<span>имя, профессия, проклятье или дар</span>
</p>
<p class="html_roles-item">
<a href="ссылка">внешность</a>
<span>имя, профессия, проклятье или дар</span>
</p>
<p class="html_roles-item">
<a href="ссылка">внешность</a>
<span>имя, профессия, проклятье или дар</span>
</p>
</li>
<li class="html_roles-block roles-male">
<p class="html_roles-item">
<a href="https://heartmystic.rusff.me/profile.php?id=82">parker wilkson</a>
<span>кори гонтрам, музыкант, обычный человек</span>
</p>
<p class="html_roles-item">
<a href="https://heartmystic.rusff.me/profile.php?id=12">Patrick Gibson</a>
<span>Мартин Ниванс, владелец похоронного бюро, видит призраков умерших людей</span>
</p>
<p class="html_roles-item">
<a href="https://heartmystic.rusff.me/profile.php?id=29">robert downey jr.</a>
<span>бадди дик, бармен, проклят вечным невезением</span>
</p>
<p class="html_roles-item">
<a href="https://heartmystic.rusff.me/profile.php?id=22">rudy pankow</a>
<span>билли ховард, видеооператор yt-канала, видит призраков через камеру</span>
</p>
<p class="html_roles-item">
<a href="ссылка">внешность</a>
<span>имя, профессия, проклятье или дар</span>
</p>
<p class="html_roles-item">
<a href="ссылка">внешность</a>
<span>имя, профессия, проклятье или дар</span>
</p>
<p class="html_roles-item">
<a href="ссылка">внешность</a>
<span>имя, профессия, проклятье или дар</span>
</p>
</li>
<li class="html_roles-letters">vwxyz</li>
<li class="html_roles-block roles-female">
<p class="html_roles-item">
<a href="ссылка">внешность</a>
<span>имя, профессия, проклятье или дар</span>
</p>
<p class="html_roles-item">
<a href="ссылка">внешность</a>
<span>имя, профессия, проклятье или дар</span>
</p>
<p class="html_roles-item">
<a href="ссылка">внешность</a>
<span>имя, профессия, проклятье или дар</span>
</p>
<p class="html_roles-item">
<a href="ссылка">внешность</a>
<span>имя, профессия, проклятье или дар</span>
</p>
<p class="html_roles-item">
<a href="ссылка">внешность</a>
<span>имя, профессия, проклятье или дар</span>
</p>
</li>
<li class="html_roles-block roles-male">
<p class="html_roles-item">
<a href="ссылка">внешность</a>
<span>имя, профессия, проклятье или дар</span>
</p>
<p class="html_roles-item">
<a href="ссылка">внешность</a>
<span>имя, профессия, проклятье или дар</span>
</p>
<p class="html_roles-item">
<a href="ссылка">внешность</a>
<span>имя, профессия, проклятье или дар</span>
</p>
<p class="html_roles-item">
<a href="ссылка">внешность</a>
<span>имя, профессия, проклятье или дар</span>
</p>
<p class="html_roles-item">
<a href="ссылка">внешность</a>
<span>имя, профессия, проклятье или дар</span>
</p>
<p class="html_roles-item">
<a href="ссылка">внешность</a>
<span>имя, профессия, проклятье или дар</span>
</p>
</li>
</ul>
<div class="html_roles-container" name="names">
<div class="html_roles-names-wrap">
<span class="html_roles-letters">a - m</span>
<ul class="html_roles-names-list">
<li><a href="https://heartmystic.rusff.me/profile.php?id=36">aaron hearst</a> - аарон херст</li>
<li><a href="https://heartmystic.rusff.me/profile.php?id=76">alexander barbera</a> - александр барбера</li>
<li><a href="https://heartmystic.rusff.me/profile.php?id=11">ashley nelson</a> - эшли нельсон</li>
<li><a href="https://heartmystic.rusff.me/profile.php?id=91">bella powell</a> - белла пауэлл</li>
<li><a href="https://heartmystic.rusff.me/profile.php?id=22">billy howard</a> - билли ховард</li>
<li><a href="https://heartmystic.rusff.me/profile.php?id=29">buddy dick</a> - бадди дик</li>
<li> <a href="https://heartmystic.rusff.me/profile.php?id=109">charlie black</a> - чарли блэк</li>
<li><a href="https://heartmystic.rusff.me/profile.php?id=82">cory gontram</a> - кори гонтрам</li>
<li><a href="https://heartmystic.rusff.me/profile.php?id=21">christian maretti</a> - кристиан маретти</li>
<li><a href="https://heartmystic.rusff.me/profile.php?id=99">daemon lester</a> - деймон лестер</li>
<li><a href="https://heartmystic.rusff.me/profile.php?id=19">daphne hamilton</a> - дафна гамильтон</li>
<li><a href="https://heartmystic.rusff.me/profile.php?id=52"> eric noel</a> - эрик ноэль</li>
<li> <a href="https://heartmystic.rusff.me/profile.php?id=7">erica carter</a> - эрика картер</li>
<li><a href="https://heartmystic.rusff.me/profile.php?id=47">eva shepard</a> - ева шепард</li>
<li><a href="https://heartmystic.rusff.me/profile.php?id=4">Illyana Carter</a> - иллиана картер</li>
<li><a href="https://heartmystic.rusff.me/profile.php?id=93">Ira Wild</a> - Айра Вайлд</li>
<li><a href="https://heartmystic.rusff.me/profile.php?id=96">kieran montgomery</a> - киран монтгомери</li>
<li><a href="https://heartmystic.rusff.me/profile.php?id=24">leonard blair</a> - леонард блэр</li>
<li> <a href="https://heartmystic.rusff.me/profile.php?id=8">lionel hudson</a> - лайонел хадсон</li>
<li> <a href="https://heartmystic.rusff.me/profile.php?id=28">luca sinclair</a> - лука синклэр</li>
<li><a href="https://heartmystic.rusff.me/profile.php?id=12">martin nivans</a> - мартин ниванс</li>
<li><a href="https://heartmystic.rusff.me/profile.php?id=66">march tanaka</a> - март танака</li>
</ul>
</div>
<div class="html_roles-names-wrap">
<span class="html_roles-letters">n - z</span>
<ul class="html_roles-names-list">
<li><a href="https://heartmystic.rusff.me/profile.php?id=17">nicholas maretti</a> - николас маретти</li>
<li> <a href="https://heartmystic.rusff.me/profile.php?section=view&id=5">orphea carter</a> - орфея картер</li>
<li><a href="https://heartmystic.rusff.me/profile.php?id=77">Parker Gontram</a> - паркер гонтрам</li>
<li><a href="https://heartmystic.rusff.me/profile.php?id=63">Reyna Hudson</a> - рейна хадсон</li>
<li><a href="https://heartmystic.rusff.me/profile.php?id=9">rose harlock</a> - роуз харлок</li>
<li><a href="https://heartmystic.rusff.me/profile.php?id=37">sam reed</a> - сэм рид</li>
<li><a href="https://heartmystic.rusff.me/profile.php?id=80">sitri beleth</a> - ситри белет</li>
<li><a href="https://heartmystic.rusff.me/profile.php?section=view&id=9">Skye Bennet</a> - скай беннет</li>
<li><a href="https://heartmystic.rusff.me/profile.php?id=20">theodore melrose</a> - теодор мэлроуз</li>
<li><a href="https://heartmystic.rusff.me/profile.php?id=6">tony hudson</a> - тони хадсон</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<script>
const buttons = document.querySelectorAll(".html_roles-button");
const containers = document.querySelectorAll(".html_roles-container");
buttons.forEach(button => {
button.addEventListener("click", () => {
const name = button.getAttribute("name");
buttons.forEach(btn => btn.classList.remove("active"));
button.classList.add("active");
containers.forEach(container => {
if (container.getAttribute("name") === name) {
container.classList.add("active");
container.classList.remove("hide-left", "hide-right");
} else {
if (container.classList.contains("active")) {
container.classList.remove("active");
container.classList.add("hide-right");
}
}
});
});
});
</script>
[/html]
