28.10.2026 Нам исполнился год! | Переезд

05.10.2026 Новый дизайн - какой он?

18.08.2026 [событие] Шесть граней (организационная)

2026, мистика, 18+
Kindred Spirits

Kindred Spirits

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

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

Вы здесь » Kindred Spirits » Блоги » Happenstances

Happenstances

Страница: 1

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

1

  • Автор: Audrey Young
  • Decadence
  • Audrey Young
  • Одри Янг, 21

    Мое железное терпение

  • Сообщений: 1797
  • Уважение: +2582
  • Деньги: 690
  • Игровые посты: 0
  • Последний визит:
    02-11-2026 20:05:51

[html]

<div style="
width:760px;
margin:40px auto;
background:linear-gradient(#f5efe4,#ebe2d3);
border:1px solid #ccb898;
border-radius:14px;
overflow:hidden;
box-shadow:0 12px 28px rgba(0,0,0,.16);
font-family:Georgia,serif;">

<!-- Шапка -->

<div style="
padding:22px 30px;
text-align:center;
border-bottom:1px solid #d7c6aa;">

<div style="
font-size:13px;
letter-spacing:8px;
color:#8b6e43;">

☾ ✦ ☽

</div>

<div style="
margin:10px 0 5px;
font-size:30px;
color:#392f27;">

Завершённые хроники

</div>

<div style="
font-size:13px;
font-style:italic;
color:#7f7364;">

Все истории однажды находят своё место в летописи.

</div>

</div>

<!-- Заголовки -->

<div style="
display:grid;
grid-template-columns:1fr 110px 80px;
padding:12px 24px;
background:rgba(143,109,66,.08);
border-bottom:1px solid #d7c6aa;
font-size:11px;
text-transform:uppercase;
letter-spacing:2px;
color:#8b6e43;">

<div>Эпизод</div>
<div style="text-align:center;">Дата</div>
<div style="text-align:center;">✦</div>

</div>

<!-- ======= ПЕРВАЯ СТРОКА ======= -->

<div style="
display:grid;
grid-template-columns:1fr 110px 80px;
align-items:center;
padding:15px 24px;
border-bottom:1px solid rgba(143,109,66,.18);
transition:.25s;
background:rgba(255,255,255,.18);">

<div>

<a href="https://kindredspirits.ru/viewtopic.php?id=739"
style="
font-size:18px;
color:#3b3128;
text-decoration:none;">

Прямо пойдёшь — фамильяра найдёшь

</a>

</div>

<div style="
text-align:center;
color:#7f7364;">

03.09.2024

</div>

<div style="
text-align:center;
color:#8b6e43;
font-size:18px;">

✦

</div>

</div>

<!-- ======= ВТОРАЯ СТРОКА ======= -->

<div style="
display:grid;
grid-template-columns:1fr 110px 80px;
align-items:center;
padding:15px 24px;
border-bottom:1px solid rgba(143,109,66,.18);
transition:.25s;">

<div>

<a href="https://kindredspirits.ru/viewtopic.php?id=773"
style="
font-size:18px;
color:#3b3128;
text-decoration:none;">

Happy Halloween

</a>

</div>

<div style="
text-align:center;
color:#7f7364;">

31.10.2025

</div>

<div style="
text-align:center;
color:#8b6e43;
font-size:18px;">

✦

</div>

</div>

<!-- ======= ТРЕТЬЯ СТРОКА ======= -->

<div style="
display:grid;
grid-template-columns:1fr 110px 80px;
align-items:center;
padding:15px 24px;
border-bottom:1px solid rgba(143,109,66,.18);
transition:.25s;
background:rgba(255,255,255,.18);">

<div>

<a href="https://kindredspirits.ru/viewtopic.php?id=747"
style="
font-size:18px;
color:#3b3128;
text-decoration:none;">

Соседский амбар

</a>

</div>

<div style="
text-align:center;
color:#7f7364;">

20.01.2026

</div>

<div style="
text-align:center;
color:#8b6e43;
font-size:18px;">

✦

</div>

</div>

<!-- ======= ЧЕТВЁРТАЯ СТРОКА ======= -->

<div style="
display:grid;
grid-template-columns:1fr 110px 80px;
align-items:center;
padding:15px 24px;
border-bottom:1px solid rgba(143,109,66,.18);
transition:.25s;">

<div>

<a href="https://kindredspirits.ru/viewtopic.php?id=904#p159693"
style="
font-size:18px;
color:#3b3128;
text-decoration:none;">

Розовая пантера

</a>

</div>

<div style="
text-align:center;
color:#7f7364;">

08.11.2025 — 10.11.2025

</div>

<div style="
text-align:center;
color:#8b6e43;
font-size:18px;">

✦

</div>

</div>

<!-- ======= ПЯТАЯ СТРОКА ======= -->

<div style="
display:grid;
grid-template-columns:1fr 110px 80px;
align-items:center;
padding:15px 24px;
transition:.25s;
background:rgba(255,255,255,.18);">

<div>

<a href="https://kindredspirits.ru/viewtopic.php?id=761"
style="
font-size:18px;
color:#3b3128;
text-decoration:none;">

Чёрные яблоки Коннектикута

</a>

</div>

<div style="
text-align:center;
color:#7f7364;">

18.04.2026

</div>

<div style="
text-align:center;
color:#8b6e43;
font-size:18px;">

✦

</div>

</div>

</div>

[/html]

Отредактировано Audrey Young (05-10-2026 11:27:40)

+7

2

  • Автор: Audrey Young
  • Decadence
  • Audrey Young
  • Одри Янг, 21

    Мое железное терпение

  • Сообщений: 1797
  • Уважение: +2582
  • Деньги: 690
  • Игровые посты: 0
  • Последний визит:
    02-11-2026 20:05:51

[html]

<style>

:root{
--paper:#f5f1e8;
--paper2:#ece4d7;
--line:#cfb894;
--gold:#8b6b41;
--text:#352d27;
--muted:#877966;
}

.card{
position:relative;
width:720px;
margin:60px auto;
padding:22px 24px 18px 245px;
background:linear-gradient(var(--paper),var(--paper2));
border:1px solid var(--line);
border-radius:14px;
box-shadow:0 12px 28px rgba(0,0,0,.18);
font-family:Georgia,serif;
}

/* Вертикальное фото */

.photo{
position:absolute;
left:22px;
top:-35px;

width:185px;
height:250px;
padding:8px;

background:#faf7f1;

border-radius:6px;
box-shadow:0 10px 18px rgba(0,0,0,.18);

transform:rotate(-3deg);
}

.photo img{
display:block;
width:100%;
height:100%;
object-fit:cover;
border-radius:3px;
}

/* Горизонтальное фото */

.photo-wide{
position:absolute;
left:22px;
top:-20px;

width:250px;
height:165px;
padding:8px;

background:#faf7f1;

border-radius:6px;
box-shadow:0 10px 18px rgba(0,0,0,.18);

transform:rotate(-3deg);
}

.photo-wide img{
display:block;
width:100%;
height:100%;
object-fit:cover;
border-radius:3px;
}

/* Карточка с широким фото */

.card-wide{
padding-left:300px;
}

/* Заголовок */

.title{
font-size:42px;
line-height:1;
color:var(--text);
margin-bottom:10px;
}

/* Информация */

.info{
font-size:12px;
color:var(--muted);
letter-spacing:.5px;
margin-bottom:14px;
}

/* Декоративная линия */

.line{
height:1px;
background:#d7c5a9;
margin:12px 0 16px;
position:relative;
}

.line:after{
content:"✦";
position:absolute;
left:50%;
top:-11px;
transform:translateX(-50%);
background:var(--paper);
padding:0 8px;
color:var(--gold);
}

/* Описание */

.desc{
font-size:15px;
line-height:1.55;
color:var(--text);
}

/* Низ */

.footer{
margin-top:18px;
padding-top:14px;
border-top:1px solid #d7c5a9;

display:flex;
justify-content:space-between;
align-items:center;
}

.people{
font-size:14px;
color:var(--text);
}

.people b{
font-weight:normal;
color:var(--gold);
}

.btn{
text-decoration:none;
color:var(--gold);
font-size:13px;
letter-spacing:1px;
transition:.3s;
}

.btn:hover{
letter-spacing:2px;
}

</style>

<!-- ================= ПЕРВЫЙ ЭПИЗОД ================= -->

<div class="card">

<div class="photo">
<a href="https://upforme.ru/uploads/001c/82/f2/67/950000.png" target="_blank">
<img src="https://upforme.ru/uploads/001c/82/f2/67/950000.png">
</a>
</div>

<div class="title">
Прямо пойдёшь — фамильяра найдёшь
</div>

<div class="info">
03.09.2024 • Баскетбольная площадка • Завершён
</div>

<div class="line"></div>

<div class="desc">
Дождь укрывал теплицу, пока затихали последние отголоски сорвавшейся магии. Признание Лиама осталось без ответа, а между ними осталось только молчание.
</div>

<div class="footer">

<div class="people">
<b>Участники:</b> Audrey Young ✦ Liam Woods
</div>

<a class="btn" href="https://kindredspirits.ru/viewtopic.php?id=739">
Читать эпизод →
</a>

</div>

</div>

<!-- ================= ВТОРОЙ ЭПИЗОД ================= -->

<div class="card">

<div class="photo">
<a href="https://upforme.ru/uploads/001c/82/f2/67/168285.png" target="_blank">
<img src="https://upforme.ru/uploads/001c/82/f2/67/168285.png">
</a>
</div>

<div class="title">
Happy Halloween
</div>

<div class="info">
31.10.2025 • Вечеринка в актовом зале • Завершён
</div>

<div class="line"></div>

<div class="desc">
Их поцелуй стал самым счастливым мгновением этого вечера, но продлилось оно совсем недолго. Праздник превратился в хаос: нападение, паника и страх мгновенно вытеснили все чувства. После той ночи им обоим стало уже не до признаний.
</div>

<div class="footer">

<div class="people">
<b>Участники:</b> Audrey Young ✦ Liam Woods
</div>

<a class="btn" href="https://kindredspirits.ru/viewtopic.php?id=773">
Читать эпизод →
</a>

</div>

</div>

<!-- ================= ТРЕТИЙ ЭПИЗОД ================= -->

<div class="card card-wide">

<div class="photo-wide">
<a href="https://upforme.ru/uploads/001c/82/f2/67/510097.png" target="_blank">
<img src="https://upforme.ru/uploads/001c/82/f2/67/510097.png">
</a>
</div>

<div class="title">
Соседский амбар
</div>

<div class="info">
20.01.2026 • Салем • Завершён
</div>

<div class="line"></div>

<div class="desc">
В округе говорят о псе, который каждую ночь приходит к одному и тому же амбару и воет так, что у соседских собак срывает крышу. А ещё говорят, что по ночам в доме слышен шум. И да... хозяин пса погиб пару недель назад.
</div>

<div class="footer">

<div class="people">
<b>Участники:</b> Liam Woods ✦ Audrey Young ✦ Hanney Meadow
</div>

<a class="btn" href="https://kindredspirits.ru/viewtopic.php?id=747">
Читать эпизод →
</a>

</div>

</div>

<!-- ================= ПЯТЫЙ ЭПИЗОД ================= -->

<div class="card">

<div class="photo">
<a href="https://upforme.ru/uploads/001c/82/f2/67/722063.png" target="_blank">
<img src="https://upforme.ru/uploads/001c/82/f2/67/722063.png">
</a>
</div>

<div class="title">
Розовая пантера
</div>

<div class="info">
08.11.2025 — 10.11.2025 • Кофейня «One moment», Салем • Завершён
</div>

<div class="line"></div>

<div class="desc">
Неудачная тренировка закончилась ссорой, а дождь, хлынувший над Салемом, будто только подчёркивал напряжение между ними. Слова, сказанные на эмоциях, оставили после себя неприятный осадок, но даже сквозь раздражение им удалось услышать друг друга и найти компромисс. Правда, мир оказался хрупким: кое-что всё ещё продолжало болеть, даже когда спор был окончен.
</div>

<div class="footer">

<div class="people">
<b>Участники:</b> Audrey Young ✦ Liam Woods
</div>

<a class="btn" href="https://kindredspirits.ru/viewtopic.php?id=904#p159693">
Читать эпизод →
</a>

</div>

</div>

<!-- ================= ЧЕТВЁРТЫЙ ЭПИЗОД ================= -->

<div class="card">

<div class="photo">
<a href="https://upforme.ru/uploads/001c/82/f2/67/698688.png" target="_blank">
<img src="https://upforme.ru/uploads/001c/82/f2/67/698688.png">
</a>
</div>

<div class="title">
Чёрные яблоки Коннектикута
</div>

<div class="info">
18.04.2026 • Connecticut, Belltown Hill Orchards • Завершён
</div>

<div class="line"></div>

<div class="desc">
На семейной ферме в Коннектикуте яблони за одну ночь дали чёрные, холодные на ощупь плоды. Фермеры считают это болезнью растений, но один из сборщиков после укуса яблока перестал спать и начал слышать голоса умерших родственников.
</div>

<div class="footer">

<div class="people">
<b>Участники:</b> Audrey Young ✦ Liam Woods
</div>

<a class="btn" href="https://kindredspirits.ru/viewtopic.php?id=761">
Читать эпизод →
</a>

</div>

</div>

[/html]

Отредактировано Audrey Young (05-10-2026 11:26:10)

+8

3

  • Автор: Audrey Young
  • Decadence
  • Audrey Young
  • Одри Янг, 21

    Мое железное терпение

  • Сообщений: 1797
  • Уважение: +2582
  • Деньги: 690
  • Игровые посты: 0
  • Последний визит:
    02-11-2026 20:05:51

https://upforme.ru/uploads/001c/82/f2/67/909233.jpg

[html]<iframe frameborder="0" allow="clipboard-write" style="border:none;width:300px;height:88px;" width="300" height="88" src="https://music.yandex.ru/iframe/album/39857933/track/146454706">Слушайте <a href="https://music.yandex.ru/album/39857933/track/146454706?utm_source=web&utm_medium=copy_link">Домой</a> — <a href="https://music.yandex.ru/artist/24799750">Dohaka6</a> на Яндекс Музыке</iframe>[/html]

+7

4

  • Автор: Audrey Young
  • Decadence
  • Audrey Young
  • Одри Янг, 21

    Мое железное терпение

  • Сообщений: 1797
  • Уважение: +2582
  • Деньги: 690
  • Игровые посты: 0
  • Последний визит:
    02-11-2026 20:05:51

https://upforme.ru/uploads/001c/82/f2/67/622955.png
https://upforme.ru/uploads/001c/82/f2/67/382079.png
[html]<iframe frameborder="0" allow="clipboard-write" style="border:none;width:220px;height:88px;" width="220" height="88" src="https://music.yandex.ru/iframe/album/38365953/track/143278439">Слушайте <a href="https://music.yandex.ru/album/38365953/track/143278439?utm_source=web&utm_medium=copy_link">Бедлам</a> — <a href="https://music.yandex.ru/artist/425612">Jane Air</a> на Яндекс Музыке</iframe>[/html]

+7

5

  • Автор: Audrey Young
  • Decadence
  • Audrey Young
  • Одри Янг, 21

    Мое железное терпение

  • Сообщений: 1797
  • Уважение: +2582
  • Деньги: 690
  • Игровые посты: 0
  • Последний визит:
    02-11-2026 20:05:51

https://upforme.ru/uploads/001c/82/f2/67/590759.png

[html]<iframe frameborder="0" allow="clipboard-write" style="border:none;width:1000px;height:88px;" width="1000" height="88" src="https://music.yandex.ru/iframe/album/17439834/track/89104880">Слушайте <a href="https://music.yandex.ru/album/17439834/track/89104880?utm_source=web&utm_medium=copy_link">chasing you</a> — <a href="https://music.yandex.ru/artist/4845872">Ben Platt</a> на Яндекс Музыке</iframe>[/html]

+4

6

  • Автор: Audrey Young
  • Decadence
  • Audrey Young
  • Одри Янг, 21

    Мое железное терпение

  • Сообщений: 1797
  • Уважение: +2582
  • Деньги: 690
  • Игровые посты: 0
  • Последний визит:
    02-11-2026 20:05:51

Мог рекламировать кроссовки, но выбрал магию 🔮
https://upforme.ru/uploads/001c/82/f2/67/740960.jpg

+7

7

  • Автор: Audrey Young
  • Decadence
  • Audrey Young
  • Одри Янг, 21

    Мое железное терпение

  • Сообщений: 1797
  • Уважение: +2582
  • Деньги: 690
  • Игровые посты: 0
  • Последний визит:
    02-11-2026 20:05:51

https://upforme.ru/uploads/001c/82/f2/67/453098.jpg

[html]<iframe frameborder="0" allow="clipboard-write" style="border:none;width:1000px;height:88px;" width="1000" height="88" src="https://music.yandex.ru/iframe/album/12244444">Слушайте <a href="https://music.yandex.ru/album/12244444?utm_source=web&utm_medium=copy_link">Lalalalalalalalalala</a> — <a href="https://music.yandex.ru/artist/3927080">Mikolas Josef</a> на Яндекс Музыке</iframe>[/html]

+8

8

  • Автор: Audrey Young
  • Decadence
  • Audrey Young
  • Одри Янг, 21

    Мое железное терпение

  • Сообщений: 1797
  • Уважение: +2582
  • Деньги: 690
  • Игровые посты: 0
  • Последний визит:
    02-11-2026 20:05:51

https://upforme.ru/uploads/001c/82/f2/67/480752.png
[html]<iframe frameborder="0" allow="clipboard-write" style="border:none;width:1000px;height:88px;" width="1000" height="88" src="https://music.yandex.ru/iframe/album/26006995/track/114168559">Слушайте <a href="https://music.yandex.ru/album/26006995/track/114168559?utm_source=web&utm_medium=copy_link">Вою на луну</a> — <a href="https://music.yandex.ru/artist/3818081">MIKAYA</a> на Яндекс Музыке</iframe>[/html]

+8

9

  • Автор: Audrey Young
  • Decadence
  • Audrey Young
  • Одри Янг, 21

    Мое железное терпение

  • Сообщений: 1797
  • Уважение: +2582
  • Деньги: 690
  • Игровые посты: 0
  • Последний визит:
    02-11-2026 20:05:51

Буквально:
https://upforme.ru/uploads/001c/82/f2/67/668619.png

+10

10

  • Автор: Audrey Young
  • Decadence
  • Audrey Young
  • Одри Янг, 21

    Мое железное терпение

  • Сообщений: 1797
  • Уважение: +2582
  • Деньги: 690
  • Игровые посты: 0
  • Последний визит:
    02-11-2026 20:05:51

Вэланна потом додумает титул)
https://upforme.ru/uploads/001c/82/f2/67/350808.png
[html]<iframe frameborder="0" allow="clipboard-write" style="border:none;width:730px;height:100px;" width="730" height="100" src="https://music.yandex.ru/iframe/album/40896140/track/148728147">Слушайте <a href="https://music.yandex.ru/album/40896140/track/148728147?utm_source=web&utm_medium=copy_link">Танго</a> — <a href="https://music.yandex.ru/artist/1186382">STERVELL</a> на Яндекс Музыке</iframe>[/html]

