[hideprofile]

[html]<!doctype html>
<html lang="ru">
<head>
  <meta charset="utf-8" />
  <meta name="viewport" content="width=device-width,initial-scale=1" />
  <title>Шаблон эпизода — сепия</title>

  <!-- Подключение шрифта (при необходимости) -->
  <link href="https://fonts.googleapis.com/css2?family=Yeseva+One&display=swap" rel="stylesheet">

</head>
<body>

  <!-- ==== ШАБЛОН ЭПИЗОДА — ЗАПОЛНИ ПОЛЯ НИЖЕ ==== -->
  <article class="ep-card" aria-labelledby="ep-title">

    <header class="ep-head">
      <h1 id="ep-title" class="ep-title">Название эпизода</h1>
    </header>

    <div class="ep-meta" role="list">
      <div class="ep-pill" role="listitem"><b>Локация:</b> указать</div>
      <div class="ep-pill" role="listitem"><b>Время:</b> указать</div>
    </div>

    <div class="ep-actors" aria-label="Участники">
      <span class="ep-chip"><a href="ссылка-на-профиль">Имя</a></span>
      <span class="ep-chip"><a href="ссылка-на-профиль">Имя</a></span>
      <span class="ep-chip"><a href="ссылка-на-профиль">Имя</a></span>
      <!-- Добавляй/удаляй чипы по необходимости -->
    </div>

    <div class="ep-sep" role="separator" aria-hidden="true"></div>

   <section class="ep-refs" aria-label="Вдохновляющие изображения">
      <figure>
        <img src="https://i.pinimg.com/originals/a3/01/54/a301544e8537e787a5446075d3fc4b8f.gif" alt="Референс 1">
        <figcaption>подпись под картинкой если нужна</figcaption>
      </figure>

      <figure>
        <img src="https://i.pinimg.com/originals/73/a8/c2/73a8c263ec4419a6b21bc7ed18adcdb4.gif" alt="Референс 2">
        <figcaption>подпись под картинкой если нужна</figcaption>
      </figure>
    </section>

    <div class="ep-sep" role="separator" aria-hidden="true"></div>

    <section class="ep-body" aria-labelledby="ep-summary">
      <h2 id="ep-summary" style="display:none">Описание эпизода</h2>

      <p><strong>Краткое описание:</strong> Здесь опиши завязку, цели персонажей и стартовую ситуацию. 3–6 предложений: что произошло до входа в сцену, какие ставки и к чему ведёт эпизод.</p>

      <blockquote>Можно вставить короткую атмосферную цитату или «вступительный аккорд».</blockquote>

      <p>Дальше — детали: точки входа, возможные осложнения, важные предметы/улики, таймеры. Если требуется — перечисли ходы мастера или условия завершения.</p>
    </section>

    <footer class="ep-foot" aria-hidden="true">✦ цитатка</footer>
  </article>

</body>
</html>[/html]

Код:
[html]<!doctype html>
<html lang="ru">
<head>
  <meta charset="utf-8" />
  <meta name="viewport" content="width=device-width,initial-scale=1" />
  <title>Шаблон эпизода — сепия</title>

  <!-- Подключение шрифта (при необходимости) -->
  <link href="https://fonts.googleapis.com/css2?family=Yeseva+One&display=swap" rel="stylesheet">

</head>
<body>

  <!-- ==== ШАБЛОН ЭПИЗОДА — ЗАПОЛНИ ПОЛЯ НИЖЕ ==== -->
  <article class="ep-card" aria-labelledby="ep-title">

    <header class="ep-head">
      <h1 id="ep-title" class="ep-title">Название эпизода</h1>
    </header>

    <div class="ep-meta" role="list">
      <div class="ep-pill" role="listitem"><b>Локация:</b> указать</div>
      <div class="ep-pill" role="listitem"><b>Время:</b> указать</div>
    </div>

    <div class="ep-actors" aria-label="Участники">
      <span class="ep-chip"><a href="ссылка-на-профиль">Имя</a></span>
      <span class="ep-chip"><a href="ссылка-на-профиль">Имя</a></span>
      <span class="ep-chip"><a href="ссылка-на-профиль">Имя</a></span>
      <!-- Добавляй/удаляй чипы по необходимости -->
    </div>

    <div class="ep-sep" role="separator" aria-hidden="true"></div>

   <section class="ep-refs" aria-label="Вдохновляющие изображения">
      <figure>
        <img src="https://i.pinimg.com/originals/a3/01/54/a301544e8537e787a5446075d3fc4b8f.gif" alt="Референс 1">
        <figcaption>подпись под картинкой если нужна</figcaption>
      </figure>

      <figure>
        <img src="https://i.pinimg.com/originals/73/a8/c2/73a8c263ec4419a6b21bc7ed18adcdb4.gif" alt="Референс 2">
        <figcaption>подпись под картинкой если нужна</figcaption>
      </figure>
    </section>

    <div class="ep-sep" role="separator" aria-hidden="true"></div>

    <section class="ep-body" aria-labelledby="ep-summary">
      <h2 id="ep-summary" style="display:none">Описание эпизода</h2>

      <p><strong>Краткое описание:</strong> Здесь опиши завязку, цели персонажей и стартовую ситуацию. 3–6 предложений: что произошло до входа в сцену, какие ставки и к чему ведёт эпизод.</p>

      <blockquote>Можно вставить короткую атмосферную цитату или «вступительный аккорд».</blockquote>

      <p>Дальше — детали: точки входа, возможные осложнения, важные предметы/улики, таймеры. Если требуется — перечисли ходы мастера или условия завершения.</p>
    </section>

    <footer class="ep-foot" aria-hidden="true">✦ цитатка</footer>
  </article>

</body>
</html>[/html]