34 lines
1.4 KiB
PHTML
34 lines
1.4 KiB
PHTML
<!DOCTYPE html>
|
|
<html lang="HTML-5">
|
|
<head>
|
|
<title>VR Contact</title>
|
|
<meta charset="UTF-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<link href="CSS/style.css" rel="stylesheet" type="text/css" />
|
|
</head>
|
|
<nav id="navigation">
|
|
<div class="link-container">
|
|
<div id="logo" ><a class="link-logo" href="#"></a></div>
|
|
<button id="nav-toggle-btn" aria-label="Menü ein-/ausklappen">▼</button>
|
|
<div class="nav-links">
|
|
<a id="link-tickets" class="links" href="#">Tickets</a>
|
|
<a id="link-infos" class="links" href="?controller=Welcome&do=showWelcome">Infos</a>
|
|
<a id="link-profil" class="links" href="?controller=Contact&do=showContactForm">Profil</a>
|
|
<div id="profile-picture"></div>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
<script>
|
|
document.addEventListener('DOMContentLoaded', function() {
|
|
var btn = document.getElementById('nav-toggle-btn');
|
|
var links = document.querySelector('.nav-links');
|
|
if (btn && links) {
|
|
btn.addEventListener('click', function() {
|
|
links.classList.toggle('open');
|
|
btn.classList.toggle('open');
|
|
btn.innerHTML = links.classList.contains('open') ? '▲' : '▼';
|
|
});
|
|
}
|
|
});
|
|
</script>
|
|
</html> |