Газета The Eureka Echo

hide-autor

[html]<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Газетный шаблон — колонки переставлены</title>
<style>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Alumni+Sans+Pinstripe:ital@0;1&family=Marck+Script&family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet">

/* Общий сброс для внутренних элементов — только для классов газеты */
.newspaper-root * {
margin: 0px;
padding: 0px;
box-sizing: border-box;
}

/* Гарантируем, что корневой элемент позиционирован */
.newspaper-root {
position: relative ;
isolation: isolate;
background: #fff;
color: #000;

}

/* Создаём слой с шумом */
.newspaper-root::before {
content: '' ;
position: absolute;
top: 0 ;
left: 0 ;
width: 100% ;
height: 100% ;
pointer-events: none ;
z-index: 9999 ;
background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence baseFrequency='0.85' numOctaves='3' /%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.25' fill='black' /%3E%3C/svg%3E") ;
background-repeat: repeat ;
background-size: 320px 320px ;
mix-blend-mode: multiply ;
opacity: 0.8 ;
}

/* Глобальные стили для текста */
.newspaper-root p {
margin-bottom: 0.75em;
color: #000;
}

/* Верхняя часть */
.newspaper-top-line {
display: flex;
justify-content: flex-end;
border-top: 2px solid #000;
padding-top: 6px;
font-size: 0.8rem;
letter-spacing: 0.5px;
}
.newspaper-website {
font-family: monospace;
font-size: 0.75rem;
color: #2c2c2c;
background: #f5f5f5;
padding: 2px 6px;
}

.newspaper-title {
text-align: center;
font-size: 4rem;
font-weight: 800;
letter-spacing: -0.5px;
text-transform: uppercase;
font-family: 'Alumni Sans Pinstripe', 'Arial Black', 'Helvetica Bold', sans-serif;
word-break: keep-all;
}

