<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta content="width=device-width, initial-scale=1, shrink-to-fit=no" name="viewport">
<link crossorigin="anonymous" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" rel="stylesheet">
<link href="/static/css/main.css" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Merriweather|Oswald:300,400,700" rel="stylesheet">
<title>
Ircam Auth
</title>
</head>
<body>
<div class="container-fluid">
<div class="row">
<div class="col-sm">
<div class="page_wrapper">
<div class="page">
<h1>
.Ircam Auth
</h1>
<div id="login-page">
<h2>
Log in
</h2>
<form action="/accounts/login/" class="login" method="POST">
<input name="csrfmiddlewaretoken" type="hidden" value="PPYtA0a2XGcDcwwGbHl7j1cE61zLpE52nJfutifod4JwhSIpT5qJ0PBxdARMVISq">
<p>
<label for="id_login">
Login:
</label>
<input autocomplete="email" id="id_login" name="login" placeholder="Username or e-mail" required="" type="text">
</p>
<p>
<label for="id_password">
Password:
</label>
<input autocomplete="current-password" id="id_password" name="password" placeholder="Password" required="" type="password">
</p>
<button class="i-btn btn-block mt-1 primaryAction" type="submit">
Login
</button>
<div class="text-center mt-3 mb-3">
or
</div>
<div class="text-center">
<a class="text-center i-btn i-btn--blue primaryAction" href="/accounts/signup/
">
Create an account
</a>
</div>
</form>
<div class="mt-2 page_links">
<div>
<a href="/accounts/password/reset/
">
Reset your password
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<script>
forms = document.getElementsByTagName('form');
for (i = 0; i < forms.length; i++) {
form = forms[i];
form.addEventListener('submit', function(e) {
buttons = form.querySelectorAll('button[type="submit"], input[type="submit"]');
for (j = 0; j < buttons.length; j++) {
button = buttons[j];
button.setAttribute('disabled', 'disabled');
button.innerHTML = 'Loading...';
}
});
}
</script>
</body>
</html>