110 lines
4.4 KiB
HTML
110 lines
4.4 KiB
HTML
{{define "register"}}
|
|
<!DOCTYPE html>
|
|
<html xmlns:th="http://www.thymeleaf.org">
|
|
<head>
|
|
<title>Register ~ PixelDrain</title>
|
|
<meta charset="UTF-8"/>
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
|
|
<link rel="stylesheet" href="/global.css"/>
|
|
<link rel="stylesheet" href="/res/style/layout.css"/>
|
|
<link href='https://fonts.googleapis.com/css?family=Ubuntu' rel='stylesheet' type='text/css'/>
|
|
<link href="https://fonts.googleapis.com/css?family=Lato:100" rel="stylesheet" type="text/css"/>
|
|
<link rel="shortcut icon" href="/res/img/tray32.png"/>
|
|
<meta name="theme-color" content="#9FCF6C"/>
|
|
<link rel="icon" sizes="180x180" href="/res/img/pixeldrain.png"/>
|
|
<link rel="icon" sizes="256x256" href="/res/img/pixeldrain_big.png"/>
|
|
{{template "bgpattern"}}
|
|
|
|
<meta name="description" content="PixelDrain is a free file sharing service, you
|
|
can upload any file and you will be given a shareable link right away.
|
|
PixelDrain also supports previews for images, videos, audio, PDFs and much more.
|
|
Uncensored, unmonitored and unmoderated."/>
|
|
<meta property="og:type" content="website" />
|
|
<meta property="og:title" content="Register ~ PixelDrain" />
|
|
<meta property="og:site_name" content="PixelDrain" />
|
|
<meta property="og:description" content="Instant file and screenshot sharing." />
|
|
<meta property="og:url" content="http://pixeldra.in/" />
|
|
<meta property="og:image" content="/res/img/pixeldrain_big.png" />
|
|
<meta property="og:image:type" content="image/png" />
|
|
|
|
<script src="https://www.google.com/recaptcha/api.js"></script>
|
|
<script type="text/javascript">var apiEndpoint = '{{.APIEndpoint}}';</script>
|
|
</head>
|
|
|
|
<body>
|
|
<div id='body' class="body">
|
|
{{template "menu" .}}
|
|
|
|
<h1>Register a new Pixeldrain account</h1>
|
|
<form onSubmit="return submitForm();" class="highlight_dark border_top border_bottom">
|
|
<table style="margin-left: auto; margin-right: auto; text-align: left; max-width: 30em;">
|
|
<tr><td>Username (Used to log in)</td></tr>
|
|
<tr><td><input id="register_username" type="text" autocomplete="username" class="form_input"/></td></tr>
|
|
<tr><td>used for logging into your account</td></tr>
|
|
<tr><td><hr/></td></tr>
|
|
<tr><td>E-mail address (optional):</td></tr>
|
|
<tr><td><input id="register_email" type="text" autocomplete="email" class="form_input"/></td></tr>
|
|
<tr><td>
|
|
your e-mail address will only be used for password
|
|
resets and important account notifications.
|
|
</td></tr>
|
|
<tr><td><hr/></td></tr>
|
|
<tr><td>
|
|
Enter your password twice:<br/>
|
|
(so we can verify that you have not made any typing errors)
|
|
</td></tr>
|
|
<tr><td><input id="register_password1" type="password" autocomplete="new-password" class="form_input"/></td></tr>
|
|
<tr><td><input id="register_password2" type="password" autocomplete="new-password" class="form_input"/></td></tr>
|
|
<tr><td><hr/></td></tr>
|
|
<tr><td>Prove that you're not a robot (Click the white box)</td></tr>
|
|
<tr><td style="text-align: center;">
|
|
<div class="g-recaptcha" data-theme="dark" data-sitekey="6LdEeQ0TAAAAALBmDF_k_2LgbpuJM66PGspByViS"></div>
|
|
</td></tr>
|
|
<tr><td><hr/></td></tr>
|
|
<tr><td colspan=2 style="text-align: right;"><input type="submit" value="Register" class="button_highlight"/></td></tr>
|
|
</table>
|
|
</form>
|
|
<br/>
|
|
Welcome to the club!<br/>
|
|
{{template "footer"}}
|
|
</div>
|
|
|
|
<script type="text/javascript">
|
|
function submitForm(){
|
|
var uname = document.getElementById("register_username").value;
|
|
var email = document.getElementById("register_email").value;
|
|
var passwd1 = document.getElementById("register_password1").value;
|
|
var passwd2 = document.getElementById("register_password2").value;
|
|
var capt = grecaptcha.getResponse();
|
|
|
|
if (passwd1 !== passwd2) {
|
|
alert("Passwords do not match! Good thing we checked.");
|
|
return false;
|
|
}
|
|
|
|
var req = new XMLHttpRequest();
|
|
req.onreadystatechange = function(){
|
|
if (this.readyState === 4) {
|
|
var response = JSON.parse(req.responseText);
|
|
console.log(response);
|
|
}
|
|
}
|
|
|
|
req.open("POST", apiEndpoint+"/user/register", true);
|
|
|
|
var data = new FormData();
|
|
data.append("username", uname);
|
|
data.append("email", email);
|
|
data.append("password", passwd1);
|
|
data.append("recaptcha_response", capt);
|
|
req.send(data);
|
|
|
|
return false;
|
|
}
|
|
</script>
|
|
|
|
{{template "analytics"}}
|
|
</body>
|
|
</html>
|
|
{{end}}
|