Use base.html as template

This commit is contained in:
George Lacey 2021-05-11 11:36:21 +01:00
parent bd032b8c3b
commit b62fc7b2be

View File

@ -1,35 +1,39 @@
<!DOCTYPE html> {% extends "borg/base.html" %}
<html lang="en">
<head> {% block title %}Login{% endblock %}
<meta charset="UTF-8"> {% load static %}
<title>Login</title> {% block script %}
{% load static %} {{block.super}}
{% load compress %} <script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
{% compress css %} {{ hour_list|json_script:"hour_list" }}
<link type="text/x-scss" href="{% static 'theme.scss' %}" rel="stylesheet" media="screen"> <script src="{% static 'js/index.js' %}"></script>
{% endcompress %} {% endblock %}
<style>
html, body { {% block style %}
height: 80%; {{ block.super }}
body {
background-color: aliceblue;
} }
body { .vertical-center {
min-height: 70%;
min-height: 70vh;
display: flex; display: flex;
align-items: center; align-items: center;
background-color: aliceblue;
text-align: center;
} }
</style> form {
</head> min-width: 300px;
<body> }
{% block content %} {% endblock %}
<main class="form-signin mx-auto w-25 px-5"> {% block body %}
<div class="mx-5">
<form method="post"> <div class="container vertical-center justify-content-center">
<form method="post" class="text-center mx-auto">
{% csrf_token %} {% csrf_token %}
<!-- <img class="mb-4" src="" alt="" width="" height="">--> <!-- <img class="mb-4" src="" alt="" width="" height="">-->
<h1 class="h1 mb-4 fw-regular">Log in</h1> <h1 class="display-4 mb-4 fw-normal">Log in</h1>
<div class="shadow form-floating my-2"> <div class="shadow form-floating my-2">
<input class="form-control" placeholder="Username" type="text" name="username" autofocus="" <input class="form-control" placeholder="Username" type="text" name="username" autofocus=""
@ -47,9 +51,6 @@
<button class="shadow w-100 btn btn-lg btn-secondary" type="submit">Log In</button> <button class="shadow w-100 btn btn-lg btn-secondary" type="submit">Log In</button>
</form> </form>
</div> </div>
</main>
{% endblock %} {% endblock %}
</body>
</html>