erjemin/2018-lpon-site
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

add: front (3) шаблон верхнего уровня _base.html

Browse Source
This commit is contained in:
erjemin
2026-07-22 00:10:59 +03:00
parent cf920ca65b
commit 60be891504
2 changed files with 64 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files
lpon_site/templates/index.html
+5 -22
View File
@@ -1,20 +1,6 @@
{% load static %}<!DOCTYPE html>
<html lang="ru" class="scroll-smooth">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>LPON.ru — Виниловые пластинки и кассеты</title>{% comment %}
!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
ВАЖНО! В prod будет использоваться tailwind.min.css. Его собирет webpack специально под проект.
Для этого у него в input.css прописаны пути к шаблонам, на которые ему надо посмостеть, и он соберет только
используемые классы и сгенерирует уникальный tailwind.min.css проекта.
<link rel="stylesheet" href="{% static 'css/tailwind.min.css' %}">{# <-- ДОБАВИТЬ В ПРОДАКШЕНЕ #}
В dev используем tailwindcss из CDN. В нем есть все, но он неимоверно грузит браузер.{% endcomment %}
<script src="https://cdn.jsdelivr.net/npm/@tailwindcss/browser@4"></script>{# <-- УБРАТЬ В ПРОДАКШЕНЕ #}
</head>
<body class="bg-white dark:bg-slate-950 text-slate-900 dark:text-slate-100">
{% extends "_base.html" %}{% load static %}
{% block BODY %}{# ЭТО СПЛЕШ-СКРИН! ТУТ НЕ НИКАКОЙ НАВИГАЦИИ, МЕНЮ, ШАПКИ/ПОДВАЛА И Т.П. #}
<!-- HERO -->
<section class="relative w-full h-screen flex items-center justify-center overflow-hidden">
@@ -33,9 +19,9 @@
<h1 class="text-6xl font-bold mb-4 drop-shadow-lg font-serif">ДЕМО-РЕЖИМ</h1>
<p class="text-2xl mb-8 drop-shadow font-serif">Виниловые пластинки и&nbsp;не&nbsp;только…</p>
<button class="px-8 py-3 bg-blue-600 hover:bg-blue-700 text-white rounded-lg font-semibold drop-shadow-lg">
<a href="/catalog" class="px-8 py-3 bg-blue-600 hover:bg-blue-700 text-white rounded-lg font-semibold drop-shadow-lg">
Посмотреть демо-каталог
</button>
</a>
</div>
<div class="absolute bottom-4 right-4 text-s text-gray-600 dark:text-gray-400 font-serif">
@@ -43,8 +29,5 @@
</div>
</section>
<script src="{% static 'js/alpine.min.js' %}"></script>
<script src="{% static 'js/htmx.min.js' %}"></script>
</body>
</html>
{% endblock %}