2024-03-05 22:12:46 +00:00
<!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 >
2024-03-06 14:19:33 +00:00
< nav >
< div class = "language-switcher" >
< select id = "languageSelect" onchange = "changeLanguage(this.value)" >
< option value = "en" > 🇬🇧 English< / option >
< option value = "de" > 🇨🇭 German< / option >
< / select >
< / div >
< / nav >
2024-03-05 22:12:46 +00:00
< div class = "content-container" >
< div class = "blur" > < / div >
< div class = "signup content banner" > < / div >
< div class = "signup content container" >
< div class = "signup form" >
2024-03-06 14:19:33 +00:00
< button data-i18n = "signup.header.back" class = "button clear nopadding" onclick = "window.history.back()" > ← Back< / button >
< h2 data-i18n = "signup.header.title" > TBZ Community Signup Form< / h2 >
2024-03-05 22:12:46 +00:00
< form name = "registrationForm" onsubmit = "return validateEmail()" method = "post" >
2024-03-06 14:19:33 +00:00
< label data-i18n = "signup.form.labels.fullname" for = "fullName" > Full Name:< / label > < span data-i18n = "signup.form.legends.required" class = "required" > *< / span > < br >
< input type = "text" id = "fullName" name = "fullName" data-i18n-placeholder = "signup.form.labels.fullnamePlaceholder" placeholder = "Full Name" required > < br >
2024-03-05 22:12:46 +00:00
2024-03-06 14:19:33 +00:00
< label data-i18n = "signup.form.labels.username" for = "username" > Username:< / label > < span data-i18n = "signup.form.legends.required" class = "required" > *< / span > < br >
< input type = "text" id = "username" name = "username" data-i18n-placeholder = "signup.form.labels.usernamePlaceholder" placeholder = "Username" required > < br >
2024-03-05 22:12:46 +00:00
2024-03-06 14:19:33 +00:00
< label data-i18n = "signup.form.labels.email" for = "email" > Email:< / label > < span data-i18n = "signup.form.legends.required" class = "required" > *< / span > < br >
< input type = "email" id = "email" name = "email" data-i18n-placeholder = "signup.form.labels.emailPlaceholder" placeholder = "full.name@edu.tbz.ch" required > < br >
2024-03-05 22:12:46 +00:00
2024-03-06 14:19:33 +00:00
< label data-i18n = "signup.form.labels.ssh" for = "sshKey" > SSH-Key:< / label > < span class = "optional" > (optional)< / span > < br >
< textarea id = "sshKey" name = "sshKey" data-i18n-placeholder = "signup.form.labels.sshPlaceholder" placeholder = "ssh-ed25519 AAAAXXXXXXXYYYYYYYZZZZZZZ+00a" rows = "4" > < / textarea > < br >
2024-03-05 22:12:46 +00:00
2024-03-06 14:19:33 +00:00
< p data-i18n = "signup.form.legal.codeofconduct" >
2024-03-05 22:12:46 +00:00
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" >
2024-03-06 14:19:33 +00:00
< label data-i18n = "signup.form.legal.apprenticeVerify" for = "apprenticeship" > I visit the TBZ and have an apprenticeship.< / label > < span data-i18n = "signup.form.legends.required" class = "required" > *< / span > < br >
2024-03-05 22:12:46 +00:00
< input type = "checkbox" id = "terms" name = "terms" required >
2024-03-06 14:19:33 +00:00
< label data-i18n = "signup.form.legal.termsVerify" for = "terms" > I agree! I have read and understood the terms of service and privacy policy.< / label > < span data-i18n = "signup.form.legends.required" class = "required" > *< / span > < br > < br >
2024-03-05 22:12:46 +00:00
2024-03-06 14:19:33 +00:00
< p > < span data-i18n = "signup.form.legends.required" class = "required" > *< / span > < span data-i18n = "signup.form.legends.requiredText" > = required< / span > < br >
< span data-i18n = "signup.form.legends.optional" class = "optional" > *< / span > < span data-i18n = "signup.form.legends.optionalText" > = optional< / span > < / p >
2024-03-05 22:12:46 +00:00
< div class = "button-container" >
2024-03-06 14:55:00 +00:00
< input data-i18n = "signup.form.buttons.submit" type = "submit" value = "Register" >
< a data-i18n = "signup.form.buttons.login" class = "button secondary outline" href = "#" > Login< / a >
2024-03-05 22:12:46 +00:00
< / div >
< / form >
< / div >
< / div >
< / div >
2024-03-06 14:19:33 +00:00
< script src = "/assets/js/i18n.js" > < / script >
2024-03-05 22:12:46 +00:00
< / body >
< / html >
