mirror of
https://github.com/sassanix/Warracker.git
synced 2026-01-08 22:49:39 -06:00
179 lines
8.4 KiB
HTML
179 lines
8.4 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<!-- Basic Meta Tags -->
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>About - Warracker</title>
|
|
|
|
<!-- Favicons -->
|
|
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
|
|
<link rel="icon" type="image/png" sizes="16x16" href="img/favicon-16x16.png?v=2">
|
|
<link rel="icon" type="image/png" sizes="32x32" href="img/favicon-32x32.png?v=2">
|
|
<link rel="apple-touch-icon" sizes="180x180" href="img/favicon-512x512.png">
|
|
<link rel="manifest" href="manifest.json">
|
|
|
|
<!-- Stylesheets -->
|
|
<link rel="stylesheet" href="style.css"> <!-- Main stylesheet -->
|
|
<link rel="stylesheet" href="styles.css"> <!-- Additional styles -->
|
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"> <!-- Font Awesome -->
|
|
<link rel="stylesheet" href="header-fix.css"> <!-- Header specific styles -->
|
|
<!-- Mobile Header specific styles -->
|
|
<link rel="stylesheet" href="mobile-header.css">
|
|
|
|
<!-- Scripts loaded in head -->
|
|
<script src="theme-loader.js"></script> <!-- Apply theme early -->
|
|
<script src="include-auth-new.js"></script> <!-- Handles auth state display -->
|
|
<script src="fix-auth-buttons-loader.js"></script> <!-- Fixes auth button display timing -->
|
|
<script src="auth.js"></script> <!-- Load auth.js early for authentication check -->
|
|
|
|
<!-- Authentication Check -->
|
|
<script>
|
|
document.addEventListener('DOMContentLoaded', () => {
|
|
// Check if user is authenticated
|
|
const authToken = localStorage.getItem('auth_token');
|
|
const userInfo = localStorage.getItem('user_info');
|
|
|
|
if (!authToken || !userInfo) {
|
|
// User is not authenticated, redirect to login page
|
|
window.location.href = 'login.html';
|
|
return;
|
|
}
|
|
});
|
|
</script>
|
|
|
|
</head>
|
|
<body>
|
|
<!-- Standard Header (Copied from index.html) -->
|
|
<header>
|
|
<div class="container">
|
|
<div class="app-title">
|
|
<i class="fas fa-shield-alt"></i>
|
|
<h1>Warracker</h1>
|
|
</div>
|
|
<div class="nav-links">
|
|
<a href="index.html" class="nav-link">
|
|
<i class="fas fa-home"></i> Home
|
|
</a>
|
|
<a href="status.html" class="nav-link">
|
|
<i class="fas fa-chart-pie"></i> Status
|
|
</a>
|
|
<!-- Consider adding an 'active' class to an 'About' link if created here -->
|
|
</div>
|
|
<!-- Group for right-aligned elements -->
|
|
<div class="header-right-group">
|
|
<div id="authContainer" class="auth-buttons">
|
|
<a href="login.html" class="auth-btn login-btn">
|
|
<i class="fas fa-sign-in-alt"></i> Login
|
|
</a>
|
|
<a href="register.html" class="auth-btn register-btn">
|
|
<i class="fas fa-user-plus"></i> Register
|
|
</a>
|
|
</div>
|
|
<div id="userMenu" class="user-menu" style="display: none;">
|
|
<button id="userBtn" class="user-btn">
|
|
<i class="fas fa-user-circle"></i>
|
|
<span id="userDisplayName">User</span>
|
|
</button>
|
|
<div id="userMenuDropdown" class="user-menu-dropdown">
|
|
<div class="user-info">
|
|
<div id="userName" class="user-name">User Name</div>
|
|
<div id="userEmail" class="user-email">user@example.com</div>
|
|
</div>
|
|
<div class="user-menu-item">
|
|
<a href="settings-new.html" style="color: inherit; text-decoration: none; display: block;">
|
|
<i class="fas fa-cog"></i> Settings
|
|
</a>
|
|
</div>
|
|
<div class="user-menu-item">
|
|
<i class="fas fa-info-circle"></i>
|
|
<a href="about.html" style="text-decoration: none; color: inherit;">About</a>
|
|
</div>
|
|
<div class="user-menu-item" id="logoutMenuItem">
|
|
<i class="fas fa-sign-out-alt"></i> Logout
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div> <!-- End header-right-group -->
|
|
</div>
|
|
</header>
|
|
|
|
<!-- Main Content Area -->
|
|
<div class="container" style="padding: 0;">
|
|
<div class="main-content" style="display: block;">
|
|
|
|
<!-- Existing About Content, now wrapped -->
|
|
<div class="about-container" style="background-color: var(--card-bg); color: var(--text-color); padding: 20px; border-radius: 8px; margin-top: 20px; box-shadow: 0 2px 5px rgba(0,0,0,0.1); width: 100%; box-sizing: border-box;">
|
|
<h1 style="color: var(--primary-color); margin-bottom: 20px;">About Warracker</h1>
|
|
|
|
<p><strong>Version:</strong> v0.9.9.4</p>
|
|
|
|
<div id="versionTracker" style="margin-bottom: 20px;">
|
|
<p><strong>Update Status:</strong> <span id="updateStatus">Checking for updates...</span></p>
|
|
<a id="updateLink" href="#" target="_blank" rel="noopener noreferrer" style="display: none; color: var(--link-color);">
|
|
<i class="fa-solid fa-arrow-up-right-from-square"></i> Release Notes
|
|
</a>
|
|
</div>
|
|
|
|
<p>
|
|
<strong>GitHub Repository:</strong>
|
|
<a href="https://github.com/sassanix/Warracker" target="_blank" rel="noopener noreferrer" style="color: var(--link-color);">
|
|
https://github.com/sassanix/Warracker
|
|
</a>
|
|
</p>
|
|
|
|
<p>
|
|
<strong>Release Notes:</strong>
|
|
<a href="https://github.com/sassanix/Warracker/releases" target="_blank" rel="noopener noreferrer" style="color: var(--link-color);">
|
|
View Releases
|
|
</a>
|
|
</p>
|
|
|
|
<p>
|
|
<strong>Author:</strong>
|
|
<a href="https://github.com/sassanix" target="_blank" rel="noopener noreferrer" style="color: var(--link-color);">
|
|
Sassanix
|
|
</a>
|
|
</p>
|
|
|
|
<p>
|
|
<strong>License:</strong>
|
|
<a href="https://github.com/sassanix/Warracker/blob/main/LICENSE" target="_blank" rel="noopener noreferrer" style="color: var(--link-color);">
|
|
AGPL-3.0
|
|
</a>
|
|
</p>
|
|
|
|
<p>
|
|
<strong>Issues & Feature Requests:</strong>
|
|
<a href="https://github.com/sassanix/Warracker/issues" target="_blank" rel="noopener noreferrer" style="color: var(--link-color);">
|
|
Report Bugs / Request Features
|
|
</a>
|
|
</p>
|
|
|
|
<!-- Buy Me A Coffee Button -->
|
|
<div style="text-align: center; margin-top: 25px;">
|
|
<script type="text/javascript" src="https://cdnjs.buymeacoffee.com/1.0.0/button.prod.min.js" data-name="bmc-button" data-slug="sassanix" data-color="#FFDD00" data-emoji="" data-font="Poppins" data-text="Buy me a coffee" data-outline-color="#000000" data-font-color="#000000" data-coffee-color="#ffffff" ></script>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Scripts loaded at the end of body -->
|
|
<script src="auth.js"></script> <!-- Added for user menu and other auth interactions -->
|
|
<script src="script.js"></script> <!-- Include main site script, might contain helpers -->
|
|
<script src="version-checker.js"></script> <!-- Version checker script -->
|
|
|
|
<!-- Explicitly call setupUIEventListeners for this page -->
|
|
<script>
|
|
document.addEventListener('DOMContentLoaded', () => {
|
|
// Keep theme initialization here if needed for specific timing
|
|
if (typeof initializeTheme === 'function') {
|
|
console.log('About page: Calling initializeTheme');
|
|
initializeTheme(); // Call theme initialization if it exists
|
|
}
|
|
});
|
|
</script>
|
|
|
|
</body>
|
|
</html> |