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 me = await api.get("/user/info");
const isOwner = me.username === info.username; const isOwner = me.username === info.username;
document.getElementById("settings").hidden = !isOwner; document.getElementById("settings").hidden = !isOwner;
document.getElementById("feed-heading").textContent =
isOwner ? "Deine Beiträge" : `Beiträge von ${info.username}`;
createFeed( createFeed(
document.getElementById("feed"), document.getElementById("feed"),
+27 -26
View File
@@ -18,34 +18,35 @@
</header> </header>
<main> <main>
<h2 id="profile-name"></h2> <section id="profile">
<p id="profile-info" class="muted"></p> <h2 id="profile-name"></h2>
<p id="profile-info" class="muted"></p>
<!-- Nur für den Eigentümer sichtbar --> <!-- Nur für den Eigentümer sichtbar -->
<section id="settings" hidden> <div id="settings" hidden>
<h2>Einstellungen</h2> <h2>Einstellungen</h2>
<details> <details>
<summary>Name ändern</summary> <summary>Name ändern</summary>
<form id="rename-form"> <form id="rename-form">
<input name="user" type="text" placeholder="Neuer Nutzername" autocomplete="username"> <input name="user" type="text" placeholder="Neuer Nutzername" autocomplete="username">
<button type="submit">Namen ändern</button> <button type="submit">Namen ändern</button>
</form> </form>
<p class="msg" id="rename-msg"></p> <p class="msg" id="rename-msg"></p>
</details> </details>
<details> <details>
<summary>Konto löschen</summary> <summary>Konto löschen</summary>
<form id="delete-form"> <form id="delete-form">
<p class="muted">Löscht dein Konto samt Beiträgen und Votes unwiderruflich.</p> <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"> <input name="pass1" type="password" placeholder="Passwort bestätigen" autocomplete="current-password">
<button type="submit">Konto endgültig löschen</button> <button type="submit">Konto endgültig löschen</button>
</form> </form>
<p class="msg" id="delete-msg"></p> <p class="msg" id="delete-msg"></p>
</details> </details>
</div>
<div id="feed"></div>
<div id="sentinel"></div>
</section> </section>
<h2 id="feed-heading">Beiträge</h2>
<section id="feed"></section>
<div id="sentinel"></div>
</main> </main>
<script src="/js/feed.js"></script> <script src="/js/feed.js"></script>