124 lines
4.5 KiB
HTML
124 lines
4.5 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="{{request.state.language}}">
|
|
|
|
<head>
|
|
{% block head %}
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport"
|
|
content="width=device-width, initial-scale=1.0">
|
|
<meta http-equiv="X-UA-Compatible"
|
|
content="ie=edge">
|
|
<title>{% block title %}{% endblock %}</title>
|
|
<link rel="stylesheet"
|
|
href="/static/gallery.css?v={{version}}">
|
|
<script type="module"
|
|
src="/static/gallery.es.js?v={{version}}"></script>
|
|
<link rel="icon"
|
|
href="/favicon.ico?v={{version}}"
|
|
type="image/x-icon">
|
|
{% endblock %}
|
|
</head>
|
|
|
|
<body>
|
|
<div class="app col-lg-8 mx-auto p-3 py-md-5">
|
|
<header class="d-flex align-items-center pb-3 mb-5 border-bottom">
|
|
<app-link href="/"
|
|
icon="gear">API Gallery</app-link>
|
|
{% block header %}{% endblock %}
|
|
<ul class="navbar-nav flex-row flex-wrap ms-md-auto">
|
|
<li class="nav-item dropdown">
|
|
<button class="btn btn-link nav-link py-2 px-0 px-lg-2 dropdown-toggle d-flex align-items-center"
|
|
id="bd-language"
|
|
type="button"
|
|
aria-expanded="false"
|
|
data-bs-toggle="dropdown"
|
|
aria-label="{{_('Select language')}} (default)">
|
|
<span class="fi fi-gb me-2 language-icon-active"></span>
|
|
<span class="d-lg-none ms-2"
|
|
id="bd-language-text">{{_("Select language")}}</span>
|
|
</button>
|
|
<ul class="dropdown-menu dropdown-menu-end"
|
|
aria-labelledby="bd-language-text">
|
|
<li>
|
|
<button type="button"
|
|
class="dropdown-item d-flex align-items-center"
|
|
data-bs-language-value="en"
|
|
aria-pressed="false">
|
|
<span class="fi fi-gb me-2 language-icon-active"></span>
|
|
{{_("English")}}
|
|
</button>
|
|
</li>
|
|
<li>
|
|
<button type="button"
|
|
class="dropdown-item d-flex align-items-center"
|
|
data-bs-language-value="ru"
|
|
aria-pressed="false">
|
|
<span class="fi fi-ru me-2 language-icon-active"></span>
|
|
{{_("Russian")}}
|
|
</button>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
<li class="nav-item dropdown">
|
|
<button class="btn btn-link nav-link py-2 px-0 px-lg-2 dropdown-toggle d-flex align-items-center"
|
|
id="bd-theme"
|
|
type="button"
|
|
aria-expanded="false"
|
|
data-bs-toggle="dropdown"
|
|
aria-label="Toggle theme (auto)">
|
|
<span class="bi bi-circle-half me-2 opacity-50 theme-icon-active"></span>
|
|
<span class="d-lg-none ms-2"
|
|
id="bd-theme-text">{{_("Toggle theme")}}</span>
|
|
</button>
|
|
<ul class="dropdown-menu dropdown-menu-end"
|
|
aria-labelledby="bd-theme-text">
|
|
<li>
|
|
<button type="button"
|
|
class="dropdown-item d-flex align-items-center"
|
|
data-bs-theme-value="light"
|
|
aria-pressed="false">
|
|
<span class="bi bi-sun-fill me-2 opacity-50 theme-icon"></span>
|
|
{{_("Light")}}
|
|
</button>
|
|
</li>
|
|
<li>
|
|
<button type="button"
|
|
class="dropdown-item d-flex align-items-center"
|
|
data-bs-theme-value="dark"
|
|
aria-pressed="false">
|
|
<span class="bi bi-moon-stars-fill me-2 opacity-50 theme-icon"></span>
|
|
{{_("Dark")}}
|
|
</button>
|
|
</li>
|
|
<li>
|
|
<button type="button"
|
|
class="dropdown-item d-flex align-items-center active"
|
|
data-bs-theme-value="auto"
|
|
aria-pressed="true">
|
|
<span class="bi bi-circle-half me-2 opacity-50 theme-icon"></span>
|
|
{{_("Auto")}}
|
|
</button>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
</ul>
|
|
</header>
|
|
<main>
|
|
{% block content %}{% endblock %}
|
|
</main>
|
|
<footer class="pt-5 my-5 text-muted border-top">
|
|
Created by shmyga · © 2026
|
|
</footer>
|
|
</div>
|
|
<script>
|
|
(function () {
|
|
const params = new URLSearchParams(window.location.search);
|
|
const widget = params.get('widget') || window.location.hostname.startsWith('weather');
|
|
if (widget) {
|
|
document.body.classList.add('widget');
|
|
}
|
|
}());
|
|
</script>
|
|
</body>
|
|
|
|
</html> |