init
This commit is contained in:
43
frontend/templates/login.html
Normal file
43
frontend/templates/login.html
Normal file
@@ -0,0 +1,43 @@
|
||||
<!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>
|
||||
Reference in New Issue
Block a user