[html]<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
.anketa {
display: flex;
flex-direction: column;
flex-wrap: nowrap;
width: 690px;
background: Black;
background-image: url('https://forumstatic.ru/files/001c/89/a0/35701.jpg');
background-repeat: repeat-y;
background-position: top;
}
.infoblock {
display: flex;
background-color: #9ab9c0;
flex-direction: column;
flex-wrap: nowrap;
margin: -1em 6.05em 0 1.5em;
width: 650px;
padding-top: 1em;
}
.history {
display: block;
background-color: #a5c0c7;
border: 10px double #9ab9c0;
padding: 1em 1em;
margin: 8px;
font: 1.1em 'Roboto Condensed';
color: #15485a;
}
.shapka {
display: flex;
flex-wrap: nowrap;
position: relative;
left: 0;
width: 650px;
height: auto;
margin: 10px 0 10px 6px !important;
z-index: 999;
padding: 4em 1em 0 1em;
}
.avatar {
width: 200px;
height: 250px;
padding: 1em 1em 0.8em 0.5em;
}
h1 {
font: 2em 'Roboto Condensed' !important;
font-weight: 600 !important;
text-align: left;
text-transform: uppercase;
padding: 0.3em 0.3em 0 0.3em;
color: #15485a;
border-top: 1px solid #00848d;
border-left: 1px solid #00848d;
}
h2 {
font: 1.5em 'Roboto Condensed' !important;
font-weight: 600 !important;
letter-spacing: 0.1em;
text-align: right;
text-transform: uppercase;
color: #00848d;
border-bottom: 1px solid #00848d;
border-right: 1px solid #00848d;
padding-bottom: 0.2em;
padding-right: 0.5em;
}
h3 {
font: 1.3em 'Roboto Condensed' !important;
font-weight: 600 !important;
letter-spacing: 0.1em;
text-align: center;
text-transform: uppercase;
color: #00848d;
border-bottom: 1px solid #00848d;
padding-left: 1.5em;
}
span {
font: 1.1em 'Roboto Condensed' !important;
text-align: left;
color: #15485a;
text-align: justify;
padding-right: 1em;
}
strong {
font: 1.1em 'Roboto Condensed' !important;
text-align: left;
color: #15485a!important;
font-weight: 600 !important;
}
body {font-family: Arial;}
/* Стиль вкладок */
.tab {
display: flex;
flex-direction: column;
width: auto;
background-color: #9ab9c0;
}
/* Стиль кнопок внутри вкладок */
.tab button {
background-color: #a5c0c7;
border: none;
cursor: pointer;
width: 56px;
height: 50%;
max-height: 150px;
font-size: 1em;
font: 1.3em 'Roboto Condensed' !important;
color: #15485a;
font-weight: 600 !important;
writing-mode: vertical-rl;
}
/* Изменение цвета фона кнопок при наведении курсора мыши */
.tab button:hover {
background-color: transparent;
text-align: center;
color: #00848d;
}
/* Создание активного/текущего класса связей вкладок */
.tab button.active {
background-color: #9ab9c0;
}
/* Стиль содержимого вкладки */
.tabcontent {
width: 100%;
height: auto;
display: none;
background-color: #9ab9c0;
padding: 6px 6px;
}
.tabprofile {
display: flex;
flex-direction: column;
justify-content: flex-start;
background-color: #a5c0c7;
border: 10px double #9ab9c0;
padding-left: 1em;
}
.profile {
display: flex;
flex-direction: row;
justify-content: flex-start;
}
.parametry {
display: flex;
flex-direction: column;
line-height: 1.1;
width: 100%;
}
/* Основной контейнер слайдера */
.slider {
width: 200px; /* Фиксированная ширина слайдера */
height: 250px; /* Фиксированная ширина слайдера */
overflow: hidden; /* Обрезаем всё, что выходит за границы контейнера */
position: relative; /* Необходимо для правильного позиционирования кнопок */
}
/* Контейнер всех слайдов */
.slides {
display: flex; /* Размещаем слайды в одну линию */
transition: transform 0.5s ease-in-out; /* Анимация плавного смещения */
}
/* Каждый отдельный слайд */
.slide {
width: 100%; /* Занимает всю ширину контейнера */
flex-shrink: 0; /* Запрещаем уменьшение размера слайдов */
}
/* Стили для изображений */
.slide img {
object-fit: cover;
width: 200px;
height: 250px;
display: block; /* Убираем пробелы вокруг изображений */
}
/* Кнопки «Назад» и «Вперёд» */
.prev, .next {
position: absolute; /* Позволяет располагать кнопки поверх слайдов */
top: 50%; /* Размещаем по вертикали по центру */
transform: translateY(-50%); /* Сдвигаем кнопки вверх на половину их высоты */
background: rgba(0, 0, 0, 0.3); /* Полупрозрачный фон кнопок */
color: rgba(255, 255, 255, 0.5); /* Белый цвет текста */
border: none; /* Убираем границы */
padding: 9.1em 3px; /* Отступы внутри кнопки */
cursor: pointer; /* Изменяем курсор на указатель */
font-size: 1em; /* Размер шрифта */
font-weight: normal; /* Делаем текст жирным */
z-index: 2; /* Размещаем кнопки выше всех элементов */
}
/* Позиционируем кнопку «Назад» слева */
.prev {
left: 0px;
}
/* Позиционируем кнопку «Вперёд» справа */
.next {
right: 0px;
}
</style>
</head>
<body>
<div class="anketa">
<div class="shapka">
<div id="Man" class="tabcontent">
<div class="tabprofile">
<div class="profile">
<div class="parametry">
<br> <h1>Джей Хенесси</h1>
<h2>Jay Hennessy</h2>
<br>
<span>• <strong>ПОЛ: </strong>мужской</span>
<br>
<span>• <strong>ДАТА РОЖДЕНИЯ: </strong>07.06.2000</span>
<span>• <strong>ДАТА ВСЕЛЕНИЯ: </strong>ХХ.ХХ.ХХХХ</span>
<span>• <strong>ВИЗУАЛЬНЫЙ ВОЗРАСТ: </strong>25 лет</span>
<br>
<span style="text-align: left !important">• <strong>МЕСТО РАБОТЫ: </strong>ресторан "Приют трудящихся" </span>
<span>• <strong>ДОЛЖНОСТЬ: </strong>кассир/бармен;<br> +владелец семейной гостиницы "Азимут"</span>
</div>
<div class="avatar">
<div class="slider">
<!-- Контейнер, который содержит все слайды -->
<div class="slides">
<div class="slide"><img src="https://upforme.ru/uploads/001c/89/a0/25/758132.jpg"></div>
</div>
</div>
</div>
</div>
<span>• <strong>ВНЕШНОСТЬ: </strong> Chainsaw man | Denji</span>
<span>• <strong>РОСТ/ВЕС: </strong>195/ХХ • <strong>ЦВЕТ ВОЛОС/ГЛАЗ: </strong>блондин/карие</span><br>
<span>Высокий мускулистый юноша. Белокурый, ладный, стильный, не не вычурный. Никаких пестрых одежд, ярких цветов, вычурных аксессуаров. Все удобно, комфортно, нейтрально и скучно. Цветовая палитра — бежевый/коричневый/серый/хаки — самая любимая. К черному отношение умерено положительное. <br> <br></span>
</div>
</div>
<div id="Hton" class="tabcontent">
<div class="tabprofile">
<div class="profile">
<div class="parametry">
<br><h1>Страж Иегудиил</h1>
<h2>Воздаятель за старания</h2>
<br>
<span>• <strong>ВОЗРАСТ:</strong> ~ 2500 лет</span><br>
<span>• <strong>ПОЛ:</strong> мужской</span><br>
<span>• <strong>ФРАКЦИЯ:</strong> Орднунг (Ангелы)</span><br>
<span>• <strong>ДОЛЖНОСТЬ:</strong> 6-е Светило — Труд</span>
<br>
<span>• <strong>ВНЕШНОСТЬ: </strong>Chainsaw man | Denji</span>
</div>
<img src="https://upforme.ru/uploads/001c/89/a0/25/864125.jpg" class="avatar" style="object-fit: cover;">
</div>
<span>Довольно сложно не напугать бренные души истинной оболочкой. Иегудиил выглядит на первый взгляд как полупризрак, скрывая за плотным серым сгустком половину головы, лица и руки строго напополам. Кокон дыма словно вытянут, отодвигается ото лба. Бледный мужчина кажется изможденным, но способным свернуть горы. Его руки укреплены и необычайно сильны, представляя собой орудия труда земледельцев — главных тружеников и спасителей человечества в тяжелые времена. Собственно, Иегудиил когда-то пожалел праведные души и благословил их озарением формы собственных конечностей. Голову ангела также украшает характерный нарост, славя упорство, дисциплину и невыносимое бремя терпеливого труда. Есть три формы нижней части конечностей и образования в черепе, состоящих из сверхплотного вещества, напоминающего металл — молот, серп, бензопила (новообразования 20 века, ныне предпочитаемые и любимые). Они видоизменяются в зависимости от желания Архангела, но не способны исчезнуть. По наростам можно ударить, но тяжело серьезно ранить или разрубить. Скорее уж сам Страж сокрушит противника или снесет с плеч чью-то голову. Выделяемое оболочкой плотное марево смягчает впечатление. Смертному глазу не разглядеть сокрытое без воли Труженника. Да и элегантная улыбка в тридцать два острых ножичка помогает. На человеческой половине лица кстати аналогичные клыки, но способны трансформироваться в смертные зубы. Вторая половина справа от вытянутого нароста покрыта плотной матовой кожей, безволосая и зубастая. Глаза одинаковые, золотистые, волосы светлые. Не любит Архангел на самом деле появляться в полной красе без марева — разве что в Бюро Дисциплину позлит двояким обликом. Смертные не славят орудия труда древнейшие, пугаются, как муравьи глупые. Отвлекаются от труда благочестивого, так к чему причинять дискомфорт. Поди объясни, что ты друг, а не чудище заморское. Кстати ниже пояса все вполне человеческое — две ноги и прочее. Ростом примерно метра два с половиной. Крылья небольшие, черные и кожистые, серебристого цвета, как наросты. Гладкие, плотные, без перьев.<br> <br></span>
</div>
</div>
<div class="tab">
<button class="tablinks" onclick="openProfile(event, 'Man')"id="defaultOpen">ОБОЛОЧКА</button>
<button class="tablinks" onclick="openProfile(event, 'Hton')">ХТОНЬ</button>
</div>
</div>
<div class="infoblock">
<div class="history">
<h3>Способность: Усиление выносливости</h3><br>
<b>Описание:</b> Способен полностью избавить человека от усталости, боли и неудобств, превратив в сверх-человека во благо желания долго и много трудится. Можно успеть очень многое, побывать в нескольких местах сразу, выполнять монотонную задачу без необходимости отдыхать, есть и даже спать. Относиться к физическим действиям в первую очередь. Мозги тоже работают, но не в плане "лежать и много думать о любви". Нужно умственно трудиться, например решать задачку по математике, ставить опыты. Применяется на себя и на других, однако на посторонних воздействие в два раза сильнее.<br><br>
<b>Ограничения/откаты:</b><br>— Действие способности не может длится дольше 8 часов в фоновом режиме при воздействии на все факторы и больше 48 часов на один.
<br>— Максимальное усиление выносливости происходит первые два часа. Далее эффект постепенно уменьшается, пока не исчезнет через 8 часов совсем. Но важно понимать — в эти два часа не притупляется сильная физическая боль. Только лень/дискомфорт/голод/сонливость. О них забываешь, но все отложенное под действием способности возвращается в двойном размере.
<br>— Можно воздействовать на один фактор, например сон, потребность исчезнет, но не дольше чем на 48 часов. Потом баиньки дней на пять.
<br>— Сделаться вообще не чувствительным к физической боли и ударам можно на 15 минут. Раны при этом не затянутся, лишь уйдет само их ощущение на те же минуты.
<br>— Любые превышения установленных временных рамок — 8 часов, 48 часов и 15 минут — тело не выдержит. Человеческое воплощение Архангела придется менять.
<br>— Применение способности устанавливает эмоциональную связь сущности и смертного. Ангел все чувствует — восторг и эйфорию первых часов у смертного/объекта воздействия, потом слабость и боль при возвращении отложенного дискомфорта.
<br>— Архангел — садист, поскольку прекрасно знает, какими адскими муками возвращается объекту отложенная боль через 15 минут. Временами эффект использует, особенно на собратьях-ангелах. С напускной грустью и сожалением.
</div>
<br>
<div class="history">
<h3>История персонажа</h3><br>
— Помощник тех, кто в пути, укрепляющий в вере и подвиге, помогающий трудится и ходатайствующий о воздаянии за старание, благочестивые дела и упорство — таким Архангела знают смертные. Труженик, который мало спит, всегда пребывает в движении и делах полезных, укрепляющих волю и стойкость духа. Ненавидит лень, праздность, излишества и бесконтрольный хаос. Зубастый старый зануда, который и собратьям даст бензопилой по рукам за бестолковость и потакание греху. Пунктуальный до скрежета зубов, организованный донельзя, ненавидящий жизнь без цели, смысла и стремлений. Считает, что любой смертной душе необходимо заниматься полезным для общества делом. Нежно любит простых работяг во всех сферах, порядочных, семьянинов. Не заключит контракт с преступником, богатым мажором. Но если раскаиваются в эгоизме, лени и транжирстве — подумает и, возможно, благословит отсутствием усталости и трудовым запалом.
<br><br>— Непростое у Архангела прошлое к сожалению или к счастью. Наросты на голове и конечностях купались когда-то в крови и муках грешных, погрязших в алчности и праздности душ, отделяемых от тел. Отряд ангелов-карателей уничтожил целый древний город, забывший о свете веры, чести и достоинстве. Иегудиил возглавлял тот отряд, подчиняясь воле Судьи небесного. Слишком многое бы отдали адским отродьям иначе, увы. Милосердие и Сострадание взывали к Труженику. Сильные воины пытались сдержать Архангела, но не смогли. Слишком страдали тогда любимые работяги от расплодившихся как чума господ праздных. Страшен был гнев Иегудиила, кромсавшего мерзавцев направо и налево. Марево окончательно спало, клыки-ножи скалились. Работал Архангел, трудился, зачищал. Лишь Дисциплина остановил его, встав на пути и заставив услышать мольбу сына богача, который помогал работягам, мечтая тех освободить. Воздалось несчастному за подвиг, выжил. Много еще войн случилось и демонов пало от воинства светлого. Не впадал Иегудиил больше в безумие. Но кажется, собратья до сих пор помнят и с незримым укором глядят. Хорошо что к миру все пришло, относительному.
<br><br>— В настоящем любимое время Архангела — конечно же Советский Союз и господство идеологии коммунизма. Сколько смертных его славили и взывали о помощи. Как трудились, мечтали о светлом будущем. Девиз столь славный сочинили: "Мир, труд, май". А праздник 1 мая с красочными демонстрациями — чудо то какое. Сияли ауры работяг аки камни драгоценные — чистым, ярким светом. Заключал контракты Иегудиил со множеством душ. Энергетику чувствовал сильную как никогда. Радовали люди Труженника достижениями всяческими на почве усовершенствований. Бензопила впечатлила Сущность Света красотой своей и мощью. Создал Архангел себе третью форму наростов по образу и подобию данного творения рук человеческих. Восславил силу прогресса, работой непрерывной и упорством достигнутого. Все оболочки Архангела жили как один — скромно, но с пользой, без блуда и в партнерстве дружеском и душевном с кем-то благочестивым. Не обижал Труженник никого, всем искренне симпатизировал и каждому благодарен. Правда была одна загвоздка — увлекался Иегудиил некоторыми играми со смертными, испытывая их контроль и выдержку. Труд есть усердие, страдание и боль. Нужно тренировать волю, привыкать. Это не муки, лишь тренировка на пути к Свету. Дисциплина знает и всегда незримо рядом с Трудом. Порой в обличье бабки, стучащей по батарее, когда молодые слишком увлекаются и диван скрипит. Лишь бы остановить вовремя безумие воздаяния.
<br><br>— Имя нынешней оболочки — Джей Хенесси. Хороший, умный мальчик, сын бизнесмена и его скромной супруги. Даже братишка младший есть. Скучная легенда, но если честно даже к лучшему. Для работодателя сочинять лишнее не нужно. С 18 лет Хеннесси обучался в университете и пошел работать в гостиницу. Немного странный ход, однако в ней останавливались работяги и командировочные — отличное поле для контрактов и спасения заблудших душ. Гостиница небольшая, так что приходилось всем заниматься — и ключи выдавать, и на стол накрывать, и даже туалеты чинить. Иегудиил жил просто, руки замарать не боялся. Подружился с дочерью владельца гостинцы и вскоре ребята поженились. История милая, правда Архангел мог предложить девушке лишь дружбу да помощь в бизнесе — близких отношений у пары нет. Но зато вдвоем и правда легче справляться. Отец жены вскоре ушел на покой и передал гостиницу в собственность молодой паре. Джей подумал, что неплохо будет открыть на первом этаже полноценную столовую, работающую днем и небольшой бар, функционирующий ночью. Труженик действовал с благородной целью — обозначил свое присутствие для собратьев — ангелов. Любой может прийти, попросить приют или помощь — всякое случается. Иегудиил и полукровку своего рода не обидит и приютит. Все хорошо, тренирует Архангел предпринимательскую жилку.<br>
</div> </div>
</div>
<script>
function openProfile(evt, Face) {
var i, tabcontent, tablinks;
tabcontent = document.getElementsByClassName("tabcontent");
for (i = 0; i < tabcontent.length; i++) {
tabcontent[i].style.display = "none";
}
tablinks = document.getElementsByClassName("tablinks");
for (i = 0; i < tablinks.length; i++) {
tablinks[i].className = tablinks[i].className.replace(" active", "");
}
document.getElementById(Face).style.display = "block";
evt.currentTarget.className += " active";
}
//Делаем активной одну вкладку
// Get the element with id="defaultOpen" and click on it
document.getElementById("defaultOpen").click();
</script>
</body>
</html>[/html]
Отредактировано Jay Hennessy (17 Сен 2025 22:49:29)
