[html]<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Хронология</title>
<style>
/* Основной стиль для страницы */
body {
font-family: Arial, sans-serif;
background-color: #101010;
color: #ccc;
margin: 0;
padding: 0;
}
/* Контейнер для хронологии */
.timeline-container {
width: 78%;
margin: 18px auto;
display: flex;
flex-direction: column;
align-items: flex-start;
position: relative;
}
/* Соединительная линия для всей хронологии */
.timeline-line {
position: absolute;
top: 0;
left: 28px;
width: 3px;
background-color: #444;
height: 100%;
}
/* Отдельные элементы хронологии */
.timeline-item {
display: flex;
align-items: flex-start;
margin-bottom: 18px;
width: 100%;
position: relative;
}
/* Левая часть: дата */
.timeline-date {
background-color: #181818;
color: #c7c7c7;
font-size: 14px;
font-weight: normal;
padding: 8px 13px;
border-radius: 0px;
margin-right: 13px;
width: 148px;
text-align: center;
border: 0px solid #444;
}
/* Правая часть: контент */
.timeline-content {
background-color: #181818;
border: 0px solid #444;
border-radius: 0px;
padding: 13px;
width: calc(100% - 164px);
}
.timeline-content h3 {
color: #fff;
font-size: 16px; /* Уменьшено с 18px */
margin-bottom: 8px;
}
.timeline-content p {
font-size: 12px;
color: #aaa;
line-height: 1.4;
}
</style>
<!-- Контейнер для хронологии -->
<div class="timeline-container">
<!-- Соединительная линия -->
<div class="timeline-line"></div>
<!-- Элемент хронологии -->
<div class="timeline-item">
<div class="timeline-date">Февраль 5 года</div>
<div class="timeline-content">
<h3>Настоящее время</h3>
<p>Буря утихла, но с ней пришёл Живой Туман, угрожающий и живым, и мёртвым. Стая Ядовитого Тумана держится благодаря рассудительности вожака Кайсара, несмотря на подорванный авторитет. Его дочь Рэмиэль, избежавшая гибели, стала символом надежды и единства стаи. Призрачные Следы понесли тяжёлые потери: пропажа в буре вожака и его сыновей, а также остальных лидеров стаи. Серая Кровь сохранила порядок под руководством глашатая Люцифера, хотя вожак Винтер лишился рассудка. В то время как живые страдают от хаоса, нежить, нечувствительная к холоду, только укрепляет свои ряды, а судьба одиноких волков уже предрешена.</p>
</div>
</div>
<!-- Элемент хронологии -->
<div class="timeline-item">
<div class="timeline-date">Январь 5 года</div>
<div class="timeline-content">
<h3>Буря</h3>
<p>Сладкие деньки отдыха были прерваны стихией. Страшная буря разразилась над долиной, принеся в эти края разрушение и смерть. Множество животных, в том числе и волки пали в этом буране. Многие пропали без вести.</p>
</div>
</div>
<!-- Элемент хронологии -->
<div class="timeline-item">
<div class="timeline-date">Октябрь, ноябрь и декабрь 5 года</div>
<div class="timeline-content">
<h3>Затишье перед бурей</h3>
<p>Так в тишине прошли три месяца, давая живым и мертвым возможность передохнуть от бесконечных стычек.</p>
</div>
</div>
<!-- Элемент хронологии -->
<div class="timeline-item">
<div class="timeline-date">Июль, август и сентябрь 5 года</div>
<div class="timeline-content">
<h3>Появление Тенебрис, избранницы Шута. Третий совет стай</h3>
<p>Вожаки запретили покидать безопасные территории. Для поднятия духа организуются массовые охоты на мертвецов у границ. Ядовитый Туман отправляет разведчицу Химеру в опасные земли, где она попадает в окружение нежити, провозгласившей эти территории своими. Вожак спешит с отрядом на помощь, теряет одного воина, остальные спасаются бегством. Оскорбленная нежить наносит ответный удар, истребляя волчат, волчиц и патрульных. Третье собрание трех стай приводит к новым решениям: разрывать тела мертвых, защищать волков-одиночек, уничтожать нежить поодиночке. Одиночки массово присоединяются к стаям ради выживания.</p>
</div>
</div>
<!-- Элемент хронологии -->
<div class="timeline-item">
<div class="timeline-date">Май и июнь 5 года</div>
<div class="timeline-content">
<h3>Окончательное укрепление нежити в Опасной зоне</h3>
<p>Тотальное наступление мертвецов прекратилось. Известно, что они крепко обосновались на своей территории и что там, где обитает нежить, всё вокруг становится мёртвым. Деревья засыхают, растения перестают цвести, даже вода становится мутной.</p>
</div>
</div>
<!-- Элемент хронологии -->
<div class="timeline-item">
<div class="timeline-date">Апрель 5 года</div>
<div class="timeline-content">
<h3>Нежить образовывает подобие стаи. Первая встреча с Шутом</h3>
<p>В первые месяцы сражения с нежитью происходили почти каждый день. Стаи потеряли многих, мертвецы же, наоборот, заполучили в свои ряды немало хороших воинов. Ситуация казалась безвыходной. Волки начали терять территории. Опасная зона, как окрестили её живые, росла. Но в одной из битв был обнаружен Шут - волк, обладающий невероятными способностями.</p>
</div>
</div>
<!-- Элемент хронологии -->
<div class="timeline-item">
<div class="timeline-date">Март 5 года</div>
<div class="timeline-content">
<h3>Появление нежити на границах территорий стай. Второй совет стай</h3>
<p>Вскоре нежить стала появляться на границах территорий стай, нападая на воинов, волчат, волчиц, не щадя никого. И даже самые искусные стражи не могли справиться с ней в одиночку. Многие пали жертвами мертвецов. Был созван второй совет трёх стай.</p>
</div>
</div>
<!-- Элемент хронологии -->
<div class="timeline-item">
<div class="timeline-date">Февраль 4 года</div>
<div class="timeline-content">
<h3>Период страха и неопределённости. Исчезновение волков из разных стай. Первый совет трёх стай.</h3>
<p>Стаи охватила тревога, но волки старались не показывать своих чувств. Охотница Серой Крови встретила пропавшего возлюбленного, который избегал её и не возвращался в стаю. Он безмолвным изваянием стоял перед ней, грязный и растрёпанный. К ней присоединились другие, желая убедиться в слухах о своих родных, но все, кто отправился в лес, исчезли. Потери коснулись и Ядовитого Тумана, и Призрачных Следов. Первый созванный Совет трёх стай решил запретить выходы в места, где видели оживших мертвецов, окончательно подтвердив их природу. Оборонительных мер не принимали, считая это лишним.</p>
</div>
</div>
<!-- Элемент хронологии -->
<div class="timeline-item">
<div class="timeline-date">Январь 4 года</div>
<div class="timeline-content">
<h3>Начало</h3>
<p>В первые две недели месяца: из стаи Серой Крови пропало двое волков, патрулирующих границы. На третьей неделе исчезли две охотницы Ядовитого Тумана. Волки пострадавшей стаи заявились к границам Серой Крови за отмщением. После битвы обида не была забыта - наоборот, масштабный конфликт подлил масла в огонь, способный за короткий срок перерасти в продолжение старой войны. Четвёртая неделя: стая Призрачных следов сообщила, что и в этой стае пропали волки. Никто из действующих лиц не взял на себя ответственность за это. А потому вожак Призрачных следов посоветовал прекратить вражду до выяснения обстоятельств.</p>
</div>
</div>
<!-- Элемент хронологии -->
<div class="timeline-item">
<div class="timeline-date">С марта по декабрь 4 года</div>
<div class="timeline-content">
<h3>Период перемирия между стаями Ядовитого Тумана и Серой Крови</h3>
<p></p>
</div>
</div>
<!-- Элемент хронологии -->
<div class="timeline-item">
<div class="timeline-date">С начала летоисчисления до февраля 3 года</div>
<div class="timeline-content">
<h3>Война между стаями Ядовитого Тумана и Серой Крови началась</h3>
<p>С началом войны волки стали считать дни и вести календари. Год начинается в марте.</p>
</div>
</div>
</div>
</body>
</html>
[/html]
Над хронологией работали: Винтер & Мионт & Аделина!
