Files
aura-dns/index.html
T

176 lines
9.6 KiB
HTML

<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Aura Smart DNS — Инструкция</title>
<style>
* { box-sizing: border-box; margin: 0; padding: 0; }
body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; background: #0f0f13; color: #e8e8f0; min-height: 100vh; }
.hero { background: linear-gradient(135deg, #1a1a2e 0%, #16213e 50%, #0f3460 100%); padding: 60px 20px 40px; text-align: center; border-bottom: 1px solid #ffffff15; }
.logo { font-size: 40px; margin-bottom: 12px; }
h1 { font-size: 32px; font-weight: 700; background: linear-gradient(90deg, #a78bfa, #60a5fa); -webkit-background-clip: text; -webkit-text-fill-color: transparent; margin-bottom: 8px; }
.subtitle { color: #94a3b8; font-size: 16px; }
.services { display: flex; flex-wrap: wrap; gap: 8px; justify-content: center; margin-top: 24px; }
.tag { background: #ffffff0f; border: 1px solid #ffffff1a; border-radius: 20px; padding: 4px 14px; font-size: 13px; color: #94a3b8; }
.container { max-width: 760px; margin: 0 auto; padding: 40px 20px; }
.section { margin-bottom: 40px; }
h2 { font-size: 20px; font-weight: 600; color: #e2e8f0; margin-bottom: 16px; display: flex; align-items: center; gap: 10px; }
h2::before { content: ''; display: block; width: 3px; height: 20px; background: linear-gradient(180deg, #a78bfa, #60a5fa); border-radius: 2px; }
.card { background: #1e1e2e; border: 1px solid #ffffff10; border-radius: 12px; padding: 20px; margin-bottom: 12px; }
.step { display: flex; gap: 14px; margin-bottom: 14px; }
.step:last-child { margin-bottom: 0; }
.num { background: linear-gradient(135deg, #a78bfa, #60a5fa); color: white; width: 26px; height: 26px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 12px; font-weight: 700; flex-shrink: 0; margin-top: 1px; }
.step-text { color: #cbd5e1; font-size: 15px; line-height: 1.5; }
.step-text strong { color: #e2e8f0; }
.btn { display: inline-flex; align-items: center; gap: 8px; background: linear-gradient(135deg, #a78bfa, #60a5fa); color: white; font-weight: 600; font-size: 15px; padding: 12px 24px; border-radius: 10px; text-decoration: none; margin-top: 4px; transition: opacity 0.2s; }
.btn:hover { opacity: 0.9; }
.code { background: #0d0d17; border: 1px solid #ffffff15; border-radius: 8px; padding: 12px 16px; font-family: 'SF Mono', 'Fira Code', monospace; font-size: 14px; color: #a78bfa; margin: 8px 0; word-break: break-all; }
.platform-tabs { display: flex; gap: 8px; flex-wrap: wrap; margin-bottom: 16px; }
.tab-label { background: #ffffff08; border: 1px solid #ffffff15; border-radius: 8px; padding: 6px 14px; font-size: 13px; color: #64748b; }
.note { background: #1e293b; border-left: 3px solid #60a5fa; border-radius: 0 8px 8px 0; padding: 12px 16px; font-size: 14px; color: #94a3b8; margin-top: 12px; }
.works { display: grid; grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); gap: 10px; margin-top: 12px; }
.works-item { background: #1e1e2e; border: 1px solid #ffffff10; border-radius: 10px; padding: 12px; text-align: center; }
.works-item .icon { font-size: 22px; margin-bottom: 4px; }
.works-item .name { font-size: 12px; color: #94a3b8; }
</style>
</head>
<body>
<div class="hero">
<div class="logo"></div>
<h1>Aura Smart DNS</h1>
<p class="subtitle">Разблокировка стриминга, игр и AI-сервисов без VPN</p>
<div class="services">
<span class="tag">Netflix</span><span class="tag">Spotify</span><span class="tag">ChatGPT</span>
<span class="tag">Claude</span><span class="tag">Gemini</span><span class="tag">Grok</span>
<span class="tag">YouTube</span><span class="tag">Telegram</span><span class="tag">Xbox Live</span>
<span class="tag">PlayStation</span><span class="tag">Steam</span><span class="tag">Epic Games</span>
</div>
</div>
<div class="container">
<div class="section">
<h2>Настройка iOS (рекомендуется)</h2>
<div class="card">
<div class="step">
<div class="num">1</div>
<div class="step-text">Нажмите кнопку ниже — скачается профиль конфигурации</div>
</div>
<div class="step">
<div class="num">2</div>
<div class="step-text">Откройте <strong>Настройки → Загруженный профиль</strong></div>
</div>
<div class="step">
<div class="num">3</div>
<div class="step-text">Нажмите <strong>«Установить»</strong> и введите код блокировки</div>
</div>
<div class="step">
<div class="num">4</div>
<div class="step-text">Готово — DNS работает автоматически на Wi-Fi и мобильном интернете</div>
</div>
<a href="/aura-dns.mobileconfig" class="btn">📲 Скачать профиль iOS</a>
<div class="note">Профиль использует DNS-over-HTTPS (DoH) — трафик зашифрован, провайдер не видит запросы</div>
</div>
</div>
<div class="section">
<h2>Настройка Android</h2>
<div class="card">
<div class="step">
<div class="num">1</div>
<div class="step-text">Откройте <strong>Настройки → Сеть и интернет → Частный DNS</strong></div>
</div>
<div class="step">
<div class="num">2</div>
<div class="step-text">Выберите <strong>«Частный DNS-провайдер»</strong> и введите:</div>
</div>
<div class="code">dns.aura-store.ru</div>
<div class="step">
<div class="num">3</div>
<div class="step-text">Нажмите <strong>«Сохранить»</strong></div>
</div>
</div>
</div>
<div class="section">
<h2>Настройка Windows 11</h2>
<div class="card">
<div class="step">
<div class="num">1</div>
<div class="step-text"><strong>Параметры → Сеть и Интернет → Wi-Fi → Свойства оборудования</strong></div>
</div>
<div class="step">
<div class="num">2</div>
<div class="step-text">DNS-сервер → <strong>Изменить</strong> → Ручной → включить IPv4</div>
</div>
<div class="step">
<div class="num">3</div>
<div class="step-text">Предпочитаемый DNS: <strong>144.31.234.143</strong> · DNS over HTTPS: <strong>Вкл</strong></div>
</div>
<div class="code">144.31.234.143</div>
</div>
</div>
<div class="section">
<h2>Настройка macOS</h2>
<div class="card">
<div class="step">
<div class="num">1</div>
<div class="step-text"><strong>Системные настройки → Сеть → Wi-Fi → Подробнее → DNS</strong></div>
</div>
<div class="step">
<div class="num">2</div>
<div class="step-text">Удалите текущие DNS-серверы, добавьте:</div>
</div>
<div class="code">144.31.234.143</div>
</div>
</div>
<div class="section">
<h2>Настройка роутера (все устройства сразу)</h2>
<div class="card">
<div class="step">
<div class="num">1</div>
<div class="step-text">Войдите в панель роутера (обычно <strong>192.168.1.1</strong>)</div>
</div>
<div class="step">
<div class="num">2</div>
<div class="step-text">Найдите раздел <strong>WAN → DNS</strong> или <strong>DHCP → DNS</strong></div>
</div>
<div class="step">
<div class="num">3</div>
<div class="step-text">Установите DNS:</div>
</div>
<div class="code">Основной: 144.31.234.143
Резервный: 8.8.8.8</div>
</div>
</div>
<div class="section">
<h2>Что разблокируется</h2>
<div class="works">
<div class="works-item"><div class="icon">🎬</div><div class="name">Netflix</div></div>
<div class="works-item"><div class="icon">🎵</div><div class="name">Spotify</div></div>
<div class="works-item"><div class="icon">🤖</div><div class="name">ChatGPT</div></div>
<div class="works-item"><div class="icon">🧠</div><div class="name">Claude</div></div>
<div class="works-item"><div class="icon"></div><div class="name">Gemini</div></div>
<div class="works-item"><div class="icon">🐦</div><div class="name">Grok</div></div>
<div class="works-item"><div class="icon">▶️</div><div class="name">YouTube</div></div>
<div class="works-item"><div class="icon">✈️</div><div class="name">Telegram</div></div>
<div class="works-item"><div class="icon">🎮</div><div class="name">Xbox Live</div></div>
<div class="works-item"><div class="icon">🎮</div><div class="name">PlayStation</div></div>
<div class="works-item"><div class="icon">🎲</div><div class="name">Steam</div></div>
<div class="works-item"><div class="icon">🎯</div><div class="name">Epic Games</div></div>
</div>
</div>
<div class="note" style="margin-top:0">
<strong>Как работает:</strong> Smart DNS перехватывает только DNS-запросы к заблокированным сервисам и направляет трафик через нидерландский сервер. Остальные запросы идут напрямую — скорость интернета не снижается.
</div>
</div>
</body>
</html>