From ad4f176209d5f58cf72d27bcb368d1db086c7bab Mon Sep 17 00:00:00 2001
From: erjemin <erjemin@gmail.com>
Date: Sat, 25 Jul 2026 20:41:36 +0300
Subject: [PATCH] =?UTF-8?q?add:=20front=20(4)=20=D1=88=D0=B0=D0=B1=D0=BB?=
 =?UTF-8?q?=D0=BE=D0=BD=20=D1=88=D0=B0=D0=BF=D0=BA=D0=B8=20(=D0=B4=D1=80?=
 =?UTF-8?q?=D0=B0=D1=84=D1=82=2001)=20+=20=D0=B3=D0=BB=D0=B0=D0=B2=D0=BD?=
 =?UTF-8?q?=D0=B0=D1=8F=20=D1=81=D1=82=D1=80=D0=B0=D0=BD=D0=B8=D1=86=D0=B0?=
 =?UTF-8?q?=20(=D0=B4=D1=80=D0=B0=D1=84=D1=82=2000)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 _prj_blueprint/_notes-01.md           | 15 ++++++++++++---
 lpon_site/frontend/views.py           |  4 ++++
 lpon_site/lpon_site/urls.py           |  1 +
 lpon_site/templates/_base.html        | 12 ++++++------
 lpon_site/templates/block/header.html | 21 +++++++++++++++++++++
 lpon_site/templates/catalog.html      | 12 ++++++++++++
 6 files changed, 56 insertions(+), 9 deletions(-)
 create mode 100644 lpon_site/templates/block/header.html
 create mode 100644 lpon_site/templates/catalog.html

diff --git a/_prj_blueprint/_notes-01.md b/_prj_blueprint/_notes-01.md
index b7f5dd2..f8d2087 100644
--- a/_prj_blueprint/_notes-01.md
+++ b/_prj_blueprint/_notes-01.md
@@ -22,6 +22,9 @@
   * _Пластинки: 33⅓ и две стороны удовольствия_.
   * Пластинки: крутим не спеша, слушаем внимательно.
   * Пластинки: всё, что звучит по‑настоящему.
+  * **Винил: Магия 33 оборотов и глубокого звука.**
+  * Винил: Больше чем музыка — твой личный ритуал.
+  * Винил: Глубина в каждой канавке.
 
 * Кассеты (CC):
   * Кассеты: C-46, C-54, C-60, C-90 — длина имеет значение.
@@ -36,6 +39,9 @@
   * C‑90. Переворачивай! 
   * Кассеты: музыка с характером.
   * Кассеты: не просто запись — атмосфера
+  * **Кассеты: Тёплый шум твоих любимых записей.**
+  * Кассеты: Атмосфера, застывшая на магнитной ленте.
+  * Кассеты: Перемотай к самому главному.
  
 * Компакт-диски (CD):* 
   * **CD: без сжатия, без компромиссов.**
@@ -57,9 +63,12 @@
 
 ## Финальный вариант
 
-* Общий:        LPON: для тех, кто слышит разницу
-* Винил:        Две стороны удовольствия — 33⅓ и не только   <--- ??
+* Общий:        LPON: для тех, кто слышит разницу.
+* Винил:        Глубина звука в каждом обороте.
+* Винил:        Две стороны удовольствия — 33⅓ и не только.
+* Кассеты:      Тёплое дыхание аналоговой ленты.
 * Кассеты:      Живой звук на 4,76 см/с.
-* CD:           Без сжатия, без компромиссов. (16bit / 44.1kHz)
+* Кассеты:      Живой звук на С-90.
+* CD:           16bit / 44.1kHz — Без сжатия, без компромиссов.
 * MD:           Цифровой формат с аналоговым характером.
 * Катушки:      Так писали в студиях. Так слушали дома.
\ No newline at end of file
diff --git a/lpon_site/frontend/views.py b/lpon_site/frontend/views.py
index 1a89047..c0e75dd 100644
--- a/lpon_site/frontend/views.py
+++ b/lpon_site/frontend/views.py
@@ -7,3 +7,7 @@ from django.http import HttpRequest, HttpResponse
 
 def index(request: HttpRequest | None) -> HttpResponse:
     return render(request, 'index.html', {})
+
+
+def catalog(request: HttpRequest | None) -> HttpResponse:
+    return render(request, 'catalog.html', {})
\ No newline at end of file
diff --git a/lpon_site/lpon_site/urls.py b/lpon_site/lpon_site/urls.py
index f1e07f8..ad6a9d4 100644
--- a/lpon_site/lpon_site/urls.py
+++ b/lpon_site/lpon_site/urls.py
@@ -26,6 +26,7 @@ urlpatterns = [
     path(settings.ADMIN_URL, admin.site.urls),
 
     re_path(r'^$', views.index),
+    re_path(r'^catalog/$', views.catalog),
 ]
 
 # Сервировать медиа-файлы в разработке (в production использовать nginx/Apache)
diff --git a/lpon_site/templates/_base.html b/lpon_site/templates/_base.html
index 5cd6c19..89f88af 100644
--- a/lpon_site/templates/_base.html
+++ b/lpon_site/templates/_base.html
@@ -43,17 +43,17 @@
     "name": "LPON.RU",
     "url": "{{ request.scheme }}://{{ request.get_host }}/"
   }
