рисованные внешности способности академия nc-21
администрация: Unison, Mayfly
нужные персонажи

0%
настроить дизайн
Шрифт в постах
Акцентный цвет
Приглушить цвета

Shot Away From You

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » Shot Away From You » Принятые анкеты » Hope, 18


Hope, 18

Сообщений 1 страница 4 из 4

1

Hope
Хоуп
Надежда


https://upforme.ru/uploads/001c/aa/e5/62/770755.jpg
Toga Himiko - MHA

Надежда Ливанова

Факультет: Ursidae, Бируанги
Возраст: 04.06.1995, 18 лет
Год обучения: V
Дата поступления в САФИ: 24/08/2010
Другое: Участник клуба кендо

О персонаже

[indent]"По шкале от одного до десяти, как больно?" - Папа никогда не ругался в ответ на всевозможные выходки Нади. Сама по себе она и не была какой-то невежей или ищущей проблемы занозой. Травмы попросту находили её саму, точно также, как и сейчас, когда, гуляя на поляне с ребятнёй, она сломала себе ключицу. Слезам не было предела. Доктор Ливанов, по совместительству отец Надежды, по телефону инструктировал её не шевелить рукой и держать её в правильном положении, пока её везут к нему в приёмное отделение. Уже там он и задал вопрос, указывая на плакат с визуально-аналоговой шкалой интенсивности боли, где на нуле находился зелёный улыбчивый смайлик, и на десяти - красный, плачущий. Она ответила "Семь" и запомнила эту шкалу на всю оставшуюся жизнь, используя её для оценки собственных ощущений. С тех пор она травмировалась и попадала в больницу пугающее количество раз.

[indent]Матушка, работающая учительницей физкультуры, была куда более дотошной. Там, где нежная рука врача действовала совместно с мудрым советом, нервозность взрослой женщины взывала не к стремлению уберечь себя, но к стыду и страху. Надя понимала, что оба родителя беспокоятся о ней по-разному, в свойственной для них обоих манере, и попросту демонстрируют заботу, за которой всегда следовал нагоняй, который должен был приучить её к большей осторожности.

[indent]По итогу девчонка обзавелась комплексом, где помимо боязни боли она переживала и за то, что с ней будет после очередного инцидента. Как правило, ничего серьёзного: лишь многочисленные воздыхания, нравоучения, громогласная обеспокоенность и временные вето на прогулки. Всё же, этого оказалось достаточно, чтобы она кусала нижнюю губу, размышляя, нужно ли делиться секретами и очередной новостью о том, что она где-то ушиблась. Надежда боится не только боли, но и ответственности, чужой реакции, и не хочет заставлять остальных нервничать.

[indent]Ей хочется быть любимой, хочется разделять с приятелями хорошие ощущения, и она любит быть в центре внимания. В то же время, она ужасно ненавидит нахождение среди публики, не может не ругаться на остальных, на саму себя, и не может потерпеть одну лишь мысль о том, что окажется осуждённой или брошенной за ненадобностью. Виной этому неудачные отношения со сверстниками, подростковая любовь, закончившаяся на печальной ноте, и воспоминания о том, как её язык заплетался, когда ей нужно было выступить перед толпой на утреннике. За всё это она может винить лишь одну себя.

[indent]Надя - эгоист, и вовсе никакой не альтруист. Её способность забирать боль у других людей используется не из благих побуждений, а с ожиданием выгоды. Помогая другим, она помогает себе, ведь таким образом считает, что другие видят в ней выгоду, могущественного союзника, ценный актив. Ей нужно быть нужной, но она боится быть навязчивой, не может сказать об этом напрямую, и держится поодаль.

[indent]Хоуп - слишком эмпатичная девчонка. Она дёргается и морщится каждый раз, когда видит, как кто-то другой ранится, и, ведомая эгоизмом, хочет устранить раздражитель даже ценой дальнейших неудобств для неё самой. Она подсознательно считывает поведение каждого присутствующего рядом с ней человека, потому что научилась подмечать детали за всё время, проведённое в приёмном покое, пока отец работал в больнице. И, в моменте, когда нужно перенять чужие ранения себе, она ужасно дрожит, паникует и крайне интенсивно дышит.

[indent]В первый раз использования способности, Надя не знала о ней, и случайно переняла себе ушиб матери после того, как та подвернула лодыжку во время спуска по лестнице. Об этом она отмолчалась и никогда не вспоминала, лишь терпеливо хромая несколько дней вместо родителя.

