[hideprofile]был грязный плащ на нём одет, цилиндр чёрный смят в гармошку
список персонажей
заполняется АМС
для поиска воспользуйтесь ctrl + f
для сортировки воспользуйтесь фильтром
[html]<!-- @hagalnaud 2023 goat.rusff.me spiski -->
<div class='radio'>
<label><input type="radio" name="filter" value="all" checked>всё</label>
<label><input type="radio" name="filter" value="faceclaim">внешность</label>
<label><input type="radio" name="filter" value="group">раса</label>
<label><input type="radio" name="filter" value="type">тип</label>
<label><input type="radio" name="filter" value="location">место жительства</label>
<label><input type="radio" name="filter" value="duty">занятость</label>
</div>
<div class="spiski" id="block-1">
<div class="quote-box quote-main">
<blockquote>
<p><span style="font-size: 20px"><span style="font-family: Impact"><span style="font-style: italic"><a href="https://goat.rusff.me/">name surname [имя фамилия]</a> <sup>69 y.o.</sup></span></span>
</span>
<br><span style="font-family: play"></span></p>
<div class="faceclaim" id="block-26">
<p><span style="font-size: 9px">faceclaim</span></p>
</div>
<div class="group" id="block-2">
<p><strong>group:</strong> human/unhuman/undead/unnatural</p>
</div>
<div class="type" id="block-3">
<p><strong>type:</strong> тип (специализация)</p>
</div>
<div class="location" id="block-4">
<p><strong>location:</strong> город проживания [страна проживания]</p>
</div>
<div class="duty" id="block-5">
<p><strong>duty:</strong> занятость</p>
</div>
<hr>
<p><span style="font-size: 20px"><span style="font-family: Impact"><span style="font-style: italic"><a href="https://goat.rusff.me/profile.php?id=23">alma halloran [альма хэллоран]</a> <sup>50 y.o.</sup></span></span>
</span>
<br><span style="font-family: play"></span></p>
<div class="faceclaim" id="block-6">
<p><span style="font-size: 9px">marine vacth</span> </p>
</div>
<div class="group" id="block-7">
<p><strong>group:</strong> unhuman </p>
</div>
<div class="type" id="block-8">
<p><strong>type:</strong> маг </p>
</div>
<div class="location" id="block-9">
<p><strong>location:</strong> нью-йорк [сша]</p>
</div>
<div class="duty" id="block-10">
<p><strong>duty:</strong> целитель в медицинском блоке g.o.a.t. </p>
</div>
<hr>
<p><span style="font-size: 20px"><span style="font-family: Impact"><span style="font-style: italic"><a href="https://goat.rusff.me/profile.php?id=49">asa seo [аса со]</a> <sup>33 y.o.</sup></span></span>
</span>
<br><span style="font-family: play"></span></p>
<div class="faceclaim" id="block-11">
<p><span style="font-size: 9px">lee soohyuk</span></p>
</div>
<div class="group" id="block-12">
<p><strong>group:</strong> unhuman</p>
</div>
<div class="type" id="block-13">
<p><strong>type:</strong> маг-хиллер</p>
</div>
<div class="location" id="block-14">
<p><strong>location:</strong> портсмут [англия, гэмпшир]</p>
</div>
<div class="duty" id="block-15">
<p><strong>duty:</strong> модельер</p>
</div>
<hr>
<p><span style="font-size: 20px"><span style="font-family: Impact"><span style="font-style: italic"><a href="https://goat.rusff.me/profile.php?id=51">cornelia alexandra hale [корнелия александра хейл]</a> <sup>24 y.o.</sup></span></span>
</span>
<br><span style="font-family: play"></span></p>
<div class="faceclaim" id="block-16">
<p><span style="font-size: 9px">josefina frida pettersen</span></p>
</div>
<div class="group" id="block-17">
<p><strong>group:</strong> unhuman</p>
</div>
<div class="type" id="block-18">
<p><strong>type:</strong> маг</p>
</div>
<div class="location" id="block-19">
<p><strong>location:</strong> нью-йорк [сша, нью-йорк]</p>
</div>
<div class="duty" id="block-20">
<p><strong>duty:</strong> член разведотряда w.i.t.c.h.</p>
</div>
<hr>
<p><span style="font-size: 20px"><span style="font-family: Impact"><span style="font-style: italic"><a href="https://goat.rusff.me/profile.php?id=45">david strozzi [давид строцци]</a> <sup>146 y.o.</sup></span></span>
</span>
<br><span style="font-family: play"></span></p>
<div class="faceclaim" id="block-21">
<p><span style="font-size: 9px">damiano david</span></p>
</div>
<div class="group" id="block-22">
<p><strong>group:</strong> undead</p>
</div>
<div class="type" id="block-23">
<p><strong>type:</strong> вампир <span style="font-size: 10px"><del>(подтип А — это значит абаятельный?)</del></span></p>
</div>
<div class="location" id="block-24">
<p><strong>location:</strong> Нью Йорк [США, штат Нью-Йорк]</p>
</div>
<div class="duty" id="block-25">
<p><strong>duty:</strong> куратор-фрилансер, устраивает молодым и не очень талантам арт-выставки и перфомансы; крутится в богемной жизни</p>
</div>
</blockquote>
</div>
</div>
<script>
//@hagalnaud 01.06.2023 spiski filter
// goat.rusff.me
// imagiart.ru/profile.php?id=8230
const filterRadios = document.querySelectorAll('input[type=radio][name=filter]');
const items = document.querySelectorAll('.spiski .group, .spiski .type, .spiski .location, .spiski .duty, .spiski .faceclaim');
function filterItems() {
const checkedValue = document.querySelector('input[type=radio][name=filter]:checked').value;
items.forEach(item => {
if (checkedValue === 'all') {
item.style.display = 'block';
} else if (item.classList.contains(checkedValue)) {
item.style.display = 'block';
} else {
item.style.display = 'none';
}
});
}
filterRadios.forEach(radio => radio.addEventListener('change', filterItems));
</script>
[/html]
