From 99fb5692ef7312a0f3082bcc509092863a2c7f44 Mon Sep 17 00:00:00 2001 From: ki Date: Wed, 26 Aug 2026 14:35:39 +0400 Subject: [PATCH] Add 3 alternative admin UI designs: Dark Minimal, Retro Terminal, Warm Editorial --- templates/design_a_dark_minimal.html | 308 ++++++++++++++++++++ templates/design_b_retro_terminal.html | 328 +++++++++++++++++++++ templates/design_c_warm_editorial.html | 381 +++++++++++++++++++++++++ templates/preview_all.html | 48 ++++ 4 files changed, 1065 insertions(+) create mode 100644 templates/design_a_dark_minimal.html create mode 100644 templates/design_b_retro_terminal.html create mode 100644 templates/design_c_warm_editorial.html create mode 100644 templates/preview_all.html diff --git a/templates/design_a_dark_minimal.html b/templates/design_a_dark_minimal.html new file mode 100644 index 0000000..a7f74fd --- /dev/null +++ b/templates/design_a_dark_minimal.html @@ -0,0 +1,308 @@ + + + + + epaper admin — Dark Minimal + + + +
+ +
+ + +
+
+ +
+

Layout — 4×4 Grid

+
+
+ + +
+ + 4 items · OK +
+ +
+
+
+
Clock
+
2×2 · (0,0)
+
+
+ +
+
+
+
+
Weather
+
2×2 · (2,0)
+
+
+ +
+
+
+
+
+
+
System
+
2×2 · (0,2)
+
+
+
+
+
Hello
+
2×2 · (2,2)
+
+
+
+
+
+
+
+
+
+
+
+
+
+ +

Plugin Config

+
+

Clock

+
System time and date
+
+
+ + +
+
+ + +
+
+
+
+

Weather

+
Open-Meteo — no API key needed
+
+
+ + +
+
+ + +
+
+
+ +

Live Preview

+
+ +
+
+ + diff --git a/templates/design_b_retro_terminal.html b/templates/design_b_retro_terminal.html new file mode 100644 index 0000000..9317e22 --- /dev/null +++ b/templates/design_b_retro_terminal.html @@ -0,0 +1,328 @@ + + + + + epaper admin — Retro Terminal + + + +
+ +
+ + +
+
+ +
+

LAYOUT EDITOR [4x4]

+
+
+ + +
+ + STATUS: 4 ITEMS | GRID: OK +
+ +
+
+
+
CLOCK
+
2x2 @ (0,0)
+
+ +
+
+
+
WEATHER
+
2x2 @ (2,0)
+
+ +
+
+
+
+
+
SYSTEM
+
2x2 @ (0,2)
+
+ +
+
+
+
HELLO
+
2x2 @ (2,2)
+
+ +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ +

PLUGIN CONFIG

+
+

[CLOCK]

+
System time and date display
+
+
+ + +
+
+ + +
+
+
+
+

[WEATHER]

+
Open-Meteo API — no key required
+
+
+ + +
+
+ + +
+
+
+ +

LIVE PREVIEW

+
+ +
+
+ + diff --git a/templates/design_c_warm_editorial.html b/templates/design_c_warm_editorial.html new file mode 100644 index 0000000..001a5c0 --- /dev/null +++ b/templates/design_c_warm_editorial.html @@ -0,0 +1,381 @@ + + + + + epaper admin — Warm Editorial + + + +
+
+

epaper dashboard

+
7.3" ACeP · Raspberry Pi 4 · Waveshare
+
+
+ + +
+
+ +
+

Layout — 4×4 Grid

+
+
+ + +
+ + 4 items configured +
+ +
+
+
+
+
Clock
+
time
+
+
2×2 · top-left
+
+ +
+
+
+
+
+
+
Weather
+
data
+
+
2×2 · top-right
+
+ +
+
+
+
+
+
+
+
+
System
+
status
+
+
2×2 · bottom-left
+
+
+
+
+
+
Hello
+
message
+
+
2×2 · bottom-right
+
+
+
+
+
+
+
+
+
+
+
+
+
+ +

Plugin Configuration

+
+

Clock

+
Displays current time and date
+
+
+ + +
+
+ + +
+
+
+
+

Weather

+
Open-Meteo API · no API key required
+
+
+ + +
+
+ + +
+
+
+ +

Display Preview

+
+ +
+
+ + diff --git a/templates/preview_all.html b/templates/preview_all.html new file mode 100644 index 0000000..363c2e9 --- /dev/null +++ b/templates/preview_all.html @@ -0,0 +1,48 @@ + + + + + epaper dashboard — Design Preview + + + +
+

epaper-dashboard — Design Preview

+ Scrolle rechts für alle drei Varianten. Alle Designs haben das gleiche Backend — nur die Optik ist anders. +
+
+
+
+

A — Dark Minimal

+

Linear/Vercel-inspiriert · Fast-Schwarz · Eine Akzentfarbe · Clean & Ruhe

+
+ +
+
+
+

B — Retro Terminal

+

CRT/Phosphor · Grüner-Hintergrund · Scanlines · LoRes-Charme

+
+ +
+
+
+

C — Warm Editorial

+

Zeitung/Magazin · Warme Töne · Serif-Fonts · Papier-Optik

+
+ +
+
+ +