Magic world
Здесь вы можете ознакомиться
с населением магической Британии
mb - маглорожденный
pb - чистокровный
hb - полукровкаde - пожиратели смерти
op - орден феникса
mm - министерство магии
ne - нейтралитетMM - Министерство магии
St M - Больница Св. Мунго
DA - Косой переулок
KA - Лютный переулок
Media - СМИ
Q - Квиддич
H - Хогвартс
Hogs - Хогсмид
Az - Азкабан
MBr - Магическая Британия
[html]
<style>
.tabs {
margin-bottom: 20px;
display: flex;
justify-content: center;
}
.tab-button {
background-color: #999;
color: white;
padding: 10px 20px;
margin: 5px;
border: none;
border-radius: 20px;
cursor: pointer;
}
.tab-button.active {
background-color: #5a3870;
}
#filter-block {
display: flex;
justify-content: center;
flex-wrap: wrap;
gap: 5px;
margin-bottom: 20px;
}
}
.filters select, .filters button {
margin: 1px;
padding: 5px 5px;
}
.tab-content {
display: none;
}
.tab-content.active {
display: block;
}
.character-list {
display: flex;
justify-content: space-around;
margin-top: 20px;
text-align: left;
}
.group {
max-width: 300px;
}
.letter-block {
margin: 15px 0;
}
.char-card {
margin-bottom: 10px;
}
.tags {
font-size: 0.8em;
color: grey;
}
table {
margin: 0 auto;
border-collapse: collapse;
width: 60%;
}
table, th, td {
border: 1px solid #ccc;
}
th, td {
padding: 8px 12px;
}
.centered-text {
text-align: center;
margin: 20px auto;
line-height: 1.6;
font-size: 16px;
max-width: 600px;
}
@media (max-width: 768px) {
.tabs {
flex-direction: column;
align-items: center;
overflow-y: auto;
}
.tab-button {
width: 90%;
font-size: 12px;
}
#filter-block {
flex-direction: column;
align-items: center;
}
.filters select, .filters button {
width: 100%;
}
.character-list {
flex-direction: column;
align-items: center;
}
.tab-content {
max-height: 100vh;
overflow-y: auto;
padding-bottom: 600px; /* Чтобы не обрезался нижний контент */
}
.group {
max-width: 100%;
height: auto !important;
max-height: none !important;
overflow: visible !important;
}
.letter-block h3 {
font-size: 12px;
}
.char-card {
font-size: 12px;
}
table {
width: 100%;
font-size: 12px;
}
.tags {
font-size: 12px;
}}
</style>
<div class="tabs">
<button class="tab-button active" onclick="switchTab('characters', this)">Список персонажей</button>
<button class="tab-button" onclick="switchTab('faces', this)">Занятые внешности</button>
</div>
<!-- Фильтры только в первой вкладке -->
<div id="filter-block" class="filters">
<button onclick="resetFilters()">Все</button>
<select id="statusFilter">
<option value="">Статус</option>
<option value="active">В игре</option>
<option value="free">Свободный персонаж</option>
</select>
<select id="ageFilter">
<option value="">Фракция</option>
<option value="op">Орден феникса</option>
<option value="de">Пожиратели смерти</option>
<option value="ne">Нейтралитет</option>
<option value="mm">Министерство Магии</option>
</select>
<select id="jobFilter">
<option value="">Работа</option>
<option value="MM">Министерство магии</option>
<option value="St M">Больница Св. Мунго</option>
<option value="DA">Косой переулок</option>
<option value="KA">Лютный переулок</option>
<option value="HA">Горизонтальный переулок</option>
<option value="Media">СМИ</option>
<option value="Q">Квиддич</option>
<option value="H">Хогвартс</option>
<option value="Hogs">Хогсмид</option>
<option value="Az">Азкабан</option>
<option value="MBr">Магическая Британия</option>
</select>
<select id="gradYearFilter">
<option value="">Год окончания</option>
<option value="Beauxbatons">Beauxbatons</option>
<option value="Mahotokoro">Mahotokoro</option>
<option value="Durmstrang">Durmstrang</option>
<option value="Koldovstvorets">Koldovstvorets</option>
<option value="Uagadou">Uagadou</option>
<option value="24">24</option>
<option value="38">38</option>
<option value="39">39</option>
<option value="40">40</option>
<option value="41">41</option>
<option value="42">42</option>
<option value="43">43</option>
<option value="44">44</option>
<option value="45">45</option>
<option value="46">46</option>
<option value="47">47</option>
<option value="48">48</option>
<option value="49">49</option>
<option value="50">50</option>
<option value="51">51</option>
<option value="52">52</option>
<option value="53">53</option>
<option value="54">54</option>
<option value="55">55</option>
<option value="56">56</option>
<option value="57">57</option>
<option value="58">58</option>
<option value="59">59</option>
<option value="60">60</option>
<option value="61">61</option>
<option value="62">62</option>
<option value="63">63</option>
<option value="64">64</option>
<option value="65">65</option>
<option value="66">66</option>
<option value="67">67</option>
<option value="68">68</option>
<option value="69">69</option>
<option value="70">70</option>
<option value="71">71</option>
<option value="72">72</option>
<option value="73">73</option>
<option value="74">74</option>
<option value="75">75</option>
<option value="76">76</option>
<option value="77">77</option>
<option value="78">78</option>
<option value="79">79</option>
<option value="80">80</option>
</select>
<select id="bloodFilter">
<option value="">Чистота крови</option>
<option value="pb">Чистокровный</option>
<option value="mb">Магглорождённый</option>
<option value="hb">Полукровка</option>
<option value="being">Существа</option>
</select>
</div>
<!-- Вкладка 1 -->
<!-- Вкладка 1: полностью переписанный и исправленный контент -->
<div id="characters" class="tab-content active">
<div class="character-list">
<!-- Женские персонажи -->
<div class="group">
<h3>Female</h3>
<div class="letter-block">
<h3><b><span style="color:gray">А - I</span></b></h3><br>
<div class="char-card" data-age="ne" data-job=" " data-grad="58" data-blood="pb" data-status="active">
<a href="https://safespace.rusff.me/profile.php?id=75" target="_blank"><strong>Avery, Alexandrite</strong></a> — 39, pb, ne, Hogwarts, H'58
<div class="tags">Попечительница благотворительного фонда</div>
</div>
<div class="char-card" data-age="ne" data-job=" " data-grad="80" data-blood="pb" data-status="active">
<a href="https://safespace.rusff.me/profile.php?id=99" target="_blank"><strong>Avery, Neftida</strong></a> — 17, pb, ne, Hogwarts, S'80
<div class="tags">Студентка, Слизерин, 7 курс</div>
</div>
<div class="char-card" data-age="mm" data-job="MM" data-grad="68" data-blood="hb" data-status="active">
<a href="https://safespace.rusff.me/viewtopic.php?id=107&p=2#p91653" target="_blank"><strong>Burbage, Charity</strong></a> — 30, hb, mm, Hogwarts, S'68
<div class="tags">MM, сотрудница в Секторе борьбы с незаконным использованием изобретений маглов #маска</div>
</div>
<div class="char-card" data-age="de" data-job="KA" data-grad="73" data-blood="pb" data-status="active">
<a href="https://safespace.rusff.me/profile.php?id=179" target="_blank"><strong>Burke, Frederica</strong></a> — 24, pb, de, Hogwarts, S'73
<div class="tags">младший артефактор в «Борджин и Бёркс»</div>
</div>
<div class="char-card" data-age="op" data-job="MM" data-grad="72" data-blood="pb" data-status="active">
<a href="https://safespace.rusff.me/profile.php?id=286" target="_blank"><strong>Dawlish, Nicoletta </strong></a> — 25, pb, op, Hogwarts, G'72
<div class="tags">ММ, аврор</div>
</div>
<div class="char-card" data-age="ne" data-job=" " data-grad=" " data-blood=" " data-status="active">
<a href="https://safespace.rusff.me/profile.php?id=53" target="_blank"><strong>Evans, Petunia</strong></a> — 21, muggle
<div class="tags">Секретарь-машинистка в компании Граннингс</div>
</div>
<div class="char-card" data-age="ne" data-job="Q" data-grad="75" data-blood="pb" data-status="active">
<a href="https://safespace.rusff.me/viewtopic.php?id=107#p47872" target="_blank"><strong>Fawley, Tilda</strong></a> — 22, pb, Hogwarts, H'75
<div class="tags">Ловец «Кенмарских Коршунов. <br><span style="color:teal">#маска</span></div>
</div>
<div class="char-card" data-age="ne" data-job="MM" data-grad="76" data-blood="pb" data-status="active">
<a href="https://safespace.rusff.me/profile.php?id=168" target="_blank"><strong>Fiorelli, Simona</strong></a> — 21, pb, ne, Hogwarts, G'76
<div class="tags">Сотрудник Департамента международного магического сотрудничества</div>
</div>
<div class="char-card" data-age="mm" data-job="St M" data-grad="79" data-blood="mb" data-status="active">
<a href="https://safespace.rusff.me/profile.php?id=162" target="_blank"><strong>Harland, Rose</strong></a> — 18, mb, mm, Hogwarts, H'79
<div class="tags">St M, этаж «Недуги от заклятий», колдомедик-стажёр<br></div>
</div>
<div class="char-card" data-age="ne" data-job=" " data-grad="79" data-blood="mb" data-status="active">
<a href="https://safespace.rusff.me/profile.php?id=243" target="_blank"><strong>Hawk, Evelyn Mavis</strong></a> — 18, mb, Hogwarts, H'79
<div class="tags">музыкант, автор и исполнитель песен собственного сочинения<br> <span style="color:teal">#маска</span></div>
</div>
</div>
<div class="letter-block">
<h3><b><span style="color:gray">J - Q</span></b></h3><br>
<div class="char-card" data-age="ne" data-job="Q" data-grad="78" data-blood="pb" data-status="active">
<a href="https://safespace.rusff.me/profile.php?id=249" target="_blank"><strong>Jones, Hestia</strong></a> — 19, pb, ne, Hogwarts, G'78
<div class="tags">ловец «Уимбурнских Ос» <span style="color:teal"></span></div>
</div>
<div class="char-card" data-age="de" data-job=" " data-grad="70" data-blood="pb" data-status="active">
<a href="https://safespace.rusff.me/profile.php?id=262" target="_blank"><strong>Lestrange, Bellatrix</strong></a> — 27, pb, de, Hogwarts, S'70
<div class="tags">Светская леди</div>
</div>
<div class="char-card" data-age="ne" data-job="St M" data-grad="65" data-blood="pb" data-status="active">
<a href="https://safespace.rusff.me/profile.php?id=284" target="_blank"><strong>MacFusty, Moira</strong></a> — 33, pb, ne, H'65
<div class="tags">St M, Целитель отделения травм от рукотворных предметов в больнице Святого Мунго</div>
</div>
<div class="char-card" data-age="op" data-job="Hogs" data-grad="77" data-blood="pb" data-status="active">
<a href="https://safespace.rusff.me/profile.php?id=35" target="_blank"><strong>Macnair, Virsavia</strong></a> — 20, pb, op, G'77
<div class="tags">Официантка в кафе мадам Паддифут<br><span style="color:teal">#маска</span></div>
</div>
<div class="char-card" data-age="op" data-job="MM" data-grad="78" data-blood="hb" data-status="active">
<a href="https://safespace.rusff.me/profile.php?id=67" target="_blank"><strong>McKinnon, Marlene</strong></a> — 19, hb, op, Hogwarts, G'78
<div class="tags">Стажер в аврорате</div>
</div>
<div class="char-card" data-age="op" data-job="MM" data-grad="78" data-blood="hb" data-status="active">
<a href="https://safespace.rusff.me/profile.php?id=73" target="_blank"><strong>Milligan, Judith</strong></a> — 19, hb, op, Hogwarts, R'78
<div class="tags">MM, стажер в Отделе тайн</div>
</div>
<div class="char-card" data-age="ne" data-job="MBr" data-grad="Koldovstvorets" data-blood="hb" data-status="active">
<a href="https://safespace.rusff.me/viewtopic.php?id=107#p47241" target="_blank"><strong>Moore, Vanessa</strong></a> — 20, hb, ne, Koldovstvorets
<div class="tags">MBr, владелица лавки с амулетами и пр. <span style="color:teal">#маска</span></div>
</div>
<div class="char-card" data-age="ne" data-job="Q" data-grad="48" data-blood="hb" data-status="active">
<a href="https://safespace.rusff.me/viewtopic.php?id=107#p64113" target="_blank"><strong>Morgan, Gwendolyn</strong></a> — 49, hb, ne, Hogwarts, G'48
<div class="tags">тренер команды Холихедские гарпии, член Британско-ирландской лиги квиддича, бывший капитан Холихедских гарпий <span style="color:teal">#маска</span></div>
</div>
<div class="char-card" data-age="ne" data-job=" " data-grad="76" data-blood="pb" data-status="active">
<a href="https://safespace.rusff.me/profile.php?id=3" target="_blank"><strong>Mulciber, Aurora</strong></a> — 21, pb, ne, Hogwarts, S'76
<div class="tags">художница <span style="color:teal"></span></div>
</div>
<div class="char-card" data-age="ne" data-job=" " data-grad="74" data-blood="pb" data-status="active">
<a href="https://safespace.rusff.me/profile.php?id=85" target="_blank"><strong>Mulciber, Lavinia</strong></a> — 23, pb, ne, Hogwarts, S'74
<div class="tags">ММ, сотрудница бюро магического законодательства #маска</div>
</div>
<div class="char-card" data-age="ne" data-job=" " data-grad="51" data-blood="pb" data-status="active">
<a href="https://safespace.rusff.me/profile.php?id=76" target="_blank"><strong>Mulciber, Olivin Eleanor</strong></a> — 28 (dead), pb, Hogwarts, H'51
<div class="tags">Домохозяйка, умерла в 61 году <br><span style="color:teal">#маска #dead</span></div>
</div>
<div class="char-card" data-age="op" data-job="MM" data-grad="78" data-blood="mb" data-status="active">
<a href="https://safespace.rusff.me/profile.php?id=238" target="_blank"><strong>Potter, Lily</strong></a> — 19, mb, op, Hogwarts, G'78
<div class="tags">MM, стажерка в аврорате</div>
</div>
</div>
<div class="letter-block">
<h3><b><span style="color:gray">R - Z</span></b></h3><br>
<div class="char-card" data-age="ne" data-job="MM" data-grad="78" data-blood="mb" data-status="active">
<a href="https://safespace.rusff.me/profile.php?id=237" target="_blank"><strong>Rhein, Ellin</strong></a> — 25, mb, ne, Hogwarts, H'73
<div class="tags">MM, Сотрудник комитета по выработке объяснений для маглов <span style="color:teal">#маска</span></div>
</div>
<div class="char-card" data-age="ne" data-job="" data-grad="78" data-blood="pb" data-status="active">
<a href="https://safespace.rusff.me/profile.php?id=252" target="_blank"><strong>Rookwood, Larunda</strong></a> — 19, pb, ne, Hogwarts, S'78
<div class="tags">Светская леди, занимается благотворительностью</div>
</div>
<div class="char-card" data-age="ne" data-job="St M" data-grad="75" data-blood="pb" data-status="active">
<a href="https://safespace.rusff.me/profile.php?id=237" target="_blank"><strong>Rookwood, Lucilla</strong></a> — 23, pb, ne, Hogwarts, S'78
<div class="tags">St M, целитель в отделе отравлений растениями и зельями<br></div>
</div>
<div class="char-card" data-age="ne" data-job=" " data-grad="79" data-blood="pb" data-status="active">
<a href="https://safespace.rusff.me/profile.php?id=146" target="_blank"><strong>Shafiq, Dahlia</strong></a> — 18, pb, ne, Hogwarts, R'79
<div class="tags">на содержании отца</div>
</div>
<div class="char-card" data-age="ne" data-job="Media" data-grad="77" data-blood="hb" data-status="active">
<a href="https://safespace.rusff.me/profile.php?id=162" target="_blank"><strong>Squiggle, Emma</strong></a> — 20, hb, ne, Hogwarts, R'77
<div class="tags">Media, репортёр «Ежедневного Пророка» <span style="color:teal">#маска</span></div>
</div>
<div class="char-card" data-age="ne" data-job="MM" data-grad="Beauxbatons" data-blood="pb" data-status="active">
<a href="https://safespace.rusff.me/viewtopic.php?id=107&p=2#p94012" target="_blank"><strong>Valcourt, Heloise</strong></a> — 23, pb, ne, Beauxbatons’74
<div class="tags">MM, специалист департамента международного магического сотрудничества #маска</div>
</div>
<div class="char-card" data-age="op" data-job="MM" data-grad="74" data-blood="hb" data-status="active">
<a href="https://safespace.rusff.me/profile.php?id=281" target="_blank"><strong>Vance, Emmeline</strong></a> — 23, pb, op, Hogwarts, G'74
<div class="tags">ММ, стажерка аврората</div>
</div>
<div class="char-card" data-age="ne" data-job="Q" data-grad="76" data-blood="pb" data-status="active">
<a href="https://safespace.rusff.me/profile.php?id=53" target="_blank"><strong>Vanity, Emma</strong></a> — 21, pb, ne, Hogwarts, S'76
<div class="tags">Q, ловец "Холихедских гарпий" <span style="color:teal">#маска</span></div>
</div>
<div class="char-card" data-age="ne" data-job=" " data-grad="68" data-blood="pb" data-status="active">
<a href="https://safespace.rusff.me/profile.php?id=298" target="_blank"><strong>Weasley, Molly</strong></a> — 28, pb, ne, Hogwarts, G'68
<div class="tags">домохозяйка</div>
</div>
<div class="char-card" data-age="op" data-job="MM" data-grad="79" data-blood="mb" data-status="active">
<a href="https://safespace.rusff.me/profile.php?id=6" target="_blank"><strong>White, Julie</strong></a> — 18, mb, op, Hogwarts, G'79
<div class="tags">MM, стажерка в аврорате</div>
</div>
<div class="char-card" data-age="ne" data-job="MM" data-grad="Uagadou" data-blood="pb" data-status="active">
<a href="https://safespace.rusff.me/profile.php?id=242" target="_blank"><strong>Zabini, Adaeze</strong></a> — 25, pb, ne, Uagadou'72
<div class="tags">MM, сотрудница Подразделения духов в Министерстве Магии</div>
</div>
</div>
</div>
<!-- Мужские персонажи -->
<div class="group">
<h3>Male</h3>
<div class="letter-block">
<h3><b><span style="color:gray">А - I</span></b></h3><br>
<div class="char-card" data-age="ne" data-job=" " data-grad="57" data-blood="pb" data-status="active">
<a href="https://safespace.rusff.me/viewtopic.php?id=107#p101278" target="_blank"><strong>Abbott, Aedyonn</strong></a> — 40, pb, ne, Hogwarts, H'57
<div class="tags">Писатель и бард <span style="color:teal">#маска</span></div>
</div>
<div class="char-card" data-age="ne" data-job="MM" data-grad="69" data-blood="pb" data-status="active">
<a href="https://safespace.rusff.me/viewtopic.php?id=107#p25210" target="_blank"><strong>Avery, Darklian Kellay</strong></a> — 28, pb, ne, Hogwarts, S'69
<div class="tags">Cудмедэксперт ДОМП <span style="color:teal">#маска</span></div>
</div>
<div class="char-card" data-age="de" data-job="KA" data-grad="45" data-blood="pb" data-status="active">
<a href="https://safespace.rusff.me/profile.php?id=71" target="_blank"><strong>Avery, Morvran</strong></a> — 52, pb, de, Hogwarts, S'45
<div class="tags">KA, владелец погребального бюро</div>
</div>
<div class="char-card" data-age="ne" data-job=" " data-grad="80" data-blood="pb" data-status="active">
<a href="https://safespace.rusff.me/profile.php?id=197" target="_blank"><strong>Avery, Obsidian</strong></a> — 17, pb, ne, Hogwarts, S'80
<div class="tags">Студент, Слизерин, 7 курс</div>
</div>
<div class="char-card" data-age="de" data-job="MM" data-grad="79" data-blood="pb" data-status="active">
<a href="https://safespace.rusff.me/profile.php?id=5" target="_blank"><strong>Black, Regulus</strong></a> — 18, pb, de, Hogwarts, S'79
<div class="tags">MM, стажер в аврорате</div>
</div>
<div class="char-card" data-age="op" data-job="MM" data-grad="78" data-blood="pb" data-status="active">
<a href="https://safespace.rusff.me/profile.php?id=5" target="_blank"><strong>Black, Sirius</strong></a> — 19, pb, op, Hogwarts, G'78
<div class="tags">MM, стажер в аврорате</div>
</div>
<div class="char-card" data-age="de" data-job="KA" data-grad="24" data-blood="pb" data-status="active">
<a href="https://safespace.rusff.me/viewtopic.php?id=107#p58017" target="_blank"><strong>Burke, Caractacus</strong></a> — 74, pb, de, Hogwarts, S'24
<div class="tags">мастер артефакторики, совладелец лавки «Борджи и Бёрк» <span style="color:teal">#маска</span></div>
</div>
<div class="char-card" data-age="mm" data-job="MM" data-grad="78" data-blood="hb" data-status="active">
<a href="https://safespace.rusff.me/viewtopic.php?id=107#p42954" target="_blank"><strong>Cresswell, Dirk</strong></a> — 18, hb, mm, Hogwarts, G'78
<div class="tags">стажер в управлении по связям с гоблинами <span style="color:teal">#маска</span></div>
</div>
<div class="char-card" data-age="de" data-job="MM" data-grad="78" data-blood="pb" data-status="active">
<a href="https://safespace.rusff.me/profile.php?id=35" target="_blank"><strong>Crouch, Barty Jr</strong></a> — 19, pb, de, Hogwarts, S'78
<div class="tags">MM, стажер отдела стирателей памяти</div>
</div>
<div class="char-card" data-age="op" data-job="MM" data-grad="57" data-blood="pb" data-status="active">
<a href="https://safespace.rusff.me/profile.php?id=274" target="_blank"><strong>Dawlish, John</strong></a> — 40, pb, op, Hogwarts, H'57
<div class="tags">Старший аврор</div>
</div>
<div class="char-card" data-age="op" data-job="MM" data-grad="74" data-blood="hb" data-status="active">
<a href="https://safespace.rusff.me/viewtopic.php?id=86#p8648" target="_blank"><strong>Dearborn, Caradoc</strong></a> — 23, hb, op, Hogwarts, G'74
<div class="tags">стажёр в аврорате <span style="color:teal">#маска</span></div>
</div>
<div class="char-card" data-age="ne" data-job="MBr" data-grad="76" data-blood="hb" data-status="active">
<a href="https://safespace.rusff.me/profile.php?id=134" target="_blank"><strong>Fawley, Valdes</strong></a> — 21, hb, ne, Hogwarts, G'76
<div class="tags">Работает в заповеднике магических зверей</div>
</div>
<div class="char-card" data-age="ne" data-job=" " data-grad="Koldovstvorets" data-blood="hb" data-status="active">
<a href="https://safespace.rusff.me/profile.php?id=160" target="_blank"><strong>Frolov, Tikhon</strong></a> — 33, hb, ne, Koldovstvorets
<div class="tags">Преподаватель зельеварения в Колдовстворце, частный зельевар</div>
</div>
<div class="char-card" data-age="op" data-job="MM" data-grad="65" data-blood="pb" data-status="active">
<a href="https://safespace.rusff.me/profile.php?id=290" target="_blank"><strong>Prewett, Gideon</strong></a> — 32, pb, op, Hogwarts, G'65
<div class="tags">MM, сотрудник комиссии по обезвреживанию опасных существ в министерстве магии</div>
</div>
<div class="char-card" data-age="de" data-job=" " data-grad="" data-blood="pb" data-status="active">
<a href="https://safespace.rusff.me/profile.php?id=103" target="_blank"><strong>Greyback, Fenrir</strong></a> — 36, pb, de, Hogwarts, S'--
<div class="tags">Вожак стаи</div>
</div>
<div class="char-card" data-age="mm" data-job="MM" data-grad="47" data-blood="hb" data-status="active">
<a href="https://safespace.rusff.me/profile.php?id=3" target="_blank"><strong>Greywood, Silos</strong></a> — 51, hb, mm, Hogwarts, S'47
<div class="tags">Высокопоставленный следователь Департамента магического правопорядка Сектора борьбы с неправомерным использованием магии <span style="color:teal">#маска</span></div>
</div>
</div>
<div class="char-card" data-age="de" data-job="MBr" data-grad="66" data-blood="hb" data-status="active">
<a href="https://safespace.rusff.me/profile.php?id=114" target="_blank"><strong>Howling, Phoebus</strong></a> — 31, hb, de, Hogwarts, R'66 (недоучился последние полгода)
<div class="tags">Наёмник, играет в карты на деньги</div>
</div>
<div class="letter-block">
<h3><b><span style="color:gray">J - Q</span></b></h3><br>
<div class="char-card" data-age="op" data-job="DA" data-grad="67" data-blood="pb" data-status="active">
<a href="https://safespace.rusff.me/profile.php?id=110" target="_blank"><strong>Jigger, Arsenius</strong></a> — 30, pb, op, Hogwarts, R'67
<div class="tags">DA, владелец аптеки "Slug & Jiggers"<br><span style="color:teal"></span></div>
</div>
<div class="char-card" data-age="ne" data-job="" data-grad="" data-blood="hb" data-status="active">
<a href="https://safespace.rusff.me/profile.php?id=119" target="_blank"><strong>Kelly, Fergus</strong></a> — 31, hb, ne
<div class="tags"></div>
</div>
<div class="char-card" data-age="ne" data-job="St M" data-grad="75" data-blood="pb" data-status="active">
<a href="https://safespace.rusff.me/profile.php?id=293" target="_blank"><strong>Lovegood, Gabriel</strong></a> — 23, pb, ne, Hogwarts, R'75
<div class="tags">Колдомедик в больнице св. Мунго, отдел недугов от заклятий</div>
</div>
<div class="char-card" data-age="ne" data-job="Media" data-grad="72" data-blood="pb" data-status="active">
<a href="https://safespace.rusff.me/profile.php?id=280" target="_blank"><strong>Lovegood, Xenophilius</strong></a> — 25, pb, ne, Hogwarts, R'72
<div class="tags">Media, Редактор и владелец журнала «Придира»</div>
</div>
<div class="char-card" data-age="de" data-job="MM" data-grad="73" data-blood="pb" data-status="active">
<a href="https://safespace.rusff.me/profile.php?id=141" target="_blank"><strong>Lestrange, Rabastan</strong></a> — 24, pb, de, Hogwarts, S'73
<div class="tags">MM, стиратель памяти в Департаменте магических происшествий и катастроф</div>
</div>
<div class="char-card" data-age="op" data-job="MM" data-grad="78" data-blood="hb" data-status="active">
<a href="https://safespace.rusff.me/profile.php?id=26" target="_blank"><strong>Lupin, Remus</strong></a> — 19, hb, op, Hogwarts, G'78
<div class="tags">MM, стажер в аврорате</div>
</div>
<div class="char-card" data-age="op" data-job="MM" data-grad="73" data-blood="pb" data-status="active">
<a href="https://safespace.rusff.me/profile.php?id=285" target="_blank"><strong>MacFusty, Finlay</strong></a> — 24, pb, op, Hogwarts, G'73
<div class="tags">ММ, хит-визард</div>
</div>
<div class="char-card" data-age="ne" data-job="MBr" data-grad="61" data-blood="pb" data-status="active">
<a href="https://safespace.rusff.me/profile.php?id=283" target="_blank"><strong>MacFusty, Zaxar</strong></a> — 37, pb, ne, Hogwarts, S'61
<div class="tags">Смотритель Гебридского заповедника драконов</div>
</div>
<div class="char-card" data-age="ne" data-job= " " data-grad="69" data-blood="pb" data-status="active">
<a href="https://safespace.rusff.me/profile.php?id=283" target="_blank"><strong>Macmillan, Seamus</strong></a> — 28, pb, ne, Hogwarts, G'69
<div class="tags">Музыкант, певец, автор песен</div>
</div>
<div class="char-card" data-age="de" data-job="MBr" data-grad="72" data-blood="pb" data-status="active">
<a href="https://safespace.rusff.me/profile.php?id=88" target="_blank"><strong>Malfoy, Lucius</strong></a> — 25, pb, de, Hogwarts, S'72
<div class="tags">Занимается благотворительностью, недвижимостью и бизнес-инвестициями</div>
</div>
<div class="char-card" data-age="de" data-job="MM" data-grad="71" data-blood="pb" data-status="active">
<a href="https://safespace.rusff.me/profile.php?id=76" target="_blank"><strong>Mulciber, Anthony</strong></a> — 26, pb, de, Hogwarts, S'71
<div class="tags">ММ, Невыразимец, со-владелец букмекерской конторы «Мальсибер и сыновья»</div>
</div>
<div class="char-card" data-age="de" data-job="mm" data-grad="37" data-blood="pb" data-status="active">
<a href="https://safespace.rusff.me/profile.php?id=165" target="_blank"><strong>Nott, Leonard</strong></a> — 60, pb, de, Hogwarts, S'37
<div class="tags">глава ДМПиК</div>
</div>
<div class="char-card" data-age="op" data-job="MBr" data-grad="70" data-blood="pb" data-status="active">
<a href="https://safespace.rusff.me/profile.php?id=104" target="_blank"><strong>Padgett, Gram</strong></a> — 27, pb, op, Hogwarts, R'70
<div class="tags"><span>MBr, герболог</span></div>
</div>
<div class="char-card" data-age="op" data-job="MM" data-grad="78" data-blood="pb" data-status="active">
<a href="https://safespace.rusff.me/profile.php?id=306" target="_blank"><strong>Pettigrew, Peter</strong></a> — 19, pb, op, Hogwarts, G'78
<div class="tags">стажёр в аврорате<br><span style="color:teal"></span></div>
</div>
<div class="char-card" data-age="op" data-job="MM" data-grad="78" data-blood="pb" data-status="active">
<a href="https://safespace.rusff.me/profile.php?id=243" target="_blank"><strong>Potter, James</strong></a> — 19, pb, op, Hogwarts, G'78
<div class="tags">стажёр в аврорате<br><span style="color:teal"></span></div>
</div>
<div class="char-card" data-age="de" data-job="DA" data-grad="58" data-blood="pb" data-status="active">
<a href="https://safespace.rusff.me/viewtopic.php?id=107#p67831" target="_blank"><strong>Pyrites, Raymond</strong></a> — 40, pb, Hogwarts, S'58
<div class="tags">Совладелец лавки сладостей в Косом переулке, продавец<br><span style="color:teal">#маска</span></div>
</div>
<div class="letter-block">
<h3><b><span style="color:gray">R - Z</span></b></h3><br>
<div class="char-card" data-age="de" data-job="MM" data-grad="77" data-blood="pb" data-status="active">
<a href="https://safespace.rusff.me/profile.php?id=4" target="_blank"><strong>Rosier, Evan</strong></a> — 20, pb, de, Hogwarts, S'77
<div class="tags">MM, стажер отдела международного магического сотрудничества </div></div>
<div class="char-card" data-age="de" data-job="KA" data-grad="73" data-blood="hb" data-status="active">
<a href="https://safespace.rusff.me/profile.php?id=149" target="_blank"><strong>Scabior, Arman</strong></a> — 24, hb, de, Hogwarts, S'73
<div class="tags">KA, владелец бара "Белая виверна"</div>
</div>
<div class="char-card" data-age="ne" data-job="MBr" data-grad="79" data-blood="pb" data-status="active">
<a href="https://safespace.rusff.me/profile.php?id=222" target="_blank"><strong>Scamander, Hippolytus</strong></a> — 18, pb, ne, Hogwarts, S'79
<div class="tags">Работник магического заповедника опасных животных</div>
</div>
<div class="char-card" data-age="mm" data-job="MM" data-grad="57" data-blood="hb" data-status="active">
<a href="https://safespace.rusff.me/viewtopic.php?id=107#p81004" target="_blank"><strong>Sherborne, Victor</strong></a> — 40, hb, mm, Hogwarts, H'57
<div class="tags">MM, старший аврор <span style="color:teal">#маска</span></div>
</div>
<div class="char-card" data-age="ne" data-job="MBr" data-grad="Mahotokoro" data-blood="pb" data-status="active">
<a href="https://safespace.rusff.me/profile.php?id=302" target="_blank"><strong>Shiratori, Kazuhiro</strong></a> — 26, pb, MBr, Mahtokoro, 71
<div class="tags">поверенный по родовым делам и наследственным обязательствам; мастер магических печатей [официально]
наёмный исполнитель особых поручений [фактически]</div>
</div>
<div class="char-card" data-age="ne" data-job="St M" data-grad="75" data-blood="pb" data-status="active">
<a href="https://safespace.rusff.me/profile.php?id=295" target="_blank"><strong>Sinclair, Ethan</strong></a> — 22, pb, ne, Hogwarts, G'75
<div class="tags">St M, Повар в Мунго></div>
</div>
<div class="char-card" data-age="ne" data-job="St M" data-grad="56" data-blood="pb" data-status="active">
<a href="https://safespace.rusff.me/profile.php?id=288" target="_blank"><strong>Smethwyck, Hippocrates</strong></a> — 42, pb, ne, Hogwarts, S'56
<div class="tags">St M, заведующий отделением «Ранения от живых существ» </div>
</div>
<div class="char-card" data-age="ne" data-job="St M" data-grad="70" data-blood="hb" data-status="active">
<a href="https://safespace.rusff.me/viewtopic.php?id=107#p17234" target="_blank"><strong>Spleen, Helbert</strong></a> — 27, hb, ne, Hogwarts, H'70
<div class="tags">St M, целитель в Мунго <span style="color:teal">#маска</span></div>
</div>
<div class="char-card" data-age="ne" data-job="St M" data-grad="70" data-blood="mb" data-status="active">
<a href="https://safespace.rusff.me/profile.php?id=11" target="_blank"><strong>Thickey, Janus</strong></a> — 27, mb, ne, Hogwarts, R'70
<div class="tags">St M, целитель в отделении недугов от заклятий</div>
</div>
<div class="char-card" data-age="ne" data-job=" " data-grad="76" data-blood="hb" data-status="active">
<a href="https://safespace.rusff.me/profile.php?id=304" target="_blank"><strong>Thorn, Christopher</strong></a> — 22, hb, ne, Hogwarts, S'76
<div class="tags">Альфонс</div>
</div>
<div class="char-card" data-age="mm" data-job="MM" data-grad="70" data-blood="pb" data-status="active">
<a href="https://safespace.rusff.me/profile.php?id=126" target="_blank"><strong>Travers, Max</strong></a> — 27, pb, mm, Hogwarts, S'70
<div class="tags">Артефактолог, Невыразимец в Отделе Тайн</div>
</div>
<div class="char-card" data-age="mm" data-job="MM" data-grad="68" data-blood="pb" data-status="active">
<a href="https://safespace.rusff.me/profile.php?id=282" target="_blank"><strong>Weasley, Arthur</strong></a> — 29, pb, mm, Hogwarts, S'77
<div class="tags">MM, стажер отдела тайн</div>
</div>
<div class="char-card" data-age="de" data-job="MM" data-grad="77" data-blood="hb" data-status="active">
<a href="https://safespace.rusff.me/profile.php?id=7" target="_blank"><strong>Whisp, Whisper</strong></a> — 20, hb, de, Hogwarts, S'77
<div class="tags">MM, стажер отдела тайн</div>
</div>
<div class="char-card" data-age="mm" data-job="MM" data-grad="75" data-blood="pb" data-status="active">
<a href="https://safespace.rusff.me/profile.php?id=8" target="_blank"><strong>Zabini, Aldo</strong></a> — 23, pb, mm, Hogwarts, S'75
<div class="tags">Секретарь судьи Визенгамота.</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Вкладка 2 -->
<div id="faces" class="tab-content">
<div style="display: flex; justify-content: center; gap: 100px; margin-top: 50px;">
<ul style="list-style-type: disc; text-align: left;">
<li>Female</li><br>
<li>А - I</li><br>
<li>Allan, Freya — <a href=https://safespace.rusff.me/profile.php?id=73» target=«_blank»><strong>Judith Milligan</strong></a></li>
<li>Basso, Annalise — <a href=https://safespace.rusff.me/viewtopic.php?id=107#p47872» target=«_blank»><strong>Tilda Fawley</strong></a> #маска</li>
<li>Bergis-Frisbey, Аstrid — <a href="https://safespace.rusff.me/profile.php?id=162" target=«_blank»><strong>Rose Harland</strong></a></li>
<li>Bolger, Sarah Lee — <a href="https://safespace.rusff.me/profile.php?id=237" target=«_blank»><strong>Lucilla Rookwood</strong></a></li>
<li>Boyd, Jenny — <a href="https://safespace.rusff.me/profile.php?id=53" target=«_blank»><strong>Petunia Evans</strong></a></li>
<li>Cameron, Dove - <a href=https://safespace.rusff.me/profile.php?id=3><strong>Aurora Mulciber</strong></a> </li>
<li>Сampbell, Danielle - <a href=https://safespace.rusff.me/profile.php?id=252><strong>Larunda Rookwood</strong></a></li>
<li>Carpenter, Sabrina - <a href=https://safespace.rusff.me/profile.php?id=243><strong>Evelyn Hawk</strong></a> #маска</li>
<li>Coleman, Jenna - <a href=https://safespace.rusff.me/profile.php?id=284><strong>Moira MacFusty</strong></a></li>
<li>Cowen, Abigail — <a href=https://safespace.rusff.me/viewtopic.php?id=107&p=2#p94012» target=«_blank»><strong>Heloise Valcourt</strong></a> #маска</li>
<li>De Angelis, Victoria - <a href=https://safespace.rusff.me/profile.php?id=249><strong>Hestia Jones</strong></a></li>
<li>Deutch, Zoey - <a href=https://safespace.rusff.me/profile.php?id=286><strong>Nicoletta Dawlish</strong></a></li>
<li>Dodd, Hannah - <a href=https://safespace.rusff.me/profile.php?id=146><strong>Dahlia Shafiq</strong></a></li>
<li>Fanning, Elle — <a href=https://safespace.rusff.me/profile.php?id=6» target=«_blank»><strong>Julia White</strong></a></li>
<li>Gadon, Sarah - <a href=https://safespace.rusff.me/viewtopic.php?id=107&p=2#p91653><strong>Charity Burbage</strong></a> #маска</li>
<li>Gonzalez, Eiza — <a href=https://safespace.rusff.me/profile.php?id=168» target=«_blank»><strong>Simona Fiorelli</strong></a></li>
<li>Grainger, Holliday — <a href=https://safespace.rusff.me/profile.php?id=75» target=«_blank»><strong>Alexandrite Avery</strong></a></li>
<li>Green, Eva — <a href=https://safespace.rusff.me/profile.php?id=162» target=«_blank»><strong>Emma Squiggle</strong></a></li>
<br><li>J - Q</li><br>
<li>Janssen, Famke — <a href=https://safespace.rusff.me/viewtopic.php?id=107#p55491» target=«_blank»><strong>Locusta Nutcombe</strong></a> #маска</li>
<li>Kravitz, Zoe — <a href=https://safespace.rusff.me/profile.php?id=242» target=«_blank»><strong>Adaeze Zabini</strong></a></li>
<li>Lefevre, Rachelle — <a href=https://safespace.rusff.me/profile.php?id=298» target=«_blank»><strong>Molly Weasley</strong></a></li>
<li>Li, Jessie Mei — <a href=https://safespace.rusff.me/profile.php?id=281» target=«_blank»><strong>Emmeline Vance</strong></a></li>
<li>MacDowell, Andie — <a href=https://safespace.rusff.me/viewtopic.php?id=107#p64113» target=«_blank»><strong>Gwendolyn Morgan</strong></a> #маска</li>
<li>McGrath, Katie — <a href=https://safespace.rusff.me/profile.php?id=262» target=«_blank»><strong>Bellatrix Lestrange</strong></a></li>
<li>Michelle, Angelina — <a href=https://safespace.rusff.me/viewtopic.php?id=107#p47241» target=«_blank»><strong>Vanessa Moore</strong></a> #маска</li>
<li>Ortega, Jenna — <a href=https://safespace.rusff.me/profile.php?id=99» target=«_blank»><strong>Neftida Avery</strong></a></li>
<li>Ory, Meghan — <a href=https://safespace.rusff.me/profile.php?id=35» target=«_blank»><strong>Virsavia Macnair</strong></a> #маска</li>
<li>Poots, Imogen — <a href=https://safespace.rusff.me/profile.php?id=67» target=«_blank»><strong>Marlene McKinnon</strong></a></li>
<li>Puccini, Vittoria — <a href=https://safespace.rusff.me/profile.php?id=75» target=«_blank»><strong>Alexandrite Avery</strong></a></li>
<br><li>R - Z</li><br>
<li>Rattigan, Ella - <a href="https://safespace.rusff.me/profile.php?id=85" target="_blank"><strong>Lavinia Mulciber</strong> #маска</a></li>
<li>Roden, Holland - <a href="https://safespace.rusff.me/profile.php?id=53" target="_blank"><strong>Emma Vanity</strong></a> #маска</li>
<li>Scodelario, Kaya - <a href="https://safespace.rusff.me/profile.php?id=179" target="_blank"><strong>Frederica Burke</strong></a></li>
<li>Seyfried, Amanda - <a href=https://safespace.rusff.me/profile.php?id=237><strong>Ellin Rhein</strong></a> #маска</li>
<li>Skelton, Sophie — <a href=https://safespace.rusff.me/profile.php?id=238» target=«_blank»><strong>Lily Potter</strong></a></li>
<li>Theron, Charlize — <a href="https://safespace.rusff.me/profile.php?id=76" target=«_blank»><strong>Olivin Eleanor Mulciber</strong></a> #маска</li>
</ul>
<ul style="list-style-type: disc; text-align: left;">
<li>Male</li>
<br>
<li>А - I</li><br>
<li>Ackles, Jensen - <a href="https://safespace.rusff.me/profile.php?id=274" target="_blank"><strong>John Dawlish</strong></a></li>
<li>Arata, Mackenyu - <a href="https://safespace.rusff.me/profile.php?id=302" target="_blank"><strong>Kazuhiro Shiratori</strong></a></li>
<li>Armitage, Richard - <a href="https://safespace.rusff.me/profile.php?id=71" target="_blank"><strong>Morvran Avery</strong></a></li>
<li>Barnard, Aneurin- <a href="https://safespace.rusff.me/profile.php?id=71" target="_blank"><strong>Morvran Avery</strong></a></li>
<li>Barnes, Ben - <a href="https://safespace.rusff.me/profile.php?id=141" target="_blank"><strong>Rabastan Lestrange</strong></a></li>
<li>Brody, Adrien - <a href="https://safespace.rusff.me/viewtopic.php?id=107#p81004" target="_blank"><strong>Victor Sherborne</strong></a><span style="color:teal">#маска</span></li>
<li>Chalamet, Timothee - <a href="https://safespace.rusff.me/profile.php?id=257" target="_blank"><strong>Regulus Black</strong></a></li>
<li>Csokas, Marton - <a href="https://safespace.rusff.me/profile.php?id=3" target="_blank"><strong>Silos Greywood</strong></a><span style="color:teal">#маска</span></li>
<li>Daddario, Matthew - <a href="https://safespace.rusff.me/profile.php?id=126" target="_blank"><strong>Max Travers</strong></a></li>
<li>Dance, Charles - <a href="https://safespace.rusff.me/profile.php?id=165" target="_blank"><strong>Leonard Nott</strong></a></li>
<li>Danet-Fauvel, Maxence - <a href="https://safespace.rusff.me/profile.php?id=104" target="_blank"><strong>Gram Padgett</strong></a></li>
<li>David, Damiano - <a href="https://safespace.rusff.me/profile.php?id=149" target="_blank"><strong>Arman Scabior</strong></a></li>
<li>Depp, Johnny - <a href="https://safespace.rusff.me/viewtopic.php?id=107#p67831" target="_blank"><strong>Raymond Pyrites</strong></a><span style="color:teal">#маска</span></li>
<li>Dornan, Jamie - <a href="https://safespace.rusff.me/profile.php?id=15" target="_blank"><strong>Marvin Ewen McDougal</strong></a> #маска</li>
<li>Fimmel, Travis - <a href="https://safespace.rusff.me/profile.php?id=119" target="_blank"><strong>Fergus Kelly</strong></a></li>
<li>Goode, Matthew - <a href="https://safespace.rusff.me/profile.php?id=110" target="_blank"><strong>Arsenius Jigger</strong></a></li>
<li>Hiddleston, Tom - <a href="https://safespace.rusff.me/profile.php?id=114" target="_blank"><strong>Phoebus Howling</strong></a></li>
<li>Holland, Tom - <a href="https://safespace.rusff.me/profile.php?id=26" target="_blank"><strong>Remus Lupin</strong></a></li>
<br><li>J - Q</li><br>
<li>Laurie, Hugh - <a href="https://safespace.rusff.me/profile.php?id=288" target="_blank"><strong>Hippocrates Smethwyck</strong></a></li>
<li>Liboiron, Landon - <a href="https://safespace.rusff.me/profile.php?id=197" target="_blank"><strong>Obsidian Avery</strong></a></li>
<li>MacKay, George - <a href="https://safespace.rusff.me/profile.php?id=290" target="_blank"><strong>Gideon Prewett</strong></a></li>
<li>McAvoy, James - <a href="https://safespace.rusff.me/viewtopic.php?id=107#p101278" target="_blank"><strong>Aedyonn Abbott</strong></a> #маска</li>
<li>McGowan, Zach - <a href="https://safespace.rusff.me/profile.php?id=103" target="_blank"><strong>Fenrir Greyback</strong></a></li>
<li>McMillan, Miles - <a href="https://safespace.rusff.me/profile.php?id=7" target="_blank"><strong>Whisper Whisp</strong></a></li>
<li>Mcshane, Ian — <a href=https://safespace.rusff.me/viewtopic.php?id=107#p58017» target=«_blank»><strong>Caractacus Burke</strong></a> #маска</li>
<li>Melton, Charles — <a href="https://safespace.rusff.me/profile.php?id=295" target=«_blank»><strong>Ethan Sinclair</strong></a></li>
<li>O'Donoghue, Colin - <a href="https://safespace.rusff.me/profile.php?id=71" target="_blank"><strong>Kellay Avery</strong></a><span style="color:teal">#маска</span></li>
<li>Page, Rege-Jean - <a href="https://safespace.rusff.me/profile.php?id=8"><strong>Aldo Zabini</strong></a></li>
<li>Parker, Max - <a href="https://safespace.rusff.me/profile.php?id=282" target="_blank"><strong>Arthur Weasley</strong></a></li>
<li>Partridge, Louis - <a href="https://safespace.rusff.me/profile.php?id=304" target="_blank"><strong>Christopher Thorn</strong></a></li>
<br><li>R - Z</li><br>
<li>Regbo, Toby - <a href="https://safespace.rusff.me/profile.php?id=280" target="_blank"><strong>Xenophilius Lovegood</strong></a></li>
<li>Samberg, Andy - <a href="https://safespace.rusff.me/viewtopic.php?id=107#p17234" target="_blank"><strong>Helbert Spleen</strong></a><span style="color:teal">#маска</span></li>
<li>Scott, Jarrod - <a href="https://safespace.rusff.me/profile.php?id=287" target="_blank"><strong>Seamus Macmillan</strong></a></li>
<li>Seppalainen, Otto - <a href="https://safespace.rusff.me/profile.php?id=11" target="_blank"><strong>Janus Thickey</strong></a></li>
<li>Sharman, Daniel - <a href="https://safespace.rusff.me/viewtopic.php?id=86#p8648" target="_blank"><strong>Caradoc Dearborn</strong></a><span style="color:teal">#маска</span></li>
<li>Schnapp, Noah - <a href="https://safespace.rusff.me/viewtopic.php?id=107#p42954" target="_blank"><strong>Dirk Cresswell</strong></a><span style="color:teal">#маска</span></li>
<li>Skarsgard, Bill - <a href="https://safespace.rusff.me/profile.php?id=76" target="_blank"><strong>Anthony Mulciber</strong></a></li>
<li>Smith, Lucky Blue - <a href="https://safespace.rusff.me/profile.php?id=293" target="_blank"><strong>Gabriel Lovegood</strong></a></li>
<li>Smith, Matt - <a href="https://safespace.rusff.me/profile.php?id=283" target="_blank"><strong>Zaxar MacFusty</strong></a></li>
<li>Taylor-Johnson, Aaron - <a href="https://safespace.rusff.me/profile.php?id=88" target="_blank"><strong>Lucius Malfoy</strong></a></li>
<li>Tennant, David - <a href="https://safespace.rusff.me/profile.php?id=35" target="_blank"><strong>Barty Crouch Jr</strong></a></li>
<li>Tommeraas, Herman - <a href="https://safespace.rusff.me/profile.php?id=243" target="_blank"><strong>James Potter</strong></a></li>
<li>Tonnesen, Lucas Lynggaard - <a href="https://safespace.rusff.me/profile.php?id=306" target="_blank"><strong>Peter Pettigrew</strong></a></li>
<li>Turner, Aidan - <a href="https://safespace.rusff.me/profile.php?id=134" target="_blank"><strong>Valdes Fawley</strong></a></li>
<li>Turner, Callum - <a href="https://safespace.rusff.me/profile.php?id=285" target="_blank"><strong>Finlay MacFusty</strong></a></li>
<li>Ulliel, Gaspard - <a href="https://safespace.rusff.me/profile.php?id=4" target="_blank"><strong>Evan Rosier</strong></a></li>
<li>Webb, Tom - <a href="https://safespace.rusff.me/profile.php?id=222" target="_blank"><strong>Hippolytus Scamander</strong></a></li>
<li>Williams, Loic - <a href="https://safespace.rusff.me/profile.php?id=5" target="_blank"><strong>Sirius Black</strong></a></li>
<br><li>А - Я</li><br>
<li>Жизневский, Тихон - <a href=https://safespace.rusff.me/profile.php?id=160><strong>Tikhon Frolov</strong></a></li>
</ul>
</div>
</div>
<script>
const filters = ['ageFilter', 'jobFilter', 'gradYearFilter', 'bloodFilter', 'statusFilter'];
filters.forEach(id => {
document.getElementById(id).addEventListener('change', applyFilters);
});
function applyFilters() {
const age = document.getElementById('ageFilter').value;
const job = document.getElementById('jobFilter').value;
const grad = document.getElementById('gradYearFilter').value;
const blood = document.getElementById('bloodFilter').value;
const status = document.getElementById('statusFilter').value;
document.querySelectorAll('.char-card').forEach(card => {
const matchesAge = !age || card.dataset.age === age;
const matchesJob = !job || card.dataset.job.includes(job);
const matchesGrad = !grad || card.dataset.grad === grad;
const matchesBlood = !blood || card.dataset.blood === blood;
const matchesStatus = !status || card.dataset.status === status;
card.style.display = (matchesAge && matchesJob && matchesGrad && matchesBlood && matchesStatus) ? '' : 'none';
});
}
function resetFilters() {
filters.forEach(id => document.getElementById(id).value = '');
applyFilters();
}
function switchTab(tabId, btn) {
document.querySelectorAll('.tab-content').forEach(tab => {
tab.classList.remove('active');
});
document.getElementById(tabId).classList.add('active');
document.querySelectorAll('.tab-button').forEach(b => b.classList.remove('active'));
btn.classList.add('active');
// Показывать фильтры только во вкладке персонажей
document.getElementById('filter-block').style.display = (tabId === 'characters') ? 'block' : 'none';
}
</script>
</body>
</html>
[/html]
[hideprofile]
