[html]
<div class="main-block">
<p class="main-title"><strong>ИНКВИЗИТОРЫ, ОБЩИЙ СБОР!</strong></p>
<p class="announcement-text">
Специальная группа инквизиторов <strong>«Всадники Бездны»</strong> (официально «группа А») состоит из весьма необычных людей, чье поведение вряд ли сойдет за нормальное, даже в условиях пандемии. Я выбирал вас тщательно, следил за вами и анализировал, благодаря чему смог собрать вас в один отряд верных делу и друг другу инквизиторов. Наша группа отмечена смертью, мы несем ее всем, кто дымится или скоро начнет, потому что мы убеждены, что эта зараза будет жить, пока бьется сердце хотя бы одного зараженного. Вакцины для нас не более, чем сказка, которую придумали отчаявшиеся. Но мы не такие. Мы сильны в своей вере в спасение. Огнем и мечом, ребята!
</p>
<div class="characters">
<!-- Персонаж 1 -->
<div class="character">
<!-- Кличка сверху -->
<div class="char-nickname">ШУТ</div>
<!-- Фото слева -->
<img class="char-img" src="https://upforme.ru/uploads/001c/89/28/4/t445942.png" alt="ШУТ">
<!-- Текст справа от фото -->
<div class="char-bio">
<div class="char-name">adrian hale, 24</div>
<div class="char-prototype">ty simpkins</div>
<p>
Август 2024-го забрал у него родителей и дом, зато подарил привычку смеяться там, где другим хотелось кричать. Адриан обожает балаганить, раздавать дурацкие прозвища тем, кто в дыму умирает, будто это всё цирковое представление, а не конец мира. Его шутки слишком громкие, его движения слишком резкие, но именно этим он отвлекает от собственного страха. В его глазах всегда искрит что-то большее, чем простая насмешка. Он идёт вперёд, не оглядывается, потому что позади давно уже пусто. И когда он убивает заражённых, он делает это с тем же смехом — лёгким, как будто речь идёт не о смерти, а о плохом анекдоте.
</p>
</div>
</div>
<!-- Персонаж 1 -->
<div class="character">
<!-- Кличка сверху -->
<div class="char-nickname">БАШНЯ</div>
<!-- Фото слева -->
<img class="char-img" src="https://upforme.ru/uploads/001c/89/28/4/t761836.png" alt="БАШНЯ">
<!-- Текст справа от фото -->
<div class="char-bio">
<div class="char-name">marcus rayne, 25</div>
<div class="char-prototype">river viiperi</div>
<p>
Он никогда не рассказывал, что именно произошло прошлым августом, но иногда его руки дрожат так, будто держат не оружие, а обломки собственного дома. Маркус кажется простаком: сутулый, неуклюжий, любит болтать о глупостях и подшучивать над собой. Но ровно до того момента, пока на горизонте не появится дым — тогда он меняется, срывается с цепи и крушит всё подряд, пока заражённые не перестанут дышать. В его разрушениях есть что-то болезненно-освобождающее, как будто он снова переживает свой прошлогодний пожар. Но даже в этом состоянии он держит рамки: незаражённых не тронет, максимум оглушит, если они станут поперёк дороги. Каждое его сражение похоже на падение, на новое крушение, от которого он сам же и получает силу.
</p>
</div>
</div>
<!-- Персонаж 1 -->
<div class="character">
<!-- Кличка сверху -->
<div class="char-nickname">СИЛА</div>
<!-- Фото слева -->
<img class="char-img" src="https://upforme.ru/uploads/001c/89/28/4/t43077.png" alt="СИЛА">
<!-- Текст справа от фото -->
<div class="char-bio">
<div class="char-name">livia sorrel, 23</div>
<div class="char-prototype">crystal reed</div>
<p>
Её смех слышен ещё до того, как она появится из-за угла. Ливия смеётся звонко, задирает товарищей, подталкивает плечом, всегда будто играет. Но стоит вспомнить прошлый август — и улыбка застывает. Она держала сестру, когда та вспыхнула, и даже тогда не позволила себе закричать. С тех пор её хватка только крепче. Ливия способна переломить позвоночник голыми руками и сделать это так же просто, как раньше держала сестру за руку. В её дурашливости всегда скрыт зверь, хищный и неумолимый. И когда зверь выходит, заражённые не успевают даже удивиться.
</p>
</div>
</div>
<!-- Персонаж 1 -->
<div class="character">
<!-- Кличка сверху -->
<div class="char-nickname">ПОВЕШЕННЫЙ</div>
<!-- Фото слева -->
<img class="char-img" src="https://upforme.ru/uploads/001c/89/28/4/t543463.png" alt="ПОВЕШЕННЫЙ">
<!-- Текст справа от фото -->
<div class="char-bio">
<div class="char-name">emrys vale, 24</div>
<div class="char-prototype">dylan minnette</div>
<p>
Эмрис часто сидит вверх ногами, глядя на мир так, будто ему там всё яснее. Он обожает рассказывать странные истории, в которых невозможно разобрать, где правда, а где игра. Год назад его семья закрыла его в подвале, чтобы «уберечь от заразы», но спасли не они, а тьма, с которой он научился говорить. С тех пор он ведёт себя как безобидный чудак: поёт детские песенки на вылазках, строит гримасы, будто всё вокруг шутка. Но когда приходит время убивать заражённых, его рука не дрожит. Мир для него давно перевёрнут, а смерть — просто ещё одна грань игры.
</p>
</div>
</div>
<!-- Персонаж 1 -->
<div class="character">
<!-- Кличка сверху -->
<div class="char-nickname">ЛУНА</div>
<!-- Фото слева -->
<img class="char-img" src="https://upforme.ru/uploads/001c/89/28/4/t171524.png" alt="ЛУНА">
<!-- Текст справа от фото -->
<div class="char-bio">
<div class="char-name">rafael moore, 27</div>
<div class="char-prototype">nicholas hoult</div>
<p>
Рафаэль редко смотрит прямо, чаще куда-то вбок, в туман или за спины товарищей. Он привык к дыму — ещё в августе прошлого года заблудился в огне и несколько дней бродил среди пепелища, пока его не нашли. С тех пор он словно слышит то, что другим недоступно: шаги в темноте, шёпот из пустых домов, дыхание заражённых за стеной. Его рассказы звучат как сказки — кто-то смеётся, кто-то молчит, не зная, где он врёт, а где говорит правду. Рафаэль сам будто тень, растворяющаяся в дыму. Но если он уходит в туман — можно не сомневаться, он вернётся не один.
</p>
</div>
</div>
</div>
<p class="section-title"><strong>ЧТО ВАМ НАДО ЗНАТЬ</strong></p>
<p class="section-text">
Вы ведете себя так, будто находитесь не посреди горящих трупов, а в зрительном зале на премьере комедии, но когда дело доходит до работы, вы отдаетесь целиком и полностью. Вы на своей волне, часто галдите, чем бесите меня. Вы, ребятки, любители активного отдыха, шуток и веселья. Я выбрал вас, потому что вы не потеряли вкуса жизни, вы хотите жить и избавить мир от огненной чумы любыми способами, вырезав этот нарыв с корнем. У каждого из вас есть свои причины ненавидеть вирус, свои убеждения, но цель у нас одна. И это то, что нас объединяет. И даже то, что я держусь от вас на расстоянии и не подпускаю вас близко, не мешает мне называть вас своими друзьями. Единственными. Только вы способны понять меня, выслушать, перевести даже самую серьезную ситуацию в шутку, над которой мы вместе посмеемся.
</p>
<p class="section-text">
Впереди у нас очень много дел, так что я надеюсь, что кого-то заинтересовал. Относительно вариативности. Я бы не хотел ничего менять в персонажах. Соглашусь, наверное, на смену имени и внешности, если у вас есть что-то получше. С внешностью будет сложнее договориться, но мы с вами взвесим все и придем к общему знаменателю, я уверен.
</p>
</div>
<style>
@font-face {
font-family: 'Cinzel';
src: url('https://raw.githubusercontent.com/tukiteruamano-a11y/anketa/main/cinzel_regular.ttf') format('truetype');
}
.main-block {
width: 600px;
margin: 0 auto;
font-family: 'Cinzel', Arial, sans-serif;
color: #000;
}
.main-title {
text-align: center;
margin-bottom: 20px;
font-size: 16px;
}
.announcement-text {
margin-bottom: 30px;
font-size: 14px;
text-indent: 25px;
text-align: justify;
}
.characters {
display: flex;
flex-direction: column;
gap: 30px;
}
.character {
overflow: hidden; /* чтобы текст обтекал фото */
}
/* Кличка сверху, не обтекает текст */
.char-nickname {
font-weight: bold;
margin-bottom: 5px;
text-align: center;
font-size: 16px;
}
/* Фото слева, текст обтекает его */
.char-img {
float: left;
max-width: 20%; /* масштаб 80% */
height: auto;
margin-right: 15px;
margin-bottom: 5px;
}
/* Текст справа от фото */
.char-bio {
overflow: hidden; /* чтобы текст обтекал фото */
}
.char-name {
font-weight: bold;
font-size: 14px;
text-indent: 25px;
}
.char-prototype {
font-style: italic;
font-size: 12px;
text-indent: 25px;
}
.char-bio p {
margin-top: 5px;
line-height: 1.4em;
font-size: 14px;
text-indent: 25px;
text-align: justify;
}
.section-title {
margin-top: 60px;
font-size: 16px;
text-indent: 25px;
text-align: center;
}
.section-text {
margin-bottom: 30px;
font-size: 12px;
text-indent: 25px;
text-align: justify;
}
</style>
[/html]
Отредактировано Cain (2026-01-29 22:32:07)