71 lines
3.3 KiB
HTML
71 lines
3.3 KiB
HTML
|
<!DOCTYPE html>
|
||
|
|
<html lang="en">
|
||
|
|
<head>
|
||
|
|
<meta charset="UTF-8">
|
||
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
|
|
<title>TBZ Community | Registration</title>
|
||
|
|
<link rel="stylesheet" href="https://unpkg.com/chota@latest">
|
||
|
|
<link rel="stylesheet" href="/assets/css/main.css" />
|
||
|
|
<link rel="stylesheet" href="/assets/css/signup.css" />
|
||
|
|
<link rel="icon" href="/assets/img/favicon.svg" />
|
||
|
|
<script>
|
||
|
|
function validateEmail() {
|
||
|
|
var email = document.forms["registrationForm"]["email"].value;
|
||
|
|
var regex = /^[a-zA-Z0-9._%+-]+@(edu\.tbz\.ch|tbz\.ch)$/;
|
||
|
|
if (!regex.test(email)) {
|
||
|
|
alert("Please provide a TBZ Email address.\nEnds with '@edu.tbz.ch' or '@tbz.ch'.");
|
||
|
|
return false;
|
||
|
|
}
|
||
|
|
return true;
|
||
|
|
}
|
||
|
|
</script>
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
|
||
|
|
<div class="content-container">
|
||
|
|
<div class="blur"></div>
|
||
|
|
<div class="signup content banner"></div>
|
||
|
|
|
||
|
|
<div class="signup content container">
|
||
|
|
<div class="signup form">
|
||
|
|
<button class="button clear nopadding" onclick="window.history.back()">← Back</button>
|
||
|
|
<h2>TBZ Community Signup Form</h2>
|
||
|
|
|
||
|
|
<form name="registrationForm" onsubmit="return validateEmail()" method="post">
|
||
|
|
<label for="fullName">Full Name: <span class="required">*</span></label><br>
|
||
|
|
<input type="text" id="fullName" name="fullName" placeholder="Full Name" required><br>
|
||
|
|
|
||
|
|
<label for="username">Username: <span class="required">*</span></label><br>
|
||
|
|
<input type="text" id="username" name="username" placeholder="Username" required><br>
|
||
|
|
|
||
|
|
<label for="email">Email: <span class="required">*</span></label><br>
|
||
|
|
<input type="email" id="email" name="email" placeholder="full.name@edu.tbz.ch" required><br>
|
||
|
|
|
||
|
|
<label for="sshKey">SSH-Key: <span class="optional">(optional)</span></label><br>
|
||
|
|
<textarea id="sshKey" name="sshKey" placeholder="ssh-ed25519 AAAAXXXXXXXYYYYYYYZZZZZZZ+00a" rows="4"></textarea><br>
|
||
|
|
|
||
|
|
<p>
|
||
|
|
Signing up implies that you agree to abide by our code of conduct.<br>
|
||
|
|
No drama. Be respectful. Have fun. We're all trying, and we're all in this together :)
|
||
|
|
</p>
|
||
|
|
|
||
|
|
<input type="checkbox" id="apprenticeship" name="apprenticeship">
|
||
|
|
<label for="apprenticeship">I visit the TBZ and have an apprenticeship. <span class="required">*</span></label><br>
|
||
|
|
|
||
|
|
<input type="checkbox" id="terms" name="terms" required>
|
||
|
|
<label for="terms">I agree! I have read and understood the terms of service and privacy policy. <span class="required">*</span></label><br><br>
|
||
|
|
|
||
|
|
<p><span class="required">*</span> = required</p>
|
||
|
|
|
||
|
|
<div class="button-container">
|
||
|
|
<input type="submit" value="Register">
|
||
|
|
<a class="button secondary outline" href="#">Login</a>
|
||
|
|
</div>
|
||
|
|
</form>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
</body>
|
||
|
|
</html>
|