This commit is contained in:
2025-12-25 01:50:07 +01:00
parent 5d7dcfd950
commit 3b4b5cad3e
11 changed files with 743 additions and 372 deletions

View File

@@ -1,22 +1,26 @@
<?php
/** @var \App\App $app */
$app = app();
// globale Assets (Brand-Styles & JS)
$app->assets()->addStyle('/assets/css/styles.css', 'early');
$app->assets()->addStyle('/assets/css/app.css', 'normal');
$app->assets()->addScript('/assets/js/app.js', 'footer', true, false);
$childGender = $_SESSION['child_gender_summary'] ?? ''; // 'male' | 'female' | 'mixed' | ''
if (!in_array($childGender, ['male', 'female', 'mixed'], true)) {
$childGender = '';
}
?>
<!doctype html>
<html lang="en">
<html lang="de">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title><?= htmlspecialchars(t('common.title'), ENT_QUOTES) ?></title>
<meta name="description" content="Papa-Kind-Treff: Väter vernetzen sich für Treffen mit und ohne Kinder, Events in der Nähe entdecken und sicher Kontakte knüpfen.">
<?php asset_styles(); ?>
<?php asset_scripts('header'); ?>
<style>
body { font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; margin: 2rem; }
.card { border: 1px solid #ddd; border-radius: 12px; padding: 1.25rem; max-width: 820px; }
.muted { color: #555; }
.pill { display: inline-block; padding: .25rem .5rem; border-radius: 999px; border: 1px solid #ddd; font-size: .9rem; }
.grid { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }
@media (max-width: 720px) { .grid { grid-template-columns: 1fr; } }
</style>
</head>
<body>
<body data-auth="<?= isset($_SESSION['user_id']) ? '1' : '0' ?>" data-child-gender="<?= htmlspecialchars($childGender, ENT_QUOTES) ?>">
<?php tpl('nav', 'structure'); ?>

View File

@@ -0,0 +1,44 @@
<?php
$app = app();
$isLoggedIn = isset($_SESSION['user_id']);
?>
<header class="site-header">
<div class="container nav-row">
<div class="brand">
<img data-logo-img src="/assets/bilder/logo_male.png" alt="Papa-Kind-Treff Logo" class="brand__logo">
<div class="brand__text">
<span class="brand__name">Papa-Kind-Treff</span>
<span class="brand__tag">Väter vernetzen</span>
</div>
</div>
<nav class="nav-links" aria-label="Hauptmenü">
<a href="#events">Events</a>
<a href="#profil">Profil</a>
<a href="#sicherheit">Sicherheit</a>
<a href="#faq">FAQ</a>
</nav>
<div class="nav-actions">
<?php if ($isLoggedIn): ?>
<button class="btn ghost" type="button">Dashboard</button>
<button class="btn" type="button">Neues Event</button>
<?php else: ?>
<button class="btn ghost" type="button">Anmelden</button>
<button class="btn" type="button">Kostenlos registrieren</button>
<?php endif; ?>
<button class="menu-toggle" aria-label="Menü öffnen">☰</button>
</div>
</div>
<div class="mobile-menu" id="mobileMenu">
<a href="#events">Events</a>
<a href="#profil">Profil</a>
<a href="#sicherheit">Sicherheit</a>
<a href="#faq">FAQ</a>
<?php if ($isLoggedIn): ?>
<button class="btn ghost" type="button">Dashboard</button>
<button class="btn block" type="button">Neues Event</button>
<?php else: ?>
<button class="btn ghost" type="button">Anmelden</button>
<button class="btn block" type="button">Kostenlos registrieren</button>
<?php endif; ?>
</div>
</header>