StarfallBot/web/templates/base.jinja

95 lines
4.4 KiB
Django/Jinja

<!DOCTYPE html>
<html data-bs-theme="dark" lang="{{lang}}">
<head>
{# %block title: Page title. #}
<title>{%block title%}{{_('base.meta.title.empty')}}{%endblock%} &ndash; {{_('base.meta.title.site')}}</title>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="description" content="{{_('base.meta.description')}}" />
<link rel="icon" href="{{url_for('static', filename='img/favicon.png')}}" />
<link rel="stylesheet" type="text/css" href="{{bp.assets['scss'].urls()|first}}" />
{# %block head: Additional stylesheets/scripts for page. #}
{%block head%}{%endblock%}
</head>
<body>
<a class="visually-hidden-focusable" href="#content">{{_('base.label.skip_to_content')}}</a>
<header class="sticky-top">
<nav class="navbar navbar-expand-md">
<div class="container-fluid mx-2">
<a class="navbar-brand" href="/">
<img src="{{url_for('static', filename='img/logo.png')}}" alt="{{_('base.label.logo_alt')}}" />
</a>
<button class="me-auto navbar-toggler" type="button" data-bs-toggle="collapse"
data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent"
aria-expanded="false" aria-label="{{_('base.label.toggle_nav')}}">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse d-md-flex flex-row justify-content-between" id="navbarSupportedContent">
<ul class="navbar-nav">
{# %block title: Page title. #}
{%block navLinks%}
{%include 'components/nav_public.jinja'%}
{%endblock%}
</ul>
<ul class="navbar-nav">
<li class="nav-menu dropdown">
<button id="theme" class="btn btn-link nav-link dropdown-toggle" type="button"
data-bs-toggle="dropdown" aria-expanded="false">
<i class="bi bi-circle-half"></i>
<span class="visually-hidden">{{_('base.label.theme.btn')}}</span>
</button>
<ul class="dropdown-menu dropdown-menu-end">
<li>
<button class="dropdown-item" type="button" data-bs-theme-value="light">
<i class="bi bi-brightness-high-fill"></i>&nbsp;{{_('base.label.theme.light')}}
</button>
<button class="dropdown-item" type="button" data-bs-theme-value="dark">
<i class="bi bi-brightness-alt-low"></i>&nbsp;{{_('base.label.theme.dark')}}
</button>
<button class="dropdown-item" type="button" data-bs-theme-value="auto">
<i class="bi bi-circle-half"></i>&nbsp;{{_('base.label.theme.auto')}}
</button>
</li>
</ul>
</li>
</ul>
</div>
</div>
</nav>
</header>
{%block beforeMain%}{%endblock%}
<main>
{%block beforeMainContainer%}{%endblock%}
{%block body%}
{%include 'components/page_empty.jinja'%}
{%endblock%}
{%block afterMainContainer%}{%endblock%}
</main>
{%block afterMain%}{%endblock%}
<footer class="fixed-bottom">
<nav class="navbar">
<div class="container-fluid mx-2 row">
<small class="col">{{_('base.label.copy')}} {{bp.date.year}}</small>
<ul class="col navbar-nav d-flex flex-row justify-content-end">
{%include 'components/nav_foot.jinja'%}
</ul>
</div>
</nav>
</footer>
<script type="text/javascript" src="{{url_for('static', filename='js/bootstrap.bundle.min.js')}}" defer></script>
<script type="text/javascript" src="{{url_for('static', filename='js/theme-switcher.js')}}" defer></script>
</body>
</html>