44 lines
1.8 KiB
HTML
44 lines
1.8 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en" data-radix-themes="dark">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>s1ne</title>
|
|
<meta http-equiv="Content-Security-Policy"
|
|
content="default-src 'self'; img-src 'self' data:; script-src 'self'; style-src 'self'">
|
|
<link rel="stylesheet" href="{{ url_for('static', filename='css/style.css') }}">
|
|
<script defer src="{{ url_for('static', filename='js/anime.min.js') }}"></script>
|
|
</head>
|
|
<body class="dark-theme" style="background-color:#0a0a0a;">
|
|
<div class="login-card" style="border:none;background-color:transparent;">
|
|
<div class="center-container">
|
|
<div class="bloom-logo">
|
|
<img width="33" height="33" src="{{ url_for('static', filename='bloom.png') }}" alt="Bloom logo">
|
|
</div>
|
|
</div>
|
|
{% if error_badge %}
|
|
<div class="radix-badge error-badge">{{ error_badge }}</div>
|
|
{% endif %}
|
|
{% if success_badge %}
|
|
<div class="radix-badge success-badge">{{ success_badge }}</div>
|
|
{% endif %}
|
|
{% if banned %}
|
|
<div class="radix-badge error-badge">Too many attempts.</div>
|
|
{% endif %}
|
|
<form action="{{ url_for('login') }}" method="POST">
|
|
<div>
|
|
<input type="password" name="password" id="password" required
|
|
autofocus placeholder="Key here..." >
|
|
</div>
|
|
<div class="checkbox-container" style="display:none;opacity:0;">
|
|
<input type="checkbox" name="remember_me" id="remember_me" class="remember-me" checked style="width:0%;opacity:0;display:none;">
|
|
<label for="remember_me" style="opacity:0;display:none;"></label>
|
|
</div>
|
|
<button type="submit" class="radix-button" style="margin-top:1rem;display:none;"></button>
|
|
</form>
|
|
</div>
|
|
<script>
|
|
anime({ targets: '.radix-badge', translateY:[-10,0], opacity:[0,1], duration:600, delay:anime.stagger(80) });
|
|
</script>
|
|
</body>
|
|
</html>
|