From 70341b7badc9376c6bf9e2350d4f653c67381d8a Mon Sep 17 00:00:00 2001 From: ella Date: Fri, 22 May 2026 17:42:30 +0200 Subject: [PATCH] add help and print page --- hilfe/index.html | 29 +++++++++++++++++++++++++++++ index.html | 4 ++++ style.css | 17 +++++++++++++++-- 3 files changed, 48 insertions(+), 2 deletions(-) create mode 100644 hilfe/index.html diff --git a/hilfe/index.html b/hilfe/index.html new file mode 100644 index 0000000..e17f187 --- /dev/null +++ b/hilfe/index.html @@ -0,0 +1,29 @@ + + + + + + Kartoffelsalat-Rechner | Hilfe + + + +
+
+ Zurück +
+
+

Kartoffelsalat-Rechner

+

+ Herzlich Wilkommen bei unserem KKKK – dem + Krass-Kranken-Kartoffelsalat-Kalkulator! +

+

+ Wir zeigen dir, wie du den besten Kartoffelsalat machst.
+ Wähle dazu einfach aus unseren vielen Zutaten aus. Du kannst maximal zehn Mal eine Zutat hinzufügen. Jede Zutat hat dabei eine bestimmte Einstufung (z.B. Kartoffeln: 1x = 200g)
+ Wenn dir das Rezept gefällt, das du gebaut hast, kannst du es mit der Drucken-Funktion deines Browsers drucken oder als PDF abspeichern. Dann kannst du es nachkochen und es dir schmecken lassen. +

+

Aber Achtung: Manchmal kommt kein Kartoffelsalat beim Zusammenbauen heraus. Kannst du alle versteckten kulinarischen Besonderheiten finden?

+
+
+ + diff --git a/index.html b/index.html index ebeba64..964dc9e 100644 --- a/index.html +++ b/index.html @@ -22,6 +22,10 @@ +
+ Drucken + Hilfe +

Kartoffelsalat-Rechner

diff --git a/style.css b/style.css index b5f325f..6606456 100644 --- a/style.css +++ b/style.css @@ -1,11 +1,15 @@ -:root { -} body { font-family: sans-serif; margin: 0; background: radial-gradient(circle,rgba(105, 105, 105, 1) 0%, rgba(41, 41, 41, 1) 85%); color: white; + min-height: 100vh; + @media print { + color: black; + background: transparent; + } } + .window { display: flex; flex-wrap: wrap; @@ -40,6 +44,15 @@ body { @media print { display: none; } + .help { + margin-left: auto; + padding: .5rem; + display: flex; + column-gap: 1rem; + } + } + .container { + width: 100%; } } .title {