.newspaper-red { color: #c00; }
.newspaper-line{border-bottom: 1px solid #aaa;
padding-bottom: 6px;
margin-bottom: 12px;}

.newspaper-title-meta {
background: #c00;
padding: 5px;
margin: 0 15px 5px;
text-align: center;
color: #fff;
text-transform: uppercase;
letter-spacing: 0.7em;
}

.newspaper-meta {
display: flex;
justify-content: space-between;
font-size: 0.75rem;
text-transform: uppercase;
border-bottom: 1px solid #aaa;
padding-bottom: 6px;
margin-bottom: 12px;
font-family: 'Courier New', monospace;
font-weight: bold;
}
.newspaper-date, .newspaper-circulation {
background: #f9f9f9;
padding: 2px 6px;
}

.newspaper-divider {
height: 2px;
background: #000;
margin: 12px 0;
}
.newspaper-thin-divider {
height: 1px;
background: #ccc;
margin: 8px 0;
}

.newspaper-issue-headline {
font-size: 1.8rem;
font-weight: 700;
text-align: center;
margin: 0.5em 0 0.2em;
font-family: 'Noto Sans', serif;
letter-spacing: -0.3px;
}

.newspaper-issue-headline p {
margin: 0 0 20px !important;
line-height: 0.5 !important;
font-family: "Marck Script", cursive;
}

/* Основная сетка: левая широкая + правая узкая */
.newspaper-main-layout {
display: flex;
gap: 5px;
margin: 20px 0 30px;
position: relative;
}

/* Левая широкая колонка (3/4) */
.newspaper-content {
width: 75%;
padding-right: 12px;
border-right: 1px solid #aaa; /* вертикальная разделительная линия */
}

/* Правая узкая колонка (1/4) */
.newspaper-sidebar {
width: 25%;
padding-left: 4px;
margin-right: 10px;
}

/* стили для правой узкой колонки (бывшая левая) */
.newspaper-subheading {
font-size: 1.3rem;
font-weight: 700;
margin: 0 0 0.4em;
border-left: 3px solid #c00;
padding-left: 8px;
font-family: 'Georgia', serif;
}
.newspaper-inset {
background: #faf6e9;
border-left: 4px solid #b8860b;
padding: 10px 12px;
margin: 1em 0;
font-style: italic;
font-size: 0.85rem;
}
.newspaper-inset img {
max-width: 100%;
margin-bottom: 6px;
display: block;
}
.newspaper-sidebar p {
font-size: 0.85rem;
margin-bottom: 0.8em;
}
.newspaper-author-line {
text-align: right;
font-size: 0.7rem;
font-weight: bold;
margin-top: -0.2em;
margin-bottom: 1.2em;
font-family: monospace;
letter-spacing: 0.3px;
border-top: 1px dotted #ccc;
padding-top: 4px;
display: inline-block;
width: 100%;
}

/* ЛЕВАЯ ШИРОКАЯ КОЛОНКА: крупное изображение */
.newspaper-hero-img {
width: 100%;
margin-bottom: 6px;
background: #eaeaea;
display: block;
}
.newspaper-hero-img img {
width: 100%;
height: auto;
display: block;
}
.newspaper-img-caption {
font-size: 0.7rem;
color: #444;
padding-bottom: 8px;
font-family: 'Noto Sans', sans-serif;
text-align: right;
}

.newspaper-img-caption-text {
font-size: 0.7rem;
border-bottom: 1px solid #ddd;
padding-bottom: 8px;
padding-left: 8px;
margin-bottom: 10px;
font-weight: 700;
}

.newspaper-title-news {
/* text-align: center; */
text-transform: uppercase;
margin: 0 10px;
text-shadow: 0 0 black;}

/* Сетка для трех колонок — теперь все колонки независимы */
.newspaper-columns-grid {
display: grid;
grid-template-columns: 1fr 2fr; /* первая колонка 33.33%, правый блок 66.66% */
gap: 0px;
}

.newspaper-right-block {
display: flex;
flex-direction: column;
gap: 8px;
}

.newspaper-right-columns {
display: grid;
grid-template-columns: 1fr 1fr; /* внутри правого блока делим на две равные части */
gap: 0px;
}

.newspaper-col23-image {
width: 100%;
}

.newspaper-column-yellow{
column-count: 3;
column-gap: 8px;
background: #faf6e9;
border-left: 4px solid #b8860b;
padding: 10px 0;
}

/* общие стили для текста колонок */
.newspaper-col-first p, .newspaper-col-second p, .newspaper-col-third p {
font-size: 0.85rem;
text-align: justify;
}

/* большая буквица (drop cap) только в первом абзаце первой колонки */
.newspaper-col-first0 p:first-of-type::first-letter {
font-size: 3.8em;
float: left;
font-weight: bold;
line-height: 0.8;
margin-right: 8px;
margin-top: 0.05em;
font-family: 'Times New Roman', serif;
color: #c00;
padding: 0 2px;
}

/* изображение под второй и третьей колонкой */
.newspaper-bottom-img {
width: 100%;
background: #e2e2e2;
}
.newspaper-bottom-img img {
width: 100%;
height: auto;
display: block;
}
.newspaper-bottom-caption {
font-size: 0.65rem;
text-align: center;
background: #f7f7f7;
padding: 4px 0;
font-style: italic;
color: #3a3a3a;
}

.newspaper-bottom-caption-text {}
.newspaper-bottom-caption-text p {}

/* футер: жирная линия + номер страницы */
.newspaper-footer {
border-top: 4px solid #000;
margin-top: 40px;
padding: 12px 0 8px;
text-align: right;
font-size: 0.8rem;
font-weight: bold;
font-family: monospace;
}

/* дополнительные мелочи */
.newspaper-root small, .newspaper-root .small-note {
font-size: 0.7rem;
}
hr {
border: none;
border-top: 1px solid #ccc;
}

/* iOS/Safari fixes */
.newspaper-col-first,
.newspaper-col-second,
.newspaper-col-third,
.newspaper-right-columns,
.newspaper-right-block,
.newspaper-columns-grid,
.newspaper-content,
.newspaper-sidebar {
min-width: 0;
}

.newspaper-col-first p,
.newspaper-col-second p,
.newspaper-col-third p {
word-wrap: break-word;
overflow-wrap: break-word;
word-break: break-word;
white-space: normal;
}

.newspaper-root {
overflow-x: hidden;
}
</style>
</head>
<body>
<div class="newspaper-root">

<div class="newspaper-top-line">
<div class="newspaper-website">www.rehaze.ru</div>
</div>
<div class="newspaper-title"> <span class="newspaper-red">EUREKA</span> ECHO</div>
<div class="newspaper-title-meta"> скандалы ♦ интриги ♦ расследования</div>
<div class="newspaper-meta">
<span class="newspaper-date">ВОСКРЕСЕНЬЕ, 05 АПРЕЛЯ 2026</span>
<span class="newspaper-circulation">ТИРАЖ № 0001</span>
</div>
<div class="newspaper-divider"></div>

<div class="newspaper-issue-headline">САМЫЕ СВЕЖИЕ СОБЫТИЯ
<p>в нашем любимом загадочном городе</p>
</div>
<div class="newspaper-thin-divider"></div>

<div class="newspaper-main-layout">

<div class="newspaper-content">

<div class="newspaper-hero-img">
<img src="https://jennylatto.com/wp-content/uploads/2021/06/Eureka-Springs-Sign-2-978x675.jpg" alt="Главная иллюстрация">
</div>
<div class="newspaper-img-caption">Вы уже испытали на себе первое проклятие города? Если нет, оно вас само догонит, а если не оно, то бандиты.</div>
<div class="newspaper-img-caption-text">
ГРУППА ПРОПАЛА В ГОРАХ ПОСЛЕ ЗВОНКА В 911! Компания молодых людей отправилась в горы посмотреть на снег и успела подать сигнал в службу спасения, после чего связь оборвалась. Уже три дня район накрыт сильной непогодой, поиски затруднены! Среди пропавших: владелец небольшого музея погребальной культуры «The Symphony Of The Death», рабочий в похоронном бюро и крематории «Искорка», нахлебник, медицинская сестра, водитель скорой и оператор 911, очевидцы говорят — если не залечат, то правильно похоронят.
</div>

<div class="newspaper-title-news"> Local News <i class="fa-solid fa-bullhorn"></i></div>

<div class="newspaper-columns-grid newspaper-line">

<div class="newspaper-col-first newspaper-col-first0">
<p> ЖИТЕЛИ ЗАПЕРТЫ В БИБЛИОТЕКЕ: ВРЕМЯ ОСТАНОВИЛОСЬ?
Несколько молодых людей оказались заблокированы в заброшенной библиотеке на окраине города. По словам источников, выбраться они смогут только при выполнении странных условий — найти ключи и выключить часы. Очевидцы утверждают, что часы в здании идут «неправильно» уже много лет.
</p>

<p>СЕКТАНТЫ ГОТОВЯТСЯ КО ВТОРОЙ ПОПЫТКЕ! По данным наших источников, в городе действует группа последователей, пытающихся собрать «разделённую душу», спрятанную по всему городу. Первая попытка провалилась — вторая, по их словам, будет успешной. И, судя по всему, кубики уже брошены...</p>

<p>ТАЙНАЯ ЦЕРЕМОНИЯ В МУЗЕЕ: FESTUM LUCIS! В музее “The Symphony of the Death” проходит странная экскурсия, совпадающая с неофициальной датой «праздника света». По словам очевидцев, группа людей готовилась к «важному событию» весь месяц... </p>

</div>


<div class="newspaper-right-block ">
<div class="newspaper-right-columns">
<div class="newspaper-col-second">

<p>ИСЧЕЗНОВЕНИЯ В ЛАЗЕРВУДЕ: ГОРОД ПРИВЫК К ЭТОМУ? Туристы продолжают исчезать, а официальные версии остаются прежними: дикая природа, погода и человеческая глупость. Хотя, давайте вспомним слухи о заброшенном мотеле! В сети распространяется подкаст о пропавших женщинах за последние 150 лет, если вы носительница гена ХХ, поосторожничай. Да, больше, чем обычно.</p>
<p>ГОРОД СХОДИТ С УМА? ВСПЛЕСК БЕССОННИЦЫ И АГРЕССИИ! Жители массово жалуются на кошмары, бессонницу и резкие перепады настроения. Полиция фиксирует рост бытовых конфликтов, больницы перегружены! Тем временем в парке Лейк-Лезерс несколько человек оказались заперты после внезапного отключения света и блокировки ворот. </p>

</div>
<div class="newspaper-col-third">

<p>ПОДРОСТКИ В ЛОВУШКЕ: ЗАБРОШЕННАЯ БИБЛИОТЕКА СНОВА В ДЕЛЕ! Подросток связался с близкими и сказал, что он и другие школьники заперты внутри. Связь нестабильна, взрослые отсутствуют, ситуация вызывает опасения. Молодой человек попросил «только не звонить в полицию». (Мы всё равно позвоним). </p>

<p>ВОКЗАЛ, КОТОРЫЙ НЕ СУЩЕСТВУЕТ! Жители сообщают о странном месте, похожем на старый вокзал, где кассирша печатает на «невидимой машинке», играет музыка без музыканта (нет, это не эмпэтри и не спотифай), поезда стоят, но никуда не едут... </p>

<p>СТРАННЫЕ СОБЫТИЯ! Игра в dungeons and dragons пошла не по плану! Группа подростков играла просто в свою любимую игру, а у них, кажется... ожил сюжет. Молодые люди не выходят на связь! Ждём информации от пострадавших!</p>

</div>

</div>
</div>
</div>

<div class="newspaper-title-news"> Ads / Business <i class="fa-solid fa-briefcase"></i></div>

<div class="newspaper-columns-grid">

<div class="newspaper-col-first">
<p>От Рэй Вальдес: Отдам даром или за добровольное пожертвование доски уиджи, колоды карт таро, хрустальные шары и ритуальные свечи. Коллекция собиралась с шестидесятых годов и ждёт, когда её целиком или по частям заберут в хорошие руки, но можно и не в очень хорошие. Проклятий замечено не было!</p>

<p>От Бёрди Морроу: Дорогие жители Эврики, нашла на свалке ценные вещи, которые могли попасть в мусорку случайно. Перечень находок:<br>
1) неношеный наряд зайки (ушки, плюшевый комбинезон, корсет, хвостик, маска, чулки);
2) набор инструментов хирурга-ортопеда;
3) золотые мужские часы Cartier;
4) мужскую руку до локтя (предположительно, из-под часов);
5) фолиант с инструкцией по призыву злых духов.<br>
Если что-то из этого принадлежит вам, приходите в субботу к колледжу Озаркс. Буду за раскладным столиком, узнаете меня по ушкам. Всё отдам безвозмездно, но буду рада сникерсу.
</p>

