---
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**:&emsp;Samstag, 06. Mai 2023  
> **Gastgeberin**:&emsp;[VR-Bank Würzburg](https://www.vr-bank-wuerzburg.de/){target="_blank" rel="noopener noreferrer"}  
> **Ort**:&emsp;[Maxstrasse 2](https://www.openstreetmap.org/node/735380783){target="_blank" rel="noopener noreferrer"}, 97070 Würzburg  
> **Start**:&emsp;9:00 Uhr (Treffpunkt am Eingang des MOZ)
> **Führungen durch das MOZ für alle Eltern**:&emsp;9:30 Uhr sowie 15:00 Uhr
> **Mittagspause**:&emsp;etwa 12:00 Uhr  
> **Vorstellung der Projekte**:&emsp;15:45 Uhr (Erwachsene sind eingeladen!)  
> **Ende**:&emsp;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 14 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&ThinSpace;/&ThinSpace;-r und möchte mein Kind anmelden.
		Ich bleibe während der Veranstaltung 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 durch das aufwendig denkmalgerecht sanierte ehemalige Mozart-Gymnasium teilzunehmen.

<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>