[indent]В общем и целом, Надежда - сборная солянка всевозможных комплексов, слабостей и переживаний, которые она прячет за клыкастой улыбкой. До попадания в САФИ она растеряла всех друзей кроме одного, не преуспела ни в каком виде занятости и могла похвастаться лишь красивым личиком да невероятной живучестью. Всё же, за всё то количество инцидентов, случайных и не совсем, она успела поднять свой болевой порог до весьма значительного показателя.

[indent]Когда Хоуп назначили в команду, направленную в туманы, она наконец почувствовала себя поистине важной и востребованной. Именно поэтому она отдала себя всю на последней миссии, позволив друзьям пережить столкновение с монстрами, пускай и ценой собственной жизни.

[indent]Она и впрямь могла умереть, но судьба распорядилась иначе. Упав в кому, Хоуп переживала и вспоминала свой Нулевой уровень из раза в раз.

[indent]Приёмное отделение Кедровской больницы. Слишком чистые полы, пустые палаты, коридоры, пустующая стойка регистратуры. Только где-то очень далеко слышится звон каталки, приглушённый плач, ритмичный писк кардиомонитора, и знакомый голос отца, который кого-то успокаивает. Надя постоянно слышит людей за стенами, дверьми, шторами палат: кто-то зовёт на помощь, кто-то просит не уходить, кто-то зовёт именно её. Но каждый раз она опаздывает. Когда она открывает дверь, там пусто. Или уже слишком поздно. Её держит на плаву лишь надежда, что ей удалось помочь команде, с которой она в последний раз была в туманах.

[indent]Врачи заверяли посетителей в том, что "Надежд на улучшение нет". Так продолжалось долгие месяцы, пока для девушки не наступила пора вновь открыть глаза и не сразу понять, что на сей раз больница, в которой она пребывает, находится вовсе не в Кедровке. Остаётся лишь быть повторно зачисленной в САФИ. Ведь у Надежды нет иного пути, кроме как быть Странником. Это - единственная вещь, в чём она хороша.


Способности и артефакты

Передача повреждений - Способность забирать и передавать ранения любым живым существам.
Забирать себе и/или передавать повреждения кому и чему-либо другому можно исключительно в том случае, если травмы были получены в последнее время. Чем старее рана, тем меньше эффективность её передачи, вплоть до невозможности её устранения. Максимум - неделя и более.
Для срабатывания способности обе цели должны находиться на расстоянии, не большим чем двадцать метров друг от друга и быть в поле зрения обладателя способности.
Интенсивность переданных ранений прямопропорциональна размерам тела существ и серьёзности увечия, и затрата жизненных сил для использования способности соответствует серьёзности перенятых ран.
В Тумане эффективность передачи повреждений выше, и, при особой концентрации, может срабатывать автоматически, до того, как владелец способности осознает, что был ранен. Автоматизация куда сильнее обычного расходует энергию и жизненные силы.
Наибольшая нагрузка, которую Надежда когда-либо использовала от применения своих сил, ввела её в кому на несколько месяцев. В тот день она перенаправляла и забирала себе ранения товарищей по команде в битве с ужасающим монстром, и сама впитала дюжину ударов щупалец прежде чем вернуть все повреждения обидчику в полном размере и упасть безвольной куклой. Иными словами, если приспичит, Надя способна несколько часов изматывать себя прежде чем будет вынуждена уйти на долгий покой. Главное - не потерять сознание преждевременно.


Дополнительно:
IC-информация: стоит лишь ей сосредоточиться, принимает на себя роль самого настоящего танка;
Имеет заострённые клыки как эффект от становления Странником;
Если плакать, то только самой или в присутствии тех, кому абсолютно доверяет;
Отлично знает как русский, так и английский, и посредственно изучает японский.
OOC-информация: Хочу писать относительно быстро, могу отписывать хоть каждый день, пускай и не знаю, какая будет занятость на неделе. Пишу  ± от 2к символов от третьего лица и не чураюсь вообще ничего в нашей игре, покуда это не затрагивает особо графические описания членовредительства и т.п.
Моя героиня - груша для битья, которую мне совершенно не жалко, поэтому в эпизодах и квестах стремлюсь к тому, чтобы калечить её так, как того требует ситуация. Не сдерживайтесь.

Отредактировано Hope (2026-05-25 13:47:12)

+16

2

https://upforme.ru/uploads/001c/aa/e5/2/59198.png

Hope
Надежда Ливанова
Ursidae, бируанги // Передача повреждений
Допуск к миссиям: полный;
Спад сил на данный момент не зафиксирован.
▸▸▸▸▸▸▸▸▸

