44 lines
1.9 KiB
HTML
44 lines
1.9 KiB
HTML
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
|
|
<link rel="icon" type="image/svg+xml" href="{{ url_for('static', filename='images/favicon.svg') }}"/>
|
|
<link rel="apple-touch-icon" href="{{ url_for('static', filename='images/favicon.svg') }}"/>
|
|
<title>{{ site.header.title }}</title>
|
|
<script src="https://unpkg.com/vue@3/dist/vue.global.prod.js"></script>
|
|
<link href="{{ url_for('static', filename='css/styles.css') }}" rel="stylesheet"/>
|
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/lipis/flag-icons@6.11.0/css/flag-icons.min.css"/>
|
|
<script>
|
|
// Initialize window.initialData for Vue
|
|
window.initialData = {
|
|
site: {{ site|tojson|safe }},
|
|
devices: {{ devices|tojson|safe }},
|
|
commands: {{ commands|tojson|safe }}
|
|
};
|
|
</script>
|
|
</head>
|
|
|
|
<body class="min-h-screen flex flex-col bg-white dark:bg-gray-900">
|
|
<div id="app" class="min-h-screen flex flex-col">
|
|
<div class="flex-grow w-full max-w-7xl px-4 mx-auto">
|
|
<div class="mt-8 mb-12 flex justify-center items-center">
|
|
<a href="{{ site.header.logo_href }}" target="_blank" class="inline-block">
|
|
<img src="{{ url_for('static', filename='images/logo-light.svg') }}" alt="Logo" class="h-12 w-auto dark:hidden"/>
|
|
<img src="{{ url_for('static', filename='images/logo-dark.svg') }}" alt="Logo" class="h-12 w-auto hidden dark:block"/>
|
|
</a>
|
|
</div>
|
|
|
|
<main>
|
|
{% block content %}{% endblock %}
|
|
</main>
|
|
</div>
|
|
|
|
{% include 'footer.html' %}
|
|
|
|
</div>
|
|
|
|
<script src="{{ url_for('static', filename='js/main.js') }}"></script>
|
|
</body>
|
|
</html>
|