Отредактировано Audrey Young (30-05-2026 19:27:55)

+8

11

  • Автор: Audrey Young
  • Decadence
  • Audrey Young
  • Одри Янг, 21

    Мое железное терпение

  • Сообщений: 1797
  • Уважение: +2582
  • Деньги: 690
  • Игровые посты: 0
  • Последний визит:
    02-11-2026 20:05:51

https://upforme.ru/uploads/001c/82/f2/67/390948.png
[html]<iframe frameborder="0" allow="clipboard-write" style="border:none;width:720px;height:100px;" width="720" height="100" src="https://music.yandex.ru/iframe/album/32388016/track/128865330">Слушайте <a href="https://music.yandex.ru/album/32388016/track/128865330?utm_source=web&utm_medium=copy_link">твой</a> — <a href="https://music.yandex.ru/artist/7439644">pavluchenko</a> на Яндекс Музыке</iframe>[/html]

+5

12

  • Автор: Audrey Young
  • Decadence
  • Audrey Young
  • Одри Янг, 21

    Мое железное терпение

  • Сообщений: 1797
  • Уважение: +2582
  • Деньги: 690
  • Игровые посты: 0
  • Последний визит:
    02-11-2026 20:05:51

https://upforme.ru/uploads/001c/82/f2/67/579988.png
[html]<iframe frameborder="0" allow="clipboard-write" style="border:none;width:1000px;height:100px;" width="1000" height="100" src="https://music.yandex.ru/iframe/album/6141289/track/45715330">Слушайте <a href="https://music.yandex.ru/album/6141289/track/45715330?utm_source=web&utm_medium=copy_link">Больше, чем…</a> — <a href="https://music.yandex.ru/artist/3938875">FIZICA</a> на Яндекс Музыке</iframe>[/html]

