[html]<div class="guestbook-header">
<img src="https://upforme.ru/uploads/001c/b5/f3/2/251859.png" style="width: 100%; height: auto; display: block;">
</div>
<div class="guestbook-main" style="padding: 20px; max-width: 100%; box-sizing: border-box;">
<div class="guestbook-table" style="display: block; width: 100%;">
<!-- Заголовок хроники -->
<div style="text-align: center; font-size: 1.8em; font-weight: bold; margin-bottom: 5px; color: #c6a785; font-family: 'Marck Script', cursive;">
<br>
ЛИЛИ-ДЕЙЛСКАЯ ХРОНИКА
</div>
<div style="text-align: center; font-size: 1.2em; margin-bottom: 5px; color: #c6a785;">
(Том II: 1950 — настоящее время)
</div>
<!-- Составитель -->
<div style="text-align: center; font-size: 1em; margin-bottom: 20px; color: #e6dcc3; font-family: Georgia, serif;">
Составитель: Агата Пруитт, Наблюдатель 3-го ранга, Библиотека<br>
Начато: 1 сентября 1952 года.
</div>
<!-- Баннеры-годы (горизонтальный ряд) -->
<div style="display: flex; flex-wrap: wrap; gap: 8px; justify-content: center; margin-bottom: 20px;">
<a href="https://lilymists.rusff.me/viewtopic.php?id=10#p32" target="_top" style="background: #2e4a3a; color: #d4edc9; padding: 8px 14px; border-radius: 6px; text-decoration: none; font-weight: bold; box-shadow: 0 2px 4px rgba(0,0,0,0.3);">1950-е</a>
<a href="https://lilymists.rusff.me/viewtopic.php?id=10#p33" target="_top" style="background: #2e4a3a; color: #d4edc9; padding: 8px 14px; border-radius: 6px; text-decoration: none; font-weight: bold; box-shadow: 0 2px 4px rgba(0,0,0,0.3);">1960-е</a>
<a href="https://lilymists.rusff.me/viewtopic.php?id=10#p34" target="_top" style="background: #2e4a3a; color: #d4edc9; padding: 8px 14px; border-radius: 6px; text-decoration: none; font-weight: bold; box-shadow: 0 2px 4px rgba(0,0,0,0.3);">1970-е</a>
<a href="https://lilymists.rusff.me/viewtopic.php?id=10#p35" target="_top" style="background: #2e4a3a; color: #d4edc9; padding: 8px 14px; border-radius: 6px; text-decoration: none; font-weight: bold; box-shadow: 0 2px 4px rgba(0,0,0,0.3);">1980-е</a>
<a href="https://lilymists.rusff.me/viewtopic.php?id=10#p36" target="_top" style="background: #2e4a3a; color: #d4edc9; padding: 8px 14px; border-radius: 6px; text-decoration: none; font-weight: bold; box-shadow: 0 2px 4px rgba(0,0,0,0.3);">1990-е</a>
<a href="https://lilymists.rusff.me/viewtopic.php?id=10#p37" target="_top" style="background: #2e4a3a; color: #d4edc9; padding: 8px 14px; border-radius: 6px; text-decoration: none; font-weight: bold; box-shadow: 0 2px 4px rgba(0,0,0,0.3);">2000-е</a>
<a href="https://lilymists.rusff.me/viewtopic.php?id=10#p38" target="_top" style="background: #2e4a3a; color: #d4edc9; padding: 8px 14px; border-radius: 6px; text-decoration: none; font-weight: bold; box-shadow: 0 2px 4px rgba(0,0,0,0.3);">2010-е</a>
<a href="https://lilymists.rusff.me/viewtopic.php?id=10#p39" target="_top" style="background: #2e4a3a; color: #d4edc9; padding: 8px 14px; border-radius: 6px; text-decoration: none; font-weight: bold; box-shadow: 0 2px 4px rgba(0,0,0,0.3);">2020-е</a>
<a href="https://lilymists.rusff.me/viewtopic.php?id=10#p40" target="_top" style="background: #2e4a3a; color: #d4edc9; padding: 8px 14px; border-radius: 6px; text-decoration: none; font-weight: bold; box-shadow: 0 2px 4px rgba(0,0,0,0.3);">2025</a>
<a href="https://lilymists.rusff.me/viewtopic.php?id=10#p41" target="_top" style="background: #2e4a3a; color: #d4edc9; padding: 8px 14px; border-radius: 6px; text-decoration: none; font-weight: bold; box-shadow: 0 2px 4px rgba(0,0,0,0.3);">2026</a>
</div>
<!-- Спойлер с дополнительной картинкой -->
<details style="background: #232a3f; padding: 12px; border-radius: 8px; color: #e6dcc3; margin-bottom: 15px; box-shadow: 0 4px 6px rgba(0,0,0,0.3); border: 1px solid #4a6b5a;">
<summary style="font-weight: bold; color: #d4edc9; cursor: pointer;">Показать архивный снимок</summary>
<div style="text-align: center; margin-top: 10px;">
<img src="https://upforme.ru/uploads/001c/b5/f3/3/561479.jpg" style="max-width: 100%; height: auto;">
</div>
</details>
<!-- Предисловие составителя -->
<blockquote style="background: rgba(0,0,0,0.3); border-left: 4px solid #2e8b57; padding: 15px; margin: 0 0 20px; border-radius: 4px; color: #e6dcc3;">
<div style="text-align: center; font-weight: bold; font-size: 1.2em; margin-bottom: 10px; color: #d4edc9;">Предисловие Составителя</div>
<p style="margin: 0; line-height: 1.6;">Я начинаю этот том в год, когда приняла на себя обязанности Хранителя Архива Лили-Дейла от моего предшественника, Эзры Торна, ныне покойного. Его записи были фрагментарны. Он больше доверял памяти, чем бумаге. Я же предпочитаю порядок.</p>
<p style="margin: 10px 0 0; line-height: 1.6;">Этот том охватывает период с 1950 года до текущего момента. Более ранние события, насколько их удалось восстановить по обрывочным свидетельствам, газетным вырезкам и записям других Наблюдателей, собраны в Приложении А. Настоятельно рекомендую ознакомиться с ним прежде, чем делать поспешные выводы о природе нашего города.</p>
<div style="text-align: right; margin-top: 10px; font-style: italic;">— А.П.</div>
</blockquote>
<!-- Приложение А -->
<div style="text-align: center; margin-bottom: 15px;">
<a href="https://lilymists.rusff.me/viewtopic.php?id=10#p42" target="_top" style="display: inline-block; background: #2e4a3a; color: #d4edc9; padding: 10px 20px; border-radius: 6px; text-decoration: none; font-weight: bold; box-shadow: 0 2px 4px rgba(0,0,0,0.3);">
ПРИЛОЖЕНИЕ А: ФРАГМЕНТЫ ДО 1950 ГОДА
</a>
</div>
</div>
</div>[/html]
[hideprofile]

















