<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>SCP Foundation - Стилизованная статья</title>
<style>
- {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
background-color: #000;
color: #ccc;
font-family: 'Courier New', monospace;
line-height: 1.6;
padding: 20px;
position: relative;
overflow-x: hidden;
min-height: 100vh;
}
/* Эффект помех/зернистости */
body::before {
content: "";
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image:
radial-gradient(circle at 15% 50%, rgba(255, 255, 255, 0.03) 1px, transparent 1px),
radial-gradient(circle at 85% 30%, rgba(255, 255, 255, 0.03) 1px, transparent 1px);
background-size: 20px 20px;
pointer-events: none;
z-index: 100;
animation: grain 0.5s steps(1) infinite;
}
@keyframes grain {
0%, 100% { transform: translate(0, 0); }
10% { transform: translate(-0.5px, -1px); }
20% { transform: translate(-1px, 0.5px); }
30% { transform: translate(0.5px, 1px); }
40% { transform: translate(0.5px, -1px); }
50% { transform: translate(0px, 0.5px); }
60% { transform: translate(1px, 0px); }
70% { transform: translate(-0.5px, 0px); }
80% { transform: translate(-1px, -0.5px); }
90% { transform: translate(0.5px, 1px); }
}
/* Абстрактные боковые рисунки */
.side-design {
position: fixed;
top: 0;
height: 100vh;
width: 150px;
pointer-events: none;
z-index: 1;
opacity: 0.15;
}
.left-design {
left: 0;
background:
/* Абстрактные линии и фигуры */
linear-gradient(45deg, transparent 95%, #fff 95%),
linear-gradient(-45deg, transparent 90%, #fff 90%),
radial-gradient(circle at 30% 50%, transparent 15px, #fff 15px, #fff 17px, transparent 17px),
linear-gradient(90deg, transparent 80%, #fff 80%),
linear-gradient(90deg, transparent 30%, #fff 30%, #fff 32%, transparent 32%);
}
.right-design {
right: 0;
background:
/* Абстрактные линии и фигуры */
linear-gradient(-45deg, transparent 95%, #fff 95%),
linear-gradient(45deg, transparent 90%, #fff 90%),
radial-gradient(circle at 70% 50%, transparent 15px, #fff 15px, #fff 17px, transparent 17px),
linear-gradient(90deg, #fff 20%, transparent 20%),
linear-gradient(90deg, transparent 68%, #fff 68%, #fff 70%, transparent 70%);
}
/* Контейнер для контента */
.container {
max-width: 800px;
margin: 30px auto;
padding: 30px;
background-color: rgba(10, 10, 10, 0.8);
border: 1px solid #333;
position: relative;
z-index: 2;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
}
/* Стили заголовков */
h1 {
color: #ff0000;
text-align: center;
margin-bottom: 30px;
font-size: 2.5rem;
text-transform: uppercase;
letter-spacing: 3px;
text-shadow: 0 0 10px rgba(255, 0, 0, 0.7);
border-bottom: 1px solid #333;
padding-bottom: 15px;
}
h2 {
color: #ff3333;
margin: 25px 0 15px;
font-size: 1.8rem;
border-left: 3px solid #ff3333;
padding-left: 15px;
}
/* Стили текста */
p {
margin-bottom: 20px;
font-size: 1.05rem;
}
/* Блок с предупреждением */
.warning {
background-color: rgba(170, 0, 0, 0.2);
border: 1px solid #ff0000;
padding: 15px;
margin: 20px 0;
border-left: 5px solid #ff0000;
}
/* Списки */
ul {
list-style-type: none;
padding-left: 20px;
margin-bottom: 20px;
}
li {
margin-bottom: 10px;
position: relative;
padding-left: 25px;
}
li::before {
content: "▪";
color: #ff3333;
position: absolute;
left: 0;
}
/* Футер */
.footer {
text-align: center;
margin-top: 40px;
font-size: 0.9rem;
color: #666;
border-top: 1px solid #333;
padding-top: 20px;
}
</style>
</head>
<body>
<!— Абстрактные боковые рисунки —>
<div class="side-design left-design"></div>
<div class="side-design right-design"></div>
<div class="container">
<h1>SCP-173</h1>
<div class="warning">
<strong>Уровень допуска:</strong> 3<br>
<strong>Класс объекта:</strong> Евклид
</div>
<h2>Описание</h2>
<p>SCP-173 представляет собой статую, изготовленную из бетона и арматурного железа, с признаками краски Krylon. Объект перемещается крайне быстро, когда не находится в прямом зрительном контакте.</p>
<p>Комната SCP-173 должна очищаться вручную каждый день. Любой персонал, входящий в комнату, должен постоянно поддерживать зрительный контакт с SCP-173 до выхода из помещения.</p>
<h2>Особые условия содержания</h2>
<p>Объект должен содержаться в прочном замке при всех условиях. При обслуживании SCP-173 в его камере должно находиться не менее трёх человек, и дверь должна быть заблокирована.</p>
<p>В случае происшествия, нарушения контакта или обнаружения посторонних звуков из помещения объекта, персонал должен немедленно сообщить об этом старшему сотруднику службы безопасности.</p>
<h2>Примечания</h2>
<p>Объект был обнаружен в ██████, █████ на выставке современного искусства. На данный момент не существует способа уничтожения SCP-173.</p>
<ul>
<li>Никогда не нарушайте зрительный контакт с SCP-173</li>
<li>Не оставляйте объект без наблюдения</li>
<li>При необходимости моргания делайте это по очереди в группе</li>
</ul>
<div class="footer">
⚠️ КЛАССИФИЦИРОВАНО - ДОСТУП ТОЛЬКО ДЛЯ ПЕРСОНАЛА УРОВНЯ 3 И ВЫШЕ ⚠️
</div>
</div>
</body>
</html>