src/base/templates/base/base.html
{% load static base_extras %}
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description"
content="{% block description %}HbScorez ist eine Statistikplattform für diverse Handballigen im deutschsprachigen Raum.{% endblock %}">
<link rel="icon" href="{% static 'base/images/favicons/favicon.png' %}">
<title>{% block title %}HbScorez{% endblock %}</title>
{% block styles %}
<link rel="stylesheet" href="{% static 'base/styles/base.css' %}">
<link rel="stylesheet" href="{% static 'base/styles/vendor/bootstrap-5.0.0.min.css' %}">
<link rel="stylesheet" href="{% static 'base/styles/vendor/datatables-1.10.24.min.css' %}">
<link rel="stylesheet" href="{% static 'base/styles/vendor/animate-4.1.1.min.css' %}">
<link rel="stylesheet" href="{% static 'base/styles/vendor/cookieconsent-3.1.1.min.css' %}">
{% endblock %}
{% if MATOMO_URL %}
<script>const MATOMO_URL = "{{ MATOMO_URL }}";</script>
<script src="{% static 'base/scripts/matomo.js' %}"></script>
{% endif %}
</head>
<body class="bg-dark">
<nav class="navbar navbar-expand-md navbar-dark bg-dark sticky-top" aria-label="main menu">
<div class="container">
<a class="navbar-brand" href="{% url 'base:home' %}">HbScorez</a>
<button class="navbar-toggler d-lg-none" type="button" data-bs-toggle="collapse" data-bs-target="#navbar">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbar">
<ul class="navbar-nav me-auto">
<li class="nav-item m-1">
<a class="nav-link" href="{% url 'associations:list' %}">Statistik</a>
</li>
</ul>
{% if user.is_authenticated %}
<div class="nav-item btn-group m-1">
<a class="btn btn-secondary" href="{% url 'users:profile' %}">{{ user.username }}</a>
<button type="button" class="btn btn-secondary dropdown-toggle dropdown-toggle-split"
data-bs-toggle="dropdown"></button>
<div class="dropdown-menu dropdown-menu-right">
<a class="dropdown-item" href="{% url 'users:logout' %}">Abmelden</a>
</div>
</div>
{% else %}
<a class="nav-item btn btn-primary m-1"
href="{% url 'users:login' %}">Anmelden</a>
<a class="nav-item btn btn-success m-1"
href="{% url 'django_registration_register' %}">Registrieren</a>
{% endif %}
</div>
</div>
</nav>
<div class="py-3 bg-white">
<div class="container">
<div id="alerts"></div>
<div class="row">
{% if request.env|get:"UPDATING" == "TRUE" %}
<div class="col-12">
<h3>
<span class="badge bg-warning animated bounce">
Daten werden aktualisiert
<span id="spinner" class="fas fa-spinner"></span>
</span>
</h3>
</div>
{% endif %}
<main class="col-sm-12 ms-sm-auto">
{% if request.global_message %}
<div class="alert alert-primary" role="alert">{{ request.global_message.message|safe }}</div>
{% endif %}
{% block content %}{% endblock %}
</main>
</div>
</div>
</div>
<footer class="bg-dark">
<nav class="container navbar navbar-expand-md navbar-dark" aria-label="common links">
<ul class="navbar-nav">
<li class="nav-item"><a class="nav-link" href="{% url 'base:contact_form' %}">Kontakt</a></li>
<li class="nav-item"><a class="nav-link" href="{% url 'base:imprint' %}">Impressum</a></li>
<li class="nav-item"><a id="privacy" class="nav-link" href="{% url 'base:privacy' %}">Datenschutz</a></li>
<li class="nav-item"><a class="nav-link" href="https://github.com/djbrown/hbscorez"><i class="fab fa-github"></i> Quellprojekt</a></li>
<li class="nav-item"><a class="nav-link" href="https://github.com/djbrown/hbscorez/blob/master/.github/CODE_OF_CONDUCT.md">Verhaltenscodex</a></li>
<li class="nav-item"><a class="nav-link" href="https://github.com/djbrown/hbscorez/issues">Feedback</a></li>
<li class="nav-item"><a class="nav-link" href="https://github.com/djbrown/hbscorez/blob/master/.github/CONTRIBUTING.md">Mitwirken</a></li>
</ul>
</nav>
</footer>
{% block scripts %}
<script src="{% static 'base/scripts/vendor/jquery-3.6.0.min.js' %}"></script>
<script src="{% static 'base/scripts/vendor/popper-2.9.2.min.js' %}"></script>
<script src="{% static 'base/scripts/vendor/bootstrap-5.0.0.min.js' %}"></script>
<script src="{% static 'base/scripts/vendor/fa-all-5.15.3.min.js' %}"></script>
<script src="{% static 'base/scripts/vendor/moment-2.29.1.min.js' %}"></script>
<script src="{% static 'base/scripts/vendor/cookieconsent-3.1.1.min.js' %}"></script>
<script src="{% static 'base/scripts/vendor/datatables-1.10.24.min.js' %}"></script>
<script src="{% static 'base/scripts/vendor/datatables-datetime-moment-1.10.24.js' %}"></script>
<script src="{% static 'base/scripts/datatables-config.js' %}"></script>
{#<script src="{% static 'base/scripts/cookieconsent-config.js' %}"></script>#}
{% endblock %}
</body>
</html>