christian andersen, 23

christian andersen

jacob elordi

мужской

12.08.2002 (лев) | тонтон, массачусетс

образование

колледж массасоит

студент, факультет маркетинга и PR

► "Bad Liar" – Imagine Dragons
► "I Feel It Coming" – The Weeknd ft. Daft Punk
► "Feel Good Inc." – Gorillaz
► "Young and Beautiful" – Lana Del Rey
► "Dancing with a Stranger" – Sam Smith & Normani
► "Secrets" – OneRepublic
► "Shape of You" – Ed Sheeran

► "Closer" – The Chainsmokers ft. Halsey
► "Fear" – Blue October
► "Complicated" – Avril Lavigne
► "I Wanna Be Yours" – Arctic Monkeys
► "Complicated" – Avril Lavigne
► "Creep" – Radiohead
► "Numb" – Linkin Park

Он появляется раньше, чем открывается дверь: громкий смех, звон ключей, которые вечно роняет, и приглушённое «чёрт». А потом в проёме стоит само солнце — растрёпанное, в расстёгнутой рубашке, с бутылкой в руке. Крису двадцать три, он выглядит как человек, который никогда не спал достаточно, но заряжается чужими улыбками. У него тёмные, вечно взлохмаченные волосы, глаза цвета темного янтаря, в которых пляшут искры, и широкая асимметричная улыбка, делающая его одновременно самоуверенным и уязвимым. Он носит дорогую, но небрежную одежду, а родители то и дело подкидывают новые коробки с кедами, но он носит одни и те же уже семь лет.

На первый взгляд Крис — открытая книга. Он знает бармена по имени, уговорит охрану пропустить друзей без очереди, оживит любую компанию. Но это маска. Он бежит от тишины. Потому что в тишине стены его детства начинают говорить.

Родители развелись, когда ему было десять. Сначала жизнь на два дома: неделя у мамы, неделя у папы, вечное чувство, что ты гость. Мать — надменность и контроль, отец — работа и новые женщины. Ни один не мог дать главного: ощущения, что он нужен здесь и сейчас. Крис научился упаковывать себя в рюкзак быстрее, чем чувства.

Эдвард и Максин — с ними он дружит с детского сада. Эдвард — харизматичный лидер, спокойный, уверенный, но с тёмной собственнической стороной. Максин — импульсивная, страстная, бунтарка, которая под броней прячет уязвимость и страх остаться одной. Крис влюбился в них обоих ещё в школе — сначала неосознанно, просто знал, что без них не дышит.

В колледже они поступили втроём: Эдвард на юриспруденцию, Максин на психологию, Крис на маркетинг и PR. На поверхности ничего не менялось, но под ней всё трещало. Роман с Максин начался не с признания, а с очередной их ссоры с Эдвардом. Она поцеловала сама — в этом поцелуе были боль и облегчение. Крис не оттолкнул. С тех пор прошёл почти год. Тайные встречи, взгляды, которые нельзя поймать, и чувство вины, которое росло с каждым днём. Потому что Максин по-прежнему любила Эдварда. А Крис… Крис любил их обоих. И особенно сильно — Эдварда, даже когда смотрел на него из-за спины Максин.

А потом случилось то, что разделило жизнь на «до» и «после».

Извилистая дорога, мир выхваченный светом фар и девушка в белом. Теперь уже мертвая девушка в белом.

Несколько месяцев фальшивых улыбок, проверки новостных лент, бессонных ночей. Они почти поверили, что всё обошлось. А потом появилась записка. Внутри — одна фраза, напечатанная на обычной бумаге: «Я знаю, что вы сделали этим летом».

Крис теперь живёт в постоянном напряжении. Его чувство вины, копившееся годами, обрело плоть. Он виноват перед той девушкой, чьего имени не знает. Виноват перед Эдвардом, который стал ещё более замкнутым и подозрительным. Виноват перед Максин, которая в страхе цепляется за него по ночам. Он часто говорит: «Моя семья — это Макс и Эд». Но теперь эта семья трещит по швам. И Крис не знает, что рухнет первым — их общее прошлое, настоящее или он сам.

Отредактировано chris andersen (2025-09-01 15:39:09)

[hideprofile]П О Д П И С И

гарри поттер и бриджуотерский треугольник [ивент]
the mortuary assistant [ивент]

the x-files
домик ужаса i