-  </script>{% block EXTRAHEAD %}
-{% endblock %}
+  </script>{% block EXTRAHEAD %}{% endblock EXTRAHEAD %}
   <link rel="stylesheet" href="{% static 'css/lpon.css' %}" />
 </head>
 <body class="bg-white dark:bg-slate-950 text-slate-900 dark:text-slate-100">{% block ADD_CSS1 %}{% endblock %}{% block ADD_CSS2 %}{% endblock %}{% block ADD_CSS3 %}{% endblock %}{% block BODY %}
-{#  {% include "blocks/header_nav.jinja2" %}#}
-  <main id="main-content">{% block CONTENT %}{% endblock %}</main>
+  {% include "block/header.html" %}
+  <main id="main-content">{% block CONTENT %}{% endblock CONTENT %}
+  </main>
 {#  {% include "blocks/footer.jinja2" %}{% if COOKIES %}#}
 {#  {% include "blocks/accept-cookies.jinja2" %}{% endif %}#}
 {% endblock BODY %}
   <script src="{% static 'js/alpine.min.js' %}"></script>
-  <script src="{% static 'js/htmx.min.js' %}"></script> {% block ADD_JS1 %}{% endblock %}{% block ADD_JS2 %}{% endblock %}{% block ADD_JS3 %}
-{% endblock %}</body>
+  <script src="{% static 'js/htmx.min.js' %}"></script> {% block ADD_JS1 %}{% endblock ADD_JS1 %}{% block ADD_JS2 %}{% endblock ADD_JS2 %}{% block ADD_JS3 %}{% endblock ADD_JS3 %}
+</body>
 </html>
\ No newline at end of file
diff --git a/lpon_site/templates/block/header.html b/lpon_site/templates/block/header.html
new file mode 100644
index 0000000..a307a23
--- /dev/null
+++ b/lpon_site/templates/block/header.html
@@ -0,0 +1,21 @@
+{% load static %}<header class="sticky top-0 z-50 bg-white/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">
+  {# ЛЕВОЕ МЕНЮ #}<menu class="flex items-center gap-x-4 justify-self-end text-xl font-semibold text-slate-900 dark:text-slate-100">
+    <a href="#" class="px-4 py-2 hover:bg-gray-200 dark:hover:bg-gray-700 rounded-lg">ВИНИЛ</a>
+    <span class="px-4 py-2 bg-gray-300 dark:bg-gray-600 rounded-lg hidden md:block">КАССЕТЫ</span>
+    <a href="#" class="px-4 py-2 hover:bg-gray-200 dark:hover:bg-gray-700 rounded-lg hidden md:block">MD</a>
+  </menu>{# /ЛЕВОЕ МЕНЮ #}
+  {# ЛОГОТИП В ЦЕНТРЕ #}<div class="flex flex-col items-center justify-self-center px-6">
+    <a href="/" class="block leading-none">
+      <picture id="logo" class="block px-6 mb-0 mt-2 leading-none">
+        <source srcset="{% static 'svgs/logo-lpon-d.svg' %}" media="(prefers-color-scheme: dark)" class="mx-auto h-16">
+        <img src="{% static 'svgs/logo-lpon-l.svg' %}" alt="Логотип lpon.ru" class="mx-auto h-16 block">
+      </picture>
+    </a>
+  </div>{# /ЛОГОТИП В ЦЕНТРЕ #}
+  {# ПРАВОЕ МЕНЮ #}<menu class="flex items-center gap-x-4 justify-self-start text-xl font-semibold text-slate-900 dark:text-slate-100">
+    <a href="#" class="px-4 py-2 hover:bg-gray-200 dark:hover:bg-gray-700 rounded-lg">CD</a>
+    <a href="#" class="px-4 py-2 hover:bg-gray-200 dark:hover:bg-gray-700 rounded-lg hidden md:block hyphens-none">BLU-RAY</a>
+    <a href="#" class="px-4 py-2 hover:bg-gray-200 dark:hover:bg-gray-700 rounded-lg hidden lg:block">АКСЕССУАРЫ</a>
+  </menu>{# /ПРАВОЕ МЕНЮ #}
+  {# СЛОГАН #}<p id="slogan" class="col-span-3 text-xs tracking-widest text-gray-300 bg-black/80 dark:text-gray-300 dark:bg-gray-400/80 px-6 pt-1 pb-1 mt-2 mb-4 leading-none rounded-lg justify-self-center">Живой звук C-46, C-60, C-90 и&nbsp;далее…</p>{# /СЛОГАН #}
+</header>
diff --git a/lpon_site/templates/catalog.html b/lpon_site/templates/catalog.html
new file mode 100644
index 0000000..6f6ca57
--- /dev/null
+++ b/lpon_site/templates/catalog.html
@@ -0,0 +1,12 @@
+{% extends "_base.html" %}{% load static %}
+
+{% block DESCRIPTION %}LPON — Магазин виниловых пластинок и аудиокассет{% endblock %}
+
+{% block CONTENT %}
+<div class="grid grid-cols-6 gap-4 h-lvh">
+  <div class="col-span-4 col-start-2 bg-blue-500 ...">01 Каталог</div>
+  <div class="col-start-1 col-end-3 bg-blue-600 ...">02 Блок</div>
+  <div class="col-span-2 col-end-7 bg-blue-500 ...">03 Блок</div>
+  <div class="col-start-1 col-end-7 bg-blue-200 ...">04 Блок</div>
+</div>
+{% endblock CONTENT %}
\ No newline at end of file