ExelentHA
89 lines
4.9 KiB
HTML
89 lines
4.9 KiB
HTML
<!DOCTYPE html>
|
|
<html lang='en' data-theme='light'>
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<!-- link rel="icon" type="image/png" href="assets/img/ico.png" -->
|
|
<link rel="icon" type="image/png" href="{{ url_for('static', filename='img/ico.png') }}">
|
|
<!-- =====Bulma===== -->
|
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bulma@1.0.4/css/bulma.min.css">
|
|
<link rel="stylesheet" href="{{ url_for('static', filename='css/styles.css') }}">
|
|
</head>
|
|
<body>
|
|
<!-- navbar -->
|
|
<header class="l-header">
|
|
<nav class="navbar" role="navigation" aria-label="main navigation">
|
|
<div class="navbar-brand">
|
|
<!-- logos -->
|
|
<div class="navbar-item logo">
|
|
<a><strong>Login</strong></a>
|
|
</div>
|
|
|
|
<a role="button" class="navbar-burger" aria-label="menu" aria-expanded="false" data-target="navBarMain">
|
|
<span aria-hidden="true"></span>
|
|
<span aria-hidden="true"></span>
|
|
<span aria-hidden="true"></span>
|
|
<span aria-hidden="true"></span>
|
|
</a>
|
|
</div>
|
|
<div id="navBarMain" class="navbar-menu">
|
|
<div class="navbar-start">
|
|
|
|
</div>
|
|
<div class="navbar-end">
|
|
<div class="navbar-item">
|
|
<a href="/" class="navbar-item has-text-black nav__link" onclick="hide_nav()"><strong>Home</strong></a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
</header>
|
|
|
|
<main>
|
|
<!-- Login Fields -->
|
|
<section class="hero is-primary is-fullheight">
|
|
<div class="hero-body">
|
|
<div class="container">
|
|
<div class="columns is-centered">
|
|
<div class="column is-5-tablet is-4-desktop is-3-widescreen">
|
|
<form action="/login" method="POST" class="box">
|
|
<div class="field">
|
|
<label for="username" class="label">Email</label>
|
|
<div class="control has-icons-left">
|
|
<input type="username" name="username" placeholder="Enter Username" class="input" required>
|
|
<span class="icon is-small is-left">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" viewBox="0 0 24 24" >
|
|
<path d="M12 7c-2 0-3.5 1.5-3.5 3.5S10 14 12 14s3.5-1.5 3.5-3.5S14 7 12 7m0 5c-.88 0-1.5-.62-1.5-1.5S11.12 9 12 9s1.5.62 1.5 1.5S12.88 12 12 12"></path><path d="M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2M8.18 19c.41-1.16 1.51-2 2.82-2h2c1.3 0 2.4.84 2.82 2H8.19Zm9.71 0a5 5 0 0 0-4.9-4h-2c-2.41 0-4.43 1.72-4.9 4h-1.1V5h14v14z"></path>
|
|
</svg>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
<div class="field">
|
|
<label for="passwd" class="label">Password</label>
|
|
<div class="control has-icons-left">
|
|
<input type="password" name="passwd" placeholder="Enter Password" class="input" required>
|
|
<span class="icon is-left">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" viewBox="0 0 24 24" >
|
|
<path d="M6 22h12c1.1 0 2-.9 2-2v-9c0-1.1-.9-2-2-2h-1V7c0-2.76-2.24-5-5-5S7 4.24 7 7v2H6c-1.1 0-2 .9-2 2v9c0 1.1.9 2 2 2M9 7c0-1.65 1.35-3 3-3s3 1.35 3 3v2H9zm-3 4h12v9H6z"></path>
|
|
</svg>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
<div class="field">
|
|
<button class="button is-success" type="submit">
|
|
Login
|
|
</button>
|
|
{% if error %}
|
|
<p class="help is-danger"><strong>Wrong Password or Username</strong></p>
|
|
{% endif %}
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</main>
|
|
<script src="{{ url_for('static', filename='js/main.js') }}"></script>
|
|
</body>
|
|
</html> |