<p>Нас просили передать сообщение от загадочной Петры не менее загадочному Смиту. В сообщении: "да". О боже! Это что, согласие на предложение руки и сердца? Наш мастер мёртвых сердец наконец-то получил чье-то живое! Неужели скоро будет свадьба? Ждём всем городом. </p>

<p>В соседних штатах всё чаще проводят уличные гонки, и там участвуют парочка наших местных шумахеров, которые уже привлекли местное бандитское и полицейское внимание. Говорят, частенько гонки устраиваются в Техасе и Алабаме, а до них из нашей деревней рукой подать!
</p>

</div>


<div class="newspaper-right-block">
<div class="newspaper-right-columns">
<div class="newspaper-col-second">

<p>От Бёрда Паркера: Внимание, разыскивается! Курочка Кассандра породы Амераукана, окрас лаванда. Исчезла из курятника пять дней назад. Предположительно, похищена, так как прежде не демонстрировала вольнодумия и была крайне привязана к петуху Аресту. Вознаграждение за возвращение Кассандры в родной дом: 500 долларов, пирог с вымоченными в коньяке сливами и концентрат домашнего куриного бульона.</p>

</div>
<div class="newspaper-col-third">

<p>От Шарлотт Брэддок: В отеле «Бран» сезонные скидки! Спешите забронировать номер и поучаствовать в комнатном квесте. Каждая комната — отдельная история. Какую выберешь ты и не испугаешься ли своего выбора?</p>
<p>От Оникса: В барСучью нору требуются официантки. Требования: 90-60-90, скептик, умение давать в лоб французским психологам, остальному научу сам. Просьба обращаться лично в сарай ведьминой хаты.</p>

