dashboard - whole redesign and rewrite

This commit is contained in:
2026-09-04 13:15:08 +02:00
parent 87fc43db87
commit 01b4be301f
9 changed files with 273 additions and 99 deletions
@@ -20,29 +20,34 @@ $config = require __DIR__ . '/config.php';
</head>
<body class="dashboard">
<main class="dashboard-main" aria-label="Gemeindeinformationen">
<section class="dashboard-panel text-panel" id="announcements-panel" aria-labelledby="announcements-title">
<div class="panel-heading"><h1 id="announcements-title">Ansagen</h1></div>
<div class="text-stage"><p class="empty-state">Ansagen werden geladen …</p></div>
</section>
<div class="community-column">
<section class="dashboard-overview" aria-label="Gemeinde, Datum und Uhrzeit">
<div class="dashboard-brand">
<img src="../_central/img/nak-logo.svg" alt="Neuapostolische Kirche" width="64" height="64">
<div class="dashboard-wordmark">
<span>Neuapostolische Kirche</span>
<strong>Berlin-Reinickendorf</strong>
</div>
</div>
<div class="dashboard-column announcements-column">
<section class="dashboard-overview" aria-label="Datum, Uhrzeit und Temperaturen">
<div class="dashboard-clock">
<time id="clock" aria-label="Uhrzeit Europe/Berlin">–:–</time>
<time id="date">Datum wird geladen</time>
</div>
<dl class="temperatures">
<div><dt>Innen</dt><dd id="indoor" class="is-unavailable">Wird geladen …</dd></div>
<div><dt>Außen</dt><dd id="outdoor" class="is-unavailable">Wird geladen …</dd></div>
</dl>
</section>
<section class="dashboard-panel text-panel" id="announcements-panel" aria-labelledby="announcements-title">
<div class="panel-heading"><h1 id="announcements-title">Ansagen</h1></div>
<div class="text-stage"><p class="empty-state">Ansagen werden geladen …</p></div>
</section>
</div>
<div class="dashboard-column bible-column">
<section class="dashboard-panel text-panel bible-panel" id="bible-panel" aria-labelledby="bible-title">
<div class="panel-heading"><h2 id="bible-title">Bibelwort für heute</h2></div>
<div class="text-stage"><p class="empty-state">Bibelwort wird geladen …</p></div>
</section>
<section class="dashboard-panel text-panel" id="departures-panel" aria-labelledby="departures-title">
<div class="panel-heading">
<h2 id="departures-title">Abfahrten: Eichborndamm/Antonienstr.</h2>
</div>
<div class="text-stage"><p class="empty-state">Abfahrten werden geladen …</p></div>
</section>
</div>
<section class="dashboard-panel image-panel" id="month-panel" aria-labelledby="month-title">