[hideprofile][html]
<style>
/* --- Сброс отступов и базовые настройки --- */
* {
box-sizing: border-box;
margin: 0;
padding: 0;
}
body {
font-family: Arial, sans-serif;
line-height: 1.5;
color: #333;
background: #f6f4ef;
padding: 20px;
}
.container {
max-width: 960px;
margin: 0 auto;
}
h1 {
text-align: center;
margin-bottom: 40px;
font-size: 2.5rem;
letter-spacing: 1px;
color: #1a1a1a;
}
/* --- Структура статьи --- */
.article {
display: flex;
flex-wrap: wrap;
margin-bottom: 50px;
border-bottom: 1px solid #ccc;
padding-bottom: 30px;
}
.article:nth-child(even) {
flex-direction: row-reverse;
}
.thumb {
flex: 1 1 40%;
padding-right: 20px;
}
.article:nth-child(even) .thumb {
padding-right: 0;
padding-left: 20px;
}
.thumb img {
width: 100%;
height: auto;
display: block;
border-radius: 4px;
}
.text {
flex: 1 1 60%;
}
.text h2 {
font-size: 1.8rem;
margin-bottom: 10px;
color: #222;
}
.meta {
font-size: 0.9rem;
color: #666;
margin-bottom: 15px;
}
.text p {
margin-bottom: 12px;
}
.quote {
font-style: italic;
border-left: 3px solid #999;
padding-left: 12px;
color: #555;
margin: 15px 0;
}
/* Стили блока игровых зацепок */
.game-hooks {
background: transparent;
border: 1px solid rgba(128, 128, 0, 0.3); /* тонкая полупрозрачная олива */
border-radius: 4px;
padding: 10px;
margin-top: 15px;
}
.game-hooks h3 {
color: #666; /* менее контрастный заголовок */
font-size: 1.2rem;
margin-bottom: 8px;
}
.game-hooks ul {
padding-left: 16px; /* чуть уменьшенный отступ для списка */
}
.game-hooks li {
margin-bottom: 6px;
color: #444; /* чуть более мягкий цвет текста */
line-height: 1.3;
}
.game-hooks ul {
list-style: disc inside;
}
.game-hooks li {
margin-bottom: 8px;
line-height: 1.4;
}
</style>
</head>
<body>
<div class="container">
<!-- 1. Неоновый парад -->
<article class="article">
<div class="thumb">
<img src="https://upforme.ru/uploads/001c/85/42/2/346939.png" alt="Неоновый парад в Голливуде" />
</div>
<div class="text">
<h2>«Неоновый парад: мифы среди нас?»</h2>
<div class="meta">14 сентября 2025 — Сансет-бульвар, Голливуд</div>
<p>Ежегодный костюмированный парад в честь культового фильма «Город теней» приобрёл мистический оттенок. Среди участников были замечены фигуры, напоминающие древних богов и двигающиеся слишком слаженно, чтобы быть людьми.</p>
<div class="quote">«Я думал, это просто актёр, но когда он посмотрел на меня — я вспомнил сон из детства. Это был он. Точно он.» — Марк Л., бармен</div>
<!-- Блок игровых зацепок -->
<div class="game-hooks">
<h3>Игровые зацепки:</h3>
<ul>
<li> ► Возможность для персонажа-бога появиться публично, не вызывая подозрений</li>
<li> ► Случайная встреча с другим персонажем в толпе </li>
<li> ► Возможен эпизод с пробуждением силы или её утечкой в момент эмоционального всплеска</li>
</ul>
</div>
</div>
</article>
<!-- 2. Галерея иллюзий -->
<article class="article">
<div class="thumb">
<img src="https://upforme.ru/uploads/001c/85/42/2/121212.png" alt="Галерея «Иллюзии и отражения»" />
</div>
<div class="text">
<h2>«Картина, которая смотрит в тебя»</h2>
<div class="meta">16 сентября 2025 — Галерея «Линия Тени»</div>
<p>На выставке «Иллюзии и отражения» представлена картина, «изменяющаяся» в зависимости от зрителя: некоторые посетители видели в ней сцены из собственной жизни, которых не было.</p>
<div class="quote">«Она показала мне, как я умер. Но я ведь жив. Или… нет?» — Эрик В., студент</div>
<div class="game-hooks">
<h3>Игровые зацепки:</h3>
<ul>
<li> ► Персонаж может увидеть в картине свою прошлую жизнь или альтернативную версию</li>
<li> ► Возможность для эпизода с персонажем, связанным с иллюзиями</li>
<li> ► Случайная встреча с куратором выставки, который знает больше, чем говорит.</li>
</ul>
</div>
</div>
</article>
<!-- 3. Исчезновения -->
<article class="article">
<div class="thumb">
<img src="https://upforme.ru/uploads/001c/85/42/2/13131.png" alt="Исчезновения в районе Затерянных улиц" />
</div>
<div class="text">
<h2>«Песнь без слов: исчезновения в Затерянных улицах»</h2>
<div class="meta">18 сентября 2025 — Затерянные улицы</div>
<p>Три бездомных пропали за одну ночь. Свидетели слышали «песнь без слов» и ощущали, как воздух вокруг стал плотным, а уличные фонари померкли.</p>
<div class="quote">«Я слышал, как кто-то пел. Без слов. Просто звук, будто изнутри меня. Я не мог двигаться.» — Роберто С., местный житель</div>
<div class="game-hooks">
<h3>Игровые зацепки:</h3>
<ul>
<li> ► Эпизод с расследованием исчезновений</li>
<li> ► Возможность для персонажа почувствовать отклик силы или аномалии</li>
<li> ► Встреча с одним из исчезнувших, который вернулся… другим</li>
</ul>
</div>
</div>
</article>
<!-- 4. Джаз в «Небесной Тени» -->
<article class="article">
<div class="thumb">
<img src="https://upforme.ru/uploads/001c/85/42/2/14141.png" alt="Ночной джаз в «Небесной Тени»" />
</div>
<div class="text">
<h2>«Ночь джаза и теней: магия в “Небесной Тени”»</h2>
<div class="meta">20 сентября 2025 — Клуб «Небесная Тень»</div>
<p>Закрытая джазовая сессия вызвала слухи: один из музыкантов играл мелодии, пробуждающие у слушателей воспоминания, которых не существовало.</p>
<div class="quote">«Я вспомнил женщину, которую никогда не встречал. Я знал её имя, я знал, как она пахнет. Это было… неправильно.» — Анонимный гость</div>
<div class="game-hooks">
<h3>Игровые зацепки:</h3>
<ul>
<li> ► Эпизод с эмоциональным флэшбеком</li>
<li> ► Возможность для тайной встречи, признания или сделки</li>
<li> ► Музыкант может быть богом носителем</li>
</ul>
</div>
</div>
</article>
<!-- 5. Вспышка над океаном -->
<article class="article">
<div class="thumb">
<img src="https://upforme.ru/uploads/001c/85/42/2/10195.png" alt="Огни над океаном" />
</div>
<div class="text">
<h2>«Огни над океаном: Prometheus отрицает причастность»</h2>
<div class="meta">22 сентября 2025 — побережье Санта-Моники</div>
<p>Над водой вспыхнуло странное огненное сияние, после которого в прибрежных районах на несколько минут пропала связь. Prometheus Corp заявила, что никаких работ не велось.</p>
<div class="quote">«Это были символы. Огненные знаки в небе. Я не знаю, что они значили, но я… чувствовала их.» — Джулианна К., рыбачка</div>
<div class="game-hooks">
<h3>Игровые зацепки:</h3>
<ul>
<li> ► Эпизод с наблюдением, попыткой расшифровки символов</li>
<li> ► Возможность для персонажа почувствовать пробуждение силы</li>
<li> ► Слухи, которые можно использовать как повод для диалога, конфликта или поиска</li>
</ul>
</div>
</div>
</article>
</div>
</body>
</html>[/html]
