mirror of
https://codeberg.org/angestoepselt/homepage.git
synced 2025-05-24 14:46:16 +00:00
104 lines
3.6 KiB
Markdown
104 lines
3.6 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, 11. März 2023
|
|
> **Gastgeberin**: [iWelt GmbH + Co. KG.](https://www.iwelt.de/){target="_blank" rel="noopener noreferrer"}
|
|
> **Ort**: [Mainparkring 4](https://www.openstreetmap.org/way/208973341){target="_blank" rel="noopener noreferrer"}, 97246 Eibelstadt
|
|
> **Start**: 9:00 Uhr (gerne ab 8:30 eintreffen)
|
|
> **Mittagspause**: etwa 12:00 Uhr
|
|
> **Vorstellung der Projekte**: 15:30 Uhr (Erwachsene sind eingeladen!)
|
|
> **Ende**: gegen 16:00 Uhr
|
|
|
|
<form method="post" action="/anmelden">
|
|
|
|
<input type="hidden" name="veranstaltung" value="11. März 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 / -r und möchte mein Kind anmelden.</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>
|
|
|
|
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>
|