Особенности
Безделушки

+1

3

https://upforme.ru/uploads/001c/aa/e5/62/458071.png

ОТНОШЕНИЯ ХОУП И САМЫХ-САМЫХ
Вместо обычного "нравится-не нравится", Надя расценивает людей по степени того, насколько они важны ей, и насколько она важна им. Степень нужности коррелирует со степенью зависимости, и степень угрозы коррелирует с читаемостью.

[html]
<style>
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;1,400&family=Inter:wght@300;400;500&display=swap');
.ht-wrap{max-width:520px;margin:0 auto;font-family:'Inter',sans-serif;}
.ht-tabs{display:flex;gap:0;border-bottom:1px solid #999;}
.ht-tab{flex:1;padding:8px 4px;font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:#777;background:#b8b8b8;border:1px solid #999;border-bottom:none;cursor:pointer;text-align:center;}
.ht-tab.active{background:#C5C5C5;color:#222;font-weight:500;border-bottom:1px solid #C5C5C5;margin-bottom:-1px;z-index:2;position:relative;}
.ht-tab.empty{color:#aaa;cursor:default;}
.ht-panel{display:none;background:#C5C5C5;border:1px solid #999;border-top:none;}
.ht-panel.active{display:block;}
.hc-img{width:100%;height:180px;object-fit:cover;display:block;}
.hc-body{padding:18px 20px 20px;}
.hc-sr{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;}
.hc-pill{font-size:10px;letter-spacing:.1em;text-transform:uppercase;padding:3px 10px;border:1px solid;}
.tab-s .hc-pill{color:#4a3a6a;border-color:#8a6aaa;background:#d8d0e8;}
.tab-kq .hc-pill{color:#6a3a2a;border-color:#aa6a4a;background:#e8d0c8;}
.hc-upd{font-size:10px;color:#777;letter-spacing:.04em;}
.hc-sec{font-size:10px;letter-spacing:.12em;color:#666;text-transform:uppercase;margin:14px 0 8px;}
.hc-imp{font-family:'Cormorant Garamond',serif;font-size:14px;font-style:italic;color:#333;line-height:1.7;border-left:2px solid #999;padding-left:12px;}
.hc-div{border:none;border-top:1px solid #aaa;margin:14px 0;}
.hc-stat{margin-bottom:12px;}
.hc-str{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:5px;}
.hc-lbl{font-size:11px;color:#444;letter-spacing:.04em;}
.hc-val{font-size:10px;color:#666;font-weight:500;}
.hc-trk{width:100%;height:4px;background:#aaa;position:relative;}
.hc-fill{height:4px;position:relative;}
.hc-dot{position:absolute;right:-4px;top:-3px;width:10px;height:10px;border-radius:50%;border:2px solid #C5C5C5;}
.hc-hint{font-size:10px;color:#555;font-style:italic;margin-top:4px;line-height:1.5;}
.hc-tags{display:flex;flex-wrap:wrap;gap:5px;}
.hc-tag{font-size:10px;color:#444;border:1px solid #999;padding:2px 8px;background:#bbb;letter-spacing:.03em;}
.hc-mono{font-family:'Cormorant Garamond',serif;font-size:14px;font-style:italic;color:#333;line-height:1.75;border-left:2px solid #999;padding-left:12px;margin:0;}
.hc-term{font-family:'Cormorant Garamond',serif;font-size:14px;color:#333;line-height:1.6;}
.hc-ft{padding:8px 20px;border-top:1px solid #aaa;background:#bbb;text-align:right;font-size:10px;color:#666;letter-spacing:.06em;text-transform:uppercase;}
.ht-empty{padding:60px 20px;text-align:center;font-size:11px;color:#999;letter-spacing:.1em;text-transform:uppercase;}
</style>

<div class="ht-wrap">
<div class="ht-tabs">
  <div class="ht-tab active" onclick="htSwitch(this,'kq')">Killer Queen</div>
  <div class="ht-tab" onclick="htSwitch(this,'s')">Shiver</div>
  <div class="ht-tab" onclick="htSwitch(this,'ps')">Petra Sauer</div>
  <div class="ht-tab empty">—</div>
  <div class="ht-tab empty">—</div>
</div>

<div class="ht-panel tab-kq active" id="ht-kq">
<img class="hc-img" src="https://upforme.ru/uploads/001c/aa/e5/62/222641.jpg" alt="Killer Queen">
<div class="hc-body">
<div class="hc-sr"><span class="hc-pill">Загадка / актив</span><span class="hc-upd">Статус: уточняется</span></div>
<div class="hc-sec">// Killer Queen · Марта Паркер //</div>
<div class="hc-sec">Впечатления</div>
<div class="hc-imp">"Угрюмая. Полезная. Мне хочется верить, что ей можно доверять, иначе наше нахождение в одной команде подвергнется риску. Она очень меня пугает и я не знаю, есть ли смысл пытаться с ней подружиться, но также она выглядит как сильный союзник, расположением которого было бы очень выгодно обзавестись."</div>
<hr class="hc-div">
<div class="hc-sec">Оси оценки</div>
<div class="hc-stat">
<div class="hc-str"><span class="hc-lbl">Нужность</span><span class="hc-val">2 / 10</span></div>
<div class="hc-trk"><div class="hc-fill" style="width:20%;background:#4a6a4a;"><div class="hc-dot" style="background:#4a6a4a;"></div></div></div>
<div class="hc-hint">Кажется, ей нет дела до Нади. Ну, ладно.</div>
</div>
<div class="hc-stat">
<div class="hc-str"><span class="hc-lbl">Угроза</span><span class="hc-val">7 / 10</span></div>
<div class="hc-trk"><div class="hc-fill" style="width:70%;background:#7a4a3a;"><div class="hc-dot" style="background:#7a4a3a;"></div></div></div>
<div class="hc-hint">Хоуп очень боится Марту. Пожалуй, во всём САФИ наберётся лишь несколько человек, которых она будет опасаться сильнее. Единственная причина, по которой это значение не выше - сама Марта не заинтересована в ней.</div>
</div>
<div class="hc-stat">
<div class="hc-str"><span class="hc-lbl">Зависимость</span><span class="hc-val">3 / 10</span></div>
<div class="hc-trk"><div class="hc-fill" style="width:30%;background:#4a3a6a;"><div class="hc-dot" style="background:#4a3a6a;"></div></div></div>
<div class="hc-hint">Пока низкая. Но Надя уже несколько раз замечала, сколь атлетичной и крутой может быть Киллер Квин. Она впечатляет.</div>
</div>
<div class="hc-stat">
<div class="hc-str"><span class="hc-lbl">Читаемость</span><span class="hc-val">5 / 10</span></div>
<div class="hc-trk"><div class="hc-fill" style="width:50%;background:#3a5a6a;"><div class="hc-dot" style="background:#3a5a6a;"></div></div></div>
<div class="hc-hint">Хочется верить, что поведение соседки по комнате не является напускным фарсом. Из того, что Надежда успела заметить, Квин не выглядит как та, кто будет как-либо скрывать свои мотивы и эмоции. А уж детали вроде тиков та успела научиться подмечать за всё время нахождения в больнице</div>
</div>
<hr class="hc-div">
<div class="hc-sec">Телесная реакция рядом</div>
<div class="hc-tags"><span class="hc-tag">собирается с духом</span><span class="hc-tag">следит краем глаза</span><span class="hc-tag">напрягается</span><span class="hc-tag">прижимает руки к груди</span></div>
<hr class="hc-div">
<div class="hc-sec">Думает, но не скажет</div>
<p class="hc-mono">"ОМГ ОНА ТАКАЯ КРУТАЯ! МЕЧТАЮ РАСКОМАНДОВАТСЬЯ ЕЮ И КРИКНУТЬ "КИЛЛЕР КВИН, ВЗОРВИ ЕГО!"</p>
<hr class="hc-div">
<div class="hc-sec">Её термин для отношений</div>
<div class="hc-term">Загадка с практической ценностью. Обычно Хоуп хочет, чтобы она была ценным активом для других, здесь же ситуация обоюдная. Марта кажется ей очень полезной и в то же время нелюдимой.</div>
</div>
<div class="hc-ft">Hope · система координат · обновляется по ходу игры</div>
</div>

<div class="ht-panel tab-s" id="ht-s">
<img class="hc-img" src="https://upforme.ru/uploads/001c/aa/e5/62/981109.jpg" alt="Shiver">
<div class="hc-body">
<div class="hc-sr"><span class="hc-pill">Корабль</span><span class="hc-upd">Статус: лучшая подруга / нечто большее?</span></div>
<div class="hc-sec">// Shiver · Чайка Алёна Алексеевна //</div>
<div class="hc-sec">Впечатления</div>
<div class="hc-imp">"Она была со мной всегда! Даже пообещала, что навсегда и останется. Это победа. Никому её не отдам."</div>
<hr class="hc-div">
<div class="hc-sec">Оси оценки</div>
<div class="hc-stat">
<div class="hc-str"><span class="hc-lbl">Нужность</span><span class="hc-val">10 / 10</span></div>
<div class="hc-trk"><div class="hc-fill" style="width:100%;background:#4a6a4a;"><div class="hc-dot" style="background:#4a6a4a;"></div></div></div>
<div class="hc-hint">Надя знает, что Алёна нуждается в ней, и это взаимно. Их преданность столь сильна, что может казаться фанатичной.</div>
</div>
<div class="hc-stat">
<div class="hc-str"><span class="hc-lbl">Угроза</span><span class="hc-val">1 / 10</span></div>
<div class="hc-trk"><div class="hc-fill" style="width:10%;background:#7a4a3a;"><div class="hc-dot" style="background:#7a4a3a;"></div></div></div>
<div class="hc-hint">Алю совершенно не нужно бояться. Хоуп всецело ей доверяет.</div>
</div>
<div class="hc-stat">
<div class="hc-str"><span class="hc-lbl">Зависимость</span><span class="hc-val">10 / 10</span></div>
<div class="hc-trk"><div class="hc-fill" style="width:100%;background:#4a3a6a;"><div class="hc-dot" style="background:#4a3a6a;"></div></div></div>
<div class="hc-hint">Пора это признать. Надежда жить без Шивер не сможет. Эта нездоровая форма привязанности перевалила все адекватные границы.</div>
</div>
<div class="hc-stat">
<div class="hc-str"><span class="hc-lbl">Читаемость</span><span class="hc-val">8 / 10</span></div>
<div class="hc-trk"><div class="hc-fill" style="width:80%;background:#3a5a6a;"><div class="hc-dot" style="background:#3a5a6a;"></div></div></div>
<div class="hc-hint">Кажется открытой. На самом деле эта открытость выборочная. Надя видит разницу, но не всегда знает, что за ней.</div>
</div>
<hr class="hc-div">
<div class="hc-sec">Телесная реакция рядом</div>
<div class="hc-tags"><span class="hc-tag">воспревает</span><span class="hc-tag">неровно дышит</span><span class="hc-tag">краснеет</span><span class="hc-tag">скалится</span></div>
<hr class="hc-div">
<div class="hc-sec">Думает, но не скажет</div>
<p class="hc-mono">«Ты единственная, кто была рядом до всего этого. До САФИ, до Тумана, до того как я стала тем, чем стала. Я не знаю, кто я без тебя, и не хочу знать.»</p>
<hr class="hc-div">
<div class="hc-sec">Её термин для отношений</div>
<div class="hc-term">Верный корабль среди бушующего океана, кажущийся безопасным местом, домом и тем, с чем можно достичь любых целей. Если корабль потонет, то Надя, как капитан, пойдёт на дно вместе с ним. Если тонуть самой, то тянуть Шивер за собой. Иначе никак. В горечи и здравии. К тому же, чайки у кораблей обитают.</div>
</div>
<div class="hc-ft">Hope · система координат · обновляется по ходу игры</div>
</div>

<div class="ht-panel tab-ps" id="ht-ps">
<img class="hc-img" src="https://upforme.ru/uploads/001c/aa/e5/62/92066.jpg" alt="Petra Sauer">
<div class="hc-body">
<div class="hc-sr"><span class="hc-pill">Мой доктор</span><span class="hc-upd">Статус: уточняется</span></div>
<div class="hc-sec">// Петра Зауэр //</div>
<div class="hc-sec">Впечатления</div>
<div class="hc-imp">"Профессиональные врачи - те, которым доверяешь вне зависимости от их характера и вредных привычек. Фрау Петре даже доказывать свой профессионализм не нужно. Это очень круто."</div>
<hr class="hc-div">
<div class="hc-sec">Оси оценки</div>
<div class="hc-stat">
<div class="hc-str"><span class="hc-lbl">Нужность</span><span class="hc-val">4 / 10</span></div>
<div class="hc-trk"><div class="hc-fill" style="width:40%;background:#4a6a4a;"><div class="hc-dot" style="background:#4a6a4a;"></div></div></div>
<div class="hc-hint">Петра неоднократно проявляла заботу по отношению к Наде, и, учитывая её положение заведующей лечебно-профилактического отделения госпиталя, была ответственной за благополучие своей пациентки.</div>
</div>
<div class="hc-stat">
<div class="hc-str"><span class="hc-lbl">Угроза</span><span class="hc-val">4 / 10</span></div>
<div class="hc-trk"><div class="hc-fill" style="width:40%;background:#7a4a3a;"><div class="hc-dot" style="background:#7a4a3a;"></div></div></div>
<div class="hc-hint">Причин остерегаться Петры нет, однако лечебные учреждения и их персонал всегда будут ассоциироваться с болью.</div>
</div>
<div class="hc-stat">
<div class="hc-str"><span class="hc-lbl">Зависимость</span><span class="hc-val">8 / 10</span></div>
<div class="hc-trk"><div class="hc-fill" style="width:80%;background:#4a3a6a;"><div class="hc-dot" style="background:#4a3a6a;"></div></div></div>
<div class="hc-hint">Надя очень часто попадала в госпиталь и нуждалась в медицинской помощи. Кто, как не заведующая, будет наиболее важным человеком в таких ситуациях?</div>
</div>
<div class="hc-stat">
<div class="hc-str"><span class="hc-lbl">Читаемость</span><span class="hc-val">3 / 10</span></div>
<div class="hc-trk"><div class="hc-fill" style="width:30%;background:#3a5a6a;"><div class="hc-dot" style="background:#3a5a6a;"></div></div></div>
<div class="hc-hint">Эта женщина находится совсем на другом уровне и оказывает невероятное впечатление на Хоуп. Хочется её слушать, узнавать детали её жизни и проникаться мудростью. В то же время, кажутся совершенно непонятными повадки и нездоровый интерес ко всему аномальному.</div>
</div>
<hr class="hc-div">
<div class="hc-sec">Телесная реакция рядом</div>
<div class="hc-tags"><span class="hc-tag">не отводит взгляд</span><span class="hc-tag">ожидает чего-либо</span><span class="hc-tag">навостряет уши</span><span class="hc-tag">становится податливой</span></div>
<hr class="hc-div">
<div class="hc-sec">Думает, но не скажет</div>
<p class="hc-mono">"Если стану врачом, хочу быть такой же."</p>
<hr class="hc-div">
<div class="hc-sec">Её термин для отношений</div>
<div class="hc-term">Материнская фигура. В то время, как большинство преподавателей в САФИ - молодые выпускники учебных заведений, всего на несколько лет старше Надежды, Петра - взрослая и уважаемая женщина, к которой Хоуп так и тянется.</div>
</div>
<div class="hc-ft">Hope · система координат · обновляется по ходу игры</div>
</div>

<div class="ht-panel" id="ht-e2"><div class="ht-empty">— пусто —</div></div>
<div class="ht-panel" id="ht-e3"><div class="ht-empty">— пусто —</div></div>
</div>

<script>
function htSwitch(tab,id){
  if(tab.classList.contains('empty'))return;
  document.querySelectorAll('.ht-tab').forEach(function(t){t.classList.remove('active');});
  document.querySelectorAll('.ht-panel').forEach(function(p){p.classList.remove('active');});
  tab.classList.add('active');
  document.getElementById('ht-'+id).classList.add('active');
}
</script>
[/html]

Отредактировано Hope (2026-06-05 03:43:41)

+8

4

[html]
<style>
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;1,400&family=Inter:wght@300;400;500&display=swap');
.ep-wrap{max-width:520px;margin:0 auto;font-family:'Inter',sans-serif;background:#C5C5C5;border:1px solid #999;}
.ep-header{padding:18px 20px 14px;border-bottom:1px solid #aaa;display:flex;align-items:baseline;justify-content:space-between;}
.ep-title{font-family:'Cormorant Garamond',serif;font-size:18px;font-weight:500;color:#222;letter-spacing:.03em;}
.ep-subtitle{font-size:10px;letter-spacing:.12em;color:#777;text-transform:uppercase;}
.ep-count{font-size:10px;color:#999;letter-spacing:.08em;}
.ep-filters{display:flex;gap:0;padding:0 20px;border-bottom:1px solid #aaa;}
.ep-filter{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:#777;padding:8px 10px;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;}
.ep-filter.active{color:#333;border-bottom-color:#555;}
.ep-list{padding:0;}
.ep-item{display:flex;gap:14px;padding:14px 20px;border-bottom:1px solid #b8b8b8;align-items:flex-start;}
.ep-item:last-child{border-bottom:none;}
.ep-thumb{width:60px;height:60px;flex-shrink:0;background:#aaa;overflow:hidden;}
.ep-thumb img{width:100%;height:100%;object-fit:cover;display:block;}
.ep-info{flex:1;min-width:0;}
.ep-meta{display:flex;gap:8px;align-items:center;margin-bottom:4px;flex-wrap:wrap;}
.ep-tag{font-size:9px;letter-spacing:.08em;text-transform:uppercase;padding:2px 6px;border:1px solid;}
.ep-tag.туман{color:#3a5a6a;border-color:#6a8a9a;background:#d0dce0;}
.ep-tag.учёба{color:#4a5a3a;border-color:#7a8a5a;background:#d8dcc8;}
.ep-tag.личное{color:#5a3a5a;border-color:#8a5a8a;background:#dcc8dc;}
.ep-tag.завершён{color:#666;border-color:#999;background:#ccc;}
.ep-tag.активен{color:#3a6a3a;border-color:#5a9a5a;background:#c8dcc8;}
.ep-date{font-size:10px;color:#888;letter-spacing:.04em;}
.ep-name{font-family:'Cormorant Garamond',serif;font-size:15px;font-weight:500;color:#222;text-decoration:none;letter-spacing:.02em;display:block;margin-bottom:4px;line-height:1.3;}
.ep-name:hover{color:#555;text-decoration:underline;}
.ep-desc{font-size:11px;color:#555;line-height:1.5;font-style:italic;}
.ep-with{font-size:10px;color:#888;margin-top:5px;letter-spacing:.03em;}
.ep-with span{color:#555;}
.ep-footer{padding:8px 20px;border-top:1px solid #aaa;background:#bbb;text-align:right;font-size:10px;color:#666;letter-spacing:.06em;text-transform:uppercase;}
.ep-hidden{display:none;}
</style>

<div class="ep-wrap">
<div class="ep-header">
  <div>
    <div class="ep-subtitle">// ЛИЧНОЕ ДЕЛО //</div>
    <div class="ep-title">Хроника эпизодов</div>
  </div>
  <div class="ep-count" id="ep-cnt">0 эпизодов</div>
</div>

<div class="ep-filters">
  <div class="ep-filter active" onclick="epFilter('все',this)">Все</div>
  <div class="ep-filter" onclick="epFilter('завершён',this)">Завершённые</div>
  <div class="ep-filter" onclick="epFilter('активен',this)">Активные</div>
</div>

<div class="ep-list" id="ep-list">

  <!-- ЭПИЗОД 1 -->
  <div class="ep-item" data-status="завершён">
    <div class="ep-thumb"><img src="https://upforme.ru/uploads/001c/aa/e5/39/394435.png" alt=""></div>
    <div class="ep-info">
      <div class="ep-meta">
        <span class="ep-tag личное">Личное</span>
        <span class="ep-tag завершён">Завершён</span>
        <span class="ep-date">06.09.2013</span>
      </div>
      <a class="ep-name" href="https://shotawayfy.rusff.me/viewtopic.php?id=218">Новая Надежда</a>
      <div class="ep-desc">Хоуп возвращается к жизни из комы и на следующий день пребывает в САФИ. Уже там, на КПП, её встречает подруга детства, каждую неделю звонившая в больницу и не находившая себе места. Она привносит Хоуп понимание: ради таких как она и следует жить.</div>
      <div class="ep-with">с: <span>Shiver</span></div>
    </div>
  </div>

  <!-- ЭПИЗОД 2 -->
  <div class="ep-item" data-status="завершён">
    <div class="ep-thumb"><img src="https://upforme.ru/uploads/001c/aa/e5/39/15773.png" alt=""></div>
    <div class="ep-info">
      <div class="ep-meta">
        <span class="ep-tag личное">Личное</span>
        <span class="ep-tag завершён">Завершён</span>
        <span class="ep-date">06.09.2013</span>
      </div>
      <a class="ep-name" href="https://shotawayfy.rusff.me/viewtopic.php?id=230">В шаге от дома</a>
      <div class="ep-desc">В вечер того же дня Алёна возвращается в палату госпиталя, где пребывала Надежда. Они навёрстывают упущенное и проводят ночь вместе.</div>
      <div class="ep-with">с: <span>Shiver</span></div>
    </div>
  </div>

  <!-- ЭПИЗОД 3 -->
  <div class="ep-item" data-status="активен">
    <div class="ep-thumb"><img src="https://upforme.ru/uploads/001c/aa/e5/49/271801.png" alt=""></div>
    <div class="ep-info">
      <div class="ep-meta">
        <span class="ep-tag личное">Личное</span>
        <span class="ep-tag активен">Активен</span>
        <span class="ep-date">07.09.2013</span>
      </div>
      <a class="ep-name" href="https://shotawayfy.rusff.me/viewtopic.php?id=250">с моих слов записано верно</a>
      <div class="ep-desc">На второй день пребывания Нади в госпитале, заведующая лечебного отделения приходит, дабы навестить своего пациента. Она должна убедиться в благосостоянии вернувшейся с того света, и, возможно, передать ей важную весть.</div>
      <div class="ep-with">с: <span>Petra Sauer</span></div>
    </div>
  </div>

<!-- ЭПИЗОД 4 -->
  <div class="ep-item" data-status="активен">
    <div class="ep-thumb"><img src="https://upforme.ru/uploads/001c/aa/e5/5/955570.gif" alt=""></div>
    <div class="ep-info">
      <div class="ep-meta">
        <span class="ep-tag учёба">Учёба</span>
        <span class="ep-tag активен">Активен</span>
        <span class="ep-date">14.10.2013</span>
      </div>
      <a class="ep-name" href="https://shotawayfy.rusff.me/viewtopic.php?id=226#p32746">День спорта</a>
      <div class="ep-desc">Вся академия принимает участие во всевозможных мероприятиях. Неуклюжая, но выносливая Надя участвует в них всех!</div>
      <div class="ep-with">со: <span>всеми-всеми!</span></div>
    </div>
  </div>

<!-- ЭПИЗОД 5 -->
  <div class="ep-item" data-status="активен">
    <div class="ep-thumb"><img src="https://upforme.ru/uploads/001c/aa/e5/62/438481.jpg" alt=""></div>
    <div class="ep-info">
      <div class="ep-meta">
        <span class="ep-tag личное">Личное</span>
        <span class="ep-tag активен">Активен</span>
        <span class="ep-date">14.10.2013</span>
      </div>
      <a class="ep-name" href="https://shotawayfy.rusff.me/viewtopic.php?id=246">affection addiction</a>
      <div class="ep-desc">Изнемождённая и вспотевшая после целого дня спортивных мероприятий, Надежда принимает душ. К ней присоединяется та, кого отныне она будет звать не подругой, но самой-самой.</div>
      <div class="ep-with">с: <span>Shiver</span></div>
    </div>
  </div>

<!-- ЭПИЗОД 6 -->
  <div class="ep-item" data-status="активен">
    <div class="ep-thumb"><img src=" " alt=""></div>
    <div class="ep-info">
      <div class="ep-meta">
        <span class="ep-tag учёба">Учёба</span>
        <span class="ep-tag активен">Активен</span>
        <span class="ep-date">16.10.2013</span>
      </div>
      <a class="ep-name" href="https://shotawayfy.rusff.me/viewtopic.php?id=252#p34632">Эй, детка</a>
      <div class="ep-desc">Верность Надежды иронично проверяется очень скоро: незнакомая ей однокурсница заставляет понервничать и краснеть.</div>
      <div class="ep-with">с: <span>Venom</span></div>
    </div>
  </div>

<!-- ЭПИЗОД 7 -->
  <div class="ep-item" data-status="активен">
    <div class="ep-thumb"><img src="https://upforme.ru/uploads/001c/aa/e5/33/335177.jpg" alt=""></div>
    <div class="ep-info">
      <div class="ep-meta">
        <span class="ep-tag личное">Личное</span>
        <span class="ep-tag активен">Активен</span>
        <span class="ep-date">18.10.2013</span>
      </div>
      <a class="ep-name" href="https://shotawayfy.rusff.me/viewtopic.php?id=248">сатисфакция</a>
      <div class="ep-desc">Хоуп узнаёт о некоем Викторе, подбивающим клинья к её любимой. Пора поставить на место шпалу, вдвое больше её по размерам!</div>
      <div class="ep-with">с: <span>Durandal</span></div>
    </div>

</div>
<div class="ep-footer">Hope · хроника · обновляется</div>
</div>

  </div>

<script>
function epFilter(status, btn) {
  document.querySelectorAll('.ep-filter').forEach(function(b){ b.classList.remove('active'); });
  btn.classList.add('active');
  var items = document.querySelectorAll('.ep-item');
  var count = 0;
  items.forEach(function(item){
    if(status === 'все' || item.getAttribute('data-status') === status){
      item.classList.remove('ep-hidden');
      count++;
    } else {
      item.classList.add('ep-hidden');
    }
  });
  document.getElementById('ep-cnt').textContent = count + (count === 1 ? ' эпизод' : count < 5 ? ' эпизода' : ' эпизодов');
}
epFilter('все', document.querySelector('.ep-filter.active'));
</script>
[/html]

Отредактировано Hope (2026-06-07 01:45:36)

+4


Вы здесь » Shot Away From You » Принятые анкеты » Hope, 18


Рейтинг форумов | Создать форум бесплатно