mirror of
https://codeberg.org/angestoepselt/homepage.git
synced 2025-05-24 14:46:16 +00:00
117 lines
4.3 KiB
Markdown
117 lines
4.3 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, 23. September 2023
|
|
>
|
|
> **Gastgeber**: [Stadtjugendring Würzburg](https://www.sjr-wuerzburg.de/){target="_blank" rel="noopener noreferrer"} und [ZDI Mainfranken](https://www.zdi-mainfranken.de/){target="_blank" rel="noopener noreferrer"}
|
|
>
|
|
> **Ort**: Ideenlabor im [Tower](https://www.openstreetmap.org/node/7149102551){target="_blank" rel="noopener noreferrer"}, Rottendorfer Straße 71, 97074 Würzburg
|
|
> <small>(Eingang neben der Stadtbücherei.)</small>
|
|
>
|
|
> **Start**: 9:00 Uhr
|
|
> **Mittagspause**: etwa 12:00 Uhr
|
|
> **Vorstellung der Projekte**: 14:30 Uhr (Erwachsene sind eingeladen!)
|
|
> **Ende**: spätestens 17:00 Uhr (du darfst aber auch schon eher gehen)
|
|
|
|
Unser Dank gilt sowohl dem Stadtjugendring als auch dem ZDI Mainfranken, die uns diese Veranstaltung ermöglichen!
|
|
|
|
<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 beim Start und Ende der Veranstaltung anwesend.
|
|
</label>
|
|
</div>
|
|
|
|
Bitte verrate uns deinen Namen<span data-mode="child"> und den deines Kindes (fülle zum Anmelden mehrerer Kinder das Formular bitte mehrfach aus)</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>
|
|
|
|
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>
|
|
|
|
Perfekt! Dann kannst du jetzt das Formular abschicken.
|
|
Denke daran, dass du zur Veranstaltung—nach Möglichkeit–einen Laptop mitbringen solltest.
|
|
Wir versuchen unser Bestes, aber wir können keine Leihgeräte garantieren.
|
|
|
|
<!-- FORM -->
|
|
|
|
<div class="form-submit">
|
|
<input type="submit" value="Anmeldung abschicken" />
|
|
</div>
|
|
|
|
</form>
|