itchy/Dialyse-Webseite
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

AI redesign, version 1

Browse Source
This commit is contained in:
chriz
2026-08-12 15:09:39 +02:00
parent eb28b95cd4
commit e9d9ba421e
15 changed files with 1777 additions and 381 deletions
Download Patch File Download Diff File Expand all files Collapse all files
view/frontend.php
+109 -51
View File
@@ -1,73 +1,131 @@
<!DOCTYPE html>
<html lang="de">
<head>
<title>Dialysezentrum Berlin-Mahlsdorf</title>
<meta charset="utf-8">
<META NAME="language" CONTENT="de">
<META NAME="description" CONTENT="Wir bieten ganzjaehrige Feriendialysen in unserem modernen Zentrum für Innere Medizin und Dialyse.">
<META NAME="robots" CONTENT="index, follow">
<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/frontend.css" rel="stylesheet" media="screen">
<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>
</head>
<body id="body">
<div id="outer-container">
<?php if(Helper::isHoliday($config) && $session->get('dialog') != 'dismissed'): ?>
<div id="holiday-wrapper">
<div class="holiday-bg"></div>
<div class="holiday-dialog">
<p><?=Helper::parseHolidays($config)?></p>
<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>
<p class="alignRight"><a href="#" data-dismiss="dialog">[X] Schlie&szlig;en</a></p>
<!-- 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>
<?php endif; ?>
<div id="headertop"><img title="Dialysezentrum Berlin-Mahlsdorf" src="/img/header.jpg"></div>
<div id="menu">
<?php include('view/navigation.php'); ?>
<div class="clear"></div>
</div>
<div id="headerbottom"><img src="/img/header_bottom.jpg"></div>
<div id="wisdom">
<div id="bluebar">
"Die individuelle Dialyse im gr&uuml;nen G&uuml;rtel von Berlin"
<!-- Main Content -->
<div id="outer-content">
<div class="container">
<div id="inner-content">
<?=$content?>
</div>
</div>
</div>
<div id="banner"></div>
<div class="clear"></div>
</div>
<div id="outer-content">
<div id="inner-content-bg"></div>
<div id="inner-content">
<?=$content?>
</div>
<!-- Footer -->
<footer id="footer">
<div class="container">
<p style="margin-bottom: 1rem;">
&copy; <?=date('Y')?> Dialysezentrum Berlin-Mahlsdorf<br>
www.dialyse-berlin.net &nbsp;|&nbsp; www.dialyse-berlin.com &nbsp;|&nbsp; www.dialyse-berlin.info
</p>
<p style="margin-bottom: 0;">
<a href="/?action=impressum">Impressum</a> &nbsp;&nbsp;
<a href="/?action=datenschutz">Datenschutz</a>
</p>
</div>
</footer>
</div>
<div id="footer">
&copy; www.dialyse-berlin.net &amp; www.dialyse-berlin.com &amp; www.dialyse-berlin.info <br/>
<a href="/impressum.html">Impressum</a> &nbsp; <a href="/datenschutz.html">Datenschutz</a>
</div>
</div>
<script type="text/javascript">
$(document).ready(function() {
$('[data-dismiss]').click((e) => {
e.preventDefault();
$.ajax({
url: '/api.php?action=dialog',
type: 'get',
success: function(response) {
$('#holiday-wrapper').hide();
}
<!-- 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>
</script>
</body>
</html>