133 lines
7.2 KiB
HTML
133 lines
7.2 KiB
HTML
{% load static %}
|
|
|
|
<!DOCTYPE html>
|
|
<html>
|
|
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="keywords" content="">
|
|
<meta name="description" content="">
|
|
<meta name="author" content="Gregory Trullemans">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
|
|
|
<link rel="apple-touch-icon" sizes="76x76" href="{% static "img/apple-icon.png" %}">
|
|
<link rel="icon" type="image/png" href="{% static "img/favicon.png" %}">
|
|
|
|
<!-- <title>{% block page_title %}{% endblock %}</title> -->
|
|
<title>• JARVIS •</title>
|
|
|
|
<!-- Fonts and icons -->
|
|
<link href="https://fonts.googleapis.com/css?family=Poppins:200,300,400,600,700,800" rel="stylesheet" />
|
|
<link href="https://use.fontawesome.com/releases/v5.0.6/css/all.css" rel="stylesheet" />
|
|
<!-- Nucleo Icons -->
|
|
<link href="{% static "css/nucleo-icons.css" %}" rel="stylesheet" />
|
|
<!-- CSS Files -->
|
|
<link href="{% static "css/black-dashboard.css" %}" rel="stylesheet" />
|
|
<!-- CSS Just for demo purpose, don't include it in your project -->
|
|
<!-- <link href="../assets/demo/demo.css" rel="stylesheet" /> -->
|
|
<!-- <link rel="stylesheet" href="{% static "css/application.css" %}"> -->
|
|
|
|
</head>
|
|
|
|
<body>
|
|
<div class="wrapper wrapper-full-page ">
|
|
<div class="full-page login-page " data-color="red">
|
|
<!-- you can change the color of the filter page using: data-color="blue | purple | green | orange | red | rose " -->
|
|
<div class="content">
|
|
<div class="container">
|
|
<div class="col-lg-4 col-md-6 ml-auto mr-auto">
|
|
<form class="form" action="/login/" method="post" if="formulaire">
|
|
{% csrf_token %}
|
|
<div class="card card-login card-white">
|
|
<div class="card-header">
|
|
<img src="{% static "img/card-danger.png" %}" alt="">
|
|
<h1 class="card-title"> Log in</h1>
|
|
</div>
|
|
<div class="card-body">
|
|
<div class="input-group">
|
|
<div class="input-group-prepend">
|
|
<div class="input-group-text">
|
|
<i class="tim-icons icon-single-02"></i>
|
|
</div>
|
|
</div>
|
|
<input type="login" name="login" class="form-control" id="login" placeholder="Login">
|
|
</div>
|
|
<div class="input-group">
|
|
<div class="input-group-prepend">
|
|
<div class="input-group-text">
|
|
<i class="tim-icons icon-lock-circle"></i>
|
|
</div>
|
|
</div>
|
|
<input type="password" name="password" class="form-control" id="password" placeholder="Password">
|
|
</div>
|
|
{% if message %}
|
|
<p class="text-danger"><b>{{message}}</b></p>
|
|
{% endif %}
|
|
</div>
|
|
<div class="card-footer">
|
|
<button type="submit" class="btn btn-danger btn-lg btn-block mb-3">Log me in</button>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<footer>
|
|
<div class="footer-content"></div>
|
|
</footer>
|
|
|
|
<script src="{% static "js/core/jquery.min.js" %}"></script>
|
|
<script src="{% static "js/core/popper.min.js" %}"></script>
|
|
<script src="{% static "js/core/bootstrap.min.js" %}"></script>
|
|
<script src="{% static "js/plugins/perfect-scrollbar.jquery.min.js" %}"></script>
|
|
<script src="{% static "js/plugins/moment.min.js" %}"></script>
|
|
<!-- Plugin for Switches, full documentation here: http://www.jque.re/plugins/version3/bootstrap.switch/ -->
|
|
<script src="{% static "js/plugins/bootstrap-switch.js" %}"></script>
|
|
<!-- Plugin for Sweet Alert -->
|
|
<script src="{% static "js/plugins/sweetalert2.min.js" %}"></script>
|
|
<!-- Plugin for Sorting Tables -->
|
|
<script src="{% static "js/plugins/jquery.tablesorter.js" %}"></script>
|
|
<!-- Forms Validations Plugin -->
|
|
<script src="{% static "js/plugins/jquery.validate.min.js" %}"></script>
|
|
<!-- Plugin for the Wizard, full documentation here: https://github.com/VinceG/twitter-bootstrap-wizard -->
|
|
<script src="{% static "js/plugins/jquery.bootstrap-wizard.js" %}"></script>
|
|
<!-- Plugin for Select, full documentation here: http://silviomoreto.github.io/bootstrap-select -->
|
|
<script src="{% static "js/plugins/bootstrap-selectpicker.js" %}"></script>
|
|
<!-- Plugin for the DateTimePicker, full documentation here: https://eonasdan.github.io/bootstrap-datetimepicker/ -->
|
|
<script src="{% static "js/plugins/bootstrap-datetimepicker.js" %}"></script>
|
|
<!-- DataTables.net Plugin, full documentation here: https://datatables.net/ -->
|
|
<script src="{% static "js/plugins/jquery.dataTables.min.js" %}"></script>
|
|
<!-- Plugin for Tags, full documentation here: https://github.com/bootstrap-tagsinput/bootstrap-tagsinputs -->
|
|
<script src="{% static "js/plugins/bootstrap-tagsinput.js" %}"></script>
|
|
<!-- Plugin for Fileupload, full documentation here: http://www.jasny.net/bootstrap/javascript/#fileinput -->
|
|
<script src="{% static "js/plugins/jasny-bootstrap.min.js" %}"></script>
|
|
<!-- Full Calendar Plugin, full documentation here: https://github.com/fullcalendar/fullcalendar -->
|
|
<script src="{% static "js/plugins/fullcalendar.min.js" %}"></script>
|
|
<!-- Vector Map plugin, full documentation here: http://jvectormap.com/documentation/ -->
|
|
<script src="{% static "js/plugins/jquery-jvectormap.js" %}"></script>
|
|
<!-- Plugin for the Sliders, full documentation here: http://refreshless.com/nouislider/ -->
|
|
<script src="{% static "js/plugins/nouislider.min.js" %}"></script>
|
|
<!-- Google Maps Plugin -->
|
|
<!-- Place this tag in your head or just before your close body tag. -->
|
|
<!-- <script src="https://maps.googleapis.com/maps/api/js?key=YOUR_KEY_HERE"></script> -->
|
|
<!-- Chart JS -->
|
|
<script src="{% static "js/plugins/chartjs.min.js" %}"></script>
|
|
<!-- Notifications Plugin -->
|
|
<script src="{% static "js/plugins/bootstrap-notify.js" %}"></script>
|
|
<!-- Control Center for Black Dashboard: parallax effects, scripts for the example pages etc -->
|
|
<script src="{% static "js/black-dashboard.min.js" %}"></script>
|
|
|
|
<script type="text/javascript" >
|
|
$(function(){
|
|
$('#login').focus();
|
|
});
|
|
</script>
|
|
|
|
</body>
|
|
</html>
|