add: front (4) шаблон шапки (драфт 01) + главная страница (драфт 00)
This commit is contained in:
@@ -22,6 +22,9 @@
|
|||||||
* _Пластинки: 33⅓ и две стороны удовольствия_.
|
* _Пластинки: 33⅓ и две стороны удовольствия_.
|
||||||
* Пластинки: крутим не спеша, слушаем внимательно.
|
* Пластинки: крутим не спеша, слушаем внимательно.
|
||||||
* Пластинки: всё, что звучит по‑настоящему.
|
* Пластинки: всё, что звучит по‑настоящему.
|
||||||
|
* **Винил: Магия 33 оборотов и глубокого звука.**
|
||||||
|
* Винил: Больше чем музыка — твой личный ритуал.
|
||||||
|
* Винил: Глубина в каждой канавке.
|
||||||
|
|
||||||
* Кассеты (CC):
|
* Кассеты (CC):
|
||||||
* Кассеты: C-46, C-54, C-60, C-90 — длина имеет значение.
|
* Кассеты: C-46, C-54, C-60, C-90 — длина имеет значение.
|
||||||
@@ -36,6 +39,9 @@
|
|||||||
* C‑90. Переворачивай!
|
* C‑90. Переворачивай!
|
||||||
* Кассеты: музыка с характером.
|
* Кассеты: музыка с характером.
|
||||||
* Кассеты: не просто запись — атмосфера
|
* Кассеты: не просто запись — атмосфера
|
||||||
|
* **Кассеты: Тёплый шум твоих любимых записей.**
|
||||||
|
* Кассеты: Атмосфера, застывшая на магнитной ленте.
|
||||||
|
* Кассеты: Перемотай к самому главному.
|
||||||
|
|
||||||
* Компакт-диски (CD):*
|
* Компакт-диски (CD):*
|
||||||
* **CD: без сжатия, без компромиссов.**
|
* **CD: без сжатия, без компромиссов.**
|
||||||
@@ -57,9 +63,12 @@
|
|||||||
|
|
||||||
## Финальный вариант
|
## Финальный вариант
|
||||||
|
|
||||||
* Общий: LPON: для тех, кто слышит разницу
|
* Общий: LPON: для тех, кто слышит разницу.
|
||||||
* Винил: Две стороны удовольствия — 33⅓ и не только <--- ??
|
* Винил: Глубина звука в каждом обороте.
|
||||||
|
* Винил: Две стороны удовольствия — 33⅓ и не только.
|
||||||
|
* Кассеты: Тёплое дыхание аналоговой ленты.
|
||||||
* Кассеты: Живой звук на 4,76 см/с.
|
* Кассеты: Живой звук на 4,76 см/с.
|
||||||
* CD: Без сжатия, без компромиссов. (16bit / 44.1kHz)
|
* Кассеты: Живой звук на С-90.
|
||||||
|
* CD: 16bit / 44.1kHz — Без сжатия, без компромиссов.
|
||||||
* MD: Цифровой формат с аналоговым характером.
|
* MD: Цифровой формат с аналоговым характером.
|
||||||
* Катушки: Так писали в студиях. Так слушали дома.
|
* Катушки: Так писали в студиях. Так слушали дома.
|
||||||
@@ -7,3 +7,7 @@ from django.http import HttpRequest, HttpResponse
|
|||||||
|
|
||||||
def index(request: HttpRequest | None) -> HttpResponse:
|
def index(request: HttpRequest | None) -> HttpResponse:
|
||||||
return render(request, 'index.html', {})
|
return render(request, 'index.html', {})
|
||||||
|
|
||||||
|
|
||||||
|
def catalog(request: HttpRequest | None) -> HttpResponse:
|
||||||
|
return render(request, 'catalog.html', {})
|
||||||
@@ -26,6 +26,7 @@ urlpatterns = [
|
|||||||
path(settings.ADMIN_URL, admin.site.urls),
|
path(settings.ADMIN_URL, admin.site.urls),
|
||||||
|
|
||||||
re_path(r'^$', views.index),
|
re_path(r'^$', views.index),
|
||||||
|
re_path(r'^catalog/$', views.catalog),
|
||||||
]
|
]
|
||||||
|
|
||||||
# Сервировать медиа-файлы в разработке (в production использовать nginx/Apache)
|
# Сервировать медиа-файлы в разработке (в production использовать nginx/Apache)
|
||||||
|
|||||||
@@ -43,17 +43,17 @@
|
|||||||
"name": "LPON.RU",
|
"name": "LPON.RU",
|
||||||
"url": "{{ request.scheme }}://{{ request.get_host }}/"
|
"url": "{{ request.scheme }}://{{ request.get_host }}/"
|
||||||
}
|
}
|
||||||
</script>{% block EXTRAHEAD %}
|
</script>{% block EXTRAHEAD %}{% endblock EXTRAHEAD %}
|
||||||
{% endblock %}
|
|
||||||
<link rel="stylesheet" href="{% static 'css/lpon.css' %}" />
|
<link rel="stylesheet" href="{% static 'css/lpon.css' %}" />
|
||||||
</head>
|
</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 %}
|
<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" %}#}
|
{% include "block/header.html" %}
|
||||||
<main id="main-content">{% block CONTENT %}{% endblock %}</main>
|
<main id="main-content">{% block CONTENT %}{% endblock CONTENT %}
|
||||||
|
</main>
|
||||||
{# {% include "blocks/footer.jinja2" %}{% if COOKIES %}#}
|
{# {% include "blocks/footer.jinja2" %}{% if COOKIES %}#}
|
||||||
{# {% include "blocks/accept-cookies.jinja2" %}{% endif %}#}
|
{# {% include "blocks/accept-cookies.jinja2" %}{% endif %}#}
|
||||||
{% endblock BODY %}
|
{% endblock BODY %}
|
||||||
<script src="{% static 'js/alpine.min.js' %}"></script>
|
<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 %}
|
<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 %}
|
||||||
{% endblock %}</body>
|
</body>
|
||||||
</html>
|
</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 и далее…</p>{# /СЛОГАН #}
|
||||||
|
</header>
|
||||||
@@ -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 %}
|
||||||
Reference in New Issue
Block a user