[html]
<link
href="https://fonts.googleapis.com/css2?family=Cinzel:wght@400;600&family=Inter:wght@400;500;600&display=swap"
rel="stylesheet"
/>
<article class="pp-card">
<section class="pp-data">
<div class="pp-header">
<div class="pp-brand">
<img src="https://forumstatic.ru/files/001c/73/bf/43531.png" />
<span>OutcastDB</span>
</div>
<h1 class="pp-name">Lucius Sorel</h1>
</div>
<div class="pp-tabs">
<input type="radio" id="tab-1" name="tabs" checked />
<input type="radio" id="tab-2" name="tabs" />
<input type="radio" id="tab-3" name="tabs" />
<input type="radio" id="tab-4" name="tabs" />
<nav class="pp-nav">
<label for="tab-1">Профайл</label>
<label for="tab-2">Биография</label>
<label for="tab-3">Характер</label>
<label for="tab-4">Способности</label>
</nav>
<div class="pp-panel" data-tab="1">
<div class="pp-panel-content">
<figure class="pp-portrait">
<img
src="https://forumupload.ru/uploads/001c/73/bf/16/t552069.jpg"
alt="Внешность персонажа"
/>
</figure>
<div class="pp-right">
<div class="pp-facts">
<div>
<span class="key">Имя и фамилия</span><span class="bar"></span
><span class="val">Люций Сорель</span>
</div>
<div>
<span class="key">Профессия</span><span class="bar"></span
><span class="val">Разведчик</span>
</div>
<div>
<span class="key">
<span class="key-main">Дата рождения</span><br />
<span class="key-sub">(возраст)</span>
</span>
<span class="bar"></span>
<span class="val">30.04.137, 44 года</span>
</div>
<div>
<span class="key">Организация</span><span class="bar"></span
><span class="val">Корпус Странников<br>Член Шестёрки</span>
</div>
<div>
<span class="key">Рост</span><span class="bar"></span
><span class="val">194 см</span>
</div>
<div>
<span class="key">Класс силы</span><span class="bar"></span
><span class="val">E-I</span>
</div>
<div>
<span class="key">Вес</span><span class="bar"></span
><span class="val">81 кг</span>
</div>
</div>
<div class="pp-sections">
<h2 class="pp-section-title">Внешность</h2>
<div class="pp-section-box">
<p>Первое на что обращают внимание увидев Люция - это глаза. Странное проявление способностей - они могут менять цвета и оттенки в зависимости от его состояния и настроения. Обычно тёмно-зелёные, иногда его глаза светятся мягким серебристым светом, полностью поглощая окружающую тьму, создавая иллюзию, что они сами излучает свет. В другие моменты они окутаны тёмной завесой. Вкупе с бледной кожей, ярко очерченными скулами, острым подбородком и тонкими губами, на которых застыла меланхоличная улыбка, Люций вызывает ассоциации с чем-то потусторонним. <br>Высоким ростом, стройным (даже чересчур) телосложение, гибкостью движений и тихим ровным голосом напоминает крупную змею. Короткие тёмные волосы уже как несколько лет отмечены ранней сединой. Над сердцем - странный знак, словно несколько светодиодов выпирающих из под кожи и складывающиеся в постоянно убывающее число. <br>Одевается в глухую одежду, отдавая предпочтение серому цвету. Часто, особенно во время разведки, на нём можно заметить аксессуары, выполненные из материалов, отражающих свет, которые он использует для усиления своих способностей. <br>В целом, у незнакомых с ним людей вызывает не очень приятное впечатление связанное с неким чувством «неправильности», каковое пропадает стоит лишь немного узнать мужчину поближе. </p>
</div>
<h2 class="pp-section-title">Дополнительно</h2>
<div class="pp-section-box">
<p>- Люций может скрывать «таймер» отчитывающий оставшееся время до его смерти, заставляя цифры на время погаснуть. <br>- Точный день смерти, не означает что Люций не может умереть раньше, например во время экспедиции. «Таймер» - всего лишь показатель оставшейся «жизненной силы».<br>- Сорель никому не раскрывал ни то, что произошло во время первой миссии, ни сколько ему осталось. <br>- День смерти Люция - 01.05.182 <br>- Последние несколько лет постоянно находится под действием своей способности «Внутренне пламя» из-за чего его часто можно застать за очередным перекусом. <br>- Идея о «доступности информации для всех» привела к тому что нередко «заимствует" различные памятники культуры( в частности литературу) с экспедиций, копирует их в электронном виде и распространяет по сети. Оригиналы впоследствии продаются на чёрном рынке. Для этого пользуется услугами своих многочисленных знакомых.</p>
<div class="quote-box spoiler-box"><div onclick="$(this).toggleClass('visible'); $(this).next().toggleClass('visible');">Возглавляет «Прогрессивистов» - общество, поставившего перед собой цель объединить людей и изгоев.</div><blockquote><p>- Первоочередной целью Прогрессевисты ставят перед собой объединение всех враждующих партий, группировок и клик. Глупо говорить о равенстве не решив внутренние противоречия.<br>- Главное препятствие на пути к равенству - отсутствие всей полноты информации о мире у жителей города и их предрассудки об изгоях. Необходимо сломать этот искусственный барьер. Возможность получать информацию такое же неотъемлемое право любого человека как право на жизнь. <br>- Город зависим от Изгоев куда больше чем хотят показать Семьи. Изгойник сможет существовать автономно, город - нет. Это станет нашим главным рычагом давления. Никаких провокаций, никакого насилия, мы сможем добиться всего мирным путём. <br>- Рано или поздно Город станет тесен для его жителей. Нужно быть готовыми и уже разрабатывать планы по освоению внешних территорий</p></blockquote></div>
<div class="quote-box spoiler-box"><div onclick="$(this).toggleClass('visible'); $(this).next().toggleClass('visible');">Манифест Объединённого Изгойника.</div><blockquote><p>Мы, жители Изгойника, объединяемся под знаменем справедливости, равенства и надежды.</p>
<p>Равенство для всех: Мы верим, что каждый человек, независимо от его происхождения или способностей, имеет право на достойную жизнь. Мы стремимся к обществу, где все будут равны и смогут реализовать свой потенциал.</p>
<p>Сила в единстве: Мы понимаем, что только вместе мы можем преодолеть преграды. Мы поддерживаем друг друга, объединяем усилия и работаем на благо нашего общества.</p>
<p>Образование как основа прогресса: Мы считаем, что образование — это ключ к пониманию и развитию. Мы будем стремиться к созданию образовательных программ, которые помогут каждому развивать свои способности и расширять горизонты и выступаем против ограничения информации. </p>
<p>Сострадание и забота: Мы обязуемся заботиться о самых уязвимых членах нашего общества. Дети, пожилые и нуждающиеся в помощи будут находиться под нашей защитой и вниманием.</p>
<p>Постепенные изменения: Мы отвергаем насилие и радикальные методы. Мы верим в силу диалога и конструктивного подхода к изменениям. Мы будем работать над тем, чтобы изменить сознание общества, шаг за шагом приближая его к справедливости.</p>
<p>Надежда на будущее: Мы не боимся мечтать о лучшем будущем. Мы будем действовать так, чтобы наши дети и внуки жили в мире, свободном от предрассудков и неравенства.</p>
<p>Ответственность за действия: Мы понимаем, что каждое наше действие имеет последствия. Мы будем действовать осознанно и брать на себя ответственность за свои поступки.</p>
<p>Мы, жители Объединённого Изгойника, заявляем о нашем намерении строить общество, основанное на любви, уважении и справедливости. Вместе мы сможем создать мир, в котором каждый будет чувствовать себя ценным и нужным.</p></blockquote></div>
</div>
</div>
</div>
</div>
</div>
<div class="pp-panel" data-tab="2">
<div class="pp-text">
<p>Каково это - жить с бременем знания точной даты своей смерти? Спроси вы об этом у Люция, он бы только дружелюбно улыбнулся, похлопал бы вас по плечу и ответил: «Как-нибудь в другой раз. Времени мало, пора за работу». «Времени мало». Любимая присказка и заодно девиз по жизни внешне мрачного разведчика. Он спешит жить, и жить не зря, верный своему обещанию старому другу, подарившему ему бесценные годы жизни. <br>Матери своей он не знал - она не смогла пережить тяжёлые роды. Ранние годы жизни с отцом уже давно выветрились из памяти. Остались лишь смутные, словно мазки сырой тушью, воспоминания об отстранённом человеке, так и не смирившимся с потерей супруги. Редкий случай - «особые таланты» Люция проявились достаточно поздно, до пятнадцати лет он жил и учился в Городе и только после спонтанного проявления своих способностей прямо на улице оказался в Изгойнике. Место где он очутился, разительно отличалось от привычного ему Города и совсем не напоминало о тех страшилках, что ходили среди детей в школе. Каждый день приносил новые открытия. Здесь живут такие же люди как и в городе. Да, может у них есть особые способности, но в сути своей они ничем не отличаются. Обучение в Кампусе открыло, насколько ограничены жители города в понимании мира. Юный Люций не понимал почему так происходит, это лишь порождает искусственное неравенство и искажённое восприятие друг друга, ведущее к непонимаю и конфликтам. Подобные вопросы вызывали лишь снисходительную улыбку у учителей. Большинство устраивала сложившаяся ситуация. Были и несогласные, но их радикальные методы вызывали у юноши только гнев. <br>Факультет Странников подарил Люцию лучшего друга и боевого товарища. Адриан стал незаменимым товарищем, не раз спасавшим его жизнь во время экспедиций и, что более важно, разделял взгляды Люция на проблемы неравенства. Всё пошло прахом на первой миссии после выпуска. Внезапное нападение мутировавшей твари - и трое разведчиков разорваны на части, а сам Люций, задыхаясь от боли, лежит на промёрзшей земле, безуспешно пытаясь удержать вываливающиеся внутренности. Угасающее сознание улавливает события фрагментарно. Адриан меткой очередью ранит и отгоняет чудовище... Подбегает к Люцию, мужчина слышит его голос, но в предсмертной агонии не может разобрать ни слова... Темнота... Сорель очнулся там же где и лежал, на земле, мокрой от собственной крови. Живой и целый, только разорванное снаряжение напоминало о пропущенном ударе. А рядом лежал его единственный друг... Адриан умел передавать часть своей жизненной силы, исцеляя раны других людей, буквально разменивая годы своей жизни на чужую, но то, что произошло сейчас... Возможно его друг не рассчитал силы, а может быть Люций уже действительно был мёртв и Адриан отдал свою жизнь, запуская его сердце, словно игрушку у которой кончился завод. Над сердцем, словно миниатюрная неоновая вывеска, светились цифры «7254» Уже потом, заметив что число уменьшается на единицу с каждым днём, Люций поймёт, что это остаток жизненной силы «влитый» его другом в него после исцеления. Жертва Адриана подарила ему чуть меньше двадцати лет. Вернувшись в Корпус Странников он умолчал о произошедшем с ним, доложив только о кончине своих товарищей от лап мутанта. <br>Внешне почти ничего не изменилось. Мужчина продолжал службу разведчиком и, на словах, оставил в прошлом трагедию произошедшую с его товарищами и другом. Как бы цинично это не звучало, но служба в Корпусе Странников учит воспринимать такие события философски. Каждая экспедиция может стать последней. Сегодня кто-то другой, а завтра уже ты. Но каждый, от сопливого новобранца, до обезображенного шрамами ветерана верит в то, что уж он то сегодня выживет. Потому что неизвестность это не только страх перед неведомым, но и надежда на лучшее. Люций этой надежды лишён. Таймер над сердцем безжалостно отчитывает дни перед неминуемой кончиной, и отправляясь в очередную экспедицию, он малодушно надеялся с неё не вернуться. Все смертны, но знать когда конкретно ты умрёшь - тяжкое бремя и кончина от лап монстром или других опасностей внешнего мира начинает казаться куда лучшей перспективой, хотя бы тем что она лишена предопределённости. <br>Спасением от чёрной меланхолии стали дети. Случайное стечение обстоятельств свело его с Иваром и Риисой. Брат и сестра были такие же как и сотни детей оказавшихся в ИСТОКЕ - оторванные от семьи или вовсе лишённые её. Но именно в них он нашёл, то чего не видел в себе — надежду на лучшее «завтра». Со временем он всё чаще стал посещать кампус, ребятишки по необъяснимой причине тянулись к нему, а для Люция общение с детьми стало той необходимой отдушиной от собственных чёрных мыслей. Решение об усыновлении пришло само собой. Рииса и Ивар стали членами его семьи. Дети и отец, старший брат и младшие — мужчину не слишком волновало, как они будут называть друг друга. Дети получали внимание и заботу, Люций — возможность вложить в кого-то свои позабытые надежды и веру.<br>Собственно, забота о детях, и вернула Люция к старым мыслям о будущем Изгойника. Он не хотел чтобы его воспитанники провели всю свою жизнь запертые в Изгойнике. Конечно, он был реалистом и понимал, что вернуть внешний мир это задача не одного поколения, но первый шаг так и не будет сделан пока Изгойник остаётся изолированным. Люди и Изгои должны стать равны по-настоящему и вывести человечество из кризиса. Подлинная вера в свои идеалы увлекает окружающих. Случайные разговоры с сослуживцами сменились долгими дискуссиями с выступающими в лекториями, а потом и собственными выступлениями. В изгойнике было немало тех, кого не устраивал статус-кво и многие из них понимали что кровью и сталью они ничего не изменят. Идеям о бессмысленном насилии радикаловв, Люций противопоставлял концепцию постепенных изменений в сознании всего общества. Со временем его мысли обретали всё большую популярность и Люций был выбран в Шестёрку как представитель общественности.<br>«Времени мало» — «таймер» над сердцем уже больше не пугает, а только подстёгивает действовать. Люций понимает, что ему самому вряд ли удастся увидеть мир своей мечты, но каждый оставшийся день он будет проживать так чтобы идущие за ним уж точно смогли увидеть его. </p>
</div>
</div>
<div class="pp-panel" data-tab="3">
<div class="pp-text">
<p>Внутреннее спокойствие и добродушие - Люций в некоторой степени напоминает хрестоматийного пастора. Умеет внимательно слушать, что позволяет ему понимать потребности и чувства других людей. В разговорах часто делится своими размышлениями о жизни, смерти и справедливости и не боится обсуждать сложные темы, готов выслушать мнения других, даже если они отличаются от его собственных. Мало кто может похвастаться тем, что слышал как Люций повышает голос, и уж совсем никто не видел его охваченным яростью. <br>Обожает детей. Время от времени посещает ИСТОК, чтобы просто поболтать с обучающимися там и, как он говорит «зарядиться их непосредственностью». <br>Переживает что некоторые его решения по воплощению своих идей находятся на грани им же очерченной линии, отделяющей его от радикалов.</p>
</div>
</div>
<div class="pp-panel" data-tab="4">
<div class="pp-text">
<h3><b>Игра света и тени</b></h3>
<p>Управление световым спектром, от полного отражения до поглощения, что позволяет как создавать зоны невыносимо яркого света для дезориентации противника так и пространства непроглядной тьмы для маскировки. Необходим постоянный зрительный контакт с местом где происходит изменение спектра. Дистанция - зона видимости. Радиус зоны - до 5 метров. Время существования - пока сохраняется зрительный контакт.</p>
<hr>
<h3><b>Внутреннее пламя</b></h3>
<p>Во время действия способности организм не подвержен усталости и переутомлению. Так же практически отпадает необходимость во сне, достаточно нескольких минут дрёмы в сутки. В тоже время потребности организма в пище и воде возрастают в несколько раз, в противном случае тело начинает «переваривать» само себя. На деле, для постоянного действия способности необходимо потреблять в четверо раз больше пищи и воды, чем при обычных условиях. Время действия - не ограничено. </p>
</div>
</div>
</div>
<!-- /tabs -->
</section>
</article>
<style>
:root{
--bg:#0d1517;
--g1:#0e1a1d;
--g2:#223235;
--stroke:#1a3235;
--text:#e9e6e0;
--sub :#c8c3b8;
--text-dim:#959187;
--color1:#c5bdaa;
--color1-light:#d9d4c9;
--color1-dark :#a8a190;
}
.pp-text b,
.pp-text strong{
color:var(--accent);
font-weight:600;
padding:0 .15em;
background:rgba(197,189,170,.10);
border-radius:2px;
}
.pp-card{
max-width:960px;
margin:2rem auto;
padding:2.4rem;
background:linear-gradient(135deg,var(--g1),var(--g2));
border:1px solid var(--stroke);
box-shadow:0 0 22px #000b,inset 0 0 32px #001416;
height:620px;
overflow:hidden;
}
.pp-data{
height:100%;
overflow-y:auto;
padding-right:0.4rem;
}
.pp-data::-webkit-scrollbar{
width:4px;
}
.pp-data::-webkit-scrollbar-thumb{
background:var(--text-dim);
border-radius:4px;
}
.pp-tabs{font:normal 100% "Inter";}
.pp-tabs input{display:none;}
.pp-nav{display:flex;}
.pp-nav label{
flex:1;
position:relative;
font:600 .9rem/2 "Inter",sans-serif;
text-transform:uppercase;
letter-spacing:.04em;
padding:.3rem 1.4rem;
margin-left:-10px;
cursor:pointer;
background:#0d1b1e;
border:1px solid var(--color1);
color:var(--sub);
clip-path:polygon(0 0,calc(100% - 12px) 0,100% 100%,12px 100%);
transition:.2s;
}
.pp-nav label:first-child{
margin-left:0;
clip-path:polygon(0 0,calc(100% - 12px) 0,100% 100%,0 100%);
}
.pp-nav label:last-child{
clip-path:polygon(0 0,100% 0,100% 100%,12px 100%);
}
.pp-nav label:not(:first-child)::before{
content:"";
position:absolute;
left:-1px;top:0;
width:2px;height:100%;
background:var(--color1);
transform:skewX(20deg);
}
.pp-nav label:hover{
background:var(--color1-dark);
color:#fff;
}
#tab-1:checked~.pp-nav label[for="tab-1"],
#tab-2:checked~.pp-nav label[for="tab-2"],
#tab-3:checked~.pp-nav label[for="tab-3"],
#tab-4:checked~.pp-nav label[for="tab-4"]{
background:var(--color1);
color:#0d1b1e;
border-color:var(--color1-light);
padding:.6rem 1.4rem;
margin-top:-3px;
z-index:2;
}
.pp-panel{
display:none;
animation:fade .25s ease;
padding:1.1rem 20px;
color:var(--sub);
}
@keyframes fade{from{opacity:0;transform:translateY(4px);}}
#tab-1:checked~.pp-panel[data-tab="1"],
#tab-2:checked~.pp-panel[data-tab="2"],
#tab-3:checked~.pp-panel[data-tab="3"],
#tab-4:checked~.pp-panel[data-tab="4"]{display:block;}
.pp-panel-content{display:flex;gap:2rem;align-items:flex-start;}
.pp-portrait{
flex:0 0 220px;margin:0;
position:relative;
filter:drop-shadow(0 0 12px #000a);
border:2px solid var(--color1);
}
.pp-portrait img{width:100%;display:block;border-radius:6px;filter:grayscale(.5);}
.pp-portrait::after{
content:"";position:absolute;inset:0;
background:rgba(197,189,170,.35);
mix-blend-mode:multiply;
}
.pp-right{flex:1;display:flex;flex-direction:column;gap:1.5rem;}
.pp-facts{
display:grid;grid-template-columns:1fr 1fr;gap:1rem;
font-size:.95rem;
}
.pp-facts div{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;}
.pp-facts .key{
display:flex;flex-direction:column;align-items:center;text-align:center;
justify-self:end;
text-transform:uppercase;font-weight:600;font-size:.85rem;line-height:.5;
color:var(--text);
padding-right:.4rem;white-space:nowrap;
}
.key-sub{font-size:.75rem;color:var(--sub);text-transform:none;}
.pp-facts .bar{width:4px;height:1.2em;background:var(--color1);border-radius:1px;}
.pp-facts .val{justify-self:start;font-size:.95rem;color:var(--sub);white-space:nowrap;padding-left:.4rem;}
.pp-section-title{
margin:2rem 0 .6rem;
font:600 1rem/1 "Inter",sans-serif;
text-transform:uppercase;letter-spacing:.05em;
color:var(--text);
}
.pp-section-box{
padding:1rem 1.2rem;
background:rgba(255,255,255,.02);
border-left:4px solid var(--color1);
box-shadow:inset 0 0 0 1px #123135;
font-size:.95rem;line-height:1.6;
color:var(--sub);text-align:justify;
}
.pp-text{font-size:1rem;line-height:1.7;text-align:justify;color:var(--sub);}
.pp-text ul{margin:0 0 1.4rem 1.2rem;padding-left:1rem;list-style:disc;color:var(--sub);}
.pp-text p{margin:0 0 1rem;}
.pp-header{
display:flex;align-items:center;justify-content:space-between;
gap:1rem;margin-bottom:1.4rem;
}
.pp-name{
font:600 2rem/1 "Cinzel",serif;text-transform:uppercase;
letter-spacing:.05em;color:var(--sub);margin:0 2rem;
}
.pp-brand{
display:flex;align-items:center;gap:.6rem;
font:600 .9rem "Inter",sans-serif;color:var(--color1);
}
.pp-brand img{height:50px;width:auto;filter:brightness(1.2);opacity:.9;}
.pp-section-box .quote-box.spoiler-box {
display: grid;
grid-template-columns: 1fr;
}
.pp-section-box .spoiler-box div {
width: 90%;
}
.pp-section-box .spoiler-box blockquote.visible {
background-color: var(--color4);
}
</style>
[/html]
[hideprofile]
Отредактировано Lucius Sorel (2025-05-02 15:57:01)
