diff --git a/src/css.html b/src/css.html index e5bd700..92e7770 100644 --- a/src/css.html +++ b/src/css.html @@ -4,6 +4,16 @@ background-color: darkseagreen; } + @media (min-width: 992px) { + .container { + border-radius: var(--bs-border-radius-lg) !important; + } + } + + a { + color: #af58a7; + } + .btn-custom { --bd-violet-bg: darkseagreen; --bd-violet-rgb: 112.520718, 44.062154, 249.437846; @@ -11,17 +21,17 @@ --bs-btn-font-weight: 600; --bs-btn-color: var(--bs-white); --bs-btn-bg: var(--bd-violet-bg); - --bs-btn-border-color: rgb(70, 70, 70); + --bs-btn-border-color: rgb(80, 80, 80); --bs-btn-hover-color: var(--bs-white); --bs-btn-hover-bg: rgb(157, 207, 157); - --bs-btn-hover-border-color: rgb(70, 70, 70); + --bs-btn-hover-border-color: rgb(80, 80, 80); --bs-btn-focus-shadow-rgb: var(--bd-violet-rgb); --bs-btn-active-color: var(--bs-btn-hover-color); --bs-btn-active-bg: rgb(124, 163, 124); - --bs-btn-active-border-color: rgb(70, 70, 70); + --bs-btn-active-border-color: rgb(80, 80, 80); --bs-btn-disabled-color: var(--bs-btn-hover-color); --bs-btn-disabled-bg: rgb(132, 142, 132); - --bs-btn-disabled-border-color: rgb(70, 70, 70); + --bs-btn-disabled-border-color: rgb(80, 80, 80); } .ferienpass-logo { diff --git a/src/index.html b/src/index.html index 5c3fac4..b58cfc9 100644 --- a/src/index.html +++ b/src/index.html @@ -11,7 +11,7 @@ -
+
@@ -73,58 +73,62 @@

🏸 Kursangebot

🗒️ Anmeldeinformationen

- - + +
Bitte Vorname angeben.
- - + +
Bitte Nachnamen angeben.
- - + +
Bitte Strasse und Hausnummer abgeben.
- - + +
Bitte Postleitzahl angeben.
- - + +
Bitte Wohnort abgeben.
- - + +
Bitte gib eine gültige E-Mail Adresse an.
- - Handynummer* +
Bitte gib eine gültige Telefonnummer im Format '079 999 99 99' an. @@ -132,8 +136,8 @@

🗒️ Anmeldeinformationen

- - @@ -151,8 +155,9 @@

🗒️ Anmeldeinformationen

- - + +
Bitte gib ein gültiges Geburtsdatum an.
@@ -194,7 +199,7 @@

- @@ -204,7 +209,8 @@

- +

@@ -270,8 +276,7 @@

2023 Ferienpass Seeberg

Bei Problemen mit der Buchung sende uns eine - E-Mail. + E-Mail.

diff --git a/src/javascript.html b/src/javascript.html index cfd3a1c..05986f7 100644 --- a/src/javascript.html +++ b/src/javascript.html @@ -32,11 +32,11 @@ if (availableSeats <= 0) [badgeState, badgeText] = ['danger', 'Warteliste'] else if (availableSeats <= 5) [badgeState, badgeText] = ['warning', 'wenige Plätze'] return ` -
+

-  Max. Teilnehmerzahl: ${participantLimit}
-  Anzahl Anmeldungen: ${bookings}
+  Anzahl Plätze: ${participantLimit}
+  Anmeldungen: ${bookings}
 Freie Plätze: ${availableSeats}
${badgeText} @@ -66,10 +66,10 @@ ${id} -

${description}

+

${description}

-
+

 ${day}, ${date}
@@ -180,7 +180,7 @@

${head}

.processForm([...new FormData(form).entries()]) } else { - alert('warning', 'Fehlende Angaben in der Anmeldung', 'Bitte fülle alle Felder aus. Ich habe sie dir oben rot markiert.') + alert('warning', 'Fehlende Angaben in der Anmeldung', 'Es fehlen noch Angaben in der Anmeldung. Bitte überprüfe deine Angaben und versuche es erneut.') form.classList.add('was-validated') } } diff --git a/src/status.html b/src/status.html index 9ac9154..f242e35 100644 --- a/src/status.html +++ b/src/status.html @@ -11,7 +11,7 @@
-
+

Deine gebuchten Kurse

diff --git a/src/success.html b/src/success.html index b293b3c..072818a 100644 --- a/src/success.html +++ b/src/success.html @@ -11,7 +11,7 @@
-
+

Deine Anmeldung war erfolgreich 🎉