Matchplan/flaskapp/templates/base.html

73 lines
2.6 KiB
HTML

<!doctype html>
<html lang="de">
<head>
<meta HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=UTF-8">
<title>Matchplan</title>
<link rel="icon" sizes="192x192" href="img/favicon.png">
<!-- Bootstrap core CSS -->
<link href="/static/css/bootstrap.min.css" rel="stylesheet">
<!-- Custom styles for this template -->
<link href="/static/css/home.css" rel="stylesheet">
<link href="/static/fontawesome/css/all.min.css" rel="stylesheet">
{% block additionalcss %}
{% endblock %}
</head>
<body>
<script src="/static/js/jquery.min.js"></script>
<script src="/static/js/bootstrap.bundle.min.js"></script>
<header>
<!-- Fixed navbar -->
<nav class="navbar navbar-expand-md navbar-dark fixed-top bg-dark">
<div class="container">
<a class="navbar-brand" href="{{ url_for('index.index') }}">Matchplan</a>
<a href="https://www.toornament.com"><img src="/static/img/PoweredbyToor_White.png" height="50" alt="Toornament"></a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarCollapse"
aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarCollapse">
<ul class="navbar-nav me-auto mb-2 mb-md-0">
</ul>
<div class="d-flex">
{% if session['is_logged_in'] %}
<div class="d-flex align-items-center row">
<div class="col text-white">
Angemeldet als {{ session['username'] }}
</div>
<div class="col">
<a class="btn btn-light float-end" href="{{ url_for('login.logout') }}">Logout</a>
</div>
</div>
{% else %}
<a class="btn btn-primary" href="{{ url_for('login.login') }}">Einloggen</a>
{% endif %}
</div>
</div>
</div>
</nav>
</header>
<main role="main" class="container main">
{% with messages = get_flashed_messages(with_categories=true) %}
{% if messages %}
{% for category, message in messages %}
<div class="alert alert-dismissible alert-{{ category }}">
{{ message }}
</div>
{% endfor %}
{% endif %}
{% endwith %}
{% block main %}
{% endblock %}
</main>
</body>
</html>