init
This commit is contained in:
38
frontend/templates/index.html
Normal file
38
frontend/templates/index.html
Normal file
@@ -0,0 +1,38 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en" data-radix-theme="dark">
|
||||
<head>
|
||||
<meta charset="utf-8"/>
|
||||
<meta name="viewport" content="width=device-width,initial-scale=1.0"/>
|
||||
<title>loader</title>
|
||||
<link rel="stylesheet" href="{{ url_for('static', filename='css/color.css') }}">
|
||||
<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">
|
||||
<div class="main-container centered-wrapper">
|
||||
<div class="download-section">
|
||||
<form id="urlForm" action="/choose_format" method="POST">
|
||||
<div class="form-row">
|
||||
<input id="downloadURL" name="url" type="text" class="monospace" required>
|
||||
</div>
|
||||
</form>
|
||||
<div id="platformBadge" class="radix-badge hidden">Platform</div>
|
||||
<div id="formatCard" class="format-selection-container hidden">
|
||||
<h3 id="formatTitle"></h3>
|
||||
<button id="closeFormatCard" aria-label="Close formats">×</button>
|
||||
<form id="formatForm" action="/download_file" method="GET">
|
||||
<div id="formatOptions" class="format-options"></div>
|
||||
<input id="hiddenUrl" name="url" type="hidden">
|
||||
<input id="hiddenSid" name="sid" type="hidden">
|
||||
<button id="downloadBtn" class="radix-button primary" type="submit" disabled>Download</button>
|
||||
<button id="cancelBtn" type="button" class="radix-button danger hidden" style="display:none;">✖</button>
|
||||
</form>
|
||||
</div>
|
||||
{% if soft_banned %}
|
||||
<div id="soft-ban-badge" class="radix-badge error-badge">Soft Ban</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
</div>
|
||||
<script type="module" defer src="{{ url_for('static', filename='js/app.js') }}"></script>
|
||||
</body>
|
||||
</html>
|
||||
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