coderdojo: Add next events

This commit is contained in:
Yannik Rödel 2023-10-26 18:20:32 +02:00
parent cde9f61d2e
commit 0d5376e5b6
3 changed files with 26 additions and 96 deletions

1
assets/vendor/typebot-0.2.10.mjs vendored Normal file

File diff suppressed because one or more lines are too long

View file

@ -6,112 +6,35 @@ eleventyNavigation:
order: 20 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 # Für das CoderDojo anmelden
Schön, dass du an einem CoderDojo teilnehmen möchtest! Schön, dass du an einem CoderDojo teilnehmen möchtest!
Hier findest du schon mal die Details zur kommenden Veranstaltung: Hier findest du schon mal die Details zur kommenden Veranstaltung:
> **Datum**:&emsp;Samstag, 23. September 2023 > **Datum**:&emsp;Sonntag, 12. November 2023 (dieses Mal nicht am Samstag!)
> >
> **Gastgeber**:&emsp;[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"} > **Gastgeber**:&emsp;[ZDI Mainfranken](https://www.zdi-mainfranken.de/){target="_blank" rel="noopener noreferrer"}
> >
> **Ort**:&emsp;Ideenlabor im [Tower](https://www.openstreetmap.org/node/7149102551){target="_blank" rel="noopener noreferrer"} &ndash; 1. OG, Rottendorfer Straße 71, 97074 Würzburg > **Ort**:&emsp;Ideenlabor im [Tower](https://www.openstreetmap.org/node/7149102551){target="_blank" rel="noopener noreferrer"} &ndash; 1. OG, Rottendorfer Straße 71, 97074 Würzburg
> <small>Der Eingang befindet sich neben der Stadtbücherei.</small> > <small>Der Eingang befindet sich neben der Stadtbücherei.</small>
> >
> **Start**:&emsp;9:00 Uhr > **Start**:&emsp;9:00 Uhr
> **Mittagspause**:&emsp;etwa 12:00 Uhr > **Mittagspause**:&emsp;etwa 12:00 Uhr
> **Vorstellung der Projekte**:&emsp;14:30 Uhr (Erwachsene sind eingeladen!) > **Vorstellung der Projekte**:&emsp;15:00 Uhr (Erwachsene sind eingeladen!)
> **Ende**:&emsp;spätestens 17:00 Uhr (du darfst aber auch schon eher gehen) > **Ende**:&emsp;danach
Unser Dank gilt sowohl dem Stadtjugendring als auch dem ZDI Mainfranken, die uns diese Veranstaltung ermöglichen! Unser Dank gilt dem ZDI Mainfranken, das uns diese Veranstaltung ermöglicht!
<form method="post" action="/anmelden"> Wir testen dieses Mal unseren neuen, geführten, garantiert KI-freien Anmeldebot!
Gerne freuen wir uns hier auf euer Feedback.
Falls irgendetwas nicht funktionieren sollte, schreibt uns bitte unter [kontakt@coderdojo-wue.de](mailto:kontakt@coderdojo-wue).
<input type="hidden" name="veranstaltung" value="06. Mai 2023" /> <script type="module">
import Typebot from '/assets/vendor/typebot-0.2.10.mjs';
Typebot.initStandard({
typebot: "maximaler-test-ja17cqb",
apiHost: "https://bot.coderdojo-wue.de",
});
</script>
<typebot-standard></typebot-standard>
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&ThinSpace;/&ThinSpace;-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&mdash;nach Möglichkeit&ndash;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>

View file

@ -16,14 +16,20 @@ Kostenlose Programmier- und Techniktreffen für Kinder und Jugendliche im Raum W
<div> <div>
<h2>Aktuelles</h2> <h2>Aktuelles</h2>
<p> <p>
Wir sind zurück! Wir haben aktuell zwei Veranstaltungen geplant:
Melde dich jetzt für unsere nächste Veranstaltung an.
</p> </p>
<ul>
<li>So. 12.11.23 @ <a href="https://www.zdi-mainfranken.de/" target="_blank" rel="noopener noreferrer">ZDI</a></li>
<li>Sa. 02.12.23 @ <a href="https://www.wiwe-sw.de/" target="_blank" rel="noopener noreferrer">WiWe Scheinfurt</a></li>
</ul>
<p>
Für die erste könnt ihr euch rechts auf unserer Seite anmelden, für die zweite <a href="https://www.wiwe-sw.de/course/671.coderdojo-meets-wissenswerkstatt.html" target="_blank">hier</a>.
</p>
</div> </div>
<a href="/anmelden"> <a href="/anmelden">
<h3>Jetzt anmelden</h3> <h3>Jetzt anmelden</h3>
<em class="inline-callout">Sa. 23.09.23 @ ZDI + SJR</em> <em class="inline-callout">So. 12.11.23 @ ZDI</em>
</a> </a>
<a href="https://mailing.angestoepselt.de/subscription/form" target="_blank"> <a href="https://mailing.angestoepselt.de/subscription/form" target="_blank">