78 lines
3.1 KiB
PHP
78 lines
3.1 KiB
PHP
<!--
|
|
Content: Profil
|
|
Inhalt: Das eigene Profil, wenn man angemeldet ist. Dort hat man die Möglichkeit seine Angaben zu ändern.
|
|
-->
|
|
|
|
<main class="form-page">
|
|
<div class="profile-layout-container">
|
|
|
|
<!-- Linke Spalte: Profildaten -->
|
|
<div class="form-container">
|
|
<form>
|
|
<label class="input-label">Vorname</label>
|
|
<input type="text" name="Vorname" class="login-input" required
|
|
placeholder="Vorname"
|
|
value="<?php //DB-Daten ?>">
|
|
|
|
<label class="input-label">Nachname</label>
|
|
<input type="text" name="Nachname" class="login-input" required
|
|
placeholder="Nachname"
|
|
value="<?php //DB-Daten ?>">
|
|
|
|
<label class="input-label">Email-Adresse</label>
|
|
<input type="email" name="Email" class="login-input" required
|
|
placeholder="mustermann@web.de"
|
|
value="<?php //DB-Daten ?>">
|
|
|
|
<label class="input-label">Passwort</label>
|
|
<input type="password" name="Passwort" class="login-input"
|
|
required placeholder="Passwort">
|
|
|
|
<button type="submit" class="login-button">
|
|
Speichern
|
|
</button>
|
|
|
|
<button type="button" class="login-button delete-account-button">
|
|
Account löschen
|
|
</button>
|
|
</form>
|
|
</div>
|
|
|
|
<!-- Rechte Spalte: Eigene Beiträge -->
|
|
<div id="articlesFromUser">
|
|
<h2 class="section-title">Meine Beiträge</h2>
|
|
<div class="articles-list">
|
|
|
|
<!-- Beispiel-Eintrag 1 (Wird spaeter per PHP wiederholt) -->
|
|
<div class="article-item">
|
|
<div class="article-meta">
|
|
<span class="article-date">29.05.2026</span>
|
|
<span class="article-category">Technologie</span>
|
|
</div>
|
|
<h3 class="article-title">Die Zukunft von CSS Grid</h3>
|
|
<div class="article-tags">
|
|
<span class="tag">Webdesign</span>
|
|
<span class="tag">Frontend</span>
|
|
</div>
|
|
<a href="edit-article.php?id=1" class="edit-link-button">Bearbeiten</a>
|
|
</div>
|
|
|
|
<!-- Beispiel-Eintrag 2 -->
|
|
<div class="article-item">
|
|
<div class="article-meta">
|
|
<span class="article-date">15.04.2026</span>
|
|
<span class="article-category">Lifestyle</span>
|
|
</div>
|
|
<h3 class="article-title">Produktiv im Homeoffice</h3>
|
|
<div class="article-tags">
|
|
<span class="tag">Tipps</span>
|
|
<span class="tag">Arbeit</span>
|
|
</div>
|
|
<a href="edit-article.php?id=2" class="edit-link-button">Bearbeiten</a>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</main> |