dyzulk/twinpath-hotspot-themes
1
0
Fork 0
mirror of https://github.com/dyzulk/twinpath-hotspot-themes.git synced 2026-01-26 05:25:40 +07:00
Code Issues Packages Projects Releases 2 Wiki Activity

Initial commit: Premium Gold Theme with Dynamic QR and Multi-language support

Browse Source
This commit is contained in:
dyzulk
2026-01-12 07:57:04 +07:00
commit 7bd6589564
49 changed files with 2876 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

68
logout.html Normal file
View File

@@ -0,0 +1,68 @@
<!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>