profile.php mit Nutzerbeiträgen + css

This commit is contained in:
2026-05-29 15:09:45 +02:00
parent df17478d72
commit 2a5ff14cb5
3 changed files with 180 additions and 27 deletions
+59 -27
View File
@@ -4,43 +4,75 @@
-->
<main class="form-page">
<div class="profile-layout-container">
<div class="form-container">
<form>
<!-- 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">Vorname</label>
<label class="input-label">Nachname</label>
<input type="text" name="Nachname" class="login-input" required
placeholder="Nachname"
value="<?php //DB-Daten ?>">
<input type="text" name="Vorname" class="login-input" required
placeholder="Vorname"
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">Nachname</label>
<input type="text" name="Nachname" class="login-input" required
placeholder="Nachname"
value="<?php //DB-Daten ?>">
<label class="input-label">Passwort</label>
<input type="password" name="Passwort" class="login-input"
required placeholder="Passwort">
<label class="input-label">Email-Adresse</label>
<input type="email" name="Email" class="login-input" required
placeholder="mustermann@web.de"
value="<?php //DB-Daten ?>">
<button type="submit" class="login-button">
Speichern
</button>
<label class="input-label">Passwort</label>
<input type="password" name="Passwort" class="login-input"
required placeholder="Passwort">
<button type="button" class="login-button delete-account-button">
Account löschen
</button>
</form>
</div>
<br>
<!-- Rechte Spalte: Eigene Beiträge -->
<div id="articlesFromUser" class="form-container">
<h2 class="section-title">Meine Beiträge</h2>
<div class="articles-list">
<button type="submit" class="login-button">
Speichern
</button>
<!-- 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>
<br><br>
<!-- 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>
<button type="button" class="login-button">
Account löschen
</button>
</form>
</div>
</div>
</div>
</main>