Pure-Blood Directory
As the tree, so the fruit
Здесь вы найдете информацию о чистокровных семьях. Какие-то семьи уже прописаны и дар определен, вы можете войти в готовую историю и сюжеты, какие-то семьи можно создать с нуля и вплести в канву мира.
[html]<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<title>Чистокровные семьи</title>
<style>
body {
font-family: 'Georgia', serif;
padding: 20px;
margin: 0;
}
.tabs {
display: flex;
flex-wrap: wrap;
gap: 10px;
margin-bottom: 20px;
justify-content: center;
}
.tab-button {
padding: 10px 16px;
border: none;
background-color: #5a3870;
color: white;
border-radius: 20px;
cursor: pointer;
}
.tab-button.active {
background-color: #8a58b1;
}
.tab-content {
display: none;
padding: 20px;
border-radius: 12px;
max-width: 900px;
margin: auto;
gap: 20px;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
background-color: rgb(188, 152, 217);;
background-blend-mode: exclusion;
display: none;
flex-wrap: nowrap;
}
.tab-content.active {
display: flex !important;
}
.heraldry {
width: 40%;
text-align: center;
}
.heraldry img {
max-width: 100%;
max-height: 250px;
object-fit: contain;
}
.info-table {
width: 60%;
}
.info-table table {
width: 100%;
border-collapse: collapse;
}
.info-table th,
.info-table td {
text-align: left;
padding: 8px;
border-bottom: 1px solid #ccc;
}
</style>
</head>
<body>
<div class="tabs" id="familyTabs"></div>
<div id="familyContents"></div>
<script>
const families = [
{
name: "Аббот",
coat: "https://upforme.ru/uploads/001c/7d/92/2/400336.png",
bg: "https://upforme.ru/uploads/001c/7d/92/2/475778.webp", // заменить на нужный фон
description: "Ведут свой род от основательницы Хогвартса Хельги Хафлпафф. Являются побочной ветвью от младшего сына Хельги.<br><b>Герб:</b> белка<br><b>Дар:</b> определен",
patriarch: "Джиффорд Аббот",
heir: "---",
members: "---"
},
{
name: "Бёрк",
coat: "https://upforme.ru/uploads/001c/7d/92/2/200283.png",
bg: "https://upforme.ru/uploads/001c/7d/92/2/400575.webp", // заменить на нужный фон
description: "Описание<br><b>Герб:</b> ---<br><b>Дар:</b> определен",
patriarch: "---",
heir: "---",
members: ""
},
{
name: "Блэк",
coat: "https://upforme.ru/uploads/001c/7d/92/2/702493.png",
bg: "https://upforme.ru/uploads/001c/7d/92/2/186696.webp", // заменить на нужный фон
description: "Древний род, известный своей гордостью и девизом 'Toujours Pur'<br><b>Герб:</b> вороны<br><b>Дар:</b> определен",
patriarch: "<b>Орион Блэк</b>",
heir: "<a href= Sirius Black><b>Сириус Блэк</b></a>",
members: "<a href=https://safespace.rusff.me/profile.php?id=89><b>Вальбурга Блэк</b></a> - супруга Ориона<br><a href=https://safespace.rusff.me/profile.php?id=127><b>Регулус Блэк</b></a> - сын Ориона и Вальбурги, брат Сириуса<br><a href=https://safespace.rusff.me/profile.php?id=92><b>Сигнус Блэк III</b></a> - родной брат Вальбурги, троюродный брат Ориона, отец Нарциссы, Беллатрикс и Андромеды<br><a href=https://safespace.rusff.me/profile.php?id=72><b>Друэлла Блэк (Розье)</b></a> - супруга Сигнуса Блэка III, мать Нарциссы, Беллатрикс и Андромеды<br><a href=https://safespace.rusff.me/profile.php?id=74><b>Нарцисса Малфой (Блэк)</b></a> - дочь Сигнуса и Друэллы, сестра Нарциссы и Андромеды, супруга Люциуса Малфоя<br><a href=><b>Беллатрикс Блэк</b></a> - дочь Сигнуса и Друэллы, сестра Нарциссы и Андромеды, будущая супруга Рудольфуса<br><a href= Andromeda Tonks><b>Андромеда Тонкс (Блэк)</b> - дочь Сигнуса и Друэллы, сестра Нарциссы и Беллатрикс<br><a href= Araminta Meliflua><b>Араминта Мелифлуа (Блэк)</b>"
},
{
name: "Гонт",
coat: "https://upforme.ru/uploads/001c/7d/92/2/200283.png",
bg: "https://upforme.ru/uploads/001c/7d/92/2/400575.webp", // заменить на нужный фон
description: "Описание<br><b>Герб:</b> ---<br><b>Дар:</b> определен",
patriarch: "---",
heir: "---",
members: "---"
},
{
name: "Гор",
coat: "https://upforme.ru/uploads/001c/7d/92/2/200283.png",
bg: "https://upforme.ru/uploads/001c/7d/92/2/400575.webp", // заменить на нужный фон
description: "Описание<br><b>Герб:</b> ---<br><b>Дар:</b>определен",
patriarch: "---",
heir: "---",
members: "<a href=https://safespace.rusff.me/profile.php?id=83><b>Эрида Гор</b></a>"
},
{
name: "Булстроуд",
coat: "https://upforme.ru/uploads/001c/7d/92/2/200283.png",
bg: "https://upforme.ru/uploads/001c/7d/92/2/400575.webp", // заменить на нужный фон
description: "Описание<br><b>Герб:</b> ---<br><b>Дар:</b> не определен",
patriarch: "---",
heir: "---",
members: "---"
},
{
name: "Гринграсс",
coat: "https://upforme.ru/uploads/001c/7d/92/7/200283.png",
bg: "https://upforme.ru/uploads/001c/7d/92/7/68544.webp", // заменить на нужный фон
description: "Описание<br>Radices Profundae, Rami Patentes<b> <br>Герб:</b> звезды с изумрудами, змея<br><b>Дар:</b>определен",
patriarch: "---",
heir: "<a href=https://safespace.rusff.me/profile.php?id=48>Тристан Гринграсс </a>",
members: "<a href=https://safespace.rusff.me/profile.php?id=47>Кассия Гринграсс </a> - сестра Тристана"
},
{
name: "Крагсен",
coat: "https://upforme.ru/uploads/001c/7d/92/7/t17618.png",
bg: "https://upforme.ru/uploads/001c/7d/92/7/t17618.png", // заменить на нужный фон
description: "Семья охотников на нечесть и тёмных магов <br><b>Герб:</b> волк <br><b>Дар:</b> определен",
patriarch: "<a href=https://safespace.rusff.me/profile.php?id=124><b>Эрвин Крагсен</b></a>",
heir: "--- ",
members: "---"
},
{
name: "Крауч",
coat: "https://upforme.ru/uploads/001c/7d/92/7/521847.png",
bg: "https://upforme.ru/uploads/001c/7d/92/7/707737.jpg", // заменить на нужный фон
description: "Члены семьи Крауч многие поколения занимали высокие посты в Министерстве. Их фамилия всегда ассоциировалась с проницательностью, справедливостью и стабильностью.<br><b>Герб:</b> черная змея и весы<br><b>Дар:</b> определен",
patriarch: "Барти Крауч старший",
heir: "<a href=https://safespace.rusff.me/profile.php?id=35><b>Барти Крауч младший</b></a>",
members: "---"
},
{
name: "Кэрроу",
coat: "https://upforme.ru/uploads/001c/7d/92/2/200283.png",
bg: "https://upforme.ru/uploads/001c/7d/92/2/400575.webp", // заменить на нужный фон
description: "Описание<br><b>Герб:</b> ---<br><b>Дар:</b> не определен",
patriarch: "---",
heir: "---",
members: "---"
},
{
name: "Лестрейндж",
coat: "https://upforme.ru/uploads/001c/7d/92/7/523926.png",
bg: "https://upforme.ru/uploads/001c/7d/92/7/563922.jpg", // заменить на нужный фон
description: "Древний род, по легендам имеющий <br>кровную связь с Тилвит Тэг<br><b>Девиз:</b> Храним<b><br>Герб:</b> Тризуб и ворон<br><b>Дар:</b> Определен",
patriarch: "--- Лестрейндж",
heir: "<a href=><b>Рудольфус Лестрейндж</b></a>",
members: "<a href=><b>Рабастан Лестрейндж</b></a>"
},
{
name: "Лонгботтом",
coat: "https://upforme.ru/uploads/001c/7d/92/2/200283.png",
bg: "https://upforme.ru/uploads/001c/7d/92/2/400575.webp", // заменить на нужный фон
description: "Описание<br><b>Герб:</b> ---<br><b>Дар:</b> не определен",
patriarch: "---",
heir: "---",
members: "---"
},
{
name: "Макмиллан",
coat: "https://upforme.ru/uploads/001c/7d/92/2/200283.png",
bg: "https://upforme.ru/uploads/001c/7d/92/2/400575.webp", // заменить на нужный фон
description: "Описание<br><b>Герб:</b> ---<br><b>Дар:</b> не определен",
patriarch: "---",
heir: "---",
members: "---"
},
{
name: "Макнейр",
coat: "https://upforme.ru/uploads/001c/7d/92/2/200283.png",
bg: "https://upforme.ru/uploads/001c/7d/92/2/400575.webp", // заменить на нужный фон
description: "Описание<br><b>Герб:</b> ---<br><b>Дар:</b> определен",
patriarch: "---",
heir: "---",
members: "<a href=https://safespace.rusff.me/profile.php?id=87><b>Тесса Макнейр</b></a> - из побочной ветви <br> <a href=https://safespace.rusff.me/profile.php?id=35><b>Вирсавия Макнейр</b></a> - представительница рода (маска)"
},
{
name: "Малфой",
coat: "https://upforme.ru/uploads/001c/7d/92/2/687262.png",
bg: "https://upforme.ru/uploads/001c/7d/92/2/731993.webp", // заменить на нужный фон
description: "Семья, славящаяся богатством и чистотой крови.<br> <b>Герб:</b> драконы<br><b>Дар:</b>определен",
patriarch: "Абраксас Малфой",
heir: "<a href=https://safespace.rusff.me/profile.php?id=88><b>Люциус Малфой</b></a>",
members: "<a href=https://safespace.rusff.me/profile.php?id=74><b>Нарцисса Малфой (Блэк)</b></a> - супруга Люциуса"
},
{
name: "Мальсибер",
coat: "https://upforme.ru/uploads/001c/7d/92/2/200283.png",
bg: "https://upforme.ru/uploads/001c/7d/92/2/400575.webp", // заменить на нужный фон
description: "Описание<br><b>Герб:</b> ---<br><b>Дар:</b> определен",
patriarch: "Джерард Мальсибер",
heir: "<a href=https://safespace.rusff.me/profile.php?id=76><b>Энтони Мальсибер</b></a> - сын Джерарда и Оливин",
members: "<a href=https://safespace.rusff.me/profile.php?id=69><b>Аврора Мальсибер</b></a>, <a href=https://safespace.rusff.me/profile.php?id=85><b>Лавиния Мальсибер</b></a><br><a href= Olivin Mulciber (Flint)><b>Оливин Мальсибер (Флинт)</b> - супруга Джерарда, мать Энтони и Эндрю. Мертва.<br>"
},
{
name: "Нотт",
coat: "https://upforme.ru/uploads/001c/7d/92/2/200283.png",
bg: "https://upforme.ru/uploads/001c/7d/92/2/400575.webp", // заменить на нужный фон
description: "Описание<br><b>Герб:</b> ---<br><b>Дар:</b>определен",
patriarch: "---",
heir: "---",
members: " <a href=https://safespace.rusff.me/profile.php?id=117><b>Теодора Нотт</b></a><br>"
},
{
name: "Олливандер",
coat: "https://upforme.ru/uploads/001c/7d/92/2/200283.png",
bg: "https://upforme.ru/uploads/001c/7d/92/2/400575.webp", // заменить на нужный фон
description: "Описание<br><b>Герб:</b> ---<br><b>Дар:</b>определен",
patriarch: "---",
heir: "<a href=https://safespace.rusff.me/profile.php?id=138><b>Люсьен Олливандер</b></a>",
members: "---"
},
{
name: "Паркинсон",
coat: "https://upforme.ru/uploads/001c/7d/92/7/828427.png",
bg: "https://upforme.ru/uploads/001c/7d/92/7/36282.webp", // заменить на нужный фон
description: "Dum Spiro Seligo<br><b>Герб:</b> змея, обвивающая серебряный кинжал <br><b>Дар:</b> определен",
patriarch: "<b>Перегрин Паркинсон</b>",
heir: "<a href=https://safespace.rusff.me/profile.php?id=111><b>Персей Паркинсон</b></a>",
members: "<b>Примроуз Паркинсон</b> - супруга Перегрина, мать Присциллы и Персея<br><a href=https://safespace.rusff.me/profile.php?id=56><b>Присцилла Паркинсон</b></a> - дочь Перегрина и Примроуз, родная сестра Персея"
},
{
name: "Поттер",
coat: "https://upforme.ru/uploads/001c/7d/92/7/544363.png",
bg: "https://upforme.ru/uploads/001c/7d/92/7/703364.webp", // заменить на нужный фон
description: "Описание<br><b>Герб:</b> белый единорог на красном полотне<br><b>Дар:</b> определен",
patriarch: "<b>Флимонт Поттер</b>",
heir: "<a href=https://safespace.rusff.me/profile.php?id=16><b>Джеймс Поттер</b></a>",
members: "<b>Юфимия Поттер</b> - супруга Флимонта, мать Джеймса<br> <a href=https://safespace.rusff.me/profile.php?id=54><b>Лили Поттер</b></a> - супруга Джеймса"
},
{
name: "Пруэтт",
coat: "https://upforme.ru/uploads/001c/7d/92/7/565805.png",
bg: "https://upforme.ru/uploads/001c/7d/92/7/404270.webp", // заменить на нужный фон
description: "Описание<br><b>Герб:</b> ---<br><b>Дар:</b> определен",
patriarch: "--- Пруэтт",
heir: "<a href=https://safespace.rusff.me/profile.php?id=131><b>Гидеон Пруэтт</b></a>",
members: "<a href=https://safespace.rusff.me/profile.php?id=128>Фабиан Пруэтт</a> - брат Гидеона<br> <b>Молли Уизли (Пруэтт)</b>"
},
{
name: "Розенберг",
coat: "https://upforme.ru/uploads/001c/7d/92/2/200283.png",
bg: "https://upforme.ru/uploads/001c/7d/92/2/400575.webp", // заменить на нужный фон
description: "Чистокровный род из Германии<br><b>Герб:</b> ---<br><b>Дар:</b> определен",
patriarch: "---",
heir: "---",
members: "<a href=https://safespace.rusff.me/profile.php?id=107><b>Аделинд Трэверс (Розенберг), жена Грегори</b></a>, <br> "
},
{
name: "Розье",
coat: "https://upforme.ru/uploads/001c/7d/92/2/t443540.png",
bg: "https://upforme.ru/uploads/001c/7d/92/2/23428.webp", // заменить на нужный фон
description: "Viribus unitis <br> <b>Герб:</b> кровавая роза<br><b>Дар:</b> определен",
patriarch: "<a href=https://safespace.rusff.me/profile.php?id=70><b>Дюран Розье</b></a>",
heir: "<a href=https://safespace.rusff.me/profile.php?id=4><b>Эван Розье</b></a>",
members: "<a href=https://safespace.rusff.me/profile.php?id=64><b>Беатрис Розье (Эйвери)</b></a> — супруга Дюрана, мать Феликса младшего и Эвана<br><b>Феликс Розье младший</b> — младший сын Дюрана и Беатрис<br><a href=https://safespace.rusff.me/profile.php?id=72><b>Друэлла Блэк (Розье)</b></a> - сестра Дюрана и Феликса, супруга Сигнуса Блэка III, мать Беллатрикс, Нарциссы и Андромеды<br><a href=https://safespace.rusff.me/profile.php?id=125><b>Феликс Розье</b></a> — брат Дюрана и Друэллы<br><a href=https://safespace.rusff.me/profile.php?id=135><b>Иветт Розье </b></a> — супруга Феликса"
},
{
name: "Роули",
coat: "https://upforme.ru/uploads/001c/7d/92/2/200283.png",
bg: "https://upforme.ru/uploads/001c/7d/92/2/400575.webp", // заменить на нужный фон
description: "Описание<br><b>Герб:</b> ---<br><b>Дар:</b> не определен",
patriarch: "---",
heir: "---",
members: "---"
},
{
name: "Селвин",
coat: "https://upforme.ru/uploads/001c/7d/92/2/200283.png",
bg: "https://upforme.ru/uploads/001c/7d/92/2/400575.webp", // заменить на нужный фон
description: "Описание<br><b>Герб:</b> ---<br><b>Дар:</b> не определен",
patriarch: "---",
heir: "---",
members: "---"
},
{
name: "Слагхорн",
coat: "https://upforme.ru/uploads/001c/7d/92/2/200283.png",
bg: "https://upforme.ru/uploads/001c/7d/92/2/400575.webp", // заменить на нужный фон
description: "Описание<br><b>Герб:</b> ---<br><b>Дар:</b> не определен",
patriarch: "---",
heir: "---",
members: "---"
},
{
name: "Трэверс",
coat: "https://upforme.ru/uploads/001c/7d/92/7/872957.png",
bg: "https://upforme.ru/uploads/001c/7d/92/7/747912.webp", // заменить на нужный фон
description: "<br><b>Девиз:</b> Viam Inveniam aut Faciam<br><b>Герб:</b> мост и ветвь <br><b>Дар:</b> определен",
patriarch: "<a href=https://safespace.rusff.me/profile.php?id=109><b>Грегори Трэверс</b></a>",
heir: "<a href=https://safespace.rusff.me/profile.php?id=126><b>Макс Трэверс</b></a> - сын Грегори и Аделинд",
members: "<a href=https://safespace.rusff.me/profile.php?id=107><b>Аделинд Трэверс (Розенберг)</b></a> - жена Грегори, <a href=https://safespace.rusff.me/profile.php?id=130><b>Алекс Трэверс</b></a> - сын Грегори и Аделинд"
},
{
name: "Уизли",
coat: "https://upforme.ru/uploads/001c/7d/92/2/200283.png",
bg: "https://upforme.ru/uploads/001c/7d/92/2/400575.webp", // заменить на нужный фон
description: "Описание<br><b>Герб:</b> ---<br><b>Дар:</b> не определен",
patriarch: "---",
heir: "---",
members: "---"
},
{
name: "Флинт",
coat: "https://upforme.ru/uploads/001c/7d/92/2/200283.png",
bg: "https://upforme.ru/uploads/001c/7d/92/2/400575.webp", // заменить на нужный фон
description: "<br>По вопросам <b>добавления любых персонажей</b> в семью Флинт обращаться к <b>Александрит Эйвери (Флинт)</b><br><br>Дельцы и торговцы, заключают сделки с кем-угодно. Владельцы ювелирной лавки Сокровища Флинта, учредители и филантропы. Часто называют своих детей в честь драгоценных камней. <br> <b>Девиз:</b> Live to Shine <br><b>Герб:</b> <br><b>Дар:</b> определен",
patriarch: "<b>Даймонд Флинт, дед Александрит Эйвери (Флинт) и Оливин Мальсибер (Флинт)</b> ",
heir: "---",
members: "<a href= Alexandrite Avery (Flint)><b>Александрит Эйвери (Флинт)</b> — супруга Морврана, мать Сетоса и Нефтиды. <a href= Olivin Mulciber (Flint)><br><b>Оливин Мальсибер (Флинт)</b> - супруга Джерарда, мать Энтони и Эндрю. Мертва.<br>"
},
{
name: "Фоули",
coat: "https://upforme.ru/uploads/001c/7d/92/2/156776.png",
bg: "https://upforme.ru/uploads/001c/7d/92/2/83233.jpg", // заменить на нужный фон
description: "<br><b>Девиз:</b> Я вижу<br><b>Герб:</b> Авгурей<br><b>Дар:</b> определен",
patriarch: "<a href=https://safespace.rusff.me/profile.php?id=118><b>Тиббот Фоули</b></a>",
heir: "---",
members: "<a href=https://safespace.rusff.me/profile.php?id=134><b>Вальдес Фоули</b></a> - племянник Тиббота<br><a href=https://safespace.rusff.me/profile.php?id=53><b>Орла Фоули (маска)</b></a> - сестра Тиббота"
},
{
name: "Шафик",
coat: "https://upforme.ru/uploads/001c/7d/92/7/533238.png",
bg: "https://upforme.ru/uploads/001c/7d/92/7/530654.webp", // заменить на нужный фон
description: "Описание<br><b>Герб:</b> Ворон и феникс<br><b>Дар:</b>определен",
patriarch: "---",
heir: "---",
members: " --- "
},
{
name: "Шеклболт",
coat: "https://upforme.ru/uploads/001c/7d/92/2/200283.png",
bg: "https://upforme.ru/uploads/001c/7d/92/2/400575.webp", // заменить на нужный фон
description: "Описание<br><b>Герб:</b> ---<br><b>Дар:</b> не определен",
patriarch: "---",
heir: "---",
members: "---"
},
{
name: "Эйвери",
coat: "https://upforme.ru/uploads/001c/7d/92/2/87792.png",
bg: "https://upforme.ru/uploads/001c/7d/92/2/595542.jpg", // заменить на нужный фон
description: "<br>По вопросам <b>добавления любых персонажей</b> в семью Эйвери обращаться к <b>Морврану Эйвери</b><br><br>Древний род, известный своим нетривиальным отношением к смерти. Практически монополисты в сфере ритуальных услуг в Британии.<br> <b>Девиз:</b> Time to live – live, time to die – die<br><b>Герб:</b> череп<br><b>Дар:</b> определен",
patriarch: "<a href=https://safespace.rusff.me/profile.php?id=71><b>Морвран Эйвери</b></a>",
heir: "<b> <a href=>Сетос Эйвери</a> - сын Морврана и Александрит</b>",
members: "<a href= Alexandrite Avery (Flint)><b>Александрит Эйвери (Флинт)</b> — супруга Морврана, мать Сетоса.<br><a href=https://safespace.rusff.me/profile.php?id=64><b>Беатрис Розье (Эйвери)</b></a> - из французской ветви Эйвери, супруга Дюрана Розье, мать Эвана и Феликса Розье.<br><a href=https://safespace.rusff.me/profile.php?id=99>Нефтида Эйвери</a> "
},
{
name: "Яксли",
coat: "https://upforme.ru/uploads/001c/7d/92/2/200283.png",
bg: "https://upforme.ru/uploads/001c/7d/92/2/400575.webp", // заменить на нужный фон
description: "Описание<br><b>Герб:</b> ---<br><b>Дар:</b> не определен",
patriarch: "---",
heir: "---",
members: "---"
},
];
const tabsContainer = document.getElementById('familyTabs');
const contentContainer = document.getElementById('familyContents');
families.forEach((family, index) => {
const button = document.createElement('button');
button.className = 'tab-button';
button.textContent = family.name;
button.onclick = () => {
document.querySelectorAll('.tab-button').forEach(b => b.classList.remove('active'));
document.querySelectorAll('.tab-content').forEach(c => c.classList.remove('active'));
button.classList.add('active');
document.getElementById('tab-' + index).classList.add('active');
};
tabsContainer.appendChild(button);
const content = document.createElement('div');
content.className = 'tab-content';
content.id = 'tab-' + index;
content.style.backgroundImage = `url('${family.bg}')`;
content.innerHTML = `
<div class="heraldry">
<img src="${family.coat}" alt="Герб ${family.name}">
<p>${family.description}</p>
</div>
<div class="info-table">
<table>
<tr><th>Патриарх</th><td>${family.patriarch}</td></tr>
<tr><th>Наследник</th><td>${family.heir}</td></tr>
<tr><th>Члены семьи</th><td>${family.members}</td></tr>
</table>
</div>
`;
contentContainer.appendChild(content);
});
// Показать первую вкладку по умолчанию
document.querySelectorAll('.tab-button')[0].click();
</script>
</body>
</html>
[/html]
[hideprofile]