pub/super
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Добавить test.html

Browse Source
This commit is contained in:
ivacom 2025-01-10 13:00:21 +00:00
parent e371fbc2bd
commit 5de6ef2bbb
1 changed files with 97 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

97
test.html Normal file
View File

@ -0,0 +1,97 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Marzban Subscription</title>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/css/bootstrap.min.css">
<style>
body {
font-family: Arial, sans-serif;
margin: 20px;
}
</style>
</head>
<body>
<div class="container">
<h1 class="text-center mb-4">Подписка Marzban</h1>
<div id="os-detection" class="alert alert-info text-center">
Определение вашей операционной системы...
</div>
<div class="accordion" id="appsAccordion">
<div class="accordion-item">
<h2 class="accordion-header" id="headingAndroid">
<button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapseAndroid" aria-expanded="true" aria-controls="collapseAndroid">
Приложения для Android
</button>
</h2>
<div id="collapseAndroid" class="accordion-collapse collapse" aria-labelledby="headingAndroid" data-bs-parent="#appsAccordion">
<div class="accordion-body">
<ul>
<li><a href="#">Приложение 1</a></li>
<li><a href="#">Приложение 2</a></li>
</ul>
</div>
</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header" id="headingiOS">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseiOS" aria-expanded="false" aria-controls="collapseiOS">
Приложения для iOS
</button>
</h2>
<div id="collapseiOS" class="accordion-collapse collapse" aria-labelledby="headingiOS" data-bs-parent="#appsAccordion">
<div class="accordion-body">
<ul>
<li><a href="#">Приложение 1</a></li>
<li><a href="#">Приложение 2</a></li>
</ul>
</div>
</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header" id="headingWindows">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseWindows" aria-expanded="false" aria-controls="collapseWindows">
Приложения для Windows
</button>
</h2>
<div id="collapseWindows" class="accordion-collapse collapse" aria-labelledby="headingWindows" data-bs-parent="#appsAccordion">
<div class="accordion-body">
<ul>
<li><a href="#">Приложение 1</a></li>
<li><a href="#">Приложение 2</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
<script>
document.addEventListener('DOMContentLoaded', function () {
const osDetection = document.getElementById('os-detection');
const userAgent = navigator.userAgent;
let os = 'Не удалось определить ОС';
if (/Android/i.test(userAgent)) {
os = 'Android';
document.getElementById('collapseAndroid').classList.add('show');
} else if (/iPhone|iPad|iPod/i.test(userAgent)) {
os = 'iOS';
document.getElementById('collapseiOS').classList.add('show');
} else if (/Windows NT/i.test(userAgent)) {
os = 'Windows';
document.getElementById('collapseWindows').classList.add('show');
}
osDetection.textContent = `Ваша операционная система: ${os}`;
});
</script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/js/bootstrap.bundle.min.js"></script>
</body>
</html>