mirror of
https://github.com/pound-emu/www.git
synced 2026-01-31 01:15:20 +01:00
69 lines
2.3 KiB
HTML
69 lines
2.3 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<title>Pound Emulator</title>
|
|
<link rel="stylesheet" href="style.css" />
|
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css">
|
|
</head>
|
|
<body>
|
|
<header class="glass-header">
|
|
<a href="/" class="logo-link">
|
|
<img src="assets/pound.png" alt="Pound Logo" class="header-logo" />
|
|
</a>
|
|
<div class="header-icons">
|
|
<div class="dropdown">
|
|
<button id="dropdownBtn" class="dropbtn">
|
|
TEMP_LABEL <i class="bi bi-caret-right-fill"></i>
|
|
</button>
|
|
<div id="dropdownContent" class="dropdown-content glass-dropdown">
|
|
<a href="/overview/">Overview</a>
|
|
<a href="/docs/">Docs</a>
|
|
<a href="/experiments/">Experiments</a>
|
|
</div>
|
|
</div>
|
|
<a href="https://discord.gg/aMmTmKsVC7" target="_blank" class="icon-link">
|
|
<i class="bi bi-discord"></i>
|
|
</a>
|
|
<a href="https://github.com/pound-emu/pound" target="_blank" class="icon-link">
|
|
<i class="bi bi-github"></i>
|
|
</a>
|
|
</div>
|
|
</header>
|
|
|
|
<div class="bg">
|
|
<div class="glass-card">
|
|
<h1>Pound Emulator</h1>
|
|
<p>A *very* WIP emulator for the Nintendo Switch 2. It doesn't work. Yet.</p>
|
|
<a href="https://github.com/pound-emu/pound" class="btn">View on GitHub</a>
|
|
</div>
|
|
</div>
|
|
|
|
<script>
|
|
const btn = document.getElementById('dropdownBtn');
|
|
const content = document.getElementById('dropdownContent');
|
|
const icon = btn.querySelector('i');
|
|
|
|
btn.addEventListener('click', (e) => {
|
|
e.stopPropagation(); // prevent click bubbling to document
|
|
content.classList.toggle('active');
|
|
|
|
if (content.classList.contains('active')) {
|
|
icon.style.transform = 'rotate(90deg)';
|
|
} else {
|
|
icon.style.transform = 'rotate(0deg)';
|
|
}
|
|
});
|
|
|
|
// Close dropdown if clicking outside
|
|
document.addEventListener('click', (e) => {
|
|
if (content.classList.contains('active')) {
|
|
content.classList.remove('active');
|
|
icon.style.transform = 'rotate(0deg)';
|
|
}
|
|
});
|
|
</script>
|
|
</body>
|
|
</html>
|