diff --git a/lpon_site/templates/_base.html b/lpon_site/templates/_base.html index e082025..15eeea2 100644 --- a/lpon_site/templates/_base.html +++ b/lpon_site/templates/_base.html @@ -1,75 +1,69 @@ -{% load static %} - - - - - - - - - {% block PAGE_TITLE %}LPON.RU{% endblock %} - - - - - - - - - - - - - - - - - {# Шутка #} - - - - {% if IS_DEBUG %}{% comment %} - Переключение dev/prod стилей Tailwind CSS происходит АВТОМАТИЧЕСКИ через - переменную IS_DEBUG (см. контексный-процессор frontend/context_processors.py), - - DEV: tailwindcss из CDN, компилируется прямо в браузере. Удобно для - разработки (не нужна сборка), но грузит браузер и prod не используется. - {% endcomment %}{% comment %} - - Кастомные @theme/@layer директивы проекта (токены цвета, типовой стиль - ссылок) лежат в css/tailwind-custom.css. @tailwindcss/browser сканирует - и компилирует ТОЛЬКО то, что видит в финальном DOM — то есть только - содержимое тегов style с type text/tailwindcss, а не внешние .css, - подключённые через link. Поэтому файл вставляется сюда через include, - а не подключается отдельным link.{% endcomment %} +{% load static %} + + + + + + + + + + {% block PAGE_TITLE %}LPON.RU{% endblock %} + + + + + + + + + + + + + + + + + {# Шутка #} + + + {% if IS_DEBUG %}{% comment %} + Переключение dev/prod стилей Tailwind CSS происходит + АВТОМАТИЧЕСКИ через переменную IS_DEBUG (см. контексный-процессор + frontend/context_processors.py), DEV: tailwindcss из CDN, компилируется прямо в браузере. Удобно + для разработки (не нужна сборка), но грузит браузер и prod не используется. {% endcomment %} + {% comment %} + Кастомные @theme/@layer директивы проекта (токены цвета, типовой стиль ссылок) + лежат в css/tailwind-custom.css. @tailwindcss/browser сканирует и компилирует ТОЛЬКО то, что + видит в финальном DOM — то есть только содержимое тегов style с type text/tailwindcss, а не + внешние .css, подключённые через link. Поэтому файл вставляется сюда через include, а не + подключается отдельным link.{% endcomment %} {% else %}{% comment %} - PROD: заранее собранный Tailwind CLI файл (см. frontend-assembly/tailwind/input.css - и package.json). CLI сканирует шаблоны проекта и генерирует только реально - используемые классы, включая кастомные @theme/@layer директивы из того же - самого файла css/tailwind-custom.css (подключён в input.css через @import).{% endcomment %} - {% endif %} - {% block EXTRAHEAD %}{% endblock EXTRAHEAD %} - - -{% block ADD_CSS1 %}{% endblock %}{% block ADD_CSS2 %}{% endblock %}{% block ADD_CSS3 %}{% endblock %}{% block BODY %} - {% include "block/header.html" %} -
- {% block CONTENT %}{% endblock CONTENT %} -
-{# {% include "blocks/footer.jinja2" %} #} -{% endblock BODY %}{% if not ALLOW_TRACKING %} - {# Если клиент еще не согласился на отслеживание покажем ему уведомление #}{% include "block/allow-tracking.html" %}{% else %} - {# Если согласился -- отслеживаем#}{% endif %} - - {% block ADD_JS1 %}{% endblock ADD_JS1 %}{% block ADD_JS2 %}{% endblock ADD_JS2 %}{% block ADD_JS3 %}{% endblock ADD_JS3 %} - + {% else %}{% comment %} PROD: заранее собранный Tailwind CLI файл (см. + frontend-assembly/tailwind/input.css и package.json). CLI сканирует шаблоны проекта и генерирует + только реально используемые классы, включая кастомные @theme/@layer директивы из того же самого + файла css/tailwind-custom.css (подключён в input.css через @import).{% endcomment %} + {% endif %} + {% block EXTRAHEAD %}{% endblock EXTRAHEAD %} + + + + {% block ADD_CSS1 %}{% endblock %}{% block ADD_CSS2 %}{% endblock %}{% block ADD_CSS3 %}{% endblock %}{% block BODY %}{% include "block/header.html" %} +
+ {% block CONTENT %}{% endblock CONTENT %} +
+ {# {% include "blocks/footer.jinja2" %} #}{% endblock BODY %}{% if not ALLOW_TRACKING %}{# Если клиент еще не согласился на отслеживание покажем ему уведомление #}{% include "block/allow-tracking.html" %}{% else %}{# Если согласился -- отслеживаем#} + {% endif %} + + {% block ADD_JS1 %}{% endblock ADD_JS1 %}{% block ADD_JS2 %}{% endblock ADD_JS2 %}{% block ADD_JS3 %}{% endblock ADD_JS3 %} + \ No newline at end of file diff --git a/lpon_site/templates/block/allow-tracking.html b/lpon_site/templates/block/allow-tracking.html index 2588e6e..92ade03 100644 --- a/lpon_site/templates/block/allow-tracking.html +++ b/lpon_site/templates/block/allow-tracking.html @@ -1,13 +1,13 @@ -{# НИЖНИЙ POPUP О КУКУХ И ОТСЛЕЖИВАНИИ #}
-
-

- В соответствии с GDPR - и 152-ФЗ, уведомляем вас, что сайт lpon.ru с целью аналитики - и улучшения своей работы использует файлы cookie и инструменты сбора обезли­ченных данных - о поведении пользо­вателей. Оставаясь на сайте, вы соглашаетесь с нашей - политикой конфи­денциаль­ности. -

- -
-
{# / НИЖНИЙ POPUP О КУКУХ И ОТСЛЕЖИВАНИИ #} \ No newline at end of file +{# НИЖНИЙ POPUP О КУКУХ И ОТСЛЕЖИВАНИИ #}
+
+

+ В соответствии с GDPR + и 152-ФЗ, уведомляем вас, что сайт lpon.ru с целью аналитики + и улучшения своей работы использует файлы cookie и инструменты сбора обезли­ченных данных + о поведении пользо­вателей. Оставаясь на сайте, вы соглашаетесь с нашей + политикой конфи­денциаль­ности. +

+ +
+
{# / НИЖНИЙ POPUP О КУКУХ И ОТСЛЕЖИВАНИИ #} \ No newline at end of file diff --git a/lpon_site/templates/block/breadcrumbs.html b/lpon_site/templates/block/breadcrumbs.html index c8cb0c1..934ac1d 100644 --- a/lpon_site/templates/block/breadcrumbs.html +++ b/lpon_site/templates/block/breadcrumbs.html @@ -44,34 +44,30 @@ просто объект с нужными атрибутами — главное, чтобы у каждого элемента были поля `title` и `url`. -{% endcomment %}{% if breadcrumbs %}{% endif %} diff --git a/lpon_site/templates/block/header.html b/lpon_site/templates/block/header.html index 49bd82c..91a25e7 100644 --- a/lpon_site/templates/block/header.html +++ b/lpon_site/templates/block/header.html @@ -1,29 +1,29 @@ {% load static %}
{% comment %} - Пункты меню — ссылки-кнопки, а не типовой текст, поэтому у каждой явно - заданы border-0 (отключает пунктирное подчёркивание из общего стиля ссылок) и свой - цвет text-slate-900/dark:text-slate-100 (см. пояснение в css/tailwind-custom.css).{% endcomment %} - {# ЛЕВОЕ МЕНЮ #} - ВИНИЛ - - - {# /ЛЕВОЕ МЕНЮ #} - {# ЛОГОТИП В ЦЕНТРЕ #}
{% comment %} - border-0 — логотип оборачивается в ссылку без текста, отключаем типовое - пунктирное подчёркивание ссылки, которое иначе появится под картинкой.{% endcomment %} - - - -
{# /ЛОГОТИП В ЦЕНТРЕ #} - {# ПРАВОЕ МЕНЮ #} - CD - - - {# /ПРАВОЕ МЕНЮ #} - {# СЛОГАН #}

Живой звук C-46, C-60, C-90 и далее…

{# /СЛОГАН #} -
+ z-50 bg-gray-100/90 dark:bg-slate-800/70 backdrop-blur border-b border-gray-200 dark:border-gray-800 + bg-[url({% static 'svgs/cc.svg' %})] bg-bottom-right bg-no-repeat grid grid-cols-[1fr_auto_1fr] items-center + content-center gap-x-4 px-4 py-0">{% comment %} + Пункты меню — ссылки-кнопки, а не типовой текст, поэтому у каждой явно + заданы border-0 (отключает пунктирное подчёркивание из общего стиля ссылок) и свой + цвет text-slate-900/dark:text-slate-100 (см. пояснение в css/tailwind-custom.css).{% endcomment %} + {# ЛЕВОЕ МЕНЮ #} + ВИНИЛ + + + {# /ЛЕВОЕ МЕНЮ #} + {# ЛОГОТИП В ЦЕНТРЕ #}
{% comment %} + border-0 — логотип оборачивается в ссылку без текста, отключаем типовое + пунктирное подчёркивание ссылки, которое иначе появится под картинкой.{% endcomment %} + + + +
{# /ЛОГОТИП В ЦЕНТРЕ #} + {# ПРАВОЕ МЕНЮ #} + CD + + + {# /ПРАВОЕ МЕНЮ #} + {# СЛОГАН #}

Живой звук C-46, C-60, C-90 и далее…

{# /СЛОГАН #} + \ No newline at end of file