luanti-web/site_generator/templates/html_header.template
2025-06-07 13:48:21 +02:00

54 lines
2.1 KiB
Text
Executable file

<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>${current_page_title} - ${SITE_TITLE}</title>
<link rel="stylesheet" href="${relative_path_prefix}/style.css?v=${CACHE_BUSTER}">
<link rel="stylesheet" href="https://unpkg.com/leaflet@1.9.4/dist/leaflet.css"/>
<script src="https://unpkg.com/leaflet@1.9.4/dist/leaflet.js"></script>
<link href='https://api.mapbox.com/mapbox.js/plugins/leaflet-fullscreen/v1.0.1/leaflet.fullscreen.css' rel='stylesheet' />
<script src='https://api.mapbox.com/mapbox.js/plugins/leaflet-fullscreen/v1.0.1/Leaflet.fullscreen.min.js'></script>
<script>
document.addEventListener('DOMContentLoaded', function() {
const scrollToTopBtn = document.getElementById('scrollToTopBtn');
// Scroll-Event nur für den "Nach oben"-Button
if (scrollToTopBtn) {
window.addEventListener('scroll', function() {
window.requestAnimationFrame(function() {
if (window.scrollY > 300) {
scrollToTopBtn.classList.add('show');
} else {
scrollToTopBtn.classList.remove('show');
}
});
});
// Klick-Event für den Scroll-To-Top Button
scrollToTopBtn.addEventListener('click', function(e) {
e.preventDefault();
window.scrollTo({
top: 0,
behavior: 'smooth'
});
});
}
});
</script>
</head>
<body>
<header>
<h1>${SITE_TITLE}</h1>
<div class="header-separator"></div>
<nav>
<ul>
<li class="${active_class_home}"><a href="${relative_path_prefix}/index.html">Startseite</a></li>
<li class="${active_class_worlds}"><a href="${relative_path_prefix}/worlds.html">Welten</a></li>
<li class="${active_class_downloads}"><a href="${relative_path_prefix}/downloads.html">Downloads</a></li>
</ul>
</nav>
</header>
<div class="header-banner"></div>
<div class="container">