update
This commit is contained in:
114
partials/landing/account/dashboard.php
Normal file
114
partials/landing/account/dashboard.php
Normal file
@@ -0,0 +1,114 @@
|
||||
<main class="section">
|
||||
<div class="container" style="display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:12px;">
|
||||
<div>
|
||||
<p class="eyebrow">Mitgliederbereich</p>
|
||||
<h1>Hallo, <span style="color: var(--color-primary);">Papa</span>!</h1>
|
||||
<p class="muted">Verwalte dein Profil, Kinder, Events und Teilnahmen.</p>
|
||||
</div>
|
||||
<div class="pill-row">
|
||||
<span class="pill">Profil</span>
|
||||
<span class="pill">Kinder</span>
|
||||
<span class="pill">Events</span>
|
||||
<span class="pill">Teilnahmen</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="container dash-section">
|
||||
<div class="dash-grid">
|
||||
<div class="card dash-card">
|
||||
<div class="badge">Profil</div>
|
||||
<h3>Deine Angaben</h3>
|
||||
<ul class="dash-list">
|
||||
<li>Anzeigename: Papa Alex</li>
|
||||
<li>Ort: Berlin, 10437</li>
|
||||
<li>Beruf: Entwickler</li>
|
||||
<li>Sprachen: Deutsch, Englisch</li>
|
||||
</ul>
|
||||
<div class="flex gap-12" style="margin-top:12px;">
|
||||
<button class="btn ghost">Bearbeiten</button>
|
||||
<button class="btn">Sichtbarkeit</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="card dash-card">
|
||||
<div class="badge">Kinder</div>
|
||||
<h3>Deine Kids</h3>
|
||||
<ul class="dash-list">
|
||||
<li>Emma, 4 Jahre (weiblich)</li>
|
||||
<li>Max, 7 Jahre (männlich)</li>
|
||||
</ul>
|
||||
<div class="flex gap-12" style="margin-top:12px;">
|
||||
<button class="btn ghost">Kind hinzufügen</button>
|
||||
<button class="btn">Kinder-Einstellungen</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="card dash-card">
|
||||
<div class="badge">Teilnahmen</div>
|
||||
<h3>Nächste Termine</h3>
|
||||
<ul class="dash-list">
|
||||
<li>Spielplatzrunde – 10.08., Prenzlauer Berg</li>
|
||||
<li>Erste Hilfe Kids – 20.08., Köln</li>
|
||||
</ul>
|
||||
<div class="flex gap-12" style="margin-top:12px;">
|
||||
<button class="btn ghost">Übersicht öffnen</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="container dash-section">
|
||||
<div class="card dash-card">
|
||||
<div class="badge">Eigenes Event</div>
|
||||
<h3>Neuen Termin erstellen</h3>
|
||||
<form class="stack gap-12" style="margin-top: 10px;">
|
||||
<div class="form-grid">
|
||||
<div class="stack gap-6">
|
||||
<label class="label" for="evTitle">Titel</label>
|
||||
<input id="evTitle" class="input" placeholder="z. B. Väter-Kaffee im Park">
|
||||
</div>
|
||||
<div class="stack gap-6">
|
||||
<label class="label" for="evTopic">Thema</label>
|
||||
<select id="evTopic" class="select">
|
||||
<option>Outdoor</option>
|
||||
<option>Kaffee</option>
|
||||
<option>Sport</option>
|
||||
<option>Workshop</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-grid">
|
||||
<div class="stack gap-6">
|
||||
<label class="label" for="evDate">Datum & Uhrzeit</label>
|
||||
<input id="evDate" class="input" type="datetime-local">
|
||||
</div>
|
||||
<div class="stack gap-6">
|
||||
<label class="label" for="evLocation">Ort/PLZ</label>
|
||||
<input id="evLocation" class="input" placeholder="10437 Berlin">
|
||||
</div>
|
||||
</div>
|
||||
<div class="stack gap-6">
|
||||
<label class="label" for="evDesc">Beschreibung</label>
|
||||
<textarea id="evDesc" class="textarea" rows="3" placeholder="Was soll passieren, was mitbringen?"></textarea>
|
||||
</div>
|
||||
<div class="form-grid">
|
||||
<div class="stack gap-6">
|
||||
<label class="label" for="evKids">Kinder</label>
|
||||
<select id="evKids" class="select">
|
||||
<option value="1">Mit Kindern</option>
|
||||
<option value="0">Ohne Kinder</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="stack gap-6">
|
||||
<label class="label" for="evVisibility">Sichtbarkeit</label>
|
||||
<select id="evVisibility" class="select">
|
||||
<option value="public">Öffentlich</option>
|
||||
<option value="members">Nur Mitglieder</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<button class="btn" type="submit">Event anlegen</button>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
37
partials/landing/account/login.php
Normal file
37
partials/landing/account/login.php
Normal file
@@ -0,0 +1,37 @@
|
||||
<main class="auth-wrap">
|
||||
<div class="container auth-grid">
|
||||
<section class="card auth-card">
|
||||
<div class="badge">Login</div>
|
||||
<h1 class="mt-1" style="margin: 12px 0;">Willkommen zurück</h1>
|
||||
<p class="muted">Melde dich an, um Events zu erstellen, teilzunehmen und dein Profil zu verwalten.</p>
|
||||
<form class="stack gap-12" style="margin-top: 14px;">
|
||||
<div class="stack gap-6">
|
||||
<label class="label" for="loginEmail">E-Mail</label>
|
||||
<input id="loginEmail" name="email" class="input" type="email" required placeholder="du@example.com">
|
||||
</div>
|
||||
<div class="stack gap-6">
|
||||
<label class="label" for="loginPassword">Passwort</label>
|
||||
<input id="loginPassword" name="password" class="input" type="password" required placeholder="********">
|
||||
</div>
|
||||
<div style="display:flex; justify-content:space-between; align-items:center; flex-wrap: wrap; gap: 8px;">
|
||||
<label style="display:flex; gap:8px; align-items:center; font-size:14px; color: var(--color-muted);">
|
||||
<input type="checkbox" style="width:16px; height:16px;"> Angemeldet bleiben
|
||||
</label>
|
||||
<a class="text-muted" href="/reset">Passwort vergessen?</a>
|
||||
</div>
|
||||
<button class="btn block" type="submit">Anmelden</button>
|
||||
</form>
|
||||
<p class="muted small" style="margin-top: 12px;">Noch kein Konto? <a href="/register">Jetzt registrieren</a></p>
|
||||
</section>
|
||||
|
||||
<aside class="auth-aside">
|
||||
<img class="auth-logo" src="/assets/bilder/logo_male.png" alt="Papa-Kind-Treff Logo">
|
||||
<h3>Neu hier?</h3>
|
||||
<p class="auth-meta">Registriere dich kostenlos, lege dein Profil an und finde Treffen in deiner Nähe. Kinderinfos kannst du später hinzufügen.</p>
|
||||
<div class="stack gap-12" style="margin-top: 12px;">
|
||||
<a class="btn block" href="/register">Kostenlos registrieren</a>
|
||||
<a class="btn ghost block" href="/">Zur Startseite</a>
|
||||
</div>
|
||||
</aside>
|
||||
</div>
|
||||
</main>
|
||||
71
partials/landing/account/register.php
Normal file
71
partials/landing/account/register.php
Normal file
@@ -0,0 +1,71 @@
|
||||
<main class="auth-wrap">
|
||||
<div class="container auth-grid">
|
||||
<section class="card auth-card">
|
||||
<div class="badge">Registrierung</div>
|
||||
<h1 class="mt-1" style="margin: 12px 0;">Jetzt Account anlegen</h1>
|
||||
<p class="muted">Profil anlegen, Kinder optional hinzufügen und Events planen.</p>
|
||||
<form class="stack gap-12" style="margin-top: 14px;">
|
||||
<div class="form-grid">
|
||||
<div class="stack gap-6">
|
||||
<label class="label" for="regName">Anzeigename</label>
|
||||
<input id="regName" name="display_name" class="input" required placeholder="z. B. Papa Alex">
|
||||
</div>
|
||||
<div class="stack gap-6">
|
||||
<label class="label" for="regEmail">E-Mail</label>
|
||||
<input id="regEmail" name="email" class="input" type="email" required placeholder="du@example.com">
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-grid">
|
||||
<div class="stack gap-6">
|
||||
<label class="label" for="regPassword">Passwort</label>
|
||||
<input id="regPassword" name="password" class="input" type="password" required placeholder="********">
|
||||
</div>
|
||||
<div class="stack gap-6">
|
||||
<label class="label" for="regPassword2">Passwort bestätigen</label>
|
||||
<input id="regPassword2" name="password_confirm" class="input" type="password" required placeholder="********">
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-grid">
|
||||
<div class="stack gap-6">
|
||||
<label class="label" for="regZip">PLZ</label>
|
||||
<input id="regZip" name="zip" class="input" maxlength="5" placeholder="10437">
|
||||
</div>
|
||||
<div class="stack gap-6">
|
||||
<label class="label" for="regCity">Ort</label>
|
||||
<input id="regCity" name="city" class="input" placeholder="Berlin">
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-grid">
|
||||
<div class="stack gap-6">
|
||||
<label class="label" for="regJob">Beruf</label>
|
||||
<input id="regJob" name="profession" class="input" placeholder="z. B. Entwickler">
|
||||
</div>
|
||||
<div class="stack gap-6">
|
||||
<label class="label" for="regLangs">Sprachen</label>
|
||||
<input id="regLangs" name="languages" class="input" placeholder="Deutsch, Englisch">
|
||||
</div>
|
||||
</div>
|
||||
<div class="stack gap-6">
|
||||
<label class="label" for="regAbout">Kurzvorstellung</label>
|
||||
<textarea id="regAbout" name="about" class="textarea" rows="3" placeholder="Ein paar Sätze zu dir."></textarea>
|
||||
</div>
|
||||
<button class="btn block" type="submit">Account erstellen</button>
|
||||
</form>
|
||||
<p class="muted small" style="margin-top: 12px;">Schon registriert? <a href="/login">Zum Login</a></p>
|
||||
</section>
|
||||
|
||||
<aside class="auth-aside">
|
||||
<img class="auth-logo" src="/assets/bilder/logo_female.png" alt="Papa-Kind-Treff Logo">
|
||||
<h3>Tipps für den Start</h3>
|
||||
<ul class="list" style="margin-top: 8px;">
|
||||
<li>Anzeigename wählen, mit dem dich andere Väter ansprechen können.</li>
|
||||
<li>Ort/PLZ hilft, passende Events in deiner Nähe zu sehen.</li>
|
||||
<li>Kinderinfos kannst du später hinzufügen oder ändern.</li>
|
||||
</ul>
|
||||
<div class="stack gap-12" style="margin-top: 12px;">
|
||||
<a class="btn ghost block" href="/login">Ich habe schon ein Konto</a>
|
||||
<a class="btn block" href="/">Zur Startseite</a>
|
||||
</div>
|
||||
</aside>
|
||||
</div>
|
||||
</main>
|
||||
Reference in New Issue
Block a user