<!doctype html>
<html lang="ru">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<title>{% block title %}PlayPapa{% endblock %}</title>
<script>
(() => {
try {
const requestedTheme = new URLSearchParams(window.location.search).get("theme");
const savedTheme = localStorage.getItem("playpapa-theme");
const theme = requestedTheme || savedTheme;
document.documentElement.dataset.theme = theme === "dark" ? "dark" : "light";
} catch {
document.documentElement.dataset.theme = "light";
}
})();
</script>
{% block head_scripts %}{% endblock %}
{% block head_assets %}
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@500;600;700;800;900&display=swap" rel="stylesheet" />
<link rel="icon" type="image/svg+xml" href="/assets/blogger-playpapa-logo.svg" />
<link rel="stylesheet" href="/frame.css" />
<link rel="stylesheet" href="/styles.css" />
{% block stylesheets %}{% endblock %}
<link rel="stylesheet" href="/auth-local.css" />
{% endblock %}
</head>
<body class="{% block body_class %}{% endblock %}">
{% block body_start %}{% endblock %}
{% block header %}{% include 'components/header.html.twig' %}{% endblock %}
{% block before_main %}{% endblock %}
{% block main %}
<main>
{% block content %}{% endblock %}
{% block footer %}{% include 'components/footer.html.twig' %}{% endblock %}
</main>
{% endblock %}
{% block body_extras %}{% endblock %}
{% block modals %}{% include 'components/modals/auth.html.twig' %}{% endblock %}
{% block scripts %}{% endblock %}
{% block auth_script %}<script src="/assets/playpapa-auth.js?v=1"></script>{% endblock %}
</body>
</html>