From 32c70ad0f8b951df4e3b7d414def07654d633dcc Mon Sep 17 00:00:00 2001 From: irrlicht Date: Wed, 24 Jun 2026 10:21:40 +0200 Subject: [PATCH] New Meta-Line --- web/css/app.css | 7 +++++++ web/js/app.js | 10 +++------- 2 files changed, 10 insertions(+), 7 deletions(-) diff --git a/web/css/app.css b/web/css/app.css index 50609bd..ef4f4ba 100644 --- a/web/css/app.css +++ b/web/css/app.css @@ -211,8 +211,15 @@ img.avatar-lg { width: 72px; height: 72px; } align-items: center; gap: 0.5rem; font-size: 1rem; + /* Versuchsweise die Titel-Display-Schrift (wie h1/h2) in der Meta-Zeile. */ + font-family: "Cheltenham Classic", serif; } +/* Die globale Regel `span, a { font-size: 1.2rem }` trifft das Datum/Cooldown- + span direkt und macht es größer als den Username-Link (der über `.muted a` + auf 1rem liegt). Hier explizit angleichen -> ganze Meta-Zeile gleich groß. */ +.byline span { font-size: 1rem; } + /* Profilkopf: großer Avatar links neben Name und "Mitglied seit". */ .profile-head { display: flex; diff --git a/web/js/app.js b/web/js/app.js index 25a5817..3e14109 100644 --- a/web/js/app.js +++ b/web/js/app.js @@ -126,22 +126,18 @@ document.getElementById("entry-form").addEventListener("paste", (e) => { // --- Statuszeile unter dem Titel --- // Tage ohne Datenverlust (fester Startpunkt, Kontinuität seit der alten -// Version) plus aktuelle Kennzahlen aus /stats. +// Version). const dataLossStart = new Date("2025-12-13T12:44:00").getTime(); function plural(n, one, many) { return `${n} ${n === 1 ? one : many}`; } -async function renderStats() { +function renderStats() { const el = document.getElementById("stats"); if (!el) return; const days = Math.floor((Date.now() - dataLossStart) / 86400000); - const s = await api.get("/stats"); - el.textContent = - `Ohne Datenverlust seit ${plural(days, "Tag", "Tagen")} · ` + - `${plural(s.users ?? 0, "Profil", "Profile")} · ` + - `${plural(s.entries ?? 0, "Beitrag", "Beiträge")}`; + el.textContent = `Ohne Datenverlust seit ${plural(days, "Tag", "Tagen")}`; } // --- Start ---