65 lines
2.1 KiB
HTML
65 lines
2.1 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en" dir="ltr">
|
|
<head>
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" charset="utf-8" />
|
|
<title id="title"></title>
|
|
|
|
|
|
<!-- Material Icons -->
|
|
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet" />
|
|
<!-- Material Symbols - Outlined Set -->
|
|
<link href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined" rel="stylesheet" />
|
|
<!-- Material Symbols - Rounded Set -->
|
|
<link href="https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded" rel="stylesheet" />
|
|
<!-- Material Symbols - Sharp Set -->
|
|
<link href="https://fonts.googleapis.com/css2?family=Material+Symbols+Sharp" rel="stylesheet" />
|
|
|
|
<link rel="stylesheet" href="{{ url_for('static', filename='css/uikit.min.css') }}"/>
|
|
|
|
<script src="{{ url_for('static', filename='js/uikit.min.js') }}"></script>
|
|
<script src="{{ url_for('static', filename='js/uikit-icons.min.js') }}"></script>
|
|
</head>
|
|
<style>
|
|
:root {
|
|
--body-background: #121212;
|
|
--background: #1c1c1c;
|
|
--primary-color: #f7f7f7;
|
|
--accent-color: #ffb3b3;
|
|
--secondary-text: #666666;
|
|
--highlight: #ffd700;
|
|
--font: 'Arial', sans-serif;;
|
|
}
|
|
|
|
body, html {
|
|
height: 100%;
|
|
margin: 0;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
background-color: var(--body-background);
|
|
color: var(--primary-color);
|
|
font-family: var(--font);
|
|
}
|
|
|
|
.login-container {
|
|
text-align: center;
|
|
}
|
|
</style>
|
|
<body>
|
|
<div class="login-container">
|
|
<form action="/login" method="post">
|
|
<div>
|
|
<label for="username">Username:</label>
|
|
<input type="text" id="username" name="username">
|
|
</div>
|
|
<div>
|
|
<label for="password">Password:</label>
|
|
<input type="password" id="password" name="password">
|
|
</div>
|
|
<button type="submit">Login</button>
|
|
</form>
|
|
</div>
|
|
</body>
|
|
<script></script>
|
|
</html>
|