+8

13

  • Автор: Audrey Young
  • Decadence
  • Audrey Young
  • Одри Янг, 21

    Мое железное терпение

  • Сообщений: 1797
  • Уважение: +2582
  • Деньги: 690
  • Игровые посты: 0
  • Последний визит:
    02-11-2026 20:05:51

как же кричу громко)
https://upforme.ru/uploads/001c/82/f2/67/259099.png
https://upforme.ru/uploads/001c/82/f2/67/601389.png

Отредактировано Audrey Young (04-06-2026 22:36:46)

+7

14

  • Автор: Velanna Marrow
  • ☆ ★ ✮ ★ ☆
  • Velanna Marrow
  • Вэланна Марроу, 18

    Рано или поздно, так или иначе…

  • Сообщений: 4519
  • Уважение: +4532
  • Деньги: 3140
  • Игровые посты: 0
  • Последний визит:
    Вчера 22:21:27

С разрешения Одри, оставлю это туть :3

https://upforme.ru/uploads/001c/82/f2/168/78022.jpg

+7

15

  • Автор: Audrey Young
  • Decadence
  • Audrey Young
  • Одри Янг, 21

    Мое железное терпение

  • Сообщений: 1797
  • Уважение: +2582
  • Деньги: 690
  • Игровые посты: 0
  • Последний визит:
    02-11-2026 20:05:51

