Use base.html as template
This commit is contained in:
parent
bd032b8c3b
commit
b62fc7b2be
|
@ -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>
|
|
Loading…
Reference in New Issue
Block a user