mirror of
https://github.com/dyzulk/twinpath-hotspot-themes.git
synced 2026-01-25 21:18:47 +07:00
69 lines
2.9 KiB
HTML
69 lines
2.9 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<script src="js/languages.js"></script>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Logout</title>
|
|
<link rel="shortcut icon" href="img/favicon.ico" type="image/x-icon">
|
|
<link rel="stylesheet" href="css/style.css">
|
|
<script src="js/config.js"></script>
|
|
</head>
|
|
<body>
|
|
<div class="ambient-bg">
|
|
<div class="orb orb-1"></div>
|
|
<div class="orb orb-2"></div>
|
|
<div class="orb orb-3"></div>
|
|
</div>
|
|
<div class="container" style="text-align: center;">
|
|
<!-- Header -->
|
|
<header class="header">
|
|
<img src="img/logo-twinpath.svg" alt="" data-asset="logo" data-brand-name class="logo-img">
|
|
</header>
|
|
<!-- Custom Language Dropdown -->
|
|
<div class="lang-dropdown">
|
|
<div class="lang-btn" onclick="toggleLangMenu()">
|
|
<img src="svg/languages.svg" alt="">
|
|
<span id="lang-label">EN</span>
|
|
</div>
|
|
<div class="lang-menu" id="lang-menu">
|
|
<div class="lang-option" data-lang="en" onclick="applyLanguage('en'); toggleLangMenu()">EN</div>
|
|
<div class="lang-option" data-lang="id" onclick="applyLanguage('id'); toggleLangMenu()">ID</div>
|
|
</div>
|
|
</div>
|
|
<div class="card">
|
|
<h2 class="mb-4 flex-center">
|
|
<img src="svg/check-circle.svg" class="icon" data-asset="icon_success" style="color:#50e3c2; width:24px; height:24px; margin-right:8px;">
|
|
<span data-i18n="logged_out">Logged Out</span>
|
|
</h2>
|
|
<p class="mb-4 text-sm" style="color: var(--fg-secondary);" data-i18n="logged_out_msg">
|
|
You have successfully disconnected from the network.
|
|
</p>
|
|
|
|
<div style="margin-bottom: 1rem;">
|
|
<div class="input-label">
|
|
<img src="svg/user.svg" class="icon" data-asset="icon_user" style="width:12px; height:12px; margin-right:4px;"> Username
|
|
</div>
|
|
<div class="text-sm">$(username)</div>
|
|
</div>
|
|
|
|
<div style="margin-bottom: 2rem;">
|
|
<div class="input-label">
|
|
<img src="svg/clock.svg" class="icon" data-asset="icon_clock" style="width:12px; height:12px; margin-right:4px;"> Session Duration
|
|
</div>
|
|
<div class="text-sm text-time" data-type="mikrotik-time">$(uptime)</div>
|
|
</div>
|
|
|
|
<a href="$(link-login)" class="btn btn-primary" data-i18n="login_again">
|
|
Log In Again
|
|
</a>
|
|
</div>
|
|
|
|
<footer>
|
|
<p><span data-i18n="powered_by">Powered by</span> <span data-brand-name></span> • <a href="#" data-brand-link="credit" target="_blank" data-brand-credit></a></p>
|
|
</footer>
|
|
</div>
|
|
<script src="js/script.js"></script>
|
|
</body>
|
|
</html>
|