<!DOCTYPE html>
{% load static %}<html lang="ru">
<head>
  <meta charset="utf-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1" />

  <!-- SEO & Meta -->
  <title>{% block Title %}{% endblock %}</title>
  <meta name="description" content="{% block Description %}{% endblock %}" />
  <meta name="keywords" content="{% block Keywords %}{% endblock %}" />
  <meta name="copyright" content="Sergei Erjemin (дизайн){% block CopyrightAuthor4Meta %}{% endblock %}." />
  <meta name="robots" content="index,follow" />

  <!-- Open Graph / Social Media -->
  <meta property="og:type" content="article" />
  <meta property="og:title" content="{% block OgTitle %}{{ DQ.szContent|truncatechars:60 }}{% endblock %}" />
  <meta property="og:description" content="{% block OgDescription %}{{ DQ.szIntro|default:'' }} {{ DQ.szContent }} {{ AUTHOR.szAuthor|default:'' }}{% endblock %}" />
  <meta property="og:url" content="{{ request.build_absolute_uri }}" />
  <meta property="og:site_name" content="DicQuo" />
  {% if IMAGE %}<meta property="og:image" content="{{ request.scheme }}://{{ request.get_host }}{{ IMAGE.url }}" />{% endif %}

  <!-- Technical Meta -->
  <meta http-equiv="Last-Modified" content="{% block Last4Meta %}{% endblock %}" />
  <meta name="generator" content="Django" />

  <!-- Favicons -->
  <link rel="shortcut icon" type="image/x-icon" href="{% static 'img/favicon.ico' %}" />
  <link rel="icon" type="image/png" href="{% static 'img/favicon.png' %}" />

  <!-- Styles -->
  <link rel="stylesheet" href="{% static 'css/dicquo.css' %}" />

  <style>
    body {
        margin: 0;
        min-height: 100vh;
        background-color: #111; /* Изначально темный фон */
        opacity: 0; /* Скрываем контент до расчета цвета */
        transition: opacity 0.9s ease-in-out; /* Очень плавное появление */
    }
  </style>

  <noscript>
    <style>body { opacity: 1; }</style>
  </noscript>

  {% block ExtraHead %}{% endblock %}
</head>
<body>
  {% if DQ %}
  <span id="dq-content-raw" style="display:none;">{{ DQ.szContent }}</span>
  {% endif %}

  {% block CONTENT %}{% endblock %}
  {% include "blocks/counters.html" %}
  <script src="{% static 'js/bg-generator.js' %}"></script>
</body>
</html>