Files
dd-weekend/anmeldung/index.html
2021-09-15 20:43:00 +00:00

209 lines
7.6 KiB
HTML

<!DOCTYPE html>
<html lang="de">
<head>
<link rel="apple-touch-icon" sizes="180x180" href="../apple-touch-icon.png" />
<link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png" />
<link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png" />
<link rel="manifest" href="../site.webmanifest" />
<link rel="mask-icon" href="../safari-pinned-tab.svg" color="#000000" />
<meta name="msapplication-TileColor" content="#ffffff" />
<meta name="theme-color" content="#040404" />
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Anmeldung | &lt;DD> Wochenende</title>
<link rel="stylesheet" href='https://ddwe.beging.de/css/ndws.css' />
</head>
<body >
<div class="nav">
<nav>
<div class="nav-left">
<a href='https://ddwe.beging.de/' class="header-logo">
<img src='https://ddwe.beging.de/assets/dd_white.png' />
</a>
<ul class="nav-links">
<a href='https://ddwe.beging.de/anmeldung/'>
<li class='active'>Anmeldung</li>
</a>
<a href='https://ddwe.beging.de/merch/'>
<li >Shop</li>
</a>
<a href='https://ddwe.beging.de/location/'>
<li >Location</li>
</a>
<a href='https://ddwe.beging.de/anreise/'>
<li >Anreise</li>
</a>
<a href='https://ddwe.beging.de/faq/'>
<li >FAQ</li>
</a>
</ul>
</div>
<div class="nav-right">
<ul class="nav-links">
</ul>
</div>
</nav>
</div>
<div id="sidebar">
<div class="hamburger">
<div data-action="toggle-sidebar">
<span></span>
<span></span>
<span></span>
</div>
</div>
<ul>
<a href='https://ddwe.beging.de/anmeldung/'>
<li>Anmeldung</li>
</a>
<a href='https://ddwe.beging.de/merch/'>
<li>Merchandise</li>
</a>
<a href='https://ddwe.beging.de/location/'>
<li>Location</li>
</a>
<a href='https://ddwe.beging.de/anreise/'>
<li>Anreise</li>
</a>
<a href='https://ddwe.beging.de/faq/'>
<li>FAQ</li>
</a>
</ul>
</div>
<div id="content">
<h1>Anmeldung</h1>
<hr />
<div class="center-container">
<div style="width: 100%;max-width: 600px;">
<!-- <div style="border: 1px solid #000; padding: 5px">
<p>
<strong>Basiskosten:</strong><br />
<small>40 EUR (Übernachtung inkl. Frühstück & Reinigung)</small>
</p>
<p>
<strong>Abendessen & Snacks:</strong><br />
<small>8 EUR (pro Mahlzeit)</small>
</p>
<p style="margin: 0">
<strong>Kalte Getränke:</strong><br />
<small>zum Selbstkostenpreis</small>
</p>
</div> -->
<p>
Die Anmeldung für 2022 öffnet im Frühjahr.
<!-- - Die Anmeldung ist verbindlich. Wer doch nicht kann, sorgt für Ersatz.
- Nach der Anmeldung bekommt ihr eine **E-Mail** mit allen Details. Bitte zahlt **innerhalb von 14 Tagen**, solange habt ihr den Platz sicher.
- Auf Telegram gibt es eine Info-Gruppe. Wichtige Infos werden natürlich zusätzlich per E-Mail mitgeteilt.
- **COVID-19**: Sollte das Wochenende abgesagt werden müssen, gibt es das Geld selbstverständlich zurück. Also jetzt ohne Risiko anmelden!
- **Kosten**: Das Wochenende kostet **65 Euro**. Diese setzen sich aus Übernachtung, sämtlichen Mahlzeiten inkl Frühstück, einer Reinigungspauschale und einer verdammten Lawine aus coolen Überraschungen zusammen. Getränke werden separat zum Selbstkostenpreis organisiert. Stichwort _Kasse des Vertrauens_. -->
</p>
<p style="display: flex;">
<strong>Rückfragen:</strong> &nbsp;<img src="../assets/abmail.png" />
</p>
</div>
</div>
<hr />
<div class="center-container" style="display: none;">
<form class="form" method="GET" action="https://ssl.webpack.de/beging.de/form/write/ddwe21-anmeldung">
<div class="grow-1">
<input id="name" name="name" type="text" required />
<label for="name">Name*</label>
</div>
<div class="grow-1">
<input id="mail" name="mail" type="email" required />
<label for="mail">E-Mail*</label>
</div>
<div class="grow-1">
<input id="mobil" name="mobil" type="text" />
<label for="mobil">Handynummer (für die Telegram-Gruppe)</label>
</div>
<div class="grow-1" style="display: flex;">
<input id="telegram" name="telegram" type="checkbox" checked />
<label for="telegram" style="align-self: center;">Ich will in die Telegram-Gruppe!</label>
</div>
<div class="grow-2" style="display: flex;">
<input id="ddmember" type="checkbox" />
<label for="ddmember" style="align-self: center;">Ich bin &lt;DD&gt;-Mitglied!</label>
</div>
<div class="grow-1 ddmember hidden">
<input id="hex" name="hex" type="text" placeholder="0x00" pattern="[0-9a-fA-F]{1,2}x[0-9a-fA-F]{1,3}" />
<label for="hex">Hex-ID (z.B. 0x00)</label>
</div>
<div class="grow-1 ddmember hidden">
<input id="chapter" name="chapter" type="text" />
<label for="chapter">Chapter</label>
</div>
<div class="grow-2">
<select id="ernaehrung" name="ernaehrung" required>
<option selected></option>
<option value="Fleisch">Ich esse Fleisch</option>
<option value="Vegetarier">vegetarisch</option>
<option value="Veganer">vegan</option>
</select>
<label for="ernaehrung">Ernährungsweise*</label>
</div>
<div class="grow-2">
<input id="allergien" name="allergien" type="text" />
<label for="allergien">Allergien / Unverträglichkeiten / Ekel</label>
</div>
<div class="grow-2">
<textarea id="message" name="message"></textarea>
<label for="message">Sonst noch was?</label>
</div>
<div class="grow-2">
<input id="bereit" type="checkbox" />
<label for="bereit">Mit dem Absenden dieses Formulars bestätige ich, dass ich bereit für dieses geile Erlebnis bin.</label>
</div>
<div class="grow-2">
</div>
<div class="grow-2">
<input class="btn btn-lg" type="submit" value="Verbindlich anmelden" />
</div>
</form>
</div>
</div>
<footer>
<div class="footer-row">
<div class="column">
<p>
<strong>&lt;DD&gt;-Wochenende</strong>
</p>
<p>
26. bis 28. August 2022<br />
Eine Schnapsidee des Chapter Siegen: Name folgt...
</p>
<p>
<a href='http://durstiger-donnerstag.de/index.php?page=kontakt_impressum' target="_blank">Impressum</a> | <a href='http://durstiger-donnerstag.de/index.php?page=datenschutz' target="_blank">Datenschutzerklärung</a>
</p>
</p>
<p>
<a href='https://ddwe.beging.de/geschichte'>Geschichte</a>
</p>
</div>
<div class="column">
<p>
<img src='https://ddwe.beging.de/assets/d5.png' >
</p>
</div>
</div>
</footer>
<script src='https://ddwe.beging.de/js/zooming.min.js'></script>
<script src='https://ddwe.beging.de/js/script.js'></script>
</body>
</html>