[html]<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<style>
/* ===== ОСНОВНОЙ БЛОК В СТИЛЕ ECHO ===== */
.light-container {
max-width: 780px;
margin: 35px auto;
background: #fafafa;
font-family: Georgia, serif;
color: #3a3a3a;
box-shadow: 0 15px 35px rgba(0,0,0,0.08);
padding: 25px 35px 20px 35px;
}
/* ===== ЗАГОЛОВОК ===== */
.light-header {
text-align: center;
margin-bottom: 28px;
padding-bottom: 12px;
border-bottom: 1px solid #eaeaea;
}
.light-header h1 {
font-size: 28px;
margin: 0;
letter-spacing: 1px;
color: #3a3a3a;
font-weight: normal;
}
.light-header h1 small {
font-size: 14px;
color: #8a8a8a;
font-weight: normal;
}
/* ===== БЛОКИ (как echo-card) ===== */
.light-card {
background: transparent;
margin-bottom: 8px;
border-bottom: 1px solid #eaeaea;
}
.light-header-card {
padding: 12px 0;
cursor: pointer;
display: flex;
justify-content: space-between;
align-items: baseline;
font-family: Georgia, serif;
}
.light-header-card:hover {
color: #8a6e4e;
}
.light-title {
font-size: 16px;
font-weight: normal;
letter-spacing: 0.3px;
color: #4a4a4a;
}
.light-icon {
font-size: 14px;
color: #aaa;
transition: transform 0.3s;
}
/* РАСКРЫВАЮЩАЯСЯ ЧАСТЬ */
.light-content {
max-height: 0;
overflow: hidden;
transition: max-height 0.5s ease-out;
background: transparent;
}
.light-inner {
padding: 5px 0 20px 0;
display: flex;
flex-direction: column;
gap: 16px;
}
/* ГИФКА */
.light-gif {
text-align: center;
}
.light-gif img {
max-width: 260px;
max-height: 260px;
border: 1px solid #eaeaea;
padding: 4px;
background: white;
filter: grayscale(0.05);
}
/* ТЕКСТ*/
.light-text {
font-size: 14px;
line-height: 1.7;
color: #555;
column-count: 1;
}
.light-text p {
margin: 0 0 10px 0;
}
.light-text p:last-child {
margin-bottom: 0;
}
/* МЕЛКИЙ ТЕКСТ ПОД БЛОКАМИ */
.echo-note {
text-align: center;
font-size: 9px;
color: #aaa;
padding: 12px 0 5px;
letter-spacing: 0.3px;
border-top: 1px solid #eaeaea;
margin-top: 15px;
}
</style>
</head>
<body>
<div class="light-container">
<!-- ЗАГОЛОВОК -->
<div class="light-header">
<h1>Осколки <small>| всякого-разного</small></h1>
</div>
<!-- БЛОК 1 -->
<div class="light-card">
<div class="light-header-card" onclick="toggleLight(this)">
<div class="light-title">про страх | правда или действие</div>
<div class="light-icon">🠟</div>
</div>
<div class="light-content">
<div class="light-inner">
<div class="light-gif">
<img src="https://upforme.ru/uploads/001c/82/f2/131/170057.gif" alt="">
</div>
<div class="light-text">
<p>— Когда я действительно испугался? — Ноа задумался. Было видно, как еще не оформившаяся мысль неспешно гуляет по внутреннему пространству его ума. Через какое-то время молчания его лицо дрогнуло, а взгляд ошалело метнулся из стороны в сторону. Как он мог это забыть? Не припомнить сразу, как только зашла речь об испуге. Не иначе как разум спрятал эту сцену подальше, в закоулки памяти, чтобы мысль реже спотыкалась об нее.</p>
<p>— Мне было девятнадцать. Не буду вдаваться в подробности как, но я оказался в притоне. Тогда в моей крови смешались очень разные вещества, я даже не помню, что меня туда привело. Было весело, играла музыка, мы танцевали, обсуждали все на свете, я чувствовал себя так, будто не я принадлежу этому миру, а наоборот, весь мир на расстоянии вытянутой руки. Я все могу, мне все доступно, нужно только протянуть руку и взять, — рассказывая это, он даже виновато улыбнулся.</p>
<p>— Такое состояние никогда не длится долго, потом приходит трезвость и обнажает другую сторону. На отходах лица людей казались мне страшными, улыбки напоминали оскал, в глазах плескалось безумие, движения в танцах были какой-то нездоровой конвульсией. Мне казалось, что я в аду, что эти люди здесь для того, чтобы убить меня, расчленить или еще что похуже. Я ушел в другую комнату, чтобы прийти в себя и спрятаться от толпы.</p>
<p>На мгновенье он остановился, чтобы протолкнуть вставший в горле ком, понадобилось несколько глотков воды, чтобы смыть его. Перед глазами встала картинка синевато-красного кратера, извергающего гной и кровь. Кратера, куда проваливается всё: беды и несчастья, тревоги и сомнения, но вместе с тем и радость, человечность. Кратера, куда заталкивают холодную иглу, чтобы сбежать, от себя, но в этот раз навсегда. Тогда трезвость разрезала его сознание страхом, пробирающим до костей. Он очухался и начал звонить в скорую, пока блюющий под себя человек содрогался в финальном припадке. Он повернул того на бок, хлестал по щекам и даже окатил холодной водой, но было поздно, — в кратер провалилась сама жизнь.</p>
<p>— В общем, я увидел труп героинового наркомана и сбежал оттуда. Зрелище было не очень. Наверное, это было самым страшным.</p>
</div>
</div>
</div>
</div>
<!-- БЛОК 2 -->
<div class="light-card">
<div class="light-header-card" onclick="toggleLight(this)">
<div class="light-title">неотправленное письмо | ивент 14 февраля</div>
<div class="light-icon">🠟</div>
</div>
<div class="light-content">
<div class="light-inner">
<div class="light-gif">
<img src="https://upforme.ru/uploads/001c/82/f2/131/602787.gif" alt="">
</div>
<div class="light-text">
<p>Впервые мы встретились в середине года в неофициальной курилке на территории академии. Очередной паровоз среди сотрудников инквизиции, увлеченный собственными мыслями. Я запомнил его по тому, как он за пару тяжек втянул в себя всю смолу, что была в сигарете, и заметил, что докурил, только когда уже тлеющий фильтр обжег ему фалангу.
<p>В следующий раз мы пересеклись ближе к лету, все в том же месте. Тогда он курил уже более размеренно, в паузах между затяжками завязался разговор. Он бодро представился и протянул руку: Феликс Бардо. Даже согласился помочь мне со звериной формой. Был добр, слушал внимательно и улыбался, когда я говорил о своих сложностях в обучении — о сшивке с ведьмаком, о взаимоотношениях с группой и соседях по комнате. В такие моменты мне казалось, что в улыбающихся морщинках его глаз прятались воспоминания о собственном студенчестве в этом месте. Они согревали, но оставляли за собой налет какой-то непонятной тоски.
<p>Тогда я начал больше курить, чтобы видеть его чаще. Задерживался в местах, где мы пересекались и даже, неловко в этом признаться, искал его фигуру по всей территории, чтобы узнать о нем больше. Сейчас мне стыдно, но тогда я не видел в этом поведении ничего странного.
<p>Порой я улавливал в его образе какую-то интригу, что-то подспудное, что люди прячут от других. Этот элемент утешал, как бы говорил: смотри, я такой, как ты, во мне тоже есть что-то неправильное. Это подстегивало, щекотало изнутри, сближало нас в моей фантазии, пока я не понял, что ощущение того подспудного – было запахом алкоголя, который неосторожно капнули на рубашку. Он уже почти выветрился, но такой, как я, не смог упустить эту занятную деталь из его образа. Наоборот, я вдыхал его, если была возможность, ровно как и ловил на подбородке Феликса следы легкой небритости, – она ощетинивала образ, – высматривал синеву в утренних взглядах, – она делала его глубже, загадочнее. Стрелял у него сигареты, даже если были свои, чтобы почувствовать на языке вкус, который чувствовал он. Нелепо, да? В конечном счете я с иронией смог посмотреть на себя со стороны и понял, что встрескался. Впервые в жизни.
<p>Наверное, моя увлеченность уже начала переходить границы в моменты, когда, измученный ожиданием его появления, в моменты нашего общения я сокращал дистанцию случайными прикосновениями. Похлопать по плечу, стряхнуть невидимые пылинки с пиджака, подкурить ему сигарету, как делают из уважения в черно-белых фильмах. Я пытался казаться дружелюбным дурачком, чтобы обнять его на прощание, придумывал проблемы с перевоплощением, чтобы задержать его подольше вне кабинета и отвадить от скучной рутинной вербовки в инквизицию. У всего есть своя цена – я делал это со стыдом и отвращением к самому себе. Но утопать в муках совести и самопрезрении оказалось не так плохо. Есть все же в этом что-то упоительное.
<p>Наших пересечений и моих самокопаний было достаточно, пока я не позволил себе думать о большем. И вместе с этим пришли догадки: это взаимно? Или он просто добр и вежлив со мной, как если бы я был щенком, заслуживающим снисхождения в своем поведении? Может, признаться? Или не рушить фантазий? Будет больно, если откажет. Нет, больнее, если это из сочувствия, из жалости. Может, я и правда просто кинулся на него, как щенок кидается на любую похвалу? На его месте мне было бы жутко и противно.
<p>Зачем я пишу эти строки? Может отправить ему? Подложить в кипу очередных бумажек с досье, которые все время норовят вывалиться из рук? Выложить всю подноготную наружу, выпотрошить, чтобы знал, с кем имеет дело?
<p>Нет, херня какая-то...</p>
</div>
</div>
</div>
</div>
<!-- БЛОК 3 -->
<div class="light-card">
<div class="light-header-card" onclick="toggleLight(this)">
<div class="light-title">эпизод из столовой | ивент 1 апреля</div>
<div class="light-icon">🠟</div>
</div>
<div class="light-content">
<div class="light-inner">
<div class="light-gif">
<img src="https://upforme.ru/uploads/001c/82/f2/131/466052.gif" alt="">
</div>
<div class="light-text">
<p>Конечно он пришел сюда подкрепиться. Зачем еще ходят в столовую? Чуть позже, чем обычно начинается ужин, чтобы не толкаться в очередях и не искать себе судорожно место. В это время голодные желудки студентов уже насытились и ответственно выполняли свою задачу, подталкивая своих обладателей укатываться в комнаты, готовиться ко сну.</p>
<p>Ноа набрал много и разного, чтобы неторопливо все умять под какое-нибудь видео на телефоне. Поставил поднос на столик у окна и только было присел… Как вскочил. В ягодицу врезалось что-то твердое. Свисток? Пальцы потянули за шнурок и подняли предмет до уровня глаз.</p>
<p>От трапезы это не отвлекло, медитативно Ноа начал отправлять нанизанные на вилку кусочки еды в рот. Руки держали шнурок и задавали размеренную амплитуду раскачивания для свистка. Туда-сюда, туда-сюда. А это классный антистресс. Про телефон он думать забыл.</p>
<p>Взгляд рассматривал следы чужого владения: тут царапинка, тут — следы от зубов, оставленные в раздражении напряженной челюстью. На синтетическом шнурке была зацепка, нитка высовывалась из общего ряда, как червячок в дождь выглядывает из земли. Он аккуратно заправил эту нитку обратно с помощью зубочистки. Пальцами поджал металлическое колечко, объединяющее шнурок и сам предмет.</p>
<p>Свисток чуть поблескивал на закатном солнце и создавал игру световых зайчиков на соседних столах. Питательные вещества продолжали поступать в организм, в животе становилось тепло, и этой теплоте вторило удовольствие от незамысловатой игры света. По всему телу стелилась нега, захотелось спать. Но уходить и бросать вот так игру света и тени, терять живописный вид из окна — не хотелось. Его увлекло в повторяющийся мотив: туда-сюда, туда-сюда.</p>
<p>За окном усилился ветер: ветки начали бить в окно, а кроны погнулись все в одну сторону, как будто синхронно делали зарядку и разминали спину. Заморосило.</p>
<p>Ужин уже давно покоился в недрах желудка, а Ноа все еще оставался в столовой, наблюдая за тем, как садится солнце, как ветка судорожно бьется о стекло. Наверное, её скоро срежут. Свисток продолжал раскачиваться, но уже не рождал солнечных зайчиков. Просто медленно танцевал, как маятник: туда-сюда, туда-сюда, точно был кем-то зачарован.</p>
<p>Ноа не заметил, как стало темно. Сотрудники столовой выключили свет в рабочей части и окликнули его. Наверное хотели погасить верхний свет.</p>
<p>— Мы закрываемся уже, молодой человек. Идите спать.</p>
<p>Тогда он аккуратно завязал шнурок бабочкой, достал бумажку и написал «Передать в руки Мистеру Ривере». А по пути в общежитие — оставил свисток там, где его точно вернут владельцу.</p>
</div>
</div>
</div>
</div>
</div>
<script>
function toggleLight(el) {
const card = el.closest('.light-card');
const content = card.querySelector('.light-content');
const icon = card.querySelector('.light-icon');
const isOpen = content.style.maxHeight && content.style.maxHeight !== '0px';
if (isOpen) {
content.style.maxHeight = '0px';
icon.style.transform = 'rotate(0deg)';
} else {
content.style.maxHeight = content.scrollHeight + 'px';
icon.style.transform = 'rotate(180deg)';
}
}
</script>
</body>
</html>
[/html]
[hideprofile]
Отредактировано Noa Minh Marlow (18-04-2026 17:37:07)