[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;
}
.infoblock_man {
display: flex;
background-color: #9ab9c0;
flex-direction: column;
flex-wrap: nowrap;
margin: 5em 6.05em 0 1.5em;
width: 650px;
}
.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';
text-align: left;
color: #15485a;
text-align: justify;
padding-right: 1em;
}
strong {
font: 1.1em 'Roboto Condensed';
text-align: left;
color: #15485a!important;
font-weight: 600 !important;
}
body {font-family: Arial;}
.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="infoblock_man">
<div class="history"><div class="profile">
<div class="parametry">
<br> <h1>Мефилес Скай</h1>
<h2>Mephiles Sky</h2>
<br>
<span>• <strong>ПОЛ: </strong>женский</span>
<span>• <strong>РАСА: </strong>полукровка [ангел/человек]</span>
<br>
<span>• <strong>ДАТА РОЖДЕНИЯ: </strong>10.10.1997, 27 лет</span>
<span>• <strong>ВОЗРАСТ ВИЗУАЛЬНЫЙ: </strong>27 лет</span>
<br>
<span>• <strong>МЕСТО РАБОТЫ: </strong>Бюро, Отдел Надзора</span>
<span title="создание легенд, фальшивых следов, «покрова» для сокрытия вмешательств хтонь и зачистка лишнего.
Также собирает и передает информацию о хтонях, которые шкодят и с которыми нужно провести
воспитательную беседу">• <strong>ДОЛЖНОСТЬ: </strong>агент прикрытия и дезинформации</span>
</div>
<div class="avatar">
<div class="slider">
<!-- Контейнер, который содержит все слайды -->
<div class="slides">
<div class="slide"><img src="https://upforme.ru/uploads/001c/89/a0/15/285428.png"></div>
<div class="slide"><img src="https://upforme.ru/uploads/001c/89/a0/15/529459.png"></div>
<div class="slide"><img src="https://upforme.ru/uploads/001c/89/a0/15/457091.png"></div>
<div class="slide"><img src="https://upforme.ru/uploads/001c/89/a0/15/627298.png"></div>
</div>
<!-- Кнопки управления слайдером -->
<button class="prev">❮</button> <!-- Кнопка «Назад» -->
<button class="next">❯</button> <!-- Кнопка «Вперёд» -->
</div>
</div>
</div></div>
<div class="history">
• <strong>ВНЕШНОСТЬ: </strong>Genshin Impact | Colombina <br>
<span>• <strong>РОСТ/ВЕС: </strong>161/53</span> <span>• <strong>ЦВЕТ ВОЛОС/ГЛАЗ: </strong>брюнетка/алые (карие линзы)</span><br><br>
Такая же странная, как представление Мефи на должности сотрудника Бюро. Рост 161 см, вес 53 кг, в паспорте и в жизни лицо 18-19 летней барышни. На первый взгляд — безобидный ангелок: круглое лицо, большие глаза (только обычно закрытые), мягкая улыбка, хрупкое на вид тело, легкая аура безмятежности. Но не ведитесь — внутри живет тролль с чувством юмора уровня «удар под ребро»: тупые шутки, постыдные подколы и сарказм в ассортименте. Любит странную одежду по типу мешковатых свитеров с рисунками, носки с утятами, пальто, которое будто взято из костюмерки нуар-фильма. Красит волосы, не брезгуя брать самые яркие цвета, да и вообще мало чего брезгует. Сами волосы темного цвета, черные, кожа светлая, а глаза малиновые (изменились после пробуждения способки), но 24/7 использует контактные линзы для смены цвета на карий. Носит повязку на глазах или очки с почти нулевой видимостью — профилактика «спонтанного воздействия способности». Типа слепая большую часть времени, но хорошо ориентируется в пространстве, хотя в новом может нарваться на столб или скатиться с неожиданно откуда-то взявшейся ступеньки – трость для слабаков (половину времени). На голове часто заколка в виде ангельских крыльев или других ангельских приколов — эстетика для публики, сарказм для себя: она — идеальная упаковка черта в перьях. Все, чтобы у свидетеля оставалось больше вопросов, чем у следователя.
<br>Вынослива, координирована, умеет обращаться с оружием и обучена самообороне, чего не скажешь — Мефи или прикидывается неуклюжим мешком картошки, или девочкой из сахарной ваты: тип вся такая милая, нежная, между ног не даст с коленки и палец не сломает.
<br>На самом деле, из-за эмоциональных выгораний благодаря способности, ее истинный облик мало кто может увидеть. Иногда она просто пуста: без эмоций, без чувств, просто правила, по которым нужно следовать, чтобы не выбиться из «жизни». Тишина, пустота и холод – это то, что бывает скрыто под красивой, жизнерадостной оберткой.
</div>
<div class="history">
<h3>Способность: «Взгляд пробуждения»</h3><br>
<b>Описание:</b> При взгляде на кого-то Мефилес может делать какую-то эмоцию или чувства краше, или наоборот, затушить. То есть, усиливать или понижать. Например, если она будет смотреть на кого-то и тот испытывает к ней симпатию, Мефи может усилить чувство до любви, до желания стать «едиными» (аки безумие). Обычное раздражение до ненависти, грусти до депрессии и т.д.
Также наоборот, загасить. Например, снизить подозрение, страх, агрессию и т.д.<br><br>
<b>Ограничения/откаты:</b>
<br>— полностью зависит от глаз. Если по какой-то причине не видит, то способность «блокируется». По-другому как-то ее отключить или включить нельзя. Ну, не беря в расчет то, что, если Меф ослепнет — способке тоже кирдык.
<br>— если перед глазами нет никого живого, кто бы мог испытывать эмоции и чувства, способность не работает. Также если прекратить смотреть или "цель" просто пропала из поля зрения — влияние обрывается.
<br>— действует только на то, что испытывают, как-то «засунуть» новую эмоцию/чувство не получится.
<br>— если чувства стабильные, долгие (пример: любовь к кому-то), то после влияния Меф все вернется на ту ступень, на которой было до влияния (в течение 5 минут). Если эмоция момента (пример: страх падения, радость от шоколадки), то пока проходит 5 минут «прихода в себя» – эмоция может исчезнуть, т.к момент банально исчерпал себя.
<br>— Если целей несколько, контролировать эмоцию можно для одного существа. Все остальные сыграют в рулетку «Что ты начнешь ощущать больше или меньше».
<br>— Из-за влияния на других истощаются собственные эмоции и чувства, из-за чего часто бывает кровь из носа и головные боли. Если истощение сильное, нет перерывов на отдых, становится безэмоциональным бревном на несколько суток. Использование способности во время истощения приводит к необратимым последствиям — эмоции и чувства убиваются, не восстанавливаясь. Так, у Меф уже сточено чувство самосохранения, грусти и страха.
<br>— Может влиять максимум на 10 существ одновременно.
<br>— Для выгорания требуется 30 минут влияния без отдыха. Чем больше целей, тем быстрее приходит истощение — для одного существа комфортный лимит 5 минут, для максимального количества с полным истощением — 3 минуты.
<br>— Дальность способности 10 метров.
</div>
<div class="history">
<h3>История персонажа</h3><br>
Мефистофель. Или как матушка укоротила для доченьки — Мефилис. Брошенные женщины бывают очень обидчивы, жестоки даже по отношению к собственным детям, поэтому Мефи не повезло изначально — ее мама, до кучи, была с приколами. По крайне мере, назвать ребенка от ангела именем духа зла не каждому придет в голову, особенно когда имя вроде как мужское, а на момент беременности между ног что-то отпало.
Когда стало понятно, что ненависть к ребенку из-за кровной связи «С ТЕМ САМЫМ ПЕТУХОМ» въелась в голову горе-матери слишком сильно, Бюро не стало сидеть сложа руки. Один выговор, второе предупреждение. Мефилес было тогда два года с чем-то, когда мать откровенно устала от нее, особенно из-за поразительной схожести глаз с «ТЕМ САМЫМ ПЕТУХОМ» — выразительные, смотрящие прямо в душу. Ей не дали третьего шанса, поэтому ребенка забрали быстро, без шума с улаженным конфликтом интересов.
<br><br>Новая семья оказалась лучше: полная, обеспеченная, с мечтой о ребенке, которого долго не получалось зачать. А самое главное — уважаемые люди с моральными принципами. Жаль только оба погибли через полгода, только привязывавшись к дочурке и решив, наконец, поменять имя на «Эбигейл Лишер». Имя, кстати, не было поменяно, — родители не успели все документы оформить — поэтому на тот еще момент Мефилис снова оказалась в заботливых руках Бюро, и снова ее отправили в новую семью.
Но Бог любит троицу — Мефи злобно смеется за кадром — поэтому в этот раз все было дольше и круче: родители не последние люди в полиции, более двух лет никаких странных инцидентов, первые шаги в сторону нормальной семьи. Мефи даже начала называть их «мама» и «папа», а сводного брата обычной табуреткой. Да, с братом они не ладили, что являлось нормой в таком возрасте, поэтому особого значения этому не придавали, пока этот же брат не решил полетать с 28 этажа.
<br><br>Когда все снова покатилось по одному месту, начиная от ссор между супругами и заканчивая упреками в сторону Мефилес, Бюро снова начало шевелиться. Тихонько так, поглядывая за ребенком со стороны и помогая, пока та сбегала из садика, — как вообще можно сбежать из элитного садика?! — из дома, как избивала одного слишком болтливого мальчика, а потом еще одного, а потом чуть не получала сама. Как во время очередной баталии за обеденным столом рявкнула на главу семьи: «Ты мне не отец вообще!», впервые получив от него в воспитательных целях. После этого, через несколько дней, Мефи упаковали. В третий раз. Но уже не стали отсылать «подарком» в другие семьи. Почти.
<br><br>«Может она проклята…?» — о, не самое сомнительное выражение в сторону той, с чьим появлением все шло по одному месту, ведь даже родной отец незадолго до рождения доченьки пал. На дно. Может как раз из-за него киндеру не везло, а может просто не везло, но даже в Бюро были те, кто задумался про клеймо на долгожданной полукровке, совмещая все плохие события. Но встал вопрос — куда ее? И вытянули жеребей, благодаря которому Мефи определили к нему — Ною Скай, полукровке, работнику Бюро с рекордным числом отказов от женщин. Наверно, в головах Особистов минус на минус должен был породить плюс….и они не ошиблись.
Ной был заботливым опекуном, в меру строгим и мягким. А самое главное — не умер спустя несколько дет. Ему было сложно справиться со слишком буйным нравом ребенка, особенно с этапом взросления, но он выжил. Именно выжил, так как Мефилес, из-за своих детских травм, окончательно пробудила свою способность во время разговора «по душам», чуть не навредив Ною.
<br>Меф было очень сложно смириться с этой силой, которую считала причиной всех бед, но ее уверяли и подбадривали — ее вины нет и не было. У нее были проблемы, с которыми приходилось долго и упорно работать, дабы на выходе не получилась бомба замедленного действия, при этом в руках других.
<br><br>Поэтому Бюро всегда было рядом, даже когда приходилось решать проблемы не глобального масштаба, просто помогая если не встать на ноги, то хотя бы чтобы на инвалидной коляске «ЖИЗНЬ» передвигаться. Принимало, утешало, подарило какую не какую семью в лице Ноя и других работников, для которых шибко странный на вид ребенок — Ной не запрещал Меф самовыражаться в одежде и прическах — стал частым гостем. Поэтому не удивительно, что целью Мефи было именно Бюро, когда зашел вопрос про будущее. Ну знаете, в школах спрашивают кем ты хочешь стать? Так вот, Меф знала, и это даже не было чем-то спонтанным.
<br><br>Она была нужной, и хотела быть нужной. Из-за психологических, оставивших шрамы, травм, Мефилес буквально посвятила свою жизнь в сторону того, что стало для нее домом. Обучалась, старалась, быстро получив рекомендации, пока из-за частого применения способности не пошли более частые и сильные откаты. Эмоциональное выгорание, пустота, оболочка без цели и желаний. В какой-то момент Меф просто встала, буквально, не рассчитав свои порывы и силы, приумножив в своей голове проблемы — чувство самосохранения ослабло, страх уменьшился, даже за мысль быть выгнанной из Бюро. А страх отвечает за многое, слишком многое, одним свои откатом назад сбросив Мерфи со ступенек карьерной лестницы.
<br><details><summary>Вот так!</summary><img src="https://upforme.ru/uploads/001c/89/a0/15/40015.png"></details>
<br>Поэтому она уже долгое время сидит на одном месте, как сотрудник отдела выполняя свою работу на «отлично». Из-за необратимых последствий способности, к Меф есть….тихое, зябкое недоверие со стороны руководителей, как если просто держать в голове истину — перед тобой та, в которой иногда просто нет ничего: ни эмоций, ни страха, ни желаний. Да и априори сам страх, и чувство самосохранения затуплены. Могут остаться только четкие правила, за рамки которых Мефелис не выходит, но иногда правила не могут подстроиться под ситуацию, столько бы их не было. Но Мефи не обижается, понимает, как истинный трудоголик вкладывая в свою работу сердце, позабыв про то, что она молодая девушка. Кому нужны вообще какие-то отношения и выходные?
</div> </div></div></div></div>
</div><script>
// Находим контейнер со слайдами
const slides = document.querySelector('.slides');
// Определяем количество слайдов
const slideCount = document.querySelectorAll('.slide').length;
// Находим кнопки «Назад» и «Вперёд»
const prevButton = document.querySelector('.prev');
const nextButton = document.querySelector('.next');
let currentIndex = 0; // Переменная для хранения текущего слайда
// Функция смены слайдов
function goToSlide(index) {
if (index < 0) {
index = slideCount - 1; // Если нажали «Назад» на первом слайде, переходим на последний
} else if (index >= slideCount) {
index = 0; // Если нажали «Вперёд» на последнем слайде, переходим на первый
}
currentIndex = index; // Запоминаем текущий слайд
slides.style.transform = `translateX(${-index * 100}%)`; // Сдвигаем контейнер со слайдами
}
// Добавляем обработчик клика для кнопки «Назад»
prevButton.addEventListener('click', () => {
goToSlide(currentIndex - 1);
});
// Добавляем обработчик клика для кнопки «Вперёд»
nextButton.addEventListener('click', () => {
goToSlide(currentIndex + 1);
});
// Устанавливаем первый активный слайд при загрузке страницы
goToSlide(0);
</script>
</body>
</html>[/html]
Отредактировано Mephiles (10 Сен 2025 14:09:25)