[html]
<div style="max-width: 800px; margin: 0 auto; background: transparent;">

<style>
/* Подключаем шрифты и иконки */
@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;600;700;900&family=Inter:opsz,wght@14..32,300;14..32,400;14..32,500;14..32,600&display=swap');
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css');

/* Вкладки (табы) */
.rpg-tabs {
display: flex;
justify-content: center;
gap: 0.5rem;
margin-bottom: 2rem;
flex-wrap: wrap;
}
.rpg-tab-label {
display: inline-block;
padding: 0.5rem 1.2rem;
background: rgba(18, 22, 29, 0.7);
border: 1px solid rgba(216, 181, 110, 0.4);
border-radius: 40px;
font-size: 0.85rem;
font-weight: 500;
color: #a9b7d4;
cursor: pointer;
transition: all 0.2s ease;
backdrop-filter: blur(4px);
}
.rpg-tab-label:hover {
background: rgba(216, 181, 110, 0.2);
border-color: #D8B56E;
color: #F5E7C8;
}

/* Скрытые радиокнопки (на одном уровне с сеткой) */
.rpg-tab-radio {
display: none;
}

/* Контейнер сетки — 3 колонки, 100% ширина */
.rpg-episodes-grid {
width: 100%;
margin: 0 auto;
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 1.2rem;
}

/* Заголовок блока */
.rpg-episodes-header {
text-align: center;
margin-bottom: 2rem;
width: 100%;
}
.rpg-episodes-header h1 {
font-family: 'Cinzel', serif;
font-size: 2rem;
font-weight: 700;
background: linear-gradient(135deg, #F5E7C8 0%, #D8B56E 100%);
background-clip: text;
-webkit-background-clip: text;
color: transparent;
letter-spacing: 1px;
margin-bottom: 0.25rem;
}
.rpg-sub {
font-size: 0.85rem;
color: #a9b7d4;
border-top: 1px solid rgba(216, 181, 110, 0.4);
border-bottom: 1px solid rgba(216, 181, 110, 0.4);
display: inline-block;
padding: 0.2rem 1rem;
font-weight: 300;
}
.rpg-ornament {
width: 60px;
height: 3px;
background: linear-gradient(90deg, transparent, #D8B56E, #F5E7C8, #D8B56E, transparent);
margin: 0.5rem auto 0;
border-radius: 4px;
}

/* Карточка эпизода */
.rpg-episode-card {
background: rgba(18, 22, 29, 0.85);
backdrop-filter: blur(4px);
border-radius: 20px;
border: 1px solid rgba(216, 181, 110, 0.3);
padding: 1rem;
transition: all 0.2s ease;
display: flex;
flex-direction: column;
height: 100%;
opacity: 0;
animation: rpg-fadeIn 0.4s ease forwards;
}

.rpg-episode-card:hover {
background: rgba(30, 35, 45, 0.95);
border-color: #F5E7C8;
box-shadow: 0 0 0 1px rgba(245, 231, 200, 0.3), 0 8px 20px rgba(0, 0, 0, 0.4);
}

@keyframes rpg-fadeIn {
0% { opacity: 0; transform: translateY(12px); }
100% { opacity: 1; transform: translateY(0); }
}

/* Фильтрация через радиокнопки (на том же уровне, что и сетка) */
#rpg-tab-open:checked ~ .rpg-episodes-grid .rpg-episode-card[data-status="closed"],
#rpg-tab-open:checked ~ .rpg-episodes-grid .rpg-episode-card[data-status="abandoned"] {
display: none;
}
#rpg-tab-closed:checked ~ .rpg-episodes-grid .rpg-episode-card[data-status="open"],
#rpg-tab-closed:checked ~ .rpg-episodes-grid .rpg-episode-card[data-status="abandoned"] {
display: none;
}
#rpg-tab-abandoned:checked ~ .rpg-episodes-grid .rpg-episode-card[data-status="open"],
#rpg-tab-abandoned:checked ~ .rpg-episodes-grid .rpg-episode-card[data-status="closed"] {
display: none;
}
.rpg-episode-card {
display: flex;
}