Мой вайб этого лета:
https://upforme.ru/uploads/001c/82/f2/67/166503.png

Отредактировано Audrey Young (16-06-2026 10:00:40)

+4

16

  • Автор: Audrey Young
  • Decadence
  • Audrey Young
  • Одри Янг, 21

    Мое железное терпение

  • Сообщений: 1797
  • Уважение: +2582
  • Деньги: 690
  • Игровые посты: 0
  • Последний визит:
    02-11-2026 20:05:51

https://upforme.ru/uploads/001c/82/f2/67/569142.png

+4

17

  • Автор: Audrey Young
  • Decadence
  • Audrey Young
  • Одри Янг, 21

    Мое железное терпение

  • Сообщений: 1797
  • Уважение: +2582
  • Деньги: 690
  • Игровые посты: 0
  • Последний визит:
    02-11-2026 20:05:51

https://upforme.ru/uploads/001c/82/f2/67/896132.png
[html]<iframe frameborder="0" allow="clipboard-write" style="border:none;width:900px;height:100px;" width="900" height="100" src="https://music.yandex.ru/iframe/album/41733198/track/144901932">Слушайте <a href="https://music.yandex.ru/album/41733198/track/144901932?utm_source=web&utm_medium=copy_link">In the Darkness</a> — <a href="https://music.yandex.ru/artist/4610901">HOKKA</a> на Яндекс Музыке</iframe>[/html]

+8

18

  • Автор: Audrey Young
  • Decadence
  • Audrey Young
  • Одри Янг, 21

    Мое железное терпение

  • Сообщений: 1797
  • Уважение: +2582
  • Деньги: 690
  • Игровые посты: 0
  • Последний визит:
    02-11-2026 20:05:51

[html]<div class="character-music">

    <div class="art-container">

        <img
        src="https://upforme.ru/uploads/001c/82/f2/67/405168.png"
        class="character-art"
        >

        <div class="vertical-glass"></div>

    </div>

    <div class="music-container">

        <iframe
        frameborder="0"
        allow="clipboard-write"
        src="https://music.yandex.ru/iframe/album/42871287/track/153192347">
        </iframe>

    </div>

</div>

<style>

.character-music {

    width:900px;

    padding:14px;

    background:
    linear-gradient(
    160deg,
    #0a0909,
    #171212
    );

    border-radius:20px;

    overflow:hidden;

    position:relative;

    box-shadow:

    0 0 90px rgba(0,0,0,.95),

    0 0 40px rgba(120,30,40,.15);

}

/* арт */

.art-container {

    position:relative;

    overflow:hidden;

    border-radius:16px;

}

.character-art {

    width:100%;

    height:auto;

    display:block;

    filter:none;

    transition:transform 1.2s ease;

}

.character-music:hover .character-art {

    transform:scale(1.02);

}

/* вертикальные линии как в арте */

.vertical-glass {

    position:absolute;

    inset:0;

    pointer-events:none;

    background:

    repeating-linear-gradient(

    90deg,

    transparent 0,

    transparent 150px,

    rgba(255,255,255,.025) 151px

    );

    opacity:.5;

}

/* музыка */

.music-container {

    margin-top:14px;

    border-radius:14px;

    overflow:hidden;

    background:

    rgba(10,8,8,.9);

    border:

    1px solid rgba(255,255,255,.08);

    box-shadow:

    0 -15px 40px rgba(0,0,0,.6);

}

.music-container iframe {

    width:100%;

    height:88px;

    border:none;

}

</style>[/html]

+6

19

  • Автор: Audrey Young
  • Decadence
  • Audrey Young
  • Одри Янг, 21

    Мое железное терпение

  • Сообщений: 1797
  • Уважение: +2582
  • Деньги: 690
  • Игровые посты: 0
  • Последний визит:
    02-11-2026 20:05:51

[html]
<style>
.summer{
width:760px;
margin:auto;
padding:10px;
background:#f6f2e8;
border:1px solid #d9cfbf;
box-shadow:0 4px 15px rgba(0,0,0,.08);
font-family:Georgia,serif;
}

.photo{
position:relative;
width:740px;
margin:auto;
}

.photo img{
display:block;
width:740px;
border:8px solid #f8f5ee;
box-shadow:0 2px 8px rgba(0,0,0,.15);
}

