66 lines
4.7 KiB
HTML
66 lines
4.7 KiB
HTML
<!doctype html>
|
|
<html lang="ru">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<title>Тёмная · Правило: изменить или удалить</title>
|
|
<script src="./support.js"></script>
|
|
</head>
|
|
<body>
|
|
<x-dc>
|
|
<helmet>
|
|
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap">
|
|
<style>
|
|
body{margin:0}
|
|
a{color:#B69DFF}a:hover{color:#D0C2FF}
|
|
</style>
|
|
</helmet>
|
|
<div style="position: relative; width: 390px; height: 844px; box-sizing: border-box; background: rgba(28,27,32,0.5); font-family: 'Manrope', system-ui, sans-serif; color: #E5E1E9; overflow: hidden; display: flex; flex-direction: column; justify-content: flex-end">
|
|
<section role="dialog" aria-label="Правило" style="border-radius: 32px 32px 0 0; background: #141318; padding: 12px 16px 28px; display: flex; flex-direction: column; gap: 14px">
|
|
<span style="align-self: center; width: 36px; height: 4px; border-radius: 2px; background: #48454E"></span>
|
|
|
|
<div style="margin: 4px 4px 0; display: flex; flex-direction: column; gap: 6px">
|
|
<span style="align-self: flex-start; padding: 3px 7px; border-radius: 8px; background: #1E2A44; color: #A8C7FF; font-size: 10px; font-weight: 800">САЙТ</span>
|
|
<h1 style="margin: 0; font: 800 22px ui-monospace, 'Cascadia Mono', Menlo, monospace; letter-spacing: -0.02em; overflow-wrap: anywhere">chatgpt.com</h1>
|
|
</div>
|
|
|
|
<div style="border-radius: 22px; background: #1F1D24; border: 1px solid #2E2B35; display: flex; align-items: center; gap: 12px; padding: 0 14px 0 16px; height: 60px">
|
|
<span style="flex: 1; display: flex; flex-direction: column; gap: 2px">
|
|
<span style="font-size: 15px; font-weight: 700">Правило включено</span>
|
|
<span style="font-size: 12px; color: #A9A3BF">Выключенное остаётся в списке</span>
|
|
</span>
|
|
<button aria-pressed="true" aria-label="Правило включено" style="flex: none; width: 52px; height: 32px; border: 0; border-radius: 16px; background: #6D4AFF; padding: 4px; display: flex; justify-content: flex-end"><span style="width: 24px; height: 24px; border-radius: 12px; background: #1F1D24"></span></button>
|
|
</div>
|
|
|
|
<span style="padding: 0 4px; font-size: 13px; font-weight: 700; color: #CAC4D0">Куда направлять</span>
|
|
<div role="radiogroup" aria-label="Куда" style="display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px">
|
|
<button style="padding: 14px; border-radius: 18px; border: 1px solid #48454E; background: #1F1D24; text-align: left; font-family: 'Manrope', sans-serif; color: #E5E1E9; display: flex; flex-direction: column; gap: 4px">
|
|
<span style="font-size: 15px; font-weight: 800">Напрямую</span>
|
|
<span style="font-size: 12px; line-height: 1.35; color: #CAC4D0">Мимо VPN</span>
|
|
</button>
|
|
<button aria-pressed="true" style="padding: 14px; border-radius: 18px; border: 2px solid #6D4AFF; background: #2A2343; text-align: left; font-family: 'Manrope', sans-serif; color: #E5E1E9; display: flex; flex-direction: column; gap: 4px">
|
|
<span style="font-size: 15px; font-weight: 800">Через VPN</span>
|
|
<span style="font-size: 12px; line-height: 1.35; color: #CAC4D0">Даже если сайт в базе РФ</span>
|
|
</button>
|
|
</div>
|
|
|
|
<div style="padding: 12px 14px; border-radius: 18px; background: #2A2343; font-size: 13px; line-height: 1.45; color: #E0DAF5">Сейчас у сайта 3 адреса: <span style="font-family: ui-monospace, 'Cascadia Mono', Menlo, monospace">104.18.32.47, 172.64.155.209, 2606:4700::6812:202f</span>. Они обновляются при подключении и раз в 30 минут.</div>
|
|
|
|
<div style="display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px">
|
|
<a href="D_RuleDeleted.dc.html" style="height: 56px; border-radius: 18px; background: #4A1C1C; color: #FFB4AB; text-decoration: none; display: flex; align-items: center; justify-content: center; gap: 8px; font-size: 15px; font-weight: 800">
|
|
<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M5 7h14M10 11v6M14 11v6M7 7l1 13h8l1-13M9 7V4h6v3"/></svg>Удалить
|
|
</a>
|
|
<a href="D_Rules.dc.html" style="height: 56px; border-radius: 18px; background: #6D4AFF; color: #FFFFFF; text-decoration: none; display: flex; align-items: center; justify-content: center; font-size: 15px; font-weight: 800">Готово</a>
|
|
</div>
|
|
</section>
|
|
</div>
|
|
</x-dc>
|
|
<script type="text/x-dc" data-dc-script data-props='{"$preview":{"width":390,"height":844}}'>
|
|
class Component extends DCLogic {
|
|
renderVals() {
|
|
return {};
|
|
}
|
|
}
|
|
</script>
|
|
</body>
|
|
</html>
|