<!DOCTYPE html>
<html lang="{% block lang %}{% endblock lang %}">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="color-scheme" content="light dark">
{% block desc %}{% endblock desc %}
<title>{% block title %}{% endblock title %}</title>
<link rel="icon" type="image/png" sizes="32x32" href="/img/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/img/favicon-16x16.png">
<link rel="apple-touch-icon" sizes="180x180" href="/img/apple-touch-icon.png">
{% include "_custom_font.html" %}
{% include "_custom_css.html" %}
<link rel="stylesheet" href="/main.css">
{% block head %}{% endblock head %}
{% include "_head_extend.html" %}
</head>
<body class="{% block page %}{% endblock page%}">
<script>if (localStorage.getItem('theme') == 'dark') { document.body.classList.add('dark'); const hl = document.querySelector('link#hl'); if (hl) hl.href = '/hl-dark.css'; }</script>
{% block content %}{% endblock content %}
{% block script %}{% endblock script %}
<script src="/js/main.js"></script>
</body>
</html>