[hideprofile]
[html]<div class="lore-timeline">
<div class="inner-box">
<div class="timeline-main-title">ХРОНОЛОГИЯ</div>
<!-- ГОД 1 -->
<div class="timeline-year">
<div class="year-title">1998</div>
<div class="months">
<div class="month"><strong>Август. Первые случаи заражения. </strong>В новостях передают о единичных случаях обращения в больницы на юге США с жалобами на странную сыпь в виде чешуи.</div>
<div class="month"><strong>Сентябрь. Первые случаи смертей. </strong>Первые случаи самовозгорания пациентов замечены в Луизиане.</div>
<div class="month"><strong>Декабрь.</strong> Количество погибших от неизвестной "драконьей болезни" превысило 5 тысяч человек, количество заражённых — не менее 100 тысяч по всему миру. Больше всего погибших в Луизиане. <em> <strong><br> <br>ВОЗ присваивает болезни статус пандемии.</strong></em></div>
</div>
</div>
<!-- ГОД 2 -->
<div class="timeline-year">
<div class="year-title">1999</div>
<div class="months">
<div class="month"><strong>Январь. Изоляция.</strong> Полностью закрывается воздушное пространство США, ограничены передвижения между штатами.</div>
<div class="month"><strong>Март. Временные госпитали. </strong> Для тех, кто обнаружил у себя следы болезни, созданы временные госпитали, где пациентов стараются уберечь от самовозгорания.</div>
<div class="month"><strong>Апрель.</strong> Количество погибших по всему миру <strong><em>более 10 млн человек</em></strong> и растёт с каждым днём. Люди сгорают заживо прямо на работе, дома и на улице.</div>
<div class="month"><strong>Май. Статус катастрофы.</strong> Официальное название болезни — <strong><em>"драконья чешуя".</em></strong> Ей присвоен статус катастрофы. Введены военные положения. Пожарная служба проходит переквалификацию.</div>
<div class="month"><strong>Июнь. Вторая волна изоляции. </strong> Передвижение между штатами полностью прекращено.</div>
<div class="month"><strong>Июль. Анархия. </strong>Сенат Флориды распущен. Теперь управление переходит в руки военных.</div>
<div class="month"><strong>Август. Полная анархия. </strong>Объявлена охота на тех, у кого заметят драконью чешую. Существуют отдельные группы выживших и избежавших казни. Отдельными людьми предприняты первые попытки контролировать вирус, но это, скорее, слухи.</div>
</div>
</div>
<!-- ГОД 3 -->
<div class="timeline-year">
<div class="year-title">2000-2023</div>
<div class="months">
<div class="month"><strong>Вирус мутировал и стал ещё более непредсказуем.</strong> У носителей драконьей чешуи рождаются здоровые дети, некоторые из них не заражаются и в дальнейшем, однако далеко не все.<br><br>
В 2010 году начинаются первые <em>исчезновения детей от 2000 года рождения</em>, но никто не пытается установить связь между ними.<br><br>
Начались первые попытки разработать вакцину от вируса, из-за чего были приостановлены исследования по разработке вакцины от рака.</div>
</div>
</div>
<!-- ГОД 4 -->
<div class="timeline-year">
<div class="year-title">2024</div>
<div class="months">
<div class="month">На телевидении появляются <strong><em>"голоса"</em></strong> — те, кто якобы научит людей "мириться" и жить с чешуёй. <strong><br><br>Инквизиция пытается выявить источник трансляций, но пока безуспешно.</strong></div>
</div>
</div>
<!-- ГОД 5 -->
<div class="timeline-year">
<div class="year-title">2025</div>
<div class="months">
<div class="month"><strong>Сентябрь.</strong> По стране прокатились серии терактов, которые устраивали группы заражённых. Брайтвинна они коснулись тоже. Группы людей целенаправленно приходили в людные места и вспыхивали, как спички, как будто до тех пор намеренно сдерживали огонь внутри себя.</div>
<div class="month"><strong>Октябрь.</strong> В срочном порядке финансирование разработки вакцины от драконьей чешуи получил некий секретный правительственный объект, именуемый Институтом. Это связано с тем, что стандартные исследовательские институты так и не справились со своей задачей.</div>
<div class="month"><strong>Ноябрь.</strong> Первые опыты на людях завершены успешно. Скоро вакцина поступит в пользование. Пока в ограниченном количестве.</div>
<div class="month"><strong>Конец ноября.</strong> Вакцинировано около <strong>5000</strong> человек в Брайтвинне и более <strong>500 000</strong> — по стране.</div>
<div class="month"><strong>7 декабря.</strong> Институт оповестил о непредвиденной ситуации с теми, на ком была испытана вакцина. От дальнейших комментариев воздержался.</div>
<div class="month"><strong>10 декабря. </strong>У всех, кто получил вакцину, стали отмечаться неконтролируемые приступы ярости, попытки причинить вред всем, кто находится рядом. Власти рекомендуют не выходить из дома и не контактировать с теми, кто успел получить вакцину, а также о необходимости сообщать о подобных случаях по каналам экстренной связи.</div>
<div class="month"><strong>12 декабря.</strong> В психлечебнице произошёл взрыв. Кто стал виновником этому взрыву - неизвестно, главное, что больницу срочно пришлось эвакуировать, и оттуда сбежало не менее 10 психически нездоровых людей.</div>
<div class="month"><strong>Конец декабря.</strong> Объявлено чрезвычайное положение. Основной проблемой теперь стали не люди с драконьей чешуёй (хотя те ещё опасны, напоминают власти), а те, кто был вакцинирован. Предполагают, что вакцина продолжает распространяться подпольно, но подтверждений этой информации нет.</div>
</div>
</div>
<!-- ГОД 6 -->
<div class="timeline-year">
<div class="year-title">2026</div>
<div class="months">
<div class="month"><strong>Январь.</strong> Многие производства в городе и за его пределами остановлены. Мир делится на тех, кто в любой момент может сгореть, тех, кто желает человеческой плоти и убивает без раздумий, передавая новый, случайно выведенный вирус укушенным, и выжившим, которых меньшинство. <br><br>
"Голоса" всё чаще дают о себе знать, устраивая через ничего не подозревающих людей диверсии. В этот раз страдает городская церковь. Она сгорает до тла.<br><br>
Вирус ярости мутирует. Теперь для заражения не обязательно колоть вакцину - достаточно, чтобы в рану попала слюна уже имеющего бешенство.</div>
</div>
</div>
</div>
</div>
<style>
/* Шрифт */
@font-face {
font-family: 'Cinzel';
src: url('https://raw.githubusercontent.com/tukiteruamano-a11y/anketa/main/cinzel_regular.ttf') format('truetype');
}
/* ===== Главный контейнер ===== */
.lore-timeline {
width: 850px;
margin: 20px auto;
font-family: 'Cinzel', serif;
font-size: 14px;
color: #2f3029;
background: url("https://i.ibb.co/0xP0jH4/6bbf97e48d3c1d7905e6169de8564e74.jpg");
background-repeat: repeat;
border-radius: 20px;
padding: 5px;
box-sizing: border-box;
}
.inner-box {
background: #c7c7c7;
border-radius: 16px;
padding: 5px;
box-sizing: border-box;
}
/* ===== Главный заголовок ===== */
.timeline-main-title {
margin: 5px;
padding: 10px 40px;
background: url(https://i.ibb.co/0xP0jH4/6bbf97e48d3c1d … 564e74.jpg);
background-repeat: repeat;
border-radius: 16px;
font-size: 22px;
font-weight: bold;
text-align: center;
color: #c7c7c7;
}
/* ===== Год (внешняя рамка) ===== */
.timeline-year {
margin: 25px 10px 25px 10px;
padding: 5px;
border: 1px solid #a9a9a9;
border-radius: 16px;
position: relative;
background: url(https://i.ibb.co/0xP0jH4/6bbf97e48d3c1d … 564e74.jpg);
background-repeat: repeat;
}
/* ===== Фон года ===== */
.timeline-year::before {
content: "";
position: absolute;
inset: 5px;
background: #c7c7c7;
border-radius: 12px;
z-index: 0;
}
/* ===== Заголовок года ===== */
.year-title {
position: relative;
z-index: 1;
width: max-content;
margin: -18px auto 10px;
padding: 6px 26px;
background: url("https://i.ibb.co/0xP0jH4/6bbf97e48d3c1d7905e6169de8564e74.jpg");
background-repeat: repeat;
border-radius: 14px;
font-size: 18px;
font-weight: bold;
text-align: center;
color: #c7c7c7;
}
/* ===== Месяцы ===== */
.months {
position: relative;
z-index: 1;
display: flex;
flex-wrap: wrap;
gap: 10px;
padding: 10px;
}
/* ===== Внешняя рамка месяца ===== */
.month {
flex: 1 1 calc(50% - 10px);
border: 1px solid #a9a9a9;
border-radius: 12px;
box-sizing: border-box;
text-align: justify;
padding: 10px;
color: #2f3029;
}
/* ===== Текст месяца ===== */
.month {
position: relative;
}
.month strong {
font-weight: bold;
}
.month em {
font-style: italic;
}
[/html]



























