Найден корректный robots.txt
Файл управления сканированием сайта роботами
?
Robots.txt указывает поисковым роботам, какие страницы сканировать, а какие — нет. Ошибки в файле могут случайно закрыть важные разделы от индексации.
Robots.txt настроен корректно. Размер файла: 10408 байт. Загружен за: 0сек.
Проверяемая страница не запрещена в robots.txt.
Показать содержимое robots.txt
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>404 — Облако унесло страницу</title>
<style>
:root {
--bg1: #0b1220;
--bg2: #111a2e;
--card: rgba(255, 255, 255, 0.08);
--border: rgba(255, 255, 255, 0.14);
--text: #eaf2ff;
--muted: #a9b8d0;
--accent: #7dd3fc;
--accent2: #c084fc;
--success: #86efac;
--shadow: 0 20px 60px rgba(0, 0, 0, 0.35);
}
* {
box-sizing: border-box;
}
html, body {
margin: 0;
min-height: 100%;
font-family: Inter, ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
color: var(--text);
background:
radial-gradient(circle at 20% 20%, rgba(125, 211, 252, 0.15), transparent 30%),
radial-gradient(circle at 80% 30%, rgba(192, 132, 252, 0.14), transparent 28%),
radial-gradient(circle at 50% 80%, rgba(134, 239, 172, 0.10), transparent 24%),
linear-gradient(135deg, var(--bg1), var(--bg2));
overflow: hidden;
}
body {
display: grid;
place-items: center;
padding: 24px;
position: relative;
}
.sky {
position: fixed;
inset: 0;
pointer-events: none;
overflow: hidden;
}
.cloud {
position: absolute;
background: rgba(255,255,255,0.08);
border: 1px solid rgba(255,255,255,0.08);
border-radius: 999px;
filter: blur(1px);
animation: drift linear infinite;
}
.cloud::before,
.cloud::after {
content: "";
position: absolute;
background: inherit;
border: inherit;
border-radius: inherit;
}
.cloud::before {
width: 60%;
height: 90%;
left: 10%;
top: -35%;
}
.cloud::after {
width: 45%;
height: 75%;
right: 12%;
top: -25%;
}
.c1 { width: 180px; height: 56px; left: -220px; top: 12%; animation-duration: 34s; }
.c2 { width: 120px; height: 40px; left: -180px; top: 26%; animation-duration: 28s; animation-delay: -8s; }
.c3 { width: 220px; height: 66px; left: -260px; top: 58%; animation-duration: 42s; animation-delay: -14s; }
.c4 { width: 140px; height: 44px; left: -200px; top: 74%; animation-duration: 31s; animation-delay: -19s; }
@keyframes drift {
from { transform: translateX(0); }
to { transform: translateX(calc(100vw + 420px)); }
}
.card {
position: relative;
width: min(920px, 100%);
background: var(--card);
border: 1px solid var(--border);
backdrop-filter: blur(14px);
-webkit-backdrop-filter: blur(14px);
border-radius: 28px;
box-shadow: var(--shadow);
padding: 42px;
overflow: hidden;
}
.glow {
position: absolute;
inset: auto auto -120px -120px;
width: 300px;
height: 300px;
background: radial-gradient(circle, rgba(125,211,252,0.25), transparent 65%);
filter: blur(12px);
pointer-events: none;
}
.glow2 {
position: absolute;
inset: -120px -120px auto auto;
width: 280px;
height: 280px;
background: radial-gradient(circle, rgba(192,132,252,0.22), transparent 65%);
filter: blur(18px);
pointer-events: none;
}
.grid {
display: grid;
grid-template-columns: 1.1fr 0.9fr;
gap: 28px;
align-items: center;
}
.badge {
display: inline-flex;
align-items: center;
gap: 10px;
padding: 10px 14px;
border-radius: 999px;
background: rgba(255,255,255,0.08);
border: 1px solid rgba(255,255,255,0.12);
color: var(--muted);
font-size: 14px;
margin-bottom: 18px;
}
.dot {
width: 10px;
height: 10px;
border-radius: 50%;
background: linear-gradient(135deg, var(--accent), var(--accent2));
box-shadow: 0 0 12px rgba(125, 211, 252, 0.7);
}
.code {
font-size: clamp(72px, 16vw, 160px);
line-height: 0.9;
margin: 0 0 14px;
font-weight: 900;
letter-spacing: -0.06em;
background: linear-gradient(135deg, #fff, var(--accent), var(--accent2));
-webkit-background-clip: text;
background-clip: text;
color: transparent;
text-shadow: 0 10px 40px rgba(125, 211, 252, 0.15);
}
h1 {
margin: 0 0 12px;
font-size: clamp(28px, 4vw, 46px);
line-height: 1.05;
letter-spacing: -0.03em;
}
p {
margin: 0;
color: var(--muted);
font-size: 18px;
line-height: 1.65;
max-width: 580px;
}
.meme {
margin-top: 18px;
display: inline-flex;
align-items: center;
gap: 10px;
padding: 12px 16px;
border-radius: 16px;
background: rgba(255,255,255,0.06);
border: 1px solid rgba(255,255,255,0.10);
color: #dbeafe;
font-size: 15px;
}
.actions {
display: flex;
flex-wrap: wrap;
gap: 14px;
margin-top: 28px;
}
.btn {
appearance: none;
border: 0;
text-decoration: none;
color: white;
padding: 14px 20px;
border-radius: 16px;
font-weight: 700;
transition: transform .18s ease, box-shadow .18s ease, opacity .18s ease, background .18s ease;
display: inline-flex;
align-items: center;
gap: 10px;
}
.btn:hover {
transform: translateY(-2px);
}
.btn-primary {
background: linear-gradient(135deg, #38bdf8, #8b5cf6);
box-shadow: 0 10px 28px rgba(56, 189, 248, 0.28);
}
.btn-secondary {
background: rgba(255,255,255,0.08);
border: 1px solid rgba(255,255,255,0.12);
color: var(--text);
}
.art-wrap {
display: grid;
place-items: center;
min-height: 320px;
}
.art {
position: relative;
width: min(360px, 100%);
aspect-ratio: 1 / 1;
}
.orb {
position: absolute;
inset: 10% 10%;
border-radius: 50%;
background:
radial-gradient(circle at 35% 30%, rgba(255,255,255,0.9), rgba(255,255,255,0.35) 16%, transparent 17%),
linear-gradient(145deg, rgba(125,211,252,0.95), rgba(192,132,252,0.75));
box-shadow:
0 25px 80px rgba(125, 211, 252, 0.22),
inset 0 -12px 30px rgba(0,0,0,0.15);
animation: floaty 4.6s ease-in-out infinite;
}
.orb::before {
content: "☁";
position: absolute;
inset: 0;
display: grid;
place-items: center;
font-size: clamp(120px, 16vw, 150px);
filter: drop-shadow(0 12px 24px rgba(0,0,0,0.18));
}
.mini-card {
position: absolute;
right: -2%;
bottom: 8%;
width: 180px;
padding: 14px;
border-radius: 18px;
background: rgba(14, 23, 39, 0.8);
border: 1px solid rgba(255,255,255,0.12);
box-shadow: var(--shadow);
animation: floaty 5.2s ease-in-out infinite reverse;
}
.mini-title {
font-size: 13px;
color: var(--muted);
margin-bottom: 8px;
}
.mini-status {
display: flex;
align-items: center;
gap: 8px;
font-size: 14px;
font-weight: 700;
}
.mini-status .green {
width: 10px;
height: 10px;
border-radius: 50%;
background: var(--success);
box-shadow: 0 0 10px rgba(134,239,172,0.6);
}
.lost-tag {
position: absolute;
left: -2%;
top: 8%;
padding: 12px 14px;
border-radius: 16px;
background: rgba(14, 23, 39, 0.78);
border: 1px solid rgba(255,255,255,0.12);
font-size: 14px;
color: var(--muted);
box-shadow: var(--shadow);
animation: floaty 5s ease-in-out infinite;
}
@keyframes floaty {
0%, 100% { transform: translateY(0px); }
50% { transform: translateY(-10px); }
}
.footer {
margin-top: 24px;
color: rgba(234,242,255,0.58);
font-size: 13px;
}
.footer code {
color: #dbeafe;
background: rgba(255,255,255,0.06);
padding: 4px 8px;
border-radius: 10px;
}
@media (max-width: 860px) {
.card {
padding: 28px;
}
.grid {
grid-template-columns: 1fr;
}
.art-wrap {
order: -1;
min-height: 260px;
}
.mini-card {
width: 160px;
}
}
@media (max-width: 520px) {
.card {
border-radius: 22px;
padding: 22px;
}
p {
font-size: 16px;
}
.meme {
font-size: 14px;
}
.btn {
width: 100%;
justify-content: center;
}
}
</style>
</head>
<body>
<div class="sky">
<div class="cloud c1"></div>
<div class="cloud c2"></div>
<div class="cloud c3"></div>
<div class="cloud c4"></div>
</div>
<main class="card">
<div class="glow"></div>
<div class="glow2"></div>
<div class="grid">
<section>
<div class="badge">
<span class="dot"></span>
Облачная ошибка маршрутизации контента
</div>
<div class="code">404</div>
<h1>Страница растворилась в облаках</h1>
<p>
Похоже, ссылка улетела чуть выше тропосферы. Сервер на месте, интернет не сломался,
просто этой страницы здесь больше нет — либо она переехала, либо её унесло
попутным кэш-ветром.
</p>
<div class="meme">
☁️ Сервер: «Я клянусь, она тут была 5 минут назад».
</div>
<div class="actions">
<a class="btn btn-primary" href="/">Вернуться на главную</a>
<a class="btn btn-secondary" href="javascript:history.back()">Шаг назад во времени</a>
</div>
<div class="footer">
Код ошибки: <code>HTTP 404 Not Found</code>
</div>
</section>
<section class="art-wrap">
<div class="art">
<div class="lost-tag">Поиск страницы...<br><strong>результат: где-то в небе</strong></div>
<div class="orb"></div>
<div class="mini-card">
<div class="mini-title">Cloud status</div>
<div class="mini-status">
<span class="green"></span>
Сервер жив, страница интроверт
</div>
</div>
</div>
</section>
</div>
</main>
</body>
</html>
OpenResty