/* Активная вкладка */
#rpg-tab-open:checked ~ .rpg-tabs label[for="rpg-tab-open"],
#rpg-tab-closed:checked ~ .rpg-tabs label[for="rpg-tab-closed"],
#rpg-tab-abandoned:checked ~ .rpg-tabs label[for="rpg-tab-abandoned"] {
background: rgba(216, 181, 110, 0.25);
border-color: #D8B56E;
color: #F5E7C8;
box-shadow: 0 0 6px rgba(216, 181, 110, 0.4);
}

/* Верхняя строка: дата и статус */
.rpg-card-header {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
margin-bottom: 0.5rem;
gap: 0.5rem;
}
.rpg-episode-date {
font-family: 'Cinzel', serif;
font-size: 11px;
text-transform: uppercase;
letter-spacing: 1px;
color: #D8B56E;
background: rgba(216, 181, 110, 0.12);
display: inline-flex;
align-items: center;
gap: 0.4rem;
padding: 0.15rem 0.7rem;
border-radius: 20px;
border-left: 2px solid #D8B56E;
font-weight: 500;
white-space: nowrap;
}
.rpg-status-badge {
display: inline-flex;
align-items: center;
gap: 0.3rem;
font-size: 11px;
font-weight: 500;
padding: 0.1rem 0.6rem;
border-radius: 20px;
background: rgba(0,0,0,0.4);
backdrop-filter: blur(2px);
white-space: nowrap;
}
.rpg-status-badge i { font-size: 11px; }
.rpg-status-badge.open {
color: #6fcf97;
border: 1px solid #6fcf97;
}
.rpg-status-badge.closed {
color: #d8b56e;
border: 1px solid #d8b56e;
}
.rpg-status-badge.abandoned {
color: #c96b6b;
border: 1px solid #c96b6b;
}

