131 lines
5.1 KiB
PHP
131 lines
5.1 KiB
PHP
<!DOCTYPE html>
|
|
<html lang="de">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<meta name="language" content="de">
|
|
<meta name="description" content="Dialysezentrum Berlin-Mahlsdorf - Modernes Zentrum für Innere Medizin und Dialyse mit ganzjähriger Feriendialyse">
|
|
<meta name="robots" content="index, follow">
|
|
|
|
<title>Dialysezentrum Berlin-Mahlsdorf</title>
|
|
|
|
<link rel="icon" href="/img/favicon.ico" type="image/x-icon" />
|
|
<link href="/css/modern.css" rel="stylesheet" media="screen">
|
|
<link href="/css/lightbox.min.css" rel="stylesheet" media="screen">
|
|
|
|
<script src="/js/jquery-3.6.1.min.js" type="text/javascript"></script>
|
|
<script src="/js/lightbox-plus-jquery.min.js" type="text/javascript"></script>
|
|
</head>
|
|
|
|
<body id="body">
|
|
<div id="outer-container">
|
|
<!-- Holiday Announcement Modal -->
|
|
<?php if(Helper::isHoliday($config) && $session->get('dialog') != 'dismissed'): ?>
|
|
<div id="holiday-wrapper">
|
|
<div class="holiday-bg"></div>
|
|
<div class="holiday-dialog">
|
|
<h3>Wichtige Mitteilung</h3>
|
|
<div><?=Helper::parseHolidays($config)?></div>
|
|
<p class="alignRight" style="margin-top: 1.5rem;">
|
|
<a href="#" data-dismiss="dialog" class="btn" style="background: var(--primary-color);">Schließen ✕</a>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
<?php endif; ?>
|
|
|
|
<!-- Header -->
|
|
<header id="header">
|
|
<div class="container">
|
|
<div id="header-content">
|
|
<div>
|
|
<div id="header-logo">
|
|
<span style="color: var(--accent-color);">Dialyse</span>zentrum
|
|
</div>
|
|
<div id="header-logo-subtitle">Berlin-Mahlsdorf</div>
|
|
</div>
|
|
<button id="menu-toggle" aria-label="Menu">☰</button>
|
|
</div>
|
|
</div>
|
|
</header>
|
|
|
|
<!-- Navigation -->
|
|
<nav id="menu">
|
|
<div class="container" style="display: block;">
|
|
<?php include('view/navigation.php'); ?>
|
|
</div>
|
|
</nav>
|
|
|
|
<!-- Hero Section with Tagline -->
|
|
<div style="background: linear-gradient(135deg, var(--primary-color) 0%, var(--primary-dark) 100%); color: white; padding: 1rem 0; text-align: center;">
|
|
<div class="container">
|
|
<p style="font-size: 1.3rem; margin: 0; font-weight: 500;">
|
|
"Die individuelle Dialyse im grünen Gürtel von Berlin"
|
|
</p>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Main Content -->
|
|
<div id="outer-content">
|
|
<div class="container">
|
|
<div id="inner-content">
|
|
<?=$content?>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Footer -->
|
|
<footer id="footer">
|
|
<div class="container">
|
|
<p style="margin-bottom: 1rem;">
|
|
© <?=date('Y')?> Dialysezentrum Berlin-Mahlsdorf<br>
|
|
www.dialyse-berlin.net | www.dialyse-berlin.com | www.dialyse-berlin.info
|
|
</p>
|
|
<p style="margin-bottom: 0;">
|
|
<a href="/?action=impressum">Impressum</a>
|
|
<a href="/?action=datenschutz">Datenschutz</a>
|
|
</p>
|
|
</div>
|
|
</footer>
|
|
</div>
|
|
|
|
<!-- Scripts -->
|
|
<script type="text/javascript">
|
|
// Mobile Menu Toggle
|
|
document.addEventListener('DOMContentLoaded', function() {
|
|
const menuToggle = document.getElementById('menu-toggle');
|
|
const navList = document.querySelector('#menu ul');
|
|
|
|
if (menuToggle) {
|
|
menuToggle.addEventListener('click', function() {
|
|
navList.classList.toggle('active');
|
|
});
|
|
}
|
|
|
|
// Close menu when clicking on a link
|
|
const navLinks = document.querySelectorAll('#menu ul li a');
|
|
navLinks.forEach(link => {
|
|
link.addEventListener('click', function() {
|
|
navList.classList.remove('active');
|
|
});
|
|
});
|
|
|
|
// Holiday dialog dismiss
|
|
document.querySelectorAll('[data-dismiss]').forEach(element => {
|
|
element.addEventListener('click', function(e) {
|
|
e.preventDefault();
|
|
$.ajax({
|
|
url: '/api.php?action=dialog',
|
|
type: 'get',
|
|
success: function(response) {
|
|
const wrapper = document.getElementById('holiday-wrapper');
|
|
if (wrapper) {
|
|
wrapper.style.display = 'none';
|
|
}
|
|
}
|
|
});
|
|
});
|
|
});
|
|
});
|
|
</script>
|
|
</body>
|
|
</html>
|