</div>
</div>

<div class="newspaper-col23-image">
<div class="newspaper-bottom-img">
<img src="https://i.imgur.com/mwmaorm.png" alt="...">
</div>
<div class="newspaper-bottom-caption">No Case Too Tough for Case!</div>
</div>

<p>От Сонечки: Церковь Утренней Звезды принимает пожертвования для открытия дома престарелых. На данный момент у нас два десятка одиноких стариков, которым нужна помощь. Помимо средств принимаем одежду в приличном состоянии и постельные принадлежности. Адрес: 42 north main street. </p>

<p>От доктора Ковальски: Продам чайный гриб в хорошие руки. Недорого. А то жена выбросит.</p>

</div>
<div class="newspaper-col-third">

<p>От Нолана: Вы видели? Вы слышали? Вы знаете что-то такое, о чем должны узнать все?
МЫ ЖДЕМ ИМЕННО ВАШУ ИСТОРИЮ.
Пишите в Директ @crossroads365
Ваша загадка — наше следующее расследование.
Мы доверяем и проверяем!
#расскажисторию #мистика #ждумвашистории #расследование #призраки #необъяснимое #crossroads365
</p>

<p>Благотворительный фонд Джулиет Симоннс "Hope of The Nation" в очередной раз отправил внушительную сумму денег на лечение, но в этот раз для детей с онкологией.</p>

</div>
</div>

