strongswan-ext/src/frontends/android/docs/design/final-2026/D_VpnConsent.dc.html

<!doctype html>
<html lang="ru">
<head>
<meta charset="utf-8">
<title>Тёмная · Системный запрос VPN</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&amp;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.55); font-family: 'Manrope', system-ui, sans-serif; color: #E5E1E9; overflow: hidden; display: flex; flex-direction: column; justify-content: space-between; padding: 24px 20px 32px">
  <section style="padding: 16px; border-radius: 22px; background: #141318; display: flex; gap: 12px; align-items: flex-start">
    <span style="flex: none; width: 36px; height: 36px; border-radius: 12px; background: #6D4AFF; display: flex; align-items: center; justify-content: center">
      <svg width="24" height="24" viewBox="0 0 24 24" fill="none" aria-hidden="true"><path d="M12 2.6l7.6 2.8v6c0 5-3.3 8.4-7.6 10-4.3-1.6-7.6-5-7.6-10v-6z" fill="#FFFFFF"/><path d="M14.6 8.8c-.6-.95-1.6-1.45-2.7-1.45-1.5 0-2.6.85-2.6 2.05 0 2.8 5.5 1.6 5.5 4.5 0 1.3-1.2 2.25-2.8 2.25-1.2 0-2.2-.55-2.8-1.5" stroke="#6D4AFF" stroke-width="2.4" stroke-linecap="round"/></svg>
    </span>
    <span style="display: flex; flex-direction: column; gap: 3px">
      <span style="font-size: 15px; font-weight: 800">Сейчас Android спросит разрешение</span>
      <span style="font-size: 13px; line-height: 1.45; color: #CAC4D0">Это стандартное окно для любого VPN. Нажмите «ОК» — без этого подключиться нельзя.</span>
    </span>
  </section>

  <section role="dialog" aria-label="Запрос на подключение" style="border-radius: 28px; background: #2B2930; padding: 24px; display: flex; flex-direction: column; gap: 14px">
    <span style="align-self: center; width: 40px; height: 40px; border-radius: 20px; background: #36333D; display: flex; align-items: center; justify-content: center">
      <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#CAC4D0" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M6 11V8a6 6 0 0 1 12 0v3M5 11h14v10H5z"/></svg>
    </span>
    <h1 style="margin: 0; text-align: center; font-size: 22px; font-weight: 500">Запрос на подключение</h1>
    <p style="margin: 0; font-size: 14px; line-height: 1.5; color: #CAC4D0">Приложение «SHX VPN» пытается подключиться к сети VPN, что позволит ему отслеживать сетевой трафик. Продолжайте, только если доверяете источнику.</p>
    <div style="display: flex; justify-content: flex-end; gap: 8px">
      <button style="height: 40px; padding: 0 16px; border: 0; border-radius: 20px; background: transparent; color: #B69DFF; font: 600 14px 'Manrope', sans-serif">Отмена</button>
      <a href="D_HomeConnecting.dc.html" style="height: 40px; padding: 0 20px; border-radius: 20px; background: #6D4AFF; color: #FFFFFF; text-decoration: none; display: flex; align-items: center; font-size: 14px; font-weight: 700">ОК</a>
    </div>
  </section>
  <span style="text-align: center; font-size: 12px; color: #E5E1E9">Окно рисует Android — его текст и вид изменить нельзя</span>
</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>