Files
dd-weekend/anmeldung/index.html

203 lines
7.1 KiB
HTML
Raw Blame History

This file contains invisible Unicode characters

This file contains invisible Unicode characters that are indistinguishable to humans but may be processed differently by a computer. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!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/location/'>
<li >Location</li>
</a>
<a href='https://ddwe.beging.de/merch/'>
<li >Merchandise</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/location/'>
<li>Location</li>
</a>
<a href='https://ddwe.beging.de/merch/'>
<li>Merchandise</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>
<ul>
<li>Die Anmeldung ist verbindlich. Wer doch nicht kann, sorgt für Ersatz.</li>
<li>Nach der Anmeldung bekommt ihr eine <strong>E-Mail</strong> mit allen Details. Bitte zahlt <strong>innerhalb von 14 Tagen</strong>, solange habt ihr den Platz sicher.</li>
<li><strong>COVID-19</strong>: Sollte das Wochenende abgesagt werden müssen, gibt es das Geld selbstverständlich zurück. Also jetzt ohne Risiko anmelden!
</p>
<p style="display: flex;">
<strong>Rückfragen</strong>: <img src="../assets/mkmail.png" />
</p>
</div>
</li>
</ul>
</div>
<div class="center-container">
<form class="form" method="GET" action="https://ssl.webpack.de/beging.de/form/write/ddwe-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,2}" />
<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-1">
<input id="abendFreitag" name="abendFreitag" type="checkbox" checked />
<label for="abendFreitag">Abendessen Freitag</label>
</div>
<div class="grow-1">
<input id="abendSamstag" name="abendSamstag" type="checkbox" checked />
<label for="abendSamstag">Abendessen Samstag</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ährung*</label>
</div>
<div class="grow-2">
<input id="allergien" name="allergien" type="text" />
<label for="allergien">Allergien</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>Codename &lt;DD&gt;-Wochenende</strong>
</p>
<p>
28. bis 30. August 2020<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>
</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/script.js'></script>
</body>
</html>