Skip to content

feat(ui): clarify service hierarchy and mobile status overview #9

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
Adiker wants to merge 1 commit into
base: main
Choose a base branch
from
Open

feat(ui): clarify service hierarchy and mobile status overview #9

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
14 changes: 8 additions & 6 deletions README.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -46,16 +46,17 @@ server.

### Features

- Responsive service tabs with a compact status overview and one focused detail card; the entire card links to services with a web interface
- Live dashboard showing every service's status and latency as measured by this browser
- Service tabs directly above the active detail card, with a visible open-service label and a whole-card link for services with a web interface
- Live browser-measured status overview: five aligned desktop columns, three tablet columns, and compact mobile rows with status text and latency
- Consistent readable typography, quieter decoration, and a single horizontally scrollable row of mobile tabs
- Collapsed browser-local history of the last 24 measurements with mini timelines and averages
- Health checks for all configured services
- Explicit `Checking`, `Online`, `Unreachable`, and `Unknown` service states
- Local Muse readiness probe with Discord gateway connectivity check
- Polling with warm-up measurement and failure backoff
- EN/PL language switcher
- Dark / Light / OLED themes
- Always-visible client context in the header with OS, browser, and device detection
- Collapsed technical information at the bottom of the page with OS, browser, and device detection
- Keyboard-accessible tabs and visible focus states
- Responsive GitHub project cards for the four profile-pinned repositories and the LiMusic fork; each whole card is a link

Expand Down Expand Up @@ -219,16 +220,17 @@ albo dowolnym serwerze statycznym.

### Funkcje

- Responsywne zakładki usług z kompaktowym podsumowaniem i jednym aktywnym panelem szczegółów; cała karta prowadzi do usług z interfejsem WWW
- Dashboard pokazujący status i opóźnienie każdej usługi, mierzone z tej przeglądarki
- Zakładki bezpośrednio nad aktywnym panelem usługi, z widocznym tekstem otwarcia i klikalną całą kartą usług z interfejsem WWW
- Statusy mierzone z przeglądarki: pięć wyrównanych kolumn na komputerze, trzy na tablecie i zwarte wiersze z tekstem statusu i opóźnieniem na telefonie
- Spójna, czytelna typografia, spokojniejsze ozdobniki i jeden przewijany poziomo rząd zakładek na telefonie
- Zwijana lokalna historia ostatnich 24 pomiarów z mini-timeline i średnim opóźnieniem
- Health checki dla wszystkich skonfigurowanych usług
- Jawne stany usług: `Checking`, `Online`, `Unreachable` i `Unknown`
- Lokalna sonda gotowości Muse ze sprawdzeniem połączenia z gateway Discorda
- Odpytywanie z pomiarem rozgrzewkowym i backoffem przy błędach
- Przełącznik języka EN/PL
- Motywy Dark / Light / OLED
- Zawsze widoczne w nagłówku informacje o kliencie: OS, przeglądarka i typ urządzenia
- Zwijane informacje techniczne na dole strony: OS, przeglądarka i typ urządzenia
- Zakładki dostępne z klawiatury i czytelne stany focus
- Responsywne karty GitHub z czterema przypiętymi repozytoriami i forkiem LiMusic; cała karta jest linkiem

Expand Down
Loading
Loading