.photo:after{
content:"";
position:absolute;
right:-15px;
bottom:-20px;
width:110px;
height:110px;
background:url(https://upforme.ru/uploads/001c/82/f2/67/286896.png) center/contain no-repeat;
pointer-events:none;
}

.caption{
margin:12px 0 26px;
text-align:center;
font:italic 14px Georgia,serif;
color:#8b7b69;
letter-spacing:.4px;
}

.memory{
width:340px;
margin:22px auto;
text-align:center;
font:italic 15px/1.9 Georgia,serif;
color:#857765;
letter-spacing:.35px;
}

.memory:before,
.memory:after{
content:"";
display:block;
width:140px;
margin:auto;
border-top:1px solid #cfc4b0;
}

.memory:before{
margin-bottom:12px;
}

.memory:after{
margin-top:12px;
}

details{
margin:28px auto;
width:690px;
}

summary{
cursor:pointer;
list-style:none;
text-align:center;
font:small-caps 16px Georgia,serif;
letter-spacing:2px;
color:#756956;
padding:12px;
border:1px solid #ddd2bf;
background:#fbf8f1;
}

summary::-webkit-details-marker{
display:none;
}

.page{
margin-top:18px;
padding:42px;
background:#fffdf8;
border:1px solid #e6dece;
box-shadow:inset 0 0 30px rgba(120,100,70,.05);
}

.header{
text-align:center;
font:italic 15px Georgia,serif;
color:#8c7b66;
margin-bottom:30px;
letter-spacing:1px;
}

.text{
font:16px/2 Georgia,serif;
color:#51483e;
text-align:justify;
}

.text p{
margin:0 0 22px;
}

.text p:first-child:first-letter{
float:left;
font-size:54px;
line-height:.9;
padding-right:8px;
padding-top:4px;
color:#8e775d;
}

.quote{
margin-top:34px;
padding-top:22px;
border-top:1px solid #ebe4d8;
text-align:center;
font-family:Georgia,serif;
font-size:14px;
font-style:italic;
line-height:2;
color:#857765;
letter-spacing:.4px;
}
</style>

<div class="summer">

<div class="photo">
<img src="https://upforme.ru/uploads/001c/82/f2/67/807107.png">
</div>

<div class="caption">
✦ июль • где-то выше облаков ✦
</div>

<div class="memory">
Память обычно оставляет пустяки.
</div>

<details>
<summary>Открыть воспоминание</summary>

<div class="page">

<div class="text">

<p>Горы встретили их прохладным ветром и запахом нагретых трав. День тянулся неторопливо. Они поднимались всё выше по тропе, останавливаясь там, где среди камней росли маленькие полевые цветы. Одни были совсем крошечными, другие — яркими, почти золотыми на солнце. Одри собирал их без всякой цели, просто потому, что они попадались под руку. Лиам показал, как переплетать тонкие стебли, чтобы они держались вместе. Венки получались неровными, немного смешными, но от этого казались только лучше.</p>

<p>К вечеру они добрались до места, где можно было поставить палатку. Пока небо медленно меняло цвет, между камней потрескивал костёр. На прутиках подрумянивались маршмеллоу, становясь липкими и тягучими. Потом огонь стал тише, и ночь незаметно заняла всё вокруг.</p>

<p>Когда костёр догорел, они ещё долго лежали, глядя в небо. Звёзды были здесь задолго до них. Они видели бессчётное множество таких ночей, слышали чужой смех, молчание и слова, которые произносили только под этим небом. Но продолжали светить одинаково спокойно — не требуя ничего взамен.</p>

<p>Ночью стало холодно. Горный воздух быстро вытеснил дневное тепло, и под одним одеялом оказалось проще переждать до рассвета.</p>

<p>Утром запах дыма почти исчез. У входа в палатку остался только венок.</p>

</div>

<div class="quote">
Засохший венок.<br>
Оставленный у входа в палатку.
</div>

</div>
</details>

</div>

[/html]

+6

20

  • Автор: Audrey Young
  • Decadence
  • Audrey Young
  • Одри Янг, 21

    Мое железное терпение

  • Сообщений: 1797
  • Уважение: +2582
  • Деньги: 690
  • Игровые посты: 0
  • Последний визит:
    02-11-2026 20:05:51

[html]<!doctype html><html lang='ru'><meta charset='utf-8'>
<style>
body{background:#f5f2ec;margin:40px;font:15px/1.95 Georgia,serif;color:#4b433a}
.dream{width:560px;margin:auto}
.cover{
    width:720px;
    max-width:none;
    display:block;
    margin:0 0 24px -80px;
}
.title{text-align:center;letter-spacing:3px;text-transform:uppercase;font-size:11px;color:#9b8265;margin-bottom:28px}
summary{cursor:pointer;list-style:none;text-align:center;padding:12px;border-top:1px solid #e6ddd2;border-bottom:1px solid #e6ddd2;letter-spacing:3px;text-transform:uppercase;color:#786653}
summary::-webkit-details-marker{display:none}
.page{margin-top:22px;padding:40px;background:#fffdf9;box-shadow:0 2px 12px rgba(0,0,0,.05)}
p{margin:0 0 22px;text-align:justify}
p.first:first-letter{float:left;font-size:58px;line-height:.82;padding:5px 10px 0 0;color:#b58b52}
.quote{margin:34px auto;max-width:360px;text-align:center;font-style:italic;color:#7b6855}
.quote:before,.quote:after{content:"✦";display:block;color:#c7a878;margin:10px 0}
</style>
<div class="dream">
<img class="cover" src="https://upforme.ru/uploads/001c/82/f2/67/162497.png">
<div class="title">✦ Одно лето, которого ещё не было ✦</div>
<details open>
<summary>✦ Открыть мечту ✦</summary>
<div class="page">
<p class="first">Я ведь не собирался её красть.
Книга просто лежала на краю стола, словно сама просилась в руки. Золочёные буквы на потёртой обложке, чёрный корабль, рассекающий шторм, капитан с невозможной осанкой и сирена, встречающая его среди волн. До смешного дешёвый роман. Лиам никогда бы не признался, что читает подобное. Именно поэтому я её украл. Собирался открыть только первую страницу. Только посмотреть. Только убедиться, что ничего интересного там нет.</p>
<p>Через несколько глав капитан перестал быть капитаном.</p>
<p>Он стал Лиамом.</p>
<p>Высоким. Упрямым. Тем человеком, который скорее поспорит с бурей, чем изменит курс. Команда предупреждала его о сиренах, показывала на тёмные скалы, рассказывала истории о кораблях, исчезнувших без следа. Но он лишь улыбнулся и велел держать курс. Конечно. Именно так он бы и поступил.</p>
<p>А потом произошло кое-что гораздо хуже.</p>
<p>Каждый раз, когда автор писал о сирене, я переставал видеть книжную героиню. Я видел себя. Тёмные волосы, соль на коже, привычку держаться чуть дальше, чем хочется. Существо, которое умеет смотреть вслед гораздо лучше, чем идти навстречу.</p>
<p>Я даже захлопнул книгу.</p>
<p>— Поздравляю, Одри. Теперь ты ещё и сирена.</p>
<p>Просидел так несколько минут. Потом всё равно открыл её снова. Потому что это уже была не чужая история. Она незаметно стала нашей.</p>
<p>Чем дальше я читал, тем меньше в романе оставалось моря и тем больше — ожидания. Капитан приплывал к одному и тому же берегу. Сирена каждый вечер была там. Они почти не разговаривали. Он никогда не просил её выйти. Она никогда не звала его остаться. Между ними существовало какое-то странное молчание, в котором оба понимали друг друга лучше любых слов.</p>
<div class="quote">Иногда любовь приходит не в словах, а в том, что двое продолжают возвращаться к одному берегу.</div>
<p>Я поймал себя на том, что перечитал её несколько раз.</p>
<p>Потом наступила глава, после которой уже невозможно было читать спокойно.</p>
<p>Берег был пуст. Закат медленно тонул в океане, превращая воду в расплавленное золото. Горячий песок ещё хранил тепло солнца. Волны лениво касались берега и снова уходили, будто тоже не хотели тревожить эту тишину.</p>
<p>Капитан снял сапоги. Оставил оружие. И пошёл к морю. Не потому, что был бесстрашным. Потому что рядом с ней страх переставал иметь значение.</p>
<p>Сирена долго не двигалась. Она могла исчезнуть. Нырнуть в глубину. Оставить его одного. Так было бы проще. Но вместо этого подошла ближе. Совсем немного. Так, чтобы слышать его дыхание.</p>
<div class="quote">«И тогда их губы встретились.»</div>
<p>Без признаний. Без обещаний. Просто два человека, которые слишком долго шли навстречу друг другу. Я не мог перевернуть страницу. Потому что уже знал, что будет дальше.</p>
<p>Капитану придётся уйти. Корабль не останется у берега. Море никого не отпускает навсегда. И именно тогда всё окончательно перепуталось. Это уже была не история про капитана и сирену. Это были мы.</p>
<p>Я закрыл книгу, но пальцы так и остались между страницами, будто стоило отпустить — и море исчезло бы вместе с ними.</p>
<p>Если бы мне позволили изменить хотя бы одну главу...</p>
<p>Я бы не дал ему уйти.</p>
<p>Пусть корабль ждёт.</p>
<p>Пусть ветер рвёт паруса.</p>
<p>Пусть команда злится.</p>
<p>В этот вечер капитан останется со мной.</p>
<p>Я почему-то видел всё так ясно, словно однажды это уже произошло.</p>
<p>Мы с Лиамом шли бы вдоль океана, где песок ещё хранит жар ушедшего дня. Не торопясь. Не разговаривая. Нам никогда особенно не были нужны слова. Он молчал бы так, как умеет только он — спокойно, надёжно, словно рядом с ним весь мир переставал спешить. А я всё время смотрел бы только на него. На то, как закат ложится на его лицо. Как ветер перебирает его волосы. Как солнце медленно растворяется в море, оставляя на его коже тёплые янтарные отблески.</p>
<p>Мы бы остановились без всякой причины. Просто потому, что идти дальше уже не хотелось. Потому что весь мир вдруг оказался здесь.</p>
<p>Под ногами тихо шуршал бы песок. За спиной бесконечно дышал океан. Перед нами медленно угасало солнце.</p>
<p>Я осторожно взял бы его за руку. Не потому, что боялся потерять. А потому, что наконец мог.</p>
<p>Он посмотрел бы на меня.</p>
<p>Так спокойно.</p>
<p>Так внимательно.</p>
<p>И этого оказалось бы достаточно.</p>
<p>Я сам сократил бы последнее расстояние между нами и поцеловал его. Медленно. Так, словно впереди у нас не одна украденная минута, а целая жизнь. Закат мягко ложился бы на наши лица, тёплый ветер гладил бы кожу, а океан лениво перекатывал волны, не нарушая тишины. Горячий песок принимал бы наши шаги, наши остановки, каждое прикосновение, сохраняя их так бережно, будто сам хотел стать единственным свидетелем этой любви.</p>
<p>И мне хотелось бы, чтобы никто больше не существовал.</p>
<p>Только мы.</p>
<p>Только море.</p>
<p>Только вечер.</p>
<p>Чтобы волны знали нашу историю и никому её не рассказывали. Чтобы закат помнил, как его последний свет скользил по нашим обнажённым телам. Чтобы горячий песок навсегда сохранил память о том, как мы перестали бояться любить друг друга.</p>
<div class="quote">Море смывает следы, но никогда не смывает тех, кого однажды соединил закат.</div>
<p>Я закрыл роман. И вдруг понял, что мечтаю вовсе не о капитане и не о сирене.</p>
<p>Я мечтаю об одном-единственном лете. О берегу океана. О Лиаме рядом. О вечере, который не закончится отплытием корабля. О поцелуе, после которого уже невозможно будет сделать вид, будто ничего не изменилось. О том, как тёплый закат станет медленно стекать по его спине золотым светом, а мои ладони наконец перестанут бояться прикоснуться к нему. О том, чтобы море хранило наши стоны, волны — наши признания, сказанные без слов, а горячий песок запомнил каждый поцелуй, каждое украденное прикосновение, будто даже сама земля решила сохранить тайну двух сердец. И если от этой близости солнце смущённо окрасит облака в густой багрянец, пусть так. Значит, даже закат однажды не выдержал красоты того мгновения, которое принадлежало только нам.</p>

</div></details></div></html>[/html]

Отредактировано Audrey Young (20-07-2026 23:28:16)

+6

21

  • Автор: Audrey Young
  • Decadence
  • Audrey Young
  • Одри Янг, 21

    Мое железное терпение

  • Сообщений: 1797
  • Уважение: +2582
  • Деньги: 690
  • Игровые посты: 0
  • Последний визит:
    02-11-2026 20:05:51

[html]<style>
.summer-card{
    width: 650px;
    margin: 20px auto;
    background:#151515;
    border:1px solid #2c2c2c;
    border-radius:12px;
    overflow:hidden;
    font:14px/1.8 Georgia, serif;
    color:#d8d8d8;
    box-shadow:0 0 20px rgba(0,0,0,.35);
}

.summer-card img{
    width:100%;
    display:block;
}

.summer-card details{
    padding:18px 22px;
}

.summer-card summary{
    list-style:none;
    cursor:pointer;
    text-align:center;
    font:12px 'Trebuchet MS', sans-serif;
    text-transform:uppercase;
    letter-spacing:3px;
    color:#c6b487;
    transition:.3s;
    user-select:none;
}

.summer-card summary::-webkit-details-marker{
    display:none;
}

.summer-card summary:hover{
    color:#f0ddb0;
}

.summer-card .story{
    margin-top:18px;
    text-align:justify;
    animation:fade .4s ease;
}

@keyframes fade{
    from{opacity:0;transform:translateY(-8px);}
    to{opacity:1;transform:none;}
}
</style>

<div class="summer-card">

<img src="https://upforme.ru/uploads/001c/82/f2/67/270951.png">

<details>
<summary>✦ мысли Одри ✦</summary>

<div class="story">

<p>Одри поймал себя на мысли, что этим летом ему впервые хочется не просто пережить очередные жаркие месяцы, а прожить их вместе с Лиамом.</p>

<p>Он хотел научиться плавать — и почему-то был уверен, что рядом с Лиамом это получится. Не потому, что тот станет учить его правильно двигать руками или объяснять, как держаться на воде. Просто рядом с ним было удивительно спокойно. Казалось, пока Лиам находится поблизости, вода не сможет причинить вреда.</p>

<p>Ему хотелось приготовить что-нибудь летнее — самое простое, но обязательно вместе. Спорить о том, чего добавить больше: мяты или лимона, пробовать слишком сладкий лимонад, смеяться над неудачным пирогом или есть ягоды прямо с разделочной доски. Не ради самого блюда, а ради вечера, который потом будет пахнуть фруктами и тёплым воздухом из распахнутых окон.</p>

<p>И ещё — запустить воздушных змеев. Найти место, где ветер свободно гуляет над травой, долго распутывать нитки, а потом смотреть, как яркие силуэты поднимаются всё выше. Одри думал, что в этом есть что-то правильное: стоять рядом с Лиамом, держась каждый за свою катушку, молчать и просто смотреть в небо. Иногда для хорошего дня большего и не требовалось.</p>

<p>Планы были совсем небольшими. Научиться плавать. Приготовить что-нибудь летнее. Запустить воздушных змеев.</p>

<p>Но Одри почему-то казалось, что если всё это произойдёт именно с Лиамом, то лето останется с ним гораздо дольше, чем до первых холодов. Оно поселится в памяти запахом речной воды, вкусом домашнего лимонада и ощущением, что самые счастливые моменты редко бывают громкими — чаще всего они просто случаются рядом с тем, с кем хочется разделить каждый тёплый день.</p>

</div>
</details>

</div>[/html]

+6

22

  • Автор: Audrey Young
  • Decadence
  • Audrey Young
  • Одри Янг, 21

    Мое железное терпение

  • Сообщений: 1797
  • Уважение: +2582
  • Деньги: 690
  • Игровые посты: 0
  • Последний визит:
    02-11-2026 20:05:51

[html]

<div class="fallgame">
<style>
.fallgame {
  max-width:570px;
  margin:18px auto;
  padding:12px;
  background:#17110f;
  border:1px solid #795237;
  color:#e9d2b5;
  font-family:Georgia,serif;
  box-shadow:0 12px 35px #0007,
             0 0 35px #bc79301c;
  box-sizing:border-box;
  position:relative;
  overflow:hidden;
  isolation:isolate;
}
.fallgame * {box-sizing:border-box}

/* ТЁПЛОЕ ФОНОВОЕ СИЯНИЕ */

.fallgame:before {
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:
    radial-gradient(
      ellipse at 50% 15%,
      #bb71352a,transparent 55%
    ),
    radial-gradient(
      ellipse at 80% 80%,
      #a6652220,transparent 50%
    );
  animation:fg-breathe 7s ease-in-out infinite alternate;
}
@keyframes fg-breathe {
  from {opacity:.4}
  to {opacity:1}
}

/* ЛИСТЬЯ И СВЕТЛЯЧКИ */

.fallgame .fg-particles {
  position:absolute;
  inset:0;
  overflow:hidden;
  pointer-events:none;
  z-index:5;
}
.fallgame .fg-leaf {
  position:absolute;
  top:-45px;
  display:block;
  font-size:17px;
  opacity:0;
  filter:drop-shadow(0 0 4px #dc8b4455);
  animation:fg-leaf-fall 12s linear infinite;
}
.fallgame .fg-leaf:nth-child(1) {
  left:8%;
  animation-duration:13s;
  animation-delay:-3s;
}
.fallgame .fg-leaf:nth-child(2) {
  left:26%;
  font-size:12px;
  animation-duration:17s;
  animation-delay:-10s;
}
.fallgame .fg-leaf:nth-child(3) {
  left:54%;
  font-size:20px;
  animation-duration:15s;
  animation-delay:-6s;
}
.fallgame .fg-leaf:nth-child(4) {
  left:78%;
  font-size:13px;
  animation-duration:19s;
  animation-delay:-13s;
}
.fallgame .fg-leaf:nth-child(5) {
  left:92%;
  font-size:16px;
  animation-duration:14s;
  animation-delay:-1s;
}
@keyframes fg-leaf-fall {
  0% {
    transform:translate(0,-30px) rotate(0deg);
    opacity:0;
  }
  10% {opacity:.75}
  45% {
    transform:translate(32px,300px) rotate(120deg);
  }
  75% {opacity:.65}
  100% {
    transform:translate(-45px,900px) rotate(340deg);
    opacity:0;
  }
}
.fallgame .fg-spark {
  position:absolute;
  display:block;
  width:4px;
  height:4px;
  border-radius:50%;
  background:#ffd18b;
  box-shadow:0 0 8px 3px #e9a45280;
  pointer-events:none;
  animation:fg-twinkle 4s ease-in-out infinite alternate;
}
.fallgame .fg-spark.s1 {
  top:12%;left:16%;
  animation-delay:-1s;
}
.fallgame .fg-spark.s2 {
  top:27%;left:81%;
  width:3px;height:3px;
  animation-delay:-3s;
}
.fallgame .fg-spark.s3 {
  top:55%;left:10%;
  width:2px;height:2px;
  animation-delay:-2s;
}
.fallgame .fg-spark.s4 {
  top:76%;left:88%;
  animation-delay:-.5s;
}
@keyframes fg-twinkle {
  0% {opacity:.1;transform:scale(.6)}
  100% {opacity:.9;transform:scale(1.5)}
}

/* АРТ */

.fallgame .fg-cover {
  position:relative;
  overflow:hidden;
  border:1px solid #8d613e;
  box-shadow:0 0 25px #d28b4430;
}
.fallgame .fg-cover img {
  display:block;
  width:100%;
  height:auto;
  filter:saturate(.85);
  transition:transform 1s ease,filter 1s ease;
}
.fallgame .fg-cover:hover img {
  transform:scale(1.04);
  filter:saturate(1.12) brightness(1.1);
}
.fallgame .fg-cover:after {
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(
    transparent 45%,#140d0ce8
  );
  pointer-events:none;
}
.fallgame .fg-glow {
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:radial-gradient(
    circle at 75% 25%,
    #ffcb7938,transparent 48%
  );
  opacity:.45;
  transition:opacity .8s;
}
.fallgame .fg-cover:hover .fg-glow {
  opacity:1;
}
.fallgame .fg-title {
  position:absolute;
  z-index:2;
  bottom:20px;
  width:100%;
  text-align:center;
  color:#f9deb6;
  text-shadow:0 2px 8px #000;
}
.fallgame .fg-title b {
  display:block;
  font:italic 28px Georgia,serif;
  font-weight:normal;
}
.fallgame .fg-title small {
  font:9px Arial,sans-serif;
  letter-spacing:3px;
  text-transform:uppercase;
}

/* ВСТУПЛЕНИЕ */

.fallgame .fg-intro {
  text-align:center;
  padding:20px 13px 15px;
  font:italic 13px/1.8 Georgia,serif;
  color:#c9ac8b;
}
.fallgame .fg-intro strong {
  color:#edc18a;
  font-weight:normal;
}

/* ТРИ ИНТЕРАКТИВНЫХ МГНОВЕНИЯ */

.fallgame .fg-items {
  display:flex;
  gap:8px;
  margin:0 0 15px;
}
.fallgame details {
  flex:1;
  min-width:0;
}
.fallgame summary {
  list-style:none;
  cursor:pointer;
  text-align:center;
  padding:15px 5px;
  border:1px solid #725039;
  background:#2c1d17;
  color:#dcb58a;
  transition:background .35s,
             box-shadow .35s,
             border-color .35s;
  user-select:none;
}
.fallgame summary::-webkit-details-marker {
  display:none;
}
.fallgame summary:hover {
  background:#513522;
  border-color:#c69760;
  box-shadow:0 0 18px #c58a4235;
}
.fallgame details[open] summary {
  background:#65412a;
  border-color:#e0ad71;
  color:#ffe4bb;
  box-shadow:0 0 20px #e6a05248,
             inset 0 0 14px #d58a3920;
}
.fallgame .fg-icon {
  display:block;
  font-size:23px;
  margin-bottom:7px;
  transition:transform .35s;
}
.fallgame summary:hover .fg-icon {
  transform:translateY(-3px) rotate(-8deg);
}
.fallgame .fg-name {
  display:block;
  font:10px Arial,sans-serif;
  letter-spacing:1px;
  text-transform:uppercase;
}
.fallgame .fg-panel {
  padding:12px 5px 4px;
  color:#dfc9b0;
  font:12px/1.85 Georgia,serif;
  animation:fg-show .6s ease;
}
@keyframes fg-show {
  from {
    opacity:0;
    transform:translateY(-8px);
    filter:blur(3px);
  }
  to {
    opacity:1;
    transform:translateY(0);
    filter:blur(0);
  }
}

/* ПОСЛЕДНЕЕ ВОСПОМИНАНИЕ */

.fallgame .fg-final {
  margin-top:14px;
  text-align:center;
}
.fallgame .fg-final summary {
  padding:13px;
  font:italic 14px Georgia,serif;
  background:linear-gradient(
    110deg,#43291e,#70472b,#43291e
  );
  background-size:200% 100%;
  color:#f0c997;
  animation:fg-shimmer 6s ease-in-out infinite alternate;
}
@keyframes fg-shimmer {
  from {background-position:0% 50%}
  to {background-position:100% 50%}
}
.fallgame .fg-final .fg-panel {
  padding:20px 14px;
  text-align:center;
  background:radial-gradient(
    ellipse at center,
    #99602c38,transparent 80%
  );
  font:italic 15px/1.9 Georgia,serif;
}
.fallgame .fg-final .fg-panel em {
  color:#f5ce9c;
  text-shadow:0 0 12px #e7a75570;
}
.fallgame .fg-foot {
  margin-top:15px;
  padding:12px 5px 5px;
  border-top:1px solid #65432e;
  text-align:center;
  font:9px Arial,sans-serif;
  letter-spacing:2px;
  color:#a98661;
}

/* МОБИЛЬНАЯ ВЕРСИЯ */

@media(max-width:450px) {
  .fallgame {padding:7px}
  .fallgame .fg-title b {font-size:22px}
  .fallgame .fg-items {gap:5px}
  .fallgame .fg-name {font-size:9px}
  .fallgame .fg-panel {font-size:11px}
}

/* БЕЗ АНИМАЦИИ ПРИ СООТВЕТСТВУЮЩЕЙ
   НАСТРОЙКЕ У ПОЛЬЗОВАТЕЛЯ */

@media(prefers-reduced-motion:reduce) {
  .fallgame * {
    animation:none!important;
    transition:none!important;
  }
}
</style>

<!-- ПЛАВАЮЩИЕ ЛИСТЬЯ И СВЕТЛЯЧКИ -->
<div class="fg-particles" aria-hidden="true">
  <span class="fg-leaf">🍁</span>
  <span class="fg-leaf">🍂</span>
  <span class="fg-leaf">🍁</span>
  <span class="fg-leaf">🍂</span>
  <span class="fg-leaf">🍁</span>
  <span class="fg-spark s1"></span>
  <span class="fg-spark s2"></span>
  <span class="fg-spark s3"></span>
  <span class="fg-spark s4"></span>
</div>

<!-- ОБЛОЖКА -->
<div class="fg-cover">
  <img
    src="https://upforme.ru/uploads/001c/82/f2/67/886425.png"
    alt="Одри и Лиам"
  >
  <div class="fg-glow"></div>
  <div class="fg-title">
    <small>audrey young × liam woods</small>
    <b>пока не кончится дождь</b>
  </div>
</div>

<div class="fg-intro">
  Осень прячет счастье в мелочах.<br>
  <strong>
    Найди три мгновения, чтобы узнать,
    где живёт моё солнце.
  </strong>
</div>

<!-- МИНИ-ИГРА -->
<div class="fg-items">

  <details>
    <summary>
      <span class="fg-icon">☂</span>
      <span class="fg-name">дождь</span>
    </summary>
    <div class="fg-panel">
      Я люблю осень за её тихую
      меланхолию, за запах мокрой листвы,
      за прохладный воздух, в котором
      почему-то особенно остро ощущается
      чужое тепло. В ней есть что-то
      удивительно человеческое: она умеет
      грустить, не теряя красоты, и
      прощаться, не переставая любить.
      Иногда мне кажется, что осень
      создана для тех, кто слишком много
      чувствует, но слишком редко об
      этом говорит.
    </div>
  </details>

  <details>
    <summary>
      <span class="fg-icon">☕</span>
      <span class="fg-name">тепло</span>
    </summary>
    <div class="fg-panel">
      Больше всего я люблю солнце после
      дождя. Когда сквозь тяжёлые облака
      вдруг пробивается свет, а капли
      на листьях вспыхивают маленькими
      золотыми искрами. Для меня это
      и есть надежда — робкая, почти
      незаметная, но упрямо напоминающая,
      что никакая непогода не длится
      вечно.
      <br><br>
      А уют я давно перестал искать
      в тёплых пледах и чашках кофе.
      Он живёт в знакомых объятиях,
      в случайном прикосновении ладони,
      в возможности положить голову
      кому-то на плечо и хотя бы
      ненадолго перестать быть сильным.
    </div>
  </details>

  <details>
    <summary>
      <span class="fg-icon">☀</span>
      <span class="fg-name">солнце</span>
    </summary>
    <div class="fg-panel">
      Наверное, поэтому осень напоминает
      мне о любви. О том, что даже
      самые холодные дни становятся
      терпимее, когда рядом есть тот,
      ради кого хочется возвращаться
      домой.
      <br><br>
      И если счастье действительно
      состоит из мгновений, то моё
      пахнет дождём, немного сигаретами
      и Лиамом.
      <br><br>
      А ещё я верю, что у каждого
      человека должно быть своё солнце.
      Не то, что светит с неба,
      а то, которое остаётся рядом,
      даже когда за окном начинается
      самый беспросветный ноябрь.
    </div>
  </details>

</div>

<!-- СЕКРЕТ -->
<details class="fg-final">
  <summary>
    ✦ открыть последнее воспоминание ✦
  </summary>
  <div class="fg-panel">
    И если однажды меня спросят,
    за что я люблю осень,
    я, наверное, улыбнусь.
    <br><br>
    Потому что именно в её холоде
    я научился понимать,
    как много значит
    <em>чьё-то тепло.</em>
    <br><br>
    А моё всегда носило имя Лиам.
    <br><br>
    ♡
  </div>
</details>

<div class="fg-foot">
  SOMEWHERE BETWEEN THE RAIN AND YOU
</div>

</div>

[/html]

+2

Страница: 1

Вы здесь » Kindred Spirits » Блоги » Happenstances

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