StarfallBot/web/templates/base.jinja

94 lines
4.1 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">
<a class="navbar-brand" href="/">
<img src="{{url_for('static', filename='img/logo.png')}}" alt="{{_('base.label.logo_alt')}}" />
</a>
<button class="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" id="navbarSupportedContent">
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
{# %block title: Page title. #}
{%block navLinks%}
{%include 'components/nav_public.jinja'%}
{%endblock%}
<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>
</button>
<ul class="dropdown-menu">
<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">
<small>{{_('base.label.copy')}} {{bp.date.year}}</small>
<ul class="navbar-nav">
{%include 'components/nav_foot.jinja'%}
</ul>
</div>
</nav>
</footer>
<script type="text/javascript" src="{{url_for('static', filename='js/bootstrap.bundle.min.js')}}"></script>
<script type="text/javascript" src="{{url_for('static', filename='js/color-switcher.js')}}"></script>
</body>
</html>