User-Page: Profil & Posts in einem weißen Container

Profilname, "Mitglied seit", Einstellungen und Feed liegen jetzt in einer
gemeinsamen weißen section statt als getrennte Kästen mit Textur-Lücken.
"Beiträge"-Überschrift entfernt (samt JS-Logik für Deine/Beiträge von …).

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
2026-06-07 17:32:08 +02:00
parent b4d03f8741
commit 466049ee9d
2 changed files with 27 additions and 28 deletions
-2
View File
@@ -41,8 +41,6 @@ async function init() {
const me = await api.get("/user/info");
const isOwner = me.username === info.username;
document.getElementById("settings").hidden = !isOwner;
document.getElementById("feed-heading").textContent =
isOwner ? "Deine Beiträge" : `Beiträge von ${info.username}`;
createFeed(
document.getElementById("feed"),
+27 -26
View File
@@ -18,34 +18,35 @@
</header>
<main>
<h2 id="profile-name"></h2>
<p id="profile-info" class="muted"></p>
<section id="profile">
<h2 id="profile-name"></h2>
<p id="profile-info" class="muted"></p>
<!-- Nur für den Eigentümer sichtbar -->
<section id="settings" hidden>
<h2>Einstellungen</h2>
<details>
<summary>Name ändern</summary>
<form id="rename-form">
<input name="user" type="text" placeholder="Neuer Nutzername" autocomplete="username">
<button type="submit">Namen ändern</button>
</form>
<p class="msg" id="rename-msg"></p>
</details>
<details>
<summary>Konto löschen</summary>
<form id="delete-form">
<p class="muted">Löscht dein Konto samt Beiträgen und Votes unwiderruflich.</p>
<input name="pass1" type="password" placeholder="Passwort bestätigen" autocomplete="current-password">
<button type="submit">Konto endgültig löschen</button>
</form>
<p class="msg" id="delete-msg"></p>
</details>
<!-- Nur für den Eigentümer sichtbar -->
<div id="settings" hidden>
<h2>Einstellungen</h2>
<details>
<summary>Name ändern</summary>
<form id="rename-form">
<input name="user" type="text" placeholder="Neuer Nutzername" autocomplete="username">
<button type="submit">Namen ändern</button>
</form>
<p class="msg" id="rename-msg"></p>
</details>
<details>
<summary>Konto löschen</summary>
<form id="delete-form">
<p class="muted">Löscht dein Konto samt Beiträgen und Votes unwiderruflich.</p>
<input name="pass1" type="password" placeholder="Passwort bestätigen" autocomplete="current-password">
<button type="submit">Konto endgültig löschen</button>
</form>
<p class="msg" id="delete-msg"></p>
</details>
</div>
<div id="feed"></div>
<div id="sentinel"></div>
</section>
<h2 id="feed-heading">Beiträge</h2>
<section id="feed"></section>
<div id="sentinel"></div>
</main>
<script src="/js/feed.js"></script>