1148 lines
47 KiB
HTML
1148 lines
47 KiB
HTML
<html lang="ru" data-bs-theme="light">
|
||
<head>
|
||
<meta charset="utf-8" />
|
||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||
<meta
|
||
name="description"
|
||
content="Основная информация о подписке и способах подключения"
|
||
/>
|
||
<link rel="icon" type="image/x-icon" href="https://google.com/pic.png" />
|
||
<title></title>
|
||
|
||
<script type="text/javascript">
|
||
const systemSettingDark = window.matchMedia(
|
||
"(prefers-color-scheme: dark)",
|
||
);
|
||
let currentThemeSetting = systemSettingDark.matches ? "dark" : "light";
|
||
|
||
setTheme(currentThemeSetting);
|
||
|
||
function setTheme(newTheme) {
|
||
document.documentElement.setAttribute("data-bs-theme", newTheme);
|
||
currentThemeSetting = newTheme;
|
||
}
|
||
|
||
systemSettingDark.addEventListener("change", (e) => {
|
||
setTheme(e.matches ? "dark" : "light");
|
||
});
|
||
</script>
|
||
|
||
<link
|
||
href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css"
|
||
rel="stylesheet"
|
||
integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN"
|
||
crossorigin="anonymous"
|
||
/>
|
||
<script
|
||
src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.min.js"
|
||
integrity="sha384-BBtl+eGJRgqQAUMxJ7pMwbEyER4l1g+O15P+16Ep7Q9Q+zqX6gSbd85u4mG4QzX+"
|
||
crossorigin="anonymous"
|
||
></script>
|
||
|
||
<script>
|
||
const expireDateInit =
|
||
"{% if not user.expire %}∞{% else %}{% set current_timestamp = now().timestamp() %}{{ user.expire | datetime }}{% endif %}";
|
||
const dataLimit =
|
||
"{% if not user.data_limit %}∞{% else %}{{ user.data_limit }}{% endif %}";
|
||
const dataUsed = "{{ user.used_traffic }}";
|
||
var tmpUsage = (
|
||
(parseFloat(dataUsed) / parseFloat(dataLimit)) *
|
||
100
|
||
).toFixed(2);
|
||
var isActive = "{{ user.status.value == 'active' }}";
|
||
if (tmpUsage > 100) tmpUsage = 100;
|
||
const dataUsage = dataLimit == "∞" ? 100 : tmpUsage;
|
||
const dataChartColor =
|
||
dataUsage < 40
|
||
? "bg-green-500"
|
||
: dataUsage < 80
|
||
? "bg-yellow-600"
|
||
: "bg-red-500";
|
||
const resetInterval = "{{ user.data_limit_reset_strategy.value }}";
|
||
let expireDateVar = expireDateInit.includes("∞")
|
||
? "∞"
|
||
: new Date(expireDateInit).toLocaleString("en-GB");
|
||
</script>
|
||
</head>
|
||
<body>
|
||
<!-- <header>
|
||
<h1><img id="logo" src="/www/logo.png">Logo</h1>
|
||
</header> -->
|
||
|
||
<main>
|
||
<div class="modules">
|
||
<div class="module subscription">
|
||
<h2 class="module-title">SecureWay VPN</h2>
|
||
<ul class="list-group list-group-flush">
|
||
<li
|
||
class="list-group-item d-flex justify-content-between align-items-center"
|
||
>
|
||
Имя пользователя<span>{{ user.username }}</span>
|
||
</li>
|
||
<li
|
||
class="list-group-item d-flex justify-content-between align-items-center"
|
||
>
|
||
Статус подписки<span id="activestatus"></span>
|
||
</li>
|
||
<script>
|
||
var a = document.getElementById("activestatus");
|
||
if (isActive) {
|
||
a.innerHTML = '<div class="dot dot-green"></div>Активна';
|
||
} else {
|
||
a.innerHTML = '<div class="dot dot-red"></div>Неактивна';
|
||
}
|
||
</script>
|
||
<li
|
||
class="list-group-item d-flex justify-content-between align-items-center"
|
||
>
|
||
Трафик<span id="used">0 GB / 100 GB</span>
|
||
<script>
|
||
if (dataLimit == "∞") {
|
||
document.getElementById("used").innerHTML = `∞ GB`;
|
||
} else {
|
||
document.getElementById("used").innerHTML =
|
||
`${dataUsed} GB / ${dataLimit} GB`;
|
||
}
|
||
</script>
|
||
</li>
|
||
<li
|
||
class="list-group-item d-flex justify-content-between align-items-center"
|
||
x-init="Alpine.data( 'expireDate', expireDate = expireDateVar )"
|
||
>
|
||
Истекает<span id="expire">09.08.2024 20:59:59</span>
|
||
<script>
|
||
document.getElementById("expire").innerHTML = expireDateVar;
|
||
</script>
|
||
</li>
|
||
<li
|
||
class="list-group-item d-flex justify-content-between align-items-center"
|
||
>
|
||
<a
|
||
href="https://t.me/SecureWayVPN_Bot"
|
||
target="_blank"
|
||
class="link-dark"
|
||
rel="noopener noreferrer"
|
||
>Продление подписки, поддержка</a
|
||
>
|
||
<a
|
||
href="https://t.me/SecureWayVPN_Bot"
|
||
target="_blank"
|
||
class="link-dark"
|
||
rel="noopener noreferrer"
|
||
>
|
||
<span>
|
||
<svg
|
||
xmlns="http://www.w3.org/2000/svg"
|
||
xmlns:xlink="http://www.w3.org/1999/xlink"
|
||
viewport=""
|
||
width="24px"
|
||
height="24px"
|
||
viewBox="0 0 50 50"
|
||
>
|
||
<path
|
||
d="M25,2c12.703,0,23,10.297,23,23S37.703,48,25,48S2,37.703,2,25S12.297,2,25,2z M32.934,34.375 c0.423-1.298,2.405-14.234,2.65-16.783c0.074-0.772-0.17-1.285-0.648-1.514c-0.578-0.278-1.434-0.139-2.427,0.219 c-1.362,0.491-18.774,7.884-19.78,8.312c-0.954,0.405-1.856,0.847-1.856,1.487c0,0.45,0.267,0.703,1.003,0.966 c0.766,0.273,2.695,0.858,3.834,1.172c1.097,0.303,2.346,0.04,3.046-0.395c0.742-0.461,9.305-6.191,9.92-6.693 c0.614-0.502,1.104,0.141,0.602,0.644c-0.502,0.502-6.38,6.207-7.155,6.997c-0.941,0.959-0.273,1.953,0.358,2.351 c0.721,0.454,5.906,3.932,6.687,4.49c0.781,0.558,1.573,0.811,2.298,0.811C32.191,36.439,32.573,35.484,32.934,34.375z"
|
||
></path></svg></span
|
||
></a>
|
||
</li>
|
||
<!-- li style="height: 45px;" class="list-group-item d-flex align-items-center">
|
||
<button style="padding: 0;" type="button" class="btn btn-link link-dark" onclick="copyToClipboard(['vless://d82e8c9f-c71b-4c59-bec7-4ff4d172f993@176.123.1.241:443?security=reality&type=tcp&headerType=&flow=xtls-rprx-vision&path=&host=&sni=hipstrumentals.com&fp=chrome&pbk=SbVKOEMjK0sIlbwg4akyBg5mL5KZwwB-ed4eEE7YnRc&sid=&spx=#%F0%9F%90%A7%F0%9F%87%B2%F0%9F%87%A9%20MD%7CZP%20Username%3A%20PenguinVPN_Rescue_key']); showNotification('toast');">Скопировать подписку</button>
|
||
<div id="toast">Подписка скопирована</div>
|
||
</li -->
|
||
</ul>
|
||
</div>
|
||
|
||
<div class="module">
|
||
<h3 class="module-title">Подключение</h3>
|
||
<div class="accordion accordion-flush" id="accordionApps">
|
||
<div class="accordion-item">
|
||
<h2 class="accordion-header" id="flush-heading-apps-android">
|
||
<button
|
||
class="accordion-button collapsed"
|
||
type="button"
|
||
data-bs-toggle="collapse"
|
||
data-bs-target="#flush-collapse-apps-android"
|
||
aria-expanded="false"
|
||
aria-controls="flush-collapse-apps-android"
|
||
>
|
||
Android
|
||
</button>
|
||
</h2>
|
||
<div
|
||
id="flush-collapse-apps-android"
|
||
class="accordion-collapse collapse"
|
||
aria-labelledby="flush-heading-apps-android"
|
||
data-bs-parent="#accordionApps"
|
||
>
|
||
<div class="accordion-body">
|
||
<h3>v2RayTun</h3>
|
||
v2RayTun - рекомендуемое приложение для Android
|
||
|
||
<div class="list-group list-group-flush">
|
||
<a
|
||
href="play.google.com/store/apps/details?id=com.v2raytun.android&hl=ru"
|
||
class="link list-group-item list-group-item-action"
|
||
target="_blank"
|
||
>
|
||
<span>Скачать в Google Play</span>
|
||
<div class="link-icon">
|
||
<svg
|
||
class="icon"
|
||
width="24"
|
||
height="24"
|
||
xmlns="http://www.w3.org/2000/svg"
|
||
fill-rule="evenodd"
|
||
clip-rule="evenodd"
|
||
>
|
||
<path
|
||
d="M21.883 12l-7.527 6.235.644.765 9-7.521-9-7.479-.645.764 7.529 6.236h-21.884v1h21.883z"
|
||
></path>
|
||
</svg>
|
||
</div>
|
||
</a>
|
||
<a
|
||
id="v2rayl"
|
||
href="v2rayng://install-config?url="
|
||
target="_blank"
|
||
class="self-link link list-group-item list-group-item-action"
|
||
>
|
||
<span>Добавить подписку</span>
|
||
<div class="link-icon">
|
||
<svg
|
||
class="icon"
|
||
width="24"
|
||
height="24"
|
||
xmlns="http://www.w3.org/2000/svg"
|
||
fill-rule="evenodd"
|
||
clip-rule="evenodd"
|
||
>
|
||
<path
|
||
d="M21.883 12l-7.527 6.235.644.765 9-7.521-9-7.479-.645.764 7.529 6.236h-21.884v1h21.883z"
|
||
></path>
|
||
</svg>
|
||
</div>
|
||
</a>
|
||
<script>
|
||
var a = document.getElementById("v2rayl");
|
||
a.href = "v2raytun://import/" + window.location.href;
|
||
</script>
|
||
</div>
|
||
|
||
<div class="instructions">
|
||
<h6 class="instructions-title">
|
||
Инструкция по подключению
|
||
</h6>
|
||
<p>
|
||
1. Нажмите "Скачать в Google Play", чтобы установить
|
||
приложение.
|
||
</p>
|
||
<p>
|
||
2. Вернитесь на эту страницу и нажмите "Добавить
|
||
подписку".
|
||
</p>
|
||
<p>
|
||
3. Выберите любой сервер в приложении (они обозначены
|
||
флагами).
|
||
</p>
|
||
<p>
|
||
4. Готово, подключайтесь! Кнопка подключения расположена в
|
||
приложении в верхней части экрана по центру.
|
||
</p>
|
||
<p></p>
|
||
<p>
|
||
<img
|
||
class="img-fluid rounded img-help"
|
||
src="https://i.postimg.cc/Jz8VDYdj/Screenshot-20260507-224636.png"
|
||
/>
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="accordion-item">
|
||
<h2 class="accordion-header" id="flush-heading-apps-ios">
|
||
<button
|
||
class="accordion-button collapsed lh0"
|
||
type="button"
|
||
data-bs-toggle="collapse"
|
||
data-bs-target="#flush-collapse-apps-ios"
|
||
aria-expanded="false"
|
||
aria-controls="flush-collapse-apps-ios"
|
||
>
|
||
IOS
|
||
</button>
|
||
</h2>
|
||
<div
|
||
id="flush-collapse-apps-ios"
|
||
class="accordion-collapse collapse"
|
||
aria-labelledby="flush-heading-apps-ios"
|
||
data-bs-parent="#accordionApps"
|
||
>
|
||
<div class="accordion-body">
|
||
<h3>Happ</h3>
|
||
Happ - рекомендуемое приложение для IOS 14+
|
||
<div class="list-group list-group-flush">
|
||
<a
|
||
href="https://apps.apple.com/ru/app/happ-proxy-utility-plus/id6746188973"
|
||
target="_blank"
|
||
class="link list-group-item list-group-item-action"
|
||
>
|
||
<span>Скачать в AppStore</span>
|
||
<div class="link-icon">
|
||
<svg
|
||
class="icon"
|
||
width="24"
|
||
height="24"
|
||
xmlns="http://www.w3.org/2000/svg"
|
||
fill-rule="evenodd"
|
||
clip-rule="evenodd"
|
||
>
|
||
<path
|
||
d="M21.883 12l-7.527 6.235.644.765 9-7.521-9-7.479-.645.764 7.529 6.236h-21.884v1h21.883z"
|
||
></path>
|
||
</svg>
|
||
</div>
|
||
</a>
|
||
<a
|
||
id="linkFix"
|
||
href="happ://add/"
|
||
target="_blank"
|
||
class="link list-group-item list-group-item-action"
|
||
>
|
||
<span>Добавить подписку</span>
|
||
<div class="link-icon">
|
||
<svg
|
||
class="icon"
|
||
width="24"
|
||
height="24"
|
||
xmlns="http://www.w3.org/2000/svg"
|
||
fill-rule="evenodd"
|
||
clip-rule="evenodd"
|
||
>
|
||
<path
|
||
d="M21.883 12l-7.527 6.235.644.765 9-7.521-9-7.479-.645.764 7.529 6.236h-21.884v1h21.883z"
|
||
></path>
|
||
</svg>
|
||
</div>
|
||
</a>
|
||
<a
|
||
id="happ_routing_add"
|
||
href="happ://routing/onadd/eyJOYW1lIjoiU1ctUm91dGluZyIsIkdsb2JhbFByb3h5IjoidHJ1ZSIsIlJvdXRlT3JkZXIiOiJibG9jay1wcm94eS1kaXJlY3QiLCJSZW1vdGVETlNUeXBlIjoiRG9IIiwiUmVtb3RlRE5TRG9tYWluIjoiaHR0cHM6Ly84LjguOC44L2Rucy1xdWVyeSIsIlJlbW90ZUROU0lQIjoiOC44LjguOCIsIkRvbWVzdGljRE5TVHlwZSI6IkRvVSIsIkRvbWVzdGljRE5TRG9tYWluIjoiaHR0cHM6Ly83Ny44OC44LjgvZG5zLXF1ZXJ5IiwiRG9tZXN0aWNETlNJUCI6Ijc3Ljg4LjguOCIsIkdlb2lwdXJsIjoiaHR0cHM6Ly9jZG4uanNkZWxpdnIubmV0L2doL2h5ZHJhcG9uaXF1ZS9yb3Njb212cG4tZ2VvaXBAMjAyNjAzMTcwNTAxL3JlbGVhc2UvZ2VvaXAuZGF0IiwiR2Vvc2l0ZXVybCI6Imh0dHBzOi8vY2RuLmpzZGVsaXZyLm5ldC9naC9oeWRyYXBvbmlxdWUvcm9zY29tdnBuLWdlb3NpdGVAMjAyNjAzMTcwNTM3L3JlbGVhc2UvZ2Vvc2l0ZS5kYXQiLCJMYXN0VXBkYXRlZCI6IjE3NzU2NjkxMzQiLCJEbnNIb3N0cyI6eyJjbG91ZGZsYXJlLWRucy5jb20iOiIxLjEuMS4xIiwiZG5zLmdvb2dsZSI6IjguOC44LjgifSwiRGlyZWN0U2l0ZXMiOlsiZ2Vvc2l0ZTpwcml2YXRlIiwiZ2Vvc2l0ZTp3aGl0ZWxpc3QiXSwiRGlyZWN0SXAiOlsiZ2VvaXA6cHJpdmF0ZSIsImdlb2lwOmRpcmVjdCJdLCJQcm94eVNpdGVzIjpbXSwiUHJveHlJcCI6W10sIkJsb2NrU2l0ZXMiOltdLCJCbG9ja0lwIjpbXSwiRG9tYWluU3RyYXRlZ3kiOiJJUElmTm9uTWF0Y2giLCJGYWtlRE5TIjoiZmFsc2UiLCJVc2VDaHVua0ZpbGVzIjoidHJ1ZSJ9"
|
||
target="_blank"
|
||
class="self-link link list-group-item list-group-item-action"
|
||
>
|
||
<span>Добавить роутинг</span>
|
||
<div class="link-icon">
|
||
<svg
|
||
class="icon"
|
||
width="24"
|
||
height="24"
|
||
xmlns="http://www.w3.org/2000/svg"
|
||
fill-rule="evenodd"
|
||
clip-rule="evenodd"
|
||
>
|
||
<path
|
||
d="M21.883 12l-7.527 6.235.644.765 9-7.521-9-7.479-.645.764 7.529 6.236h-21.884v1h21.883z"
|
||
></path>
|
||
</svg>
|
||
</div>
|
||
</a>
|
||
|
||
<!-- For some reason js code doesn't work on Safari. The only quick fix I know -->
|
||
<script>
|
||
var a = document.getElementById("linkFix");
|
||
a.href =
|
||
"happ://add/" + window.location.href + "#SecureWay`";
|
||
</script>
|
||
</div>
|
||
|
||
<div class="instructions">
|
||
<h6 class="instructions-title">
|
||
Инструкция по подключению
|
||
</h6>
|
||
<p>
|
||
1. Нажмите "Скачать в AppStore", чтобы установить
|
||
приложение.
|
||
</p>
|
||
<p>
|
||
2. Вернитесь на эту страницу и нажмите "Добавить
|
||
подписку".
|
||
</p>
|
||
<p>
|
||
3. Снова вернитесь сюда и <b>добавьте роутинг</b> в Happ,
|
||
нажав на соответствующую кнопку в этом меню. Без него у
|
||
вас не будут работать российские сайты
|
||
</p>
|
||
<p>
|
||
4. Нажмите на большую кнопку включения и разрешите
|
||
добавление конфигурации VPN
|
||
<img
|
||
class="img-fluid rounded img-help"
|
||
src="https://i.postimg.cc/XJV879G0/image.png"
|
||
/>
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="accordion-item">
|
||
<h2 class="accordion-header" id="flush-heading-apps-windows">
|
||
<button
|
||
class="accordion-button collapsed"
|
||
type="button"
|
||
data-bs-toggle="collapse"
|
||
data-bs-target="#flush-collapse-apps-windows"
|
||
aria-expanded="false"
|
||
aria-controls="flush-collapse-apps-windows"
|
||
>
|
||
Windows
|
||
</button>
|
||
</h2>
|
||
<div
|
||
id="flush-collapse-apps-windows"
|
||
class="accordion-collapse collapse"
|
||
aria-labelledby="flush-heading-apps-windows"
|
||
data-bs-parent="#accordionApps"
|
||
>
|
||
<div class="accordion-body">
|
||
<h3>Atoll VPN</h3>
|
||
Atoll VPN - рекомендуемое приложение для Windows.
|
||
|
||
<div class="list-group list-group-flush">
|
||
<a
|
||
href="https://github.com/kaoshipaws/atollvpn/releases/download/1.0.3790.12706/AtollVPN-1.0.3790.12706-x64-Setup.exe"
|
||
target="_blank"
|
||
class="link list-group-item list-group-item-action"
|
||
>
|
||
<span>Установить AtollVPN</span>
|
||
<div class="link-icon">
|
||
<svg
|
||
class="icon"
|
||
width="24"
|
||
height="24"
|
||
xmlns="http://www.w3.org/2000/svg"
|
||
fill-rule="evenodd"
|
||
clip-rule="evenodd"
|
||
>
|
||
<path
|
||
d="M21.883 12l-7.527 6.235.644.765 9-7.521-9-7.479-.645.764 7.529 6.236h-21.884v1h21.883z"
|
||
></path>
|
||
</svg>
|
||
</div>
|
||
</a>
|
||
<a
|
||
href=""
|
||
id="winlink"
|
||
target="_blank"
|
||
class="self-link link list-group-item list-group-item-action"
|
||
>
|
||
<span>Добавить подписку</span>
|
||
<div class="link-icon">
|
||
<svg
|
||
class="icon"
|
||
width="24"
|
||
height="24"
|
||
xmlns="http://www.w3.org/2000/svg"
|
||
fill-rule="evenodd"
|
||
clip-rule="evenodd"
|
||
>
|
||
<path
|
||
d="M21.883 12l-7.527 6.235.644.765 9-7.521-9-7.479-.645.764 7.529 6.236h-21.884v1h21.883z"
|
||
></path>
|
||
</svg>
|
||
</div>
|
||
</a>
|
||
</div>
|
||
|
||
<script>
|
||
var a = document.getElementById("winlink");
|
||
a.href =
|
||
"atollvpn://add?url=" +
|
||
window.location.href +
|
||
"&name=SecureWayVPN&autoupdate=true&interval=4&autoconnect=true";
|
||
</script>
|
||
|
||
<div class="instructions">
|
||
<h6 class="instructions-title">
|
||
Инструкция по подключению
|
||
</h6>
|
||
<p>
|
||
1. <b>Установите AtollVPN</b> из Github, нажав ссылку
|
||
выше.
|
||
</p>
|
||
<p>
|
||
2. <b>Добавьте подписку</b> в AtollVPN, нажав вторую
|
||
ссылку выше
|
||
</p>
|
||
<p>3. <b>Готово,</b> подключайтесь!</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="accordion-item">
|
||
<h2 class="accordion-header" id="flush-heading-apps-macos">
|
||
<button
|
||
class="accordion-button collapsed"
|
||
type="button"
|
||
data-bs-toggle="collapse"
|
||
data-bs-target="#flush-collapse-apps-macos"
|
||
aria-expanded="false"
|
||
aria-controls="flush-collapse-apps-macos"
|
||
>
|
||
macOS
|
||
</button>
|
||
</h2>
|
||
<div
|
||
id="flush-collapse-apps-macos"
|
||
class="accordion-collapse collapse"
|
||
aria-labelledby="flush-heading-apps-macos"
|
||
data-bs-parent="#accordionApps"
|
||
>
|
||
<div class="accordion-body">
|
||
<h3>V2Box</h3>
|
||
V2Box - рекомендуемое приложение для macOS. Кроме macOS его
|
||
также можно установить на iOS.
|
||
|
||
<div class="list-group list-group-flush">
|
||
<a
|
||
href="https://apps.apple.com/us/app/v2box-v2ray-client/id6446814690"
|
||
target="_blank"
|
||
class="link list-group-item list-group-item-action"
|
||
>
|
||
<span>Скачать из Mac App Store</span>
|
||
<div class="link-icon">
|
||
<svg
|
||
class="icon"
|
||
width="24"
|
||
height="24"
|
||
xmlns="http://www.w3.org/2000/svg"
|
||
fill-rule="evenodd"
|
||
clip-rule="evenodd"
|
||
>
|
||
<path
|
||
d="M21.883 12l-7.527 6.235.644.765 9-7.521-9-7.479-.645.764 7.529 6.236h-21.884v1h21.883z"
|
||
></path>
|
||
</svg>
|
||
</div>
|
||
</a>
|
||
<a
|
||
id="v2bi"
|
||
href="v2box://install-sub?url=${fullUrl}&name=sub"
|
||
target="_blank"
|
||
class="self-link link list-group-item list-group-item-action"
|
||
>
|
||
<span>Добавить подписку</span>
|
||
<div class="link-icon">
|
||
<svg
|
||
class="icon"
|
||
width="24"
|
||
height="24"
|
||
xmlns="http://www.w3.org/2000/svg"
|
||
fill-rule="evenodd"
|
||
clip-rule="evenodd"
|
||
>
|
||
<path
|
||
d="M21.883 12l-7.527 6.235.644.765 9-7.521-9-7.479-.645.764 7.529 6.236h-21.884v1h21.883z"
|
||
></path>
|
||
</svg>
|
||
</div>
|
||
</a>
|
||
<script>
|
||
var a = document.getElementById("v2bi");
|
||
a.href =
|
||
"v2box://install-sub?url=" +
|
||
window.location.href +
|
||
"#Title";
|
||
</script>
|
||
<a
|
||
href="v2box://routes?multi=W3sidHlwZSI6IkRvbWFpbiIsIm1hdGNoTW9kZSI6ImtleXdvcmQiLCJ0YWciOiJkaXJlY3QiLCJuYW1lIjoicm91dGUuRDM4OEU3MjMtOTJENS00QkJDLUFFNEItMzkyQkM0NTI3ODMyIiwibGlzdCI6WyJyZWdleHA6LipcXC5ydSQiXSwicmVtYXJrIjoiUlUtRGlyZWN0IiwiaXNFbmFibGUiOnRydWUsImxpc3RJUCI6WyJnZW9pcDpydSJdfSx7InJlbWFyayI6Ik1lc3NhZ2Vycy1kaXJlY3QiLCJ0YWciOiJkaXJlY3QiLCJpc0VuYWJsZSI6dHJ1ZSwibmFtZSI6InJvdXRlLkE2MDkwODQyLTVDMzYtNDJFMi1BMkI5LTdERjlEODA2ODM4NiIsImxpc3RJUCI6W10sIm1hdGNoTW9kZSI6ImtleXdvcmQiLCJ0eXBlIjoiRG9tYWluIiwibGlzdCI6WyJnZW9zaXRlOnRlbGVncmFtIiwiZ2Vvc2l0ZTp3aGF0c2FwcCIsImdlb3NpdGU6YXBwbGUiLCJnZW9zaXRlOml0dW5lcyIsImdlb3NpdGU6Z29vZ2xlIiwiZ2Vvc2l0ZTp5YW5kZXgiXX1d"
|
||
target="_blank"
|
||
class="self-link link list-group-item list-group-item-action"
|
||
>
|
||
<span>Добавить роутинг</span>
|
||
<div class="link-icon">
|
||
<svg
|
||
class="icon"
|
||
width="24"
|
||
height="24"
|
||
xmlns="http://www.w3.org/2000/svg"
|
||
fill-rule="evenodd"
|
||
clip-rule="evenodd"
|
||
>
|
||
<path
|
||
d="M21.883 12l-7.527 6.235.644.765 9-7.521-9-7.479-.645.764 7.529 6.236h-21.884v1h21.883z"
|
||
></path>
|
||
</svg>
|
||
</div>
|
||
</a>
|
||
</div>
|
||
<div class="instructions">
|
||
<h6 class="instructions-title">
|
||
Инструкция по подключению
|
||
</h6>
|
||
<p>
|
||
1. Нажмите "Скачать из Mac App Store", чтобы установить
|
||
приложение.
|
||
</p>
|
||
<p>
|
||
2. Вернитесь на эту страницу и нажмите "Добавить
|
||
подписку".
|
||
</p>
|
||
<p>
|
||
3. В приложении на вкладке Configs выберите добавленную
|
||
подписку, нажав на неё.
|
||
</p>
|
||
<p>
|
||
4. Готово, подключайтесь! Для этого на вкладке Home
|
||
кликните Tap To Connect.
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="accordion-item">
|
||
<h2 class="accordion-header" id="flush-heading-apps-linux">
|
||
<button
|
||
class="accordion-button collapsed"
|
||
type="button"
|
||
data-bs-toggle="collapse"
|
||
data-bs-target="#flush-collapse-apps-linux"
|
||
aria-expanded="false"
|
||
aria-controls="flush-collapse-apps-linux"
|
||
>
|
||
Linux
|
||
</button>
|
||
</h2>
|
||
<div
|
||
id="flush-collapse-apps-linux"
|
||
class="accordion-collapse collapse"
|
||
aria-labelledby="flush-heading-apps-linux"
|
||
data-bs-parent="#accordionApps"
|
||
>
|
||
<div class="accordion-body">
|
||
<h3>Hiddify</h3>
|
||
Hiddify - рекомендуемое приложение для Linux
|
||
|
||
<div class="list-group list-group-flush">
|
||
<a
|
||
href="https://github.com/hiddify/hiddify-next/releases/latest/download/hiddify-linux-x64.zip"
|
||
target="_blank"
|
||
class="link list-group-item list-group-item-action"
|
||
>
|
||
<span>Скачать с GitHub</span>
|
||
<div class="link-icon">
|
||
<svg
|
||
class="icon"
|
||
width="24"
|
||
height="24"
|
||
xmlns="http://www.w3.org/2000/svg"
|
||
fill-rule="evenodd"
|
||
clip-rule="evenodd"
|
||
>
|
||
<path
|
||
d="M21.883 12l-7.527 6.235.644.765 9-7.521-9-7.479-.645.764 7.529 6.236h-21.884v1h21.883z"
|
||
/>
|
||
</svg>
|
||
</div>
|
||
</a>
|
||
<a
|
||
id="hdflink_lin"
|
||
href="hiddify://install-sub/?url={link}#Title"
|
||
target="_blank"
|
||
class="self-link link list-group-item list-group-item-action"
|
||
>
|
||
<span>Добавить подписку</span>
|
||
<div class="link-icon">
|
||
<svg
|
||
class="icon"
|
||
width="24"
|
||
height="24"
|
||
xmlns="http://www.w3.org/2000/svg"
|
||
fill-rule="evenodd"
|
||
clip-rule="evenodd"
|
||
>
|
||
<path
|
||
d="M21.883 12l-7.527 6.235.644.765 9-7.521-9-7.479-.645.764 7.529 6.236h-21.884v1h21.883z"
|
||
/>
|
||
</svg>
|
||
</div>
|
||
</a>
|
||
|
||
<script>
|
||
var a = document.getElementById("hdflink_lin");
|
||
a.href =
|
||
"hiddify://install-sub/?url=" +
|
||
window.location.href +
|
||
"#Title";
|
||
</script>
|
||
</div>
|
||
|
||
<div class="instructions">
|
||
<h6 class="instructions-title">
|
||
Инструкция по подключению
|
||
</h6>
|
||
<p>
|
||
1. Нажмите Скачать с GitHub, чтобы установить приложение.
|
||
</p>
|
||
<p>
|
||
2. Смените язык на Русский, в качестве региона укажите
|
||
Россия (это необходимо, чтобы настройки роутинга
|
||
применились автоматически) и нажмите Начать.
|
||
</p>
|
||
<p>3. Нажмите Добавить подписку.</p>
|
||
<p>
|
||
4. Нажмите на кнопку настроек вверху и выберите VPN-режим.
|
||
После - перезапустите приложение от имени администратора.
|
||
</p>
|
||
<p>4. Нажмите подключиться. Готово!</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="accordion-item">
|
||
<h2 class="accordion-header" id="flush-heading-apps-androidtv">
|
||
<button
|
||
class="accordion-button collapsed lh0"
|
||
type="button"
|
||
data-bs-toggle="collapse"
|
||
data-bs-target="#flush-collapse-apps-androidtv"
|
||
aria-expanded="false"
|
||
aria-controls="flush-collapse-apps-androidtv"
|
||
>
|
||
Android TV
|
||
</button>
|
||
</h2>
|
||
<div
|
||
id="flush-collapse-apps-androidtv"
|
||
class="accordion-collapse collapse"
|
||
aria-labelledby="flush-heading-apps-androidtv"
|
||
data-bs-parent="#accordionApps"
|
||
>
|
||
<div class="accordion-body">
|
||
<h3>Happ</h3>
|
||
Happ - рекомендуемое приложение для телевизоров на базе Android
|
||
<div class="list-group list-group-flush">
|
||
<a
|
||
href="https://play.google.com/store/apps/details?id=com.happproxy&hl=ru"
|
||
target="_blank"
|
||
class="link list-group-item list-group-item-action"
|
||
>
|
||
<span>Скачать в Google Play</span>
|
||
<div class="link-icon">
|
||
<svg
|
||
class="icon"
|
||
width="24"
|
||
height="24"
|
||
xmlns="http://www.w3.org/2000/svg"
|
||
fill-rule="evenodd"
|
||
clip-rule="evenodd"
|
||
>
|
||
<path
|
||
d="M21.883 12l-7.527 6.235.644.765 9-7.521-9-7.479-.645.764 7.529 6.236h-21.884v1h21.883z"
|
||
></path>
|
||
</svg>
|
||
</div>
|
||
</a>
|
||
<a
|
||
id="linkFix"
|
||
href="happ://add/"
|
||
target="_blank"
|
||
class="link list-group-item list-group-item-action"
|
||
>
|
||
<span>Добавить подписку</span>
|
||
<div class="link-icon">
|
||
<svg
|
||
class="icon"
|
||
width="24"
|
||
height="24"
|
||
xmlns="http://www.w3.org/2000/svg"
|
||
fill-rule="evenodd"
|
||
clip-rule="evenodd"
|
||
>
|
||
<path
|
||
d="M21.883 12l-7.527 6.235.644.765 9-7.521-9-7.479-.645.764 7.529 6.236h-21.884v1h21.883z"
|
||
></path>
|
||
</svg>
|
||
</div>
|
||
</a>
|
||
|
||
<!-- For some reason js code doesn't work on Safari. The only quick fix I know -->
|
||
<script>
|
||
var a = document.getElementById("linkFix");
|
||
a.href =
|
||
"happ://add/" + window.location.href + "#SecureWay`";
|
||
</script>
|
||
</div>
|
||
|
||
<div class="instructions">
|
||
<h6 class="instructions-title">
|
||
Инструкция по подключению
|
||
</h6>
|
||
<p>
|
||
1. Нажмите "Скачать в Google Play", чтобы установить
|
||
приложение. Установите Happ и на телефон, и на телевизор.
|
||
</p>
|
||
<p>
|
||
2. Вернитесь на эту страницу и нажмите "Добавить
|
||
подписку". Она должна быть добавлена на вашем мобильном устройстве.
|
||
</p>
|
||
<p>
|
||
3. Откройте Happ на телевизоре и отсканируйте QR код, который появится на экране.
|
||
</p>
|
||
<p>
|
||
4. В открывшемся окне на телефоне выберите добавленную подписку нашего сервиса.
|
||
</p>
|
||
<p>
|
||
5. Через пульт прожмите до фокуса на большой кнопке включения справа и нажмите на неё.
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="module">
|
||
<h3 class="module-title">Справка</h3>
|
||
<div class="accordion accordion-flush" id="accordionHelp">
|
||
<div class="accordion-item">
|
||
<h2 class="accordion-header" id="flush-heading-help-1">
|
||
<button
|
||
class="accordion-button collapsed"
|
||
type="button"
|
||
data-bs-toggle="collapse"
|
||
data-bs-target="#flush-collapse-help-1"
|
||
aria-expanded="false"
|
||
aria-controls="flush-collapse-help-1"
|
||
>
|
||
Что такое роутинг и для чего нужен?
|
||
</button>
|
||
</h2>
|
||
<div
|
||
id="flush-collapse-help-1"
|
||
class="accordion-collapse collapse"
|
||
aria-labelledby="flush-heading-help-1"
|
||
data-bs-parent="#accordionHelp"
|
||
>
|
||
<div class="accordion-body">
|
||
Роутинг - это гибкие правила перенаправления трафика. Роутинг
|
||
позволяет подключаться к зарубежным сайтам и приложениям через
|
||
VPN, а к российским - напрямую. Так удобнее, безопаснее и
|
||
расходуется меньше VPN-трафика. Роутинг доступен не во всех
|
||
приложениях.
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="accordion-item">
|
||
<h2 class="accordion-header" id="flush-heading-help-2">
|
||
<button
|
||
class="accordion-button collapsed"
|
||
type="button"
|
||
data-bs-toggle="collapse"
|
||
data-bs-target="#flush-collapse-help-2"
|
||
aria-expanded="false"
|
||
aria-controls="flush-collapse-help-2"
|
||
>
|
||
Что такое подписка?
|
||
</button>
|
||
</h2>
|
||
<div
|
||
id="flush-collapse-help-2"
|
||
class="accordion-collapse collapse"
|
||
aria-labelledby="flush-heading-help-2"
|
||
data-bs-parent="#accordionHelp"
|
||
>
|
||
<div class="accordion-body">
|
||
Подписка - это ссылка в специальном формате, по которой
|
||
приложение загружает с сервера данные, необходимые для
|
||
подключения.
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="accordion-item">
|
||
<h2 class="accordion-header" id="flush-heading-help-3">
|
||
<button
|
||
class="accordion-button collapsed"
|
||
type="button"
|
||
data-bs-toggle="collapse"
|
||
data-bs-target="#flush-collapse-help-3"
|
||
aria-expanded="false"
|
||
aria-controls="flush-collapse-help-3"
|
||
>
|
||
Как продлить подписку?
|
||
</button>
|
||
</h2>
|
||
<div
|
||
id="flush-collapse-help-3"
|
||
class="accordion-collapse collapse"
|
||
aria-labelledby="flush-heading-help-3"
|
||
data-bs-parent="#accordionHelp"
|
||
>
|
||
<div class="accordion-body">
|
||
Вам необходимо иметь баланс в нашем
|
||
<a
|
||
href="https://t.me/SecureWayVPN_Bot"
|
||
target="_blank"
|
||
class="link-dark"
|
||
rel="noopener noreferrer"
|
||
>сервисе</a
|
||
>, равный сумме подписки.
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="accordion-item">
|
||
<h2 class="accordion-header" id="flush-heading-help-4">
|
||
<button
|
||
class="accordion-button collapsed"
|
||
type="button"
|
||
data-bs-toggle="collapse"
|
||
data-bs-target="#flush-collapse-help-4"
|
||
aria-expanded="false"
|
||
aria-controls="flush-collapse-help-4"
|
||
>
|
||
Остались еще вопросы?
|
||
</button>
|
||
</h2>
|
||
<div
|
||
id="flush-collapse-help-4"
|
||
class="accordion-collapse collapse"
|
||
aria-labelledby="flush-heading-help-4"
|
||
data-bs-parent="#accordionHelp"
|
||
>
|
||
<div class="accordion-body">
|
||
Мы рады ответить на них, если Вы напишете его в
|
||
<a
|
||
href="https://t.me/SecureWayVPN"
|
||
target="_blank"
|
||
class="link-dark"
|
||
rel="noopener noreferrer"
|
||
>поддержку</a
|
||
>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<style>
|
||
html {
|
||
margin: auto;
|
||
max-width: 520px;
|
||
min-width: 300px;
|
||
padding: 0 25px 50px 25px;
|
||
}
|
||
|
||
.dot {
|
||
height: 10px;
|
||
width: 10px;
|
||
border-radius: 50%;
|
||
display: inline-block;
|
||
margin-right: 5px;
|
||
}
|
||
|
||
.dot-red {
|
||
background-color: #bf1d11;
|
||
}
|
||
|
||
.dot-green {
|
||
background-color: green;
|
||
}
|
||
|
||
.dot-yellow {
|
||
background-color: #ffbe0a;
|
||
}
|
||
|
||
.app-icon {
|
||
margin-right: 8px;
|
||
}
|
||
|
||
.img-help {
|
||
margin-top: 10px;
|
||
margin-bottom: 10px;
|
||
}
|
||
|
||
.subscription li {
|
||
padding-top: 10px;
|
||
padding-bottom: 10px;
|
||
}
|
||
|
||
.accordion-body .list-group {
|
||
padding-bottom: 5px;
|
||
}
|
||
|
||
.accordion,
|
||
.subscription .list-group {
|
||
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
|
||
border-radius: 15px;
|
||
overflow: hidden;
|
||
}
|
||
|
||
.accordion .list-group {
|
||
padding-top: 25px;
|
||
--bs-list-group-item-padding-x: 5px;
|
||
}
|
||
|
||
.lh0 {
|
||
line-height: 0;
|
||
}
|
||
|
||
.instructions {
|
||
margin-top: 30px;
|
||
}
|
||
|
||
.instructions p {
|
||
margin-bottom: 5px;
|
||
}
|
||
|
||
.instructions-title {
|
||
margin: 10px 0;
|
||
font-size: 18px;
|
||
}
|
||
|
||
.link {
|
||
display: flex;
|
||
}
|
||
|
||
.link-icon {
|
||
width: 25px;
|
||
height: 25px;
|
||
margin-left: auto;
|
||
}
|
||
|
||
.module-title {
|
||
margin-top: 20px;
|
||
margin-bottom: 20px;
|
||
}
|
||
|
||
.accordion-button:not(.collapsed) {
|
||
background-color: #dcdcdc;
|
||
color: var(--bs-accordion-btn-color);
|
||
}
|
||
|
||
.accordion-button:focus {
|
||
box-shadow: none;
|
||
border-color: white;
|
||
}
|
||
|
||
.form-check-input:focus {
|
||
box-shadow: none;
|
||
}
|
||
|
||
#toast {
|
||
visibility: hidden;
|
||
width: fit-content;
|
||
margin: auto;
|
||
color: #000;
|
||
text-align: center;
|
||
position: fixed;
|
||
z-index: 1;
|
||
left: 0;
|
||
right: 0;
|
||
top: 45px;
|
||
font-size: 16px;
|
||
overflow: hidden;
|
||
white-space: nowrap;
|
||
}
|
||
|
||
#toast.show {
|
||
visibility: visible;
|
||
animation:
|
||
fadein 1s,
|
||
fadeout 1s 2s;
|
||
}
|
||
|
||
@keyframes fadein {
|
||
from {
|
||
top: 0;
|
||
opacity: 0;
|
||
}
|
||
to {
|
||
top: 45px;
|
||
opacity: 1;
|
||
}
|
||
}
|
||
|
||
@keyframes fadeout {
|
||
from {
|
||
top: 45px;
|
||
opacity: 1;
|
||
}
|
||
to {
|
||
top: 0;
|
||
opacity: 0;
|
||
}
|
||
}
|
||
|
||
[data-bs-theme="light"] .form-check-input:focus {
|
||
border-color: #dee2e6;
|
||
--bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");
|
||
}
|
||
|
||
/* Full dark theme */
|
||
[data-bs-theme="dark"] .link-dark {
|
||
color: #dee2e6 !important;
|
||
text-decoration: none;
|
||
}
|
||
|
||
[data-bs-theme="dark"] #toast {
|
||
color: var(--bs-list-group-color);
|
||
}
|
||
|
||
[data-bs-theme="dark"] body,
|
||
[data-bs-theme="dark"] main {
|
||
background-color: #181818;
|
||
}
|
||
|
||
[data-bs-theme="dark"] .accordion-button,
|
||
[data-bs-theme="dark"] .subscription .list-group-item,
|
||
[data-bs-theme="dark"] .subscription .list-group-item > * {
|
||
background-color: #282828;
|
||
}
|
||
|
||
[data-bs-theme="dark"] .accordion-button:not(.collapsed) {
|
||
background-color: #383838;
|
||
}
|
||
|
||
/* Make inline SVG icons follow text color (incl. Telegram icon) */
|
||
svg {
|
||
fill: currentColor;
|
||
}
|
||
</style>
|
||
|
||
<script type="text/javascript">
|
||
function showNotification(notificationElementId) {
|
||
let notification = document.getElementById(notificationElementId);
|
||
notification.className = "show";
|
||
setTimeout(() => {
|
||
notification.className = notification.className.replace("show", "");
|
||
}, 2900);
|
||
}
|
||
|
||
function copyToClipboard(text) {
|
||
navigator.clipboard.writeText(text);
|
||
}
|
||
|
||
const buttonSwitchTheme = document.getElementById("btnSwitchTheme");
|
||
if (buttonSwitchTheme) {
|
||
buttonSwitchTheme.checked = currentThemeSetting === "dark";
|
||
buttonSwitchTheme.addEventListener("click", () => {
|
||
const newTheme = currentThemeSetting === "dark" ? "light" : "dark";
|
||
setTheme(newTheme);
|
||
});
|
||
}
|
||
|
||
const links = document.getElementsByClassName("self-link");
|
||
Array.from(links).forEach((link) => {
|
||
link.href = link.href.replace("{link}", window.location.href);
|
||
});
|
||
</script>
|
||
</main>
|
||
</body>
|
||
</html>
|