formmir25.md

### Anmeldung zu Maker in Residence 2025 {: #form }

Bitte nutze das folgende Kontaktformular, um Dich für Maker in Residence anzumelden. Deine Anmeldung ist erst nach einer Bestätigungsemail von uns gültig. 

<form method="post" action="https://feedback.ruhr-uni-bochum.de/formmailer.php" name="Kontaktformular" enctype="multipart/form-data" class="form" id="contact-form">
    <input type="hidden" name="subject"       value="Anmeldung zu MIR25 von der Makerspace-Homepage" />     
	<input type="hidden" name="recipients"    value="torben.boehnke-makerspace@ruhr-uni-bochum.de"/>
    <!-- 
	<input type="hidden" name="mail_options" value="CharSet=UTF-8, 
													PlainTemplate=template.txt, 
													TemplateMissing='', 
													Exclude=realname;honigtopf;schicken;FromAddr"/> 
	-->
	<input type="hidden" name="mail_options" value="charset=UTF-8,Exclude=realname;honigtopf;schicken;FromAddr"/>
	<input type="hidden" name="good_url"      value="https://makerspace.ruhr-uni-bochum.de/danke/"  />
	
	<!-- required am Ende der Felddefinition bedeutet: Eingabe ist erforderlich> -->
	<h2>Kontaktformular</h2>
    <div class="form-field">
		<label for="nachname"><strong>Name:</strong></label>
		<input name="nachname" type="text" maxlength="30" required/>
	</div>							

	<div class="form-field">
		<label for="vorname"><strong>Vorname:</strong></label>
		<input name="vorname" type="text" maxlength="30" required/>
	</div>							

	<div class="form-field">
		<label for="email"><strong>E-Mail:</strong></label>
		<input name="email" type="email" maxlength="60" required/>
	</div>			

	<div class="form-field">
		<label for="tel"><strong>Telefonnummer:</strong></label>
		<input name="tel" type="tel" maxlength="40" placeholder="Optional" />
	</div>

    <div class="form-field">
		<label for="gruppe"><strong>Gewünschte Gruppe</strong></label>
		<select name="gruppe" id="gruppe" style="font-size: 1em; padding: 0.5em;" required>
			<option value="" disabled selected>Bitte wählen</option>
			<option value="Gruppe 1">Gruppe 1</option>
			<option value="Gruppe 2">Gruppe 2</option>
			<option value="Gruppe 3">Gruppe 3-Warteliste</option>                    
		</select>
        <span>Die Termine der Gruppen findest Du weiter oben. Du kannst Dich für maximal eine Gruppe anmelden. Wenn bei einer Gruppe "Warteliste" steht, bedeutet das, dass diese Gruppe voll ist. Wenn Du Dich für eine ausgebuchte Gruppe anmeldest, kommst Du auf eine Warteliste und hast die Chance, nachzurücken, falls jemand aus der Gruppe absagt.</span>
	</div>			

	<div class="form-field">
		<label for="nachricht" id="nachricht-text"><strong>Deine Nachricht:</strong><span class='large'></span></label>
		<textarea name="nachricht" maxlength="1500" placeholder="Was interessiert dich am Projekt? (optional). Hier kannst Du weitere Informationen angeben oder Fragen stellen. (Limit: 500 Zeichen)" rows="6"></textarea>
	</div> 

	<div class="honey">
		<label for="honigtopf"><strong>Please do not fill this field:</strong></label>
		<input name="honigtopf" tabindex="-1" autocomplete="off" type="text" maxlength="50" value="" />
	</div>	

	<div class="form-field" style="margin-bottom: 10px; font-size: var(--form-note-font-size);">
		<label for="data-privacy" style="font-size: var(--form-note-font-size);">
			<div style="float: left; padding: 0px;">
				<input type="checkbox" id="data-privacy" name="data-privacy" required>
			</div>
			<div style="overflow: hidden; padding-left: 10px;">
				Ich erkläre mich mit der Erhebung, Verarbeitung und Speicherung meiner hier gemachten Angaben gemäß Eurer
				<a href="https://www.ruhr-uni-bochum.de/de/datenschutz" target="_blank" style="color: var(--link-color);">Datenschutzerklärung</a> einverstanden. Meine Einwilligung kann ich jederzeit durch formlose Mitteilung an Euch widerrufen.
			</div>
		</label>
	</div>
          

	<div class="form-field">
		<input type="submit" class="hover" value="Kontaktformular absenden" name="schicken" /> 
	</div>							
</form>

<script>
document.addEventListener('DOMContentLoaded', function() {
	document.getElementById("contact-form").addEventListener("submit", function (e) {
		const honeypot = document.querySelector('input[name="honigtopf"]');
		if (honeypot.value !== "") {
			e.preventDefault();
			alert("Spam detected. Submission rejected.");
		}
	});
	const form = document.getElementById("contact-form");
	const submitTime = new Date().getTime();

	form.addEventListener("submit", function (e) {
		const currentTime = new Date().getTime();
		const timeDifference = (currentTime - submitTime) / 1000;

		if (timeDifference < 10) { 
			e.preventDefault();
			alert("Please take more time to fill out the form.");
		}
	});
});
</script>