You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
140 lines
4.8 KiB
140 lines
4.8 KiB
<!DOCTYPE html> |
|
<html lang="fr"> |
|
|
|
<head> |
|
<meta charset="UTF-8"> |
|
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> |
|
<title>Connexion - IAProf</title> |
|
<!-- SB Admin Bootstrap CSS --> |
|
<link href="https://cdn.jsdelivr.net/npm/startbootstrap-sb-admin@7.0.6/dist/css/styles.min.css" rel="stylesheet"> |
|
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet"> |
|
<style> |
|
:root { |
|
color-scheme: light dark; |
|
} |
|
|
|
body, |
|
.bg-light { |
|
background-color: #f8f9fa; |
|
color: #212529; |
|
} |
|
|
|
@media (prefers-color-scheme: dark) { |
|
html, |
|
body, |
|
.bg-light { |
|
background-color: #181a1b !important; |
|
color: #f8f9fa !important; |
|
} |
|
|
|
.card, |
|
.card-header, |
|
.card-body { |
|
background-color: #23272b !important; |
|
color: #f8f9fa !important; |
|
} |
|
|
|
.table { |
|
color: #f8f9fa; |
|
background-color: #23272b; |
|
} |
|
|
|
.table-bordered th, |
|
.table-bordered td { |
|
border-color: #444c56; |
|
} |
|
|
|
.form-select, |
|
.form-label, |
|
.btn, |
|
.alert { |
|
background-color: #23272b !important; |
|
color: #f8f9fa !important; |
|
border-color: #444c56 !important; |
|
} |
|
|
|
.btn-primary { |
|
background-color: #375a7f !important; |
|
border-color: #375a7f !important; |
|
} |
|
|
|
.btn-danger { |
|
background-color: #c9302c !important; |
|
border-color: #c9302c !important; |
|
} |
|
|
|
.btn-success { |
|
background-color: #449d44 !important; |
|
border-color: #449d44 !important; |
|
} |
|
|
|
.navbar, |
|
.navbar-dark, |
|
.bg-dark { |
|
background-color: #23272b !important; |
|
} |
|
|
|
.alert-warning { |
|
background-color: #3a3a3a !important; |
|
color: #ffe082 !important; |
|
border-color: #444c56 !important; |
|
} |
|
|
|
.form-control { |
|
background-color: #fff !important; |
|
color: #212529 !important; |
|
border-color: #444c56 !important; |
|
} |
|
|
|
.form-control::placeholder, |
|
.form-floating>label { |
|
color: #212529 !important; |
|
} |
|
|
|
[class*="bg-"] { |
|
background-color: inherit !important; |
|
} |
|
} |
|
</style> |
|
</head> |
|
|
|
<body class="bg-primary"> |
|
<div id="layoutAuthentication"> |
|
<div id="layoutAuthentication_content"> |
|
<main> |
|
<div class="container"> |
|
<div class="row justify-content-center"> |
|
<div class="col-lg-5"> |
|
<div class="card shadow-lg border-0 rounded-lg mt-5"> |
|
<div class="card-header"> |
|
<h3 class="text-center font-weight-light my-4">Connexion</h3> |
|
</div> |
|
<div class="card-body"> |
|
<form method="post"> |
|
{% csrf_token %} |
|
<div class="form-floating mb-3"> |
|
<input class="form-control" id="username" name="username" type="text" |
|
placeholder="Nom d'utilisateur" required /> |
|
<label for="username">Nom d'utilisateur</label> |
|
</div> |
|
<div class="form-floating mb-3"> |
|
<input class="form-control" id="password" name="password" type="password" |
|
placeholder="Mot de passe" required /> |
|
<label for="password">Mot de passe</label> |
|
</div> |
|
<div class="d-flex align-items-center justify-content-between mt-4 mb-0"> |
|
<button class="btn btn-primary w-100" type="submit">Se connecter</button> |
|
</div> |
|
</form> |
|
</div> |
|
</div> |
|
</div> |
|
</div> |
|
</div> |
|
</main> |
|
</div> |
|
</div> |
|
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script> |
|
</body> |
|
|
|
</html> |