[html]<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Анкета персонажа</title>
<style>
body {
background-color: #f0f4f8;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
color: #4a5568;
padding: 10px;
margin: 0;
line-height: 1.4;
}
.character-card {
background-color: #ffffff;
background-image:
url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h100v100H0z' fill='%23ffffff'/%3E%3Cpath d='M0 0l100 100' stroke='%23e2e8f0' stroke-width='0.5'/%3E%3Cpath d='M100 0L0 100' stroke='%23e2e8f0' stroke-width='0.5'/%3E%3C/svg%3E"),
url("data:image/svg+xml,%3Csvg viewBox='0 0 250 250' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.05'/%3E%3C/svg%3E");
padding: 15px;
border-radius: 8px;
border: 1px solid #e2e8f0;
max-width: 600px;
margin: 0 auto;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}
.header {
text-align: center;
margin-bottom: 15px;
padding-bottom: 10px;
border-bottom: 2px solid #63b3ed;
}
.character-name {
font-size: 20px;
font-weight: bold;
color: #2d3748;
text-transform: uppercase;
letter-spacing: 1px;
margin: 0;
padding: 5px;
display: inline-block;
border-bottom: 2px dotted #63b3ed;
}
.character-info {
display: flex;
gap: 15px;
margin-bottom: 15px;
}
.character-portrait {
flex: 0 0 120px;
height: 120px;
border: 2px solid #63b3ed;
background-color: rgba(99, 179, 237, 0.08);
display: flex;
justify-content: center;
align-items: center;
overflow: hidden;
border-radius: 4px;
}
.character-portrait img {
width: 100%;
height: 100%;
object-fit: cover;
}
.basic-info {
flex: 1;
}
.info-row {
display: flex;
margin-bottom: 8px;
border-bottom: 1px dotted #e2e8f0;
padding-bottom: 8px;
}
.info-label {
font-weight: bold;
color: #4a5568;
min-width: 110px;
font-size: 14px;
}
.info-value {
flex: 1;
font-size: 14px;
padding-left: 5px;
border-left: 2px solid #63b3ed;
color: #4a5568;
}
.section {
margin-bottom: 15px;
}
.section-title {
font-size: 16px;
color: #3182ce;
margin: 0 0 8px 0;
padding-bottom: 5px;
border-bottom: 1px solid #e2e8f0;
}
.section-content {
background-color: rgba(99, 179, 237, 0.06);
padding: 10px;
border-left: 2px solid #63b3ed;
font-size: 14px;
line-height: 1.5;
color: #4a5568;
border-radius: 0 4px 4px 0;
}
.footer {
text-align: right;
font-size: 12px;
color: #a0aec0;
margin-top: 15px;
padding-top: 10px;
border-top: 1px solid #e2e8f0;
}
</style>
</head>
<body>
<div class="character-card">
<div class="header">
<div class="character-name">Элизабет (Лиза) Брандт</div>
</div>
<div class="character-info">
<div class="character-portrait">
<!-- Вставьте ссылку на изображение вместо текста в кавычках -->
<img src="https://i.postimg.cc/brGCgbdf/43d6ca1a06147f3f4439fbf9cd856bd8.jpg" alt="Портрет персонажа">
</div>
<div class="basic-info">
<div class="info-row">
<div class="info-label">Возраст:</div>
<div class="info-value">Биологический: 220 лет, Внешний: 27 лет</div>
</div>
<div class="info-row">
<div class="info-label">Принадлежность:</div>
<div class="info-value">жнец I класса</div>
</div>
<div class="info-row">
<div class="info-label">Причина смерти:</div>
<div class="info-value">холера</div>
</div>
</div>
</div>
<div class="section">
<div class="section-title">Биография и характер</div>
<div class="section-content">
Она родилась в гуще чужих войн и великих идей. Дочь ассимилированного еврейского врача из Франкфурта, Элизабет с молоком матери впитала две страсти: к знаниям и к тихому, яростному сопротивлению. Её мир был запахом книжных переплетов в отцовской библиотеке и горьким ароматом целебных настоек. Время диктовало ей одно: быть тихой, выйти замуж, растить детей. Её душа рвалась к другому: понимать, резать, спасать.
<br>
<br>
Под пристальными, неодобрительными взглядами соседей она постигала анатомию по пожелтевшим фолиантам, а практику — тайно, помогая отцу в лечении самых безнадёжных больных из гетто. Медицина была её молитвой и бунтом. В двадцать два она совершила окончательный побег — в Париж, город света и свободы, где надеялась затеряться и стать наконец просто Доктором Брандт, без лишних определений.
<br>
<br>
Но Париж 1832 года встретил её не лекционными залами, а вонью бедных кварталов и тихим, леденящим ужасом.
Холера.
Она не разбирала имён и вероисповеданий. Элизабет сражалась на передовой этой необъявленной войны, день за днём, час за часом. Её руки, знавшие силу скальпеля, оказались бессильны перед невидимым врагом. Она заразилась, спасая мальчика, уже потерявшего и родителей и сестру. Умерла Элизабет в грязном бараке, в одиночестве, с чувством горькой, невыносимой несправедливости. Её последней мыслью был вопрос «Почему?», обращённый в пустоту.
<br>
<br>
<i>Пустота ответила.</i>
<br>
<br>
В момент, когда её душа должна была отправиться в небытие, перед ней возникла иная реальность. Невозмутимый Агент в безупречном костюме предложил ей не успокоение, а Контракт. Ответы на все её «почему». Шанс увидеть саму ткань мироздания, понять болезни не как наказание, а как часть великого Баланса. И ярость, и жажда знаний, и незавершённое дело заставили её подписать.
<br>
<br>
С тех пор прошло почти два столетия. Из пыльных палат Hôtel-Dieu — в стерильные коридоры Департамента. Из медицинского фартука — в безупречный костюм жнеца. Идеализм младшего врача со временем выкристаллизовался в холодную, отточенную профессиональность эксперта I класса.
<br>
<br>
Представьте себе идеально стерильный хирургический инструмент. Холодный, отполированный до зеркального блеска, лишённый малейшей шероховатости. Таким же является и её разум. Элизабет не мыслит — она препарирует. Любую проблему, любое слово, любого человека она раскладывает на составные части, классифицирует, ставит диагноз и выносит вердикт.
<br>
<br>
Она не носит маску холодности — она стала ею. Её душа, словно в кокон, затянулась в лёд вечности, и лишь изредка изнутри доносится приглушённый стук — отзвук того горячего, яростного сердца, что билось в её груди два века назад. Те эмоции, что разрывают смертных, для неё — всего лишь биохимические реакции, интересные для наблюдения, но неприемлемые для принятия решений. Её лицо — это страница медицинского журнала: чистая, без помарок, без морщин-смыслов. Лишь в уголках губ затаилась вечная, лёгкая усмешка — не доброта, а снисхождение учёного к подопытным кроликам, бегающим в клетке своего недолгого века.
<br>
<br>
Её речь — это тихий, ровный звук. Каждое слово взвешено, откалибровано и поставлено на единственно верное место. Лёгкий немецкий акцент лишь подчёркивает её чужеродность, выделяет её речь на фоне обыденного говора, как иноземный штамп. Она не повышает голос. Её тишина — громче любого крика. Её молчаливый, изучающий взгляд заставляет других тут же искать в себе изъяны, чувствуя себя на анатомическом столе под безжалостным светом её восприятия.
<br>
<br>
Но иногда — лишь иногда — лёд дает трещину.
<br>
<br>
Когда она видит, как мать заслоняет собой дитя от несущейся машины, чьи секунды на циферблате её внутренних часов уже истекли. Когда старый учёный, за секунду до инсульта, ставит последнюю точку в открытии, которое спасёт тысячи. В эти мгновения её безупречный механизм даёт сбой. В её глазах, на долю секунды, проскальзывает не профессиональная оценка, а признание. Уважение к тому самому человеческому, хрупкому, иррациональному героизму, который она так яростно отрицает. И тогда её рука с идеально отточенным серпом может дрогнуть, в недопустимом порыве совершить не предписанное регламентом, но единственно возможное с точки зрения той, кем она была — акт милосердия.
<br>
<br>
И тогда ярость. Холодная, тихая, всепоглощающая. Не на них, смертных. На себя. За эту слабость. За эту трещину в броне. За ту часть себя, что отказывается умирать, напоминая о вопросе, на который у вселенной нет ответа. Она превращает эту ярость в безупречные отчёты, в язвительные замечания в адрес нерадивых коллег, в новую ступень собственного перфекционизма.
</div>
</div>
<div class="section">
<div class="section-title">Дополнительная информация</div>
<div class="section-content">
• Раз в год, в день своей смерти, она посещает парижский госпиталь Pitié-Salpêtrière (преемник старой больницы), где работает несколько часов обычным волонтёром в хосписе. Она не использует свои силы, просто сидит с умирающими, держа их за руку. Это её способ напомнить себе, ради чего всё началось.
<br>
<br>
• Несмотря на весь свой цинизм, она тайно обожает глупые романтические комедии о жизни смертных. Она объясняет это «изучением архаичных моделей социального поведения», но на самом деле это её единственный способ прикоснуться к простым человеческим эмоциям, не чувствуя себя виноватой.
<br>
<br>
• Однажды она взяла себе стажёра — молодого жнеца, который умер в Афганистане в 2000-х. Она пыталась научить его своей рациональности, но он был слишком эмоциональным и порывистым. Он сломался на одном из заданий, попытавшись спасти смертного, и его стёрли в небытие. Элизабет винит в этом только себя и больше никогда не брала учеников.
<br>
<br>
• Она никогда не проводит души детей сама, если есть возможность передать вызов другому жнецу. Если же нет — её профессиональная маска на этом вызове даёт особенно сильную трещину. После таких случаев она надолго запирается в своей лаборатории.
</div>
</div>
</body>
</html>[/html]
Элизабет Брандт, жнец
Сообщений 1 страница 2 из 2
Поделиться12025-08-31 13:18:07
Поделиться22025-09-06 11:22:47
[html]<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Chronology</title>
<style>
body {
background-color: #1a1a1a;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
color: #d5d3d5;
padding: 10px;
margin: 0;
display: flex;
justify-content: center;
align-items: center;
min-height: 100vh;
}
.chronology-container {
background-color: #2a282a;
background-image:
url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h100v100H0z' fill='%232a282a'/%3E%3Cpath d='M0 0l100 100' stroke='%23363438' stroke-width='0.5'/%3E%3Cpath d='M100 0L0 100' stroke='%23363438' stroke-width='0.5'/%3E%3C/svg%3E"),
url("data:image/svg+xml,%3Csvg viewBox='0 0 250 250' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.1'/%3E%3C/svg%3E");
border-radius: 5px;
border: 1px solid #444;
max-width: 700px;
width: 100%;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
}
.chronology-header {
text-align: center;
padding: 15px;
border-bottom: 2px solid #993a20;
}
.chronology-title {
font-size: 24px;
font-weight: bold;
color: #d5d3d5;
text-transform: uppercase;
letter-spacing: 1px;
margin: 0 0 5px 0;
}
.chronology-subtitle {
font-size: 14px;
color: #7f7e80;
}
.chronology-content {
padding: 15px;
}
.episode {
margin-bottom: 20px;
padding-bottom: 20px;
border-bottom: 1px solid #444;
}
.episode:last-child {
border-bottom: none;
}
.episode-title {
margin-bottom: 8px;
}
.episode-title a {
font-weight: bold;
color: #993a20;
text-decoration: none;
font-size: 18px;
}
.episode-title a:hover {
text-decoration: underline;
}
.episode-date {
font-size: 13px;
color: #7f7e80;
margin-bottom: 8px;
}
.participants {
font-size: 14px;
margin-bottom: 10px;
color: #d5d3d5;
}
.participants a {
color: #993a20;
text-decoration: none;
}
.participants a:hover {
text-decoration: underline;
}
.description {
background-color: rgba(0, 0, 0, 0.2);
padding: 12px;
border-left: 2px solid #993a20;
font-size: 14px;
line-height: 1.5;
color: #d5d3d5;
}
.completed-header {
background-color: rgba(153, 58, 32, 0.2);
color: #d5d3d5;
padding: 10px 15px;
cursor: pointer;
display: flex;
justify-content: space-between;
align-items: center;
margin-top: 20px;
border-radius: 3px;
}
.completed-header:hover {
background-color: rgba(153, 58, 32, 0.3);
}
.completed-episodes {
max-height: 0;
overflow: hidden;
transition: max-height 0.3s ease;
}
.completed-episodes.expanded {
max-height: 1000px;
}
.toggle-icon {
transition: transform 0.3s;
}
.toggle-icon.rotated {
transform: rotate(180deg);
}
</style>
</head>
<body>
<div class="chronology-container">
<div class="chronology-header">
<div class="chronology-title">Chronology</div>
<div class="chronology-subtitle">Архив эпизодов</div>
</div>
<div class="chronology-content">
<div class="active-episodes">
<!-- Активный эпизод 1 -->
<div class="episode">
<div class="episode-title">
<a href="https://deathinc.rusff.me/viewtopic.php?id=27#p569">Whatever will be, will be</a>
</div>
<div class="episode-date">10 сентября, 2025</div>
<div class="participants">
Участники: <a href="https://deathinc.rusff.me/viewtopic.php?id=17#p70">Элизабет Брандт</a>, <a href="https://deathinc.rusff.me/viewtopic.php?id=25#p400">Ренуар Бордело</a>
</div>
<div class="description">
Всё должно пройти гладко. Его время пришло. Ему окажут должный приём, сопроводят и помогут принять факт собственной кончины. Ничто не вечно и никто не вечен. Возражения не принимаются.
</div>
</div>
<!-- Активный эпизод 2 -->
<div class="episode">
<div class="episode-title">
<a href="https://deathinc.rusff.me/viewtopic.php?id=35#p1194">Annotation to Chaos</a>
</div>
<div class="episode-date">15 сентября, 2025</div>
<div class="participants">
Участники: <a href="https://deathinc.rusff.me/viewtopic.php?id=17#p70">Элизабет Брандт</a>, <a href="https://deathinc.rusff.me/viewtopic.php?id=20#p234">Лунамария Крист</a>
</div>
<div class="description">
Небольшой отряд жнецов первого класса, под руководством аудитора в лице Лунамарии, готовился к этому «выезду» всю неделю. Вся нужная документация была подготовлена заранее. Ситуация для жнецов не чрезвычайная, но в рамках страны она будет гудеть долго. Раскатистым набатом. Слезами. Молитвами.
Стрельба в младшей школе. Пятнадцать жертв. Семь из них — невинные дети.
</div>
</div>
</div>
<div class="completed-header" onclick="toggleCompleted()">
<span>Завершенные эпизоды</span>
<span class="toggle-icon">▼</span>
</div>
<div class="completed-episodes" id="completedEpisodes">
<!-- Здесь будут завершенные эпизоды -->
<div class="episode">
<div class="episode-title">
<a href="#">Завершенный эпизод</a>
</div>
<div class="episode-date">Дата</div>
<div class="participants">
Участники: <a href="#">Участник 1</a>, <a href="#">Участник 2</a>
</div>
<div class="description">
Описание завершенного эпизода.
</div>
</div>
</div>
</div>
</div>
<script>
function toggleCompleted() {
const completedEpisodes = document.getElementById('completedEpisodes');
const toggleIcon = document.querySelector('.toggle-icon');
completedEpisodes.classList.toggle('expanded');
toggleIcon.classList.toggle('rotated');
}
</script>
</body>
</html>[/html]