<div class="newspaper-title-news"> Rumors & Whispers <i class="fa-solid fa-radio"></i></div>
<div class="newspaper-column-yellow">
<p>Говорят, один известный и завидный жених из адвокатской конторы нашёл свою пропавшую сестру! Сестра ли она ему вообще? </p>
<p>Одного агента цру случайно увидели с местной знаменитостью — кто помнит правую руку бывшего мэра? Видимо, эта рука хорошо трогает и цру, и мэра... </p>
<p>Слышали, что на известного кардиохирурга напал какой-то псих? Говорят, это было самое настоящее кровавое месиво! Но наш боец пережил поножовщину и скоро снова вернётся в строй. Надеемся, что загадочного виновного поймают. </p>
<p>К слову, о загадочном. В магазине »Crescent Shadow" проводят спиритические сеансы — если вы до сих пор не встречались с призраками, то там точно их увидите. Только будьте осторожны. Говорят, что после одного такого сеанса управляющую рестораном «Baileys», Грейс Саттон, как подменили — точно без одержимости не обошлось. Или девушка просто нашла истинную себя? </p>
<p>Закусочная Sandy's закрыта на неопределённый срок. По данным источников, заведение закрыто на время расследования: в стене кухни был обнаружен детский скелет. Личность ребенка пока не установлена, неизвестно и когда он был замурован в стену. Владелец Sandy's Макс Лазарус отказался от комментариев, однако заверил, что санэпиднормы исправно соблюдались в заведении и будут соблюдаться и впредь. Еды с прахом тут не было, но если вы из товарищей, которые любят нюхнуть перед обедом, и вас не накрыло как обычно, то задумайтесь...</p>
<p>Всё чаще наблюдаем за тем, как женатый сенатор США заглядывает в гости к одной известной республиканке. А может и не к ней вовсе, а к её телохранителю? Говорят, пресс у него не из денег, конечно, но достойный…
</p>

</div>

<div class="newspaper-sidebar">
<div class="newspaper-subheading"><i class="fa-solid fa-flag-usa"></i> <i class="fa-solid fa-car-on"></i> Police Blotter </div>
<p>Эй, вы слышали, что творится в Мексике? Говорят, голова картеля лишился... головы. И не от любви, а от ножа! И всё из-за уроженки нашего с вами любимого города! Вот это мы людей с вами делаем, товарищи, что республиканцы сходят с ума.</p>

<p>Новая партия кокаина вышла бракованной — зарегистрировали уже несколько передозов! В может быть дело в количестве? Пострадавшая — жена известного бандита, осталась в живых, но не дала нам комментариев… </p>
<p>Дистрибьютор и производитель сего товара, к слову, тоже чуть не улетел в больницу (так говорят наши источники), а потом нашёл собственного сына, который эту лавку и пытался-то прикрыть. Какая санта барбара!</p>
<p>Ну и конечно же, помните — употребление наркотиков вредит вашему здоровью! </p>
</p>

<div class="newspaper-inset">
<img src="https://upforme.ru/uploads/001b/d4/18/943/147846.jpg" alt="Врезка" style="width:100%; height:auto;">
<div> Специальный гость — специалист по астрологии, Руслана Вудс, обновила свою гороскопскую колонку.</div>
</div>

<div class="newspaper-subheading"><i class="fa-solid fa-meteor"></i> <i class="fa-solid fa-eye"></i> Horoscope</div>
<p>Ру Вудс — мастер мистификаций, умеет плести ловцы снов, куклы вуду и интриги. Не верит в конкретного бога, но доверяет вселенной, которая отвечает ей взаимностью. Вооружена таро и звёздами.</p>
<div class="newspaper-author-line"><a href="https://rehaze.ru/viewtopic.php?id=3221" >Прочитать про себя!</a></div>

<div class="newspaper-subheading"><i class="fa-solid fa-circle-exclamation"></i> <i class="fa-solid fa-thumbtack"></i> Коротко</div>
<p>• В городе опять творится хрестоматия!<br>
• После полуночи лучше не шастаться где попало!<br>
• Новую партию кокаина не трогаем!</p>
<div class="newspaper-author-line"></div>

<div class="newspaper-inset">
<img src="https://jenniferrizzo.com/wp-content/upload/2023/07/GHost-in-the-garden-thrift-store-painting-600x800.jpg" alt="иллюстрация" style="width:100%;">
<div>Картина дня: местный житель Эврики-Спрингс готовится к весне. © Д. Риззо</div>
</div>
</div>
</div>

<div class="newspaper-footer">
<span>СТРАНИЦА 7 • ПРОДОЛЖЕНИЕ НА СЛЕДУЮЩЕЙ ПОЛОСЕ</span>
</div>
</div>
</body>
</html>[/html]

+24