max/flangr
1
0
Fork 0
Code Issues 7 Pull requests 1 Projects 1 Releases Wiki Activity

Configure base template to use bootstrap

Browse source
This commit is contained in:
Maximilian Friedersdorff 2022-07-10 11:15:19 +01:00
parent 45e89601d2
commit aca86e2e04
2 changed files with 47 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
flangr/static/css/base.css Normal file
View file

@ -0,0 +1,3 @@
.img-full {
object-fit: contain;
}

45
flangr/templates/base.html
View file

@ -1,6 +1,49 @@
{% load django_bootstrap5 %}
{% load static %}
<html> <html>
<head> <head>
<title>Flangr</title> <title>Flangr</title>
<link rel="stylesheet" href="{% static 'css/base.css' %}">
{% bootstrap_css %}
{% block extracss %}{% endblock extracss %}
</head> </head>
<body>{% block content %}{% endblock content %}</body> <body>
{% block nav %}
<nav class="navbar navbar-expand-md navbar-light bg-light mb-2">
<div class="container-fluid">
<a class="navbar-brand" href="/">Flangr</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav me-auto">
<li class="nav-item">
<a class="nav-link" href="{% url 'posts:post_list' %}">Posts</a>
</li>
<li class="nav-item">
<a class="nav-link" href="{% url 'circles:circle_list' %}">Circles</a>
</li>
</ul>
<ul class="navbar-nav">
{% if user %}
<li class="nav-item">
<a class="nav-link" href="#">{{ user.username }}</a>
</li>
<li class="nav-item">
<a class="nav-link" href="{% url 'logout' %}">Logout</a>
</li>
{% else %}
<li class="nav-item">
<a class="nav-link" href="{% url 'login' %}">Login</a>
</li>
{% endif %}
</ul>
</div>
</div>
</nav>
{% endblock nav %}
{% bootstrap_messages %}
{% block content %}{% endblock content %}
</body>
</html> </html>