From 81acf4bb41d4d9297d1dcb9baa901b5bb0c3975e Mon Sep 17 00:00:00 2001 From: Florian Fischer Date: Fri, 23 Jan 2026 18:11:38 +0100 Subject: =?UTF-8?q?f=C3=BCge=20eine=20einfache=20kuchenstand=20Webseite=20?= =?UTF-8?q?hinzu?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Die kuchenstand Webseite betrachtet nur die konfigurierten Streak-Ereignisse und stellt diese als prozentualen Kuchen dar. TODO: Mache das Streak-Symbolbild konfigurierbar. --- kuchenstand.css | 40 ++++++++++++++++++++++++++++++++++++++++ 1 file changed, 40 insertions(+) create mode 100644 kuchenstand.css (limited to 'kuchenstand.css') diff --git a/kuchenstand.css b/kuchenstand.css new file mode 100644 index 0000000..02b7539 --- /dev/null +++ b/kuchenstand.css @@ -0,0 +1,40 @@ +#kuchen-wrapper { + display: flex; + flex-direction: column; + align-items: center; + margin: auto; + max-width: 50%; +} + +img.kuchen-hintergrund { + position: relative; + max-width: 100%; + opacity: 0.4; +} + +img.kuchen-vordergrund { + position: relative; +} + +#streak { + position: relative; +} + +.klassen-navigation { + list-style-type: none; + margin: auto; + padding: 0; + display: flex; + align-items: center; + justify-content: center; +} + +ul.klassen-navigation li { + display: block; + padding: 14px 16px; + text-decoration: none; +} + +ul li:hover { + background-color: #111111; +} -- cgit v1.2.3