"extends" и "load" в одном шаблоне (проект django), возможно ли это. Заранее спасибо
Я пытаюсь расширить из базового шаблона навигацию и нижний колонтитул, а также загрузить статические файлы, но он не показывает мне никаких изменений, когда я это делаю (Когда я удаляю {% extends 'index.html' %}, css работает). Я пробовал с include, и он работает, но он сломан - тело находится под нижним колонтитулом и т.д. Я также пробовал {% block css %} и многое другое, но я не думаю, что это способ исправить ситуацию...
register_user.html
{% extends 'index.html' %}
<head>
{% load static %}
<link rel="stylesheet" href="{% static 'css/register/register.css' %}">
<title>Register - Audi Our Love</title>
</head>
{% block content %}
<h1>Register User</h1>
<form method="post">{% csrf_token %}
{% for field in register_form %}
<p>
{{ field.label_tag }}
{{ field }}
{% if field.help_text %}
{{ field.help_text }}
{% endif %}
{% for error in field.errors %}
<p style="color:red;">{{ error }}</p>
{% endfor %}
{% endfor %}
<button type="submit" class="register-button">Register</button>
</form>
<div>
<p>Already have an account ? | <a href="{% url 'login' %}">Login</a></p>
</div>
{% endblock %}
index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport"
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
{% include 'snippets/index/header.html' %}
</head>
<body>
<div class="main">
<!-- Body -->
{% block content %}
<h1 class="">Welcome</h1>
{% endblock %}
</div>
<!-- End Body -->
{% include 'snippets/index/footer.html' %}
</body>
</html>
header snipped
{% load static %}
<link rel="stylesheet" href="{% static 'css/base/base.css' %}">
<title>Main - Audi Our Love</title>
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.3/css/all.css"/>
{% if request.user.is_authenticated %}
<p>Welcome back, {{ request.user.username }} | <a href="{% url 'logout' %}">Logout</a></p>
{% else %}
<p><a href="{% url 'register' %}">Register</a> | <a href="{% url 'login' %}">Login</a></p>
{% endif %}
{% block nav-menu %}
<nav class="navigation">
<div class="toggle-button">
<button>====</button>
</div>
<div class="nav-links">
<ol>
<li><a href="">Home</a></li>
<li><a href="">Parts</a></li>
<li><a href="">Accessories</a></li>
<li><a href="">Fan Products</a></li>
<li><a href="{% url 'contacts' %}">Contacts</a></li>
<li><a href="{% url 'account' %}">My Account</a></li>
</ol>
</div>
</nav>
<hr>
{% endblock %}
footer snipped
<hr>
<div style="text-align: center">
<h4>Our social media</h4>
<a href="" style="text-decoration: none;margin: 0 5px">
<ion-icon name="logo-instagram"></ion-icon>
</a>
<a href="" style="text-decoration: none;margin: 0 5px">
<ion-icon name="logo-facebook"></ion-icon>
</a>
<a href="" style="text-decoration: none;margin: 0 5px">
<ion-icon name="logo-tiktok"></ion-icon>
</a>
</div>
{% block scripts %}
<script src="/static/js/toggle_button.js"></script>
<script type="module" src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.esm.js"></script>
<script nomodule src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.js"></script>
{% endblock %}