### 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</option>                    
		</select>
        <span>Die Termine der Gruppen findest Du weiter oben. Du kannst Dich für maximal 1 Gruppe anmelden.</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="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>