StarfallBot/web/templates/index.html

87 lines
3.7 KiB
HTML

<!DOCTYPE html>
<html data-bs-theme="dark">
<head>
<meta charset="UTF-8" />
<title>StarfallBot - {% block titleSuffix %}Unassigned{% endblock %}</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<meta name="description" content="StarfallBot administation interface" />
<link rel="icon" href="{{ url_for('static', filename='favicon.png') }}" />
<link rel="stylesheet" type="text/css" href="{{ assets['scss'].urls()|first }}" />
{% block head %}{% endblock %}
</head>
<body>
<a class="visually-hidden-focusable" href="#content">Skip to main content</a>
<header>
<nav class="navbar navbar-expand-md">
<div class="container-fluid">
<a class="navbar-brand" href="/">
<img src="{{ url_for('static', filename='logo.png') }}" alt="Starfall" />
</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse"
data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent"
aria-expanded="false" aria-label="Toggle navigation">
<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 navLinks %}{% 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">Theme</button>
<ul class="dropdown-menu">
<li>
<button class="dropdown-item" type="button" data-bs-theme-value="light">
Light
</button>
<button class="dropdown-item" type="button" data-bs-theme-value="dark">
Dark
</button>
<button class="dropdown-item" type="button" data-bs-theme-value="auto">
Auto
</button>
</li>
</ul>
</li>
</ul>
</div>
</div>
</nav>
</header>
{% block beforeMain %}{% endblock %}
<main>
{% block beforeMainContainer %}{% endblock %}
<div class="container" id="content">
{% block body %}
{# If there's no body on this page, treat it as a 404. #}
<div class="d-flex flex-column justify-content-center align-items-center">
<div>
<h1 class="text-danger-emphasis m-2">404</h1>
</div>
<div class="mb-4">
<h2 class="flex-col text-danger-emphasis">That's an error.</h2>
</div>
<div class="flex-row">
<p>Want to go back to the <a href="/">start</a> and try again?</p>
</div>
</div>
</div>
{% endblock %}
</div>
{% block afterMainContainer %}{% endblock %}
</main>
{% block afterMain %}{% endblock %}
<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>