Files
loot-hunt/src/views/partials/header.ejs
Mike Johnston b6cd483401
All checks were successful
Build Images and Deploy / Update-PROD-Stack (push) Successful in 29s
password change feature
2026-02-28 01:53:54 -05:00

51 lines
2.2 KiB
Plaintext

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title><%= typeof title !== 'undefined' ? title + ' | Loot Hunt' : 'Loot Hunt' %></title>
<link rel="icon" type="image/svg+xml" href="/favicon.svg">
<link rel="stylesheet" href="/css/style.css">
<script>
// Apply theme before render to prevent flash
(function() {
var t = localStorage.getItem('theme');
if (t === 'dark' || (!t && window.matchMedia('(prefers-color-scheme: dark)').matches)) {
document.documentElement.setAttribute('data-theme', 'dark');
}
})();
</script>
</head>
<body>
<nav class="navbar">
<a href="/" class="navbar-brand">&#x1F3AF; Loot Hunt</a>
<div style="display: flex; align-items: center; gap: 0.25rem;">
<button class="theme-toggle mobile-theme-toggle" onclick="toggleTheme()" aria-label="Toggle dark mode" title="Toggle dark mode">&#x1F319;</button>
<button class="nav-toggle" aria-label="Toggle menu" onclick="document.querySelector('.navbar-nav').classList.toggle('open')">
<span></span><span></span><span></span>
</button>
</div>
<ul class="navbar-nav">
<li><a href="/hunts">Hunts</a></li>
<li><a href="/leaderboard">Leaderboard</a></li>
<% if (currentUser) { %>
<li><a href="/player/<%= currentUser.username %>">My Profile</a></li>
<% if (currentUser.isAdmin) { %>
<li><a href="/admin">Admin</a></li>
<% } else if (currentUser.isOrganizer) { %>
<li><a href="/admin">Organizer</a></li>
<% } %>
<li><a href="/auth/logout">Logout (<%= currentUser.username %>)</a></li>
<% } else { %>
<li><a href="/auth/login">Login</a></li>
<li><a href="/auth/register">Register</a></li>
<% } %>
<li class="nav-theme-item"><button class="theme-toggle" onclick="toggleTheme()" aria-label="Toggle dark mode" title="Toggle dark mode">&#x1F319;</button></li>
</ul>
</nav>
<% if (typeof flash !== 'undefined' && flash) { %>
<div class="container">
<div class="alert alert-<%= flash.type %>"><%= flash.message %></div>
</div>
<% } %>