[hideprofile][html]

<div class="arc-newsroom">

  <div class="arc-newsroom__header">
    <div class="arc-newsroom__date">
      <span>выпуск</span>
      <b>23.05</b>
    </div>

    <div class="arc-newsroom__title">
      <span>Радио Республики</span>
      <h2>Сегодня в эфире</h2>
    </div>
  </div>

  <div class="arc-newsroom__content">

    <p>
Приветствуем читателей и писателей! Наш форум наконец открыл свои двери. Позади остались три долгие недели упорной работы над дизайном, написанием лора и бесконечных обсуждений, без которых всё это просто не стало бы тем, чем является сейчас.</p>
<p>Отдельную благодарность хочется выразить тем, кто был рядом с нами на этапе обсуждений на Маяке: <b>Ion Disruptor</b> — за идеи игромеханики, <b>Sol</b> — за активное участие и вовлечённость, и вступление в админ состав, <b>Rain</b> — за моральную поддержку и желание помочь в администрировании, <b>Аспид’у</b> — за веру в нас и нашу задумку, <b>Жабберу</b> — за обсуждение временного промежутка и энтузиазм.</p>
<p>Вы все огромные молодцы. Во многом именно благодаря вам этот форум в итоге появился на свет!</p>
<p>И, что ж, перейдём от комплиментов к главному: многие шаблоны, включая шаблоны анкет и хронологий, у нас вынесены не в отдельные темы, а на самостоятельные страницы. Для удобства была добавлена форма заполнения, которая корректно работает как на ПК, так и на мобильных устройствах.</p>
<p>Сам форум в целом адаптирован под мобильную версию. Помимо смены общей гаммы дизайна, у вас есть возможность точечно подстраивать отдельные оттенки под себя. Браузер запоминает выбранные настройки, так что слетать они, по идее, не должны — техника иногда любит характер показать, но мы постарались её приручить.</p>
<p>Чтобы воспользоваться всеми возможностями настройки оформления, нажмите на ⚙️ в левой части форума. Там же находится вкладка со ссылками на важные темы проекта. Если какой-то ссылки со временем начнёт не хватать в шапке, она будет перенесена именно туда.</p>
<p>Продолжая тему шаблонов, стоит сказать, что почти всё HTML-содержимое в постах у нас генерируется через формы. Это было сделано для того, чтобы пользователи не путались в кодах и могли спокойно оформлять нужные элементы без необходимости вручную разбираться в вёрстке.</p>

<p>Но огромная просьба внимательно читать подсказки и заполнять поля строго так, как указано в форме. В противном случае есть вероятность, что код просто не соберётся или часть оформления отобразится некорректно.</p>

<p>Также на форуме имеется собственный шаблон оформления для каждого вида эпизодов — активной игры, флешбеков и альтернативы. Основа шаблона была позаимствована и немного переработана под нужды проекта. Источник: <a href="https://mayak.f-rpg.me/viewtopic.php?id=9#p132141" target="_blank">mayak.f-rpg.me</a>, авторства <b>flower moon killer</b>. Спасибо ему за этот прекрасный шаблон!</p>

<p>У нас расписан подробный лор, а для удобства внутри тем расположены ссылки, которые помогут быстро перейти к нужной главе. В одной теме собраны как сюжет, так и актуальная хронология, как правила, так и игромеханика.</p>

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

<p>Завершая свой поток мысли, желаю всем приятного чтения — и будем ждать вас на просторах нашего форума!</p>
  </div>

  <div class="arc-newsroom__footer">

    <div class="arc-newsroom__best-post">
      <div class="arc-newsroom__footer-title">Лучший пост</div>

      <div class="arc-newsroom__best-text">
        <p>
          Раздел ждёт своего героя!
        </p>
      </div>

      <div class="arc-newsroom__author">
        <a href="ССЫЛКА">Тут должен быть ты</a>
      </div>
    </div>

    <div class="arc-newsroom__best-episode">
      <div class="arc-newsroom__footer-title">Лучший эпизод</div>

      <div class="arc-newsroom__episode-name">
        <a href="ССЫЛКА">should I stay or should I go?</a>
      </div>
    </div>

  </div>

</div>

<STYLE>
.arc-newsroom {

background-image:
  linear-gradient(
    180deg,
    color-mix(in srgb, var(--wiki-white) 72%, transparent),
    color-mix(in srgb, var(--wiki-card) 92%, transparent)
  ),

  linear-gradient(
    90deg,
    color-mix(in srgb, var(--wiki-card) 96%, transparent) 0%,
    color-mix(in srgb, var(--wiki-card) 72%, transparent) 38%,
    transparent 100%
  ),

  url("https://i.pinimg.com/736x/ce/8e/73/ce8e7389118b4416930fcbf8bc95abc3.jpg");

}

html.dark .arc-newsroom {

background-image:
  linear-gradient(
    180deg,
    color-mix(in srgb, var(--wiki-white) 72%, transparent),
    color-mix(in srgb, var(--wiki-card) 92%, transparent)
  ),

  linear-gradient(
    90deg,
    color-mix(in srgb, var(--wiki-card) 96%, transparent) 0%,
    color-mix(in srgb, var(--wiki-card) 72%, transparent) 38%,
    transparent 100%
  ),

  url("https://i.pinimg.com/736x/22/91/06/22910606e402fa6b89313b8dcd633191.jpg");

}
</STYLE>
[/html]