Add Coolify deployment configuration
This commit is contained in:
@ -14,13 +14,23 @@
|
||||
<div class="nav-logo">
|
||||
<h1><a href="/">{{.CompanyName}}</a></h1>
|
||||
</div>
|
||||
<ul class="nav-links">
|
||||
<li><a href="/">Home</a></li>
|
||||
<li><a href="/#voordelen">Voordelen</a></li>
|
||||
<li><a href="/#distros">Linux Keuze</a></li>
|
||||
<li><a href="/#diensten">Diensten</a></li>
|
||||
<li><a href="/contact" class="active">Contact</a></li>
|
||||
</ul>
|
||||
<div class="nav-links">
|
||||
<a href="/">Home</a>
|
||||
<a href="/#voordelen">Voordelen</a>
|
||||
<a href="/#distros">Linux Keuze</a>
|
||||
<a href="/#diensten">Diensten</a>
|
||||
<a href="/contact" class="active">Contact</a>
|
||||
</div>
|
||||
<button class="mobile-menu-toggle" onclick="toggleMobileMenu()">
|
||||
<span>☰</span>
|
||||
</button>
|
||||
<div class="mobile-menu" id="mobile-menu">
|
||||
<a href="/">Home</a>
|
||||
<a href="/#voordelen">Voordelen</a>
|
||||
<a href="/#distros">Linux Keuze</a>
|
||||
<a href="/#diensten">Diensten</a>
|
||||
<a href="/contact" class="active">Contact</a>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
</header>
|
||||
@ -166,5 +176,29 @@
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
<script>
|
||||
function toggleMobileMenu() {
|
||||
const mobileMenu = document.getElementById('mobile-menu');
|
||||
mobileMenu.classList.toggle('active');
|
||||
}
|
||||
|
||||
// Close mobile menu when clicking outside
|
||||
document.addEventListener('click', function(event) {
|
||||
const mobileMenu = document.getElementById('mobile-menu');
|
||||
const menuToggle = document.querySelector('.mobile-menu-toggle');
|
||||
|
||||
if (!mobileMenu.contains(event.target) && !menuToggle.contains(event.target)) {
|
||||
mobileMenu.classList.remove('active');
|
||||
}
|
||||
});
|
||||
|
||||
// Close mobile menu when clicking on a link
|
||||
document.querySelectorAll('.mobile-menu a').forEach(link => {
|
||||
link.addEventListener('click', function() {
|
||||
document.getElementById('mobile-menu').classList.remove('active');
|
||||
});
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
Reference in New Issue
Block a user