Files
redgifs-video-downloader/website/404.html
T

99 lines
3.6 KiB
HTML

<!doctype html>
<html lang="ru">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Страница не найдена — RedGifs Video Downloader</title>
<meta name="description" content="Такой страницы нет.">
<meta name="robots" content="noindex">
<meta name="theme-color" content="#070a0f">
<meta name="color-scheme" content="dark">
<!--
Self-contained on purpose: GitHub Pages serves this file for a missing path at
ANY depth, so neither relative nor root-absolute asset links can be trusted.
Everything below is inlined, and the home link is derived from the URL.
-->
<style>
:root { color-scheme: dark; }
* { box-sizing: border-box; }
body {
margin: 0;
min-height: 100vh;
display: grid;
place-items: center;
padding: 40px 22px;
background:
radial-gradient(760px 460px at 76% -6%, rgba(240, 68, 104, 0.22), transparent 62%),
radial-gradient(680px 420px at 8% 10%, rgba(166, 108, 255, 0.12), transparent 60%),
linear-gradient(178deg, #0b0f17 0%, #070a0f 68%);
color: #f4f7fb;
font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont,
"Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
line-height: 1.6;
text-align: center;
}
b {
display: block;
font-size: clamp(76px, 15vw, 148px);
font-weight: 800;
letter-spacing: -0.05em;
line-height: 1;
background: linear-gradient(140deg, #ff8aa3, #f04468 55%, #bf254c);
-webkit-background-clip: text;
background-clip: text;
color: transparent;
}
h1 { margin: 16px 0 10px; font-size: clamp(22px, 3.4vw, 32px); font-weight: 800; letter-spacing: -0.02em; }
p { margin: 0 0 28px; color: #a3aec1; }
a {
display: inline-flex;
align-items: center;
gap: 9px;
padding: 12px 22px;
border-radius: 13px;
background: linear-gradient(135deg, #ff5a7c 0%, #f04468 52%, #bf254c 100%);
color: #fff;
font-weight: 700;
text-decoration: none;
box-shadow: 0 14px 38px rgba(240, 68, 104, 0.28);
transition: transform 160ms cubic-bezier(.22,1,.36,1), filter 160ms ease;
}
a:hover { transform: translateY(-2px); filter: brightness(1.08); }
a svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
@media (prefers-reduced-motion: reduce) { a { transition: none; } }
</style>
</head>
<body>
<main>
<b>404</b>
<h1 id="title">Страница не найдена</h1>
<p id="text">Ссылка не работает или страница переехала.</p>
<a id="home" href="/extention/redgifs/">
<svg viewBox="0 0 24 24" aria-hidden="true"><path d="M19 12H5"/><path d="m11 6-6 6 6 6"/></svg>
<span id="cta">Вернуться на главную</span>
</a>
</main>
<script>
(function () {
document.getElementById('home').setAttribute('href', '/extention/redgifs/');
// Match the language preference chosen on the rest of the site.
var lang = null;
try { lang = localStorage.getItem('rgvd-lang'); } catch (err) { lang = null; }
if (lang !== 'ru' && lang !== 'en') {
lang = (navigator.language || '').toLowerCase().indexOf('ru') === 0 ? 'ru' : 'en';
}
if (lang === 'en') {
document.documentElement.setAttribute('lang', 'en');
document.title = 'Page not found — RedGifs Video Downloader';
document.getElementById('title').textContent = 'Page not found';
document.getElementById('text').textContent = 'The link is broken or the page has moved.';
document.getElementById('cta').textContent = 'Back to the overview';
}
})();
</script>
</body>
</html>