.rpg-episode-title {
font-family: 'Cinzel', serif;
font-size: 1.2rem;
font-weight: 700;
margin-bottom: 0.5rem;
letter-spacing: -0.2px;
background: linear-gradient(135deg, #F5F0E0, #e7cf9e);
background-clip: text;
-webkit-background-clip: text;
color: transparent;
word-break: break-word;
line-height: 1.3;
}

.rpg-episode-desc {
font-size: 11px;
color: #cfdbea;
margin-bottom: 0.8rem;
line-height: 1.4;
word-break: break-word;
flex: 1;
}

.rpg-participants {
margin-top: 0.5rem;
margin-bottom: 0.7rem;
font-size: 11px;
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 0.6rem;
background: rgba(0, 0, 0, 0.25);
padding: 0.4rem 0.7rem;
border-radius: 16px;
border-left: 2px solid #D8B56E;
overflow: visible;
}
.rpg-participants i {
color: #D8B56E;
font-size: 11px;
width: 1rem;
flex-shrink: 0;
}
.rpg-participant-list {
display: flex;
flex-wrap: wrap;
gap: 0.5rem;
}
.rpg-participant {
color: #e9cf91;
text-decoration: none;
font-weight: 500;
transition: color 0.2s;
display: inline-flex;
align-items: center;
gap: 0.2rem;
white-space: nowrap;
font-size: 11px;
}
.rpg-participant i {
font-size: 11px;
color: #a9b7d4;
}
.rpg-participant:hover {
color: #F5E7C8;
text-decoration: underline;
}

.rpg-tags {
display: flex;
flex-wrap: wrap;
gap: 0.4rem;
margin-top: 0.3rem;
margin-bottom: 0.7rem;
}
.rpg-tag {
background: rgba(216, 181, 110, 0.15);
border-radius: 16px;
padding: 0.15rem 0.6rem;
font-size: 11px;
font-weight: 500;
color: #e9cf91;
display: inline-flex;
align-items: center;
gap: 0.3rem;
white-space: nowrap;
}
.rpg-tag i { font-size: 11px; }

.rpg-episode-link {
display: inline-flex;
align-items: center;
gap: 0.4rem;
font-size: 11px;
font-weight: 500;
text-transform: uppercase;
letter-spacing: 0.5px;
color: #D8B56E;
text-decoration: none;
border-bottom: 1px solid rgba(216, 181, 110, 0.4);
padding-bottom: 0.15rem;
transition: all 0.2s;
align-self: flex-start;
margin-top: auto;
}
.rpg-episode-link i { font-size: 11px; }
.rpg-episode-link:hover {
color: #F5E7C8;
border-bottom-color: #F5E7C8;
gap: 0.6rem;
}

@media (max-width: 900px) {
.rpg-episodes-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 550px) {
.rpg-episodes-grid { grid-template-columns: 1fr; }
}
@media (max-width: 480px) {
.rpg-episode-date, .rpg-status-badge, .rpg-tag, .rpg-participant {
white-space: normal;
word-break: break-word;
}
.rpg-card-header {
flex-direction: column;
align-items: flex-start;
}
}
</style>

<div class="rpg-episodes-header">
<h1>📜 Хроника героев</h1>
<div class="rpg-ornament"></div>
<div class="rpg-sub">эпизоды · участники · статусы</div>
</div>

<input type="radio" name="rpg-tab" id="rpg-tab-open" class="rpg-tab-radio" checked>
<input type="radio" name="rpg-tab" id="rpg-tab-closed" class="rpg-tab-radio">
<input type="radio" name="rpg-tab" id="rpg-tab-abandoned" class="rpg-tab-radio">

<div class="rpg-tabs">
<label for="rpg-tab-open" class="rpg-tab-label"><i class="fas fa-door-open"></i> Открытые</label>
<label for="rpg-tab-closed" class="rpg-tab-label"><i class="fas fa-check-circle"></i> Закрытые</label>
<label for="rpg-tab-abandoned" class="rpg-tab-label"><i class="fas fa-skull"></i> Брошенные</label>
</div>

<div class="rpg-episodes-grid">

<div class="rpg-episode-card" data-status="open">
<div class="rpg-card-header">
<div class="rpg-episode-date"><i class="fas fa-calendar-alt"></i> Весна 1242</div>
<span class="rpg-status-badge open"><i class="fas fa-door-open"></i> Открыт</span>
</div>
<h2 class="rpg-episode-title">Пролог: Зов судьбы</h2>
<p class="rpg-episode-desc">Встреча в таверне, древний свиток и первые искры союза. Эпизод активен.</p>
<div class="rpg-participants">
<i class="fas fa-users"></i>
<div class="rpg-participant-list">
<a href="#" class="rpg-participant"><i class="fas fa-user-circle"></i> Эйдан Ветрокрыл</a>
<a href="#" class="rpg-participant"><i class="fas fa-user-circle"></i> Лира Тенесвет</a>
<a href="#" class="rpg-participant"><i class="fas fa-user-circle"></i> Горн Каменный Молот</a>
</div>
</div>
<div class="rpg-tags">
<span class="rpg-tag"><i class="fas fa-scroll"></i> Вступление</span>
<span class="rpg-tag"><i class="fas fa-mug-hot"></i> Таверна</span>
</div>
<a href="#" class="rpg-episode-link"><i class="fas fa-book-open"></i> Читать →</a>
</div>

<div class="rpg-episode-card" data-status="open">
<div class="rpg-card-header">
<div class="rpg-episode-date"><i class="fas fa-calendar-alt"></i> Зима 1242</div>
<span class="rpg-status-badge open"><i class="fas fa-door-open"></i> Открыт</span>
</div>
<h2 class="rpg-episode-title">Союз драконов</h2>
<p class="rpg-episode-desc">Переговоры с драконами, испытание огнём. В процессе.</p>
<div class="rpg-participants">
<i class="fas fa-users"></i>
<div class="rpg-participant-list">
<a href="#" class="rpg-participant"><i class="fas fa-user-circle"></i> Лира Тенесвет</a>
<a href="#" class="rpg-participant"><i class="fas fa-user-circle"></i> Мираэль Златоцвет</a>
<a href="#" class="rpg-participant"><i class="fas fa-user-circle"></i> Эйдан Ветрокрыл</a>
</div>
</div>
<div class="rpg-tags">
<span class="rpg-tag"><i class="fas fa-dragon"></i> Драконы</span>
<span class="rpg-tag"><i class="fas fa-handshake"></i> Дипломатия</span>
</div>
<a href="#" class="rpg-episode-link"><i class="fas fa-book-open"></i> Читать →</a>
</div>

<div class="rpg-episode-card" data-status="open">
<div class="rpg-card-header">
<div class="rpg-episode-date"><i class="fas fa-calendar-alt"></i> Осень 1243</div>
<span class="rpg-status-badge open"><i class="fas fa-door-open"></i> Открыт</span>
</div>
<h2 class="rpg-episode-title">Тень под горой</h2>
<p class="rpg-episode-desc">Разведка в подземельях, новые враги и неожиданные союзники.</p>
<div class="rpg-participants">
<i class="fas fa-users"></i>
<div class="rpg-participant-list">
<a href="#" class="rpg-participant"><i class="fas fa-user-circle"></i> Горн Каменный Молот</a>
<a href="#" class="rpg-participant"><i class="fas fa-user-circle"></i> Торвин Железный Кулак</a>
</div>
</div>
<div class="rpg-tags">
<span class="rpg-tag"><i class="fas fa-dungeon"></i> Подземелье</span>
<span class="rpg-tag"><i class="fas fa-skull"></i> Опасность</span>
</div>
<a href="#" class="rpg-episode-link"><i class="fas fa-book-open"></i> Читать →</a>
</div>

<div class="rpg-episode-card" data-status="closed">
<div class="rpg-card-header">
<div class="rpg-episode-date"><i class="fas fa-calendar-alt"></i> Лето 1242</div>
<span class="rpg-status-badge closed"><i class="fas fa-check-circle"></i> Закрыт</span>
</div>
<h2 class="rpg-episode-title">Тайны старого леса</h2>
<p class="rpg-episode-desc">Экспедиция в Древолесье, обретение Сердца Леса. Арка завершена.</p>
<div class="rpg-participants">
<i class="fas fa-users"></i>
<div class="rpg-participant-list">
<a href="#" class="rpg-participant"><i class="fas fa-user-circle"></i> Эйдан Ветрокрыл</a>
<a href="#" class="rpg-participant"><i class="fas fa-user-circle"></i> Лира Тенесвет</a>
<a href="#" class="rpg-participant"><i class="fas fa-user-circle"></i> Мираэль Златоцвет</a>
<a href="#" class="rpg-participant"><i class="fas fa-user-circle"></i> Горн Каменный Молот</a>
</div>
</div>
<div class="rpg-tags">
<span class="rpg-tag"><i class="fas fa-tree"></i> Лес</span>
<span class="rpg-tag"><i class="fas fa-feather-alt"></i> Магия</span>
</div>
<a href="#" class="rpg-episode-link"><i class="fas fa-book-open"></i> Читать →</a>
</div>

<div class="rpg-episode-card" data-status="closed">
<div class="rpg-card-header">
<div class="rpg-episode-date"><i class="fas fa-calendar-alt"></i> Весна 1243</div>
<span class="rpg-status-badge closed"><i class="fas fa-check-circle"></i> Закрыт</span>
</div>
<h2 class="rpg-episode-title">Финал: Возрождение надежды</h2>
<p class="rpg-episode-desc">Битва у Врат Вечности, запечатывание разлома. Завершён.</p>
<div class="rpg-participants">
<i class="fas fa-users"></i>
<div class="rpg-participant-list">
<a href="#" class="rpg-participant"><i class="fas fa-user-circle"></i> Эйдан Ветрокрыл</a>
<a href="#" class="rpg-participant"><i class="fas fa-user-circle"></i> Лира Тенесвет</a>
<a href="#" class="rpg-participant"><i class="fas fa-user-circle"></i> Мираэль Златоцвет</a>
<a href="#" class="rpg-participant"><i class="fas fa-user-circle"></i> Горн Каменный Молот</a>
<a href="#" class="rpg-participant"><i class="fas fa-user-circle"></i> Торвин Железный Кулак</a>
</div>
</div>
<div class="rpg-tags">
<span class="rpg-tag"><i class="fas fa-trophy"></i> Финал</span>
<span class="rpg-tag"><i class="fas fa-sun"></i> Исход</span>
</div>
<a href="#" class="rpg-episode-link"><i class="fas fa-book-open"></i> Читать →</a>
</div>

<div class="rpg-episode-card" data-status="closed">
<div class="rpg-card-header">
<div class="rpg-episode-date"><i class="fas fa-calendar-alt"></i> Зима 1243</div>
<span class="rpg-status-badge closed"><i class="fas fa-check-circle"></i> Закрыт</span>
</div>
<h2 class="rpg-episode-title">Совет старейшин</h2>
<p class="rpg-episode-desc">Политические интриги, выбор нового пути для королевства.</p>
<div class="rpg-participants">
<i class="fas fa-users"></i>
<div class="rpg-participant-list">
<a href="#" class="rpg-participant"><i class="fas fa-user-circle"></i> Эйдан Ветрокрыл</a>
<a href="#" class="rpg-participant"><i class="fas fa-user-circle"></i> Лира Тенесвет</a>
<a href="#" class="rpg-participant"><i class="fas fa-user-circle"></i> Мираэль Златоцвет</a>
</div>
</div>
<div class="rpg-tags">
<span class="rpg-tag"><i class="fas fa-crown"></i> Политика</span>
<span class="rpg-tag"><i class="fas fa-gavel"></i> Совет</span>
</div>
<a href="#" class="rpg-episode-link"><i class="fas fa-book-open"></i> Читать →</a>
</div>

<div class="rpg-episode-card" data-status="abandoned">
<div class="rpg-card-header">
<div class="rpg-episode-date"><i class="fas fa-calendar-alt"></i> Осень 1242</div>
<span class="rpg-status-badge abandoned"><i class="fas fa-skull"></i> Брошен</span>
</div>
<h2 class="rpg-episode-title">Осада крепости Камнемор</h2>
<p class="rpg-episode-desc">Оборона против Тени. Эпизод приостановлен.</p>
<div class="rpg-participants">
<i class="fas fa-users"></i>
<div class="rpg-participant-list">
<a href="#" class="rpg-participant"><i class="fas fa-user-circle"></i> Горн Каменный Молот</a>
<a href="#" class="rpg-participant"><i class="fas fa-user-circle"></i> Эйдан Ветрокрыл</a>
<a href="#" class="rpg-participant"><i class="fas fa-user-circle"></i> Торвин Железный Кулак</a>
</div>
</div>
<div class="rpg-tags">
<span class="rpg-tag"><i class="fas fa-fort-awesome"></i> Осада</span>
<span class="rpg-tag"><i class="fas fa-shield-alt"></i> Битва</span>
</div>
<a href="#" class="rpg-episode-link"><i class="fas fa-book-open"></i> Читать →</a>
</div>

<div class="rpg-episode-card" data-status="abandoned">
<div class="rpg-card-header">
<div class="rpg-episode-date"><i class="fas fa-calendar-alt"></i> Лето 1243</div>
<span class="rpg-status-badge abandoned"><i class="fas fa-skull"></i> Брошен</span>
</div>
<h2 class="rpg-episode-title">Эпилог: Шепот грядущего</h2>
<p class="rpg-episode-desc">Послание из замерзших земель. Эпизод заморожен.</p>
<div class="rpg-participants">
<i class="fas fa-users"></i>
<div class="rpg-participant-list">
<a href="#" class="rpg-participant"><i class="fas fa-user-circle"></i> Мираэль Златоцвет</a>
<a href="#" class="rpg-participant"><i class="fas fa-user-circle"></i> Эйдан Ветрокрыл</a>
</div>
</div>
<div class="rpg-tags">
<span class="rpg-tag"><i class="fas fa-snowflake"></i> Заморожен</span>
<span class="rpg-tag"><i class="fas fa-scroll"></i> Пророчество</span>
</div>
<a href="#" class="rpg-episode-link"><i class="fas fa-book-open"></i> Читать →</a>
</div>

<div class="rpg-episode-card" data-status="abandoned">
<div class="rpg-card-header">
<div class="rpg-episode-date"><i class="fas fa-calendar-alt"></i> Весна 1242</div>
<span class="rpg-status-badge abandoned"><i class="fas fa-skull"></i> Брошен</span>
</div>
<h2 class="rpg-episode-title">Пепелище империи</h2>
<p class="rpg-episode-desc">Расследование гибели каравана, заброшенная сюжетная линия.</p>
<div class="rpg-participants">
<i class="fas fa-users"></i>
<div class="rpg-participant-list">
<a href="#" class="rpg-participant"><i class="fas fa-user-circle"></i> Лира Тенесвет</a>
<a href="#" class="rpg-participant"><i class="fas fa-user-circle"></i> Горн Каменный Молот</a>
</div>
</div>
<div class="rpg-tags">
<span class="rpg-tag"><i class="fas fa-fire"></i> Пожар</span>
<span class="rpg-tag"><i class="fas fa-route"></i> Квест</span>
</div>
<a href="#" class="rpg-episode-link"><i class="fas fa-book-open"></i> Читать →</a>
</div>
</div>
</div>[/html]