mirror of
https://codeberg.org/angestoepselt/homepage.git
synced 2025-05-24 14:46:16 +00:00
135 lines
5.2 KiB
Markdown
135 lines
5.2 KiB
Markdown
---
|
|
layout: layouts/page.njk
|
|
useForms: true
|
|
eleventyNavigation:
|
|
key: Anmelden
|
|
order: 20
|
|
---
|
|
|
|
<style>
|
|
#mode-self:not(:checked) ~ [data-mode=self],
|
|
#mode-self:not(:checked) ~ * [data-mode=self] {
|
|
display: none;
|
|
}
|
|
#mode-child:not(:checked) ~ [data-mode=child],
|
|
#mode-child:not(:checked) ~ * [data-mode=child] {
|
|
display: none;
|
|
}
|
|
</style>
|
|
|
|
# Für das CoderDojo anmelden
|
|
|
|
Schön, dass du an einem CoderDojo teilnehmen möchtest!
|
|
Hier findest du schon mal die Details zur kommenden Veranstaltung:
|
|
|
|
> **Datum**: Samstag, 06. Mai 2023
|
|
> **Gastgeberin**: [VR-Bank Würzburg](https://www.vr-bank-wuerzburg.de/){target="_blank" rel="noopener noreferrer"}
|
|
> **Ort**: [Maxstrasse 2](https://www.openstreetmap.org/node/735380783){target="_blank" rel="noopener noreferrer"}, 97070 Würzburg
|
|
> **Start**: 9:00 Uhr (Treffpunkt am Eingang des MOZ)
|
|
> **Führungen durch das MOZ für alle Eltern**: 9:30 Uhr sowie 15:00 Uhr
|
|
> **Mittagspause**: etwa 12:00 Uhr
|
|
> **Vorstellung der Projekte**: 15:45 Uhr (Erwachsene sind eingeladen!)
|
|
> **Ende**: gegen 16:15 Uhr
|
|
|
|
Wir bedanken uns recht herzlich beim ganzen Team der VR-Bank, die dieses CoderDojo möglich machen!
|
|
Außerdem wollen wir noch auf eine Besonderheit hinweisen: für alle Eltern gibt es dieses Mal Möglichkeit, an einer von zwei Führungen durch das aufwendig sanierte Mozart-Gymnasium teilzunehmen.
|
|
Meldet euch gerne unten im Formular an!
|
|
|
|
<form method="post" action="/anmelden">
|
|
|
|
<input type="hidden" name="veranstaltung" value="06. Mai 2023" />
|
|
|
|
Zunächst müssen wir ein paar Formalitäten klären.
|
|
Wen möchtest du anmelden?
|
|
|
|
<input type="radio" id="mode-self" class="radio-input" name="mode" required value="Selbstanmeldung" />
|
|
<div class="form-input">
|
|
<label for="mode-self">Ich bin mindestens 13 Jahre alt und möchte mich selbst anmelden.</label>
|
|
</div>
|
|
<input type="radio" id="mode-child" class="radio-input" name="mode" required value="Stellvertretend" />
|
|
<div class="form-input">
|
|
<label for="mode-child">
|
|
Ich bin Erziehungsberechtigte / -r und möchte mein Kind anmelden.
|
|
Ich bin bei der An- und Abmeldung anwesend.
|
|
</label>
|
|
</div>
|
|
|
|
Bitte verrate uns deinen Namen<span data-mode="child"> und den deines Kindes</span>:
|
|
|
|
<label class="form-input">
|
|
<span>Name:</span>
|
|
<input type="text" name="contactname" required />
|
|
</label>
|
|
|
|
<label class="form-input" data-mode="child">
|
|
<span>Name des Kindes:</span>
|
|
<input type="text" name="participantname" />
|
|
</label>
|
|
|
|
Optional kannst du uns jetzt noch eine Telefonnummer für Notfälle hinterlassen.
|
|
Bitte gebe außerdem eine E-Mail-Adresse an, an die wir Informationen zur Veranstaltung schicken können.
|
|
|
|
<label class="form-input">
|
|
<span>Telefonnummer:</span>
|
|
<input type="tel" name="contactphone" placeholder="+49 931 1234567" />
|
|
</label>
|
|
|
|
<label class="form-input">
|
|
<span>Email:</span>
|
|
<input type="email" name="contactemail" required placeholder="mail@beispiel.de" />
|
|
</label>
|
|
|
|
Während der Veranstaltungen werden möglicherweise Fotos gemacht und von uns online auf unserer [Homepage](/rueckblick){target="_blank"} (aber nicht in sozialen Netzwerken) zur Verfügung gestellt.
|
|
Bist du damit einverstanden?
|
|
|
|
<input type="radio" id="photos-yes" class="radio-input" name="photos" required value="Ja" />
|
|
<div class="form-input">
|
|
<label for="photos-yes">
|
|
Ja<span data-mode="self">, es dürfen Fotos von mir gemacht werden</span><span data-mode="child">, mein Kind darf fotografiert werden</span>.
|
|
Die Fotos werden möglicherweise online in einer Galerie gezeigt.
|
|
</label>
|
|
</div>
|
|
<input type="radio" id="photos-no" class="radio-input" name="photos" required value="Nein" />
|
|
<div class="form-input">
|
|
<label for="photos-no">
|
|
Nein<span data-mode="self">, ich möchte nicht fotografiert werden</span><span data-mode="child">, mein Kind soll bei den Fotos ausgelassen werden</span>.
|
|
</label>
|
|
</div>
|
|
|
|
Die VR-Bank bietet allen Eltern an, während des CoderDojo an einer Führung mit der Vorständin Frau Dr. Pia Weinkamm durch das aufwendig denkmalgerecht sanierte ehemalige Mozart-Gymnasium teilzunehmen.
|
|
Möchtest du einen Platz reservieren?
|
|
|
|
<input type="radio" id="tour-early" class="radio-input" name="tour" required value="9:30 Uhr" />
|
|
<div class="form-input">
|
|
<label for="tour-early">
|
|
Ja, <span data-mode="self">wir würden gerne</span><span data-mode="child">ich / wir würde(n) gerne</span> um 9:30 Uhr teilnehmen.
|
|
</label>
|
|
</div>
|
|
<input type="radio" id="tour-late" class="radio-input" name="tour" required value="15:00 Uhr" />
|
|
<div class="form-input">
|
|
<label for="tour-late">
|
|
Ja, <span data-mode="self">wir würden gerne</span><span data-mode="child">ich / wir würde(n) gerne</span> um 15:00 Uhr teilnehmen.
|
|
</label>
|
|
</div>
|
|
<input type="radio" id="tour-none" class="radio-input" name="tour" required value="Nein" />
|
|
<div class="form-input">
|
|
<label for="tour-none">
|
|
Nein, <span data-mode="self">wir werden</span><span data-mode="child">ich / wir werde(n)</span> nicht teilnehmen.
|
|
</label>
|
|
</div>
|
|
|
|
|
|
Solltest du noch Fragen haben oder uns anderweitig etwas mitteilen wollen, kannst du das hier tun:
|
|
|
|
<label class="form-input">
|
|
<span>Nachricht:</span>
|
|
<textarea name="message"></textarea>
|
|
</label>
|
|
|
|
<!-- FORM -->
|
|
|
|
<div class="form-submit">
|
|
<input type="submit" value="Anmeldung abschicken" />
|
|
</div>
|
|
|
|
</form>
|